@charset "utf-8";
@font-face {
	font-family: 'proxima_nova_bold';
	/*src: url('/Contact/fonts/Mark Simonson - Proxima Nova Bold.eot');
	src: local('☺'), url('/Content/fonts/Mark Simonson - Proxima Nova Bold.woff') format('woff'), url('/Content/fonts/Mark Simonson - Proxima Nova Bold.ttf') format('truetype'), url('/Content/fonts/Mark Simonson - Proxima Nova Bold.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_light';
	/*src: url('/Content/fonts/Mark Simonson - Proxima Nova Light.eot');
	src: local('☺'), url('/Content/fonts/Mark Simonson - Proxima Nova Light.woff') format('woff'), url('/Content/fonts/Mark Simonson - Proxima Nova Light.ttf') format('truetype'), url('/Content/fonts/Mark Simonson - Proxima Nova Light.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_regular';
	/*src: url('/Content/fonts/Mark Simonson - Proxima Nova Regular.eot');
	src: local('☺'), url('/Content/fonts/Mark Simonson - Proxima Nova Regular.woff') format('woff'), url('/Content/fonts/Mark Simonson - Proxima Nova Regular.ttf') format('truetype'), url('/Content/fonts/Mark Simonson - Proxima Nova Regular.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_semibold';
	/*src: url('/Content/fonts/Mark Simonson - Proxima Nova Semibold.eot');
	src: local('☺'), url('/Content/fonts/Mark Simonson - Proxima Nova Semibold.woff') format('woff'), url('/Content/fonts/Mark Simonson - Proxima Nova Semibold.ttf') format('truetype'), url('/Content/fonts/Mark Simonson - Proxima Nova Semibold.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima_nova_semibold_italic';
	/*src: url('/Content/fonts/Mark Simonson - Proxima Nova Semibold Italic.eot');
	src: local('☺'), url('/Content/fonts/Mark Simonson - Proxima Nova Semibold Italic.woff') format('woff'), url('/Content/fonts/Mark Simonson - Proxima Nova Semibold Italic.ttf') format('truetype'), url('/Content/fonts/Mark Simonson - Proxima Nova Semibold Italic.svg') format('svg');*/
	font-weight: normal;
	font-style: normal;
}


body{background:rgb(252,252,253);font-family:'proxima_nova_semibold', arial, san-serif;}
.h1{font-size:40px;color:#282f35;}
.h2{font-size:34px;color:#eb7a60;}
.h3
{
font-size:22px;
color:#555c61;
}
.h4
{
font-size:16px;
color:#282f35; 
}
.h4
{
font-size:16px;
color:#88a0b5; 
}
a {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
img {
border:none;
outline:none;
opacity: 1;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
border-radius:4px;
}
img:hover {
opacity: 0.7;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
position: relative;
z-index: 99;
}
.top-msg-img:hover, .logo img:hover{
	opacity:1 !important;   	
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.body
{
margin:0 auto;
/*border-top:2px solid black;*/
}

.main_header{	
	margin: 60px auto 0 auto;
	max-width: 960px;
	padding:0 20px;
}
.logo{	
	float:left;	
    position:relative;
}
.main_header nav ul	{
	float:left;
	list-style:none;
	color:#4e5c69;	
}	
.main_header nav ul li
	{
	text-align:left;
	display:inline;
	}
	
.main_header nav a:link 
	{
	color:#4e5c69;
	display:inline-block;
	text-decoration:none;
	padding: 4px 10px;
	font-size:15px;
	font-family: 'proxima_nova_bold', arial, san-serif;

	}	
	.main_header nav a {
color: #4e5c69;
}
.main_header nav a:hover , .mainheader nav a:active,
.mainheader nav .active a:link , .mainheader nav .active a:visited
	{
	
	text-shadow:none;
	color: #eb7a60;
	
	}
.main_header nav ul li a 
	{
	list-style:none;

	
	}
	
.account
{
float:right;
position:relative;
}
.user {
float: left;
text-align: right;
}

.user p {
	font-size: 12px;
	color: #AAB2B2;
	margin: 10px auto 0 auto;
}

.user p a {
	color: #AAB2B2;
}

.user p span {
color: #4e5c69;
font-size: 14px;
font-family: 'proxima_nova_bold',arial,san-serif;
font-weight: 700;
}
.avtar{

float:right;
padding-left: 10px;
}
.notification {
position: absolute;
margin-left: 38px;
margin-top: -5px;
background: url('../images/icons/notification.png') no-repeat ;
width: 25px;
z-index: 10000000;
}
.notification p {
margin-top: 1px;
margin-left: 10px;
font-size: 14px;
}
.notification a {
color: white;
text-decoration: none;
}

.notification a:hover {
color: #181A1B;
}
.bar
{
	
height: 1px;
background-color: #DBD7D7;
position: relative;
width: 100%;
margin-top: 15px;
margin-bottom:10px;
}

.bar-bottom
{
	
height: 1px;
background-color: #DBD7D7;
position: relative;
width: 100%;
margin-left: 3% auto;
margin-right: 3% auto;
margin-top:10px;
}

.search {
width: 49.5%;
float: left;
}

a {
 
   text-decoration: none
  }
    
    /*-------------------------------------*/
    
.cf:before, .cf:after{
 content:"";
 display:table;
}
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
    
    .form-wrapper {
		
		padding: 3px;
		height:39px;
      	border: 1px solid #d5d5d5;
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .form-wrapper input {
        width: 64%;
		padding: 8px 16px;
		float: left;
		border: 0;
		-moz-border-radius: 3px 0 0 3px;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;  
		font-size: 14px;  
		font-family: 'proxima_nova_bold', arial, san-serif;
		background:#fcfcfd;
    }
    
    .form-wrapper input:focus {
        outline: 0;
       
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
      
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
    
    }    
    
    .form-wrapper button {
        padding: 0px 0px;
        cursor: pointer;
        height: 40px;
        width: 100px;
        font-size:14px;
        color: #4e5c69;
        background: url('../images/icons/search.png') no-repeat left;     
        text-shadow: none;
		border: none;
		margin-left: 2.3%;
		font-weight: bold;
		float:right;
    }   
      
.upload {
	float: right;
	cursor:pointer;
	text-align:center;
}  
.upload a{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fcfcfd;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	font-family: 'proxima_nova_regular', arial, san-serif;
	padding:12px 20px 10px;
	display:inline-block;
	background: rgb(235, 122, 96);	
}

.upload a:hover {
	background: rgb(227, 98, 68);	
}

.btn_orange {
    border-radius: 5px;
    color: #FCFCFD;
    display: inline-block;
    font-family: 'proxima_nova_regular',arial,san-serif;
    font-size: 13px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    background: none repeat scroll 0 0 #EB7A60;
    cursor:pointer;
}

.btn_blue {
    border-radius: 5px;
    color: #FCFCFD;
    display: inline-block;
    font-family: 'proxima_nova_regular',arial,san-serif;
    font-size: 13px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    background: none repeat scroll 0 0 #88A0B5;
    cursor:pointer;
}

.content{
	background: rgb(242 ,244 ,245);
	margin-top: 30px;
	padding-bottom: 42px;
}

.content_production{
	max-width: 960px;
	padding: 0 20px;
	margin: 0 auto;
}
.content h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 100;
	font-family: 'proxima_nova_light', arial, san-serif;
	float:left;
	color:#282f35;
	font-size:30px;
}
.content h2{
font-size: 20px;
font-weight: normal;
line-height: 1.0;
color: #eb7a60;
margin: 20px 0px 2px 0px;
font-family: 'proxima_nova_regular', arial, san-serif;
text-transform:capitalize;
height:40px;
}

.content h3 {
font-family: 'proxima_nova_regular', arial, san-serif;
font-size:22px;
color:#555c61;
font-weight: normal;
line-height: 1;
margin: 0 auto;
text-transform:capitalize;
}
.content h4 {
 	margin-top: 33px;
	float: right;
	margin-bottom: 0;
    text-transform:capitalize;
}
h4 a {
	color: #88a0b5;
	font-family: 'proxima_nova_bold', arial, san-serif;	
	/*background: url('../images/icons/arrow.png') no-repeat right center;*/
	font-size:14px;	
	padding-right: 14px;
	font-weight: 100;
    text-transform:capitalize;
}
h4 a:hover {
	color: #768A9C;
} 

.content h5 {
	margin: auto;
	font-size: 15px;
	color: #282f35;
	font-family: 'proxima_nova_semibold_italic', arial, san-serif;
	font-weight: 400;
    text-transform:capitalize;
}

.content p span {
	color: #aab2b2;
	font-family: 'proxima_nova_regular', arial, san-serif;
}

.content p {
	font-size: 12px;
	color: #4e5c69;
	font-family: 'proxima_nova_regular', arial, san-serif;
    text-transform:capitalize;
}
.content p.gr-btm-txt{
	margin-bottom:6px;
}

.content img {
/*height: 50px;
width: 50px;
    */
}

.bar_production{
	border-top:1px solid rgb(225,225,227);
}
.prod_avtar {
float: left;
margin-right: 5px;
}

.more{
width: 50px;
height: 50px;
float: left;
text-align:center;
}
.more a{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: rgb(235, 122, 96);	
	color: #fcfcfd;
	display: block;
	text-align: center;
	vertical-align: middle;
	padding: 8px 10px;
	line-height: 16px;
	font-size: 12px;
}
.more a:hover {
	background: rgb(227, 98, 68);	
}

.more a span{
	font-size:12px;
}

.group1, .group2, .group3, .group4 {
	margin: 0 auto;
	width: 25%;
	float: left;
	min-width:230px;
}
.new_production{
	margin-top: 20px;
}
.new_production h3{
	float:left;
	width:100%;
	font-size:18px;

}
.new_production p{
	margin-bottom: 6px;
}

.upload_production, .keep  {
	margin-top: 12px;
}    	
.upload_production a, .keep a {
	color: #fcfcfd;
	font-size: 14px;
	font-family: 'proxima_nova_regular', arial, san-serif;
	text-align: center;
	background: rgb(136,160,181);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:inline-block;	
	padding:10px 12px;
}
.upload_production a:hover , .keep a:hover {
	background: rgb(120, 139, 156);
}
 
.intro_content{
	background:#FFFFFF;
	padding-bottom:350px;
} 
.intro{
	max-width: 960px;
	padding-bottom: 15px;
    padding-right: 15px;
    padding-top: 0px;
	margin: 0 auto;
    padding-left:100px;
}  
.intro_content h1 {
	margin-top: 12px;
	font-weight: 100;
	font-family: 'proxima_nova_light', arial, san-serif;
	float: left;
	color: #282f35;
	font-size: 30px;
	margin-bottom: 10px;
    width:90%;
}

.intro_content h2{
    font-size: 16px;
    color:#282f35;
    margin: 4px auto 0;
    font-weight:200;
    font-family: 'proxima_nova_regular', arial, san-serif;
	margin-bottom: 10px;

}

.intro_content h3 {
font-family: 'proxima_nova_regular', arial, san-serif;
font-size:16px;
color:#555c61;
font-weight: normal;
line-height: 1;
margin: 0 auto;

}
.intro_content h4 {
	margin-top: 58px;
	float: right;
	margin-bottom: 0;
} 
.intro_content h5 {
	font-size: 13px;
	color: #aab2b2;
	margin: 18px 0px 5px 0px;
}
.intro_content p span {
	color: #eb7a60;
	margin: auto;
}
.intro_content p {
    font-size: 13px;
    color: #aab2b2;
    margin: auto;
    font-family: 'proxima_nova_semibold', arial, san-serif;
    text-transform:capitalize;
    width: 300px;
    text-align:justify;
}
.intro_content p a {
color: #eb7a60;
}
.intro_content p a:hover {
color: #4e5c69;
}

.intro1 {
	width: 45%;
	float: left;
	margin-top: 20px;
	min-width:170px;
    margin-right:10px;
}

.intro1_inner {
	width: 400px;
	float: right;
}

.intro2 {
	width: 39%;
	float: left;
	margin-top: 20px;
	min-width:170px;
}

.intro2_inner {
	width: 400px;
	float: left;
}

.mycontact_content{
	background:#FCFCFD;
	padding-bottom:58px;
} 
.mycontact{
	max-width: 960px;
	padding: 0 20px;
	margin: 0 auto;
}  
.mycontact_content h1 {
	margin-top: 32px;
	font-weight: 100;
	font-family: 'proxima_nova_light', arial, san-serif;
	float: left;
	color: #282f35;
	font-size: 30px;
	margin-bottom: 10px;
}

.mycontact_content h2{
    font-size: 15px;
    color:#282f35;
    margin: 4px auto 0;
    font-weight:200;
    font-family: 'proxima_nova_regular', arial, san-serif;
    text-transform:capitalize;
}

.mycontact_content h3 {
font-family: 'proxima_nova_regular', arial, san-serif;
font-size:18px;
color:#555c61;
font-weight: normal;
line-height: 1;
margin: 0 auto;

}
.mycontact_content h4 {
	margin-top: 58px;
	float: right;
	margin-bottom: 0;
} 
.mycontact_content h5 {
	font-size: 12px;
	color: #aab2b2;
	margin: 18px 0px 5px 0px;
}
.mycontact_content p span {
	color: #eb7a60;
	margin: auto;
}

.mycontact_content p {
    font-size: 12px;
    color: #aab2b2;
    margin: auto;
    font-family: 'proxima_nova_semibold', arial, san-serif;
    text-transform:capitalize;

}
.mycontact_content p a {
/*color: #eb7a60;*/
text-decoration:none; border-bottom:1px dotted #ccc; color:#4E5C69;
}
.mycontact_content p a:hover {
color: #4e5c69;
}

.contact1, .contact2, .contact3, .contact4 {
	margin: 0 auto;
	width: 20%;
	float: left;
	margin-right:5%;
	margin-top: 20px;
	min-width:170px;
}
.contact4 {
	
}


.new_contct{
margin-top: 40px;
}

.new_contct p{
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 14px;
}
 
.invite_content {
	background: rgb(242 ,244 ,245);
	padding-bottom:50px;
}        

.invite {
	max-width: 960px;
	padding: 0 20px;
	margin: 0 auto;
}    

.invite1, .invite2, .invite3, .invite4, .invite5 {
	margin: 0 auto;
	width: 20%;
	float: left;
	margin-right:1%;
	margin-top: 20px;
	min-width:162px;
} 

.invite_content h1 {
margin-top: 40px;
font-weight: 100;
font-family: 'proxima_nova_light', arial, san-serif;
float:left;
color:#282f35;
font-size:30px;
margin-bottom:10px;
}

.invite_content h2{
font-size: 22px;
color:#282f35;
margin: 4px auto 0;
font-weight:100;
font-family: 'proxima_nova_regular', arial, san-serif;
}

.invite_content h3 {
font-family: 'proxima_nova_regular', arial, san-serif;
font-size:18px;
color:#555c61;
font-weight: normal;
line-height: 1;
margin: 0 auto;

}
.invite_content h4 {
  margin-top: 60px;
font-weight: 100;
float:right;
color:#88a0b5;
font-size:16px;
font-weight:500;
background: url('../images/icons/arrow.png') no-repeat right center;
padding-right: 13px;
} 

.invite_content h5 {

font-size: 14px;
color: #aab2b2;
margin: 18px 0px 5px 0px;
}


.invite_content p span {
color: #eb7a60;
margin: auto;

}

.invite_content p {
	font-size: 12px;
	color: #aab2b2;
	font-family: 'proxima_nova_semibold', arial, san-serif;
	margin: auto;
    text-transform:capitalize;
}
.invite_content p a{
	/*color:#fcfcfd;*/
    text-decoration:none; border-bottom:1px dotted #ccc; color:#4E5C69;

}
.invite_content p a:hover{
/*color:#4e5c69;*/
text-decoration:none; border-bottom:1px dotted #ccc; color:#4E5C69;

}


.invite_Crewpedia {
width: 90%;
margin-top: 10px;
text-align: left;
float:left;
}
.invite_Crewpedia a {
	background: rgb(235, 122, 96);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 9px;
	color: #fcfcfd;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-family: 'proxima_nova_semibold', arial, san-serif;
	font-weight: 400;
	display:inline-block;
}
.invite_Crewpedia a:hover {
	background: rgb(227, 98, 68);
}	
.invite_content p span a{
	/*color:#eb7a60;*/
	font-size: 12px;
	font-family: 'proxima_nova_semibold', arial, san-serif;
}
.invite_content p span a:hover{
	color:#4E5C69;
}

.workedwith_content {
	padding-bottom:50px;
}        

.workedwith {
	max-width: 960px;
	padding-left: 10px;	
}    

.workedwith1, .workedwith2, .workedwith3, .workedwith4, .workedwith5, .workedwith6, .workedwith7, .workedwith8, .workedwith9, .workedwith10 {
	margin: 0 auto;
	width: 25%;
	float: left;
	margin-right:0px;
	margin-top: 20px;
	min-width:162px;
    height:70px;
} 

.workedwith_content h1 {
margin-top: 40px;
font-weight: 100;
font-family: 'proxima_nova_light', arial, san-serif;
float:left;
color:#282f35;
font-size:30px;
margin-bottom:10px;
}

.workedwith_content h2{
font-size: 22px;
color:#282f35;
margin: 4px auto 0;
font-weight:100;
font-family: 'proxima_nova_regular', arial, san-serif;
}

.workedwith_content h3 {
font-family: 'proxima_nova_regular', arial, san-serif;
font-size:13px;
color:#282F35;
font-weight: 100;
line-height: 1;
margin: 0 auto;

}
.workedwith_content h4 {
  margin-top: 60px;
font-weight: 100;
float:right;
color:#88a0b5;
font-size:16px;
font-weight:500;
background: url('../images/icons/arrow.png') no-repeat right center;
padding-right: 13px;
} 

.workedwith_content h5 {

font-size: 14px;
color: #aab2b2;
margin: 18px 0px 5px 0px;
}


.workedwith_content p span {
color: #eb7a60;
margin: auto;

}

.workedwith_content p {
	font-size: 12px;
	color: #aab2b2;
	font-family: 'proxima_nova_semibold', arial, san-serif;
	margin: auto;
    text-transform:capitalize;
}
.workedwith_content p a{
	color:#fcfcfd;
}
.workedwith_content p a:hover{
color:#4e5c69;
}


.workedwith_Crewpedia {
width: 90%;
margin-top: 10px;
text-align: left;
float:left;
}
.workedwith_Crewpedia a {
	background: rgb(235, 122, 96);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 9px;
	color: #fcfcfd;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-family: 'proxima_nova_semibold', arial, san-serif;
	font-weight: 400;
	display:inline-block;
}
.workedwith_Crewpedia a:hover {
	background: rgb(227, 98, 68);
}	
.workedwith_content p span a{
	color:#4E5C69;
	font-size: 12px;
	font-family: 'proxima_nova_semibold', arial, san-serif;   
}
.workedwith_content p span a:hover{
	color:#282f35;
}    
.network{
margin-top: 40px;
}

.network p{
color: white;
font-size: 16px;
font-family: 'proxima_nova_bold', arial, san-serif;
margin-top: 12px;
margin-bottom: 20px;

}
.network p span {
color: #aeb8b8;
font-size: 14px;
font-family: 'proxima_nova_regular', arial, san-serif;
}
.invite_here {
background: #aab2b2;
width: 25%;
border-radius: 5px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top: 8px;

}

.invite_here p {
padding: 10px;
}

/*   Footer  */ 
#main_footer
{
	background:#384148;
	width: 100%;
	bottom: 0;
	clear: both;
}

.footer_inner {
	max-width: 960px;
	padding:25px 20px 32px;
	margin: 0 auto;
    text-align:left;
}
.footer_logo {
	width: 56px;
	display: inline-block;
}
.footer_logo a{
	display:inline-block;
}

#main_footer .nav {
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

#main_footer .nav ul {
width: 100%;
list-style-type: none;
margin:0;
padding:0;
}

#main_footer .nav ul li {
display:inline-block;
}
#main_footer .nav ul li a {
	color: #fcfcfd;
	font-size: 14px;
	text-decoration: none;
	padding: 4px 16px;
	font-family: 'proxima_nova_regular', arial, san-serif;
	font-weight:400;
}
#main_footer .nav ul li a:hover {
	color: #C2C2C2;
}
.copyright {
	color: #828c94;
	font-size: 13px;
	font-family: 'proxima_nova_semibold', arial, san-serif;
	text-align: left;
	padding-left: 16px;
	margin: 10px 0 0 0;
}

.outer-wrapper{
	padding:10px 0;
}
.inner-wrapper{
	max-width:	960px;
	margin:0 auto; 
	padding: 0 20px;
}

.inner-wrapper h4 {
    float: right;
    margin-bottom: 10px;
    text-align:right;
    width:50%;
    text-transform:capitalize;
}

.outer-wrapper h1 {font-size: 26px;font-family: 'proxima_nova_light',arial,san-serif;color: #4E5C69;margin: 10px auto;font-weight: 100;width:50%;float:left;}   
.outer-wrapper h3 {font-size: 13px;font-family: 'proxima_nova_regular', arial, san-serif;color: #4E5C69;margin: 0 auto;}

.outer-wrapper h2 {font-size: 13px;font-family: 'proxima_nova_regular', arial, san-serif;color: #aab2b2;margin: 0 auto;}
.outer-wrapper h5 {font-size: 18px;font-family: 'proxima_nova_regular', arial, san-serif;margin: 0 auto;color: #282f35;}
.outer-wrapper span a {font-size: 14px;font-family: 'proxima_nova_regular',arial,san-serif;margin: 0 auto;color: #eb7a60;}
.outer-wrapper  p {font-size: 13px;color: #4e5c69;font-family: 'proxima_nova_regular', arial, san-serif;}
.contact_details_outer{padding:10px 0;background-color:#999999;}
.contact_details_inner{max-width:960px;margin:0 auto;}
.details {width: 48%;float: left;margin-left: 0px; margin-top:10px;margin-bottom:10px;}
.search_filter {width: 44%;float: right;margin-bottom: 35px;}
.drop_down a {width: 45%;float: left;background: rgb(136,160,181);
border-radius: 5px;padding: 11px 0px;text-align: center;margin-top: 65px;margin-right: 4%;color: white;background-image: url("../images/icons/arrow_down.png"); background-repeat: no-repeat;background-position: right center;}
.drop_down a:hover{background-color: rgb(120, 139, 156);}
.drop_down_profile a {width: 45%;float: left;background: rgb(136,160,181);
border-radius: 5px;padding: 11px 0px;text-align: center;margin-top: 15px;margin-right: 4%;color: white;background-image: url("../images/icons/arrow_down.png"); background-repeat: no-repeat;background-position: right center;}
.drop_down_profile a:hover{background-color: rgb(120, 139, 156);}
.drop_down_production a:hover {background-color: rgb(120, 139, 156);}
.drop_down_production a {width: 45%;float: left;background: rgb(136,160,181);
border-radius: 5px;padding: 11px 0px;text-align: center;margin-right: 4%;color: white;background-image: url("../images/icons/arrow_down.png"); background-repeat: no-repeat;background-position: right center;}
.search_byproduction {width: 50%;float: left; margin-top:65px;}
.search_byproduction_profile {width: 50%;float: left; margin-top:15px;}
.search_production {width: 50%;float: right;}
.pagignation_bar {width: 100%;padding: 45px 0px;color: #aab2b2;}
.pagi_no {float: right; font-size: 14px;
font-family: 'proxima_nova_semibold', arial, san-serif;}
.pagi_no a {padding: 0px 20px; color: #282f35;}
.pagi_no a:hover {color: #eb7a60;}
.pagi_text {float:left; font-size: 14px;font-family: 'proxima_nova_semibold', arial, san-serif;}
.pagignation_bar span a {color: #eb7a60;}
.invitebutton a:hover {background-color: rgb(227, 98, 68);}


.cf:before, .cf:after{
 content:"";
 display:table;
}
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
    
    .form-wrapper1 {
		
		padding: 3px;
		height:33px;
      	border: 2px solid rgb(217,217,217);
        -moz-border-radius:6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
    
    .form-wrapper1 input {
        width: 72%;
		padding:5px 4px;
		float: left;
		border: 0;
		-moz-border-radius: 3px 0 0 3px;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;  
		font-size: 14px;  
		font-family: 'proxima_nova_bold', arial, san-serif;
		background:#fcfcfd;
    }
    
    .form-wrapper1 input:focus {
        outline: 0;
       
    }
    
    .form-wrapper1 input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
      
    }
    
    .form-wrapper1 input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        
    }
    
    .form-wrapper1 input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
    
    }    
    
    .form-wrapper1 button {
        padding: 0px 0px;
        cursor: pointer;
        height: 40px;
        width: 30px;
        font-size:14px;
        color: #4e5c69;
        background: url('../images/icons/search.png') no-repeat left;     
        text-shadow: none;
		border: none;
		margin-left: 2.3%;
		font-weight: bold;
		float:right;
    } 
.tbl-hdr th.first-th{
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
    padding-left:15px;
}
.tbl-hdr th.last-th{
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;	
}
/*profile page*/
.profile {width: 100%;}
.search_filter_profile {width: 44%;float: right;margin-bottom: 35px;}
.profile_pic {float: left;}
.profile_pic a {background: #eb7a60;color: white;padding: 7px 35px;width: 150px;border-radius: 7px;font-size: 14px;font-family: 'proxima_nova_semibold', arial, san-serif;}
.profile_pic a:hover {background-color:rgb(227, 98, 68);}
.profile_desc {width: 60%;float: left;margin-top: 11px;margin-left: 15px;}
.profile_desc p {font-size:13px;color:#626666;font-family:'proxima_nova_regular', arial, san-serif; margin: 5px 0px 13px 0px;}
.profile_desc a img{padding: 0px 3px;margin: auto;}
.tel a {color:#4e5c69;}

@media (max-width: 945px) {
	.form-wrapper input {
        width: 60%;
	}	
	.search_filter_profile {
			width: 70%;
			}
}
@media (max-width: 820px) {
	.form-wrapper input {
        width: 50%;
	}
	.form-wrapper button {
		width: 86px;
		text-align: right;
		padding-right: 10px;
	}
	.footer_inner{
		padding-top:20px;
		padding-bottom:30px;
	}
	.footer_logo{
		width:100%;
		display:block;
		text-align:center;
	}
	#main_footer .nav {
		width:100%;
		display:block;
		padding:20px 0 10px 0;
	}
	#main_footer .nav ul {
		text-align:center;
	}
	#main_footer .nav ul li a {
		padding:8px 4px;
		display:block;
		
	}
	.copyright {
		text-align:center;
		padding-left:0;
		padding-top:16px;
	}
	.search_filter_profile {
			width: 80%;
			}
}
@media (max-width: 784px) {
	.main_header{
		margin-top:20px;
	}
	.logo{
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}
	.main_header nav{
		width: 100%;
		float: left;
		text-align: center;
	}
	.main_header nav ul{
		float: none;
		padding: 0;
	}	
	.account{
		width: 100%;
		padding-top: 20px;
		text-align: center;
	}
	.user{
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.avtar{
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.notification p{
		text-align: center;
		width: 20px;
		margin-left: 4px;
	}
	.content h4, .mycontact_content h4{
		margin-top: 0px;
		float: right;
		width: 100%;
		text-align: right;
		margin-bottom: 5px;
	}
	.details {
		width: 90%;
		float: left;
		margin-left: 30px;
	}
	.search_filter {
		width: 100%;
		float: left;
		margin-bottom: 35px;
	}
	.pagi_no {float: left; margin: 15px; }
	.pagi_no a {padding: 0px 10px; color: #282f35;}
	.pagi_text {float:left; font-size:12px; margin-top: 15px;
	 }
	 .search_filter_profile {
			width: 75%;
			}
}
@media (max-width: 600px) {
	.search_filter_profile {
			width: 100%;
			}
	.profile_desc {
			width: 100%;	
			}	
	.search {
		width: 100%;
	}
	.upload {
		width: 100%;
		margin-top: 5px;
	}
	.search_filter {width: 95%;float: left;margin-bottom: 35px;}
.drop_down a {width: 95%;float: left;background: rgb(136,160,181);
border-radius: 5px;padding: 14px 0px;text-align: center;margin-top: 5px;margin-right: 4%;color: white;background-image: url("../images/icons/arrow_down.png"); background-repeat: no-repeat;background-position: right center;}
.search_byproduction {width: 95%;float: left; margin-top: 5px;}
.search_production {width: 95%;float: left; margin-top: 5px;}
.drop_down_production a {width:95%}
	.drop_down_profile a {width: 95%;float: left;margin-bottom: 5px;}
	.search_byproduction_profile{width: 95%;float: left; margin-top: 5px;}
}
@media (max-width: 360px) {
	.form-wrapper input{
		width:70%;
	}
	.form-wrapper button {
		width: 30px;
		text-indent:50px;
		text-align: right;
		padding-right: 10px;
	}
}

.text-box {
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    height: 25px;
    padding: 3px;
    width:100%;
}

.form label {
    width:100px;
}

.label {
    width:100px;
    font-size: 13px;
    font-family:'proxima_nova_semibold', arial, san-serif;
}


/*=======================================================================
							new code start  -07 Aug
=========================================================================*/
.myfeeds_content { background: background: none repeat scroll 0 0 #fcfcfd;}
.pagewrap { width:960px;  margin:auto; padding:0px;}
.content_new { margin-top: 15px; /*padding-bottom: 42px;*/ }
.content_new .top-head{    border-bottom: 1px solid #e1e1e3; margin-bottom: 5px; padding-bottom: 10px;}
.content_new .top-head h1 { margin:0px; font-size:30px; color: #282f35;   font-weight: 100;  font-family: 'proxima_nova_light',arial,san-serif;}
.content_new .feeds-head {float:left; width:56%;}
.content_new .discussion-head {float:left;}
.discussion-head2  h1 { margin:0px; font-size:30px; color: #282f35;font-weight: 100;font-family: 'proxima_nova_light',arial,san-serif;}
.discussion-head2 { display:none;}
.discussion-head2  h1 { margin:0px; font-size:40px; color: #282f35;font-weight: 100;font-family: 'proxima_nova_light',arial,san-serif;}
.content_new .my-feed-head {float:right; color:#88a0b5; font-size:14px; font-family: 'proxima_novasemibold',arial,san-serif;margin-top:23px;}
.content_new .my-feed-head a {color:#88a0b5;}
.content_new .top-profile {border-bottom: 1px solid #e1e1e3;  margin-bottom: 10px;}
.content_new .top-profile .profile-left{float: left; width: 52%;}
.top-profile .profile-left .profile-img{ float: left;    width: 12%;} 
.top-profile .profile-left .top-icon {  float: left;  padding: 10px 5px 7px 0; position: relative;    width: 80%;}
.top-profile .profile-left .top-icon ul { margin:0px; padding:0px; font-family: 'proxima_nova_rgregular',arial,san-serif; }
.top-profile .profile-left .top-icon ul li {  text-align: center; list-style:none; padding: 0 12px; padding: 0 11px\0/; *padding: 0 11px; float:left;  font-size:10px; }
.top-profile .profile-left .top-icon ul li:first-child{ padding-left:0px;}
.top-profile .profile-left .top-icon ul li a,
.top-profile .profile-left .top-icon ul li a:hover {color:#8b8b8c !important;display:block !important;}
.top-profile .profile-left .top-icon ul li a img{border-radius:0 !important;}
.top-profile .profile-left .top-icon ul li span{ display:block; margin-top:5px;  font-family: 'proxima_novasemibold',arial,san-serif; font-size: 12px; color:#282f35;}
.content_new .top-profile .profile-icon { float:right; width:44%;  padding: 10px 0 0;}
.content_new .top-profile .profile-icon .discussion { float:left;} 
.content_new .top-profile .profile-icon .discussion ul { padding:0px;}

.content_new .top-profile .profile-icon .discussion .m-icon { display:none;}
.content_new .top-profile .profile-icon ul { margin:0px; font-family: 'proxima_nova_rgregular',arial,san-serif; float:right;}
.content_new .top-profile .profile-icon ul li { list-style:none; float:left;   font-size:12px; 
text-align: center; font-family: 'proxima_novasemibold',arial,san-serif; font-size: 12px;  }
.content_new .top-profile .profile-icon ul li:last-child{ padding-right:0px;}
/*.logo-icon img { background: none repeat scroll 0 0 #eee;}*/
.content_new .top-profile .profile-icon ul li a {color:#282f35;}
.content_new .top-profile .profile-icon ul li span{ display:block; margin-top:5px;}

.content_new .main-content { margin-top: 20px;}
.content_new .main-content .profile-part {float: left; width: 48%;}
.content_new .main-content .profile-part .last { border-bottom:0; padding:0;}
.content_new .main-content .profile-left{ margin-bottom:7px; width:100%; border-bottom: 0px solid #e1e1e3; padding-bottom: 0px; position:relative;}
.content_new .main-content .profile-img{ float: left;    width: 11%; border-radius: 4px; } 
.content_new .main-content .top-icon {  border-radius: 4px; float: left;  /*margin-left: 15px;  padding: 6px; position: relative; */   width: 80%;   /*min-height: 120px;*/}


.content_new .main-content .top-icon .comment-img { float:left; width: 45%;}
.content_new .main-content .top-icon .comment-img img { border-radius: 0px;}
.content_new .main-content .top-icon .comment-text {float:left; margin-left: 3%;   width: 52%;}
.content_new .main-content .top-icon .comment-text h2 { color:#282f35; font-size:14px; font-family: 'proxima_nova_light',arial,san-serif; font-weight:bold; margin-top: 0;  margin-bottom: 8px; height:10px;}
.content_new .main-content .top-icon .comment-text h2 a {color:#ed8d77;}
.content_new .main-content .top-icon .comment-text h3{ margin:0px; color:#4e5c68; font-size:12px;  font-family: 'proxima_novasemibold',arial,san-serif; font-weight: bold;  margin: 0 0 0;}
.content_new .main-content .top-icon .comment-text p{ margin:0px; color:#838f8f; font-size:12px;}
.content_new .main-content .top-icon .comment-text.comment-text2 { width:95%;  margin-left: 0;}
.content_new .main-content .top-icon .comment-text.comment-text2 h2 { margin-top:0px;}
.content_new .main-content .top-icon .comment-text.comment-text2 h3 { font-size:12px; font-family: 'proxima_novasemibold',arial,san-serif; font-style: italic; font-weight:bold;color:#4e5c68;}
.content_new .main-content .top-icon .comment-text.comment-text2 p{ margin-bottom:5px;}
.content_new .main-content .top-icon .comment-text .cmnt { width:100%; min-height: 30px;text-align:justify;}
.content_new .main-content .top-icon .comment-text .cmnt p{ color:#9098a0; font-size:13px; font-family: 'proxima_nova_rgregular',arial,san-serif; }
.content_new .main-content .top-icon .comment-text .comment-link{ float: right; position:absolute; right:10px; bottom:19px;}
.content_new .main-content .comment-part {  float: right;  width: 46%; font-family: 'proxima_nova_rgregular',arial,san-serif;}
.content_new .main-content .comment-part .main-post{ border-bottom:1px solid #cdd3d4; padding:0 0 8px 19px;  margin-bottom: 7px;}
.comment-part .main-post .post-img{ float:left;   width: 11%;}
.comment-part .main-post .post-submit{ float:left; margin-left: 8px; width: 84%;}
.comment-part .main-post .post-submit h2{font-size: 14px; color: #ee8d76;  margin: 0; font-weight:bold; height:20px; }
.comment-part .main-post .post-submit h3{font-size: 12px;  margin: 0;  font-family: 'proxima_novasemibold',arial,san-serif;  color: #4e5c68; font-weight:bold;}
.comment-part .main-post .post-submit p{ display:block; color:#9098a0; font-size:12px; margin-top: 5px;   margin-bottom: 7px;}

.comment-part .main-post .submit-inner{   margin-top: 5px;}
.comment-part .main-post .submit-inner textarea { width:96%; background:#fcfcfd; border:1px solid #d5d5d5; border-radius: 5px; resize: none; font-size:11px; color:#8c97a1; font-family: 'proxima_nova_rgregular',arial,san-serif;   padding-left: 2%; padding-top:8px; min-height:20px; height:22px;}

.video-popup{ width:97%; border:1px solid #eee;    padding: 10px;/* height: 167px;overflow-y: scroll;*/}
.video-popup label{ display:block; font-family: 'proxima_nova_rgregular',arial,san-serif;  font-size:16px; }
.video-popup textarea { width:95%;  padding: 6px 2%;  resize: none; margin: 15px 0; font-size:16px; font-family: 'proxima_nova_rgregular',arial,san-serif;}
.video-popup .pop-up-btn{}
.pop-up-btn .post-btn{ background:#5198C2; color:#fff; float:left; font-size:16px;  padding: 5px 20px; text-align:center;}
.pop-up-btn .post-btn a {color:#fff;}
.pop-up-btn .cancel-btn{ background:#9BA5AE; color:#fff; float:right; font-size:16px; padding: 5px 20px; text-align:center;}
.pop-up-btn .cancel-btn a{ color:#fff;}

.popup_block {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 8px solid #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 20px #000000;
   
    float: left;
    font-size: 1.2em;
    left: 20%;
    margin-top: -270px !important;
    position: fixed;
    top: 60%;
    z-index: 99999;
	/*margin-left: -440px;*/
    width: 50%;
	display:none;
	}

#fade1 {
    background: none repeat scroll 0 0 #000000;
    
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99991;
	display:none;
}
img.btn_close {
    border: medium none;
    float: right;
    margin: -25px -20px 0 0;
}






/*text popup  */
.text-popup{ width:97%; border:1px solid #eee;    padding: 10px; /*height: 171px;overflow-y: scroll;*/}
.text-popup label{ display:block; font-family: 'proxima_nova_rgregular';  font-size:16px; }
.text-popup textarea { width:95%;  padding: 6px 2%;  resize: none; margin: 15px 0; font-size:16px; font-family: 'proxima_nova_rgregular';}
.text-popup .pop-up-btn{}
.pop-up-btn .post-btn{ background:#5198C2; color:#fff; float:left; font-size:16px;  padding: 5px 20px; text-align:center;}
.pop-up-btn .post-btn a {color:#fff;}
.pop-up-btn .cancel-btn{ background:#9BA5AE; color:#fff; float:right; font-size:16px; padding: 5px 20px; text-align:center;}
.pop-up-btn .cancel-btn a{ color:#fff;}

#fade2 {
    background: none repeat scroll 0 0 #000000;
    
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99991;
	display:none;
}
#text_box{
	width:99%;
	border:1px solid #d3d3d3;
	margin-bottom:15px;
	margin-top:15px;
}
.text_input{
	background:none;
	border:none;
	width:95%;
	outline:none;
}

.text_title{
    font-family: 'proxima_nova_rgregular';
	color:#777777;
	font-size:14px;
	width:95%;
	line-height:27px;
	padding-left:10px;
	float:left;
	padding:10px;
}
.text_editor{
	  background: none repeat scroll 0 0 #f2f2f2;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #757575;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    padding-left: 14px;
    width: 97.8%;
	font-style:italic;
}
.text_popup_texarea{
	border:none !important;
	margin:0 !important;
}
/*text-popup end  */

/*link popup starts*/
.link-popup{ width:97%; border:1px solid #eee;    padding: 10px; /* height: 200px;overflow-y: scroll;*/}

.link-popup label{ display:block; font-family: 'proxima_nova_rgregular';  font-size:16px; }
.link-popup textarea { width:95%;  padding: 6px 2%;  resize: none; margin: 15px 0; font-size:16px; font-family: 'proxima_nova_rgregular';}
.link-popup .pop-up-btn{}
.pop-up-btn .post-btn{ background:#5198C2; color:#fff; float:left; font-size:16px;  padding: 5px 20px; text-align:center;}
.pop-up-btn .post-btn a {color:#fff;}
.pop-up-btn .cancel-btn{ background:#9BA5AE; color:#fff; float:right; font-size:16px; padding: 5px 20px; text-align:center;}
.pop-up-btn .cancel-btn a{ color:#fff;}

#fade3 {
    background: none repeat scroll 0 0 #000000;
    
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99991;
	display:none;
}
#link_box{
	width:99%;
	border:1px solid #d3d3d3;
	margin-bottom:15px;
	margin-top:15px;
}
.link_box_url{
	width:100%;
	float:left;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #d3d3d3;
}
.input_url{
	background:none;
	border:none;
	width:90%;
	padding-left:10px;
	outline:none;
	
}
.link_box_title{
	width:97%;
	float:left;
	padding:10px;
	border-bottom:1px solid #d3d3d3;
	
}
.input_title{
	background:none;
	border:none;
	width:90%;
	outline:none;
	
}
.link_box_caption{
	width:97%;
	float:left;
	padding:10px;
		border-bottom:1px solid #d3d3d3;
	
}
textarea{
	outline:none;
}
.input_caption{
	background:none;
	border:none;
	width:90%;
	outline:none;
	
}
.link_option{
	float:right;
	font-size:13px;
	color:#b6b6b6;
	line-height:20px;
	font-style:italic;
	padding-right:5px;
}
/*link popup ends*/



/*post job popup starts*/
.postjob-popup{ width:97%; border:1px solid #eee;    padding: 10px;  /*height: 263px;overflow-y: scroll;*/}
.postjob-popup label{ display:block; font-family: 'proxima_nova_rgregular';  font-size:16px; }
.postjob-popup textarea { width:95%;  padding: 6px 2%;  resize: none;  font-size:16px; font-family: 'proxima_nova_rgregular';}
.postjob-popup .pop-up-btn{}
.pop-up-btn_jobpost{
	float:right;
	margin-bottom:10px;
}
.pop-up-btn_jobpost .post-btn_jobpost{  color:#fff; float:left; font-size:16px;  padding: 5px 20px; text-align:center;}
.pop-up-btn_jobpost .post-btn_jobpost a {color:#fff;}
.cancel-btn_jobpost{ background:url(../images/grar_bg.png); border-radius:5px;color:#fff; float:right; font-size:16px; padding: 5px 20px; text-align:center;}
.pop-up-btn_jobpost .cancel-btn_jobpost a{ color:#fff;}
.post-btn_jobpost{
	margin-right:5px;
	background:url(../images/green_bg.png);
	border-radius:5px;
}
#fade4 {
    background: none repeat scroll 0 0 #000000;
    
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99991;
	display:none;
}
#post_box{
    border: 1px solid #d3d3d3;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 8px;
    width: 98%;
	float:left;
}
.post_production{
	width:100%;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}
.production{
	border: 1px solid #d3d3d3;
    line-height: 20px;
    padding-left: 10px;
    width: 97%;
	outline:none;
}
.department{
	width:99%;
	border:1px solid #d3d3d3;
	height:25px;
	padding-left:7px;
	color:#757575;
	outline:none;
}
postjob_popup_texarea{
	border:1px solid #d3d3d3 !important;
	margin-top:5px ;
	margin-bottom:5px;
}
/*post jobpopup ends*/
/*image jobpopup starts*/
#image_box{
    border: 1px solid #d3d3d3;
    margin-bottom: 15px;
    margin-top: 15px;
  
    width: 98%;
	float:left;
}
.image_upload_file{
	padding-left:10px;
}
.image-popup{ width:97%; border:1px solid #eee;    padding: 10px; /*height: 120px;overflow-y: scroll;*/}
.image-popup label{ display:block; font-family: 'proxima_nova_rgregular'; font-size:16px; }
.limahe-popup textarea { width:95%;  padding: 6px 2%;  resize: none; margin: 15px 0; font-size:16px; font-family: 'proxima_nova_rgregular';}
.image-popup .pop-up-btn{}
.pop-up-btn .post-btn{ background:#5198C2; color:#fff; float:left; font-size:16px;  padding: 5px 20px; text-align:center;}
.pop-up-btn .post-btn a {color:#fff;}
.pop-up-btn .cancel-btn{ background:#9BA5AE; color:#fff; float:right; font-size:16px; padding: 5px 20px; text-align:center;}
.pop-up-btn .cancel-btn a{ color:#fff;}

#fade5 {
    background: none repeat scroll 0 0 #000000;
    
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99991;
	display:none;
}
.image_upload_box{
	width:100%;
	float:left;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #d3d3d3;

}
/*image jobpopup ends*/

/*==============================================================
						new code end -07 Aug
=============================================================== */





/*==============================================================
						new code  -07 Aug
=============================================================== */
 @media (max-width: 1180px) {
	 .pagewrap {  padding: 0 20px; max-width:980px; width:auto;}

}

 @media (max-width: 980px) {
.top-profile .profile-left .top-icon {  margin-left: 5%;  padding: 6px 1%; width:100%;} 
.content_new .main-content .top-icon {  margin-left: 2%;  padding: 6px 1%; width:80%;} 
.content_new .main-content .top-icon .comment-img {}
.content_new .main-content .top-icon .comment-text {  width: 52%; margin-left: 3%;}
.content_new .main-content .top-icon .comment-text .cmnt { width:95%;}




#post_box {
	width: 97%;
}

.production {
    width: 96%;
}
.link_box_title{
	width:96%;
}
.link_box_caption{
	width:96%;
}
 }
/*==============================================================
						new code end -07 Aug
=============================================================== */

@media (max-width: 945px) {
.form-wrapper input {
width: 60%;
}	
.search_filter_profile {
  width: 70%;
  }
}
@media (max-width: 820px) {
.form-wrapper input {
width: 50%;
}
.form-wrapper button {
width: 86px;
text-align: right;
padding-right: 10px;
}
.footer_inner{
padding-top:20px;
padding-bottom:30px;
}
.footer_logo{
width:100%;
display:block;
text-align:center;
}
#main_footer .nav {
width:100%;
display:block;
padding:20px 0 10px 0;
}
#main_footer .nav ul {
text-align:center;
}
#main_footer .nav ul li a {
padding:8px 4px;
display:block;

}
.copyright {
text-align:center;
padding-left:0;
padding-top:16px;
}
.search_filter_profile {
  width: 80%;
  }
}

/*==============================================================
						new code  -07 Aug
=============================================================== */
@media (max-width: 800px) {
	
.postjob-popup {
   width: 95%;
}

.production {
	width: 95%;
}

	.text-popup{
		width:96%;
	}
	.image-popup{
		width:96%;
	}
	.video-popup{
		width:96%;
	}
	.link-popup{
		width:96%;
	}
		.post-popup{
		width:96%;
	}
	.top-profile .profile-left .top-icon ul li {padding: 0 10px;}

}
/*==============================================================
						new code end -07 Aug
=============================================================== */

@media (max-width: 784px) {
.main_header{
margin-top:20px;
}
.logo{
width: 100%;
text-align: center;
padding-bottom: 10px;
}
.main_header nav{
width: 100%;
float: left;
text-align: center;
}
.main_header nav ul{
float: none;
padding: 0;
}	
.account{
width: 100%;
padding-top: 20px;
text-align: center;
}
.user{
float: none;
display: inline-block;
vertical-align: top;
}
.avtar{
float: none;
display: inline-block;
vertical-align: top;
}
.notification p{
text-align: center;
width: 20px;
margin-left: 4px;
}
.content h4, .mycontact_content h4{
margin-top: 0px;
float: right;
width: 100%;
text-align: right;
margin-bottom: 5px;
}
.details {
width: 90%;
float: left;
margin-left: 30px;
}
.search_filter {
width: 100%;
float: left;
margin-bottom: 35px;
}
.pagi_no {float: left; margin: 15px; }
.pagi_no a {padding: 0px 10px; color: #282f35;}
.pagi_text {float:left; font-size:12px; margin-top: 15px;
}
.search_filter_profile {
  width: 75%;
  }

/*==============================================================
						new code  -07 Aug
=============================================================== */
 .postjob-popup {
  width: 95%;
}

#post_box {
	padding-left: 8px;
    width: 97%;
}

.production {
	width: 94%;
}

.department {
  width: 98%;
}
/*==============================================================
						new code end -07 Aug
=============================================================== */

}

/*==============================================================
						new code  -07 Aug
=============================================================== */
@media (max-width: 768px) {
	.text-popup{
		width:96%;
	}
	.image-popup{
		width:96%;
	}
	.video-popup{
		width:96%;
	}
	.link-popup{
		width:96%;
	}
		.post-popup{
		width:96%;
	}
	.content_new .top-profile .profile-icon ul { padding:0px;}

	.top-profile .profile-left .top-icon { margin-left: 0;}
}

@media (max-width: 640px) {
	
.content_new .top-profile .profile-icon { float:left; padding:0px; margin-top: 6px;  }
.content_new .top-profile .profile-icon ul { padding:0px;}	
.content_new .main-content .profile-part {width: 100%;}
.content_new .main-content .top-icon { width: 83%;   margin-left: 2%;}
.content_new .main-content .comment-part { width: 98%; position:absolute; background:#eee; display:none;}
.content_new .main-content .top-icon {min-height: 120px;}
/*.content_new .top-profile .profile-left {  width: 100%;}
.content_new .top-profile .profile-icon { width: 100%;}*/
.content_new .top-profile .profile-icon ul {  text-align: center;}	
.content_new .top-profile .profile-icon ul li { float: none; display:inline-block;  padding: 0 3px;}
.popup_block {width: 70%; left: 12%;}
.video-popup {width: 94%;}
.content_new .top-profile .profile-icon .discussion { float:none;}
.content_new .discussion-head { display:none;}
.discussion-head2 { display:block;}
.content_new .top-profile .profile-icon .discussion .main-icon {cursor: pointer;}


   
	}
/*==============================================================
						new code end -07 Aug
=============================================================== */

@media (max-width: 600px) {
.search_filter_profile {
  width: 100%;
  }
.profile_desc {
  width: 100%;	
  }	
.search {
width: 100%;
}
.upload {
width: 100%;
margin-top: 5px;
}
.search_filter {width: 95%;float: left;margin-bottom: 35px;}
.drop_down a {width: 95%;float: left;background: rgb(136,160,181);
border-radius: 5px;padding: 14px 0px;text-align: center;margin-top: 5px;margin-right: 4%;color: white;background-image: url("../images/icons/arrow_down.png"); background-repeat: no-repeat;background-position: right center;}
.search_byproduction {width: 95%;float: left; margin-top: 5px;}
.search_production {width: 95%;float: left; margin-top: 5px;}
.drop_down_production a {width:95%}
.drop_down_profile a {width: 95%;float: left;margin-bottom: 5px;}
.search_byproduction_profile{width: 95%;float: left; margin-top: 5px;}

/*==============================================================
						new code  -07 Aug
=============================================================== */

.content_new .top-profile .profile-left { width: 75%;  margin-bottom: 20px;}
.content_new .top-profile .profile-icon {width: 25%; float: left;   }
.top-profile .profile-left .top-icon ul li {float:none; display:inline-block;}
.content_new .top-profile .profile-icon .discussion {    display: inline-block;    float: right;}
.content_new .top-profile .profile-icon ul {display: inline-block;  float: none;}
/*==============================================================
						new code end -07 Aug
=============================================================== */
}

@media (max-width: 568px) {
	.text_editor{
		 width: 95.8%;
		 
	}
	.text-popup{
		padding:5px;
	}
	.input_title{
	width:80%;
}
.input_caption{
	width:80%;
}
.postjob-popup textarea{
	width:93.6%;
}
.pop-up-btn_jobpost{
	 margin-right: 13px;
}
}

/*==============================================================
						new code  -07 Aug
=============================================================== */
@media (max-width: 460px) {.content_new .main-content .top-icon { width: 75%; margin-left: 5%;}
.content_new .main-content .top-icon {    min-height: inherit;}
.content_new .top-profile .profile-left { width: 80%;}
.content_new .top-profile .profile-icon  { width: 20%;}
.top-profile .profile-left .top-icon ul li {    padding: 0 3% 0 0;}
.content_new .top-profile .profile-icon ul li {font-size: 11px;}
.top-profile .profile-left .top-icon ul li span { font-size: 11px;}
.content_new .feeds-head {width: 65%;}

 }
/*==============================================================
						new code end -07 Aug
=============================================================== */

@media (max-width: 360px) {
.form-wrapper input{
width:55%;
font-size:12px;
}

.form-wrapper button {
  text-align: right;
  width: 81px;
  margin-left:0;
  padding-right:0;
}

/*==============================================================
						new code  -07 Aug
=============================================================== */
#post_box {
	width:94%;
}
.postjob-popup {
	width:94% ;
}
.production {

    width: 89%;
}

.department {
	width:94% ;
}

.cancel-btn_jobpost{
	float:left;
	margin-top:10px;
}

.image-popup {
	width: 93%;
}
.text-popup {
	width: 93%;
}
.link-popup{
		width: 93%;
}
#link_box{
	width:99%;
}
.link_box_title{
	width:91%;
}
.link_box_caption{
	width:91%;
	
}
.postjob-popup textarea{
	width:89%;
}

.content_new .top-profile .profile-icon ul li { padding: 0 1px; font-size: 10px;}

.top-profile .profile-left .top-icon ul li { padding: 0 3% 0 0;}
/*==============================================================
						new code end -07 Aug
=============================================================== */
}

@media (max-width: 320px) {
	
.pop-up-btn_jobpost {
    margin-left: 5px;
    margin-right: 2px;
	
}
	.pop-up-btn_jobpost .post-btn_jobpost{
		padding: 5px 16px;
	}
	.text_editor{
		width:91.2% ;
	}
	
.image_upload_file {
    padding-left: 1px;
    width: 100%;
}
.link_box_caption {
    width: 89%;
}

.link_box_title {
    width: 89%;
}
.input_title{
	width:45%;
}
.input_caption{
	width:45%;
	
}
.production {
    width: 86.5%;
	
}
}


.text-box {
border: 1px solid #D9D9D9;
border-radius: 6px;
height: 25px;
padding: 3px;
width:100%;
}

.form label {
width:100px;
}

.label {
width:100px;
font-size: 13px;
font-family:'proxima_nova_semibold', arial, san-serif;
}