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

body {
	/*background:url(/img/fon.jpg); */
	background: linear-gradient(to top, #cedbe1, #ecf1f3);
	font-family: "CenturyGothicRegular";
	/*background-attachment: fixed; /* Фиксируем фон веб-страницы */
	/* background: url(../img/2000/fon.jpg) center center fixed no-repeat; */
	-moz-background-size: cover; /* Firefox до 4.0 */
	-webkit-background-size: cover; /* Safari и Chrome */
	-o-background-size: cover; /* Opera до версии 10.53 */
	background-size: cover; /* CSS3 */
	position: 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%;overflow-x: hidden;}




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



.main {position: initial;width: 700px;margin: 0 auto;}





.contenttext {
	position: static;
	width: 900px;
	margin-left: 0px;
	top: 0px;
	z-index: 1000000000000;
	text-align:  center;
    font-size: 12px;
	color: #01686e;
	
	}

	
.kontakty {
	position: absolute;
	width: 600px;
	margin-left: 300px;
	top: 400px;
	z-index: 1000000000000;
	text-align:  center;
    font-size: 10px;
	color: #01686e;

	}

.kontakty td {
	color: #017278;
	vertical-align: top;
	} 

	
.portfoliobrends { 
width: 1300px;
margin: 0 auto; 

}	
	
	
.btlogo {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left:-700px;
	z-index: 100000;
	
	}
	

		
.status1, .status2, .status3, .status4 {

	width: 900px;
	margin-left: -120px;
	position: absolute;
	font-family: "CenturyGothicRegular";
	top: 280px;
	z-index: 1000000000000;
	text-align:  center;
    font-size: 13px;
	color: #01686e;
	
	}
	
	
	
.status_off {
	
	
	    font-size: 0px;
	
} 	
	
	
.mfsmini {
	
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left:-200px;
	z-index: 100000;
	
	
	}

.mfsmini img{
	
	width: 366px;

	
	
	}	

	
.mfslogo {
	position: absolute;
	top: 380px;
	left: 50%;
	margin-left:-600px;
	z-index: 100000;
	
	
	}	
	

	
.mfslogomini {
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left:-400px;
	z-index: 100000;
	
	top: -1450px;
	
	}	
	
	
.mfslogomini img {
width: 800px;
	
	}

	
.tel {
	position: absolute;
	top: 900px;
	left: 50%;
	margin-left:-580px;
	z-index: 100000;
}
	
.tel_right {
	position: absolute;
	top: -130px;
	left: 50%;
	margin-left:1180px;
	z-index: 100000;
}

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

.menu-table {
	
		top: 30px;
		position: absolute;
		z-index: 1000000000000;
		margin-left: -100px;
}



.menu-img {

	width: 105px;

}


.menu{ 

	/*width: 656px;*/
	margin-left: 50px;

	font-family: "CenturyGothicRegular";
    font-size: 16px;
	font-weight: 600;
	/*text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.34); /* Параметры тени */
	/*letter-spacing: 0.1em;*/
	top: 35px;
	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: #bdd0d7; /* Цвет ссылки меню */  

	
	border-left-color: 0 0 0.5em rgba(0, 0, 0, 0.34); /* Цвет линии слева */
    border-left-style: solid; /* Стиль линии */
    border-left-width: 3px; /* Толщина линии */
	

	
    padding: 10px 20px; /* Расстояние между линией и текстом */
    margin: 0 -1px; /* Отступы справа и слева */
	
}

.end {
		
	border-right-color:  0 0 0.5em rgba(0, 0, 0, 0.34); /* Цвет линии справа */
    border-right-style: solid; /* Стиль линии */
    border-right-width: 3px; /* Толщина линии */
	
	
	padding: 10px 10px; /* Расстояние между линией и текстом */	
}


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

   
a.selected {

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

}


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








.object {
    position: absolute;

}

.fon1 {
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: 1500px;
    z-index: 3;
}
.fon2 {
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: -2550px;
	z-index: 3;
}
.fon3 {
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -2550px;
    z-index: 3;
}
.fon4 {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -2900px;
    z-index: 3;
}



.mfslogo {

	top: -1250px;

	}
	
	
.large .move-mfslogo {
    transform: translate(0,1580px);
    -webkit-transform: translate(0,1580px); /** Safari & Chrome **/
    -o-transform: translate(0,1580px); /** Opera **/
    -moz-transform: translate(0,1580px); /** Firefox **/
}




.large .move-contenttext {
    transform: translate(0,350px);
    -webkit-transform: translate(0,350px); /** Safari & Chrome **/
    -o-transform: translate(0,350px); /** Opera **/
    -moz-transform: translate(0,350px); /** Firefox **/
}



.large .move-fon1 {
    transform: translate(-1250px,0);
    -webkit-transform: translate(-2500px,-26px); /** Safari & Chrome **/
    -o-transform: translate(-1250px,0); /** Opera **/
    -moz-transform: translate(-1250px,0); /** Firefox **/
}


.large .move-fon2{
    transform: translate(1250px,0);
    -webkit-transform: translate(1849px,100px); /** Chrome & Safari **/
    -o-transform: translate(1250px,0); /** Opera **/
    -moz-transform: translate(1250px,0); /** Firefox **/
}
.large .move-fon3 {
    transform: translate(-250px,0);
    -webkit-transform: translate(2146px,120px); /** Safari & Chrome **/
    -o-transform: translate(-1250px,0); /** Opera **/
    -moz-transform: translate(-1250px,0); /** Firefox **/
}

.large .move-fon4 {
    transform: translate(-1250px,0);
    -webkit-transform: translate(2100px,0); /** Safari & Chrome **/
    -o-transform: translate(-1250px,0); /** Opera **/
    -moz-transform: translate(-1250px,0); /** Firefox **/
}


.object {
    position: absolute;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s cubic-bezier(0.68, -0.55, 0.27, 1.55); /** Chrome & Safari **/
    -moz-transition: all 2s ease-in-out; /** Firefox **/
    -o-transition: all 2s ease-in-out; /** Opera **/
}


.object_top {
    position: absolute;
    transition: all 2s ease-in-out;
    -webkit-transition: all 2.1s cubic-bezier(0.68, -0.55, 0.27, 1.55); /** Chrome & Safari **/
    -moz-transition: all 2s ease-in-out; /** Firefox **/
    -o-transition: all 2s ease-in-out; /** Opera **/
}




.slider {margin-left: -880px;margin-top: 300px;}




.poleznoetext {
	position: static;
	width: 1200px;
	margin-left: -250px;
	margin-top: 390px;
	/* left: 200px; */
	z-index: 1000000000000;
	text-align:  center;
	font-size: 12px;
	color: #01686e;
	}

	
.poleznoeimgbrends {

	margin-left: -130px;
}


@media (max-width: 479px) {
	/* general */
html, body {zoom:0.5}
}
@media (min-width: 480px) and (max-width: 999px) {
		/* general */
html, body {zoom:0.6}
 }
@media (min-width: 1000px) and (max-width: 1499px) {
		/* general */
html, body {zoom:0.7}
 }
@media (min-width: 1500px) and (max-width: 1999px) {
		/* general */
html, body {zoom:0.8}
 }
@media (min-width: 2000px)  {
		/* general */
html, body {zoom:1}
 }