@font-face {
	font-family: 'Century Gothic';
	src:url('../font/GOTHIC.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'AnastasiaScript';
	src:url('../font/Anastasiascript.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}

a:focus {
	outline: none;
}	
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html,body{overflow-x: hidden; background:#000; }

 
 		.login_box{
    		float:left;
    		clear:both;
			margin-top:-20px;
			margin-left:18%;
			height:160px;
			width:100%;
			border:1px solid #CCC;
		}
		.bline_zerro{
			position: relative; 
			background:#000;  
			background-position:top center;
        	background-repeat: no-repeat;       
        	width: 100%;
			left:0;
			margin-left:0;
        	height: 40px;
			opacity:0.9;
			z-index:1000000;

      	}
		.bline_up{
			position: fixed; 
			background:#c10101;  
			background-image:url(../images/menubg.jpg);
			background-position:top center;
        	background-repeat: no-repeat;       
        	width: 100%;
			left:0;
			margin-left:0;
        	height: 40px;
			opacity:0.9;
			z-index:1000000;

      	}
		.bline0{
			position: fixed;   
			background-image:url(../images/upshaded.png);

        	width: 100%;
			left:0;
			margin-left:0;
        	height: 15px;
			z-index:1000000000;
      	}	
	.bline{
			position: relative;
			top:0;
			display:inline-block;
			background-image:#000;
			background-position:top center;
        	width: 100%;
			left:0;
			margin-left:0;
        	height: 40px;
      	}	
		.bline2{
			position: relative;   
        	background:#bec0c8;
        	background-repeat: no-repeat;       
        	width: 100%;
			left:0;
			margin-left:0;
        	height: 940px;
      	}
.bline_txt{
	position: absolute;   
	background:none;
	background-repeat: no-repeat;       
	width: 1000px;
	left:50%;
	margin-top:10px;
	margin-left:-500px;
    height: 40px;
	text-align:center;
	color: white;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
    }
	
.bgleft{
	background-image:url(../images/bg_fiber5.png);
	top: 0px;
	left: 0;
	width: 240px;
	height: 100%;
	position: fixed;
	margin-top: 0px;
	margin-left: 0px;
	z-index:10000;
}
.bgright{
	background-image:url(../images/bg_fiber5r.png);
	bottom: 0px;
	right: 0;
	width: 240px;
	height: 100%;
	position: fixed;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index:10000;
}
.flag_00{
			position: absolute; 
			background-image:url(../images/spacer.gif);
			background-position:top center;
        	width: 1px;
			left:0;
			margin-top:-127px;
			margin-left:0;
        	height: 1px;
      	}			
.flag_01{
			position: absolute; 
			background-image:url(../images/spacer.gif);
			background-position:top center;
        	width: 1px;
			left:0;
			margin-top:-140px;
			margin-left:0;
        	height: 1px;
      	}	
.flag_02{
			position: absolute; 
			background-image:url(../images/spacer.gif);
			background-position:top center;
        	width: 1px;
			left:0;
			margin-top:-237px;
			margin-left:0;
        	height: 1px;
      	}	
.flag_08{
			position: absolute; 
			background-image:url(../images/spacer.gif);
			background-position:top center;
        	width: 1px;
			left:0;
			margin-top:-130px;
			margin-left:0;
        	height: 1px;
      	}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}



ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}





.toplinex {
	height: 14px;
	margin: 0px auto 0px auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	background:url(../images/linebug.jpg);
	background-position:top center;	

}

.named_slider {
	position:relative;
	width:100%;
	text-align:center;
	margin-top:-100px;
	margin-left:0%;
	margin-bottom:40px;
	padding:0 0px 0 0px;

}
.named_slider h2{
	position:relative;
	width:100%;
	text-align:center;
	margin-top:-100px;
	margin-bottom:40px;
	padding:0 0px 0 0px;
  font-size: 20px;
  letter-spacing:10px;
  color: #000;
	font-weight:700;
font-family: 'Roboto Condensed', sans-serif;
}


#sequence {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  background-color: #000;
  background-image: url("../images/bg0.jpg");
  background-repeat: no-repeat;
  background-position:top center;
  color: white;
  margin: 0px auto;
  height: 900px;
}
#sequence > .sequence-canvas {
  height: 100%;
  width: 100%;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0%;
}
#sequence > .sequence-canvas > li img {
  height: 100%;
}
#sequence > .sequence-canvas li > * {
  position: absolute;
  /* only cause the left and opacity properties to transition */
 
}

.sequence-next,
.sequence-prev {
	border:2px solid #999;
	background:#000;
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 2px 11px;
  position: absolute;
  top: 171px;
  z-index: 1000;
  width:52px;
  height: 52px;
  margin-top: 180px;
  border-radius:50%;
}

.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}

.sequence-paused {
  opacity: 0.3;
}

.sequence-prev {
  left: 5%;
}

.sequence-next {
  right: 5%;
}

.sequence-prev img,
.sequence-next img {
  height: 10px;
  width: auto;
}

#sequence-preloader {
  background: #555;
}

.sequence-pagination {
	height:32px;
  bottom: 148px;
  width:364px;
  left: 50%;
  margin-left:-179px;
  position: absolute;
  z-index: 10;
}
.sequence-pagination .pag_on {
  display: inline-block;
  height: 32px; 
  width:32px;
  
}
.sequence-pagination .pag_on img {
	width:36.44px;
  cursor: pointer;
  opacity: 0.275;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sequence-pagination .pag_on img:hover {
  opacity:1;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sequence-pagination .pag_on.current img {
  opacity: 1;
}

h2 {
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
  text-transform: uppercase;
}

h3 {
 font-family: 'Roboto Condensed', sans-serif;
   font-weight:400;

}

.sequence-next,
.sequence-prev {
  position: absolute;
  opacity: 0.5;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.sequence-next:hover,
.sequence-prev:hover {
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.title {
  background:none;
  width:300px;
  left: 20%;
  margin-left:-499px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  top: 404px;
  z-index:10000;
  color:#f2f2f2;
  text-align:center;
  text-decoration:none;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.49);
  font-family: 'Century Gothic';
  font-size:15px;
  letter-spacing:0.15em;
  font-weight:600;
}
.animate-in .title {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.animate-out .title {
  left: 20%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


.title_set_typ {
  background:none;
  width:300px;
  left: 20%;
  margin-left:130px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  top: 379px;
  z-index:10000;
  color:#f2f2f2;
  text-align:center;
  text-decoration:none;
  /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.49);*/
  letter-spacing:0.1em;
  font-family: 'Century Gothic';
  font-size:14px;
  font-weight:700;
}

.animate-in .title_set_typ {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.animate-out .title_set_typ {
  left: 40%;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.30);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.title_set2 {
  background:none;
  width:300px;
  left: 40%;
  margin-left:155px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  top: 390px;
  z-index:10000;
  font-weight:700;
  color:#956a35;
  text-align:center;
  text-decoration:none;
  /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.49);*/
  font-family: 'Century Gothic';
  font-size:22px;
  font-weight:700;
    letter-spacing:0.05em;

}
.animate-in .title_set2 {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.animate-out .title_set2 {
  left: 40%;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.30);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}







.title_set4 {
	background:none;
  width:300px;
	left: 30%;
	margin-left:-505px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	top: 490px;
	z-index:10000;
	color:#999;
  text-align:center;
  text-decoration:none;
  /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.49);*/
  letter-spacing:0.05em;
  font-family: 'Century Gothic';
  font-size:13px;
  font-weight:400;
}

  

.animate-in .title_set4 {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.animate-out .title_set4 {
  left: 60%;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.30);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}




.title_set_logo {
  width:300px;
	left: 40%;
	margin-left:-200px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	top: 315px;
	z-index:10000;
	font-size:14px;
	font-weight:400;
}


.animate-in .title_set_logo {
  left: 50%;
  margin-left:-475px;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.animate-out .title_set_logo {
  left: 60%;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.30);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}


.slogan {
  letter-spacing:0.01em;
	font-family: 'AnastasiaScript';
  font-size:58px;
  font-weight:100;
  color:#fff;
  line-height:18px;
  bottom: 245px;
  width: 441px;
  height:86px;
  background: url(../images/mvrem.png);
  margin-left:-265px;
  left:50%;
  opacity: 0;
  z-index:5950;
  text-align:center;
    -webkit-transform: rotate(0deg) skew(0deg, 0);
       -moz-transform: rotate(0deg) skew(0deg, 0);
        -ms-transform: rotate(0deg) skew(0deg, 0);
         -o-transform: rotate(0deg) skew(0deg, 0);
            transform: rotate(0deg) skew(0deg, 0);
}

.animate-in .slogan {
  bottom: 225px;
  opacity: 1;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.animate-out .slogan {
  bottom: 210px;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.slogan_s {
  letter-spacing:0.03em;
	font-family: 'Century Gothic';
  font-size:16px;
  font-weight:100;
  color:#999;
  line-height:18px;
  bottom: 250px;
  width: 500px;
  margin-left:-295px;
  left:50%;
  opacity: 0;
  z-index:5950;
  text-align:center;

}

.animate-in .slogan_s {
  bottom: 206px;
  opacity: 1;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.animate-out .slogan_s {
  bottom: 180px;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.subtitle {
  letter-spacing:0.03em;
  font-family: 'Century Gothic';
  font-size:12px;
  font-weight:400;
  color:#fff;
  line-height:18px;
  bottom: 575px;
  width: 280px;
  margin-left:142px;
  left:50%;
  opacity: 0;
  z-index:5950;
  text-align:center;
}

.animate-in .subtitle {
  bottom: 530px;
  opacity: 1;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

.animate-out .subtitle {
  bottom: 560px;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.model {
  left: 65%;
  margin-left:-256px;
  top: 118px;
  opacity: 0;
  position: absolute;
  width:430px !important;
  height:660px !important;
  z-index:10000;
}

.animate-in .model {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.animate-out .model {
  left: 35%;
  opacity: 0;
     transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.30);

  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.modelbg1 {
  left: 75%;
	margin-left:-1680px;
  top: 0px;
  opacity: 0;
  position: absolute;
  width:3240px !important;
  height:900px !important;
}

.animate-in .modelbg1 {
  left: 50%;
  opacity: 1;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration:0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.animate-out .modelbg1 {
  left: 15%;
  opacity: 0;
   transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.30);
  -webkit-transition-duration:  0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}


.plashka {
  left: 0;
  margin-left:-41px;
  top: 287px;
  opacity: 0;
  position: absolute;
  width:100%;
  height:180px !important;
  z-index:2000;
  background: #000;


}
.animate-in .plashka {
  left: 0%;
  opacity: 0.7;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.animate-out .plashka {
  left: 0%;
  opacity: 0;
  -webkit-transition-duration:0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}


.plashka_arr { position:absolute;  top:-50px; left:-13px; display:inline-block; border: 18px solid transparent; border-left: 18px solid #ff0000; z-index:-1; -moz-box-sizing: border-box;}
.plashka_arrd { position:absolute;  top:-54px; left:-19px; display:inline-block; border: 20px solid transparent;	 border-bottom: 20px solid #000; z-index:1; -moz-box-sizing: border-box;}

@media only screen and (min-width: 992px) {
  
}
@media only screen and (max-width: 838px) {
  #sequence {
    height: 900px;
  }
  #sequence .model {
	  margin-left:-240px;
    max-height: 614px !important;
	max-width:400px; !important;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #sequence {
    height: 900px;
  }
  #sequence .title {
    font-size: 1.0em;
  }
  #sequence .subtitle {
    font-size: 1.0em;
  }
  #sequence .sequence-next,
  #sequence .sequence-prev {
    height: 60px;
    margin-top: 50px;
  }
  
}