/*Plaisia */

.wrapper {
max-width: 1170px;
margin: auto;
box-shadow: 0 0 10px 10px #bcbaba;

}

/*Sticky menu max width fix */
.jub-block .header.affix, .jub-block.header.affix {
max-width: 1170px;
left: auto !important;
}

/*mobile menu color*/
.jub-block .header .navbar-toggle .icon-bar {
background-color: #fac460 !important;
}

/*Fix out of our max width */
@media (min-width:1440px) {

.jub-block .container {
width: 1170px !important;
}

}

/* Top menu fonts */
.jub-block.header-5 .header .navbar .nav > li a {
font-size: 16px;
font-weight: 400;

}
/*First level Underline hover color */

.jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav > li > a::after, .jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav > li > span::after, .jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav > li > a:hover::after, .jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav > li > a:focus::after, .jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav > li > span:hover::after, .jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav > li > span:focus::after {
    background-color: #fac460 !important;
}

/* Top menu hover-active */

.jub-block.header-5 .header .jub-cmsc.active-bg-gray-darker .nav > li.active > a
{
color: #fac460 !important;
}

.jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav > li > a:hover
{
color: #fac460 !important;
}


/*Second level Underline hover color */
.jub-block.header-5 .header .jub-cmsc.hover-bg-gray-darker .nav-child>li>a::after  {
background-color: #fac460 !important
}


/* Second level menu BG color*/
@media (min-width: 992px) {
.jub-block .header .nav li>.nav-child, .jub-block.header .nav li>.nav-child {

background-color: #2a3636 !important;
}
}

.jub-block.header-5 .header .navbar .nav-child>li>a:hover,  .jub-block.header-5 .header .navbar .nav-child>li>a:active{
color: #fac460 !important;
}

/* Paddings slideshow */
.myslide.spotlight-1 .col-md-12 {
padding-left: 0px;
padding-right: 0px;
}
/* Paddings who we are */
.jub-block.spotlight-1 .col-md-12 {
padding-left: 0px;
padding-right: 0px;
}

/* Padding People */
.comm_form .spotlight, .myfooter .spotlight {
padding-top: 0px !important;

}

/* Remove padding after menu */
.page-header {
display:none;
}

/* Producers stuff */

figure.item {
/* To correctly align image, regardless of content height: */
vertical-align: top;
display: inline-block !important;
/* To horizontally center images and caption 
text-align: left;*/
/* The width of the container also implies margin around the images. */
font-size: 12px;
font-weight: 600;
margin: 0px 10px 50px 10px !important;
 /*align with first 
margin-top: 42px !important;*/
transition: all 200ms ease-in;
}



figure.item img:hover{

transform: translate3d(0,-10px,0);
transition: all 200ms ease-in;
box-shadow: 0px 0px 10px #000000;

}

figure.item img{

cursor:pointer;
transition: all 200ms ease-in;
}



 .prod-titles{
text-align:center;
}

.item img {
width: 80px;
height: 80px;
margin-bottom: 2px;
border-radius: 5px;
}


.caption, .captionhide {
/* Make the caption a block so it occupies its own line. */
display: block;
text-align: center;
color: #ead76e;
font-size: 12px;
font-weight: 400;

}
.captionhide {
 opacity: 0;
  visibility: hidden;
transition: all 400ms ease-in;
}

.captionhide2 {
 opacity: 0;
  visibility: hidden;
  display: none;
transition: all 400ms ease-in;
}
.caption2 {
/* Make the caption a block so it occupies its own line. */
display: block;
text-align: center;
color: #fac460;
font-size: 11px;
font-weight: 400;
}

.prod_header {

text-align: center; 
color: #ead76e;
font-size: 14px;
font-weight: 400;
margin-bottom: 30px !important;
}

.prod_header_single {

text-align: center; 
color: #ead76e;
font-size: 14px;
font-weight: 400;
margin-bottom: 30px !important;
}

.prod-titles {
color: #ead76e;
text-align: left; 
margin-top: -5px;
white-space: nowrap;
}

.prod {
display:inline;

}

/* End Producers stuff */

.mytitles {
color: #404040;
font-size: 48px !important;
text-align: left;
margin-left: 15px;
margin-top: 5px !important;

}

.mynumbers {
color: #fac460;
font-size: 30px;
font-weight: 600;
text-align: left;
margin-left: 20px;

}

.below-intro {

text-align:center;
font-size: 13px;
background-color: #e6e6e6;
color: #686565;
}

.hr {width:4px;height:210px;background-color: #fac460;position:absolute;z-index:10;left: 50%; }


.hr-whoweare {
    width: 4px;
    height: 392px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: -25%;
}

.hr-work {
    width: 4px;
    height: 392px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -40%;
}

.hr-people {
    width: 4px;
    height: 392px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -50%;
}

.hr-news {
    width: 4px;
    height: 160px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: -10%;
}

.hr-contact {
    width: 4px;
    height: 392px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -50%;
}

.hr-commercials {
    width: 4px;
    height: 240px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
	bottom: -40%

}

.hr-intserv {
    width: 4px;
    height: 240px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -40%;
}

.hr-tv {
    width: 4px;
    height: 240px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -40%;
}

.hr-theater {
    width: 4px;
    height: 240px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -40%;
}

.hr-films-docs {
    width: 4px;
    height: 240px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -40%;
}

.hr-digital {
    width: 4px;
    height: 240px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -40%;
}

.hr-special {
    width: 4px;
    height: 240px;
    background-color: #fac460;
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: -40%;
}

.hrIntro {
	width:4px;
	height:85px;
	background-color: #fac460;
	position:absolute;
	z-index:10;
	left: 50%; 
	top: -25%; 
}


/*Categories captions */
.caption3 {
/* Make the caption a block so it occupies its own line. */
display: block;
text-align: center;
margin-top: 15px;
}

.col-md-12 figure.item2 {
/* To correctly align image, regardless of content height: */
vertical-align: top;
display: inline-block;
/* To horizontally center images and caption */
text-align: center;
/* The width of the container also implies margin around the images. */
width: 190px;
font-size: 15px;
font-weight: 400;
color: #fff;
margin: 0px 20px 0px 20px;
}


figure.item2 a{
color: #fff;
}

figure.item2:hover, figure.item2 a:hover,figure.item2 a:active, figure.item2 a:focus{
color: #fac460;
text-decoration: none;
}



.title, .hideclass {
display: none;
}

.singleitem {
margin:auto;
float: none !important;
}

.showmore {
font-weight: 400;
font-size: 10pt;
float:right;
color: #fac460 !important;
cursor: pointer;
}

.afilter {
font-weight: 400;
font-size: 14pt;
color: #FFF;
cursor: pointer;
display: inline-block;
text-align: center;
margin: 0px 10px 0px 10px;
}

.afilter:hover {
color: #fac460;
transition: .03s .0s linear;
}

.selected {
color: #fac460;
text-decoration: underline;
font-weight: bold;
}


.commicon {
background: url('../images/static/commercials_diplo.png') no-repeat left top;
width: 88px;
height: 89px;
}

.commicon:hover { 
background: url('../images/static/commercials_diplo.png') -90px 0; 
height: 89px;
}

.inticon {
background: url('../images/static/international_diplo.png') no-repeat left top;
width: 74px;
height: 89px;
}

.inticon:hover { 
background: url('../images/static/international_diplo.png') -76px 0; 
height: 89px;
}

.tvicon {
background: url('../images/static/tv_diplo.png') no-repeat left top;
width: 53px;
height: 89px;

}

.tvicon:hover { 
background: url('../images/static/tv_diplo.png') -55px 0; 
height: 89px;
}
.theatreicon {
background: url('../images/static/theater_diplo.png') no-repeat left top;
width: 81px;
height: 89px;
}

.theatreicon:hover { 
background: url('../images/static/theater_diplo.png') -83px 0; 
height: 89px;
}
.filmicon {
background: url('../images/static/films_diplo.png') no-repeat left top;
width: 105px;
height: 81px;
}

.filmicon:hover { 
background: url('../images/static/films_diplo.png') -107px 0; 

}
.digicon {
background: url('../images/static/digital_diplo.png') no-repeat left top;
width: 47px;
height: 81px;
}

.digicon:hover { 
background: url('../images/static/digital_diplo.png') -49px 0; 

}
.specicon {
background: url('../images/static/special_diplo.png') no-repeat left top;
width: 113px;
height: 81px;
}

.specicon:hover { 
background: url('../images/static/special_diplo.png') -115px 0; 

}

.intros .row {
padding-top: 40px;
}

.whowearesect {
padding-top: 230px;
}


.mysections {
padding-top: 182px;
}


/*Awards styles */

.caption4 {
/* Make the caption a block so it occupies its own line. */
display: block;
text-align: center;
font-size: 6em;
font-weight: 600;
/*line-height: 70px;*/
}

figure.item3 {
/* To correctly align image, regardless of content height: */
vertical-align: top;
display: inline-block !important;
/* To horizontally center images and caption */
text-align: center;
/* The width of the container also implies margin around the images. */
width: 190px;
padding-top: 40px;
padding-bottom: 40px;
color: #fff;
border-right: 1px solid rgba(255,255,255,0.5);
}

figure.item3last {
/* To correctly align image, regardless of content height: */
vertical-align: top;
display: inline-block !important;
/* To horizontally center images and caption */
text-align: center;
/* The width of the container also implies margin around the images. */
width: 190px;
padding-top: 40px;
padding-bottom: 40px;
color: #fff;
}

.awards .spotlight {
padding-bottom: 85px !important;
}


/*End Awards styles */

.peoplesect .spotlight {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.myfooter .spotlight {
padding-bottom: 0px !important;
}

.producersect .spotlight {
padding-bottom: 0px !important;
padding-top: 0px !important;
}

.rsform-block {
margin:auto;
}

/*K2 image */
.itemImage {
max-width: 100%; 
width: 550px; 
height: 309px;
}

/* People */

.myodd {
background-color: #e6e6e6; 
padding: 50px; 
max-width: 1170px; 
margin: auto;
}

.myeven {
background-color: #1c2a2a; 
padding: 50px; 
max-width: 1170px; 
margin: auto;
}

.captiondiv {

color: #1c2a2a;
background-color: #f7c459;
padding: 10px; 
white-space: pre; 
line-height: 15px;
}

.oddpic {
float: right;
}

.evenpic {
float: left;
}

.oddpic figure.item, 
.evenpic figure.item {
margin: 0px 10px 0px 10px !important;

}



@media only screen and (max-width: 769px)  {
.hr-commercials, .hr-whoweare, .hr-work, .hr-intserv, .hr-tv, .hr-theater, .hr-films-docs, .hr-digital, .hr-special, .hrIntro, .hr-work, .hr-people, .hr-contact {
display:none;
}
/*remove border from counting stats*/
figure.item3 {border:0; }


/*remove padding from whoweare*/
.whowearesect {
padding-top: 0px ;
}

.below-intro p {
padding: 10px !important;
}

.mysections {
padding-top: 10px;
}

/*Stefi logo on mobiles */
.camera_caption_title img {
width: 30%;
height: 30%;

}
/*
#vfx .tl-slide-background {
background: no-repeat right center;
background-image: url("myinc/images/vfxsmall.png") !important;
}
*/
/* K2 item height */
.itemImage {
height: auto;
}

/* People pic-text alignment */
.prodcol {
min-height: 100px !important;
}

/* People padding */
.myodd, .myeven {
padding: 20px;

}
}
@media (min-width: 992px) {
.jub-block .col-md-push-6 {
left:auto !important;

}
.jub-block .col-md-pull-6 {
right:auto !important;


}
}