/******************************************************************
Theme Name: Actor Agent Feed
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Showcast
Author URI: http://www.showcast.com.au
Version: 1.3
Tags: flexble-width, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.
*/

body{
    font-size: 13px;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    background-color: #FFF;
    color: #000;
    padding-top: 40px;
}
.container{
    max-width: 970px;
}
a{
    color: red;
    text-decoration: none;
}
a:hover{
    color: red;
    text-decoration: underline;
}
.header-contact{
    list-style-type: none;
    text-align: right;
    padding-top: 40px;
}
.header-contact li{
    padding: 5px 0;
}
.logo img{
    max-width: 100%;
}
.social-icons{
    margin-top: -50px;
    margin-left: 210px;
}
.social-icons a{
    margin-right: 10px;
}
.social-icons a:hover{
    text-decoration: none;
}
.menu-bg{
    background-color: #f6f6f6;
    font-size: 15px;
    margin-top: 20px;
    text-align: center;
}
.menu-bg a{
    color: #000;
    text-transform: uppercase;
    padding: 3px 0;
}
.page-text{
    margin-top: 30px;
}
a.active{
    color: red;
}
.our-work h1{
    color: red;
    font-size: 20px;
    border-top: 1px solid #000;
    padding-top: 15px;
}
.our-work .row div{
    margin: 15px 0px;
}
.our-work img{
	border-radius: 10px;
}
.footer{
    font-size: 11px;
    background-color: #f6f6f6;
    margin: 20px 0;
    text-align: center;
    padding: 5px;
    color: #999;
}
.footer a{
    color: inherit;
    text-decoration: none;
}
.footer a:hover{
    text-decoration: underline;
}
.follow-us-on{
    display: inline-block;
}
.follow-us-on img{
    width: 30px;
}
.follow-us-on span{
    display: block;
}
.follow-us-on a:hover{
    text-decoration: none;
}

ul{
    list-style-type: none;
    padding-left: 10px;
}
#filter-bar-container a{
    color: #000;
}
#filter-bar-container a.active{
    color: red;
}


.mobile-menu{
    background-color: #000;
    color: #FFF;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}
.active-m a{
    border-top: 1px solid #ccc;
}
.active-m a:hover{
    color: #000;
}
.menu{
    margin-top: 20px;
}
.menu a{
    color: #FFF;
    font-family: 'Economica', sans-serif;
    text-decoration: none;
    font-size: 20px;
    border-right: 1px solid #FFF;
}
.menu a:last-child{
    border-right: 1px solid #000;
}
.menu a:hover{
    color: red;
}
.menu ul{
    text-align: center;
    list-style: none;
    padding: 0;
    background-color: #000;
    color: #000;
    display: none;
    transition: .3s ease-in-out;
}
.m-open{
    display: block;
    width: 100%;
    padding: 2% 1% 0% 1%;
    text-align: right;
    font-size: 28px;
    cursor: pointer;
}
.mobile-menu .menu{
    margin-top: 0;
}
.mobile-menu .menu a{
    border-right: none;
    width: 70%;
    display: block;
    margin: auto; 
}
.active-m .menu ul{
    display: block;
}

/*ACTOR PROFILE*/
.actor{
    text-align: center;
    margin-bottom: 10px;
}
.actor a{
    color: #000;
}
.actor img{width: 100%;}
.actor h4{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 16px;
    font-size: 14px;
}
.profile h3{
    border-bottom: 1px solid;
}
.profile img{
    width: 100%;
}
.thumb{
    margin-top: 15px;
}
.thumb:nth-child(3n+1){
    clear: both;
}
.thumb img{
    cursor: pointer;
    opacity: 0.8;
    transition: 0.3s ease-in-out;
}
.thumb img:hover{
    transform: scale(1.1);
    opacity: 1;
}
.profile ul{
  list-style: none;  
  padding: 0;
}
.profile ul b{
    margin-right: 10px;
}
#player{
    max-width: 640px;
    height: 360px;
    background-color: #000;
    float: left;
}
#playlist{
    width: 225px;
    height: 360px;
    background-color: #000;
    float: left;
    padding: 0;
    color: #c3c3c3;
    border-left: 1px solid #333;
    font-size: 18px;
}
#playlist li{
    padding: 10px;
    border-bottom: 1px solid #333;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
#playlist .active{
    color: #E8B201;
}
#placeholder{
    width: 100%;
    height: 165px;
    background-color: #000;
    cursor: pointer;
    position: relative
}
.credits li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.credits .type, .credits .director{
    color: #777;
}
.credits .production{
    color: #E8B002
}
#gallery-image{
    transition: .3s ease-in-out;
}

.fadeOut{
    opacity: 0;
}
#placeholder .glyphicon-play{
    color: #FFF;
    position: absolute;
    font-size: 40px;
    top: 60px;
    left: 160px;
    transition: 0.2s ease-in-out;
}
#placeholder:hover .glyphicon-play{
    transform: scale(1.2);
}

.post-item{
    padding: 30px 0;
    border-bottom: 1px solid #000;
}
.post-item strong, .post-item b{
    display: block;
    padding-top: 35px;
}
.post-thumb{
    text-align: center;
}
.post-thumb img{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    border: 1px solid #CCC;
}
.form-group label{
    display: block;
}
.form-group input{
    font-weight: normal;
    padding: 5px 10px;
    margin-top: 5px;
}
.wpcf7-file{
    padding: 5px 0 !important;
}
.form-group textarea{
    margin-top: 5px;
    font-weight: normal;
    padding: 5px 10px;
    height: 130px;
    width: 100%;
    resize: none;
}
.wpcf7{margin-top: 40px;}
.btn{
    width: 100%;
}

/* @media (max-width: 768px) { /* XS */ */
    /* .actor:nth-child(2n+1){ */
       /* clear: both; */
    /* } */
    /* .social-icons{ */
        /* margin-left: 134px; */
        /* margin-top: -35px; */
    /* } */
    /* .social-icons a{ */
        /* width: 30px; */
        /* display: inline-block; */
    /* } */
    /* .header-contact{ */
        /* text-align: center; */
    /* } */
    /* #filter-bar-container{ */
        /* margin-left: -20px; */
    /* } */
/* } */
/* @media (min-width: 768px) and (max-width: 992px) { /* SM */ */
    /* .actor:nth-child(3n+1){ */
       /* clear: both; */
    /* } */
/* } */
/* @media (min-width: 992px) and (max-width: 1200px) { /* MD */ */
    /* .actor:nth-child(3n+1){ */
       /* clear: both; */
    /* } */
/* } */
/* @media (min-width: 1200px) { /* LG */ */
    /* .actor:nth-child(4n+1){ */
       /* clear: both; */
    /* } */
/* } */

/*ACTOR PROFILE*/
.actor{
    text-align: center;
    margin-bottom: 10px;
}
.actor a{
    color: #000;
}
.actor img{width: 100%;}
.actor h4{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 16px;
    font-size: 14px;
}
.profile h3{
    border-bottom: 1px solid;
}
.profile img{
    width: 100%;
}
.thumb{
    margin-top: 15px;
}
.thumb:nth-child(3n+1){
    clear: both;
}
.thumb img{
    cursor: pointer;
    opacity: 0.8;
    transition: 0.3s ease-in-out;
}
.thumb img:hover{
    transform: scale(1.1);
    opacity: 1;
}
.profile ul{
  list-style: none;  
  padding: 0;
}
.profile ul b{
    margin-right: 10px;
}
#player{
    max-width: 640px;
    height: 360px;
    background-color: #000;
    float: left;
}
#playlist{
    width: 225px;
    height: 360px;
    background-color: #000;
    float: left;
    padding: 0;
    color: #c3c3c3;
    border-left: 1px solid #333;
    font-size: 18px;
}
#playlist li{
    padding: 10px;
    border-bottom: 1px solid #333;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
#playlist .active{
    color: #E8B201;
}
#placeholder{
    width: 100%;
    height: 165px;
    background-color: #000;
    cursor: pointer;
    position: relative
}
.credits li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.credits .type, .credits .director{
    color: #777;
}
.credits .production{
    color: #E8B002
}
#gallery-image{
    transition: .3s ease-in-out;
}

.fadeOut{
    opacity: 0;
}
#placeholder .glyphicon-play{
    color: #FFF;
    position: absolute;
    font-size: 40px;
    top: 60px;
    left: 160px;
    transition: 0.2s ease-in-out;
}
#placeholder:hover .glyphicon-play{
    transform: scale(1.2);
}

.post-item{
    padding: 30px 0;
    border-bottom: 1px solid #000;
}
.post-item strong, .post-item b{
    display: block;
    padding-top: 35px;
}
.post-thumb{
    text-align: center;
}
.post-thumb img{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    border: 1px solid #CCC;
}
.form-group label{
    display: block;
}
.form-group input{
    font-weight: normal;
    padding: 5px 10px;
    margin-top: 5px;
}
.wpcf7-file{
    padding: 5px 0 !important;
}
.form-group textarea{
    margin-top: 5px;
    font-weight: normal;
    padding: 5px 10px;
    height: 130px;
    width: 100%;
    resize: none;
}
.wpcf7{margin-top: 40px;}
.btn{
    width: 100%;
}

@media (max-width: 768px) { /* XS */
    .actor:nth-child(2n+1){
       clear: both;
    }
    .social-icons{
        margin-left: 134px;
        margin-top: -35px;
    }
    .social-icons a{
        width: 30px;
        display: inline-block;
    }
    .header-contact{
        text-align: center;
    }
    #filter-bar-container{
        margin-left: -20px;
    }
}
@media (min-width: 768px) and (max-width: 992px) { /* SM */
    .actor:nth-child(3n+1){
       clear: both;
    }
}
@media (min-width: 992px) and (max-width: 1200px) { /* MD */
    .actor:nth-child(3n+1){
       clear: both;
    }
}
@media (min-width: 1200px) { /* LG */
    .actor:nth-child(4n+1){
       clear: both;
    }
}

.clear
{
  clear: both;
  line-height: 0;
}
a{
	color:#E93F33;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
#address p
{
  margin-bottom: 1em;
}

.actor
{
  background-color: transparent;
  background-image: url(/images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-attachment: initial;
  background-position: 50% 30%;
  height: 280px;
  margin-bottom: 30px;
  text-align: center;
}
#wrapper{
	width: 1100px; 
	margin:auto;
	margin-top: 20px;
	position: relative;
}
.actor a.detail
{
  text-decoration: none;
  height: 275px;
  width: 220px;
  overflow: hidden;
  display: block;
  background-color: transparent;
}

.actor img
{
  width: 100%;
}

.actor p.actorname
{
  color: rgb(155,155,155);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  margin-top: 10px;
}

p.actorname a.detail_link
{
  text-decoration: none;
  color: #BF2026;
}
.actor:hover .detail_link{
    text-decoration: none;
    color: #CCC;
}
p.actorname a.detail_link:hover,
p.actorname a.detail_link.hoover,
.hoover
{
  text-decoration: none;
  color: #CCC;
}