/*---------FOOTER------------------------------------*/
html,
body {
    height: 100%;
}
.wrapper {
    position: relative;
    min-height: 100%;
}
.footer {
    height: 50px; /* Задаем фиксированную высоту для футера */
}
.content {
    padding-bottom: 50px; /* Значение должно равняться высоте нашего футера */
}
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.footer{
opacity: 0.7;
background: #1A1A1A;	
}
.footer  p{
	  padding-top:10px;
	  font-size:14px;
	  color:#fff;
	  text-align:center; 
}
/* --------КОНЕЦ ДЛЯ FOOTER-------------------------------*/


/* CSS Сборс */
* { margin: 0; padding: 0; }

/* Базовый стил для адаптивной картинки */
img {
	  width: 100%;
	  height: auto;
}

/* Демо страница: типография */
h2,h3 {
	font-weight: normal;
}
h2{
	  margin: 20px auto 20px auto;
	  font-size: 20px;
	  line-height: 20px;
	  color:#c3c3c3;
} 

h3 {
	margin:0px;
	font-size: 20px;
	color:#0C80BF;
	text-transform: uppercase;
	text-align: center;
}
h4{
	color:#fff;
	font-size: 10px;
	text-align:center;
	font-weight: normal;
}

#blue{
	color:#c3c3c3;
}

/*margin-top*/
            .nomargT {margin-top: 0 !important;}
            .margT5 {margin-top: 5px !important;}
            .margT10 {margin-top: 10px !important;}
            .margT15 {margin-top: 15px !important;}
            .margT20 {margin-top: 20px !important;}
            .margT25 {margin-top: 25px !important;}
            .margT30 {margin-top: 30px !important;}
            .margT35 {margin-top: 35px !important;}
            .margT40 {margin-top: 40px !important;}
            .margT45 {margin-top: 45px !important;}
            .margT50 {margin-top: 50px !important;}

            /*margin-right*/
            .nomargR {margin-right: 0 !important;}
            .margR5 {margin-right: 5px !important;}
            .margR10 {margin-right: 10px !important;}
            .margR15 {margin-right: 15px !important;}
            .margR20 {margin-right: 20px !important;}
            .margR25 {margin-right: 25px !important;}
            .margR30 {margin-right: 30px !important;}
            .margR35 {margin-right: 35px !important;}
            .margR40 {margin-right: 40px !important;}
            .margR45 {margin-right: 45px !important;}
            .margR50 {margin-right: 50px !important;}
			.margR-100 {margin-right: -100px !important;}

            /*margin-bottom*/
            .nomargB {margin-bottom: 0 !important;}
            .margB5 {margin-bottom: 5px !important;}
            .margB10 {margin-bottom: 10px !important;}
            .margB15 {margin-bottom: 15px !important;}
            .margB20 {margin-bottom: 20px !important;}
            .margB25 {margin-bottom: 25px !important;}
            .margB30 {margin-bottom: 30px !important;}
            .margB35 {margin-bottom: 35px !important;}
            .margB40 {margin-bottom: 40px !important;}
            .margB45 {margin-bottom: 45px !important;}
            .margB50 {margin-bottom: 50px !important;}
            .margBCustom1 {margin-bottom: 220px !important;}

            /*margin-left*/
            .nomargL {margin-left: 0 !important;}
            .margL5 {margin-left: 5px !important;}
            .margL10 {margin-left: 10px !important;}
            .margL15 {margin-left: 15px !important;}
            .margL20 {margin-left: 20px !important;}
            .margL25 {margin-left: 25px !important;}
            .margL30 {margin-left: 30px !important;}
            .margL35 {margin-left: 35px !important;}
            .margL40 {margin-left: 40px !important;}
            .margL45 {margin-left: 45px !important;}
            .margL50 {margin-left: 50px !important;}
			
			.paddL-50 {margin-left: -50px !important;}
			.paddL-100 {margin-left: -100px !important;}
			.paddR-50 {margin-right: -50px !important;}
			.paddR-100 {margin-right: -100px !important;}

            /*margin-negative*/
            .mt-100{    margin-top: -100px;}
            .mt-75{    margin-top: -75px;}
            .mt-50{    margin-top: -50px;}
            .mt-40{    margin-top: -40px;}
            .mt-30{    margin-top: -30px;}
            .mt-20{    margin-top: -20px;}
            .mt-10{    margin-top: -10px;}
            .mt250{margin-top: 250px;}



            /*padding-top*/
            .nopaddT {padding-top: 0 !important;}
            .paddT5 {padding-top: 5px !important;}
            .paddT10 {padding-top: 10px !important;}
            .paddT15 {padding-top: 15px !important;}
            .paddT20 {padding-top: 20px !important;}
            .paddT25 {padding-top: 25px !important;}
            .paddT30 {padding-top: 30px !important;}
            .paddT35 {padding-top: 35px !important;}
            .paddT40 {padding-top: 40px !important;}
            .paddT45 {padding-top: 45px !important;}
            .paddT50 {padding-top: 50px !important;}

            /*padding-right*/
            .nopaddR {padding-right: 0 !important;}
            .paddR5 {padding-right: 5px !important;}
            .paddR10 {padding-right: 10px !important;}
            .paddR15 {padding-right: 15px !important;}
            .paddR20 {padding-right: 20px !important;}
            .paddR25 {padding-right: 25px !important;}
            .paddR30 {padding-right: 30px !important;}
            .paddR35 {padding-right: 35px !important;}
            .paddR40 {padding-right: 40px !important;}
            .paddR45 {padding-right: 45px !important;}
            .paddR50 {padding-right: 50px !important;}
            .paddR80 {padding-right: 80px !important;}
			.paddR100 {padding-right: 100px !important;}

            /*padding-bottom*/
            .nopaddB {padding-bottom: 0 !important;}
            .paddB5 {padding-bottom: 5px !important;}
            .paddB10 {padding-bottom: 10px !important;}
            .paddB15 {padding-bottom: 15px !important;}
            .paddB20 {padding-bottom: 20px !important;}
            .paddB25 {padding-bottom: 25px !important;}
            .paddB30 {padding-bottom: 30px !important;}
            .paddB35 {padding-bottom: 35px !important;}
            .paddB40 {padding-bottom: 40px !important;}
            .paddB45 {padding-bottom: 45px !important;}
            .paddB50 {padding-bottom: 50px !important;}

            /*padding-left*/
            .nopaddL {padding-left: 0 !important;}
            .paddL5 {padding-left: 5px !important;}
            .paddL10 {padding-left: 10px !important;}
            .paddL15 {padding-left: 15px !important;}
            .paddL20 {padding-left: 20px !important;}
            .paddL25 {padding-left: 25px !important;}
            .paddL30 {padding-left: 30px !important;}
            .paddL35 {padding-left: 35px !important;}
            .paddL40 {padding-left: 40px !important;}
            .paddL45 {padding-left: 45px !important;}
            .paddL50 {padding-left: 50px !important;}
			.paddL100 {padding-left: 100px !important;}

	/* Базовые стили демо страницы */
		html,body {
			height: 100%;  				/*для подвала прижатого к низу  http://verstka.pro/notes/prizhatyy-k-nizu-futer.html*/
			font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
			width: 100%;
			margin: 0 auto;
			
			background-image:url('../images/bg3.jpg'); /* Местоположение фоновой картинки */

			background-color: #383843;                  /* Цвет фона, который будет отображаться при загрузке фоновой картинки*/ 			
			backgound-position: 50% 50%;
			background-size: cover;
	}
	
	
	
	
	

	/* Демо страница: макет */
	.container{
		outline:0px solid #FF00AE;
		max-width:1024px;
		min-width: 240px;
		margin:0 auto;		
	}   
	/*ФОТО НА ВСЮ ШИРИНУ ЭКРАНУ----------------------------------*/
		div.containerLogo{
			max-width:600px;
			width: 100%;
			margin:0 auto;
			margin-bottom:35px;		
		}
		div.containerLogo img {
		  width: 100%;
		  height:auto;
		}
	
/*-----------------МЕНЮ--------------------------------------*/
		.minNav{
			display: none;
		}
		
		.blockCenter {
			margin:0 auto;
			text-align:center;
		}

		nav{
			position: relative;
			/*background-color:#4FF83F;*/
			width: auto;
			height:auto;
			max-width: 1024px;
			display: inline-block;			 
		}

		nav ul{
			margin:0;
			padding:0;
			list-style: none;
			font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
			font-size:14px;			
		}
		nav ul a{			
			text-decoration:none;
			outline:none;
		}
		nav ul li{			
			float:left;
			width:190px;
			height:85px;
			position:relative;
			cursor:pointer;	
			background:#111111;
			background: linear-gradient(to right, #2A2A2A, #111111);			
		}

		nav ul li > a{
			position:absolute;
			top:0px;
			left:0px;
			width:190px;
			height:85px;
			z-index:12;			
			/*background:transparent url(../images/overlay.png) no-repeat bottom right;*/
			-moz-box-shadow:0px 0px 2px #000 inset;
			-webkit-box-shadow:0px 0px 2px #000 inset;
			box-shadow:0px 0px 2px #000 inset;
		}
		
		nav ul li a img{
			border:none;
			position:absolute;
			width:0px;
			height:0px;
			bottom:0px;
			left:85px;
			z-index:100;
			-moz-box-shadow:0px 0px 4px #000;
			-webkit-box-shadow:0px 0px 4px #000;
			box-shadow:0px 0px 4px #000;
		}
		
		nav ul li span.sdt_wrap{
			position:absolute;
			top:25px;
			left:0px;
			width:190px;
			height:60px;
			z-index:15;			
		}		
		
		nav ul li span.sdt_active{
			position:absolute;			
			background:#111;
			z-index:14;			
			top:85px;
			width:190px;
			height:0px;
			left:0px;			
			-moz-box-shadow:0px 0px 4px #000 inset;
			-webkit-box-shadow:0px 0px 4px #000 inset;
			box-shadow:0px 0px 4px #000 inset;
		}
		nav ul li span span.sdt_link,
		nav ul li span span.sdt_descr,
		nav ul li div.sdt_box a{
			margin-left:15px;
			text-transform:uppercase;
			text-shadow:1px 1px 1px #000;
		}
		nav ul li span span.sdt_link{
			color:#fff;
			font-size:24px;
			float:left;
			clear:both;
		}
		nav ul li span span.sdt_descr{
			color:#0B75AF;
			float:left;
			clear:both;
			width:155px; /*Для тупого IE7*/
			font-size:10px;
			letter-spacing:1px;
		}
		nav ul li div.sdt_box{
			display:block;
			position:absolute;
			width:190px;
			overflow:hidden;
			height:190px;
			top:85px;
			left:0px;
			display:none;
			background:#000;
		}
		nav ul li div.sdt_box a{
			float:left;
			clear:both;
			line-height:30px;
			color:#0B75AF;
		}
		nav ul li div.sdt_box a:first-child{
			margin-top:15px;
		}
		nav ul li div.sdt_box a:hover{
			outline:0px solid #B34EE9;
			color:#fff;
		}
/*--------------СЛОВА МЕНЯЮТСЯ-------------------------------*/
		section.basic_min{display: none;}	
		section.basic{
			padding-top:30px;	
			outline:0px solid #BF22AF;
			margin:0 auto;
			text-align:center;
		}

		.text-animation,
		.text-animation:after {
			
		   position: fixed;
			width: 100%;
			height: 100%;

			left: 0px;
			z-index: 0;
		}
		.text-animation li{			
			z-index: 1000;
			position: absolute;
			left: 0px;			
			width: 100%;
			text-align: center;
			opacity: 0;
			-webkit-animation: textAnimation 20s linear infinite 0s;
			-moz-animation: textAnimation 20s linear infinite 0s;
			-o-animation: textAnimation 20s linear infinite 0s;
			-ms-animation: textAnimation 20s linear infinite 0s;
			animation: textAnimation 20s linear infinite 0s;
		}

		.text-animation li:nth-child(2){
			-webkit-animation-delay: 4s;
			-moz-animation-delay: 4s;
			-o-animation-delay: 4s;
			-ms-animation-delay: 4s;
			animation-delay: 4s;
		}
		.text-animation li:nth-child(3){
			-webkit-animation-delay: 8s;
			-moz-animation-delay: 8s;
			-o-animation-delay: 8s;
			-ms-animation-delay: 8s;
			animation-delay: 8s;
		}
		.text-animation li:nth-child(4) {
			-webkit-animation-delay: 12s;
			-moz-animation-delay: 12s;
			-o-animation-delay: 12s;
			-ms-animation-delay: 12s;
			animation-delay: 12s;
		}
		.text-animation li:nth-child(5) {
			-webkit-animation-delay: 16s;
			-moz-animation-delay: 16s;
			-o-animation-delay: 16s;
			-ms-animation-delay: 16s;
			animation-delay: 16s;
		}
		.text-animation li:nth-child(6) {
			-webkit-animation-delay: 20s;
			-moz-animation-delay: 20s;
			-o-animation-delay: 20s;
			-ms-animation-delay: 20s;
			animation-delay: 20s;
		}
		 
		/* Анимация текста */

		@-webkit-keyframes textAnimation {
			0% { opacity: 0; }
			2% { opacity: 0; -webkit-transform: translateY(-30px); }
			5% { opacity: 1; -webkit-transform: translateY(0px);}
			17% { opacity: 1; -webkit-transform: translateY(0px); }
			20% { opacity: 0; -webkit-transform: translateY(30px); }
			80% { opacity: 0; }
			100% { opacity: 0; }
		}

		@-moz-keyframes textAnimation {
			0% { opacity: 0; }
			2% { opacity: 0; -moz-transform: translateY(-30px); }
			5% { opacity: 1; -moz-transform: translateY(0px);}
			17% { opacity: 1; -moz-transform: translateY(0px); }
			20% { opacity: 0; -moz-transform: translateY(30px); }
			80% { opacity: 0; }
			100% { opacity: 0; }
		}
		@-o-keyframes textAnimation {
			0% { opacity: 0; }
			2% { opacity: 0; -o-transform: translateY(-30px); }
			5% { opacity: 1; -o-transform: translateY(0px);}
			17% { opacity: 1; -o-transform: translateY(0px); }
			20% { opacity: 0; -o-transform: translateY(30px); }
			80% { opacity: 0; }
			100% { opacity: 0; }
		}
		@-ms-keyframes textAnimation {
			0% { opacity: 0; }
			2% { opacity: 0; -ms-transform: translateY(-30px); }
			5% { opacity: 1; -ms-transform: translateY(0px);}
			17% { opacity: 1; -ms-transform: translateY(0px); }
			20% { opacity: 0; -ms-transform: translateY(30px); }
			80% { opacity: 0; }
			100% { opacity: 0; }
		}
		@keyframes textAnimation {
			0% { opacity: 0; }
			2% { opacity: 0; transform: translateY(-30px); }
			5% { opacity: 1; transform: translateY(0px);}
			17% { opacity: 1; transform: translateY(0px); }
			20% { opacity: 0; transform: translateY(30px); }
			80% { opacity: 0; }
			100% { opacity: 0; }
		}


/*-----МЕДИА ЗАПРОСЫ----------------------------------------*/	
	@media screen and (max-width: 980px) {
		
			/*.basic h2 {
			margin: 10px auto 10px auto;
			font-size: 16px;
			line-height: 18px;
			}
			.basic h3 {
			margin: 0;
			font-size: 16px;
			line-height: 18px;
			}	*/					
	}
	
	@media screen and (max-width: 1024px) {
		section.basic_min{display: block;}
		.basic {display: none;}		
							
	}
	
	@media screen and (max-width: 280px) {			
			h2 {
			margin: 10px auto 10px auto;
			font-size: 16px;
			line-height: 20px;
			}
			h3 {
			margin: 0;
			font-size: 16px;
			line-height: 20px;
			}
	}		
		
	@media screen and (max-width: 1024px) {		
		.minNav{display: block;}
			nav {display: none;}				
			.blokRight{
			width:250px;
			margin:0 auto;	
		}
		
		
		.minNav ul{		
				display: none;
				width:100%;			 
				/*height:100%;*/
				list-style: none;
				/*position: absolute; /*что бы разворачивался не вытесняя содержимое*/						
				height:auto;
				z-index:11;
				/*background-color:#111;*/
		}	
		.minNav li{	
				
			width:100%;
			padding:0;
			background: linear-gradient(to bottom, #2A2A2A, #111111);
			-moz-box-shadow:0px 0px 2px #000 inset;
			-webkit-box-shadow:0px 0px 2px #000 inset;
			box-shadow:0px 0px 2px #000 inset;	
			display: block;
			clear: left;
			z-index:12;			
		}		
		.minNav li a{
			text-decoration: none;
			color:#fff;				
			text-align: center;			
			width:100%;
			height:100%;
			z-index:12;			
			/*background:transparent url(../images/overlay.png) no-repeat bottom right;*/					
		}
		/*для изменения цвета подстроки в меню при наведении мышки*/
		#st1 .bt3,#st2 .bt3,#st3 .bt3,#st4 .bt3,#st5 .bt3,#st6 .bt3{
			color:#000000;
		}	
		section.basic{padding-top:0px;}
		.bt1{			
			font-size:18px;
			text-transform:uppercase;
			text-shadow:1px 1px 1px #000;
			font-weight: normal;		
			color:#fff;		
			text-align: center;			
		}
		.bt2{			
			font-size:10px;
			color:#0B75AF;
			padding:5px 0px 0px 0px;
			font-weight: normal;
			text-transform: uppercase;	
			text-align: center;
		}		
		.minNav li :hover, .minNav li :active {
			background-color: #1693eb;
			/*color:#0096D6;*/
		}		
		.minNav a#pull {
			display: block;
			width: 100%;
			position:relative;
			margin-bottom:30px;
		}
		.minNav a#pull {
			content:"";
			background: url('../images/nav-icon.png') no-repeat;
			width: 115px;
			height: 80px;
			display: inline-block;
			position: relative;			
		}
		.minNav a#pull:hover, .minNav a#pull:active {			
			background: url('../images/nav-icon-active.png') no-repeat;	
		}
		
		
		
	}
/*-----КОНЕЦ МЕДИА ЗАПРОСЫ----------------------------------------*/