/* CSS Document */

*						{ margin:0; padding:0;		}

header nav section hgroup article footer aside { display: block; }

body { 
    width: 100%;
    display:-webkit-box;
    -webkit-box-pack: center;
}

h1						{ font-family: 'TiepoloStd-BoldItalic', cursive; font-size: 72px;	color:#000;	line-height: 80%;}    
h2						{ font-family: 'Nunito', sans-serif; font-size:24px; font-weight: normal;	color:#000;	 }     
h3						{ font-family: 'FuturaStd-BoldOblique', cursive; font-size:23px;	color:#000; line-height: 80%; 	}     
h4						{ font-family: 'Nunito', sans-serif; font-size:16px; font-weight: normal;	color:#000;	 }
h5                      { font-family: 'Nunito', sans-serif; font-size:20px;	color:#000;	 }
h6                      { font-family: 'Nunito', sans-serif; font-size:20px; font-weight: normal;	color:#000;	 } 



p                       { font-family: 'Nunito', sans-serif; font-size:18px;	color:#000;}

a                       { font-family: 'Nunito', sans-serif; font-size:18px;	color:#000;}

#wrapper {
    max-width:100%; 
    margin:50px auto;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-box-flex: 1;
    background-color:#fff;
    padding:0 40px;		}

#header { margin-bottom: 50px;   }

 #insta  { clear:both; }

.container {
    width: 100%;
    display: flex; flex-wrap: wrap;
}


.container_names {
    width: 100%;
    display: flex; flex-wrap: wrap;
   
   
}

.container_names2 {
    width: 100%;
    display: flex; flex-wrap: wrap;
    
   
}


    
.box {
        width: 100%;
   
        text-align: center;
        margin-bottom: 20px;
    }

.flex_container {
    display: flex; 
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 80px;
    text-align: left;
} 

.flex_container2 {
    display: flex; 
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    text-align: left;
} 


.form   { 
    width: 50%;
   
}



.location1 {
    width: 20%;
    margin-left: 50px;
}
.location2 {
    width: 20%;
    margin-left: 50px;
}

  } 
   
}
.project_right {
    
    max-width: 33%;
    padding: 50px 0 0 40px;
}

.project_right_wide {
    
    padding: 40px 0 0 30px;
}

.project_left {
    
    max-width: 66%;
}



#faqs a:link { color: #aaa; }
#faqs a:visited { color: #aaa; }
#faqs a:hover { color: #818ba3; }
#faqs a:active { color: #aaa; }

.actor_info a:link { color: #aaa; }
.actor_info a:visited { color: #aaa; }
.actor_info a:hover { color: #818ba3; }
.actor_info a:active { color: #aaa; }

.casting_message a:link { color: #aaa; }
.casting_message a:visited { color: #aaa; }
.casting_message a:hover { color: #818ba3; }
.casting_message a:active { color: #aaa; }

.location1 a:link { color: #aaa; }
.location1 a:visited { color: #aaa; }
.location1 a:hover { color: #818ba3; }
.location1 a:active { color: #aaa; }

.location2 a:link { color: #aaa; }
.location2 a:visited { color: #aaa; }
.location2 a:hover { color: #818ba3; }
.location2 a:active { color: #aaa; }



  .casting_message {
    width: 100%;
    margin: 0 auto;
    text-align: center;}


.footer					
    { display: block;
	margin-top: 50px;						
    padding:25px 0;
    border-top:1px #000 dotted;		
}

img, embed, object, video {
    
    max-width: 100%;
}



.view_table {
    
    display: none;
}



.actor_info ol {
    font-family: 'Nunito';
    font-size: 18px;
}


a[href^="mailto:"]
{ 
  font-family: 'Nunito';
  font-size: 18px; 
}


/*Mobile*/
@media screen and (max-width: 800px) {
   .box { width: 100%; }
    h1 { font-size: 44px; }    
    h3 { font-size: 14px; }
        .page_heading {
    margin: 0 0 0 0; }
    .view_table { display: block; }
    .view_table p { font-size: 14px; }
    .project_right { max-width: 100%; }
    .project_left { max-width: 100%; }
    .footer p { font-size: 14px; }
    .actor_info {width: 100%; }
    .flex_container {margin-top:0; }
    .location1 { width: 100%; text-align: left; padding: 10px 0 0 0; }
    .location2 { width: 100%; text-align: left; padding: 10px 0 0 0; }
    .form { width: 100%}
    #insta  { width: 100%; }


  }

@media screen and (max-width: 800px) and (orientation : landscape) {
    .view_table { display: none; }

  }


/*Tablet*/
@media screen and (min-width: 800px) {
    .box { width: 50%; }
    h1 { font-size: 72px; }    
    h3 { font-size: 23px; }
        .page_heading {
    margin: 0 0 10px 0; }
    .actor_info {
    width: 75%;
    margin: 0 auto; }
    .flex_container {margin-top:0; }
    .location1 { width: 40%; text-align: left; padding: 20px 0 0 0;  }
    .location2 { width: 40%; text-align: left; padding: 20px 0 0 0;  }
     #insta  { width: 100%; }
    


  }
    

/*Desktop*/    
@media screen and (min-width: 1200px) {
  .box {
      width: 33%; }
    .container {
      width: 1200px;
      margin-left: auto;
      margin-right: auto;
    }
    .page_heading {
    margin: 0 0 10px 0; }
    .flex_container {margin-top:110px; }
    .location1 {
    width: 20%; }
    .location2 {
    width: 20%; }
    }
 #insta  { width: 70%; margin: 0 auto; }


    
    



a				{ text-decoration:none:	}

a:link			{ font-weight:normal; text-decoration:none; color:#000;		}
a:visited		{ font-weight:normal; text-decoration:none; color:#000;		}
a:active		{ font-weight:normal; text-decoration:none; color:#000;		}
a:hover			{ font-weight:normal; text-decoration:none; color:#aaa; 		}
a:focus			{ font-weight:normal; text-decoration:none; color:#000;		} 



    
@font-face {
    font-family: TiepoloStd-BoldItalic;
    src: url('TiepoloStd-BoldItalic.otf');
        src:url(TiepoloStd-BoldItalic.eot);
        src:url(TiepoloStd-BoldItalic.ttf);
        src:url(TiepoloStd-BoldItalic.woff);
}


@font-face {
    font-family: FuturaStd-BoldOblique;
    src: url('FuturaStd-BoldOblique.otf'); 
        src:url(FuturaStd-BoldOblique.eot);
        src:url(FuturaStd-BoldOblique.ttf);
        src:url(FuturaStd-BoldOblique.woff);
}






ol                      { padding: 25px 0 0 30px; }

ol li                   { padding-bottom: 25px; }




header	{ padding: 20px 0 20px 0; width: 100%;	}

#header {
    width:100%;
}


				

#main_title				{ float:left; margin: 0 50px 0 0; }

#menu   { 
    
    float: right;
}



table {
    font-family: 'Nunito', sans-serif; 
    border-collapse: collapse;
    width: 100%;
}



th {
    border: 0;
    text-align: left;
    padding: 8px;
    background-color: #aaa;
}

td {
    border: 0;
    text-align: left;
    padding: 8px;
    width: 400px;
    font-size: 18px;
}



tr:nth-child(even) {
    background-color: #dddddd;
}


/*Menu CSS*/

.nav{
	float: right;
    margin: 0; padding: 0; 
				list-style: none; 
				height: 30px; 
				padding-left: 0px; 
				margin-bottom: 20px; 
				background-color: #fff; 
}

.nav ul li ul {
    
    min-width: 175px;
}







ul li{
	float: left; display: block;
				background-color:#fff; 
				position: relative; 
				z-index: 99; 
				margin: 0 10px 0 0; 
				font-family:'Nunito', sans-serif;
                font-size: 18px;

	
}
ul li ul{
	position: absolute;
}

ul li a{
	display: block; 
				padding: 0; 
				font-weight:normal; line-height: 30px;
				text-decoration:none;  
				color: #818ba3; 
				zoom: 1; 
				padding: 0px 12px; 
}


ul li p a{
	display: block; 
				padding: 0; 
				font-weight:normal; line-height: 30px;
				text-decoration:none;  
				color: #818ba3; 
				zoom: 1; 
				padding: 0px 0px; 
}






ul li a:hover{


}
ul li ul{
	display: none;
}
.nav ul li:hover ul{
	display: block;
}
.fa{
	margin-right: 5px;
}
.fa-bars.modify{
	display: none;
	font-size: 35px;
	position: absolute;
	right: 30px;
	top:50px;
	cursor: pointer;
}

@media screen and (max-width: 812px){
    .page_heading {
        margin-top: 5px;
    }
    header{
		width: 100%;
	}
	.nav{
		display: none;
		width: 100%;
		height: auto;
	}
	ul li{
		width: 100%;
		float: none;
       
	}
	ul li a{
		width: 100%;
        padding: 25px 0 25px 0;
		display: block;
        border-bottom: 1px solid #000;
        text-align: center;

	}
    
    
    
    	ul li p a{
	
        padding: 25px 0 25px 0;
		

	}
    
    
    
    
    
    
    
	ul li ul{
		position: static;
     
	}
    

    
	ul li ul li a{

        background-color: #fafafa;
        text-align: left;
        text-indent: 20px;
        direction: rtl;
        text-align: right;

	}
    li {

             border-bottom: 1px;
    }
	.fa-bars.modify{
		display: block;
       
	}
    
   
.container{
		width: 100%;
		height: auto;
	}
	body{
		overflow-x:hidden;
	}	
/*Menu CSS*/