#creative {
	margin: 0px auto 75px auto; 
	padding: -0px 0px 0px 0px;
	position: relative;
	width: 1200px;
	height: 1025px;
	border: 0px solid #333;
}
#creative a {
	color: #fff;
}
.smallText {
	font-size: 18px;
	font-family: Roboto;
	color: #fff;
}
#creativeCont, #creative_01, #creative_02, #creative_03, #creative_04, #creative_05, #creative_06, #creative_07, #creative_08, #creative_09 {
	position: relative;
	height: 332px;
	width: 332px;
	background-color: #333;
	background-size: 100%;
}
#creative_01 {
	left: 90px;
	background: url(../images/Icons/icon_Boxton_4a.jpg) no-repeat;
}
#creative_02 {
	top: -332px;
	left: 434px;
	background: url(../images/Icons/icon_home.jpg) no-repeat;
}
#creative_03 {
	top: -664px;
	left: 778px;
	background: url(../images/Icons/icon_gefest.jpg) no-repeat;
}
#creative_04 {
	top: -650px;
	left: 90px;
	background: url(../images/Icons/icon_shelf.jpg) no-repeat;
}
#creative_05 {
	top: -982px;
	left: 434px;
	background: url(../images/Icons/icon_APG.jpg) no-repeat;
}
#creative_06 {
	top: -1314px;
	left: 778px;
	background: url(../images/Icons/icon_Monisto.jpg) no-repeat;
}
#creative_07 {
	top: -1300px;
	left: 90px;
	background: url(../images/Icons/icon_stern.jpg) no-repeat;
}
#creative_08 {
	top: -1632px;
	left: 434px;
	background: url(../images/Icons/icon_informatics.jpg) no-repeat;
}
#creative_09 {
	top: -1964px;
	left: 778px;
	background: url(../images/Icons/icon_s_mebel.jpg) no-repeat;
}
#creativeCont {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: rgba(51,51,51,0.0);
	border: 0px solid #aaa;
	font-size: 21px;
	font-family: Roboto Regular;
	color: #fff;
}
#creativeCont p {
	margin: 0px auto;
	padding: 50% 0%;
	text-align: center;
	width: 332px;
	height: 0px;
	opacity: 0;
}
#creativeCont p:hover {
	opacity: 1;
}
#creativeCont:hover {
	background: rgba(51,51,51, 0.8);
	transition: 1.0s all;
}
#creativeOpisanie {
	margin: 0px auto 50px auto;
	width: 1200px;
	height: 100px;
}
#creativeOpisanie { display: none; }
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 1000px){ #creativeOpisanie { display: inline; }}





/*----------------------------------- Максимальная ширина 1000 рх-------------------------------*/
* {
  -webkit-tap-highlight-color: transparent;
}
@media(max-width: 1000px) {
	
#creative {
	padding: 0px 0px 100px 0px;
	height: 13650px;
	width: 1200px;
	margin: 0px auto 0px auto;
	border: 0px solid #333;
}
#creative a {
	color: #fff;
}
.smallText {
	font-size: 52px;
	font-family: Roboto Regular;
	color: #fff;
}
#creativeCont, #creative_01, #creative_02, #creative_03, #creative_04, #creative_05, #creative_06, #creative_07, #creative_08, #creative_09 {
	margin: 130px auto 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	height: 1200px;
	width: 1200px;
	background-repeat: no-repeat;
	background-size: 100%;

}

#creativeCont {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: rgba(51,51,51,0.0);
	border: 0px solid #aaa;
	font-size: 70px;
	font-family: Roboto Regular;
	color: #fff;
}
#creativeCont p {
	margin: 0px auto;
	padding: 50% 0%;
	text-align: center;
	width: 1200px;
	height: 0px;
	opacity: 0;
}
#creativeCont p:hover {
	opacity: 1;
}
#creativeCont:hover {
	background: rgba(51,51,51, 0.8);
	transition: 1.0s all;
}
#creativeOpisanie {
	margin: 0px auto 300px auto;
	width: 1200px;
	height: 500px;
	font-size: 42px;
	color: #333;
	font-family: Roboto Regular;
	border: 0px solid #ccc;
}
.name {
	text-transform: uppercase;
	font-size: 75px;
	color: #333;
	font-family: Roboto medium;
	border: 0px solid #ccc;
	
}
#creativeOpisanie { display: none; }
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 1000px){ #creativeOpisanie { display: inline; }}

}