.body {
    min-height: 100%;
	margin:0;
	padding:0;
	font: 15px Tahoma;
	color:#555;
	background: #fff;
    }
	.style1 {
	font-size: 18px;
	font-family: Sans-Serif; /* Тип шрифта */
	font-weight: bold;
	font-style: italic;
	color: #54B7E9; /* Цвет текста */
	 

}
.style2 {
	
	font-family: goturi; Sans-Serif; /* Тип шрифта */
	font-weight: bold;
	font-style: italic;
	color: #cccccc; /* Цвет текста */
	font-size: 21px; /* Размер текста в пикселях */
}
@font-face {
  font-family: 'goturi';
  src: url('assets/fonts/goturi.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/goturi.eot?#iefix') format('embedded-opentype');/* IE6-IE8 */
  src:     url('assets/fonts/goturi.woff2') format('woff2'); /* Super Modern Browsers */
  src:     url('assets/fonts/goturi.woff') format('woff'); /* Pretty Modern Browsers */
  src: local(goturi), url('assets/fonts/goturi.ttf')  format('truetype'); /* Safari, Android, iOS */
  src:     url('assets/fonts/goturi.svg#svgFontName') format('svg'); /* Legacy iOS */

    
   }
   
   .header a, a:hover {
	/*color: #f0ad4e;*/
	text-decoration: none;
}

.header h1 {
	letter-spacing: 15px;
	font-size: 300%;
}

.header p {
	color: white !important;
	font-size: 90%;
	letter-spacing: 3px;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    /*color: #fff;*/
    background-color: #fff;
}

.nav-pills>li>a {
	color: #fff;
}

.nav-pills>li>a:hover {
	/*background-color: #fff;*/
}


.navbar-inverse {
    padding:0;
    border-radius: 0;
	
}
.navbar-collapse.in {
    overflow-y: hidden;
	border-color: #red;
}
.navbar-inverse .navbar-form{
border-color: #ccc;
}

@media (max-width: 767px) {
	.nav-pills>li {
		float: none;
		border: none;
	}

	.nav-pills {
		text-align: center;
	}

	.header h1 { 
	    font-size: 280%;
	    letter-spacing: 5px;
	}

	.header {
		text-align: center;
	}
} 


.clear {
	clear: both;
	height: 63px;
}

.wrapper {
	min-height: 100%;
	width: 80%;
}

html, body {
	height: 100%;
}


.films_block {
	text-align: center;
}

.films_block img {
	margin-bottom: 5%;
	border-radius: 5px;
	border: solid 5px #dad7d5;
	width: 100%;
}

.film_label {
	padding: 2%;
	margin-bottom: 4%;
}

.margin-8 {
	margin-top: 8%;
}


.panel {
	border: none;
}

.panel-body {
	background-color: #f9f9f9;
}

.panel-info>.panel-heading {
	background-color: #f0ad4e;
	color: white;
	border-color: transparent;
}

.sidebar-header {
	font-size: 120%;
	letter-spacing: 2px;
}


.form-control {
	border-radius: 0px;
}

.input-lg {
	font-size: 14px;
}

.list-group-item-warning {
	color: #8a6d3b;
	background-color: #f9f9f9;
}

.badge {
	background-color: #000000;
}


footer {
	color: #fff;
	background: #222;
	padding: 1px 0 2px 0;
	border-top: 1px solid #000;
}

footer a {
	color: #999;
}

footer a:hover {
	/*color: #efefef;*/
}
hr { 
    border-top: 9px solid red;
	margin-top: -27px;
	margin-bottom: 0;
	padding: 0 0 0 0;
}

.container1 {
    position: relative;
    width: 77%;
    height: 100%;
    background-color: white;
}


.first { 
display: table;
    width: 150px;
		font-weight: bold;
 	height: 100%;
    background-color: #107587;
	margin: 0 900px;
}
.second{ 
    display: table;
    width: 150px;
		font-weight: bold;
 	height: 100%;
    background-color: #107587;
	margin: 0 1050px;
}

.third{ 
   display: table;
    width: 150px;
		font-weight: bold;
 	height: 100%;
    background-color: #107587;
	margin: 0 900px;
}
.divTable
{
display: table;
    float:left;
	width: 23%;
    margin: 0 0 0 10%;
 	padding: 0;
		font-weight: bold;
 	}  
 .tablegamo {
display: table;
    width: 80%;
    margin: auto;
 	padding: 3px;
		 
		height: 100px;
		background-color: black;
	} 
.table2
{
width: 80%;
    margin: 0 10% 0 10%;
 background-color: #003D5C;
	}
	
.divTableRow {
	display: table-row;
}
.tableinfo
{
width: 23.5%;
height: 100%;
    margin: 0 10% 0 0;
 background-color: #003D5C;
 color: black;
 padding:  auto;
 
float: right;
	}
	.tableinfo1
{
width: 56%;
    margin: 0 0 0 10%;
 background-color: #003D5C;
 color: black;
 padding:  auto;
 border-bottom: solid #ffffff;
      
	  
	}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #107587;
	display: table-header-group;

}
 .divTableCell1{
	height: 55px;
	display: table-cell;
	background-color: #107587;
 
}
.font1
   {
    font-family: 'arial', 'Comic Sans MS', cursive;
	font-weight: bold;
	font-size: 18px;
	color: #44BBCF;
	padding: 0;
	
}
 .font2{
 font-family: 'arial', 'Comic Sans MS', cursive;
	font-weight: bold;
  font-size: 18px;
	color: #107587;
	padding: 0;
	}
.font3
   {
    font-family: 'arial', 'Comic Sans MS', cursive;
	font-weight: bold;
	font-size: 18px;
	color: #44BBCF;
	padding: 0;
}
 .font4{
 font-family: 'arial', 'Comic Sans MS', cursive;
	font-weight: bold;
  font-size: 18px;
	color: #107587;
	padding: 0;
}
.font5{
 font-family: 'arial', 'Comic Sans MS', cursive;
  font-size: 20px;
	color: #ffffff;
	padding: 0;
	}
 
.divTableCell  {
 width: 30%;
	height: 55px;
	display: table-cell;
 	background-color: #44BBCF;
	color: #107587;

}
.divTableCellgia  {
 width: 40%;
 	display: table-cell;
 	background-color: black;
 

}
.divTableCell3gia  {
 width: 20%;
 height: 250%;
 	display: table-cell;
 	background-color: ##003D5C;
	font-size: 17px;
	color: #ffffff;
	text-align: top;
	padding:  0 2%;
border-left-style: solid;
}
.divTableCell2{
 width: 2%;
	
	display: table-cell;
 	background-color: #0A5865;
 
}
.divTableCell21, .divTableHead {
 width: 2%;
	
	display: table-cell;
 	background-color: #349DB0;
 
 
}
.divTableCell3, .divTableHead {
 float:left;
 margin: 12% 10% 12% 10%;
 	display: table-cell;
 	background-color: #ffffff; 


	}

	.divTableCell3g, .divTableHead {
 width: 37%;
	 
	display: table-cell;
 	background-color: #ffffff; 
padding: 20 0 20 35;

	}
.divTableCell4  {
 
	display: table-cell;
	 width: 75%;
height: 100%;	
 	background-color: #ffffff; 
color: black
 
}
.divTableCell5 {
	display: table-cell;
	 width: 25%;
height: 100%;
 	background-color: #107587; 
padding: 0 5px  0 5px;
}
 
.divTableFoot {
	background-color: red;
	display: table-footer-group;
}
.divTableBody {
	display: table-row-group;
}
.tsc_buttons2 { display:inline-block; text-decoration:none; outline:none; cursor:pointer; font:bold 12px/1em HelveticaNeue, Arial, sans-serif; padding:8px 11px; color:#555; text-shadow:0 1px 0 #fff; background:#f5f5f5; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background:-moz-linear-gradient(top, #f9f9f9, #f0f0f0); border:1px solid #dedede; border-color:#dedede #d8d8d8 #d3d3d3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	
	
	}
.tsc_buttons2:hover,
.tsc_buttons2:focus { color:#555; background:assets/img/mtavari.png; background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background:-moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color:#ccc; -webkit-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow:0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;}
.tsc_buttons2:active { position:relative; top:1px; color:#555; background:#efefef; background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background:-moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color:#c6c6c6; -webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;}
.tsc_buttons2.rounded { padding:8px 15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
input.tsc_buttons2,
button.tsc_buttons2 {  *width:auto; *overflow:visible;} /* IE7 Fix */
.tsc_buttons2 img { border:none; vertical-align:bottom;}

/*  Large buttons */
.tsc_buttons2.large { padding:12px 15px; font-size:20px; font-weight:normal; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.tsc_buttons2.large.rounded { padding:12px 22px; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px;}

.nav>li>a
{
padding:3px 7px

}

.pnch {
  background: #ffffff;
  border:0px solid #ffffff;
  border-color:#ffffff #ffffff #ffffff #ffffff;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
  transition:margin 0.15s;
    color:#ffffff;
  margin:0 0 0px;
  position:relative;
  padding: 0 0 0 0 ;
  text-align:left;
   -webkit-background-clip:padding-box;
  background-clip:padding-box;
  display:block;
  outline: none;
}
 
.pnch:hover {
    cursor:pointer;
}
.pnch:active {
    top:4px;
	color: #222222;
 }
.pnch:before {
  content:'';
  position:absolute;
  top:-5px;
  background:transparent;
  height:100%;
  width:100%;
  display:block;
  left:0;
  z-index:100000;
 

}
.p1 {
 
color: #222222;
font-style: italic;
}


.nav-pills>li.active>a
{
    background-color: #ffffff;
}
.table1
{
width: 80%;
    margin: auto;
 
	}
#grad  {
height: 10px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #E0C7D0, #A8183B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #E0C7D0, #A8183B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #E0C7D0, #A8183B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #E0C7D0, #A8183B); /* Standard syntax (must be last) */
 	margin-top: -27px;
	margin-bottom: 0;
	padding: 0 0 0 0;
	}
	.divTableCell6
	{
	background-color: 000;
	height: 100%;
	}
	.Row1
	{
	background-color: 000;
	}
.tdPadding
	{
	padding: 10px;
    max-width: 215px;
  	max-height: 324px;
	border: 25px;
	margin: 15px 15px}
 .divTablef {
    display: table;
    width: 80%;
    margin: auto;
 	padding: 0;
		font-weight: bold;
	background-color: 000;
	height: 100%;
	} 
	.thumbnail{
	 width: 255px;
  	 height: 500px;
	 border: 0px}
	.thumbnail p{
	color: red}
	.thumbnail img{
	
	 height: 100%;
	 width: 100%;
	}
header{
    max-width:1170px;
    margin:0 auto;
    }
 
 footer{
    max-width:1170px;
    margin:10px auto 0;
    clear:both;
        font-size: 10px;}
 
#wrapper{
    max-width:1170px;
    margin: 0 auto;
    position:relative;
    height:100%;
    }
 
#main{
    float:left;
    width:100%;
} 
#left_side{
    width:240px;
    margin-left:-100%;
    float:left;
}
 
#content{
    margin:0 440px 0 250px;
}
 
#right_side{
    float:left;
    width:430px;
    margin-left:-430px;
}
#pimp{
color: #ffffff;
 width: 80%;
 margin:auto;
 }
 
@-webkit-keyframes bg{ 
	0%{ background-size:120% 120%; }
	100%{ background-size:100% 100%; } 
}

@font-face {
	font-family:'Romanesco';
	font-style:normal;
	font-weight:400;
	src:local('Romanesco'), local('Romanesco-Regular'), url(http://themes.googleusercontent.com/static/fonts/romanesco/v1/ulV2bu0ivcWDuAzM7oh4XT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
	font-family:'Cuprum';
	font-style:normal;
	font-weight:400;
	src:local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/sp1_LTSOMWWV0K5VTuZzvQ.woff) format('woff');
}

a{ text-decoration:none; }
.btn{ display:inline-block; box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3), 0 -30px 30px -15px #00329B inset, 0 1px 0 rgba(255,255,255,0.3) inset; background:#0088CC; background-repeat:repeat-x; color:#FFF; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); border-radius:6px; padding:14px 24px; -webkit-transition:0.15s; transition:0.15s; }
.btn:hover{ background:#0068BA; }
.btn:active{ box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3), 0 -30px 30px -15px #00329B inset, 0 0 6px #00243F inset; }

#wrap{ overflow:hidden; padding:3%; }
#pbOverlay.show ~ #wrap{ -webkit-filter:blur(2px) grayscale(.4); }
.main{ float:left; font-size:1.1em; color:#FFF; text-shadow:2px 2px 4px rgba(0,0,0,.5); font-family:'Cuprum'; }
	.main h1{ line-height:0.75; font-size:6.2em; margin:0; text-indent:1%; font-family:'Romanesco'; }
		.main small{ color:inherit; }
	.main h2{ font-size:1.7em; color:#FF1668; line-height:1.2; margin:0; font-family:'Romanesco'; }
	.main p{ margin:15px 0; }
	
	.main ul li{ padding-left:25px; position:relative; margin:0.2em 0; }
		.main ul li:before{ content:'●'; color:#FFF; position:absolute; left:0; top:-2px; opacity:0.5; transition:0.3s; }
		.main ul li:hover:before{ opacity:1; text-shadow:0 0 4px #FFF; transition:.1s; }
		
		.main footer{ margin-top:50px; text-shadow:none; font-size:0.9em; }
		.main footer .copy{ font-family:Tahoma; font-size:1.2em; font-weight:bold; margin:0 3px; opacity:0.35; }
		.main footer a{ margin-left:10px; color:#D8FF16; border-radius:4px; position:relative; -webkit-transition:0.2s; -ms-transition:0.2s; transition:0.2s; }
		.main footer a:hover{ text-decoration:none; /*color:#FFF;*/ /* box-shadow:0 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.2); */ }
		.main footer a::after{ content:'\203A'; font-size:2em; line-height:0.8; margin-left:-10px; display:inline-block; vertical-align:top; opacity:0; pointer-events:none; -webkit-transition:0.15s ease-out; -ms-transition:0.15s; transition:0.15s ease-out; }
		.main footer a:hover::after{ opacity:1; margin-left:5px; }
		
#gallery45{ float:right; width:60%; }
	#gallery45 li{ list-style:none; perspective:100px; -webkit-perspective:100px; margin:1px; float:right; position:relative; transition:.1s; -webkit-transition:0.1s; }
		#gallery45 li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:3px; left:4px; z-index:1; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; opacity:0; transition:.5s 0.2s; }
		#gallery45 li.loaded.video::before{ opacity:1; }
		#gallery45 a{ display:block; width:75px; height:68px; vertical-align:bottom; overflow:hidden; background:rgba(0,0,0,0.1);
					transition:.4s ease-out; -webkit-transition:0.4s ease-out; -webkit-transform:rotateX(90deg) translate(-50px,-50%); transform:rotateX(90deg) translate(-50px,-50%); }
		#gallery45 a:active, #gallery45 a:focus{ outline:none; }
		#gallery45 a img{ min-height:100%; width:100%; transition:.3s ease-out; -webkit-transition:0.3s ease-out; }
		#gallery45 .loaded a{ -webkit-transform:rotateX(0deg) translate(0,0); transform:rotateX(0deg) translate(0,0); }
			#gallery45 li.loaded:hover{ z-index:2; transform:scale(1.5); -webkit-transform:scale(1.5); }
			#gallery45 li.loaded a:hover{ box-shadow:0 0 0 2px /*#FFF*/, 0 0 20px 5px /*#000*/; transition:.1s; -webkit-transition:0.1s; }
			#gallery45 li.loaded:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); }
			#gallery45 li.loaded.video:hover::before{ opacity:0; }
	
/*------- media queries -----------*/
@media all and (max-width:700px){
	body{ background-position:0 0; background-attachment:inherit; box-shadow:none; }
	.main, #gallery45{ float:none; width:auto; font-size:0.9em; }
	.main h1{ font-size:5.2em; }
	.main h2{ font-size:1.5em; }
	.btn{ position:absolute; right:10px; top:26px; }
	#gallery45 li{ margin:0; }
	#gallery45 a{ width:55px; height:50px; }
	#gallery45 li.loaded:hover img, #gallery45 li.loaded:hover{ transform:none; -webkit-transform:none; }
	.main footer{ margin:10px 0; }
	.divTable {
    display: table;
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    padding: 0;
    font-weight: bold;
}
} 
@media only screen and (max-width: 500px) {
.font1, .font2, .font3, .font4    {
font-size: 18px;
margin: auto}
.divTable {
    display: table;
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    padding: 0 0 0 5px;
    font-weight: bold;
}
.font5    {
font-size: 16px;
margin: auto}

@media only screen and (max-width: 350px) {
.font1, .font2, .font3, .font4    {
font-size: 15px;
margin: auto}
.divTable {
    display: table;
    float: left;
    width: 80%;
    margin: 0 0 0 10%;
    padding: 0 0 0 5px;
    font-weight: bold;
}
.divTableCell, divTableCell1,  divTableCell21, divTableCell2{
    height: 45px;
   
}

t
}