@charset "utf-8";



  
  
.style {

}

body{background-color:#d81818; margin: 0px; font-family:Tahoma, Geneva, sans-serif ; }

.header{ width:auto; height:126px; background-image:url(../images/bg_header.jpg) top repeat-x; margin:0px auto; background-position:top center;box-shadow: 0px 5px 5px #888888;  }

.header div{ width:1000px; height:126px; margin:0px auto}

.header div img{ width:683px; height:104px; margin:11px 0px 0px 150px}

.menu{ width:auto;  margin:0px auto; background-image:url(../images/back.jpg);    z-index: 999;
    position: relative; direction:rtl;}
.menu div{ width:960px; height:auto; margin: 0px auto}
.menu div ul { width: auto; height:auto; margin:0 30px 0 0px;}

.menu div > ul > li{ width:auto; height:32px; font-family: Tahoma, Geneva, sans-serif; font-size:20px; color:#000; float:right; padding:12px 7px 0;}

.menu div >ul> li:hover{ background-color:#eb0304;color:#FFF; padding: 12px 7px 0;}
ul.sub_menu li a {
    font-size: 14px;
    font-weight: 500;
}
.search input {
    height: 21px;
    width: 80%;
    border-radius: 4px;
    text-align: right;
}
.search {
    margin-top: 30px;
}
.menu div ul img{ width:auto; height:32px;  float:right; padding: 7px 10px 0px 10px;}
.menu> div> ul> li> a {
    color: #000;
    border-left: 1px solid #656060;
    padding-left: 11px;
}
.menu div ul li a.last-child {

    border-left: none;

}
.menu div ul li a:hover{ color:#FFF;   }
.menu div ul li ul{
    position: relative;
    z-index: 1000; text-align: center;
	margin: 12px -12px 0px -46px;
    display: none;

	height:auto; width: auto; text-align:center; }
ul.sub_menu li {
    padding: 10px 0px;
    background: red;
}

.menu div ul li .sub_menu li:hover {
    float: none;
    color: #FFF;
}

.menu div ul li .sub_menu li a:hover{ position:relative}
.menu div ul li .sub_menu li {
    display: block;
    font-size: 16px;
    text-align: center !important;
    float: none;
}


#menufooter ul {  float: right;
    height: 46px;
    width: 670px;}

#menufooter ul li { float:right; margin-left:29px; color:#FFF !important;}
 
#menufooter ul li a { color:#FFF !important; text-align:center !important}
#menufooter ul li a:hover { color: #FF6 !important ; text-align:center !important}


.slide{ width:auto; height:auto; min-height: 100px; margin:0px auto;}


.coco{width:960px ; margin:0px auto;}
.slide .top_slider

{

    z-index: 100;

    position: relative;

}

.mid_slider ul li img

{

    z-index: 1;

}

.mid_slider

{

    margin-top: -180px;

}



.slide .bot_slider

{

    z-index: 1000;

    position: relative;

    margin: -168px 0px 0px 0px

}





.video{ width:485px; height:410px ; background: url(../images/bg_n3.png) right top no-repeat, url(../images/../images/bg_n4.png) left top no-repeat ; margin-top:12px }

.video .html5gallery,.video .html3gallery

{
height:400px ;


    text-align: center;

    background: black; 

}

.video .html5gallery img,.video .html3gallery img

{

   padding: 5px 3px 0 5px;

    width:95px; height:75px

}

/***************************************End header****************************************/

.web{ width:auto; height:auto;background:  url(../images/bg_d2.jpg) right top no-repeat, url(../images/bg_d1.jpg) left top no-repeat,  url(../images/bg_s.jpg) right bottom repeat, url(../images/bg_s.jpg) left bottom no-repeat; margin: 0px auto;}

.web2{ width:auto; height:auto;
background:  url(../images/bg_d2.jpg) right top no-repeat, url(../images/bg_d1.jpg) left top no-repeat,  
url(../images/bg_s.jpg) right bottom repeat, url(../images/bg_s.jpg) left bottom no-repeat; margin:0px auto}

.wrap

{

    width:1000px; height:auto; 

    margin:0px auto;

    background-color:#ffcc00;


}

.wrap_shadow

{

    box-shadow: 0px -5px 10px -10px black;

    position: relative; 

}

.left{ width:470px; height:auto; margin:0px 0px 0px 0px; float:left}

.news{ width:470px; height:525px; margin:0px 0px 20px 0px }



.news_2 { width:462px; height:127px;margin:10px 0 5px;
border:5px; border-radius: 21px; box-shadow: 1px 1px 2px;}

.news_2:hover {  box-shadow: 2px 2px 6px #F00 ;}


			

			

.news_2 img{ width:197px; height:127; float:right; margin:0px 0px 0px 12px;  border-radius: 0px 21px 21px 0px; }

.sss{ width:265px; height:127px; margin:0px 0px 0px 0px ; 	background: #d8d8d8; border-radius:21px 0px 0px 21px;
	background: rgba(216, 216, 216, 0.85); }

.sss h1{ font-family: Tahoma, Geneva, sans-serif; font-size:15px; text-align:right; color:#d81818; padding:14px 0px 0px 6px; text-decoration: none;width:260px; }

.sss p
{
    width: 90%;
    height:50px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size:14px;
    text-align:right;
    color:#000;
    padding:0px 0px 14px 10px;
}



/***************************************End Right****************************************/

hr{ color:#6a6a69;opacity:0.4;}

.right{ width:470px; height:auto; float:right}

.latest_news{ width:492px; height:455px; margin:0px 0px 20px 0px; }

.latest_news_2{width:442px; height:455px; margin:0px 0px 0px 25px; 	background: #d8d8d8;
	background: rgba(216, 216, 216, 0.85); border-radius: 21px; box-shadow:1px 1px 2px;
}


.latest_news_2:hover{box-shadow: 2px 2px 6px #F00 ; }

.latest_news_2 img{ height:342px;width:442px; margin:0px 0px 0px 0px}

.latest_news_2  h1{font-family: Tahoma, Geneva, sans-serif; font-size:17px; text-align:right; color:#d81818; padding:10px 10px}

.latest_news_2  p{font-family: Tahoma, Geneva, sans-serif; font-size:14px; text-align:right; color:#000; padding:0px 10px 10px 10px}

.photo_s{width:492px; height:400px; margin:14px 0px 14px 0px; background-color:#000; background: url(../images/bg_n3.png) right top no-repeat, url(../images/../images/bg_n4.png) left top no-repeat ;}

.photo{ width:444px; height:400px; background-color: #000; margin:0px 0px 0px 24px}

.photo div{ width:427px; height:84px; padding:13px 20px 0px 10px}

.photo img{ width:128px; height:84px; margin:8px 10px ; float:left}



/***************************************End Left****************************************/



.title{ width:462px; height:51px; margin:10px 0px 5px 0px}

.title h2{ font-family: Tahoma, Geneva, sans-serif; font-size:25px; text-align:right; color:#000; float:right; padding:15px 0px 0px 0px}

.title h3{font-family: Tahoma, Geneva, sans-serif; font-size:12px; text-align:left; color:#d81818; float:left; padding:30px 0px 0px 10px}

.title h3 a{color:#d81818;}

.title h3 a:hover{ color:#000}

.title img{ width:43px; height:51px; margin:0px 2px; float:right}









div.guide {margin:12px 24px;}

div.guide span {color:#ff0000; font:italic 14px Arial, Helvetica, sans-serif;}

div.guide p {color:#000000; font:14px Arial, Helvetica, sans-serif;}

div.guide pre {color:#990000;}

div.guide p.title {color:#df501f; font:18px Arial, Helvetica, sans-serif;}

/*********************************Start Fotter****************************************/

.footer_holder{ width:1000px; height:295px; margin:0px; background-image:url(../images/bg_footer.png)}

.follow{width: 281px;
height: 30px;
padding: 25px 0px 0px 8px;}

.follow p{ font-family: Tahoma, Geneva, sans-serif; font-size:18px; color:#d81817;}

.face{ width:35px; height:35px; margin:0px 10px 0px 5px; float:left}

.tweet{ width:35px; height:35px; margin:0px 10px 0px 0px; float:left}

.tube{ width:35px; height:35px; margin:0px 10px 0px 0px ; float:left}

.google{ width:35px; height:35px;   float:left}

.footer{   height: auto;
    margin: 0 auto;
    position: relative;
    right: 12px;
    top: 0;
    width: 960px;}

.footer ul{ width:240px; height:auto; float:right; }

.footer ul li{ font-family: Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:right; line-height:26px}

.footer ul li a{}

.footer ul li a:hover{ color:#FF0}

span{ font-family: Tahoma, Geneva, sans-serif; font-size:20px; text-decoration: none; color:#fafafa; }

.style35{ color: #8f8f8f; }
.style36{ color: #000000; }

.copy_holder{ width:auto; height:50px; margin: 0px auto;}

.copy{ width:1000px; height:50px; margin:0px auto}

.copy p{ font-family: Tahoma, Geneva, sans-serif; font-size:13px; color:#000; text-align:center; margin:0px auto}

.copy p a{ color:#F00}

.copy p a:hover{color:#333;}

/****************************************************************/

.l{ width:304px; height:auto;  float:left; /* border-right:solid 1px #6a6a69 ;*/border-right: 1px solid rgba(106, 106, 105, .4);

    -webkit-background-clip: padding-box; /* for Safari */ padding-right:5px}

.l p{font-family: Tahoma, Geneva, sans-serif; font-size:16px; text-align:right; color: #000; padding:5px 0px 5px 10px}

.l img{ width:93px; height:93px; float:left; padding:5px}

.tit{ width:300px; height:46px; margin:5px 0px 5px 0px;}

.tit h2{ font-family: Tahoma, Geneva, sans-serif; font-size:17px; text-align:right; color:#000; float:right; padding:13px 0px 0px 0px}

.tit img{ width:24px; height:29px; margin:0px 2px; float:right; padding-top:5px}

.tit h3{font-family: Tahoma, Geneva, sans-serif; font-size:12px; text-align:left; color:#d81818; float:left; padding:25px 0px 0px 10px}

.tit h3 a{color:#d81818;}

.tit h3 a:hover{ color:#000}

.pho2{ width:300px; height:227px; background: url(../images/bg_side1.png) right top no-repeat, url(../images/../images/bg_side2.png) left top no-repeat ; margin-bottom:15px}

.pho{ width:274px; height:227px; background-color: #000; margin:20px 0px 30px 13px; padding-top:7px}

.pho div{ width:265px; height:40px; padding:0px 5px 0px 5px}

.pho img{  float: left;
    height: 42px;
    margin: 2px 4px;
    width: 73px;
}





.r{ width:632px; height:auto; float:right; }

p{font-family: Tahoma, Geneva, sans-serif; font-size:16px; text-align:right; color:#333; margin:12px; line-height:25px; direction: rtl;}

.image{ width:250px; height:300px; float:left; margin-right:10px}

.image img{width:250px; height:300px; border:2px solid #FFF;}

.tit2{ width:100%; margin:0px 0px 5px 0px; direction: rtl;}

.tit2 h2{ font-family: Tahoma, Geneva, sans-serif; display:inline-flex; bottom: 15px; margin-right: 10px; position: relative;font-size: 18px;   width: 553px;}

.tit2 h3{font-family: Tahoma, Geneva, sans-serif; font-size:12px; text-align:left; color:#d81818; float:left; padding:30px 0px 0px 10px}

.tit2 h3 a{color:#d81818;}

.tit2 h3 a:hover{ color:#000}

.tit2 img{width:45pxpx; height:45px; margin:4px 2px 0 2px;}

.lat_news{
    display: inline-block;
    height: auto;
    margin: 6px auto;
    padding: 5px;
    text-align: right;
    width: 98%; direction:rtl;}
	
	




.lat_news img{display: inline-block;vertical-align: top; float:right; padding-left:10px; border: 1px solid #fff;}

.lat_news  h1{font-family: Tahoma, Geneva, sans-serif; font-size:17px; text-align:right; color:#fff; padding:10px 10px; font-weight: normal; line-height: 32px;}

.lat_news p{font-family: Tahoma, Geneva, sans-serif; font-size:14px; text-align:right; color:#FFF;}



.n{ width:100%; height:auto; margin:0px 0px 20px 0px}

.n div{ width:318px; height:88px; background-color:#000; margin: 0px 3px 5px 4px; float:right}

.n div img{ width:136px; height:127px; float:right; margin:0px 0px 0px 10px}

.n div h1{ font-family: Tahoma, Geneva, sans-serif; font-size:12px; text-align:right; color:#d81818; padding:8px 0px 0px 0px}

.n div p{ font-family: Tahoma, Geneva, sans-serif; font-size:12px; text-align:right; color:#FFF; padding:0px 0px 8px 10px}

.ad1{ float:right; width:612px; height:114px; margin:10px 0px 14px 0;}

.ad2{ float:left; width:317px; height:114px; margin:10px 0 14px 0px;}





.side_ad{ width:290px; height:180px;background: url(../images/bg_side3.png) right top no-repeat,  url(../images/bg_side4.png) left top no-repeat; margin-top:20px; margin-left:5px }

.side_ad img{ width:264px; height:180px; margin: -5px 10px 0px 8px}

.side_twet{ width:290px; height:227px; margin:20px 0px 0px 5px;background: url(../images/bg_side5.png) right top no-repeat,  url(../images/bg_side6.png) left top no-repeat;}

.side_twet div{ width:264px; height:227px; margin: 0px 0px 0px 13px;}

.side_twet h1{ width:100%; height:45px; background-image:url(../images/twet_tit.png)}

table tr td {

color:#0177c1;

margin: 0 0 10px 0;

font-family: Tahoma, Geneva, sans-serif;

font-size:15px;

}

.members_holder{direction: rtl; text-align: center;}
.members_holder .anim

{
    margin: 4px 2px; width:200px;
    display: inline-block; background-color: #6A6A69; border:1px solid #fff; float:right;
}
.members_holder img{ border:7px solid#fff;}
.members_holder h3
{
    background-color:#6A6A69; height:23px; color:#FFF ; font-family: Tahoma, Geneva, sans-serif, serif; font-size:14px; text-align:center; padding: 5px 0px 5px 0px;
}
.members_holder h3:hover{ background-color:#F00}


.gallery_holder{}

.gallery_holder div

{

	 width:202px; height:158px; margin: 4px 2px; display: inline-block;

}

.gallery_holder img

{ width:202px; height:124px;}

.gallery_holder h3

{ background-color:#000; width:202px; height:23px; color:#FFF ; font-family: Tahoma, Geneva, sans-serif; font-size:10px; text-align:center; padding: 10px 0px 5px 0px}

.gallery_holder h3:hover{ background-color:#F00}

.lat_news_grid{width: 98%;margin:10px 4px;padding: 3px; direction: rtl;}

.inner_news_holder

{

    width: 100%;

    overflow: hidden; margin: 0px auto;

}



.inner_news_holder ul

{margin:0px auto;}

.inner_news_holder ul li

{

    background: #333;

    width:98%;

    display: inline-block;

    border: 1px solid black;

    height: auto;

    padding: 5px;

    margin: 6px auto;

    text-align: right;

}

.inner_news_holder ul li p,.inner_news_holder ul li h1

{

    text-align: center;

}
.inner_news_holder ul li img

{

    display: table-cell;

    padding: 0;

}

.inner_news_holder ul li div

{

    vertical-align: top;

    text-align: right;

    padding: 5px 2px;
    
    margin-top: 34px;

}


.lat_news_grid

{

    width: 98%;

    margin:10px 4px;

    padding: 3px;

    direction: rtl;

}




.static_slide_caption

{

    width: 100%;

    text-align: right;

    direction: rtl;

    display:block;

    width:96%;

    position: relative;

    padding:2%;

    bottom: 358px;

    margin-top: -64px;

    z-index: 1000;

    color: white;

    font-size: 20px;

    font-weight: bold;

    font-family: Tahoma, Geneva, sans-serif;

    text-decoration: none;

}

.new_holder

{

    direction: rtl;

    padding: 5px;

    width: 98%;

}

.new_holder .inner_new_holder .news_contents

{

    color: #6a6a69;

    margin-top: 8px;

}

.new_holder .inner_new_holder

{

    margin-bottom: 20px;

}

.new_holder .inner_new_holder img

{

    display: block;

    margin: auto

}






.match_holder

{

    direction: rtl;

    text-align: center;

}

.match_holder table

{

    margin: 4px;

}

.match_holder thead td

{

    padding: 3px;

    color: #f3f3f3;

    background: #7E7B7B;
    /*background: #333;*/

    font-weight: bold;

}

.match_holder td

{

    padding: 16px 6PX;

    color: #0E0101;
    /*color: #FFFFFF;*/

}

.match_holder tr

{

    background: #FDFDF8;
    /*background: #6A6A69;*/

}

.match_holder tr:nth-child(odd)

{

    background: #FFDF62; /*#F3E3A5*/

    /*background:#EB0304;*/

}



.new_holder

{

    direction: rtl;

    padding: 5px;

    width: 98%;

}

.new_holder .inner_new_holder .news_contents

{

    color: #6a6a69;

    margin-top: 8px;

}

.new_holder .inner_new_holder

{

    margin-bottom: 20px;

}

.new_holder .inner_new_holder img

{

    display: block;

    margin: auto

}







/* ^^^^ Pagination Styles ^^^^ */

div#pagination{
float:left;
margin-top:5px;
margin-left:25px;
}

div#pagination ul li{
display:inline;
float:left;
padding-right:5px;
font-weight:bold;
}

div#pagination  a{
display:block;
float:left;
background:url(../images/menu_bg.jpg) repeat-x;
color:#FFF;
text-decoration:none;
text-align:center;
margin-left:10px;
width:20px;
padding:5px 4px 1px 4px;
height:20px;
}

div#pagination  a.small{
display:block;
float:left;
background:url(../images/menu_bg.jpg) repeat-x;
color:#FFF;
text-decoration:none;
text-align:center;
margin-left:10px;
width:40px;
padding:5px 4px 1px 4px;
height:20px;

}

div#pagination  a.pre,div#pagination a.next{
width:100px;
}

div#pagination span.active{
display:block;
width:20px;
height:20px;
background:#222;
color:#FFF;
float:left;
padding:5px 4px 1px 4px;
text-align:center;
margin:0 5px;
}

div#pagination ul li a#dir{
width:auto;
padding:5px 17px;
background:url(../images/menu_bg.jpg) repeat-x;
margin-right:10px;
}



/*****************************Gallery_Detils****************************/

.cover{ width:350px; height:263px; margin:10px auto}

.cover img{ width:350px; height:263px; margin:0px auto;border:#000 2px solid}

.gallery_holder2{}

/*.gallery_holder2 div

{width:216px; height:122px;float:left}

.gallery_holder2 img

{ width:210px; height:120px; border:#000 2px solid}*/



/*************************************************************/

/*

*,

*:after,

*:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

	margin: 0;

}

*/

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



/* General Demo Style */



.container{

	width: 100%;

	position: relative;

	min-height: 750px;

}

.clr{

	clear: both;

	padding: 0;

	height: 0;

	margin: 0;

}

.container > header{

	margin: 10px;

	padding: 20px 10px 10px 10px;

	position: relative;

	display: block;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

    text-align: center;

}

.container > header > span{

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 20px;

	line-height: 20px;

	display: block;

	font-weight: 400;

	font-style: italic;

	color: #719dab;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);

}

.container > header h1{

	font-size: 40px;

	line-height: 40px;

	margin: 0;

	position: relative;

	font-weight: 300;

	color: #498ea5;

	padding: 5px 0px;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);

}

.container > header h1 span{

	font-weight: 700;

}

.container > header h2{

	font-size: 14px;

	font-weight: 300;

	letter-spacing: 2px;

	text-transform: uppercase;

	margin: 0;

	padding: 15px 0 5px 0;

	color: #6190ca;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);

}

.container > header p{

	font-style: italic;

	color: #aaa;

	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);

}

/* Header Style */

.codrops-top{

	line-height: 24px;

	font-size: 11px;

	background: #fff;

	background: rgba(255, 255, 255, 0.6);

	text-transform: uppercase;

	z-index: 9999;

	position: relative;

	font-family: Tahoma, Geneva, sans-serif;

	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);

}

.codrops-top a{

	padding: 0px 10px;

	letter-spacing: 1px;

	color: #333;

	display: inline-block;

}

.codrops-top a:hover{

	background: rgba(255,255,255,0.9);

}

.codrops-top span.right{

	float: right;

}

.codrops-top span.right a{

	float: left;

	display: block;

}

/* Demo Buttons Style */

.codrops-demos{

    text-align:center;

	display: block;

	line-height: 30px;

	padding: 5px 0px;

}

.codrops-demos a{

    display: inline-block;

	margin: 0px 4px;

	padding: 0px 6px;

	color: #aaa;

	line-height: 20px;	

	font-size: 13px;

	text-shadow: 1px 1px 1px #fff;

	border: 1px solid #ddd;

	background: #ffffff; /* Old browsers */

	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */

	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);

}

.codrops-demos a:hover{

	color: #333;

	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);

}

.codrops-demos a:active{

	background: #fff;

}

.codrops-demos a.current-demo,

.codrops-demos a.current-demo:hover{

	background: #f6f6f6;

}





.da-thumbs {

	list-style: none;

	width: auto;

	height:auto;

	position: relative;

	padding: 0;

}

.da-thumbs li { width:195px; height:150px; 

	float: left;

	margin: 5px;

	position: relative;

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}

.da-thumbs li a,

.da-thumbs li a img {width:200px; height:150px; 

	display: block; 

	position: relative;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	background: #333;

	background: rgba(75,75,75,0.5);

	width: 100%;

	height: 100%;

}

.da-thumbs li a div h4 {

	display: block;

	padding: 10px 0;

	margin:54px 58px 20px 45px;

	text-transform: uppercase;

	font-weight: normal;

	color: rgba(255,255,255,0.9);

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	/*border-bottom: 1px solid rgba(255,255,255,0.5);

	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);*/

}





.da-thumbs li a div {

	top: 0px;

	left: -100%;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.da-thumbs li a:hover div{

	left: 0px;

}

.album_details
{
    margin: 10px;
    
}
.members_holder .anim-center {
	margin: 4px 0px 4px 10px;
	width: 200px;
	display: inline-block;
	background-color: #6A6A69;
	border: 1px solid #fff;
	clear: both;
}

        i.fa.fa-search {
            color: #000;
        }
        i.fa.fa-search:hover {
            color: #fff;
        }

        .openBtn {
            background: none;
            border: none;
            padding: 0px 10px;
            font-size: 26px;
            cursor: pointer;
        }

        .overlay {
            height: 100%;
            width: 100%;
            display: none;
            position: fixed;
            z-index: 2;
            top: 0;
            left: 0;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.8);
        }

        .overlay-content {
            position: relative;
            top: 46%;
            width: 80%;
            text-align: center;
            margin-top: 30px;
            margin: auto;
        }

        .overlay .closebtn {
            position: absolute;
            top: 20px;
            right: 45px;
            font-size: 60px;
            cursor: pointer;
            color: white;
        }

        .overlay .closebtn:hover {
            color: #ccc;
        }

        .overlay input[type=text],
        .overlay select {
            padding: 15px;
            font-size: 13px;
            border: none;
            float: left;
            width: 55%;
            background: white;
        }

        .overlay select {
            padding: 16px;
            font-size: 18px;
            width: 28%;
        }

        .overlay input[type=text]:hover,
        .overlay select:hover {
            background: #f1f1f1;
        }

        .overlay button {
            float: left;
            width: 17%;
            padding: 14px;
            background: #ddd;
            font-size: 17px;
            border: none;
            cursor: pointer;
        }

        .overlay button:hover {
            background: #bbb;
        }
@media screen and (max-width: 1020px){

.menu div ul{  margin-right: 0px !important;}


}
@media screen and (max-width: 970px){
  .menu div ul {
  margin-right: -3%!important;}
  .menu div ul li{font-size:15px !important;
  }
  
  @media screen and (max-width: 797px){
.header div{

background-color:#d81818}

}
  @media screen and (max-width: 680px){
.menu div ul {
  margin-right: -35% !important;}
  }
  
  
@media screen and (max-width: 530px){

.menu div ul {

  margin-right: -55%!important;}
  .menu div ul li{font-size:15px !important;}
}