/******************************************GENIKA**********************************/
*{ margin:0; padding:0;}
a img{border:none;}
a {text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;}


body {
margin:0; padding:0;
font-family: 'Roboto', sans-serif;font-size:16px ;
color:#000; height:auto;  
background-color:#fff; 
}
body.nomove{height:100%; overflow:hidden}
.hideme{opacity:0;  }
.showme{
transition-duration: 300ms;
transition-timing-function: ease-in-out;
opacity:1;
}

.margintop100{margin-top:100px !important;}
.margintop40{margin-top:40px !important;}
.left{float:left;}
.right{float:right}
.line{width:960px; margin:10px auto; height:1px; background-color:#CCC }
.clear{clear:both}
/***************HEADER****************************/
#header_menu_wrapper{width:100%; height:auto; min-height:50px; background-color:#fff; z-index:10000; text-align:center;
position:fixed; top:0px; box-shadow: -5px -10px 10px 9px #000; }
#two_menu_wrapper{width:auto; max-width:1000px; margin:0 auto}


/*.slicknav_menu {display:none;}
#menu_hidden{ list-style:none; color:#000; display:none;}
#menu_hidden a{color:#000}
#menu_hidden li {display:inline-block;}
*/

@media screen and (max-width: 1020px) {
#menu_mobile_button{display:block !important;}
#header_menu{display:none !important}

#index_search_wrapper{margin-top: 150px !important;margin-right: 10px !important;margin-bottom:-50px !important; }
#search_form{float: none !important; margin: 0 auto !important; margin-top: -70px !important; }

#logo_small_mob	{display:block !important;}
/*#header_menu_wrapper {display:none;}
.slicknav_menu {display:block; background:url(../images/logo.png) no-repeat 20px 2px; background-size:50px 50px }
ul.level1{top:0px !important; left:10px !important; position:relative !important; width:100% !important}
ul.level1 li{background-color:#fff !important; color:#000; border-top:1px solid #fff !important; width:100% !important 
}
ul.level1 li>a{width:90% !important; height:18px !important}
ul.level1 a:hover{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background:#ccc !important;
text-decoration:none; }
#main_wrapper{margin-top:40px !important}
#search_form{float:left !important; margin-top:-40px !important}

#index_search_wrapper { margin-top:20px !important; margin-bottom:20px !important}
#search_form.index{margin-top:0px !important; margin-left:10px !important}

#nivoslider {margin-top:0px !important;}
*/
}
@media screen and (min-width: 1021px) {
#mobile_menu{display:none;}
body{overflow:auto !important}

#logo_small_mob	{display:none}
}


#header_menu{ width:auto; height:auto; min-height:80px; border-top:3px solid #000; margin:0 auto; border-bottom:1px solid #000; position:relative;max-width:100%; }
.line{width:auto; border-top:1px solid #000; height:3px; margin:0; margin-top:2px; background-color:#fff;max-width:100%;}


.line_thick{width:auto; border-top:3px solid #000; height:3px; max-width:100%; margin:0 auto; margin-top:2px; background-color:#fff}


#menutop_left{ list-style:none; float:left; width: 470px; margin-left: -20px; }
#menutop_right{list-style:none;float:right; width: 470px;margin-right: -25px;}

#menu_second_line{list-style:none; width:700px; text-align:center;  margin:0 auto; }

#menutop_left>li,#menutop_right>li,#menu_second_line>li{font-size:22px; font-family:'Open Sans Condensed',sans-serif; font-weight:bold;  font-variant:small-caps; position:relative; margin-top:-2px}
#menutop_left>li{float:right;margin-left:6px; margin-right:6px;}
#menutop_right>li{float:left;margin-left:4px; margin-right:4px;}

#menu_second_line>li{float:left; margin:0 5px}
#menu_second_line>li.menu_nice2meetyou{ margin-right:0px; margin-left:45px}
#menu_second_line>li.menu_mixtapes{ margin-right:130px; margin-left:0 }
#menu_second_line>li.menu_radio{ }
#menu_second_line>li.menu_othoni{}


#menutop_left>li.first_right{margin-left:225px}

#menutop_left>li>a,#menutop_right>li>a,#menu_second_line>li>a{color:#000; display:block; border:1px solid #fff; padding-left:9px; padding-right:9px; margin-top:3p; padding-top:5px; padding-bottom:5px}
#menutop_left>li>a:hover,#menutop_right>li>a:hover,#menu_second_line>li>a:hover{background-color:#000; color:#fff; text-decoration:none;}

.hover{background-color:#000; color:#fff !important;}

ul.level1{position:absolute; top:37px; left:1px; width:200px; height:auto; min-height:10px; list-style:none; z-index:10000000; background-color:#000; margin:0; padding:0; display:none;}
ul.level1 li{width:200px; height:35px; background-color:#000; border-top:1px solid #666; text-align:left  }
ul.level1 a{ display:block; width:190px; height:33px;  padding-left:10px; padding-top:2px; }
ul.level1 a:hover{text-decoration:none; background-color:#333}


ul.level1.list{width:210px;}
ul.level1.list li{width:210px;}
ul.level1.list a{ width:200px;}


/***************HEADER****************************/

/***************INDEX****************************/
#logo{position:absolute; top:-5px; left:50%; margin-left:-55px;  width:auto; height:auto; z-index:8000;}

#logo >img{  
border:2px solid #f2f2f2; border-radius:100%; box-shadow:0px 0px 2px #666; 
width:110px; height:110px;
}
#logo>img:hover{box-shadow:0px 0px 5px #000;}



#nivoslider{max-width:1000px; margin:0 auto; margin-top:120px; position:relative}

.updated_title{max-width:1000px; width:auto; margin:0 auto; color:#222; font-size:14px; font-family:'Open Sans Condensed'}
.updated_title>span{font-family:'Open Sans'; font-size:11px;color:#999; vertical-align:2px}

.category_line{width:auto; max-width:1000px; height:4px; border-top:1px solid #000; margin:0 auto; border-bottom:3px solid #000; position:relative}
.main_title{display:inline-block; vertical-align:top; width:130px; text-align:center;font-family:'Open Sans Condensed',sans-serif; font-weight:bold; font-variant:small-caps; font-size:30px;  background-color:#fff;  position:absolute; height:45px; padding-top:0px; top:-25px; left:435px; z-index:0; }
.main_title.center180{width:180px; left:50%; margin-left:-90px  }
.main_title.center300{width:300px; left:50%; margin-left:-150px  }
/***************INDEX****************************/


/***********************LIST ITEMS***************************/
.list_items{margin:0 auto; border:1px solid #f2f2f2; max-width:1000px; width:auto; min-height:275px; height:auto; margin-top:30px; text-align:left; background:url(../images/grunge.png) repeat; margin-bottom:50px;  margin-bottom:50px;/*padding-left:8px; padding-bottom:20px;*/ }
.list_items.video{min-height:235px}

.list_items>.item{/*height:308px; */
/* width:235px; margin-left:3px; margin-right:3px;*/
overflow:hidden;
max-width:235px;
margin:7px; height:auto; max-height:330px;
width:calc(100% * 1/4 - 16px);
display:block; float:left;   position:relative; border:1px solid #fff;box-shadow:0 0 8px #555; background-color:#F4F4F4;  padding:0; font-size:13px;font-family:'Open Sans Condensed',sans-serif;font-weight:bold; text-align:left; color:#222}
#pages{display:none;}
#loader_full{position:fixed; height:100%; width:100%;  z-index:5000; color:#000; font-size:50px; top:0; left:0;   background-color:rgba(255,255,255,0.7); display:none;  }
#loader_logo{position:relative; width:140px; height:140px;  top:50%; left:50%; margin-left:-70px; margin-top:-170px;
}
#loader_logo img{ box-shadow:0 0 10px #000; border-radius:100%;
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
-o-animation:spin 4s linear infinite;
-ms-animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-o-keyframes spinAnimation {100% { -o-transform: rotate(360deg)}}
@-ms-keyframes spinAnimation {100% { -ms-transform: rotate(0deg)}}



.list_items>.item>img{width:100%;}

@media (max-width: 800px) {
.list_items>.item {width: calc(100% * 1 / 3 - 16px);}
.list_items>.item.video{width:calc(100% * 1/4 - 12px);}

}
@media (max-width: 500px) {
.list_items>.item {width: calc(100% * 1 / 2 - 16px);}
.list_items>.item.video{width:calc(100% * 1/3 - 12px);}
}

@media (max-width: 400px) {
.list_items>.item.video{width:calc(100% * 1/2 - 12px);}
}



.item.video{max-width:190px; max-height:280px; height:auto; width:calc(100% * 1/5 - 12px); margin:5px  }
.item.video>img{margin:0 !important; box-shadow:none !important; width:100%}

.list_artist{color:#3b3b3b;padding-left: 5px;line-height:18px;padding-top: 4px; font-size:18px;height:20px; overflow: hidden}
.list_title{color:#3b3b3b; padding-left:5px; line-height:18px;padding-top: 4px; font-size:18px;height:20px;overflow: hidden}
.list_year{color:#222; padding-left:5px; font-size:14px; margin-top:4px; height:25px; overflow:hidden; }
.list_items>.item:hover{ text-decoration:none; box-shadow:0 0 12px #111;}


#radio_box{ max-width:450px; width:auto; height:auto; margin-bottom:30px; float:right; background:url(../images/radio.png) no-repeat right 2px; padding-right:50px }
#radio_box a{color:#000}
/***********************LIST ITEMS***************************/


/***************INTERVIEW PAGE*********************************/
#main_wrapper{max-width:1000px; width:auto; margin:0 auto; margin-top:140px; padding:10px;}
#main_wrapper h1{font-family:'Open Sans Condensed',sans-serif;font-weight:bold; font-size:25px;}
#main_wrapper h2{font-family:'Open Sans Condensed',sans-serif;font-weight:bold; font-size:25px; }
#main_wrapper h3{font-family:'Open Sans Condensed',sans-serif;font-weight:bold; font-size:25px; margin-bottom:10px }

img.shadow{box-shadow: 0px 8px 6px -6px #666; margin-bottom:20px; margin-top:20px; width:100%; height:auto; max-width:1000px}

#main_wrapper p{text-align:justify; margin-bottom:10px; line-height:23px; 


font-family: 'Roboto Condensed', sans-serif; line-height: 26px;font-size: 18px;


}
#breadcrumb_date_wrapper{margin-top:0px; margin-bottom:10px}
#breadcrumb,#breadcrumb a{color:#222; font-size:13px; font-family:'Open Sans Condensed',sans-serif;font-weight:bold;}
#date_interview{color:#666; font-size:15px; font-family:'Open Sans Condensed',sans-serif;font-weight:bold; margin-bottom:10px;}
#date_interview a{color:#222}

.image_author{border-radius:100%; width:100px; height:100px; float:right}
.image_author.left{float:left !important; margin-top:10px;}

#author_text{ margin-top:20px; margin-bottom:20px;}

.social_widjet{min-height:20px; height:auto; margin-bottom:30px}
/***************INTERVIEW PAGE*********************************/


/*****************************VIDEOS PAGE*****************************/


.genre_list_videos{width:100%;  height:auto; min-height:40px; margin-bottom:0px;font-family:'Open Sans Condensed'; font-weight:bold; margin-top:40px  }
.genre_list_videos h2{font-family:'Open Sans Condensed'; margin-bottom:10px; font-size:18px !important}
.genre_list_videos a{padding:2px 5px; 
background-color:#e6e4e4; color:#000;
font-size:16px; margin-right:8px; margin-bottom:3px; float:left}
.genre_list_videos a:hover{text-decoration:none; }
.genre_list_videos a.selected{text-decoration:none; background-color:#0066B2; color:#fff; }



#video-post{position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden; background-color:#fff;}
#video-container {position: relative;padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:30px; background:url(../images/video_logo.png) no-repeat center center; background-color:#000;}

#video-container iframe,#video-post iframe,
#video-container object,#video-post object,
#video-container embed,#video-post embed
{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#video-text {margin-bottom:10px;}
/*****************************VIDEOS PAGE*****************************/


/*****************POST PAGE******************************************/
#post_wrapper{  box-shadow: 0px 8px 6px -6px #666; margin-top:20px; margin-bottom:40px;  width:auto; height:auto; max-width:1000px; position:relative; background-color:#f4f4f4; border:1px solid #ccc; }


#left_image{ margin:0; padding:0; width:calc(100% - 300px); float:left; box-shadow:none; height:auto; min-width:200px; min-height:200px; max-width:700px;  vertical-align:top;}
#left_image img{box-shadow:none; width:100%; }
#right_image{width:300px; min-height:200px; float:left; vertical-align:top; position:relative; color:#3B3B3B;   overflow:hidden;  }
#right_image_inner{width:275px; padding-left:20px; padding-top:20px; min-height:100px; height:auto; margin:0 auto; margin-top:20px;font-family:'Open Sans Condensed',sans-serif; }
.left_info{font-size:20px; font-weight:bold; height:23px; }
.left_info span{color:#3B3B3B; font-weight:normal;}

.left_info.noheight{height:auto !important; width:280px !important}

#right_image_bottom{width:290px; padding:0px; height:290px; overflow:hidden;position: absolute; margin:0 auto; margin-top:250px; bottom:0; right:0;  }
#right_image_bottom>a{position:absolute;}
#left_thumb{top:90px; left:0}
#main_thumb{top:0; left:35px}
#right_thumb{top:90px; right:0 }


@media screen and (max-width: 840px) {
#right_image_bottom{display:none}
}

@media screen and (max-width: 540px) {
#post_wrapper{background-color:#fff; box-shadow:none; border:none;}
#right_image_inner{margin-left:0; padding-left:0; margin-top:0px}
}



#right_image_bottom h2{
position:absolute; top:230px;  width:100%; height:auto;
text-align:center;font-family:'Open Sans Condensed',sans-serif; font-size:20px; }

#thumbs_list{width:1000px; height:100px; margin:0 auto; list-style:none; text-align:left;padding:0; margin-bottom:20px; margin-top:20px }
#thumbs_list li{display:inline-block; margin-right:10px;  }
#thumbs_list img{border:1px solid #999; opacity:1; cursor:pointer}
#thumbs_list img:hover{opacity:0.7}

.tw_iframe{margin-left:0px}
.tw_iframe iframe{width:130px; height:20px;}

.fb_iframe{margin-left:-65px}
.fb_iframe iframe{border:none; overflow:hidden; height:21px; width:200px}
/*****************POST PAGE******************************************/
.main_title_div{width:auto; max-width:1000px; margin:0px auto; margin-top:30px; height:20px; position:relative}
.left_line{width:auto; width:400px; border-top:1px solid #000; border-bottom:3px solid #000; line-height:10px; display:inline-block;vertical-align:top; height:10px;  }
.right_line{width:auto; width:400px; border-top:1px solid #000; border-bottom:3px solid #000; height:10px;   line-height:10px;display:inline-block;vertical-align:top }

.main_title.second{font-size:28px;  background-color:#f2f2f2; height:40px; padding-top:0px; top:-24px; left:435px; border:1px solid #666  }

.main{  font-variant:small-caps; text-align:center;  }

/**********************************************************************/
.list_index{list-style:none; margin:0 auto; border:1px solid #f2f2f2; width:1000px; height:260px; margin-top:30px; text-align:center; background:url(../images/grunge.png) repeat; padding-top:20px; margin-bottom:50px}

.list_index>li{width:170px; height:230px; display:inline-block; margin-left:8px; margin-right:8px; vertical-align:top; background-color:#fff; position:relative; border:1px solid #fff;box-shadow:0 0 8px #555; background-color:#f2f2f2; }
.list_index a{font-size:13px;font-family:'Open Sans Condensed',sans-serif;font-weight:bold; text-align:left; display:block; color:#222;}
.list_index>li:hover{box-shadow:0 0 12px #111;}

a.list_image{width:170px; height:170px;}

.list_index>li>div{width:170px; height:60px; position:relative; background-color:#fff}
.list_index>li>div.hover{background-color:#000;}

a.list_artist{color:#fb3535;font-size:15px; padding-left:5px;line-height:18px; padding-top:3px }
a.list_title{font-size:14px; padding-left:5px; line-height:17px }
a.list_title.hover{color:#f2f2f2}

a.list_year{padding-left:5px; }
div.year_genre{width:170px; height:14px; padding-left:5px; 
font-family:'Open Sans Condensed',sans-serif;font-weight:bold; font-size:13px; color:#222; text-align:left }
div.year_genre.hover{color:#f2f2f2}
div.year_genre a{display:inline-block}
div.year_genre a.hover{color:#f2f2f2}
/********************************************************************/

.list_index2{list-style:none; margin:0 auto; border:1px solid #f2f2f2; width:1000px; height:275px; margin-top:30px; text-align:center; background:url(../images/grunge.png) repeat; margin-bottom:50px}
.list_index2>li{width:186px; height:275px; display:inline-block; margin-left:0px; margin-right:0px; vertical-align:top; position:relative; padding-left:14px; }
.list_index2>li.hover{background-color:#222}

div.list_index2_div{width:170px; background-color:#fff; height:230px; margin-top:20px;border:1px solid #fff;box-shadow:0 0 8px #555;}

.list_index2 a{font-size:13px;font-family:'Open Sans Condensed',sans-serif;font-weight:bold; text-align:left; display:block; color:#222;}


.list_index>li:hover{box-shadow:0 0 12px #111;}
a.list_image{width:170px; height:170px;}
.list_index>li>div{width:170px; height:60px; position:relative; background-color:#fff}
.list_index>li>div.hover{background-color:#000;}
a.list_artist{color:#fb3535 !important;font-size:15px !important; padding-left:5px;line-height:18px; padding-top:3px }
a.list_title{font-size:14px !important; padding-left:5px; line-height:17px }
a.list_title.hover{color:#f2f2f2}
a.list_year{padding-left:5px; }
div.year_genre{width:165px; height:14px; padding-left:5px; 
font-family:'Open Sans Condensed',sans-serif;font-weight:bold; font-size:13px; color:#222; text-align:left }
div.year_genre.hover{color:#f2f2f2}
div.year_genre a{display:inline-block}
div.year_genre a.hover{color:#f2f2f2}



#footer_inner{font-family:'Open Sans Condensed',sans-serif;font-weight:bold; font-size:13px;}

.mrg15{margin-left:15px;}

.slider-caption {
	width:400px; height:100px;
	position:absolute;
	left:0px;
	bottom:10%;
	color:#fff;
	z-index:8000 !important;
	overflow: hidden;
	display:block;
	display: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.slider-caption>h2 {
font-family:'Open Sans Condensed',sans-serif; font-weight:bold; font-size:26px;
padding:5px; display:block; width:300px; background-color:rgba(0,0,0,0.9); padding-left:20px; border-bottom:1px solid #222; height:35px; overflow:hidden; position:absolute; top:0; left:-275px;
}


.slider-caption h3 {
font-family:'Open Sans Condensed',sans-serif; font-weight:bold; font-size:23px;
padding:5px; display:block; width:400px; padding-left:20px; background-color:rgba(0,0,0,0.9);
height:35px; overflow:hidden; padding-top:7px; position:absolute; top:46px; left:-375px; 
}

@media screen and (max-width: 700px) {
#nivoslider{display:none}
.updated_title.first{margin-top:40px}

	a.banner1{margin-top: 80px !important}
}



/**************************FOOTER*****************************/
#footer{max-width:1000px; width:auto; height:auto; min-height:30px;  margin:0 auto; margin-bottom:30px; text-align:center; margin-top:100px;   }
.footer_column{width:320px;  min-height:200px; height:auto; margin-top:10px; display:inline-block; vertical-align:top;text-align:left; margin:0 5px }
.footer_column h2{font-family:'Open Sans Condensed'; }
.footer_list{list-style:none; text-align:left; font-size:13px; margin-top:10px}
.footer_list a{color:#000}
.footer_list a:hover{text-decoration:none; color:#666}

 

.footer_column.friends a{color:#3B5998; font-size:15px; line-height:21px}
.footer_column.friends a:hover{color:#666; text-decoration:none}
.network_wrapper{text-align:center; margin-top:20px}

.footer_column_title{font-family: "Open Sans Condensed",sans-serif;font-weight: bold;font-variant: small-caps; text-align:center; font-size:23px}

.footer_top{width:auto; margin:0 auto; border-top:1px solid #000; margin-bottom:10px}

.footer_line{width:300px; float:left; margin-bottom:10px}
.footer_line>.main_title{ position:absolute; left:60px; top:-18px; z-index:300; padding-top:0;
width:180px; font-size:23px; height:40px;   }
.footer_last{max-width:1000px; width:auto; margin:0 auto; border-top:2px solid #000; min-height:20px; height:auto;  font-size:10px; color:#222; padding-top:5px; margin-bottom:20px; padding:0 10px}
.footer_last a{color:#666}
.last-fm{margin-top:10px}

/**************************FOOTER*****************************/

/********************************SEARCH************************************/
#search_form{position:relative; float:right; width:210px; height:30px; margin-top:-50px}
#search_form.index{margin:0}
#index_search_wrapper{position:relative; width:auto; max-width:1000px; height:30px; margin:0 auto; margin-top:100px; margin-bottom:-100px; }

#search_field{padding-left:10px; color:#999; border:1px solid #aaa; border-radius:7px;  width:200px; height:25px;}
#search_button{background:url(../images/magnify.png) no-repeat;position:absolute;top:6px; right:2px; width:20px; height:20px; border:none; cursor:pointer}
/********************************SEARCH************************************/

.airplayicon{float:right; margin-top:-10px; margin-left:5px}
.airplay{float:right; width:auto; max-width:380px; margin-top:-5px; font-size:15px}
.airplay a{color:#000}
.marg0 {margin-top:0 !important}

#gdpr{min-height:35px; background-color:#000; width:100%; text-align:center; color:#fff; font-size:13px; padding-top:8px; position:fixed; bottom:0; z-index:100000}
.gdpr_button{ display:inline-block; padding:5px; color:#fff; border:1px solid #fff; margin:5px;text-decoration:none;}.gdpr_button:hover{background-color:#fff; color:#000;}


/*********************MENU MOBILE**********************************/
#menu_mobile_button,#menu_mobile_button2 {
width: 24px; cursor:pointer;
  height: 16px; margin:0 auto; 
  display:none; 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;

position: absolute;   
  top:17px;
  right:10px;

}

#menu_mobile_button2{ display:block; top:17px}
#menu_mobile_button span,#menu_mobile_button2 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/**************************MOBILE MENU**************************************************/

#menu_mobile_button span:nth-child(1),#menu_mobile_button2 span:nth-child(1) {top: 0px;}
#menu_mobile_button span:nth-child(2),#menu_mobile_button span:nth-child(3),#menu_mobile_button2 span:nth-child(2),#menu_mobile_button2 span:nth-child(3) {top: 6px;}
#menu_mobile_button span:nth-child(4),#menu_mobile_button2 span:nth-child(4) {top: 12px;}

#menu_mobile_button.open span:nth-child(1),#menu_mobile_button2.open span:nth-child(1) {top: 12px;width: 0%;left: 50%;}

#menu_mobile_button.open span:nth-child(2),#menu_mobile_button2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu_mobile_button.open span:nth-child(3),#menu_mobile_button2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu_mobile_button.open span:nth-child(4),#menu_mobile_button2.open span:nth-child(4) {top: 9px;width: 0%;left: 50%;}

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


/*************/
#mobile_menu{ position:fixed; top:0; left:-100%; width:100%; height:100%; background-color:rgba(255,255,255,0.95); z-index:10000 ; overflow:auto; padding-bottom:40px; text-align:center;

opacity:0;  margin-bottom:40px;

  -ms-transition:all 0.2s ease-in 0s;
  -webkit-transition:all 0.2s ease-in 0s;
  -moz-transition:all 0.2s ease-in 0s;
  -o-transition:all 0.2s ease-in 0s;
  transition:all 0.2s ease-in 0s;
}
#mobile_menu.on{left:0; opacity:1}

#mobile_menu>img{ margin:0 auto; margin-bottom:0px; margin-top:10px; width:90px; }

#mobile_menu>ul{ padding:0; margin:0; margin:0 auto; margin-top:20px; padding-bottom:40px; list-style:none;}
#mobile_menu>ul>li{  margin-bottom:0px}

#mobile_menu a{ text-align:center; color:#222; font-size:24px; display:table; width:auto; margin:0 auto;
padding:0px 20px;
    font-weight: 300;
    letter-spacing: 1px;
	
font-size: 22px;
font-family: 'Open Sans Condensed',sans-serif;
font-weight: bold;
font-variant: small-caps;	
	
}

#mobile_menu>ul>li>a:hover{background-color:#000; color:#fff; text-decoration:none;}


ul.mobile_submenu{ height:auto; display:none; margin-bottom:10px; margin-top:10px; list-style:none;  }
.mobile_submenu a{ padding:5px 15px;   }
.mobile_submenu a:hover{ background-color:#222; color:#fff !important; text-decoration:none }




#index_link{display:block; margin:0 auto; margin-top:40px; margin-bottom:40px; text-align:center }
#index_link>img{width:100%; max-width:1000px; height:auto;}

/****************************************23/12/23******************************************************/

a.banner1{display:block; margin:0 auto; width:auto; max-width:1000px; text-align:center; margin-bottom: 40px;}
a.banner1>img{width:100%}

#logo_small_mob{display: block; display: none; width: 60px; margin: 0 auto; position: absolute; left: 0; right: 0; top:10px}
#logo_small_mob>img{width:100%;}