@import url(https://fonts.googleapis.com/css?family=Bad+Script&subset=latin,cyrillic);
/*
font-family: 'Bad Script', cursive;
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic,300,700&subset=latin,cyrillic);
/*
font-family: 'Open Sans Condensed', sans-serif;
*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
/*
font-family: 'PT Sans Narrow', sans-serif;
*/


@font-face {
    font-family: Micra; /* Гарнитура шрифта */
    src: url(fonts/Micra Normal.ttf); /* Для остальных браузеров */
}
/*
font-family: Micra, cursive;   
*/

a:link,   a:active, a:visited {
	text-decoration:none;
	color:inherit;
	

 }
a:hover {
	text-decoration:none;
/*	background-color: #0B2D53;*/

 }





.oknofoto  {
	background-image: url(../img/fondiv.jpg);
	
	border-top:6px solid #ffffff;
	border-bottom:6px solid #ffffff;
	
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}

.oknofoto2  {
	background-image: url(../img/fondiv2.jpg);
	
	border-top:6px solid #123670;
	border-bottom:6px solid #123670;
	
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}

.oknocolor  {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	text-align:justify;
	color:#D9FFFF;
	/*background-color:rgba(12,36,70, 0.75);*/
	padding:20px;
	
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#123670+0,3e506d+100&0.94+26,0.41+100 */
background: -moz-linear-gradient(top,  rgba(18,54,112,0.94) 0%, rgba(29,61,111,0.94) 26%, rgba(62,80,109,0.41) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(18,54,112,0.94) 0%,rgba(29,61,111,0.94) 26%,rgba(62,80,109,0.41) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(18,54,112,0.94) 0%,rgba(29,61,111,0.94) 26%,rgba(62,80,109,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0123670', endColorstr='#693e506d',GradientType=0 ); /* IE6-9 */

}

.oknocolor2  {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	text-align:justify;
	color:#1A2D4D;
	background-color:rgba(230, 234, 255, 0.8);
	padding:20px;
/*	border-top:6px solid #123670;
	border-bottom:6px solid #123670;*/
	
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;

}


/*надпись на фото*/
.nadpis {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color:#D9FFFF;
	background-color:
	rgba(12,36,70, 0.4);
	padding:15px;
	position: absolute;
	z-index: 1;
	bottom:30px;

	border-top:1px solid #ffffff;

}

/*надпись на видео*/
.nadpisvideo {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color:#D9FFFF;
	background-color:	rgba(12,36,70, 0.8);
	padding:15px;
	position: absolute;
	z-index: 1;
	right:7px;
	bottom:34px;
	
	border-bottom:1px solid #ffffff;

}

/*для всех фоток*/
.fotoframe {
	border:6px solid #ffffff;
	border-radius:5px; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:5px;

}


/*для всех видео*/
.videoframe {
	border:6px solid #ffffff;
	border-radius:30px; 
	-webkit-border-radius:30px; 
	-moz-border-radius:30px; 
	-khtml-border-radius:30px;
	
	

}

/* кнопка play*/
.play {
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 24px solid rgba(255,255,255, 0.4);
  margin: 40px auto 20px auto;
  position: absolute;
  bottom:30px; 
  left:40px;
  z-index: 1;
  
  
}

.play:before {
  content: '';
  position: absolute;
  top: -30px;
  left: -46px;
  bottom: -30px;
  right: -14px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255, 0.4);
  z-index: 2;

}
  

.Text_big_niline {
	font-family: 'Bad Script', cursive;
	
	color: #9DC0D4;
	font-size: 25px;
	text-transform:uppercase;
	
}
.Text_big_niline2 {
	font-family: 'Bad Script', cursive;
	
	color: #1A2D4D;
	font-size: 22px;
	text-transform: uppercase; text-align:right;
	
}

.spoiler   {
    overflow: hidden;
}

.spoiler-content {
  -webkit-transition: height 0.7s ease-out;
  transition: height 0.7s ease-out
}

/*закрепоенное тонкое меню*/
.podkladka {
	position:fixed; 
	z-index:10; 
	width:100%; 
	height:25px auto ; 
	text-align:center; 
/*	background-color:#123670 ; 
	background: linear-gradient(to bottom, #123670 40%, #000000 10%, #123670 100%);*/
	font-family: 'Open Sans Condensed', sans-serif;	
	font-size: 16px;
	text-align:center;	
	color:#D9FFFF;
/*	word-wrap: normal;*/
	cursor:pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#123670+0,123670+37,123670+37,123670+58,123670+100&0.8+19,0.8+60,0.26+100 */
background: -moz-linear-gradient(top,  rgba(18,54,112,0.8) 0%, rgba(18,54,112,0.8) 19%, rgba(18,54,112,0.8) 37%, rgba(18,54,112,0.8) 58%, rgba(18,54,112,0.8) 60%, rgba(18,54,112,0.26) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(18,54,112,0.8) 0%,rgba(18,54,112,0.8) 19%,rgba(18,54,112,0.8) 37%,rgba(18,54,112,0.8) 58%,rgba(18,54,112,0.8) 60%,rgba(18,54,112,0.26) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(18,54,112,0.8) 0%,rgba(18,54,112,0.8) 19%,rgba(18,54,112,0.8) 37%,rgba(18,54,112,0.8) 58%,rgba(18,54,112,0.8) 60%,rgba(18,54,112,0.26) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc123670', endColorstr='#42123670',GradientType=0 ); /* IE6-9 */

}



.Text {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCF6FF;
	font-size: 14px;
	text-align: left;
}

.Text_16 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ABB6C0;
	font-size: 18px;
	background-color: #0B2D53;
}

.Text_big {
	font-family: Arial, Helvetica, sans-serif;
	color: #9DC0D4;
	font-size: 24px;
	background-color: #0A1832;
}



.Text12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCF6FF;
	font-size: 12px;
	text-align: justify;
}

.Text13 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-align: justify;
}

.Text132 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 16px;
	text-align: justify;
}

.Text_161 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ABB6C0;
	font-size: 38px;
	
}

.Text_162 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ABB6C0;
	font-size: 42px;
	background-color: #0B2D53;
}

.Text121 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCF6FF;
	font-size: 18px;

}


.body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+6,446193+17,446193+17,c5d2e8+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 6%, rgba(68,97,147,1) 17%, rgba(68,97,147,1) 17%, rgba(197,210,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 6%,rgba(68,97,147,1) 17%,rgba(68,97,147,1) 17%,rgba(197,210,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 6%,rgba(68,97,147,1) 17%,rgba(68,97,147,1) 17%,rgba(197,210,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#c5d2e8',GradientType=0 ); /* IE6-9 */

/*bgcolor="#03090E"	*/

}


/*кнопка наверх*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(12,36,70, 0.6) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .6;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 500px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
	height: 60px;
    width: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {

    right: 30px;
    bottom: 30px;
  }
}




@media  (min-width: 50px) and (max-width: 399px) {
    /* 100 - 400 */
	.NotShowMicro { display:none;}
	.nadpis {
	font-size: 11px;
	padding:10px;
}

.nadpisvideo {
	font-size: 11px;
	padding:10px;
}

}

@media only screen and (min-width: 400px) and (max-width: 664px) {
    /* 300 - 550 */
	.NotShowMin { display:none;}
.nadpis {
	font-size: 11px;
	padding:10px;
}

.nadpisvideo {
	font-size: 11px;
	padding:10px;
}
}

@media (min-width: 665px) and (max-width: 999px) {
	    /* 400 - 800*/
   .NotShowCenter { display:none;}
.nadpis {
	font-size: 11px;
	padding:10px;
}

.nadpisvideo {
	font-size: 11px;
	padding:10px;
}

}


@media (min-width: 1000px) and (max-width: 1049px) {
    /* Больше 800 768p в меню*/
	
	.NotShowMax { display:none;}
}


@media only screen and (min-width: 1050px) {
    /* Больше 800 768p в меню*/
	
	.NotShowSuperMax { display:none;}
}


@media (min-width: 10px) and (max-width: 840px) {
   	
	.NoShowSocial { display:none;}
}