@font-face {
    font-family: "CenturyGothicRegular";
    src: url("http://creativb.ru/css/CenturyGothicRegular.eot");
    src: url("http://creativb.ru/css/CenturyGothicRegular.eot?")format("embedded-opentype"),
    url("http://creativb.ru/css/CenturyGothicRegular.woff") format("woff"),
    url("CenturyGothicRegular.ttf") format("truetype");
}

body {
	 background:url(../images/fon_1920.png);
	 font-family: "CenturyGothicRegular";
     background-attachment: fixed; /* Фиксируем фон веб-страницы */
	}
	

/* reset */
body, div, p, h1, h2, a, span, img, ul, li { margin: 0; padding: 0; }
ul { list-style: none; }


/* general */
html, body { width: 100%; height: 100%; }




#loading{
	display:none;
	width:40px;
	height:40px;
	background:url(http://creativb.ru/preloader.gif) no-repeat center center;
	position:fixed;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
}



.main { width: 600px; margin: 0 auto; z-index:10000;}




.contenttext {
        position: absolute;
	width: 600px;
	margin-top: 450px;
  	float: left;
	color: #424141; /* Цвет ссылки меню */  
	position: static;
        font-size: 11px;
        text-align: justify;
	}

.comanda {


	width: 600px;
	margin-top: 1550px;
  	float: left;
	color: #424141; /* Цвет ссылки меню */  
	position: static;



}
	
.creativlogo {
	position: absolute;
	top: 89px;
	left: 50%;
	margin-left:-220px;
	z-index: 100000;
	
	}
	



/* начало условии меню */

.menu{ 

	width: 600px;
	margin-left: 0px;
	position: absolute;
	font-family: "CenturyGothicRegular";
    font-size: 13px;
	/*font-weight: 600;*/
	text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.34); /* Параметры тени */
	/*letter-spacing: 0.1em;*/
	top: 15px;
	z-index: 1000000000000
	
}

.menu ul {
	list-style: none; /*убираем маркеры списка*/
	margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
	padding-left: 0; /*убираем левый отступ, равный 40px*/
  text-transform: uppercase; /* Заглавные буквы */
}

.menu ul li {
	padding-top: 8px;
  	float: left;
	padding-right: 13px;
	color: #424141; /* Цвет ссылки меню */  
}




.menu a { 
    text-decoration: none; /* убираем подчеркивание */
	color: #424141; /* Цвет ссылки меню */  
   } 
   
.menu a:hover { 
	cursor: pointer;
    color: #ff9800; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: none; /* убираем подчеркивание */
   } 

   
a.selected {

    color: #ff9800; /* Цвет ссылки при наведении на нее курсора мыши */  

}



/* конец условии меню */


/* начало условии верхнего логотипа */
.logo {
    position: absolute; /* Абсолютное позиционирование */
    padding-top: 0px;
    right: 300px; /* Положение от правого края */
	text-align: left;
	margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
	color: #424141; /* Цвет ссылки меню */  
    font-size: 13px;
	top:20px;
}

.logo img {
    position: absolute; /* Абсолютное позиционирование */
    padding-top: 0px; /* Положение от нижнего края */
    right: 120px; /* Положение от правого края */
	text-align: left;
	margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
	color: #424141; /* Цвет ссылки меню */  
    font-size: 10px;
}
/* конец условии верхнего логотипа */


/* начало условии нижнего логотипа с текстом */
.text-niz {
	width: 250px;
	position: fixed;
    bottom: 35px; /* Положение от нижнего края */
    right: 250px; /* Положение от правого края */
	color: #424141; /* Цвет ссылки меню */  
    font-size: 7px;
}

.text-niz img {
	height: 50px;

}
/* конец условии нижнего логотипа  с текстом*/



/* начало условии нижнего меню */
.menu-niz {
	top: 50px;
	margin-top: 0; /*убираем верхнее и нижнее поле, равное 1em*/
    position:relative;
	margin: auto;
    font-size: 10px;
	padding-bottom: 60px;
	z-index: 100000;
}

.menu-niz ul {
    width: 450px;
    margin: auto;
	list-style: none; /*убираем маркеры списка*/
	text-align:center;
}

.menu-niz ul li {
	padding-top: 4px;
  	float: left;
	padding-right: 8px;
	color: #424141; /* Цвет ссылки меню */  
}

.menu-niz ul li:hover {
	cursor: pointer;
    color: #ff9800; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: none; /* убираем подчеркивание */
}

.menu-niz a { 
    text-decoration: none; /* убираем подчеркивание */
	color: #424141; /* Цвет ссылки меню */  
   } 
   
.menu-niz a:hover { 
	cursor: pointer;
    color: #ff9800; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: none; /* убираем подчеркивание */
   } 


a.selected {

    color: #ff9800; /* Цвет ссылки при наведении на нее курсора мыши */  

}

/* конец условии нижнего меню */




/* начало условии нижнего логотипа соц сетей */
.logo-niz {
	top: 50px;
	position:relative;
    padding-top: 0px; /* Положение от нижнего края */
	text-align: center;
	margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
	color: #424141; /* Цвет ссылки меню */  
}

.logo-niz img {
	height: 70px;
}

/* конец условии нижнего меню */




/* начало условии Logos */
.logos {

	position:relative;
top: -150px;
        padding-top: 0px; /* Положение от нижнего края */
	text-align: center;
	margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
	color: #424141; /* Цвет ссылки меню */  
}

.logos img {
	width: 95%;
}

/* конец условии Logos */



/* Команда паралакс */

.fon1{background:url(../images/cb_1920.png)no-repeat; width:1920px; height:1080px;       top:-100px; left:-300px; position: fixed;  z-index:-1;} 
.fon2{background:url(../images/creativ_1920.png)no-repeat; width:1920px; height:1080px;  top:-100px; left:0px; position: fixed; z-index:-2;}




.layer1{ top:0px; left:0px; position: absolute;}
.layer2{ top:0px; left:0px; position: absolute;}
.layer3{ top:0px; left:0px; position: absolute;}
.layer4{ top:0px; left:0px; position: absolute;}
.layer5{ top:0px; left:0px; position: absolute;}
.layer6{ top:0px; left:0px; position: absolute;}
.layer7{ top:0px; left:0px; position: absolute;}
.layer8{ top:0px; left:0px; position: absolute;}
.layer9{ top:0px; left:0px; position: absolute;}
.layer10{ top:0px; left:0px; position: absolute;}
.layer11{ top:0px; left:0px; position: absolute;}
.layer12{ top:0px; left:0px; position: absolute;}
.layer13{ top:0px; left:0px; position: absolute;}
.layer14{ top:0px; left:0px; position: absolute;}
.layer15{ top:0px; left:0px; position: absolute;}
.layer16{ top:0px; left:0px; position: absolute;}
.layer17{ top:0px; left:0px; position: absolute;}





.layer1{ /* Виталий*/
	top: 89px;
	left: 20%;}

.layer2{ /* Наталья*/
	top: 252px;
	left: 35%;}

.layer3{ /* Михаил*/
	top: 108px;
	left: 50%;}

.layer4{ /* Иван*/
	top: 235px;
	left:70%;
}
.layer5{ /* Юлия*/
	top: 384px;
	left:15%;
}
.layer6{ /* Дмитрий*/
	top: 483px;
	left:34%;
}
.layer7{ /* Кристина*/
	top: 434px;
	left:55%;
}
.layer8{ /* Инна*/
	top: 580px;
	left:20%;
}
.layer9{ /* Анатолий */
	top: 810px;
	left:15%;
}
.layer10{ /* Максим */
	top: 710px;
	left:40%;
}
.layer11{ /* Алина */
	top: 950px;
	left:30%;
}
.layer12{ /* Алексей */
	top: 900px;
	left:60%;
}
.layer13{ /* Мария*/
	top: 1130px;
	left:45%;
}
.layer14{ /* Анастасия */
	top: 1150px;
	left:15%;
}
.layer15{ /* Денис */
	top: 1350px;
	left:35%;
}
.layer16{ /* Анастасия */
	top: 1250px;
	left:65%;
}
.layer17{ /* Владислав */
	top: 680px;
	left:70%;
}


/* Команда паралакс */



.uslugi table {
        position: absolute;
	width: 900px;
	margin-top: 450px;
	margin-left: -190px;
	color: #424141; /* Цвет ссылки меню */  
  	text-align: top;
	position: static;
        font-size: 8px;
        text-align: justify;
	}




td {
z-index:10000;
    vertical-align: top; /* Выравнивание по верхнему краю ячеек */
   }



.uslugi1 {

width: 309px;

  	align: top;

}


.uslugi2 {

width: 295px;

  	align: top;
}


.uslugi3 {

width: 295px;

  	align: top;

}