/*
Theme Name: Festival Honfleur
Theme URI: 
Description: 
Version: 1.0
Author: Studio Shweb
Author URI: http://shweb.pro/
*/

/* Сбросим стили по умолчанию */
 *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*Шрифты*/

@font-face {
  font-family: 'fontello';
  src: url('css/fonts/fontello.eot?60927502');
  src: url('css/fonts/fontello.eot?60927502#iefix') format('embedded-opentype'),
       url('css/fonts/fontello.woff?60927502') format('woff'),
       url('css/fonts/fontello.ttf?60927502') format('truetype'),
       url('css/fonts/fontello.svg?60927502#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
      font-family: 'fontello2';
      src: url('css/font/fontello.eot?47982973');
      src: url('css/font/fontello.eot?47982973#iefix') format('embedded-opentype'),
           url('css/font/fontello.woff?47982973') format('woff'),
           url('css/font/fontello.ttf?47982973') format('truetype'),
           url('css/font/fontello.svg?47982973#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello2";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
/*  margin-right: 15px; */ /* with lang */
  margin-right: 0px;
  text-align: center;
  vertical-align: middle;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
   font-size: 150%; 
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

    .demo-icon
    {
      font-family: "fontello2";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

 
.icon-facebook-rect:before { content: '\e802'; color: #fff; color:#4267B2} 
.icon-star-circled:before { 
	content: '\e800';
 	font-size: 16px; 
 	padding-bottom: 4px;
	}


.wrapper {

	width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
}

body {

	background-image: url(img/pattern_bg.png);
/*	background-blend-mode: multiply; */
	background-color: #3e3e3e;
	color:#fff;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: normal;	
}
/*Шапка*/
div.style-header{	
	-webkit-box-shadow: 0px 51px 120px 0 rgba(8,9,9,.7);
	box-shadow: 0 51px 120px 0px rgba(8,9,9,.7);
background-color: rgba(8,9,9,.7);
}

div.wrapper.header{
	padding-bottom: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.wrapper.header:after{
	content: "";
	display: block;
	clear: both;
}


/*Стили бля блока с логотипом*/

div.wrapper.logo {

	width: 25%;
	display: inline-block;
	float: left;
	height: 175px;
}


div.logo img.logo {

	position: relative;
	left: 0;
	bottom: -6px;
	width: 150px;
	display: block;
}


/*стили для центральной части шапки*/

div.wrapper.title {

	width: 50%;
	text-align: center;

	/**/
	display: inline-block;
	float: none;
}

/*для заголовка*/
h1 {color: #fff;
	font-size: 30px;
	padding: 25px 0 10px 0;
	margin: 0;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 35px;
}

h1 span{line-height: 14px;}

h1 span.red{color: #f00;}
h1 span.yellow {color: #ff6;font-size: 30px;}
h1 span.up{text-transform: uppercase;}


/*Стили для правой части с медиа*/
div.wrapper.media {

	width: 25%;
	/*overflow: hidden;*/
	/**/
	display: inline-block;
	float: right;

}


div.social{padding-top: 16px;text-align: right;display: block; position: relative; margin: 0 auto;}
div.social a {
	font-size:20px;
}

header div.support{padding-top: 105px;display: block;text-align: right;}

div.support p, img{display: inline-block; vertical-align: middle;}

a.lang-ru, a.lang-fr {position: relative;margin: 0 auto;}

img.lang{width: 40px;margin-left: 7px;}

/* */

div.support a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}

img.logo_kinoglaz{
	width: 60px;
}


a.lang-fr:hover:before{
	content: "";
	display: block;
	background-color: #ffff66;
	position: absolute;
	width: 40px;
	height: 20px;
	top: -24px;
	right: 0px;
	z-index: 1;
}

a.lang-ru:hover:before{
	content: "";
	display: block;
	background-color: #ffff66;
	position: absolute;
	width: 40px;
	height: 20px;
	top: -24px;
	right: 0px;
	z-index: 1;
}

/*Меню*/

nav{float: right; padding-top: 6px;clear: both;}

nav>ul>li {
/*	display: inline-block;*/
	display: inline;
	margin-left:4px;
}

nav>ul>li>a {

	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 13px 6px 13px; /* when FESTIVAL 200X is in menu */
	padding: 8px 26px 6px 26px;
	margin-left: 1px;
}

nav ul li>a:hover, nav ul li.active>a {
	background-color: #ff6;
	color: #000;
}

nav li ul>li>a { 
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 31px;
	margin-left: 1px;
	display: block;
}

/*Выпадающая менюшка*/
li ul {
    position: absolute;
    display: none;
    /*margin-top: 20px;*/
}

li ul li{
	display: block;
	background-color: #1e1e1e;
	/*padding-left: 15px;*/
}

li ul li:first-child{margin-top: 5px;}

nav li:hover ul { 
	display: block;
}

nav li ul>li>a:hover {
	background-color: #ff6;
	color: #000;
}

nav li ul>li>a { 
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 30px;
	margin-left: 1px;
	display: block;
}

nav li ul {
	margin-left:5px;
	margin-top:3px;
}


/*Основное содержание*/

div.wrapper.main{
	/*border: 1px solid  #fff;*/
	margin-top: 80px;
	margin-bottom: 80px;
}

h3.title{
	font-size: 40px;
	color: #fff;
	margin-bottom:.6em;
	line-height:1.2em;
}

h4 {
	font-size: 20px;
	color: #fff;
	padding-top: 1em;
	padding-bottom: 1em;
}

h4.first {
	padding-top: 0;
}


/*h4.title{
	font-size: 26px;
	color: #fff;
	padding: 20px 0;}*/

h4.date{font-size: 26px;color: #fff; padding: 20px 0;}

div.main p.date{
	font-size: 16px;
	padding: 10px;
	background-color: #fff;
	color: #000;
	margin: 15px 0;
	display: inline-block;
}

div.wrapper.img,
.ngg-singlepic  {
	float: left;
	clear: both;
	display: inline-block;
	width: 380px;
	margin: 0 25px 10px 0;
	background:none !important;
	background-color:none !important;
}
div.img img, p.img{display: inline-block;}

div.img img {width: 370px;}

div.main p.img {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	padding: 10px 0 0 0;
}

div.main p, div.main p.text{

	font-size: 16px;
	color: #fff;
	line-height: 1.5em;
	padding-bottom: 1em;
	font-weight: normal;
}

div.main p a, div.main p.text a{
	font-size: 16px;
	color: #fff;
}

/* Style for films block */

div.films{width: 100%;height: 460px; margin-bottom: 2.2%;}
div.films.h412{height: 412px;}
div.partners-official{width: 100%;height: 280px; margin-bottom: 1.3%;}


div.event, div.afisha, div.partner-official{
	width: 24%;
	display: inline-block;
	margin-right: 0.8%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #000;
	height: 460px;
	vertical-align: top;
	}

div.films.h412 div.afisha {height: 412px;}

div.partner-official {
	background-color: #fff;
	height:163px;
}

/* Hover over films block */
div.afisha a.film:hover div.desc{background-color: #ff6;}
div.event a.film:hover div.desc{background-color: #ff6;}
div.event a.film:hover div.desc.gray{background-color: #ff6;}
div.partner-official a.film:hover div.desc.gray{background-color: #ff6;}
.partner2-wrapper {background-color: #929292; height:192px}
.partner2-wrapper a:hover div.desc{background-color: #ff6;}
div.event a.film:hover .desc p{color: #000;}

div.films div:last-child, div.partners-official div:last-child {margin-right: 0;}

img.film {width: 100%;}

div.desc {padding: 15px;}

div.afisha div.desc{background-color: #fff;}
div.afisha div.desc.gray, div.partner-official div.desc.gray{background-color: #929292;}
div.event div.desc{background-color: #000; color: #fff;height: 223px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.marginBottom10 {
	margin-bottom:13px;
}

.height454 {
	height:453px !important;
}

a.film, .partner2 a{text-decoration: none;}
.partner2 .desc p.title {color:#000 !important;}

div.event .desc p{color: #fff;}
div.afisha .desc p, .desc.gray p{color: #000;}

.desc p.title{
	font-size: 26px;
/*	line-height: 22px; */
	line-height: 1.2em;
	padding: 0;
}

.desc p.duration{
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0 0 0;
	}

.desc p.time{
	font-size: 26px;
	padding: 25px 0 0 0;

}

.director p.year, p.director {display: inline-block; color: #fff; padding: 10px 10px 5px 10px; font-size: 14px;}

.director img{display: block;width: 80px; float: left;}


/*Слайдер*/

div.style-slider{
	display: block;
	background-color: #ccc;
	background-image: url(img/pattern_slider.png);
	background-blend-mode: normal;

}

div.slider{padding: 18px 0 25px 0; display: block;}

div.slider h3{
	color: #000;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 25px 0;
}

div.slider img.partner{padding: 0 18px 0 0;}

.icon-right-open:before { content: '\e800'; }
.icon-left-open:before { content: '\e801'; } 

div.partners{display: block;width: 980px;position: relative;}
div.slider a.to-left {position: absolute;left: -70px;top: 50px;}
div.slider a.to-right {position: absolute;right: -70px;top: 50px;}

/*Футер*/
div.style-footer{
	display: block;
	background-color: #999;
	background-image: url(img/pattern_footer.png);
	background-blend-mode: normal;
}

div.footer{
	display: block;
	padding: 25px 0 30px 0;
	margin-top:25px;
}
div.footer:after{
	content: "";
	display: block;
	clear: both;
}


div.footer p, a{font-size: 14px;
line-height: 22px;
color: #333;}

div.footer p.copy{font-size: 18px;}

div.footer div.to-right{float: right;}
div.footer div.to-left{float: left;}

.wrapper.footer{
position: relative;
bottom: 0;
}


/*

html, body {
  height: 100%;
}

main {
  min-height: 100%;
  margin-bottom: -121px;
}

main:after {
  content: "";
  display: block;
}

footer, main:after {
  height: 121px;
}

*/

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 121px; /* bottom = footer height */
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 121px;
    width: 100%;
}



/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* nextgen */

.ngg-gallery-thumbnail {
	margin:0px !important;
}

.ngg-gallery-thumbnail img {
	background-color:#A9A9A9 !important;
}

.ngg-gallery-thumbnail img:hover {
	background-color:#FFFF66 !important;
}

#fancybox-title {
	background-color:#FFFF66 !important;
}

#fancybox-outer {
	background:#FFFF66 !important;
}


#fancybox-content {
/*	border: 0px solid #FFFF66 !important; */
	border-color: #FFFF66 !important;
}

#fancybox-title {
	font-weight:bold;
}


h4 {
	
}

h4 a {
	color:#fff;
	text-decoration:underline;
	font-size: 20px;
	line-height:1.4em;
}

strong {
	font-weight:bold;
}

ul.sitemap a {
	color: #fff;
    text-decoration: underline;
    font-size: 20px;
	line-height: 2em;
}

em {
	font-style:italic;
}