@import url(pretty-photo.css);

html{width:100%;height:100%;}
body { 
font-family: Arial, sans-serif; 
line-height: 14px;
font-size: 14px;
/* background: url(../images/black-stars.gif) ; */            /*gamben */
/* background: url(images/habybybackground.jpg) ; */
background:url("../images/profile_pics/3c2fd7.gif") left top repeat scroll rgb(34, 34, 34);
margin: 0;
padding: 0;
color: #000;
position:relative;
  width: 100%;
    min-height: 100%;
	 margin-bottom: 36px!important;
  background-repeat: repeat;
  cursor: url('images/cur15.png'), progress !important;
}
img{display:block;max-width:100%;}
audio{position:fixed;right:0;bottom:40px;    width: 30%;height:20px;z-index:2;}
/*jquery classes for thumbnails show*/
.marginZ{margin-bottom: 0px!important;}
.min-heightZ{min-height: 0px!important;}
.paddwidZ{padding: 0px!important;width:100%!important;}
.overflowZ{overflow:visible!important;}

canvas{top: 0;bottom: 0;left: 0;right: 0;
z-index: -1;  background-size: contain;
  height: 100%!important;
  width: 100%!important;
  
  position: absolute;
  
}
h3 .cufon.cufon-canvas  canvas{background:none;}
.cufon canvas { position: relative!important;z-index: 10;background: none;}
:focus {outline:none;}
a { color: #fff; text-decoration: none;    text-shadow: 0px 0px 2px #000, 1px 2px 2px #000;}
a:hover,a:focus { text-decoration: underline;cursor: pointer;color: #000;text-shadow: 0px 0px 2px #949393, 1px 2px 2px #949393; }

#wrap {       
width: 1100px;
margin: 0px auto;
padding: 7px;
background: #fff;    /*loon el 2etar ely gawah 2byt */
margin-bottom: 40px;
 background: url(../images/frame2b.png) center center;
  background-size: 100% 100%;
  z-index:2;
  position:relative;
}
#google_translate_element{position: absolute;bottom: 0;}
#header {
   background: url(../images/banner_stars.jpg)left center no-repeat;
  height: 150px;
  padding: 5px;
  z-index: 10;
  background-size: 100% 100%;
      position: relative;

}
#header h1 {
font-family: Arial, sans-serif; 
margin: 0;
padding: 25px 0 0 54px;
font-weight: 100;
color: #FFB96F;
font-size: 39px;
letter-spacing: -2px;
line-height: 27px;
text-shadow: 0px -2px 0px #000,
                  0px -2px 6px #fff; /*shadow lil font */
				  }
				  
#header h1 a img {width: 35%;height: auto;}

#header h1 a { text-decoration: none; color: #fff; }
#header h1 a img:hover {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
	opacity:0.5;}
#header h2 { float:left;font-size: 18px; padding: 5px 0 0 20px;margin: -2px;color: #eee;letter-spacing: 10px; color: #eee; font-weight: 100; text-transform: uppercase;   text-shadow: 0px -2px 0px #000,0px -1px 2px #fff; /*shadow lil font */ filter: contrast(0.3);-webkit-filter: contrast(0.3);-moz-filter: contrast(0.3);-o-filter: contrast(0.3);-ms-filter: contrast(0.3);}
#header h2:hover { text-decoration: none;filter: contrast(1);-webkit-filter: contrast(1);-moz-filter: contrast(1);-o-filter: contrast(1);-ms-filter: contrast(1);}

#header p.headerP {font-size:15px;float:right;text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;}
#header p.welcomeBar {
  position: absolute;
  bottom: 2px;
  right: 2px;
color: #fff;
text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
}


#header p.welcomeBar a{
color:#7C7CAB;
}

.logoehabest{float: right;height: 40px;}
.logoehabest a:hover,.logoehabest a:focus,
.logoehabest div:hover,.logoehabest div:focus{background:#000}
#header p a:hover, #header p a:focus{

color:#AEADAD;
text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; /*shadow lil font */

}


#backlog h1 {margin: 0;text-align: center; }
				  
#backlog h1 a img {max-width: 100%;height: auto;filter: contrast(1);-webkit-filter: contrast(1);-moz-filter: contrast(1);-o-filter: contrast(1);-ms-filter: contrast(1);}
#backlog h1 a { width:25%; margin: 0 auto;text-decoration: none; color: #fff;display:block; }
#backlog h1 a img:hover { 	filter: contrast(0.7);-webkit-filter: contrast(0.7);-moz-filter: contrast(0.7);-o-filter: contrast(0.7);-ms-filter: contrast(0.7);}
#backlog h2 { font-size: 18px;padding-top: 5px;text-align: center;margin: 0;color: #eee;letter-spacing: 10px; color: #eee; font-weight: 100; text-transform: uppercase;   text-shadow: 0px -2px 0px #000,0px -1px 2px #fff; /*shadow lil font */filter: contrast(1);-webkit-filter: contrast(1);-moz-filter: contrast(1);-o-filter: contrast(1);-ms-filter: contrast(1); }
#backlog a {text-decoration: none;display: block;}
#backlog h2:hover, #backlog h2:focus { text-decoration: none;border: none;
text-shadow: none;filter: contrast(0.3);-webkit-filter: contrast(0.3);-moz-filter: contrast(0.3);-o-filter: contrast(0.3);-ms-filter: contrast(0.3);}

#wrap nav.topNav, #menuMenu.cssmenu{display:none;}


#menu {
background: url(../images/menu1.jpg) no-repeat;
height: 40px;
line-height: 40px;
z-index: 10;
 -webkit-background-size: cover;  
  -moz-background-size: cover;  
  -o-background-size: cover;  
  background-size: cover;  
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";  
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');  
}

#menu ul {
list-style-type: none;
margin: 0;
padding-left: 10px;
font-size: 12px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
    display: block;
    padding: 0 10px 0 10px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000, 1px 1px 1px #000000;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;

}




#menu ul li a:hover, #menu ul li a:focus {
color: #fff;
/* background: url(../images/menuover.png) repeat-x; */
background:#000;
 background-size: 38px;
    background-position: top 2px center;
text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; /*shadow lil font */
-moz-box-shadow: 1px 0px 8px 0px #000;
	-webkit-box-shadow: 1px 0px 8px 0px #000;
	    box-shadow: 1px 0px 8px 0px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#311700')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#311700');

}





#menu p {
padding-right: 10px;
text-shadow: 1px 1px 0 #B1B1B1, 1px 1px 0 #C9C9C9; /*shadow lil font */
}
#menu p a:hover {     /*   logout  font  */
  color: #CB0E1D;
  text-shadow: 1px 1px 0 #A19B9B, 1px 1px 0 #B5B0B0;
text-decoration: none;

}

/*bar*/
#menubottom {    background: url(../images/bar-header.jpg);
   height: 20px;}
#menubottom img { width:40px;
					height:40px;
					float:left;}
#menubottom p { 
overflow:visible;

					}					
/*bar*/

#footer { 
text-align: center;
color: #fff;
    background: url(../images/bar-footer.jpg);
   height: 20px;
  background-position: 0 0;
}
					
/*#profileData{
min-height: 450px;
width: 700px;}     /*ely gowa el content */

#contentwrap {
overflow: hidden;/*to make every thing inside this div content*/
                                   /* el7`lfyah   contnet    0 ely t7t 0 ely t7t 30 men elshemal  */
width: 100%;
min-height: 300px;
 
  background-color: #ddd;
    position: relative;
}

#content {
min-height: 494px;
												/* tool elsaf7ah */
}
#content1 {
min-height: 450px;
												/* tool elsaf7ah */
}


#content h2 {
margin: 0;
  margin-bottom: 6px;
  line-height: 30px;
  font-size: 25px;
  margin-top: 6px;
   text-shadow: 1px 1px 1px #e2e2e2;
background:url(images/headerbg.jpg);
background-size:cover;
}

.cooleffecth2{      text-align: center;
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 22px;
    line-height: 22px;
    padding: 10px;
    background: #fff;
    text-decoration: none;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-tap-highlight-color: ;
    text-shadow: 1px 1px 1px #000;
  }


 .cooleffecth2:hover:before, .cooleffecth2:focus:before, .cooleffecth2:active:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
	opacity:1;
}
  
.cooleffecth2:before {
  content: '';
  position: absolute;
  border: #d7d6d4 solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  
}
/* .cooleffecth2:hover, .cooleffecth2:focus {color: #565676;} */
 #wrap a  {  text-decoration: none;}
#content p { color: #232323;}
/* #content ul { padding: 0 20px 10px 30px; } */

#sidebar {
float: left;
width: 250px;

}

#sidebar h3 {
background: url(../images/sidebarh3.jpg) repeat;
height: 60px;
line-height: 40px;
font-weight: 100;
margin: 0; padding: 0 0 0 10px; 
color: #fff;

}

#sidebar p { padding: 0 10px 10px 10px; color: #232323; }   

#sidebar ul {
padding: 0 0 30px 15px;
margin: 0;
color: #aaa;
list-style-type: none;
}

#sidebar ul li {
background: url(../images/bullet.png) no-repeat center left;
padding: 1px 0 2px 22px;
margin: 0;
}
#sidebar ul li a {  }




.error{color:#CC0000; font-size:12px; font-style:italic; width:250px;}

.success{ color:#009900; font-size:12px;  font-style:italic; width:200px;}


.weak{ color:#FF9900; font-size:12px; margin:4px; font-style:italic; width:200px;}



label{ color:#666666; width:100px;line-height: normal; }



 .left-colm{

 float:left;
    	width:100%;

		
		
		

   

           /*  NAMEEEEEE of user    , padding from top move the area down*/
				
min-height: 450px;

}


  #right-colm{
 float:none;

  width: 100%;



}







/* template updates*/
#profileData .registerMessage > a {display: inline-block;}


.labelCell{                
width: -webkit-calc(100% / 2);                    
  width: calc(100% / 2); 	
	font-weight: 100;	
			font-size: 16px; 								/* elbayanat lil user shemal */
line-height: normal; 

  text-align: left;
    text-transform: uppercase;
        text-shadow: 1px 1px 1px #797979;
    color: #3c3c3c;
    padding: 20px;
}
.valueCell {
padding-top:10px;
    width: 300px;  
     /* font bold */	
font-size: 14px; 
				color: #000 ;				/* el m3lomat ely user dkhlhaa yemin */
				text-shadow: 1px 1px 0 #ab998b, 2px 2px 0 #bbb; /*shadow lil font */

}
.miniPic {
     border: 1px solid #000;
  height: 34px;
  width: auto;
  max-width:160px;
  margin-top: 2px;
  padding: 0 0 0 0;
}
.miniPic:hover{
    border: 1px solid #a5a5a5;
    
}

#editplace {    /*   makan el sora el edit */
padding-top:10px;


}
#editplace.editplaceNew{margin-right:15px;margin-top: 6px;}

.profilePic {
    border: 1px solid #2C2C44;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
    height: 80px;
    width: 80px;
	box-sizing:border-box;

}



.profilePic:hover {
    border: 1px solid #000;
	 -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	box-sizing:border-box;
box-shadow: 1px 1px 0 #000, 1px 1px 0 #000; /*shadow lil box */
}




.centerContent {
    margin: 0 80px;
    position: relative;
    text-align: justify;
    font-size: 16px;
    line-height: 26px;
}
.view2 .centerContent{background:#fff}
.view2#content h2{margin-bottom:0;}
/*.images {
    border: 1px solid #5F4523;
    height: 120px;
    width: 160px; 
}

*/
.profileCard {

    padding: 15px;

	  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
      display: inline-block;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.profileCard:hover, .profileCard:focus {
      box-shadow: 1px 1px 1px 1px #4c4b4b;

   
}



.lightCard {
    background-color: #fff;
}
.darkCard {
    background-color: #d6d6d6;
}

/*home */
.profileCardd {
    border: 1px solid brown;
    min-height: 200px;
    padding: 10px;
    min-width: 580px;
    margin-bottom: 10px;
}


.lightCardd {
    background-color: seashell;
}
.darkCardd {
    background-color: PaleGoldenRod;
}

/*list-style:none;   yms7 el * men <p> 
padding=0; ybd2 men 2sah elshemal */

.nyroModal p {
padding:0;
list-style:none;
}




.pager {  text-align: center;padding-top: 5px!important;margin-bottom: 20px;}
.registerMessage {
    margin-top: 5px;
    color: #000;
    text-align: center;
    padding-bottom: 2px;
    text-shadow: 1px 1px 1px #989898;
}
.pager span{
        background: #000;
    padding: 10px 8px;
    border-radius: 55%;
    box-sizing: border-box;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: top;
    min-width: 45px;
    color: #fff;
    width: 50px;
	line-height:25px;
}
.pager a span{color:#ddd;background:#777}
.pager a span:hover{background: #000;
    color: #fff;
    text-shadow: 1px 1px 1px #000}
.errorMessage{
    color: #8a0b0b;
    min-width: 270px;
    border: 1px solid #620101;
    height: 10px;
    margin-bottom: 5px;
}
.SuccessMessage{
    color: green;
    min-width: 270px;
    border: 1px solid green;
    height: 10px;
    margin-bottom: 5px;
}
 .pager a {   display: inline-block;
 vertical-align: top;}
.pager a.prev span,.pager a.next span,.pager a.first span,.pager a.last span{
    background: transparent;
    font-size: 45px;
	line-height:45px;
    padding: 0;
    border: none;
	    color: #6f6f6f;
    text-shadow: 1px 1px 1px #adadad;
	min-width:0;
}
.pager a.prev span:hover,.pager a.next span:hover,.pager a.first span:hover,.pager a.last span:hover{color:#000;text-shadow: 1px 1px 1px #8c8484;}
.pager a.next{margin-right:5px}
.pager a.prev{margin-left:5px}
#wrap #menu .selectedMenu  a{

    /* background: url(../images/menuover.png) repeat-x; */
	 background:#000;;
    color: #fff;
    background-size: 38px;
    background-position: top 2px center;

}

.editLink {
color: #2C2C44;
    float: right;						/*editlink */
    font-size: 15px;
	/*text-align:center; center */
	text-decoration:none;
}

.editLink:hover, .editLink:focus{

  color: #2C2C44;
  text-shadow: 1px 1px 0 #C9C9DB, 2px 2px 0 #FFF;
text-decoration: none;
}



.editLink img:hover,.editLink img:focus  {
    border: 1px solid #000;
   box-shadow: 1px 1px 0 #000, 2px 2px 0 #000; /*shadow lil font */

}


.albumPic {
background: url(../images/Folder1.png) no-repeat;
width: 130px;
    height: 110px;
	margin:0 auto;
}

.albumPic img:hover, .albumPic img:focus {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}/*   lazem n3mel div 3lashan neshel el sorah el2sasyah     */


.profileCard a{ 
         font-size: 14px;
  color: #2C2C44;
  font-weight: 100;
  text-shadow: 1px 1px 1px #FFFFFF, 1px 1px 1px #000000;
  text-transform: uppercase;

}


.profileCard a:hover{        /*   font el 2sm albums wel edit wel delete     */  
text-decoration: none;
text-shadow: 1px 1px 0 #000, 1px 1px 0 #4C2E1A;/*shadow lil font */
}



input[type="text"],input[type="password"],input[type="file"] {
    border-style: solid;
    border-width: 1px;
    border-color: #777;
    width: 180px;
	line-height: 20px;
  padding-left: 5px;
    font-size: 16px;
	height:30px;
	color:#000;
	background-color : #ddd;
	    text-shadow: 1px 1px 1px #3c3c3c;
		-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background-color : #ddd!important;
background:#ddd!important;
-webkit-box-shadow: 0 0 0 30px #ddd inset !important;
color:#000;
}

body input[type="file"]{width:100%;-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	box-sizing:border-box;}


input[type="text"]:hover,input[type="password"]:hover,input[type="text"]:focus,input[type="password"]:focus {
    border-color: #000;
}
input[type="submit"],input[type="button"] { /*ay submit*/
    background-color: #000;
    border: 1px solid #2C2C44;
    color: #ffffff;
    cursor: pointer;
	height:30px;
	width:120px;
	padding: 4px 16px; text-decoration: none; 
    text-transform: uppercase; -moz-box-shadow: 0 0 20px white; -webkit-box-shadow: 0 0 20px white; box-shadow: 0 0 20px white; }
	
	input[type="submit"]:hover,input[type="button"]:hover,input[type="submit"]:focus,input[type="button"]:focus  { color: #fff; box-shadow: 0 0 20px black; }
	
	
	
	
	
	
	

select {
     background-color: #ddd;
    border: 1px solid #777;
  color: #000;
  width: 180px;
  height: 30px;
  font-size:16px;
          text-shadow: 1px 1px 1px #8e8e8e;
}
p {
    margin: 0px;
}

fieldset{background:#fff;text-align:left;}





/*   2nd Menu section  */


#ndMenu {

margin-bottom:30px;
						position: absolute;

overflow:visible;
	}

.createAlbum{
     background: url(../images/Folderadd1.png) no-repeat;
    width: 65px;
    height: 45px;
    position: absolute;
    z-index: 1;
    right: 3px;
    top: 8px;
}

 
 .createAlbum:hover, .createAlbum:focus{
  background: url(../images/Folderadd.png) no-repeat;
  
}


.editAlbum{
      background: url(../images/Folderedit1.png) no-repeat;
    width: 65px;
    height: 45px;
    right: 75px;
    position: absolute;
    z-index: 1;
    top: 8px;
}

 
 .editAlbum:hover, .editAlbum:focus {
  background: url(../images/Folderedit.png) no-repeat;
  
}




.dellAlbum{
      background: url(../images/Folderdel1.png) no-repeat;
    width: 65px;
    height: 45px;
    position: absolute;
    right: 147px;
    z-index: 1;
    top: 8px;
}


.dellAlbum:hover,.dellAlbum:focus  {
  background: url(../images/Folderdel.png) no-repeat;
}

.coolbox{position: absolute;left: 5px;}
.coolboxRegistration{right:0;top:55px;left:auto;}
.coolbox  a{
display:block;
margin-right:3px;
font: 14px Georgia, serif;   color: black;    /*  cool font   */
text-transform: uppercase;
-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; /*  y3ml elmostatel 2stwani   */
float:right;
    padding: 2px 11px; background: white; border: 2px solid black; /* box area */
    -moz-box-shadow: 0 0 15px white; -webkit-box-shadow: 0 0 15px white; box-shadow: 0 0 15px white; 
	position:relative;z-index:2;
	    text-shadow: 0px 0px 2px #ffffff, 1px 2px 2px #fff;
   }


 
.coolbox a:hover {
color: white;
background: black; 
text-decoration: none;
    
 cursor: pointer;
 -moz-box-shadow: 0 0 15px black; -webkit-box-shadow: 0 0 15px black; box-shadow: 0 0 15px black;
 text-shadow: 0px 0px 2px #000, 1px 2px 2px #000;
}


#secondMenu .coolbox.createP{left:0;}
#secondMenu .coolbox.editP{left:160px;}
#secondMenu .coolbox.deleteP{left:314px;}
#secondMenu  a  p.coolbox{display:block;margin-right:3px;font: 12px Georgia, serif;   color: black;    /*  cool font   */
text-transform: uppercase;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; /*  y3ml elmostatel 2stwani   */
float:right;padding: 2px 11px; background: white; border: 2px solid black;-moz-box-shadow: 0 0 15px white; -webkit-box-shadow: 0 0 15px white; box-shadow: 0 0 15px white;z-index:10;  right: inherit; }


#secondMenu  a:hover  p.coolbox{color: white;background: black; text-decoration: none;cursor: pointer;-moz-box-shadow: 0 0 15px black; -webkit-box-shadow: 0 0 15px black; box-shadow: 0 0 15px black;}
/*image section    */

.del-btn {  /*delete button*/
		
		  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 3px;
  height: 60px;
  width: 60px;
  margin-left: -20px;
  text-align: center;
  line-height: 21px;
  color: #000;
  background: #2E5CB8;
  cursor: pointer;
  border: 1px solid;
		}
		
		
		.del-btn:hover
		{
		  color: #C01616;
  background: #6D8DCD;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid;

		}
		


		
		
		
		#con-img-big
		{	  display: inline-block;
			margin: 0;
			padding: 0;
			width:30%;
			position:relative;
			vertical-align:top;
			margin-right:10px;
			margin-bottom:10px;
		}
		#con-img-big:nth-of-type(3n)
		{	margin-right:0px;}
	    
		#con-img-small
		{
		width:auto;
			height:auto;

			
			
		}
		#con-img-small .link{max-height:200px;overflow:hidden;display:inline-block;    width: 100%;-webkit-border-radius: 0px 40px;
	-moz-border-radius: 0px 40px;
    -khtml-border-radius: 0px 40px;
	border-radius: 0px 40px;  border: 3px solid #000;-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
    box-sizing: border-box; vertical-align:top }
		#con-img-small .link:hover{border: 4px solid #2E5CB8;-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
    box-sizing: border-box;}
		#con-img-big #con-img-small img.img-small{width: 100%;height:auto;vertical-align:top}
		
		.con-img-like
		{
			-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
    box-sizing: border-box;

 background: #000;
 padding:6px 0 5px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 0px 0px 7px rgba(255, 255,255, 0.5);
  -webkit-box-shadow: 0px 0px 7px rgba(255, 255,255, 0.5);
  box-shadow: 0px 0px 7px rgba(255, 255,255, 0.5);
  color: #FFFFFF;
  text-shadow: 0px -1px 0px #000;
  font-family: 'HighlandGothicFLFRegular', Impact, 'Arial Black', sans-serif;
  font-size: 20px;
  width: 150px;
  height: auto;
  margin: 5px auto 0;
		
		}
		
	    .con-like{    /* el like nfsha*/
			padding-left:26px;
			margin-top:-1px;
			}
		#con-img-small .con-img-like div img:first-of-type{padding-bottom: 4px;    display: inline-block;}
			#con-img-small .con-img-like div img:nth-of-type(2){  margin-left: 10px;    display: inline-block;}
			#con-img-small .con-img-like div img:hover{    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.8;}
		#con-img-del
		{width:auto;
			height:auto;
			position: absolute;
			top:30px;
			overflow:visible;
			left:20px;
			margin-top:-31px;
					cursor:pointer; /*3lashan y7wel elketabah li poiner*/

		}

		
		
		
		
		
		
		
		#new1{
		width:auto;
		height:auto;
		position:relative;
		margin-left: 8px;
		float:left;
		}
		
		/*dialog      boxxxxxxx */
		
		.ui-dialog{
		position:relative;
		float: left;
	
		}
		

		.ui-dialog  .con-img-like{
		background: url(../images/steel-app.png) no-repeat;
		top:30px;
		color:#e9c8a7;
		margin: 10px 10px 5px 10px;
		left:-10px;
		width:160px;
		height:45px;
		}
		
		.ui-dialog  .comment-wrapper{
		float:right;
		position:absolute;
		top:-10px;
		right:-355px;
		background:#6e6256 ;
		color:#0033FF;
		
		}
		
		.ui-dialog  .comment-wrapper .comment-text{
	
		color:#e9c8a7;
		}
		
		
		.ui-dialog  .comment-wrapper .comment-holder{
		
		background: url(../images/steel-app2.png) repeat-x;
		word-wrap: break-word;
background-size:cover;/*3lashan y3mel cover lil background li kol el area*/
		}
		
		.ui-dialog .comment-wrapper .comment-insert {
		background: url(../images/steel-app3.png) no-repeat;
		}
		
			.ui-dialog .comment-insert h4.who-says 
	{
	color:#254A93;
	padding-left:10px;
	
	}
		
		
		.comment-text
		{
		
		}
		
		
		



/* comment section*/ 



 .wrapper
 {

 background:#fff;
 width: 350px;
 border:1px solid #a1a1a1;
 margin:10px auto 10px auto;
 height:auto;
 
 }
.page-data{
	
	width:150px;
	height:150px;
	color:#666;
	margin:10px;
	border-bottom:1px solid #e1e1e1;
	}
	.comment-wrapper
	{
	
		
		border:1px solid #e1e1e1;
		height:auto;
		width:100%;
		float:none;
		clear:both;
		}

	h3.comment-title
	{
	height:40px;
	line-height:37px;
	font-size:14px;
	margin:0 5px 0 5px;
	color:#555;
	border-bottom: 1px solid #e1e1e1;
	}
	
		.comments-list
	{
	height:auto;
	
	font-size:13px;
/* 	margin:10px 5px 5px 5px; */
	color:#555;
	}
	 ul.comments-holder-ul
	 {
		list-style-type:none;
		margin:0px;
		padding:0px;
		width:auto;
		height:auto;
		overflow:hidden;
	 }
	 
	 ul.comments-holder-ul li.comment-holder
	 {
	 background: url(../images/steel-2.png) repeat-x;
background-size:cover;/*3lashan y3mel cover lil background li kol el area*/
		list-style-type:none;
  background-position: center;

		border:1px solid #e1e1e1;
		overflow:hidden;
		position: relative;
		}
ul.comments-holder-ul li.comment-holder:hover
{
border:1px solid #c1c1c1;
}
ul.comments-holder-ul li.comment-holder .user-img /*user comment with small pic of him */
{
float:left;
height:65px;
width:65px;
margin:0 10px 0 0 ; 

    /*overflow:hidden;for auto cuz firefox*/


}

ul.comments-holder-ul li.comment-holder .user-img img.user-img-pic
{
	width:55px;
	height:auto;
	margin:5px;
	border:1px solid #a1a1a1;
}

ul.comments-holder-ul li.comment-holder .user-img img.user-img-pic:hover
{
border:1px solid #818181;
/*n3mel brdo zay eldelete hover 3lashan y3te loon mokhtlf */

}

 .comment-body
 {
 width:auto;

 }
ul.comments-holder-ul li.comment-holder h3.username-field
{
height:30px;
text-transform: uppercase;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
         
		  
		  /*3d in ground*/
		  
		  
line-height:27px;
color:white;
font-size:14px;
margin:0 0 0 10px;
}

ul.comments-holder-ul li.comment-holder h3.username-field:hover
{

color:#A8B7D4;
}




ul.comments-holder-ul li.comment-holder .comment-text
{	color:white;

	display:block;
	width:auto;
	font-size:13px;
	margin:0 10px 10px 75px;/*3lashan elsorah zwdnah men elymen 75px we*/
	word-wrap:normal; /*3lashan my2t3sh el word*/
	word-wrap: break-word;/*3lashan ynzel el satr geded el word*/
	}
	
	
	ul.comments-holder-ul li.comment-holder:hover .comment-buttons-holder
	{
	 display:block;
	/* 3ml keda 3lashan yban only lma yshwaer 3la comment we 3lashan keda zwed t7t display none*/
	}
	
	
	
	.comment-buttons-holder{
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	width:100px;
	height:20px;
	
	
	}
	
	.comment-buttons-holder ul {
		
		list-style-type:none;
		width:auto;
		height:auto;
		overflow:hidden;
		
	}
		.comment-buttons-holder ul li {  /*delete button*/
		float:right;
		height:30px;
		width:30px;
		
		text-align: center;
		line-height:30px;
		color:#fff;
		background:#727272;
		cursor:pointer;
		}
		.comment-buttons-holder ul li:hover
		{
		color:#fff;
		background:#e00404;
		}
		
	
	
	
	.comment-insert
	{
	background: url(../images/steel-1.png) no-repeat;
	height:120px;
	width:auto;
	margin:10px 0 2px;
	border:1px solid #5E7BB8;
	position: relative; /*3lashan 3mlna absolute fe comment btn */
	  background-size: 100%;
	  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	}
	
	
	
	
	.comment-insert h3.who-says 
	{
		height:35px;
		line-height:32px;
		color:#254A93;
		font-size:14px;
		width:auto;
		margin: 0 10px 0 10px;
		border-bottom:1px solid #e1e1e1;
		
	}
	.comment-insert h4.who-says 
	{
	color:#254A93;
	padding-left:10px;
	}
	
	.comment-insert h3.who-says span
	{
		
		color:#254A93;
	}
	
	.comment-insert-container{
	
	top:-15px;
	bottom:10px;
	}
	
	
	
	
	
	.comment-insert  .comment-insert-container
	{
		
		margin:5px 10px 5px 10px;
		border: 1px solid #e1e1e1;
		width:auto;
		min-height:70px;
		position:relative;
	}
	
	.comment-insert  .comment-insert-container:hover
	
	{
	
	border: 1px solid #c1c1c1;
	}
	
	
	.comment-insert textarea.comment-insert-text
{
	    position:absolute; /*3lashan yzabat text area 3ml container we 3ml absolute we 3lashan keda 3ml relative fo2 */
		top:0px;
		left:-2px;
		bottom:20px;
		right:0px;
		border: none;
		width:100%;
		height:94%;
		color:#555;
	}
	
	.comment-post-btn-wrapper
	{
		position: absolute; 
		top: 5px;
		
		
		right:10px;
		width:60px;
		  height: 18px;
  padding: 4px;
		line-height: 22px;
		background: #6989CC;
		color: #ffffff;
		font-size: 14px;
		text-align: center;
		cursor:pointer; /*3lashan y7wel elketabah li poiner*/
	}
	
	.comment-post-btn-wrapper:hover
	{
	background: #5E7BB8;
	color: #DBCECE;
	}
	
	
	
	
	
	/* likeeeeeeeeee dis likeeeeee  */


	
.rating

{
 cursor: pointer;
  vertical-align: middle;
}
	
	
	
	
	
	       /*  delete dialogggggggggggggggggggggggg  */
	
	

#modal {
	visibility:hidden;
	width:360px;
	height:189px;
	padding:8px;

	background:rgba(0,0,0,.3);

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute !important;
	top:50% !important;
	left:50% !important;
	margin-top:-94px !important;
	margin-left:-180px !important;
	z-index:101;
}


#heading {
	width:360px;
	height:44px;

	background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');

	border-bottom:1px solid #bababa;

	-webkit-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);

	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;

	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:44px;

	color:#444444;
	text-shadow:0px 1px 0px #fff;
}

#contentdell {
	width:360px;
	height:144px;

	background:#fcfcfc;

	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);
	box-shadow:0px 1px 3px rgba(0,0,0,.25);

	-webkit-border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
}

#contentdell p {
	font-size:13px;
	font-weight:normal;
	text-align:center;
	line-height:22px;
	color:#555555;

	width:100%;
	float: left;

	margin:19px 0;
}


.buttonn {
	width:138px;
	height:33px;

	font-size:13px;
	font-weight:bold;
	line-height:33px;

	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,.2);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);

	float:left;
}
.buttonn img { 
	float:left;
	width:33px;
	height:33px;
}



.buttonn.green {
	background: -webkit-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -moz-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -o-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -ms-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );

	border:1px solid #5b8821;

	margin:0 5px 0 35px;
}
.buttonn.red {
	background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );

	border:1px solid #b0333e;

	margin:0 35px 0 5px;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}



@media only screen and (max-width: 767px) {
        
	#modal {
		width:484px;
		height:156px;
		padding:8px;

		margin-left:-150px !important;
		margin-top:-78px;
	}
	#heading {
		width:484px;
		height:28px;

		line-height:28px;
		font-size:0.688em;
	}
	#contentdell {
		width:484px;
		height:128px;
   	}
   	#contentdell p {
   		width:284px;
   		font-size:0.688em;
   	}
   	.buttonn img { 
		width:23px;
		height:23px;
	}
	.buttonn {
		width:108px;
		height:23px;

		line-height:23px;
		font-size:0.688em;
	}
	.buttonn.green {
		margin:0 4px 0 28px !important;
	}
	.buttonn.red {
		margin:0 28px 0 4px !important;
	}
}
	
	/*   thattttttttttttttttttttttttttttttttt background and form of log innnnnnnnnnnnnnnnnnnnnnnnnnnn */
	

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

	
	#profileData #MYFORM {margin-bottom:2px;} 
	
	
	
	.form-1 {
    /* Size & position */
    width: 550px;
    margin: 10px auto 0px;
    padding: 18px;
    position: relative; /* For the submit button positioning */
 
    /* Styles */
    box-shadow: 
        0 0 1px rgba(0, 0, 0, 0.3), 
        0 3px 7px rgba(0, 0, 0, 0.3), 
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
	-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 
.form-1 .field {
    position: relative; /* For the icon positioning */
}





/*  p and inputttttttttttttttttttttttttttttt */







.form-1 input[type=text],
.form-1 input[type=password] {
    
    font-size: 20px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
 
    /* Size and position */
    width: 75%;
    padding: 8px 10px 8px 60px;
 
    /* Styles */
    border: none; /* Remove the default border */
    box-shadow: 
        inset 0 0 5px rgba(0,0,0,0.1),
        inset 0 3px 2px rgba(0,0,0,0.1);
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
    border-radius: 15px;
    background: #ddd;
    color: #000;
    transition: color 0.3s ease-out;
	height:45px;
}
 
.form-1 input[type=text] {
    margin-bottom: 10px;
}
/*   hoverrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/


.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
    color: #52cfeb;
}
 
.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
    color: #42A2BC;
}
 
.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
    outline: none;
}
	
	/*   submitttttttttttttttttttttt button */
	
	
	.form-1 .submit {
    /* Size and position */
    width: 95px;
    height: 95px;
    position: absolute;
    top: 13px;
    right: 10px;
    padding: 10px;
    z-index: 2;
 

    /* Styles */
   
   
   
}


/*    backup button */



.enterlog:hover {
-webkit-filter: brightness(200%);

   
}
 
input#image-button{
   background: url(../images/enter.png) no-repeat center;
    width: 114px;
    background-size: 100%;
    background-position: center center;
    height: 114px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -69px;
    position: absolute;
    background-color: #000;
    z-index: 2;
    top: 10px;
    right: 17px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    border: 5px solid #000;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
}





 
#image-button:hover {
  border: 5px solid #fff;
  border-radius: 35%;
  -webkit-border-radius: 35%;
    -moz-border-radius: 35%;
}













/*FOCUS*/
.dark {
 -webkit-filter: brightness(100%);
}
 
.dark:hover {
  -webkit-filter: brightness(0%);
  
}

	.form-1 button {
    /* Size and position */
    width: 100%;
    height: 100%;
    margin-top: 5px;
 
    /* Icon styles */
    font-size: 1.4em;
    line-height: 1.75;
    color: white;
 
    /* Styles */
     /* Remove the default border */
    border-radius: inherit;
	background:#6d020c;
    background: linear-gradient(#6d020c, #241F18);
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);
 
    cursor: pointer;
}
	
	
	
	.form-1 button:hover,
.form-1 button[type=submit]:focus {
    background: #000000;
    transition: all 0.3s ease-out;
}
 
.form-1 button:active {
    background: #000000;
    box-shadow: 
        inset 0 0 5px rgba(0,0,0,0.3),
        inset 0 3px 4px rgba(0,0,0,0.3);
}
	
	
	
	
	
	
	
	
	/* el viewerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr */
	
	
	
	
	
	
	
	.preview img{
	position:absolute;
	left:0;
	top:0;
	-moz-box-shadow:1px 1px 5px #111;
	-webkit-box-shadow:1px 1px 5px #111;
	box-shadow:1px 1px 5px #111;
	-webkit-box-reflect:
		below 5px
		-webkit-gradient(
		linear,
		left top,
		left bottom,
		
		to(rgb(255, 216, 0))
		);

}

.loader{
	display:none;
	width:85px;
	height:85px;
	background: #000 url(../images/ajax-loader.gif) no-repeat center center;
	position:fixed;
	top:50%;
	left:50%;
	margin:-100px 0px 0px -100px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
	opacity: 0.7;
	z-index:9999;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	
}
a.next_image,
a.prev_image{
	width:50px;
	height:50px;
	position:fixed;
	top:50%;
	margin-top:-25px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
	opacity:0.7;
	z-index:999999;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
a.next_image:hover,
a.prev_image:hover
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
	opacity:0.9;
}
a.next_image{
	background:#000 url(../images/next1.png) no-repeat center center;
	right:-50px;
}
a.prev_image{
	background:#000 url(../images/prev1.png) no-repeat center center;
	left:-50px;
}
.thumbnails_wrapper{
	
	  margin: 0!important;
	left:0px;
	
	-moz-box-shadow:0px 3px 5px #000;
	-webkit-box-shadow:0px 3px 5px #000;
	box-shadow:0px 3px 5px #000;
}
.bubble img{
	position:fixed;
	top:50%;
	left:50%;
	width:0px;
	height:0px;
}
/* Based on Manos Malihu's brilliant thumbnail scroller http://manos.malihu.gr/jquery-thumbnail-scroller */
.tshf_container{
	height:200px;
	position:relative;
	width:100%;
	background:#000;
	z-index: 10;
}
.tshf_container .thumbScroller{
	position:relative;
	width:100%;
	overflow:hidden;
}
.tshf_container .thumbScroller,
.tshf_container .thumbScroller .container,
.tshf_container .thumbScroller .content{
	height:200px;
}
.tshf_container .thumbScroller .container{
	position:relative;
	left:0;
}
.tshf_container .thumbScroller .content{
	float:left;
}
.tshf_container .thumbScroller .content div{
	height:100%;
	position:relative;
}
.tshf_container .thumbScroller img{
	border:none;
}
.tshf_container .thumbScroller .content div a{
	display:block;
	height:200px;
	width:200px;
}
.tshf_container .thumbScroller .content div a img{
	width:100%;
  height:100%;
	}
.tshf_container .thumbScroller .content div a:hover{
	border-color:#fff;
}
.tshf_container .thumbScroller .content div:hover span{
	background: url(../images/thum_overlay.png) no-repeat center center;
	height:200px;
	width:200px;
}
.tshf_container .thumbScroller .content span{
	cursor:pointer;
	position:absolute;
	width:200px;
	height:200px;
	top:0px;
	left:0px;
	background: url(../images/thumb_over.png) no-repeat center center;
}


.top_menu{
	height:30px;
	line-height:30px;
	position:absolute;
	top:-30px;
	left:0;
	width:100%;
	overflow:hidden;
	background:#010101;
	border-bottom:1px solid #000;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #010101;
	-webkit-box-shadow:0px 0px 4px #010101;
	box-shadow:0px 0px 4px #010101;
}
.top_menu .back{
	
	top:0px;
	left:10px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	color:#aaa;
}
.top_menu .back span{
	width:14px;
	height:53px;
	display:block;
	float:left;
	background:#000 url(../images/prev1.png) repeat-x center left;
	margin-right:5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
	opacity:0.5;
}
.top_menu .back:hover{
	color:#fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
	opacity:0.9;
}
.top_menu .back:hover span{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
	opacity:0.9;
}
.top_menu span.description{
	font-style:italic;
	position:absolute;
	width:100%;
	text-align:center;
	top:0px;
	left:0px;
	height:30px;
	line-height:30px;
}
.top_menu .info{
	float:right;
	margin-right:10px;
}



/* all images */
.header1{top:0px!important;

  padding-top: 6px;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
  position: relative;}

.header1 h3{font-size: 25px;
overflow: hidden;
text-align:center;   text-shadow: 1px 1px 1px #e2e2e2;
background:url(images/headerbg.jpg);
background-size:cover;}

/*ex 4c*/
#container {
    opacity: 0; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    #container.active {
        opacity: 1; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
    }
.masonry-box{padding:5px 10px;}

.masonry-box .news-post{width: 170px; margin: 5px; border: 3px solid #000;
    vertical-align: top;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;position:relative}


.masonry-box .news-post.clicked:before{ position: absolute;
    display: block;
    z-index: 1;
    font-family: 'IcoMoon-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9da";
    color: #ff8686;
    text-align: center;
    font-size: 130px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    left: 0;
    pointer-events: none;
    opacity: 0.5; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;-webkit-animation: fadein 2s linear 1 normal forwards; }
@-webkit-keyframes fadein{
    from { opacity: 0.5; }
    to { opacity: 0; }
}

.masonry-box .news-post:hover,.masonry-box .news-post:focus{-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 3px 3px 4px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');}
.masonry-box .news-post:nth-of-type(3n) { margin-right: 0;}


.masonry-box .news-post .post-gallery img{vertical-align: top;width: 100%;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
 -moz-border-top-right-radius: 5px; 
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;}

.masonry-box .news-post .icons {margin: 0 ;border-left: none;border-right: none;background: #000;  text-align: center;  padding: 3px 1px 3px;overflow:hidden;clear:both;}
.masonry-box .news-post .icons li { margin-bottom: 0;vertical-align:middle}
.masonry-box .news-post .icons li.social-popup{margin:0;}
.masonry-box .news-post .icons li {list-style: none;font-size: 14px;color: #fff;}
.masonry-box .news-post .icons li{margin: 0;}
.masonry-box .news-post .icons li:first-of-type{margin: 0 0 7px 0;}
.masonry-box .news-post .icons li:nth-of-type(1) {display:block;clear:both}
.masonry-box .news-post .icons li:nth-of-type(2) {display:inline-block;float:left;    margin-left: 10px;}
.masonry-box .news-post .icons li:nth-of-type(3) {display:inline-block;margin-right:0;float:right;    margin-right: 10px;}


.masonry-box .news-post .icons > li:hover ,.news_body .icons > li:hover > span:before{text-decoration: none;color: #666;}
.masonry-box .news-post .icons > li > a:hover ,.news_body .icons > li:hover > a > span:before{text-decoration: none;color: #666;}

  
 .masonry-box .news-post  .icons .icon-heart:before, .masonry-box .news-post  .icons .icon-share:before{font-size: 20px;
    line-height: 20px;}
  
  
  
  
  
  
  

#news_style5_body {width: 98%;margin: 0 auto;padding-left: 5px;}
#news_style5_body .posts_wrapper { overflow: hidden;position: relative;}
#news_style5_body .posts_wrapper article { float: left; width: 350px; margin: 0 12.5px 10px 0px;    float: left;

    border: 3px solid #000;
    vertical-align: top;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;position:relative}
	#news_style5_body .posts_wrapper article.clicked:before{ position: absolute;
    display: block;
    z-index: 1;
    font-family: 'IcoMoon-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9da";
    color: #ff8686;
    text-align: center;
    font-size: 130px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    left: 0;
    pointer-events: none;
    opacity: 0.5; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;-webkit-animation: fadein 2s linear 1 normal forwards; }
  

  
  
  
	#news_style5_body .posts_wrapper article:hover,#news_style5_body .posts_wrapper article:focus{-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 3px 3px 4px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');}
#news_style5_body .posts_wrapper article:nth-of-type(3n) { margin-right: 0;}
#news_style5_body .posts_wrapper article .field_group {cursor: default;}
#news_style5_body .posts_wrapper article .field_group .icons {margin: 0 ;border-left: none;border-right: none;background: #000;  text-align: center;  padding: 5px 1px 5px;}
#news_style5_body .posts_wrapper article .field_group .icons li { margin-bottom: 0;}
#news_style5_body .posts_wrapper article .gallery-icon { background: url(../images/gallery-icon.png) center center no-repeat;}
#news_style5_body .posts_wrapper article .text { margin-bottom: 13px;}
#news_style5_body #nav_pages { border: none; margin-top: 0; padding-top: 0;}

#news_style5_body article .pic { position: relative;}
#news_style5_body article .pic a{
    display: block;
    max-height: 204px;
    overflow: hidden;
}
#news_style5_body article .pic img {  vertical-align: top;width: 100%;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
 -moz-border-top-right-radius: 5px; 
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;}
  
/* #news_style5_body article .pic img:hover{  -moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 3px 3px 4px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');} */

.news_body .icons li {list-style: none;margin: 0 5px 0 0;font-size: 14px;color: #fff;}
.news_body .icons li:nth-of-type(1) {display:inline-block;}
.news_body .icons li:nth-of-type(2) {display:inline-block;}
.news_body .icons li:nth-of-type(3) {display:inline-block;margin-right:0;}
.news_body .icons {overflow: hidden;margin: 0 0 9px 0;}

.news_body .icons > li:hover ,.news_body .icons > li:hover > span:before{text-decoration: none;color: #666;}
.news_body .icons > li > a:hover ,.news_body .icons > li:hover > a > span:before{text-decoration: none;color: #666;}

.post_views { text-decoration: none;font-size: 11px; line-height: 14px;}
.post_date { padding-left: 2px; font-size: 11px; line-height: 14px; text-decoration: none; }
.comments_count {font-size: 11px; line-height: 14px; display: inline-block; padding: 0 0 0 15px; background: url(../images/comments-icon.png) 0 3px no-repeat; color: #666;text-decoration: none;}

/*pop up*/
.social-popup { display: none; border: 1px solid #e0e0e0; position: absolute;width: 170px;background: #fff;z-index:1;height:38px;
-webkit-box-shadow: 0 0 0px 1px #000;-moz-box-shadow: 0 0 0px 1px #000;box-shadow: 0 0 0px 1px #000;}
#news_style5_body .divss article:nth-child(5n) .social-popup:first-child{left: 2px;}
#news_style5_body .divss article:nth-child(2n) .social-popup:first-child{left: 184px;}
#news_style5_body .divss article:nth-child(3n) .social-popup:first-child{left: 367px;}
#news_style5_body .divss article:nth-child(4n) .social-popup:first-child{left: 549px;}
#news_style5_body .divss article:nth-child(5n+1) .social-popup:first-child{left: 732px;}
.social-popup .indents { padding: 3px 9px 10px 10px;}
.social-popup span.bg { display: block; position: absolute; top: -8px; left: 6px; width: 0; border-width: 0 7px 7px 7px; border-style: solid; border-color: #000 transparent #000 transparent;}
.social-popup span.bg span { display: block; position: absolute; top: 1px; left: -7px; width: 0; border-width: 0 7px 9px 7px; border-style: solid; border-color: #000 transparent #fff transparent;}
.social-popup .field { float: left; margin-right: 2px;}
.social-popup .field a span {
    font-size: 30px;
    margin-right: 5px;
    text-decoration: none;
	color:#777;text-shadow:none;
}
.social-popup .field a span:hover{color:#000}
.social-popup .field a:last-of-type span{margin-right:0}
.social-popup .field a:hover  {text-decoration: none;color: #000;}


/* searchhhhhhhhhhhhhhhhhhh instagramm */
#insta {  
  margin-bottom: -30px;
  text-shadow: 1px 1px 1px #000;
  text-align: center;}

small { display: block; color: #555; padding: 10px 0px;text-align: center; }

#w {   position: relative;
  width: auto;
  margin: 0 auto;
  text-align: center; }

#sform {   width: 80%;
  margin: 0 auto;
  margin-top: 25px;   margin-bottom: 10px;}
#sform #s { 
padding: 10px 11px; 
padding-left: 60px;
color: #999; 
width: 600px; 
border: 1px solid #ddd; 
font-size: 22px; 
/* icon source: http://modmyi.com/forums/iphone-4-new-skins-themes-launches/723225-buuf-iphone-4-a-398.html#post6275581 */
background: url('../images/instacam.png') 6px 7px no-repeat;
transition: box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: box-shadow 0.25s linear 0s, color 0.15s linear 0s;
-moz-transition: box-shadow 0.25s linear 0s, color 0.15s linear 0s;
-o-transition: box-shadow 0.25s linear 0s, color 0.15s linear 0s;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; 
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
}
#sform #s:focus { 
color: #767676;
border-color: #c5d7ee;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(170, 200, 240, 0.9);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(170, 200, 240, 0.9);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(170, 200, 240, 0.9);
}

#sform #s.loading { 
	background: url('../images/loader1.gif') 10px 7px no-repeat;
}

#photos { margin-left: 100px; text-align: center; }
#photos .p { float: left; width: 170px; display: inline-block; position: relative; margin-right: 20px; margin-bottom: 12px; }

#photos .p img { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

#photos .p .fullsize { width: 32px; height: 32px; display: block; margin-left: 70px; margin-bottom: 5px; }




/* talgggggggggggggggggggggggggggggggggggggg */




/*  followwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww */


.follow_b
{
background-color:#285694; 
font-size:11px; 
padding-left:9px; 
padding-right:9px; 
color:#FFFFFF;
}

.youfollowing_b
{
background-color:#598724;
font-size:11px; 
padding-left:9px; 
padding-right:9px; 
color:#FFFFFF;
}

.block_b
{
background-color:#fdd6d9; font-size:10px; 
padding-left:9px; 
padding-right:9px; 
color:#000000; 
border:solid 1px #000000;
margin-left:190px;
}

/*----------------------------
	Red push button
-----------------------------*/



p.footercool{color:white;text-align: center;padding-top: 0;position: absolute;bottom: 0;left: 0;right: 0;}
.errorLogin{font-size:30px;text-align:center;color:red;border: 3px solid rgb(204, 51, 51);background-color:#FAFFBD;font-weight:bold;}
.errorLogin:hover, .errorLogin:focus{background-color:#FFA5A5;border: 3px solid #FAFFBD;}
.errorLogin:hover a, .errorLogin:focus  a{text-decoration: none;color:#FAFFBD;display:block;}



/*make div vertical align*/
.outterDiv{display: table;position: absolute;height: 100%;width: 100%;}
.middleDiv{ display: table-cell;vertical-align: middle;}
/*upload.php*/
form.uploadForm > p {padding-bottom:10px;}
/*EditProfile.php*/
.editprofilePic{float:right;}
.editprofileForm  input[type="text"],.editprofileForm  input[type="password"],.editprofileForm  input[type="file"]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



/*register.php*/
.regform td{position:relative}
.regform .error,.regform td img{position:absolute;right:0;top:-8px}
.register input[type="text"], .register input[type="password"], .register input[type="file"],.register select{width:222px}
@media (max-width: 767px) {
	body nav.topNav .mobileRight a.mobileLog {display:none}
		body .snakeMobileSubMenu.left{display: block;
    width: 55px;
    text-align: center;
    top: 4px;
    left: auto;
    right: 5px;
    float: right;}
}
@media (max-width: 560px) {
	.pager a.prev span, .pager a.next span, .pager a.first span, .pager a.last span{line-height:30px;}
.pager span{width:auto;}
.register .centerContent{width:97%}
.register .centerContent table{width:100%}
body nav.topNav {text-align:center}
.cssgradients nav li.homeMobile:hover, .cssgradients nav li.homeMobile:focus,
.cssgradients nav li.themes:hover, .cssgradients nav li.themes:focus{background:0}
body nav.topNav .homeMobile,body nav.topNav .themes{display: inline-block!important;
    vertical-align: top;
    float: none;top:0;right:0}
	body nav.topNav  .homeMobile a{
    height: auto;
    margin: 0 auto;
    padding: 0;
}
body nav.topNav .themes img{    width: 33px!important;
    height: auto!important;
    margin-top: 3px!important;}
body nav.topNav .homeMobile a img,body nav.topNav .themes img {
    width: auto;
    height: 40px;
}
.moviesPage body nav.topNav .homeMobile a img{margin-left:35px}
body nav.topNav .themes{margin-left:-10px;margin-top:2px}
}
/*indexx.php*/
.habybyformSC{
    padding: 10px;
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
	    box-sizing: border-box;
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.habybyformSC p{
    font-family: sans-serif;
    font-weight: 700;
    color: #777;
}
.habybyformSC .habybySCsubmit{margin-top:12px;}
.habybyformSC .inputHB{position:relative;display:inline-block;vertical-align:top;margin-bottom:10px;padding:10px 10px 10px 0}

 .habybyformSC input{
	    border: 1px solid rgba(0,0,0,0.3)!important;
		-moz-border-radius: 4px!important;
		-webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    height: 30px;
} 
.habybyformSC label {
        color: #9e9e9e;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(13px);
    transform: translateY(13px);
    margin-left: 6px;
	pointer-events: none;
	    display: inline-block;
    width: auto;
}
.habybyformSC label.hide{font-size:0;}
.habybyformSC label:after{display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
	opacity:0;

    -webkit-transition: .2s opacity ease-out, .2s color ease-out;
    transition: .2s opacity ease-out, .2s color ease-out;}
.habybyformSC label.active{
 -webkit-transform: translateY(1px) scale(0.8);
    transform: translateY(1px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	font-size: 1rem!important;
	color:#6b6b6b;
	    margin-left: 6px;
    background: linear-gradient(to bottom, #c9c9db 70%, #f5f5f5 30%)
}

 .habybyformSC p.note{
    font-size: 11px;
}

.habybyformSC .error{
    margin-bottom: 10px;
}
.imglogout{    height: 40px;
    vertical-align: top;
    margin-top: 1px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
	opacity:0.4;}
	.imglogout:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
	opacity:0.6;
	}
/*login.php*/
/* .login #header{
    width: 100%;
    height: 238px;
    margin: 0 auto;
} */


input[type="submit"].saveBtn{background:green}

.designTB tr:nth-of-type(odd){background-color: #fff;}
.designTB tr:nth-of-type(even){background-color: #d6d6d6;}
 .designTB{
    border-collapse: collapse;
    text-align: center;    border: 2px solid #000;    width: 100%;
}
.designTB .labelCell{text-transform: uppercase;
    text-shadow: 1px 1px 1px #989898;
    color: #757272;
    font-size: 14px;}
.designTB .valueCell{	    text-shadow: 1px 1px 1px #c1c1c1;
    color: #000000;
    font-size: 16px;
    font-weight: 700;}
.designTB .labelCell,.designTB .valueCell {
    text-align: center;
    padding: 18px 15px;
}

.viewProfile .profilePic{width:auto;height:auto;max-height:262px;    max-width: 100%;}
.viewProfile #editplace{padding:0;    width: 29%;
    display: inline-block;
    vertical-align: top;}
.viewProfile #profileData	{
    width: 70%;
    display: inline-block;
    vertical-align: top;
}
.viewProfile .editAlbum{top:9px;}

@media (max-width: 700px){
.viewProfile .centerContent{width:100%}

}
@media (max-width: 560px){
	body .snakeMobileSubMenu{    top: 6px;
    right: 20px;
    position: fixed;
    right: auto;}
	body .snakeMobileSubMenu.option {width:40px;height:40px;left:0;top:0}
    
	body .snakeMobileSubMenu .opionright{width:25px;margin-top:8px;margin-left:7px;}
.viewProfile #editplace{display:none}
.viewProfile #profileData{width:98%;clear:both;display:block;    margin: 0 auto;}
.viewProfile .editAlbum {
    top: 70px;
    bottom: auto;
    right: 10px;
    left: auto;
    margin: 0 auto;
}
	
	
	body .profileCard{width: 100%!important;-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	box-sizing:border-box;}
	
	
	body #contentwrap .body .email{width:98%}
}
@media (max-width: 400px){
.viewProfile.edit	.designTB .labelCell{display:none}
	.viewProfile.edit	.editprofileForm,.viewProfile.edit	.editprofileForm input,
	.viewProfile.edit	.editprofileForm select{width:100%}
	.viewProfile.edit	.editprofileForm td{padding:10px}
	.viewProfile.edit	.designTB{border:none}
	.submitBox.APPLYS{margin-bottom:10px}
}



body .ui-state-default,body .ui-widget-content .ui-state-default,body .ui-widget-header .ui-state-default{    font-size: 14px;
    background: #4c4c4c;}
body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight{background:#000;    color: #7b7b7b;}
	
	

	
.profileCard .fullimgcut .profilePic{    width: auto;
    height: auto;margin:0 auto}
.profileCard p:nth-of-type(odd){background-color: #fff;}	
.profileCard p:nth-of-type(even){background-color: #d6d6d6;}	
.profileCard.darkCard p:nth-of-type(odd){background-color: #d6d6d6;}	
.profileCard.darkCard p:nth-of-type(even){background-color: #fff;}	
	
	
	
	
.albums .profileCard p:nth-of-type(odd){background-color: #d6d6d6;}	
.albums .profileCard p:nth-of-type(even){background-color: #fff;}	
.albums .profileCard.darkCard p:nth-of-type(odd){background-color: #fff;}	
.albums .profileCard.darkCard p:nth-of-type(even){background-color: #d6d6d6;}	
	
	@media (max-width: 980px){
		body .themes {right: 5px;top: 20px;}
		body .themes img {max-height: 100px;}
		.moviesPage body .themes img {max-height: 130px;}
		body #con-img-big{    width: 47%;}
		#con-img-big:nth-of-type(3n){margin-right:10px}
		body #con-img-big:nth-of-type(2n){margin-right:0}
		
	
	
	}
	@media (max-width: 940px){
		.moviesPage body .themes {top: 15px;}
	}
	@media (max-width: 920px){
		.moviesPage #header p.welcomeBar{display:none}
	}
	.terms{text-shadow: 0px 0px 2px #ffffff, 1px 2px 2px #fff;}
	a.terms {color:gray}
	
	@media (max-width: 890px){
.moviesPage body .themes img {
    max-height: 120px;
}
	}
	
	@media (max-width: 800px){
.moviesPage body .themes {
    top: 10px;
}
	}
	@media (max-width: 770px){
.moviesPage body .themes img {
    max-height: 110px;
}
	}
	@media (max-width: 720px){
.moviesPage body .themes img {
    max-height: 95px;
}
}
@media (max-width: 648px){
.moviesPage body .themes img {
    max-height: 80px;
}
}
	#contentwrap h2{  text-shadow: 1px 1px 1px #e2e2e2;
background:url(images/headerbg.jpg);
background-size:cover;}

/* 
.albums .profileCard {width:100%;-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	box-sizing:border-box;}
	 */



::-webkit-input-placeholder { 
  color: #777;    text-shadow: 1px 1px 1px #8e8e8e;
}
::-moz-placeholder { 
  color: #777;    text-shadow: 1px 1px 1px #8e8e8e;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #777;    text-shadow: 1px 1px 1px #8e8e8e;
}
:-moz-placeholder { /* Firefox 18- */
  color: #777;    text-shadow: 1px 1px 1px #8e8e8e;
}
	/*block theme*/
	
	/* body.black{background: url(images/habybybackgroundb.jpg);} */
	body.black{background:url("../images/profile_pics/3c2fd7d.gif") left top repeat scroll rgb(34, 34, 34);}
	body.black #wrap{    background: url(../images/frame2.png) center center;background-size: 100% 100%;}
	body.black #contentwrap{background-color: #000;}
	body.black .view2 .centerContent{    background: #000;}
	body.black #footer{-webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);}
	body.black .registerMessage{color: #fff;}
	
	body.black a:hover, a:focus {
    color: #fff;
    text-shadow: 0px 0px 2px #000, 1px 2px 2px #000;}
	body.black a {
    color: #5f5f5f;
    text-shadow: 0px 0px 2px #5d5d5d, 1px 2px 2px #2f2f2f;
	}
	body.black .form-1{background:#000}
	body.black input#image-button {
    background: url(../images/enterb.png) no-repeat center;    background-color: #fff;
    border: 5px solid #fff;}
	
	body.black #image-button:hover {
    border: 5px solid #000;
}

body.black input[type="submit"]:hover, body.black input[type="button"]:hover, body.black input[type="submit"]:focus,body.black  input[type="button"]:focus{    box-shadow: 0 0 20px white;}

.themes{
       position: absolute;
    right: 0;
    top: 10px;
    z-index: 1000;
	cursor:pointer;
	transform: rotate(27deg); 
-webkit-transform: rotate(27deg); 
-moz-transform: rotate(27deg); 
-ms-transform: rotate(27deg); 
-o-transform: rotate(27deg); 
}
.goog-te-gadget-simple .goog-te-menu-value span {text-shadow: 0px 0px 2px #828282, 1px 2px 2px #848484;}


body.black fieldset {
    background: #000;
	
}


body.black select {
    background-color: #fff;
    border: 1px solid #d6d6d6;}

body.black {color:#fff}

body.black #content p{color:#a0a0a0}

body.black .labelCell{text-shadow: 1px 1px 1px #524e4e;
color: #bfbfbf;}

body.black input[type="submit"], body.black input[type="button"]{box-shadow: 0 0 20px #696969;}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons{top:auto!important}

body.black #menubottom{background: url(../images/bar-headerb.jpg);}

@media (max-width: 1120px){
body #con-img-small .link{max-height:100%;}
}
@media (max-width: 680px){
		body .themes {right: 10px;}
		body .themes img {max-height: 70px;}
		body .snakeMobileSubMenu{top:5px;left:5px;}
}
@media (max-width: 560px){
	#contentwrap #profileData .contant_img{width:94%}
	body #con-img-big {
    width: 95%;
    margin: 0 auto 15px!important;}
	body .upload #profileData input[type="file"] {
    width: 57%;}
	body #contentwrap .body input[type="submit"]{width:100%;}
	body .body label{display:none}
	body .body input, body .body textarea{margin-top: 17px;}
}
@media (max-width: 400px){
		body .themes {right: 10px;top:8px}
		body .themes img {max-height: 55px;}
}
/*upload image*/

body .upload input[type="file"]{width:50%;display:inline-block}
.upload #profileData{text-align:left}







/*slick*/

	 .threeSlider {
       /*width:50%*/
        /* margin: 0px 30px; */
		    direction: ltr;
			-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height:200px;
	    height: 200px;
    width: 100%;
    margin: 0;
    padding-right: 30px;
    padding-left: 30px;
	overflow:hidden;
    }

	.threeSlider > * {-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
    /* .slick-slide {
      margin: 0px 5px;
    } */

    .slick-slide img {
      /*width: 100%;*/
	      width: 100%;
		  vertical-align:middle
		  
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	background:#000;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: inline-block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



.slick-loading .slick-list
{
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}


/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    top: 0;
    display: block;
    bottom: 0;
    width: 30px;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(../images/thumb_over.png) repeat right top;}
 .slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    
    outline: none;
    /* background: url(../images/thum_overlay.png) repeat right top; */
	background: none;
    background-color: #1b1a1a;
} 

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    color: #a2a2a2;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: .25;
  -khtml-opacity: .25;
}

.slick-prev:before,
.slick-next:before
{    

    line-height: 1;
    color: #fff;
    width: 32px;
    height: 32px;
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'IcoMoon-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.slick-prev
{
    left: 0;
	z-index:1;
}
[dir='rtl'] .slick-prev
{
    right: -28px;
    left: auto;
}
.slick-prev:before
{
    content: "\ea1f";
}
[dir='rtl'] .slick-prev:before
{
    content: '';
	background: url("../images/carouselarrows-32-32-0.png") 100% 0% no-repeat;
}

.slick-next
{
    right: 0;
	z-index:1;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -28px;
}
.slick-next:before
{
    content: "\ea20";
}
[dir='rtl'] .slick-next:before
{
    content: '';
	background: url("../images/carouselarrows-32-32-0.png") 0% 0% no-repeat;
}

/* Dots */


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
float:left;
    cursor: pointer;
}
.slick-dots li button
{
   

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
.slick-dots li button:before
{
    
 background: url("../images/bullet-20-20-0.png") 0% 0% no-repeat !important;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;

    opacity: .25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: .25;
  -khtml-opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  -khtml-opacity: .75;
    color: black;
}
.threeSlider .content{position:relative;overflow: hidden;
    height: 200px;}

	.threeSlider .content a{line-height:200px}

.threeSlider .content:before{
	    content: '';
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../images/thumb_over.png) no-repeat center center;
    background-size: cover;
	pointer-events: none;
}
.threeSlider .content:hover:before{
	background: url(../images/thum_overlay.png) no-repeat center center;
	    background-size: cover;
}


.indexx .header1{padding-top:0}
.indexx .cooleffecth2{margin-top:0}


@media (max-width: 430px){
	body  .threeSlider{height:auto}
body .threeSlider .content{height:auto}
body .slick-slide img{width:auto;max-height:500px;display:block!important;margin:0 auto;    line-height: normal;}
body.homepage .threeSlider{height: 200px;}
body.homepage .slick-slide img{height:200px}

}

.create_album textarea,.edit_album textarea{font-size:16px;box-sizing:border-box;background-color: #ddd;width:100%;height:100px;border-style: solid;border-width: 1px;border-color: #777;}
@media (max-width: 560px){
	.create_album .labelCell,.edit_album .labelCell{display:none}
	.create_album input[type="text"],.create_album textarea,
	.edit_album input[type="text"],.edit_album textarea{margin-bottom:10px}
}




/*quotes*/
.quote-text{position:relative;font-size:16px!important;line-height:30px;}

.quote-text:before,.quote-text:after{    line-height: 1;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'IcoMoon-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    margin-left: 10px;}
.quote-text:before{content: "\e977";}
.quote-text:after{content: "\e978";}


/*movies.php*/
.moviesPage #wrap{width:98%;margin: 0 auto;padding: 4px;}
.MYFORM_Movies {
    text-align: left;
    margin: 0 auto 10px;
    float: none;
    background: #cacaca;
    border: 1px solid #fffcfc;
    padding: 0;
    width: 99%;
    clear: both;
    display: block;
}
.MYFORM_Movies h2{background: none!important;
    text-align: center!important;
    font-size: 16px!important;
    line-height: 16px!important;
    margin: 0!important;
    color: #8a8a8a!important;
    text-shadow: 1px 1px 1px #d7d7d7!important;padding:10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;cursor:pointer}
	.MYFORM_Movies .formHide{padding:0 10px 10px 10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
	.MYFORM_Movies .formHide.hide{display:none;}
.MYFORM_Movies input[type="submit"],.MYFORM_Movies input[type="text"],.MYFORM_Movies input[type="number"]{display: inline-block;
    vertical-align: top;margin-top:10px;}
	.MYFORM_Movies input[type="text"],.MYFORM_Movies input[type="number"]{text-shadow: 1px 1px 1px #bcbcbc;}

	.MYFORM_Movies input{background:#fff;width: 25%;}
	.MYFORM_Movies .MoviedateDiv{width:135px;position:relative;display:inline-block;vertical-align:top}
	.MYFORM_Movies .MoviedateDiv .Moviedate {width:100%}
	.MYFORM_Movies .MoviedateDiv:before{content: '\e953';
    position: absolute;
    top: 13px;
    right: 3px;
    font-family: 'IcoMoon-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    color: #777789;}
	.MYFORM_Movies input[type="submit"]{width:auto;background:#000;clear:both;display:block}
	.MYFORM_Movies .uploadbox input{width:76%;padding:0}
.uploadbox{display: inline-block;
    vertical-align: top;    margin-top: 10px;
width: 50%;}
.moviesPage .profileCard .fullimgcut .profilePic{max-width:100%;}
.moviesPage .profileCard{position:relative;    padding: 0 0 5px;}
.moviesPage .userbox{position:absolute;top:0;left:0;opacity:0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  -khtml-opacity: .6;}
  .moviesPage .userbox:hover,.moviesPage .userbox:focus{
  opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  }
.moviesPage .profilePic {height: auto;
width: 40px;}
.moviesPage .Movieyear,.moviesPage .Movierate{width:80px;background:#fff}
.overlay-hover {
    overflow: hidden;
    position: relative;
}
.overlay-hover .hoverCss {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 23px;
    background: rgba(4, 0, 0, 0.8);
    color: #ddd;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    line-height: 16px;
	z-index: 1;
}
.overlay-hover .hoverCss:hover, .overlay-hover .hoverCss:focus,  .overlay-hover .hoverCss:active {
    height: 100%;
}
.hoverCss p{background-color:transparent!important;color:#fff!important}
.moviesPage .description {
    margin-top: 10px;
    font-size: 15px;
    line-height: 16px;
    color: #beb9b9!important;
}
	input[type="number"]{
    border-style: solid;
    border-width: 1px;
    border-color: #777;
    width: 180px;
    line-height: 20px;
    padding-left: 5px;
    font-size: 16px;
    height: 30px;
    color: #000;
    background-color: #ddd;
    text-shadow: 1px 1px 1px #3c3c3c;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
.moviesPage .ratebox{
    position: absolute;
    top: 2px;
    right: 2px;
}
.moviesPage .rateIn{
    position:relative;
}
.moviesPage .ratebox img{max-width:30px}
.moviesPage .ratebox span{    position: absolute;
    top: 9px;
    right: 0;
    left: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;color:#000;}
	.moviesPage .masonry-box .news-post{width: 7.8%;    border: 3px solid #9d9d9d;}
	

	.moviesPage .imdb{
    position: absolute;
    bottom: 3px;
    left: 3px;
	display:none;
	-webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
	 opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}
.moviesPage .imdb:hover,.moviesPage .imdb:focus{opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;}
.moviesPage .imdb img{max-width:30px}



.moviesPage .overlay-hover .hoverCss:hover .imdb, .moviesPage .overlay-hover .hoverCss:focus .imdb, .moviesPage .overlay-hover .hoverCss:active .imdb {
    display:block;
	
}
.moviesPage .overlay-hover .hoverCss:hover , .moviesPage .overlay-hover .hoverCss:focus , .moviesPage .overlay-hover .hoverCss:active  {
     padding-bottom: 30px;
	
}
.moviesPage #header h1 {
    padding: 14px 0 0 40px;
    display: inline-block;
    vertical-align: top;
}
.moviesPage #header h1 a img{width:460px}
/* @media (max-width: 2800px){
.moviesPage #header h1 a img{width:17%}
}
@media (max-width: 2000px){
.moviesPage #header h1 a img{width:500px}
} */
@media (max-width: 1870px){
.MYFORM_Movies .uploadbox input{width:70%}
}
@media (max-width: 1500px){
.MYFORM_Movies {width:95%}
.uploadbox {
    width: 26%;
}
.MYFORM_Movies input{width:21%}
}
/* @media (max-width: 1400px){
.moviesPage #header h1 a img {
    width: 30%;
}
} */
.MYFORM_Movies  .Moviedescription{width:47%}


.moviesPage .pager{clear:both;display:block;position:relative}
#field_select,#order_select{background:#fff;}
#order_select{
    width: 100px;
}
#field_select{margin-left:15px}

@media (max-width: 1361px){
	.uploadbox {
    width: 30%;
}
.MYFORM_Movies input {
    width: 24%;
}
}

@media (max-width: 1920px){
	.moviesPage .masonry-box .news-post {
    width: 9.4%;
}
}
@media (max-width: 1703px){
	.moviesPage .masonry-box .news-post {
    width: 11.7%;
}
}
@media (max-width: 1280px){
	.moviesPage .masonry-box .news-post {
    width: 13.2%;
}
}

@media (max-width: 1200px){
.uploadbox{    width: 45%;}

}

@media (max-width: 1000px){
	.moviesPage #wrap {padding-bottom: 0;}
	#field_select {width: 125px;margin: -9px 0 0 10px;}
	#order_select {
    width: 125px;    clear: both;
    margin: 0 0 0 10px;}
	.moviesPage #header h1 a img{width:450px;}
}
@media (max-width: 950px){
	.moviesPage .masonry-box .news-post {
    width: 18.7%;
}
}
@media (max-width: 900px){
.moviesPage #header h1 a img{width:400px;}
}
@media (max-width: 860px){
#menu ul li a {padding-left: 3px!important;
    padding-right: 3px!important;}
	
}
@media (max-width: 840px){
.moviesPage #header h1 a img{width:350px;}
}
@media (max-width: 800px){
.uploadbox{width: 60%;}
}
@media (max-width: 788px){
	.moviesPage .masonry-box .news-post {
    width: 23.5%;
}
}
@media (min-width: 750px) and (max-width: 780px){.MYFORM_Movies .Moviedescription {
    width: 40%;
}}
@media (max-width: 720px){
.moviesPage #header h1 a img{width:300px;}
}
@media (min-width: 1000px) and (max-width: 1100px){.uploadbox {
    width: 36%;
}}

@media (max-width: 684px){
	.moviesPage .masonry-box .news-post {
    width: 31.4%;
}
}
@media (max-width: 640px){
.moviesPage #header h1 {
padding: 3px 0 0 40px;}
body .snakeMobileSubMenu img{width:30px}
.moviesPage #header {
    height: 38%;
    height: 13.5vw;
}
}
@media (min-width: 630px) and (max-width: 680px){.uploadbox {
    width: 75%;
}.MYFORM_Movies .uploadbox input {
    width: 77%;
}}
@media (max-width: 560px){
	.moviesPage .droplistBox{display:none}
	.moviesPage .masonry-box .news-post {margin:5px!important}
}
@media (max-width: 500px){
.uploadbox{width:100%}
.moviesPage .uploadbox input{width:65%!important}
.MYFORM_Movies input {width: 100px;}
.moviesPage .Movieurl{width:45%}
.moviesPage .MovieIMDB{width:94%}
}

@media (min-width: 400px) and (max-width: 420px){.moviesPage .Movieurl {
    width: 94%;
}
.MYFORM_Movies .Moviedescription {
    width: 67%;
}
}

@media (max-width: 380px){
.MYFORM_Movies .Moviedescription {
    width: 63%;
}
.moviesPage .Movieurl {
    width: 93%;
}
}
@media (max-width: 370px){
.moviesPage .Movieurl {
    width: 94%;
}
#order_select{width:100px;margin: 0 0 0 2px;}
#field_select {margin: -9px 0 0 0px;}
#MovieMainFilter{margin-left: 0px;}
}
@media (max-width: 323px){
.moviesPage .Movieurl {
    width: 98%;
}
}
.moviesPage ::-webkit-input-placeholder { 
  color: #777;    text-shadow: 1px 1px 1px #bcbcbc;
}
.moviesPage ::-moz-placeholder { 
  color: #777;    text-shadow: 1px 1px 1px #bcbcbc;
}
.moviesPage :-ms-input-placeholder { /* IE 10+ */
  color: #777;    text-shadow: 1px 1px 1px #bcbcbc;
}
.moviesPage :-moz-placeholder { /* Firefox 18- */
  color: #777;    text-shadow: 1px 1px 1px #bcbcbc;
}
.moviesPage input[type="file"]{color: #777;    text-shadow: 1px 1px 1px #bcbcbc;}
.moviesPage audio{display:none}

@media (min-width: 320px) and (max-width: 529px){
.moviesPage .masonry-box .news-post {
    width: 46%;
}
}
.moviesPage .darkCard,.moviesPage .lightCard{background-color:#000}
.moviesPage .errorMessage{
    width: auto;
    display: inline-block;
    vertical-align: top;
	margin-top:10px;
}
.MYFORM_Movies .error{
    border: 1px solid #8a0b0b!important;
}
.moviesPage #content h2{margin-top:0;position:relative}
.description .langroup{display:block;clear:both;}
.groupgenres{
    color: #ffc9c9;
    margin-bottom: 5px;
	display:inline-block;
	vertical-align:top;
}
.description .language{display:inline-block;
	vertical-align:top;text-transform: capitalize;margin-right:2px;margin-bottom:2px;}
.MYFORM_Movies .Movielanguage{
    margin-top: 10px;
    background: #fff;
    width: 107px;
}
/*multi select*/
.hidden-search {
	display: none !important;
}

.vsb-menu{
  cursor:pointer;
  z-index:1000;
	display:block;
	visibility: hidden;
  position:absolute;/*Don't change*/
  border:1px solid #B2B2B2;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border-radius:4px;
  font-size : 11px;
}

.vsb-js-search-zone{
	position:absolute;/*Don't change*/
    z-index:1001;
	width: 80%;
	min-height:1.8em;
	padding: 2px;
	background-color: #fff;
}

.vsb-js-search-zone input{
	border: 1px solid grey;
	margin-left: 2px;
	width: 96%;
	border-radius: 4px;
	height: 25px !important;
}

.vsb-main{
	position: relative;/*Don't change*/
	display: inline-block;
	vertical-align: top;
	text-align:left;
	margin-top:10px;
	cursor:pointer;
}

.vsb-menu li{
	display: list-item;
	font-size: 12px;
	background-color: #fff;
	min-height:1.4em;
	padding: 0.2em;
}

.vsb-menu li:hover {
	background: linear-gradient(#f5f5f5, #e8e8e8);
}

.vsb-menu ul{
	user-select:none;
	list-style:none;
	white-space: nowrap;
	margin:0px;
	margin-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	color: #333;
	cursor:pointer;
	overflow-y:auto;
}

li.disabled{
	cursor:not-allowed;
	opacity:0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: .25;
  -khtml-opacity: .25;
	background-color: #999;
}

.vsb-main button{
	min-width: 120px;
	border-radius: 0;
	width: 100%;
	text-align: left;
	z-index: 1;
	color: #333;
	background: white !important;
	border: 1px solid #999 !important;
	line-height:20px;
	font-size:14px;
	padding:4px 12px!important;
	cursor:pointer;
	word-break: break-word;
}

.vsb-main button.disabled{
	cursor:not-allowed;
	opacity:0.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  -moz-opacity: .65;
  -khtml-opacity: .65;
}

.vsb-main .title {
	margin-right: 6px;
	user-select:none;
}

.vsb-main li:hover {
	background: linear-gradient(#f5f5f5, #e8e8e8);
}

.vsb-main ul{
	white-space: nowrap;
}

.vsb-menu li {
	font-size: 14px;
	background-color: #fff;
	min-height:1.4em;
	padding: 0.2em 2em 0.2em 1em;
}

.vsb-menu li.grouped-option {
	font-weight: bold;
	font-size: 15px;
	padding-left: 5px;
}

.vsb-menu :not(.multi) li.active::before {
	content: "";
	display: inline-block;
	font-size: inherit;
	float:left;
	margin-left:-16px;
	transform: rotate(45deg);
	height: 10px;
	width:  5px;
	border-bottom:  3px solid black;
	border-right:  3px solid black;
	border-radius:2px;
}

.vsb-menu .multi li {
	font-size: 14px;
	background-color: #fff;
	min-height:1.4em;
	padding: 0.2em 2em 0.2em 26px;
}

.vsb-menu .multi li.grouped-option {
	font-weight: bold;
	font-size: 15px;
	padding-left: 5px;
}

.vsb-menu .multi li:not(.grouped-option)::before{
	content: "";
	display: inline-block;
	font-size: inherit;
	float:left;
	font-weight:bold;
	margin-left:-22px;
	margin-right:2px;
	border : 1px solid;
	border-radius : 3px;
	padding : 7px;
	margin-top:0px;
	color:black;
}

.vsb-menu .multi li.active::after {
	content: "";
	display: inline-block;
	font-size: inherit;
	color: #333;
	float:left;
	margin-left:-18px;
	display: inline-block;
	transform: rotate(45deg);
	margin-top:1px;
	height: 8px;
	width:  5px;
	border-bottom: 3px solid black;
	border-right:  3px solid black;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.filterBox .filterImg{
    max-width: 50px;
    margin-right: 10px;
    display: inline-block;
}
.filterBox.search .filterImg{
    margin-right: 0;
	margin-left: 10px;
}
.filterBox label{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #fdfdfd;
    width: auto;
    margin-top: 11px;
	cursor: pointer;
}
.filterBox {
    position: absolute;
    top: 7px;
    left: 15px;
    cursor: pointer;
	user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none;
}
.filterBox.search{left: auto;right:15px} 
body.popup,html.popup{overflow:hidden!important;}
.popupBox.popup{
    width: 100%;
    height: 100%;
    background: #000000b3;
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.droplistBox{position:relative;overflow:hidden;clear: both;text-align:center;display:none}
.popupBox .SortBox{display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 10px;
    margin-top: 50px;overflow:scroll}
	.popupBox .borderBox{display: inline-block;
    vertical-align: top;
    border:1px solid #ddd;
    padding: 10px;}
	.droplistBox label{
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    width: auto;
}
#MovieSecFilter{display:none}
.droplistBox .raw2{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	text-align:left;
}
.droplistBox .closeBox{    width: 100px;
    background: #f5f5f5;
    text-align: center;
    border: 1px solid #bfbfbf!important;
    color: #8c8c8c;
    text-shadow: 1px 1px 1px #ababab;cursor:pointer}
	 
	 #MovieMainFilter{
    width: 100px;
    margin-left: 7px;
}

@media (max-width: 610px){
	 .filterBox label{display:none}
}
@media (max-width: 480px){
	.filterBox label{display:none}
		.filterBox{position: fixed;
    top: 5px;
    right: 40px;
    z-index: 100;
left: auto;}.filterBox.search{
    right: 95px;
left: auto;}
	.filterBox .filterImg {
		display:none!important;
	}
}

.overlay-hover.search{display:inline-block;vertical-align:top;text-align:center;}
.overlay-hover.search .moviePic{max-width:150px}
@media (max-width: 1180px){
	.homeIMAGE.IMAGE, .themes.IMAGE{display:none!important}
}
@media (max-width: 1100px){
.overlay-hover.search .moviePic{max-width:135px}
}
@media (max-width: 901px){
	.moviesPage #menu.active .snakeMobileSubMenu.SCROLL.user{display:none!important}
}
.overlay-hover.search .hoverCss p{font-size:12px;line-height:14px;}
.overlay-hover.search .description{font-size:10px;line-height:12px;}
.overlay-hover.search .hoverCss{height:40px;}
.overlay-hover.search .hoverCss:hover, .overlay-hover.search .hoverCss:focus, .overlay-hover.search .hoverCss:active {
    height: 100%;
}
.popupBox.search #livesearch{background:#000;color:#fff}
	#MYFORM_Search{overflow: scroll;
    max-height: 350px;}
	.popupBox.search .raw1,.popupBox.search #Moviesearch{margin-bottom:10px}
.overlay-hover.search .userbox img {
    height: auto;
    width: 30px;
}
.overlay-hover.search .userbox  {
    position: absolute;
    top: 0;
    left: 0;
	opacity:0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: .60;
  -khtml-opacity: .60;
}
.overlay-hover.search .userbox:hover,.overlay-hover.search .userbox:focus{opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;}
.popupBox.sort .vsb-main{margin-top:-4px}
.moviesPage .news-post,.moviesPage .threeSlider .content .clear{clear:both;background:#000}
.moviesPage .news-post .editBox,.moviesPage .threeSlider .content .editBox{float: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;cursor:pointer;}
	.moviesPage .news-post .deleteBox,.moviesPage .threeSlider .content .deleteBox{float: right;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;cursor:pointer;}
.moviesPage .news-post .editBox img,.moviesPage .news-post .deleteBox img,
.moviesPage .threeSlider .content .editBox img,.moviesPage .threeSlider .content .deleteBox img{max-width:30px;opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;}
  .moviesPage .news-post .editBox img:hover,.moviesPage .news-post .deleteBox img:hover,
  .moviesPage .news-post .editBox img:focus,.moviesPage .news-post .deleteBox img:focus,
  .moviesPage .threeSlider .content .editBox img:hover,.moviesPage .threeSlider .content .deleteBox img:hover,
  .moviesPage .threeSlider .content .editBox img:focus,.moviesPage .threeSlider .content .deleteBox img:focus{
  opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  }
.MYFORM_Movies .imgCover{
    position: absolute;
    top: 0;
    right: 0;
	max-height: 195px;
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
}
.MYFORM_Movies .moveEditBox{z-index: 10;
    position: relative;}
#MYFORM_Movies_edit{position:relative}
.MYFORM_Movies .imgReturnAdd{ position: absolute;
    top: 1px;
    left: 1px;
	max-height: 30px;
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;cursor:pointer;}

@media only screen and (orientation: landscape) and (max-width: 1600px) {#MYFORM_Search{max-height: 450px;}}
@media only screen and (orientation: landscape) and (max-width: 960px) {.popupBox .SortBox{margin-top:0;}#MYFORM_Search{max-height:250px}}
@media only screen and (orientation: landscape) and (max-width: 600px) {#MYFORM_Search{max-height:220px}}


@media only screen and (orientation: portrait) and (max-width: 1100px) {
	#MYFORM_Search {max-height: 700px;}
}
@media only screen and (orientation: portrait) and (max-width: 700px) {
	#MYFORM_Search {max-height: 500px;}
}
@media only screen and (orientation: portrait) and (max-width: 350px) {
	#MYFORM_Search {max-height: 300px;}
}
@media (max-width: 561px){
	.pager.top .first,.pager.top .last,
	.pager.top .next,.pager.top .prev{margin-top:16px}
	.submitBox.APPLYS{    width: auto;
    padding: 5px;}
	.popupBox.search .closeBox{width: 55px;
    padding: 5px;
    vertical-align: top;} 
	body .snakeMobileSubMenu.left{top:5px;}
}
@media (max-width: 411px){
.popupBox.search #Moviesearch{width:77%}
}
@media (max-width: 401px){
	.moviesPage body nav.topNav .mobileRight{margin-right:0}
	nav.topNav .mobileRight a.mobileImg{margin:0!important}
	body .snakeMobileSubMenu.left{right:0}
	body .snakeMobileSubMenu{left:10px;}
	body nav.topNav .themes img {
    width: 30px!important;
    height: auto!important;
    margin-top: 5px!important;
}
 body nav.topNav .themes {right:13px}
	/* .imglogout{width: 32px!important;
    height: 32px!important;} */
	
body nav.topNav .homeMobile a img, body nav.topNav .themes img {
    margin-left: 4px;
    margin-top: 1px;
	height: 36px;
}

.filterBox .filterImg{max-width: 30px;    margin-top: 3px;}
.filterBox.search {
    right: 85px;
}
nav.topNav li a{    margin-left: 5px!important;
    margin-right: 5px!important;}
	.filterBox.sort{right: 42px;}
}
@media (max-width: 322px){
#MovieMainFilter{width: 60px;}
}
@media (max-width: 320px){
.moviesPage .masonry-box .news-post {
    width: 45.5%;
}
}
@media (max-width: 316px){
	#field_select{width: 90px;}#order_select{width: 90px}
	.overlay-hover.search .moviePic {
    max-width: 200px;
}
}
@media (max-width: 310px){
	nav.topNav li a {
    margin-left: 0px!important;
    margin-right: 0px!important;
	padding-left: 0px!important;
    padding-right: 0px!important;
}
}
@media (max-width: 302px){
	.MYFORM_Movies .Moviedescription {
    width: 59%;
}
.moviesPage .uploadbox input {
    width: 94%!important;
}
.MYFORM_Movies .Movielanguage {
    width: 92px;
}
}
@media (max-width: 282px){
.vsb-main button{min-width: 110px!important;}
}
#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images/logo_loading.gif) 50% 50% no-repeat #000;
}
@media (max-width: 600px){
	#spinner{background-size:contain}
}
.submitBox.APPLYS{ 
-moz-border-radius: 0px!important;
  -webkit-border-radius: 0px!important;
  border-radius: 0px!important;vertical-align: top;}
 .moviesPage  #menu {    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;}
	
	
	.modal-header{text-align: center;
    padding-right: 30px;
    position: relative;
    background: #ffdee1;}
	.bootbox-close-button.close{    position: absolute;
    top: 18px;
    right: 22px;
    padding: 0;cursor:pointer}
	.modal-title{    text-align: center;
    display: block;
    width: 100%;
    margin: 0;font-size:18px}
	.bootbox-body{
    line-height: 20px;
    text-align: center;
}
	.moviesPage .pop21 .imgBox img{    margin: 0 auto 15px;}
	.moviesPage .pop21 p{    text-align: center;
    font-size: 16px;
	    line-height: 20px;
    font-weight: 700;}
	.modal .modal-footer{text-align: center;display:block}
	.moviesPage .termsBoxx{
    font-size: 10px!important;
    line-height: 15px!important;
    color: #777;
    margin-top: 10px;
}
.moviesPage .termsBoxx a{
    color: red;
    text-shadow: 1px 1px 1px #f1f1f1;
}
.moviesPage .termsBoxx a:hover,.moviesPage .termsBoxx a:focus{
    color: #000;
    text-shadow: 1px 1px 1px #f1f1f1;
}
.redClass{
    color: #f00;
    text-decoration: none;
    text-shadow: 0px 0px 2px #fff, 1px 2px 2px #b9b9b9;
}
.displayb{display:block;clear:both}
.gridBox .gridimg{display:none;}
.gridBox .sliderimg.showgrid{display:none;}
.gridBox .gridimg.showgrid{display:block;}
.gridBox{
    position: absolute;
    top: 5px;
    right: 8px;
	z-index:1000;
}
.gridBox img{height: 40px;width:auto;cursor:pointer}
.moviesPage .sliderHide{display:none!important}
.moviesPage .pager.top.fix{min-height:40px;}
/* .moviesPage .sliderBoxGallery .news-post{position: relative;
    display: inline-block;
    vertical-align: top;} */
	.moviesPage .sliderBoxGallery .threeSlider{height:268px}
	.moviesPage .sliderBoxGallery .threeSlider.yesuser{height:308px}
	.moviesPage .sliderBoxGallery .threeSlider .fullimgcut a{line-height:268px;display:block;}
	.moviesPage .sliderBoxGallery .threeSlider .moviePic{max-width: 182px;}
	.moviesPage .sliderBoxGallery .news-post{clear:none;}
	.moviesPage .sliderBoxGallery .h2Box{
    background: url('/habibi/images/thumb_over.png') repeat right top;
    color: #fff;
    padding: 10px 10px 10px 30px;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    background-size: 39%;
    font-family: sans-serif;
    font-weight: 700;
    text-shadow: 1px 4px 8px #1304ff;
    text-transform: uppercase;
	margin-top:20px;
	clear:both;
}
.moviesPage .sliderBoxGallery .seemore{float:right}
.moviesPage .sliderBoxGallery .seemore:hover, .moviesPage .sliderBoxGallery .seemore:focus {
    color: #ddd;
    text-shadow: 0px 0px 2px #1000ff, 1px 2px 2px #1000ff;
}
.moviesPage .sliderBoxGallery .slick-slide img {
    display: block;
    margin: 0 auto;
}
.moviesPage .sliderBoxGallery {position: relative;text-align: center;}
.moviesPage .sliderBoxGallery .MovieCategory{
        margin-top: -53px;
    background: #fff;
    position: absolute;
    width: 135px;
    text-transform: uppercase;
	    margin-left: -55px;
}
.moviesPage .sliderBoxGallery .ajaxloadimg img{
margin: 30px auto 0;
    -webkit-filter: grayscale(100%) brightness(2) opacity(0.2);
    -moz-filter: grayscale(100%) brightness(2) opacity(0.2);
    -o-filter: grayscale(100%) brightness(2) opacity(0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
	opacity:0.6;
}
@media (max-width: 1800px){
	.moviesPage .sliderBoxGallery .h2Box{background-size: 50%;}
}
@media (max-width: 1300px){
	.moviesPage .sliderBoxGallery .h2Box{background-size: 62%;}
}
@media (max-width: 1160px){
	.moviesPage .sliderBoxGallery .h2Box{background-size: 70%;}
}
@media (max-width: 1000px){
	.moviesPage .sliderBoxGallery .h2Box{background-size: 100%;}
}
@media (max-width: 700px){
	.moviesPage .sliderBoxGallery .h2Box{background-size: 244%;}
}
@media (max-width: 560px){
.gridBox img{height: 30px;}
}
@media (max-width: 430px){
.moviesPage .sliderBoxGallery .threeSlider .moviePic {
    max-width: 164px;
}
}
@media (max-width: 400px){
.moviesPage .sliderBoxGallery .threeSlider .moviePic {
    max-width: 148px;
}
.moviesPage .sliderBoxGallery .threeSlider {
    height: 269px;
}
.moviesPage .sliderBoxGallery .threeSlider .fullimgcut a{line-height:269px}
}
@media (max-width: 358px){
.moviesPage .sliderBoxGallery .h2Box {
font-size: 14px;}
.moviesPage .sliderBoxGallery .threeSlider .moviePic {
    max-width: 130px;
}
.moviesPage .sliderBoxGallery .threeSlider {
    height: 237px;
}
.moviesPage .sliderBoxGallery .threeSlider .fullimgcut a{line-height:237px}
}
@media (max-width: 319px){
.moviesPage .sliderBoxGallery .threeSlider .moviePic {
    max-width: 110px;
}
.moviesPage .sliderBoxGallery .threeSlider {
    height: 205px;
}
.moviesPage .sliderBoxGallery .threeSlider .fullimgcut a{line-height:205px}
}

.moviesPage .masonry-box{text-align:center}
.moviesPage .masonry-box.loading{padding-bottom: 50px;}
.moviesPage #loadmoreDiv{left: auto!important;
    top: auto!important;
    bottom: 0;
    clear: both;
    overflow: hidden;
    display: inline-block;
    margin: 0px auto -40px;
    vertical-align: top;
    background: #000;
    color: #fff;
    padding: 8px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 14px;
    font-family: sans-serif;
    cursor: pointer;    margin-left: -48px;}
.moviesPage #loadmoreDiv:hover{background: #6f0b0b}
.finshText {text-align: center;
    clear: both;
    overflow: hidden;
    line-height: 25px;}
.finshText span{
    padding: 10px;
    background: #fff;
    border: 1px solid #1bfb00;
    box-sizing: border-box;
}
.snakeMobileSubMenu{    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;}
.snakeMobileSubMenu img{width:35px}

 .NavMenu-checkbox{
    display: none;
}

    .NavMenu, .overlayNavMenu {
        position: fixed;
        height: 100%;
    }

    .overlayNavMenu {
        display: none;
        width: 100%;
        background-color: rgba(0, 0, 0, .7);
        top: 0;
        left: 0;
        z-index: 100000;
    }

    .NavMenu {
            top: 0;
    left: 0;
    z-index: 10000000;
    visibility: hidden;
    width: 250px;
    background: rgba(8, 74, 112, 0.9);
    color: #fff;
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    padding: 0;
    text-align: right;
    font-size: 17px;
    line-height: 27px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    bottom: auto;
	    text-align: left;
}
    

    .NavMenu-btn {
        background-color: transparent;
        border: 0;
        color: #222;
        font-size: 30px;
        font-weight: 300;
        line-height: 1.6em;
        position: relative;
        vertical-align: top;
        padding: 0;
        cursor: pointer;
        display: inline-block;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		width:auto;
    }

    #NavMenu-checkbox:checked ~ .overlayNavMenu.right, .overlayNavMenu.right.openNavMobile {
        display: block;
    }

    #NavMenu-checkbox:checked ~ .NavMenu.right, .NavMenu.right.openNavMobile {
        visibility: visible;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }
	#NavMenu-checkboxtwo:checked ~ .overlayNavMenu.left, .overlayNavMenu.left.openNavMobile {
        display: block;
    }

    #NavMenu-checkboxtwo:checked ~ .NavMenu.left, .NavMenu.left.openNavMobile {
        visibility: visible;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
    }


    .NavMenu .NavMenuHeader {
    display: inline-block;
}

        /* .NavMenu .NavMenuHeader span {
            display: inline-block;
            margin-right: 2px;
            white-space: nowrap;
            font-size: 18px;
            line-height: 26px;
            text-shadow: 1px 1px 1px #000;
        } */

        .NavMenu .NavMenuHeader ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .NavMenu .NavMenuHeader ul li, .NavMenu .NavMenuHeader ul li a {
                display: inline-block;
                vertical-align: top;
            }

            .NavMenu .NavMenuHeader ul li {
                margin-right: 5px;
            }

                .NavMenu .NavMenuHeader ul li:first-of-type {
                    margin-right: 0;
                }

                .NavMenu .NavMenuHeader ul li img {
                    max-width: 100%;
                    width: 35px;
                    height: auto;
                }

    .NavMenu .NavMenuList {
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: scroll;
        position: fixed;
        height: 100%;
        right: 0;
        left: 0;
        width: 100%;
    }
	.NavMenu .NavMenuList li{background: rgb(59, 59, 60, 0.9);
    border-top: 1px solid #565656;
    border-bottom: 1px solid #000000;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;}

        .NavMenu .NavMenuList span {
            color: #fff;
            display: inline-block;
            width: 100%;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .NavMenu .NavMenuList a {
            text-decoration: none;
            color: #fff;
            display: inline-block;
            padding-left: 15px;
			padding-right: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 18px;
            line-height: 26px;
            text-shadow: 1px 1px 1px #000;
			width:100%;
			box-sizing:border-box;
			-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        }

    .NavMenuList li:last-of-type a {
        margin-bottom: 0;
    }

    .NavMenuList li:last-of-type {
        margin-bottom: 230px;
    }

    .NavMenu .NavMenuList li > ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0 20px;
        right: -100px;
        position: relative;
        font-size: 15px;
        line-height: 24px;
    }

    .NavMenu .NavMenuFooter:before, .NavMenu .NavMenuList li.shown > span.more:before {
        content: '';
        display: inline-block;
        left: -10px;
        right: -10px;
        top: 0;
        bottom: 0;
    }

    .NavMenu .NavMenuFooter {
        padding: 15px 20px;
        margin-bottom: 130px;
        text-align: center;
        position: relative;
    }

        .NavMenu .NavMenuFooter:before {
            background: #323131;
            position: absolute;
        }

        .NavMenu .NavMenuFooter img {
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
            position: relative;
        }
		
		.snakeMobileSubMenu.left{display:none}
		.NavMenu.left{right:0;left:auto;}
		
	.NavMenu .NavMenuList li.selectedMenu{	background: #000;
    background-image: -moz-linear-gradient(0% 100px 90deg, #636363, #000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#000));
    background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#636363), to(#000));
    background: -o-linear-gradient(0% 0%, 0% 100%, from(#636363), to(#000));
    background: -ms-linear-gradient(0% 0%, 0% 100%, from(#636363), to(#000));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000',GradientType=0 );
    background: linear-gradient(0% 0%, 0% 100%, from(#636363), to(#000));}
	.NavMenuList li.mobileRight{position:relative}
	.NavMenuList li.mobileRight span{padding:0}
	.NavMenu .NavMenuList li.filterBox {position: relative;
    top: auto;
    left: auto;    right: auto;}
	.NavMenu .NavMenuList li.filterBox span{    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;box-sizing:border-box;
			-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
	.NavMenu .NavMenuList li.filterBox .filterImg {
    max-width: 30px;
    margin-right: 0;
	margin-left: 10px;
    display: inline-block!important;
	vertical-align:top;
	-webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}
.movie_gallery_inside .NavMenu .NavMenuList li.filterBox{display:none!important}
.watchlist{
    position: absolute;
    bottom: 19px;
    right: 4px;
}
.watchlist .icon{font-size: 35px;
    line-height: 35px;
    text-shadow: 1px 1px 10px #9ee0ff;cursor:pointer}
.watchlist .icon:hover{text-shadow: 1px 1px 10px #bdcfd8;}
.watchlist .icon-box-remove{display:none;margin-bottom: -21px;}
.watchlist .icon-box-remove.appear{display:block;}
.watchlist .icon-box-add:before{content: "\e9cf";}
.watchlist .icon-box-remove:before{content: "\e9d0";}
@media (max-width: 560px){.login #header,.register #header{height: 40px;}
body .login .themes img,body .register .themes img{max-height: 35px;}
body .login .themes, body .register .themes{
    right: 0;
    padding-right: 6%;
	top: 10px;
}
.NavMenu{top:41px;}
.moviesPage nav.topNav .mobileRight{margin-right: 5px;}
}
@media (max-width: 400px){
.login #header ,.register #header{
    height: 27px;
}
body .login .themes,body .register .themes {
top: 5px;}
}
@media (max-width: 414px){
.login .form-1 input[type=text], .login .form-1 input[type=password]{width:100%}
.login input#image-button{
    clear: both;
    display: block;
    overflow: hidden;
    float: none;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    margin: 10px auto 0;
    width: 100%;
    background-size: 30%;
    height: 75px;
}
.login #image-button:hover{    border-radius:2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
.loginBody body #footer{height: 15px;}
}
@media (max-width: 340px){
body .login .themes ,body .register .themes{
	padding-right: 5px;
}
}
.loginBody body{position:relative}
.loginBody #wrap.login{top: 50%;
    -ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute!important;
	-ms-transform-origin: center center;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    right: 0;
    left: 0;}
.loginBody #footer{height: 16px;}
@media (max-width: 1024px){
.loginBody {height:100%;}
}
@media (max-width: 1024px) and (orientation: landscape) {
	.loginBody {height:auto;}
	.loginBody #wrap.login{top: auto;
    -ms-transform: none;
	-webkit-transform: none;
	-moz-transform: none;
    -o-transform: none;
    transform: none;
    position: relative!important;
	-ms-transform-origin: none;
	-webkit-transform-origin: none;
	-moz-transform-origin: none;
    -o-transform-origin: none;
    transform-origin: none;
    right: auto;
    left: auto;}
}
@media (max-width: 560px){
.loginBody #wrap.login {
    padding-top: 4px;
    padding-bottom: 4px;
}
.moviesPage #menubottom{display:none}
.moviesPage #content{padding-top:45px;}
.moviesPage #footer {height:15px;margin-top:-1px}
.moviesPage #content {
    padding-bottom: 5px;
}
.moviesPage #content .moviePageInfo .movieTitle{padding:5px 5px 5px 30px}
body .moviePageInfo .movieTitle .btnBack{top:2px;left:2px}
}

.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:1100px;}
.moviesPage .threeSlider .content a{line-height:1}
.moviesPage .threeSlider .content .fullimgcut a{line-height:1062px;    display: block;}
.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:1062px;}
@media (max-width: 3500px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:1045px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:1000px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:1000px;}
}
@media (max-width: 3200px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:975px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:910px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:910px;}
}
@media (max-width: 3000px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:910px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:850px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:850px;}
}
@media (max-width: 2800px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:820px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:770px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:770px;}
}
@media (max-width: 2500px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:747px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:700px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:700px;}
}
@media (max-width: 2200px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:660px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:610px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:610px;}
}
@media (max-width: 2000px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:600px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:550px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:550px;}
}
@media (max-width: 1700px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:540px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:490px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:490px;}
}
@media (max-width: 1500px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:470px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:420px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:420px;}
}
@media (max-width: 1350px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:430px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:380px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:380px;}
}
@media (max-width: 1200px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:380px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:330px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:330px;}
}
@media (max-width: 1070px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:345px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:295px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:295px;}
}
@media (max-width: 970px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:332px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:282px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:282px;}
}
@media (max-width: 929px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:358px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:321px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:321px;}
}
@media (max-width: 779px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:393px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:353px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:353px;}
}
@media (max-width: 660px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:332px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:295px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:295px;}
}
@media (max-width: 599px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:435px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:394px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:394px;}
}
@media (max-width: 480px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:346px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:305px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:305px;}
}
@media (max-width: 430px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:305px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:268px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:268px;}
}
@media (max-width: 380px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:268px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:239px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:239px;}
}
@media (max-width: 340px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:242px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:204px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:204px;}
}
@media (max-width: 310px){
	.moviesPage .threeSlider,.moviesPage .threeSlider .content{height:223px;}
	.moviesPage .threeSlider .content .fullimgcut a{line-height:185px}
	.moviesPage .threeSlider.nouser,.moviesPage .threeSlider.nouser .content{height:185px;}
}
.moviesPage .threeSlider .content:before{content:none}
.moviesPage .threeSlider .content .watchlist{display:none!important}
@media (max-width: 350px){
.moviesPage nav.topNav .mobileRight{display:none}
}
.moviesPage #content {padding-bottom:20px;}
 .black .filterBox label{
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
}
.black .filterBox .filterImg {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
}
.black .pager span{    background: #403f3f;
    border: 1px solid #717171;
    color: #afaaaa;}
.black .pager a span {
        color: #676767;
    background: #000000;
    text-shadow: 1px 1px 1px #1f1d1d;
}
.black .pager a.prev span:hover, .black .pager a.next span:hover, .black .pager a.first span:hover, .black .pager a.last span:hover {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
}
.black .pager a span:hover{background: #403f3f;
    color: #afaaaa;
    text-shadow: 1px 1px 1px #000}
	.black #contentwrap h2,.black .header1 h3{
		-webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);
	}
	.black .slick-prev:hover, .black .slick-prev:focus, .black .slick-next:hover, .black .slick-next:focus{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
	opacity:0.5;}
	.black .MYFORM_Movies{background:#000000;    border: 1px solid #464646;}
	.black .watchlist .icon{color:#000}
	.black .lightCard {
    background-color: #484848;
}
.black .darkCard {
    background-color: #2b2b2b;
}
.black .albums .profileCard p:nth-of-type(odd),.black .albums .profileCard p:nth-of-type(even),.black .profileCard p:nth-of-type(odd),.black .profileCard p:nth-of-type(even){
    background-color: transparent;
}
.profileCard p{    word-break: break-all;}
.black .designTB tr:nth-of-type(odd) {
    background-color: #252525;
}
.black .designTB tr:nth-of-type(even) {
    background-color: #000000;
}
.black .designTB .valueCell {
    text-shadow: 1px 1px 1px #000000;
    color: #ffffff;
}
.black .finshText span{color:#000}
.loginBody #tick6,.loginBody #cross6,
.loginBody #tick7,.loginBody #cross7,
.loginBody #tick8,.loginBody #cross8,
.loginBody #tick9,.loginBody #cross9{display:none;    position: absolute;
    top: 5px;
    left: 5px;z-index: 1;}
	.loginBody .error {
    font-size: 11px;
    display: inline-block;
    position: absolute;
    bottom: 13px;
    left: 0;
    text-shadow: 1px 1px 1px #ececec;
    width: 100%;
    padding-left: 40px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
	
	.otpDiv.form-1 input[type=text]{width:100%;}
	.loginBody .success{
    font-size: 11px;
    display: inline-block;
    position: absolute;
    bottom: -3px;
    left: 5px;
    text-shadow: 1px 1px 1px #ececec;
    width: 91%;
}
.Account-Verify .modal-header{background: #deffe1;}
.loginBody .note {
    font-size: 11px;
    display: inline-block;
    position: absolute;
    bottom: 4px;
    left: 5px;
    text-shadow: 1px 1px 1px #ececec;
    width: 97%;
    color: #252424;
    text-align: center;
}
.loginBody .reset-password{display:inline-block;cursor:pointer}
.loginBody #reset-container{display:none}
.loginBody #reset-container #emailR{width:100%}
.loginBody #reset-button,.loginBody #cancel-button{
        width: 48%;
    text-align: center;
    background: #5d5d5d!important;
    height: 36px;
    border: 1px solid #8e8e8e!important;
    font-weight: 700!important;
    color: #fff!important;
    text-shadow: 1px 1px 1px #424242;
    cursor: pointer;
    -moz-border-radius: 20px!important;
    -webkit-border-radius: 20px!important;
    border-radius: 15px!important;
    display: inline-block!important;
    vertical-align: top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
}
.loginBody #reset-button{background: #750000!important;float:left;}
.loginBody #cancel-button{float:right;}
#reset-container .field{clear:both}
#reset-container .resetForm{overflow:hidden}
#reset-container .form-1.resetForm input[type=text]{margin-bottom: 15px;}

.loginBody #reset-container .success{bottom:1px}
.loginBody #email1_errorthreeR{
    position: relative;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.loginBody #email1_errorthreeR a {
    color: #4e4e4e;
    text-shadow: 1px 1px 1px #949090;
}
.loginBody #email1_errorthreeR a {
    color: #000000;
    text-shadow: 1px 1px 1px #757575;
}
.black .redClass{
    color: #ff0000;
    text-shadow: 1px 1px 1px #520000;
}
.black a.redClass:hover{
    color: #ff4242;
}
.black .error{
    text-shadow: 1px 1px 1px #636363;
    color: #e20000;
}
.loginBody .black #email1_errorthreeR a {
    color: #cecece;
    text-shadow: 1px 1px 1px #757575;
}
.loginBody .black #email1_errorthreeR a:hover {
    color: #fff;
}
.loginBody.reset #reset-container .field input{margin-bottom: 10px;width:100%}
.loginBody.reset #reset-container {
    display: block;    
}
.loginBody.reset #reset-container .field #email {background: #b1b1b1!important;}
.loginBody.reset #reset-button{float: none;
    width: 100%;
    height: 50px;}
	.loginBody input[type="submit"]:hover, .loginBody input[type="button"]:hover, .loginBody input[type="submit"]:focus, .loginBody input[type="button"]:focus {
    box-shadow: 0 0 5px black;}
	
.loginBody .success{
    position: relative;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    padding: 20px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.loginBody.reset .error#pass_errorfour{    bottom: 6px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;}
.editprofile .designTB input[type="file"]{width:180px}
.editprofile .designTB td{position:relative}
.editprofile .designTB .tick,.editprofile .designTB .cross{position: absolute;
    top: 0;
    right: 2px;}
.editprofile .designTB .error{
    display: block;
    text-align: center;
    position: absolute;
    bottom: -2px;
    right: 0;
    left: 0;
    width: 100%;
}
.editprofile .designTB .error#user_errorimg,.editprofile .designTB .error#email_errorimg{
    top: 0;
    right: 18px;
    left: auto;
    width: auto;
    bottom: auto;
}
.commentBox{display:inline-block;vertical-align:top;margin-top:5px}
.commentBox img{max-height:30px!important;    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
	width:auto;
}
.commentBox img:hover,.commentBox img:focus{opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;}
	.div-controls{
    display: block;
    clear: both;
    text-align: center;
}
.commentBox.nouser{
    position: absolute;
    bottom: 26px;
    right: 3px;
	max-width:35px;
}
.commentBox.user{
    position: absolute;
    bottom: 26px;
    left: 3px;
}
.articleNew .error{
    width: 95%;
    display: block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    background: #ffe7e7;
    padding: 20px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-shadow: 1px 1px 1px #7d7c7c;
    box-shadow: 1px 1px 2px 1px #ffafaf;
    margin: 20px auto;
    border-radius: 20px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.articleNew .error a{
    color: #000;
    text-shadow: 0px 0px 2px #f4f3ff, 1px 2px 2px #4d5bff;
}
.articleNew .error a:hover,.articleNew .error a:focus{
color: #ff0303;
    text-shadow: 0px 0px 2px #949494, 1px 2px 2px #b39e9e;
}
.moviePageInfo .img{
    display: inline-block;
    vertical-align: top;
	position:relative;
	max-width: 359px;
    overflow: hidden;
	width:100%;
}
.moviePageInfo .img .WarningBox{
    position: absolute;
    top: 15px;
    left: 15px;
    text-align: center;
    font-size: 35px;
    line-height: 35px;
    color: #3e3528;
    text-shadow: 0px 1px 10px #fcff7a;
    font-weight: 700;
	z-index:10;
}
.moviePageInfo .img .WarningBox:hover,.moviePageInfo .img .WarningBox:focus{text-shadow: 0px 1px 10px #fff;}
.moviePageInfo > .main_box > .user_box > .img > a > img{width:100%;height:531px;}
.moviePageInfo #iframeName{
    display: inline-block;
    vertical-align: top;
    width: 72%;
    height: 531px;
}
.moviePageInfo .imdbRatingPlugin img{    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    margin-top: 6px;}
.moviePageInfo .imdbRatingPlugin {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    bottom: 2px;
    right: 8px;
    height: 30px;
    line-height: 30px;
}
.moviePageInfo .imdbRatingPlugin img.star {
    margin-top: 3px;
}
.moviePageInfo .main_box{clear:both;display:block;overflow:hidden}
 .moviePageInfo .comment_Boxx{   display: inline-block;
    vertical-align: top;
    width: 28%;
	float:right;
	margin-right: 10px;
 }
 .moviePageInfo .user_box{
	 display: inline-block;
    vertical-align: top;
    width: 71%;
	float:left;
 }
.moviePageInfo .user_info {
    position: relative;
    display: block;
    vertical-align: top;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: sans-serif;
    line-height: 17px;
    margin-bottom: 10px;
    text-align: left;
}
.moviePageInfo .user_info .right{float:right}
.moviePageInfo .user_info .usertxt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: auto;
    left: auto;
    font-size: 16px;
    margin-top: 5px;
	margin-bottom: 5px;
    margin-right: 10px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000000;
    background: #656161;
    padding: 6px 7px;
    color: #fff;
    text-align: left;
}
.moviesPage .moviePageInfo .ratebox{
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
}
.moviesPage .moviePageInfo .rateIn {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 5px;
}
.moviePageInfo .user_info .userfeild {
    margin-top: 5px;
	margin-bottom: 5px;
    display: inline-block;
    background: #f1f1f1;
    padding: 6px 8px;
    text-shadow: 1px 1px 1px #d8d8d8;
}
.moviePageInfo .user_info .user_des .usertxt{margin-right:0;}

.moviePageInfo .user_photo img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 140px;
    border: 3px solid #656161;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
	.moviesPage #content .moviePageInfo .user_info h2{font-size:18px;line-height:23px;}
	/* .moviePageInfo .comments{margin-top:10px;} */
	.moviesPage .moviePageInfo .sliderBoxGallery .h2Box {
    margin-top: 0;
    background: transparent;
    border-left: 10px solid #000;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    padding: 0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    margin-bottom: 5px;
}
	/* .moviesPage .moviePageInfo .user_info.sliderBoxGallery .h2Box {background-size: 84%;} */
	.moviePageInfo .comment-insert h4.who-says{
		margin-top: 10px;
		margin-bottom: 10px;
		color: #fff;
	}
	.moviePageInfo .comment-insert h4.who-says span{
    margin-right: 5px;
}
.moviePageInfo .comment-post-btn-wrapper{
    background: #727272;
    line-height: 19px;
}
.moviePageInfo .comment-post-btn-wrapper:hover,.moviePageInfo .comment-post-btn-wrapper:focus{
    background: #5a5959;
}
.moviePageInfo #rating_div{
    overflow: hidden;
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #ffb100;
    padding-left: 10px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.moviePageInfo .comment-insert .comment-insert-container{top:0px}
.moviePageInfo .comment-insert{height:140px;margin: 5px 0 2px;text-align:left;}
.moviePageInfo .comments-list{text-align:left;}
.moviePageInfo #rating_div .star-rating span{cursor:pointer}
.moviePageInfo .quote-text:before,.moviePageInfo .quote-text:after{content:none}

.moviePageInfo .comment-body #rating_div{display: inline-block;
    vertical-align: top;
    padding-left: 0;}
	
.moviePageInfo .quote-text {
    font-size: 15px!important;
    line-height: 23px;
}
.moviesPage #content .moviePageInfo  h2.imdb{display: block;
    margin-top: 10px;    margin-bottom: 3px;}
	
	.moviesPage .moviePageInfo .threeSlider, .moviesPage .moviePageInfo .threeSlider .content {
    height: 335px;
}
.moviePageInfo .slick-slide img {
    display: block;
    width: auto;
    height: 334px;
    margin: auto;
}
   .habybyload{ display: block;
    height: 50px;
   background: #fb0000;}
   .moviePageInfo  #spinner{display:none;
    position: relative;
    clear: both;
    height: 125px;
}
.moviePageInfo .comment_Boxx.more{position:relative} 
.moviePageInfo .comment_Boxx.more .user_info {
    position: absolute;
    z-index: 1;
    width: 230px;
    right: 0;
    margin-right: 538px;
    background: rgba(0, 0,0, 0.6);
    padding: 5px;
}
.moviesPage .moviePageInfo .comment_Boxx.more .user_info.sliderBoxGallery .h2Box {
    background: transparent;
    border-left: 5px solid #fff;
    border-radius: 0;
    padding: 0;
    padding-left: 10px;
    text-shadow: 1px 1px 1px #000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 15px;
    color: #fff;
    background: #000;
    padding-right: 23px;
    position: relative;
}
.moviePageInfo .comment_Boxx.more .user_info .usertxt {
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
    background: rgba(0, 0,0, 0.6);
    display: inline-block;
    vertical-align: top;
    padding: 2px 4px;
}
.moviePageInfo .comment_Boxx.more .user_info .userfeild {
    display: inline-block;
    background: #fff;
    padding: 2px 4px;
    vertical-align: top;
    text-shadow: 1px 1px 1px #afafaf;
}
/* .moviePageInfo .user_info .user_des .userfeild{margin-top:0;} */
.moviePageInfo .comment_Boxx.more .user_photo img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 60px;
    border: 1px solid #fff;
}
.moviesPage .moviePageInfo .comment_Boxx.more .rateIn{margin-top:2px}
.moviePageInfo .comment_Boxx.more .user_info .user_des .userfeild{margin-top:0}
.moviesPage .moviePageInfo .pager{position:absolute!important;top:0;right:0;padding: 0!important;}
.moviePageInfo .pager span{
    border-radius: 0;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    min-width: 35px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: auto;
    height: 35px;
    line-height: 35px;
    padding: 0;
    background: #000;
}
.moviePageInfo .pager a.prev span, .moviePageInfo .pager a.next span, .moviePageInfo .pager a.first span,.moviePageInfo .pager a.last span{
    font-size: 35px;
    line-height: 35px;
    color: #000;
}
.moviePageInfo .pager a.prev {
    margin-left: 0;
}
.moviePageInfo .pager a.next {
    margin-right: 0;
}
.moviePageInfo .pager a span{
background: #656161;
}
.moviePageInfo .pager a span.icon{color:#656161}
.moviePageInfo .pager a span.icon:hover,.moviePageInfo .pager a span.icon:focus{color:#000}
.moviePageInfo .pager a span.icon,.moviePageInfo .pager a span.icon:hover,.moviePageInfo .pager a span.icon:focus {background:transparent}
.moviePageInfo .pager a span:hover,.moviePageInfo .pager a span:focus{
background: #000;
}
.moviePageInfo .comments .comment-holder.readmore{position:relative}
.moviePageInfo .comments .comment-holder.readmore .comment-text{
    max-height: 23px;
}
.moviePageInfo .comments .comment-holder.readmore.readless .comment-text{
    max-height: 100%;
}
.moviePageInfo .comments .comment-holder.readmore .comment-text .readmore_icon {
    position: absolute;
    top: 6px;
    left: 0;
    margin-left: -70px;
    font-size: 25px;
    line-height: 25px;
    text-shadow: 1px 1px 1px #000;
    cursor: pointer;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
	.moviePageInfo .comments .comment-holder.readmore .comment-text .readless_icon {
    position: absolute;
    top: auto;
	bottom:0;
    left: 0;
    margin-left: -70px;
    font-size: 25px;
    line-height: 25px;
    text-shadow: 1px 1px 1px #000;
    cursor: pointer;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.moviePageInfo .comments .comment-holder.readmore .comment-text .readmore_icon:hover,
.moviePageInfo .comments .comment-holder.readmore .comment-text .readless_icon:hover{opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;}
	.comment_Boxx .user_info .hideinfo{display:none;}
	.comment_Boxx.more .user_info .hideinfo {
    display: inline-block;
    position: absolute;
    right: 0;
    font-size: 20px;
	cursor:pointer;
	opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

.moviePageInfo .comment_Boxx.more .user_info{cursor:pointer;-webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; }
.moviePageInfo .comment_Boxx.more .hideit .hideinfo:before {
    content: "\ea43";
}
.moviesPage .moviePageInfo .comment_Boxx.more .user_info.sliderBoxGallery.hideit .h2Box{margin-bottom:0}
.moviesPage .moviePageInfo .comment_Boxx.more .user_info.sliderBoxGallery:hover .h2Box{background: #464646;}
.moviesPage .moviePageInfo .comment_Boxx.more .user_info.sliderBoxGallery:hover{
    background: rgba(80, 80,80, 0.6);
}
.moviesPage .moviePageInfo .comment_Boxx.more .user_info.sliderBoxGallery:hover .hideinfo {opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.moviesPage .moviePageInfo .threeSlider .content{position:relative;overflow: hidden;
    /* height: 200px; */
	}

	/* .threeSlider .content a{line-height:200px} */

.moviesPage .moviePageInfo .threeSlider .content:before{
	    content: '';
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../images/thumb_over.png) no-repeat center center;
    background-size: cover;
	pointer-events: none;
}
.moviesPage .moviePageInfo .threeSlider .content:hover:before{
	background: url(../images/thum_overlay.png) no-repeat center center;
	    background-size: cover;
}
.IMDBOX{display:block;clear:both;overflow:hidden;}
.IMDBOX .row-imdb{    display: block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 10px;}
.IMDBOX .row-imdb h3{
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    background: #000;
    display: inline-block;
    vertical-align: top;
    padding: 5px 8px;
    width: 190px;
    clear: both;
    position: relative;
	}
	.IMDBOX .right .row-imdb h3{width: 138px;}
	.IMDBOX .row-imdb h3:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 38px solid #dddddd;
    border-left: 38px solid #000;
    width: 0;
}
.IMDBOX .row-imdb.fixarrow h3:before {
       content: '';
    position: absolute;
    top: 0px;
    right: 0;
    border-top: 41px solid #dddddd;
    border-left: 40px solid #000;
    width: 0;
}
	.IMDBOX .row-imdb .des {
   background: #fff;
    padding: 8px 8px;
    vertical-align: top;
    text-shadow: 1px 1px 1px #afafaf;
    font-size: 16px;
    border-left: 5px solid #000;
    line-height: 22px;
    overflow: hidden;
    box-shadow: 1px 1px 1px 1px #929292;
	}
	.IMDBOX .row-imdb .des.getCast{background:#ddd}
	.IMDBOX .row-imdb .des.getCast .cast_box span{font-weight: 700;
    margin-top: 7px;
    display: inline-block;
    vertical-align: top;}
	.IMDBOX .row-imdb .getRating img{
    display: inline-block;
    vertical-align: top;
    width: 23px;
    margin-left: 5px;
    margin-top: -1px;
}
	.IMDBOX .left{float:left;width:87%;    padding-left: 10px;
    box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
	.IMDBOX .right{float:right;width:225px;    padding-right: 10px;
    box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
	
	.IMDBOX .row-imdb.topCast {
  overflow: hidden;
    clear: both;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
}
.IMDBOX .row-imdb.trailer{float:right;width: 54%;
    height: 450px;overflow:hidden;margin-left: 10px;}
.IMDBOX .row-imdb.trailer h3{display: block;
    width: 100%;
    box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
	.IMDBOX .row-imdb.trailer iframe{width: 100%;
    box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 90%;}
	
	.IMDBOX .seeMoreIMDB,.IMDBOX .seeMoreIMDBS {
    font-size: 27px;
    line-height: 27px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    cursor: pointer;
    float: right;
    z-index: 1;
    position: relative;
    background: #000;
    padding: 2px;
    border-radius: 15px;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.IMDBOX .seeMoreIMDB.less:before,.IMDBOX .seeMoreIMDBS.less:before {
	content: "\ea42";
}
.IMDBOX .seeMoreIMDB:hover,.IMDBOX .seeMoreIMDBS:hover {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
	opacity:0.7;}
	#wrap .IMDBOX .row-imdb .des a{
    color: #002bff;
    text-decoration: underline;
	text-shadow: 1px 1px 1px #afafaf;
}
.IMDBOX .row-imdb .des.less{max-height:103px}
.IMDBOX .getCast{display:block;clear:both;text-align:center}
.IMDBOX .getCast .cast_box{display: inline-block;
    vertical-align: top;
    margin: 5px auto;
    width: 20%;
    text-align: center;}
  .IMDBOX .getCast .cast_box .cast_img{    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #585858;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0 auto;}
.IMDBOX .getCast .cast_box img{width:100%}


/*black theme*/
.moviesPage .black .moviePageInfo .sliderBoxGallery .h2Box{
    background: #313131;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-left: 10px solid #fff;
}
.black .moviePageInfo .pager span{background:#fff;color:#000}
.black .moviePageInfo .pager a span {
        background: #b5b2b2;
    color: #5f5f5f;

}
.black .moviePageInfo .pager a span.icon, .black .moviePageInfo .pager a span.icon:hover, .black .moviePageInfo .pager a span.icon:focus {
    background: transparent;
}
.black .moviePageInfo .pager a span.icon:hover, .black .moviePageInfo .pager a span.icon:focus {
    color: #fff;
}
.black .moviePageInfo .pager a span:hover, .black .moviePageInfo .pager a span:focus {
    background: #fff;
}
.black .moviePageInfo .comment-post-btn-wrapper {
    background: #5d5d5d;
}
.black .moviePageInfo .comment-post-btn-wrapper:hover, .black .moviePageInfo .comment-post-btn-wrapper:focus {
    background: #424242;
}
.black .comment-buttons-holder ul li{background: #5d5d5d;}
.black .comment-buttons-holder ul li:hover {
    background: #e00404;
}
.black .IMDBOX .row-imdb h3{background:#fff;color:#000;text-shadow:1px 1px 1px #fff;}
.black .IMDBOX .row-imdb h3:before {
    content: '';
   
    border-top: 38px solid #000;
    border-left: 38px solid #fff;

}
.black .IMDBOX .row-imdb .des {
       background: #313131;
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
    border-left: 5px solid #fff;
    box-shadow: 1px 1px 1px 1px #3a3a3a;
}
.black #wrap .IMDBOX .row-imdb .des a {
    color: #b5c1ff;
    text-decoration: underline;
    text-shadow: 1px 1px 1px #000000;
}
.black .IMDBOX .seeMoreIMDB, .black .IMDBOX .seeMoreIMDBS{background:#fff}
.black .IMDBOX .row-imdb .des.getCast{background:#000}

.black .moviePageInfo .user_info .usertxt{
    background: #b3afaf;
    color: #000;
    text-shadow: 1px 1px 1px #c1b8b8;
}
.black .moviePageInfo .user_info .userfeild{
    color: #fff;
    background: #2b2b2b;
    text-shadow: 1px 1px 1px #000;
}

.black div.light_rounded .pp_top .pp_middle, .black div.light_rounded .pp_content_container .pp_left, 
.black div.light_rounded .pp_content_container .pp_right, .black div.light_rounded .pp_bottom .pp_middle, 
.black div.light_square .pp_left, .black div.light_square .pp_middle, .black div.light_square .pp_right, 
.black div.light_square .pp_content, div.facebook .pp_content,
.black div.facebook .pp_content_container .pp_left,
.black div.facebook .pp_content_container .pp_right,
.black div.facebook .pp_top .pp_left,.black div.facebook .pp_top .pp_middle,.black div.facebook .pp_top .pp_right,
.black div.facebook .pp_bottom .pp_left,.black div.facebook .pp_bottom .pp_middle,.black div.facebook .pp_bottom .pp_right{background:#000}

.IMDBOX .row-imdb.trailer .divIframe{width:100%;height:100%}
.IMDBOX .right .mobilemoredetail{
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0 20px;
    border-radius: 30px;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    text-align: center;
    border: 3px solid #000;
    font-size: 18px;
    font-weight: 700;
	position:relative;
	display:none;
}
.IMDBOX .right .mobilemoredetail span{
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    right: 8px;
    top: 6px;
}
@media (max-width: 1875px) {
	.moviePageInfo #iframeName{width: 69%;}
}
@media (max-width: 1775px) {
	.IMDBOX .left {width: 85%;}
}
@media (max-width: 1695px) {
	.moviePageInfo #iframeName{width: 66%;}
}
@media (max-width: 1545px) {
	.moviePageInfo #iframeName{width: 64%;}
	.IMDBOX .left {width: 83%;}
	
	.moviesPage .moviePageInfo .threeSlider, .moviesPage .moviePageInfo .threeSlider .content {height: 300px;}
.moviePageInfo .slick-slide img {height: 300px;}
}
@media (max-width: 1456px) {
	.moviePageInfo #iframeName{width: 62%;}
	/* .IMDBOX .left {width: 81%;} */
	
	.moviesPage .moviePageInfo .threeSlider, .moviesPage .moviePageInfo .threeSlider .content {height: 270px;}
.moviePageInfo .slick-slide img {height: 270px;}
}
@media (max-width: 1380px) {
	.moviePageInfo #iframeName{width: 60%;}
	.IMDBOX .left {width: 80%;}
}

@media (min-width: 1050px) AND (max-width: 1340px) {
	.moviesPage .moviePageInfo .pager{position: relative!important;}
}


@media (max-width: 1315px) {
	.moviePageInfo #iframeName{width: 58%;}
}
@media (max-width: 1256px) {
	.moviePageInfo #iframeName{width: 56%;}
	
	.moviesPage .moviePageInfo .threeSlider, .moviesPage .moviePageInfo .threeSlider .content {height: 230px;}
.moviePageInfo .slick-slide img {height: 230px;}
}
@media (max-width: 1200px) {
	.moviePageInfo #iframeName{width: 53%;}
	.IMDBOX .left {width: 79%;}
}
@media (max-width: 1120px) {
	.moviesPage #wrap{padding:0}
	
	.moviePageInfo #iframeName{width: 49%;}
	.IMDBOX .left {width: 78%;}
}
@media (max-width: 1070px) {
	.IMDBOX .getCast .cast_box {width: 25%;}
	
}
@media (max-width: 1050px) {
	.moviePageInfo .img{width:auto;max-width:233px}
	.moviePageInfo .user_box {width: 58%;}
	.moviePageInfo > .main_box > .user_box > .img > a > img {height: 341px;}
	.moviePageInfo #iframeName {width: 59%;height: 341px;}
	.moviePageInfo .comment_Boxx {width: 40%;}
	.IMDBOX .left {width: 76%;}
	
	.moviesPage .moviePageInfo .threeSlider, .moviesPage .moviePageInfo .threeSlider .content {height: 250px;}
.moviePageInfo .slick-slide img {height: 250px;}
}
@media (max-width: 1028px) {
.moviesPage.fixarticle #content {
    padding-bottom: 0px;
}

.moviePageInfo .user_box {width: 59%;}
.moviePageInfo #iframeName {width: 60%;}
}

@media (max-width: 1000px) {
	.moviePageInfo .user_box {width: 100%;clear:both;text-align: center;}
	.moviePageInfo .comment_Boxx {    width: 100%;
    clear: both;
    float: none;
    margin: 0;
    display: block;
    overflow: hidden;
    box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
	.moviePageInfo .user_info .user_row{padding-right:10px;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
	.moviePageInfo .comment_Boxx.more .user_info .user_row{padding:0;}
	.moviePageInfo > .main_box > .user_box > .img > a > img {height: 270px;}
	.moviePageInfo #iframeName {width: 81%;height: 270px;}
	
	.moviePageInfo .comment_Boxx.more .user_info{
    bottom: 33px;
    right: 7px;
    margin: 0;
    z-index: 10;
    position: fixed;
    margin-top: 275px;
}
}
@media (max-width: 986px) {
	.moviePageInfo #iframeName {width: 78%;}
}
@media (max-width: 960px) {
	.IMDBOX .right,.IMDBOX .left{width:100%;clear:both;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;float:none;}
	
	.IMDBOX .right .mobilemoredetail{display:block;}
	.IMDBOX .right .row-imdb{display:none}
	.IMDBOX .right .row-imdb.more{display:block}
	.IMDBOX .right .mobilemoredetail.more{margin-top:10px;}
	.IMDBOX .right .mobilemoredetail.more span:before {
		content: "\ea41";
	}
}
@media (max-width: 886px) {
	.moviePageInfo #iframeName {width: 75%;}
}
@media (max-width: 850px) {
	.IMDBOX .getCast .cast_box .cast_img {
    width: 150px;
    height: 150px;
	}
	
}
@media (max-width: 786px) {
	.moviePageInfo #iframeName {width: 72%;}
}
@media (max-width: 786px) {
	.IMDBOX .row-imdb.trailer{width:100%;clear:both;float:none;margin:0}
}

@media (max-width: 686px) {
	.moviePageInfo #iframeName {width: 68%;}
}
@media (max-width: 660px) {
	.IMDBOX .getCast .cast_box .cast_img {
    width: 120px;
    height: 120px;
	}
	
}
@media (max-width: 586px) {
	.moviePageInfo #iframeName {width: 61%;}
}
@media (max-width: 560px) {
.moviePageInfo .imdbRatingPlugin{bottom: -3px;}
}
@media (max-width: 530px) {
.IMDBOX .getCast .cast_box {
    width: 32%;
}
}

@media (max-width: 486px) {
	body .moviePageInfo .movieTitle .btnBack {
    font-size: 27px;
}
	 .moviesPage.fixarticle #content{
    padding-top: 80px;
}
	.moviePageInfo #iframeName {width: 60%;}
	.IMDBOX .getCast .cast_box {
    width: 48%;
	}
	.moviePageInfo .header{
    position: fixed;
    top: 44px;
    width: 100%;
    z-index: 100;
}
.moviePageInfo .cooleffecth2{position:relative;}

.moviePageInfo .cooleffecth2:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: block;
    z-index: -1;
    margin: 0;
    border: none;
    opacity: 0.6;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
	opacity:0.6;
}
.moviePageInfo .cooleffecth2 .title{
    line-height: 21px;
    display: block;
}

.comment-insert{background-size: 100% 100%;}

















}
@media (max-width: 475px) {
	.IMDBOX .row-imdb h3:before {
    content: '';
    top: -1px!important;
    right: -1px!important;
}
.black .IMDBOX .row-imdb h3:before {
    content: '';
    top: -1px!important;
    right: -2px!important;
}
	.moviePageInfo .img{
    width: 100%;
    display: block;
    margin-bottom: 5px;
	max-width:100%;
	background: url(../images/profile_pics/3c2fd7.gif) left top repeat scroll rgb(34, 34, 34);
	    padding-top: 10px;
    padding-bottom: 10px;
}
.moviePageInfo .img .WarningBox{left:0;right:0;}
.moviePageInfo > .main_box > .user_box > .img > a > img {
    height: auto;
    width: 57%;
    margin: 0 auto;
    border: 2px solid #fff1f1;
}
.moviePageInfo #iframeName {
    width: 100%;
}
}
@media (max-width: 390px) {
.moviesPage .moviePageInfo .pager{position: relative!important;}
.moviePageInfo .user_info .right {
    float: none;
	text-align:center;
}
.moviePageInfo .user_info .right .user_photo{display:inline-block;vertical-align:top;}
.moviePageInfo .user_photo img{margin:5px auto 0;}
.moviePageInfo .user_info .userfeild {
    width: 100%;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 0;
}
}
@media (max-width: 380px) {
	
	.IMDBOX .getCast .cast_box {width: 100%;}
	.IMDBOX .getCast .cast_box .cast_img {
    width: 200px;
    height: 200px;
}
}
@media (min-width: 1040px) AND (max-width: 1370px){
	.comment-insert{background-size: 100% 100%;}
}

.moviePageInfo .imdbRatingPlugin{
    background-color: transparent;
    border: none;
    width: 98px;

}
#wrap #menu.active{
    box-shadow: 2px 2px 10px #000;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}
.black .IMDBOX .right .mobilemoredetail{
    color: #000;
    border: 3px solid #ffffff;
    background: #e8e8e8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-shadow: 1px 1px 1px #c5c5c5;
}
.habyby_frame_circle{    background: url('/habibi/images/white_circle.gif');
    background-size: 100% 100%;
    padding: 7px;
    background-position: center center;}
	.habyby_frame_circle.small{padding:5px}
	.habyby_frame_circle img{    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.moviePageInfo .comment_Boxx.more .habyby_frame_circle{padding:5px;}
.IMDBOX .row-imdb.topCast{margin-top:0}
.removeAge{
    position: fixed;
    bottom: 40px;
    left: 5px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: red;
    background: #fff;
    padding-left: 10px;
    z-index: 1;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	-moz-border-top-right-radius:20px;
    -webkit-border-top-right-radius:20px;
	-moz-border-bottom-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
}
.removeAge input[type="submit"], .removeAge input[type="button"]{width: 100px;
    padding: 4px 8px;box-shadow: 0 0 3px white;}
	
	.removeAge input[type="submit"]:hover, .removeAge input[type="button"]:hover, .removeAge input[type="submit"]:focus, .removeAge input[type="button"]:focus {
    color: #fff;
    box-shadow: 0 0 3px black;

	}
	.moviesPage .pop21 textarea{width:100%;margin-top:10px;    box-sizing: border-box;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
/*fix prettyphoto*/
div.facebook .pp_description{color:#fff}	
	@media (max-width: 500px)
{
	div.facebook .pp_description{color:#000}
	.black .pp_details{background-color: #000;}
	.black div.facebook .pp_description{color:#fff}
    .pp_pic_holder
    {
        width: 100%!important;
        margin-top:-100px !important;
        left: 0!important;
        overflow: hidden;
		top:100px!important;
		position:fixed!important;
    }
    div .pp_content_container .pp_left
    {
        padding-left: 0!important;
    }
    div .pp_content_container .pp_right
    {
        padding-right: 0!important;
    }
    .pp_content
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade
    {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom
    {
        display: none!important;
    }
    #pp_full_res img
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details
    {
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close
    {
        right: 10px!important;
        top: 10px!important;
    }
}
.moviePageInfo .morelikethat{display:block;text-align:center;clear:both;overflow:hidden;    margin-top: 7px;position: relative;}
.moviesPage .moviePageInfo .slick-slide .profilePic {
    height: auto;
    width: 40px;
}
.moviesPage .moviePageInfo .slick-slide .ratebox {
    position: absolute;
    top: 2px;
    right: 2px;
}
.moviesPage .moviePageInfo .slick-slide .ratebox img,.moviesPage .moviePageInfo .slick-slide .imdb img{height:auto}
.moviesPage .recentlyViewed{margin-top:10px}

/* .moviesPage .moviePageInfo .sliderBoxGallery .slick-slide .fullimgcut img{height:308px;} */
.moviePageInfo .movieTitle{padding-left:45px;box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
.moviePageInfo .movieTitle .btnBack{font-size: 35px;
    position: absolute;
    left: 7px;
    top: 7px;cursor:pointer;    text-shadow: 1px 1px 10px #fff;}
	
	.moviesPage .snakeMobileSubMenu.SCROLL {
        position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: 27px;
    padding-top: 7px;
    padding-right: 7px;
    display: none;
    vertical-align: top;
    padding-left: 7px;
    height: 32px;
}
.moviesPage #menu.active .snakeMobileSubMenu.SCROLL{display:inline-block}
.homeIMAGE:hover ~ .themes{background:#000}
html.stopScroll,body.stopScroll{overflow:hidden!important}
