@font-face {
    font-family: 'nova';
    src:  url('font/PROXIMA-NOVA.OTF');
    font-weight: normal;
    font-style: normal;

}

body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF;
}

#content
{
    padding: 20px;
    margin-top:70px;
}
.position_relative {position: relative;}
#sidebar
{
	padding: 20px 0; min-height: 575px;
}
.display_none {display: none;}
#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}


.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

.holon_txt_color{
	font-weight: bold;
	color: #E44855;	
}
.aviv_txt_color{
	font-weight: bold;
	color: #09960e;	
}

.holon_small_txt_color{
	font-size: 17px;
}

/*===========================
	NEW SITE
============================*/

/*
@font-face {
    font-family: 'Open-Sans-Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url('../images/font/opensanshebrew-lightitalic-webfont.eot');
    src: url('../images/font/opensanshebrew-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/font/opensanshebrew-lightitalic-webfont.woff') format('woff'),
    url('../images/font/opensanshebrew-lightitalic-webfont.ttf') format('truetype'),
    url('../images/font/opensanshebrew-lightitalic-webfont.svg#opensanshebrew-lightitalic-webfont') format('svg');
}*/

@font-face {
    font-family: 'Open-Sans-Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url('../images/font/opensanshebrew-light-webfont.eot');
    src: url('../images/font/opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/font/opensanshebrew-light-webfont.woff') format('woff'),
    url('../images/font/opensanshebrew-light-webfont.ttf') format('truetype'),
    url('../images/font/opensanshebrew-light-webfont.svg#opensanshebrew-light-webfont') format('svg');
}

/*
@font-face {
    font-family: 'Open-Sans-Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url('../images/font/opensanshebrew-italic-webfont.eot');
    src: url('../images/font/opensanshebrew-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/font/opensanshebrew-italic-webfont.woff') format('woff'),
    url('../images/font/opensanshebrew-italic-webfont.ttf') format('truetype'),
    url('../images/font/opensanshebrew-italic-webfont.svg#opensanshebrew-italic-webfont') format('svg');
}
*/

@font-face {
    font-family: 'Open-Sans-Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url('../images/font/opensanshebrew-regular-webfont.eot');
    src: url('../images/font/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/font/opensanshebrew-regular-webfont.woff') format('woff'),
    url('../images/font/opensanshebrew-regular-webfont.ttf') format('truetype'),
    url('../images/font/opensanshebrew-regular-webfont.svg#opensanshebrew-regular-webfont') format('svg');
}
/*
@font-face {
    font-family: 'Open-Sans-Hebrew';
    font-style: italic;
    font-weight: 700;
    src: url('../images/font/opensanshebrew-bolditalic-webfont.eot');
    src: url('../images/font/opensanshebrew-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/font/opensanshebrew-bolditalic-webfont.woff') format('woff'),
    url('../images/font/opensanshebrew-bolditalic-webfont.ttf') format('truetype'),
    url('../images/font/opensanshebrew-bolditalic-webfont.svg#opensanshebrew-bolditalic-webfont') format('svg');
}
*/

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: bold;
    src: url('../images/font/opensanshebrew-bold-webfont.eot');
    src: url('../images/font/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/font/opensanshebrew-bold-webfont.woff') format('woff'),
    url('../images/font/OpenSansHebrew-Bold.ttf') format('truetype'),
    url('../images/font/OpenSansHebrew-Bold.ttf'),
    url('../images/font/opensanshebrew-bold-webfont.svg#opensanshebrew-bold-webfont') format('svg');
}

/*
@font-face {
    font-family: 'Open-Sans-Hebrew';
    font-style: italic;
    font-weight: 800;
    src: url('../images/font/opensanshebrew-extrabold-webfont.eot');
    src: url('../images/font/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../images/font/opensanshebrew-extrabold-webfont.woff') format('woff'),
    url('../images/font/opensanshebrew-extrabold-webfont.ttf') format('truetype'),
    url('../images/font/opensanshebrew-extrabold-webfont.svg#opensanshebrew-extrabold-webfont') format('svg');
}
@font-face {
    font-family: 'Open-Sans-Hebrew';
    font-style: normal;
    font-weight: 800;
    src: url('{SITE_STATIC_MEDIA_DOMAIN}/public/font/opensanshebrew-extrabold-webfont.eot');
    src: url('{SITE_STATIC_MEDIA_DOMAIN}/public/font/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('{SITE_STATIC_MEDIA_DOMAIN}/public/font/opensanshebrew-extrabold-webfont.woff') format('woff'),
    url('{SITE_STATIC_MEDIA_DOMAIN}/public/font/OpenSansHebrew-ExtraBold.ttf') format('truetype'),
    url('{SITE_STATIC_MEDIA_DOMAIN}/public/font/opensanshebrew-extrabold-webfont.svg#opensanshebrew-extrabold-webfont') format('svg');
}
*/
.label{display:inline-block; padding:0; font-weight:400; vertical-align:middle; color:#4d4d4d;}
.red{color:#f70000;}
.gray1{color:#4d4d4d;}
.gray2{color:#969696;}
.button_red, .button_red.remove_the_song{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
border:2px solid #f70000;color:#fff; background:#f70000; cursor:pointer;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: all;
transition-property: all;}
.button_red:hover{background: #fff; border-color: #f70000; color: #f70000;}
.button_gray{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background:#6f6f6f; color:#fff; border:none; cursor:pointer;}
.clr, .clear{clear:both;}

.bold{font-weight: bold;}
.title{font-size:35px; font-weight: 300; color:#4d4d4d; border-bottom:1px solid #d0d0d0; padding-bottom: 19px;margin-bottom: 40px;}
.title a{text-decoration: none;color: inherit;}
.title img{vertical-align:middle;}
.title span{vertical-align:middle;}
.title h1{vertical-align:middle;display: inline; font: inherit;}
.img_radius{border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:1px solid #fff;}
body{font-family:'Open-Sans-Hebrew'; font-weight:400; color:#4d4d4d; font-style:normal;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {font-family:'Open-Sans-Hebrew';}


.wrap{clear:both; /*max-width:1605px;*/ margin:0 auto;}
.container_inner{max-width:1200px; margin:0 auto;}

.wrap>.container#page{width:calc(100% - 235px); background:#fff; padding:0 0 50px;}
.big_feeling {width: 97px; height: 99px; border-radius: 50px; background-color: #ed1b24; text-align: center; line-height: 100px;}
.add_toplaylist{cursor:pointer;}


.song_box_location,.recommender_details .location,.recommander_location,.mymusic_song_box_recommender_location{display: none;}
.song_box_name,.recommender_details .name{margin-top: 10px;}

/*================
BUTTON TRANSITIONS
=================*/
.mymusic_song_remove img,.mymusic_song_play img,.recommandation_big_left_inner .add_toplaylist img, .recommandation_big_right_options .add_toplaylist img, .song_box_options_add img, .create_box_left_item_details_vote img{  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
.mymusic_song_remove img:hover,.mymusic_song_play img:hover,.recommandation_big_left_inner .add_toplaylist:hover img, .recommandation_big_right_options .add_toplaylist:hover img, .song_box_options_add:hover img, .create_box_left_item_details_vote:hover img{-webkit-transform: rotate(360deg);
  transform: rotate(360deg);}

/*===============
	SIDE MENU
===============*/

#sidebar{background:#fff;width:235px; position:relative; text-align:center; z-index:102;
box-shadow:0 0 3px; -moz-box-shadow:0 0 3px; -webkit-box-shadow:0 0 3px;}
.sidemenu{text-align:center;}
.sidemenu_item{display:block; color:#f70000; text-align:center; margin-top:25px; font-size:18px; font-weight:bold;
text-decoration:none;}
.sidemenu_item div{font-weight:bold;}
.sidemenu_item_active div {color:#272727;}
.sidemenu_item:hover, .sidemenu_item:hover div{text-decoration:none; color:#272727;}


.sidebar-collapse{position:absolute; top:16px; height:40px; width:60px; z-index:101;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sidebar-collapse>div{background:#fff; width:calc(100% - 25px); margin:5px auto 3px; height:3px;}
.sidebar-collapse>div:nth-of-type(1){margin-top:10px;}

@media all and (max-width : 991px){
    #sidebar{display:none;
	position:absolute; top:0; z-index:102;}
    .wrap>.container#page{width:100%;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  .wrap>.container#page{width:100%;}
  .sidebar-collapse{display: block!important;}
  .st-menu-open .sidebar-collapse{display:none!important;}
}

@media all and (min-width : 992px){
    .sidebar-collapse{display:none;}
    #sidebar{display:block !important; position:absolute; top:0;}
}


@media all and (max-height: 820px){
	#sidebar{padding-top:0;}
	#logo img{height:85px;}
    .sidemenu_item{margin-top:16px;}
    .sidemenu_item div{margin-top:-1px; font-size:16px;}
    .sidemenu_item img{height:21px;}
}


/*===============
	HEADER
===============*/ 

#header{background:#121212; margin:0; padding:20px 80px; position:relative; box-shadow:2px 3.464px 4px 0px rgba( 0, 0, 0, 0.32 );}
#header_right{position: relative;}
#header_right img{vertical-align:middle; /*border:2px solid #fff;*/}
#header_right a{color:#fff; position: relative; top: 2px;}
#header_right span{font-weight:bold; color:#fff; font-size:18px; vertical-align:middle;}
#header_right span.name{display:inline-block; }
#header_right span.count{color: #fff; background: #f13b41; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 0px;}
#header_right .header_right_divider{color:#fff; font-style:normal;   position: relative; top: 1px;}
#header_right .logout{margin-top:1px;   position: relative; top: 2px; text-decoration:none; padding-left: 10px;}
#header_right a i.fa{padding-right: 3px; padding-left: 6px;}
#header_left{color:#fff; font-size:18px;}
#header_left a{color:#fff; text-decoration:none; font-weight:bold;}
#header_left i{font-size:19px;position: absolute;    top: 0;}
#header_left i.fa-question-circle{font-size:19px;position: relative;    top: 0;}
#header_right img.thumb{border:2px solid #fff;}

#header_right .signin{position:relative;display: block;}
#header_right .login{position:relative; display: block;}

#header_right span.login, #header_right span.signin{position:relative; cursor:pointer;}
#header_right span.login.active::after, #header_right span.signin.active::after{content:""; height:3px; background:#f70000; width:100%; display:block;
position:absolute; top:calc(100% + 17px);}

#header_right span.login.active::after {bottom:-22px;}

#header .search_inner{overflow: hidden; position: relative;}
#header .search_inner input{       width: 100%; padding: 0 25px;line-height: 25px; margin:0 auto; vertical-align:middle; border:none; text-indent:12px; color:rgb(17, 17, 17);margin-top: -2px;}

.login_dd{width:280px; background:rgba(16, 16, 16, 0.91); position:absolute; top: calc(100% + 20px); padding: 28px 32px; z-index: 51; 
box-shadow: 2px 3.464px 4px 0px rgb( 0, 0, 0 );}
.signin_dd{width:280px; background:rgba(16, 16, 16, 0.91); position:absolute; top: calc(100% + 23px); padding: 28px 32px; z-index: 51; 
box-shadow: 2px 3.464px 4px 0px rgb( 0, 0, 0 );}
.login_form .login_input{background:#000; display:block; border:none; height: 40px; margin-bottom: 11px; text-indent: 20px; width:100%;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.forgot_password .login_input{margin-top:10px;}
.login_form .facebook{display: block; background: #315d9d; color: #fff; border: none; margin-top: 12px; height: 40px; width: 100%;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px;}
.login_form .button_red{display: block; width: 100%; height: 42px; font-size: 16px;}
.forgot_password_link{color:#b8b8b8;  display: block; margin-top: 14px; font-size: 15px; text-decoration:underline;
cursor:pointer;}
.forgot_password_link:hover{color:#f70000;}
.forgot_password_title{color:#b8b8b8; font-size:15px;}

@media all and (min-width : 992px){
    #header{position:fixed; top:0; width:calc(100% - 235px); z-index:100;}
}

@media all and (max-width : 1300px){
    /*#header .search_inner input{width:170px;}*/
    #header .search_inner{width:200px;}
}
@media only screen and (max-width: 1180px) and (min-width: 100px) {
    /*#header .search_inner input{width:115px;}*/
    #header .search_inner{width:145px;}
}

/*.signin_dd :-webkit-autofill{background:#000 !important;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#000;}*/


/*===============
	HOME PAGE
===============*/
.home .title{margin-top: 34px; margin-bottom:20px;}
.home .title span{font-weight: bold;}
/*.under_title{font-size: 18px;margin-right: 71px;color: #303030;line-height: 12px;margin-top: 7px;font-weight: bold;}*/
.under_title{font-size: 18px;color: #303030;line-height: 22px;margin-top: 3px;font-weight: bold; margin-bottom:-5px;}

@media all and (min-width : 1081px){
	.home{padding:0 70px;}
}
@media all and (max-width : 991px){
	.home{padding:0 20px;}
}

@media all and (max-width : 1024px){
	.under_title{font-size:14px;}
}

.home_banner{background-image:url(../images/content/home_header.png); background-position:center; background-repeat:no-repeat; background-size:100%;
height:285px; width:calc(100% + 40px); margin-top:-20px; position:relative;}
.home_banner_text{font-size:58px; color:#fff; text-shadow: 2.5px 4.33px 5px rgb( 0, 0, 0 ); text-align:center; font-weight:bold; padding-top:129px;}
.home_banner_search{background:#373737; padding:10px 0; position:absolute; width: 100%; bottom:-45px; z-index:50;}
.search_inner i{height:25px; width:25px; background-position:center; background-image: url('../images/search.png'); background-repeat:no-repeat;
display:inline-block; top:0; vertical-align:middle;}
.home_banner_search input{width:270px; margin:0 auto; vertical-align:middle; border:none; text-indent:12px;}

@media all and (max-width : 1600px){
	.home_banner{height:170px; background-size:cover; margin-top:50px;}
	.home_banner_text{font-size:50px; padding-top:45px;}
}

@media all and (max-width : 991px){
	.home_banner{margin-top:-20px;}
}

.songs_page {padding: 10px 70px;}
.songs_page .recommandation_small.song_box {margin-bottom: 25px;}
.play_all_btn{position: absolute;bottom:38px; background: #f70000;color: #fff;padding: 0px 40px;font-size: 21px;cursor: pointer;display: inline-block;line-height: 33px;
	border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border: 0;}

.pick_music.songs_page_title{position: relative;}
.pick_music.songs_page_title .title{margin-top: 30px;}
.pick_music.songs_page_title .play_all_btn{bottom: 14px;}
.pick_music .title{border-bottom:none;margin-bottom: 5px;padding-bottom: 10px;}
.pick_music_filter_wrapper{background:#f4f4f4; border-top:1px solid #cecece; border-bottom:1px solid #cecece; padding: 24px 60px 24px;/* margin-top:30px;*/ }
.pick_music_filter_wrapper .container_inner{position:relative;}
.home .pick_music_filter_wrapper{margin-top: 9px;padding: 20px;}
.pick_music_filter{font-size:20px; position:relative; box-sizing:border-box;}
.pick_music_emotions{width:30%;}
.pick_music_categories{width:37%;}
.pick_music_recommended{width:33%;}
.pick_music_recommended_slider{margin-top:34px;}
.pick_music_filter::after{background:#dfdfdf; content:""; height:144px; width:1px; display:block;
position:absolute; top:0;}
.pick_music_categories::after{display:none;}
.pick_music_filter .label{color:#969696; font-size:20px;}
.pick_music_recommended_top input[type="text"]{border:1px solid #d9d9d9; height:27px; width:243px;   text-indent: 17px; font-size: 14px; vertical-align: middle;
border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; margin-top:2px;}
.pick_music_recommended_search{position:relative;}
.pick_music_recommended_top input[type="submit"]{position: absolute; top: 11px; width: 14px; height: 14px; padding: 0; cursor: pointer; border: none;
background-image: url('../images/search.png'); background-color: transparent;}
.pick_music_recommended_slider .slideshow{margin-top:-7px;}
.pick_music_recommended_slider .item{height:44px; width:44px; border:solid 1px #898989; border:solid 1px #898989; border:solid 1px #898989; cursor:pointer;
position:relative;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pick_music_recommended_slider .item:not(.disable):hover{border-width:2px;}
/*.pick_music_recommended_slider .item.disable*/
  .pick_music_recommended_slider .item.disable::before{content:""; display:block; height:100%; width:100%; background:rgba(255, 255, 255, 0.7); position:absolute; top:0;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-color:rgba(137, 137, 137, 0.3);}
.pick_music_recommended_slider .item.disable{border-color:rgba(137, 137, 137, 0.3); cursor:default;}
.pick_music_recommended_slider .item.active{border-color:#f70000;}
.pick_music_recommended_slider .item.active:hover{border-width:1px;}

.pick_music_recommended_slider .arrow{display:block; text-decoration:none;}
.pick_music_categories_tab{background:#dcdcdc; text-align:center; width:50%; border:1px solid #bebebe;}
.pick_music_categories_tab.active{background:#fff; border-bottom-color:#fff;}
/*.pick_music_categories_genres{padding:19px 0 26px;}*/
.pick_music_categories_genre{font-size:14px; height:28px; width:110px; text-align:center; border:1px solid #898989; margin-top:5px; margin-bottom:3px;
background:#fff; line-height:26px; cursor:pointer !important; position:relative;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
-moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;}

  .pick_music_categories_genre.disable::before{content:""; display:block; height:100%; width:100%; background:rgba(255, 255, 255, 0.7); position:absolute; top:0;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-color:rgba(137, 137, 137, 0.3);}
.pick_music_categories_genre.disable{border-color:rgba(137, 137, 137, 0.3); cursor:default;}

.pick_music_categories_genres{height:111px; overflow:hidden; margin-top:16px;}

.pick_music_recommended_preview_item.active{opacity:1 !important;}
.pick_music_recommended_preview_item{opacity:0.3; height:52px; width:52px; background-repeat: no-repeat; margin-top: 10px;
box-shadow: inset 0 0 0 1px #898989; -moz-box-shadow: inset 0 0 0 1px #898989; -webkit-box-shadow: inset 0 0 0 1px #898989;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background-position: center; cursor: pointer;}
.pick_music_recommended_preview_items{height:132px; overflow:hidden;margin-top: 8px;}
.pick_music_genre_preview_button, .pick_music_recommended_preview_button{text-align:center; margin-top:0px;width: calc(100% - 53px);}
.pick_music_genre_preview_button span, .pick_music_recommended_preview_button span{background:#898989; color:#fff; padding:2px 40px; font-size:15px; cursor:pointer;display: inline-block;line-height: 21px;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pick_music_recommended_dropdown{margin-top:1px;top: 221px; left: auto; background:#fff; position:relative; padding-bottom:25px !important; width:100%; padding:0;
display:none;
box-shadow:0px 0px 5px 0px rgba(140, 140, 140, 0.74); height:310px; z-index:75; position:absolute; /*overflow-y:scroll;*/
border-radius: 3px;}
.pick_music_genre_preview_button span{position:relative; top:14px;}
.pick_music_recommended_dd_inner{    position: relative;
    height: 285px;
    overflow-y: auto;
    margin-top: 5px;}
.pick_music_recommended_dd_close{position:absolute; text-align: center; width: 100%; color: #232323; text-decoration: none; background:#c3c3c3; cursor:pointer; line-height:18px;
}

.pick_music_recommended_dd_item{cursor:pointer; position:relative; width: 100px; text-align: center; padding: 10px 7px; box-sizing: content-box;}
.pick_music_recommended_dd_item.active img{opacity:1 !important;}
.pick_music_recommended_dd_item img{height:65px; width:65px; opacity:0.4;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pick_music_recommended_dd_item.disable{opacity:0.3;}
.pick_music_recommended_dd_item span{text-align:center; display:block; font-size:14px; height:38px;}

.pick_music_recommended_dd_item::before {
    content: "";
    height: 65px;
    width: 1px;
    background-color: #D8D8D8;
    display: block;
    position: absolute;
}

.pick_music_recommended_dd_item:nth-of-type(10n + 1)::before{display:none
;}
.pick_music_recommended_preview_item.disable{opacity:0.3;}

.pick_music_categories_genre:not(.disable):hover{color:#fff; background:rgb(77, 77, 77);}
.pick_music_categories_genre.active{color:#fff; background:#f70000; border:#f70000;}
.pick_music_categories_genre.active:hover{color:#fff; background:#f70000; cursor:default;}
.pick_music_emotions_tags{margin-top:8px; width:calc(100% + 10px);}
.pick_music_emotions_tag{margin-top:10px; /*cursor:pointer;*/}

.pick_music_emotions_tag span.feeling_count{
    background-color: #555555;
    /* width: 20px; */
    /* height: 20px; */
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    color: #fff;
    position: relative;
    top: -9px;
    padding: 2px 6px;
}
.pick_music_genre_dropdown{margin-top:1px;top: 221px; background:#fff; position:relative; padding-bottom:25px !important; width:37%; padding:0;
display:none;
box-shadow:0px 0px 5px 0px rgba(140, 140, 140, 0.74); height:210px; z-index:75; position:absolute; /*overflow-y:scroll;*/
border-radius: 3px;}
.pick_music_genre_dd_inner{    position: relative;
    height: 185px;
    overflow-y: auto;
    margin-top: 5px; padding:0 20px;}
.pick_music_genre_dd_close{position:absolute; bottom: 0px; text-align: center; width: 100%; color: #232323; text-decoration: none; background:#c3c3c3; cursor:pointer; line-height:18px;}

.pick_music_genre_dropdown .pick_music_categories_genre{height:28px; line-height:25px;}


.pick_music_feeling{position:relative;}
.pick_music_feeling.disable::before{content:""; display:block; height:100%; width:100%; background:rgba(255, 255, 255, 0.7); position:absolute; top:0; 
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pick_music_emotions_tag>div{height:44px; width:44px; background-color:#fff; background-repeat:no-repeat;
box-shadow:inset 0 0 0 1px #898989; -moz-box-shadow:inset 0 0 0 1px #898989; -webkit-box-shadow:inset 0 0 0 1px #898989;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
background-position:center; cursor:pointer;}
.pick_music_emotions_tag>div.active{background-color:#f70000;
box-shadow:inset 0 0 0 1px #f70000; -moz-box-shadow:inset 0 0 0 1px #f70000; -webkit-box-shadow:inset 0 0 0 1px #f70000;}
.pick_music_emotions_tag_romantic{background-image:url(../images/tags/little/gray/birds.png);}
/*.pick_music_emotions_tag_romantic:hover, */.pick_music_emotions_tag_romantic.active{background-image:url(../images/tags/little/white/birds.png);}
.pick_music_emotions_tag_encouraging{background-image:url(../images/tags/little/gray/flag.png);}
/*.pick_music_emotions_tag_encouraging:hover,*/ .pick_music_emotions_tag_encouraging.active{background-image:url(../images/tags/little/white/flag.png);}
.pick_music_emotions_tag_inspired{background-image:url(../images/tags/little/gray/idea.png);}
/*.pick_music_emotions_tag_inspired:hover, */.pick_music_emotions_tag_inspired.active{background-image:url(../images/tags/little/white/idea.png);}
.pick_music_emotions_tag_enriched{background-image:url(../images/tags/little/gray/like.png);}
/*.pick_music_emotions_tag_enriched:hover,*/ .pick_music_emotions_tag_enriched.active{background-image:url(../images/tags/little/white/like.png);}
.pick_music_emotions_tag_stimulating{background-image:url(../images/tags/little/gray/energy.png);}
/*.pick_music_emotions_tag_stimulating:hover, */.pick_music_emotions_tag_stimulating.active{background-image:url(../images/tags/little/white/energy.png);}
.pick_music_emotions_tag_comforting{background-image:url(../images/tags/little/gray/comfort.png);}
/*.pick_music_emotions_tag_comforting:hover, */.pick_music_emotions_tag_comforting.active{background-image:url(../images/tags/little/white/comfort.png);}
.pick_music_emotions_tag_nostalgic{background-image:url(../images/tags/little/gray/nostalgie.png);}
/*.pick_music_emotions_tag_nostalgic:hover,*/ .pick_music_emotions_tag_nostalgic.active{background-image:url(../images/tags/little/white/nostalgie.png);}
.pick_music_emotions_tag>div.pick_music_emotions_tag_numbers{background-image:url(../images/tags/little/gray/numbers.png); background-color:#888888;}
/*.pick_music_emotions_tag>div.pick_music_emotions_tag_numbers:hover,*/
.pick_music_emotions_tag>div.pick_music_emotions_tag_numbers.active{background-image:url(../images/tags/little/white/numbers.png); background-color:#fff;}
.pick_music_emotions_tag_melancholy{background-image:url(../images/tags/little/gray/rain.png);}
/*.pick_music_emotions_tag_melancholy:hover,*/ .pick_music_emotions_tag_melancholy.active{background-image:url(../images/tags/little/white/rain.png);}
.pick_music_emotions_tag_relaxing{background-image:url(../images/tags/little/gray/relax.png);}
/*.pick_music_emotions_tag_relaxing:hover, */.pick_music_emotions_tag_relaxing.active{background-image:url(../images/tags/little/white/relax.png);}
.pick_music_emotions_tag_conforted{background-image:url(../images/tags/little/gray/beach.png); background-size:24px;}
/*.pick_music_emotions_tag_conforted:hover,*/ .pick_music_emotions_tag_conforted.active{background-image:url(../images/tags/little/white/beach.png);}
.pick_music_emotions_tag_amusing{background-image:url(../images/tags/little/gray/smiley.png);}
/*.pick_music_emotions_tag_amusing:hover,*/ .pick_music_emotions_tag_amusing.active{background-image:url(../images/tags/little/white/smiley.png);}
.pick_music_emotions_tag_happy{background-image:url(../images/tags/little/gray/sun.png);}
/*.pick_music_emotions_tag_happy:hover,*/ .pick_music_emotions_tag_happy.active{background-image:url(../images/tags/little/white/sun.png);}
.pick_music_emotions_tag_happy{background-image:url(../images/tags/little/gray/sun.png);}
/*.pick_music_emotions_tag_happy:hover,*/ .pick_music_emotions_tag_happy.active{background-image:url(../images/tags/little/white/sun.png);}

.pick_music_emotions_tag>div .count{display:none; cursor:pointer;}
/*.pick_music_emotions_tag>div:hover{background-image:none; background-color:#888888; cursor:default; color:#fff;}
.pick_music_emotions_tag>div:hover .count{
color:#fff;  line-height:44px; text-align:center;   display: inline-block; font-weight: bold;   font-size: 12px; width: 100%;}*/
.pick_music_emotions_tag>div.active:hover{background-color:#f70000;
box-shadow:inset 0 0 0 1px #f70000; -moz-box-shadow:inset 0 0 0 1px #f70000; -webkit-box-shadow:inset 0 0 0 1px #f70000;}

.article_comments_add .pick_music_emotions_tag>div.comment_feeling_selected:hover{background-color:#f70000;}

.pick_music_emotions_tag_romantic.disable:hover:not(.active){background-image:url(../images/tags/little/gray/birds.png);}
.pick_music_emotions_tag_encouraging.disable:hover:not(.active){background-image:url(../images/tags/little/gray/flag.png);}
.pick_music_emotions_tag_inspired.disable:hover:not(.active){background-image:url(../images/tags/little/gray/idea.png);}
.pick_music_emotions_tag_enriched.disable:hover:not(.active){background-image:url(../images/tags/little/gray/like.png);}
.pick_music_emotions_tag_stimulating.disable:hover:not(.active){background-image:url(../images/tags/little/gray/energy.png);}
.pick_music_emotions_tag_comforting.disable:hover:not(.active){background-image:url(../images/tags/little/gray/comfort.png);}
.pick_music_emotions_tag_nostalgic.disable:hover:not(.active){background-image:url(../images/tags/little/gray/nostalgie.png);}
.pick_music_emotions_tag>div.pick_music_emotions_tag_numbers.disable:hover:not(.active){background-image:url(../images/tags/little/gray/numbers.png); background-color:#888888;}
.pick_music_emotions_tag_melancholy.disable:hover:not(.active){background-image:url(../images/tags/little/gray/rain.png);}
.pick_music_emotions_tag_relaxing.disable:hover:not(.active){background-image:url(../images/tags/little/gray/relax.png);}
.pick_music_emotions_tag_conforted.disable:hover:not(.active){background-image:url(../images/tags/little/gray/beach.png); background-size:24px;}
.pick_music_emotions_tag_amusing.disable:hover:not(.active){background-image:url(../images/tags/little/gray/smiley.png);}
.pick_music_emotions_tag_happy.disable:hover:not(.active){background-image:url(../images/tags/little/gray/sun.png);}
.pick_music_emotions_tag>div.disable:hover:not(.active){ background-color: #fff; cursor:default;}
.pick_music_emotions_tag>div.disable:hover .count{color:transparent;}


@media all and (max-width : 1600px){
	.pick_music_emotions, .pick_music_categories, .pick_music_recommended{width:33%; padding:0 20px;}
    .pick_music_genre_dropdown{width:31%;}
	.pick_music_filter_wrapper{width:calc(100% + 40px);}
}

@media all and (max-width : 1024px) {
	.pick_music_recommended_slider .arrow img{width:12px;}
	.pick_music_recommended_slider .slideshow{width:175px !important;}
	.pick_music_recommended_slider .item{width:33px; height:33px;}
/*	.pick_music_emotions_tag>div{height:33px; width:33px; background-size:auto 80%;}*/
	.pick_music_categories_genre{width:95px;}
}


@media all and (min-width : 1261px){
	.pick_music_filter_wrapper{width:calc(100% + 180px);}
}

@media all and (max-width : 991px){
	.pick_music{width:calc(100% + 40px);}
}


@media all and (min-width : 1081px) and (max-width: 1260px){
	.pick_music_filter_wrapper{width:calc(100% + 180px);}
}

.recommandation_big{border:3px solid rgb( 221, 221, 221 ); background-color: rgb( 255, 255, 255 ); margin-top: 34px;
box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.recommandation_big_right{width:calc(100% - 335px);}
.recommandation_big_right_details{color:#fff; position:relative; height:495px;}
.recommandation_big_right_details a{color:#fff;}
.recommandation_big_right_details_image{height:100%; width:100%;}
.recommandation_big_right_details_image img{object-fit: cover; height:100%; width:100%; border-radius:7px; -moz-bordxer-radius:7px; -webkit-border-radius:7px;}
.recommandation_big_right_details_image iframe{max-height:495px;}
.recommandation_big_name{position:absolute; top: 25px; width:calc(100% - 155px); font-size:30px;}
.recommandation_big_name1{font-weight:400; font-size:25px;}
.recommandation_big_name2{font-weight:400; font-size:22px;margin-top: 3px;}
.recommandation_big_tag{position:absolute; top:26px;}
.recommandation_big_recommender{position:absolute; bottom: 24px;}
.recommandation_big_recommender img{height:82px; width:84px; display:block;}
.recommandation_big_recommender_details{padding-top: 8px;}
.recommandation_big_recommender_name{font-weight:400; font-size:25px;}
.recommandation_big_recommender_location{font-size:18px;padding-top: 2px;}
.recommandation_big_right_option .label{display:inline-block; vertical-align:middle;}
.recommandation_big_right_option .field{font-size:26px; color:#f70000; display:inline-block; vertical-align:middle;}
.recommandation_big_right_option.genre .field{color:#fff; background:#f70000; font-size: 18px; padding:2px 12px;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.recommandation_big_right_options .add_toplaylist{background: #f70000; color: #fff; width: 149px;height: 42px;margin-top: -4px;font-size: 18px;  font-weight: bold; padding: 8px;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
box-shadow: 0 0 6px -2px #000; -webkit-box-shadow: 0 0 6px -2px #000; -moz-box-shadow: 0 0 6px -2px #000;}
.recommandation_big_right_options .add_toplaylist span{vertical-align:super;}
.recommandation_big_right_options{margin-top:20px;position: relative;}
.recommandation_big_right_option.genre{margin-top:5px;}
.recommandation_big_left{width:335px; font-size:18px; padding: 26px 31px 17px;line-height: 26px; color: rgb( 94, 94, 94 );}
.recommandation_big_right{padding-bottom:17px;margin-top: 0px;}
.recommandation_small_line{margin-top:40px;}
.recommandation_small_line .song_box{position:relative;height: 286px;}


@media all and (max-width : 1600px){
	.recommandation_small_line{margin-top:37px;}
	.recommandation_small_line .song_box{margin-top:20px;}
	.songs_page .pick_music_filter_wrapper{width:calc(100% + 80px);}
}
@media all and (max-width : 1300px){
	.recommandation_big_right{width:100%;}
    .recommandation_big_left{width:100%;}
   	.recommandation_small_line .song_box{float:none; margin-right:auto; margin-left:auto;}
   	.recommandation_small_line .song_box:nth-of-type(3n){margin-left:auto;}
}
.song_box{width:390px; box-shadow:0 0 7px rgba(0, 0, 0, 0.54); -moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.54); -webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.54);
position:relative;padding-bottom: 11px; display:block;}
.song_box_top_name{color:#fff; position:absolute; top:15px; width: 279px;}
.song_box_top_name1{font-size: 20px; font-weight: bold;}
.song_box_top{height:226px; position:relative;}
.song_box_top_link{height:100%;display: block;}
.song_box_top_img{height:100%; position:relative;}
.song_box_top_img::before{content:""; width:100%; position:absolute; top:0; height:28%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.song_box_top_img::after{content:""; width:100%; position:absolute; bottom:0; height:33%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.song_box_top_img img{width:100%; height:100%; object-fit: cover;}
.song_box_recommender{position:absolute; bottom:10px;}
.song_box_recommender img{height: 52px; width: 52px; display:block;}
.song_box_details{color:#fff;}
.song_box_name{font-weight:400; font-size:19px; color:#fff;display: block;text-decoration: none !important;}
.song_box_name:hover{color:inherit;}
.song_box_name_location{font-size:18px;}
.song_box_tag{position:absolute; top:17px; background:#ed1b24;
width: 75px; height: 75px; border-radius: 50px; text-align: center;}
.song_box_tag img{margin-top: 12px; margin-bottom: -3px;}
.song_box_tag span{color:#fff;   font-size: 11px; display: block;}
.song_box_option .label{display:inline-block; vertical-align:middle;}
.song_box_option.playlist .label img{height:22px;}
.song_box_option.genre .label img{height:21px;}
.song_box_option.like{display: none;}
.song_box_option.like .label img{height:19px;}
.song_box_option .field{font-size:21px; color:#f70000; display:inline-block; vertical-align:middle;}
.song_box_option.genre .field{color:#fff; background:#f70000;   font-size:14px; height:19px; line-height:17px; padding:0px 9px;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.song_box_options_right{max-width: 244px;overflow: hidden; max-width:239px;}
.song_box_options_right_inner{width: 300px;}
.song_box_options .add_toplaylist{background: #f70000; color: #fff; font-size: 16px; font-weight: bold; padding: 8px;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
box-shadow: 0 0 6px -2px #000; -webkit-box-shadow: 0 0 6px -2px #000; -moz-box-shadow: 0 0 6px -2px #000;}
.song_box_options{padding-top:17px;position: relative;height: 60px;}
.song_box_option.genre{margin-top:5px;}
.song_box_options_add{background: #f70000; color: #fff; font-size: 12px; font-weight: bold; padding:4px 8px; cursor:pointer;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
box-shadow: 0 0 6px -2px #000; -webkit-box-shadow: 0 0 6px -2px #000; -moz-box-shadow: 0 0 6px -2px #000;}
.song_box_options_add i{height:17px; position: relative; top: 1px;}
.song_box_options_add i img{height:17px;}
.song_box_options_add span{vertical-align:top; font-size:13px;line-height: 20px;}
.box_btn_loader {background-color: #000; opacity:0; position: absolute; z-index: 999; bottom: 0; width: 100%; height: 35px;text-align: center;display: none;}
.recommandation_big_right_options .box_btn_loader {height: 45px;}

@media all and (max-width : 1024px) and (min-width: 768px){
	.recommandation_small_line .song_box{width:calc(50% - 15px); margin-bottom:25px; height:275px;}
	.recommandation_small_line .song_box:nth-of-type(2n){margin-left:0px;}
	.song_box_top_name1{font-size:17px;}
	.song_box_recommender img{height:40px; width:40px;}
	.song_box_name{font-size:16px;}
	.song_box_tag{height:60px; width:60px;}
	.song_box_tag img{margin-top:4px; height:30px;}
	.song_box_option .field{font-size:18px;}
	.song_box_option.like .label img{height:19px;}
	.song_box_option.playlist .label img{height:20px;}
	.song_box_option.genre{margin-top:2px;}
	.song_box_option.genre .label{display:none;}
	.song_box_options_right{width:calc(100% - 124px);}
	.song_box_options{margin-top:-5px;}
	.song_box_options_add{padding:2px 5px;}
}

@media all and (max-width : 1300px) and (min-width: 1024px){
	.recommandation_small_line .song_box{width:calc(50% - 15px); margin-bottom:25px;}
	.recommandation_small_line .song_box:nth-of-type(2n){margin-left:0;}
	.song_box_option .field{font-size:18px;}
	.song_box_option.genre{margin-top:2px;}
	.song_box_options_right{width:calc(100% - 123px);}
}

@media all and (min-width : 1301px) and (max-width: 1600px){
 	.song_box{width:calc(33% - 7px);}
 	.song_box_options_right{width:calc(100% - 140px);}

}

@media all and (max-width : 767px){
	.recommandation_small_line .song_box{float:none; width:390px;}
}

.create_text{font-size:15px;line-height: 26px;margin-top: -2px;}
.create_box{border:1px solid #cbcbcb;margin-top: 33px;}
.create_box_right{width:50%; position:relative;}
.create_box_right_link,.create_box_right_link:hover{color: #4d4d4d !important;text-decoration: none !important;display: block;}
.create_box_right_photo{text-align: center;}
.create_box_right_photo img{max-width: 100%;height: 500px;display: block;margin: 0 auto;}
.create_box_right_main{padding: 18px 31px 20px 0;}
.create_box_right_name{font-size:35px; padding-bottom: 4px; border-bottom:1px solid #f70000;}
.create_box_right_time{margin-top:10px;margin-top: 19px;}
.create_box_right_time .label{vertical-align:middle;font-size: 19px;}
.create_box_right_time .icon{vertical-align:middle;}
.create_box_right_text{font-size:15px; margin-top: 12px;line-height: 26px; color:rgb(137, 137, 137);}
.create_box_right_text .read_more_btn{color: #f70000;text-decoration: underline;cursor: pointer;}
.create_box_right_view{margin-top:15px;height: 39px;font-size: 19px;line-height: 15px;font-weight: bold;}
.together_bottom {text-align: center; padding: 0 0 15px 0;}
.create_box_left{width:50%; padding-top:12px; position:relative;}
.create_box_right::before{content: ""; height: calc(100% - 60px); position: absolute; width: 1px; background: #bebebe; display: block; top: 27px;}
.create_box_left_item{border-bottom:1px solid #bebebe;}
.create_box_left_item:last-of-type{border-bottom:none;}
.create_box_left_item_details_song{font-size:22px;}
.create_box_left_item_details_singer{font-size:16px; margin-top: -2px;}
.create_box_left_item_details_tags{margin-top:14px;}
.create_box_left_item_details_tag .label{font-size:16px;}
.create_box_left_item_details_vote{font-size:16px; text-align:center; width: 121px; padding:5px; position:relative;
box-shadow:0 0 6px -2px #000; -moz-box-shadow:0 0 6px -2px #000; -webkit-box-shadow:0 0 6px -2px #000;}
.create_box_left_item_details_vote .ended{background:rgba(255, 255, 255, 0.5); position:absolute; top:0; width:100%; height:100%; z-index:10;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.create_box_left_item_details_vote img{display:block; margin:0 auto;}
.create_box_left_item_details_vote span{padding: 0 5px;font-weight:bold; display:inline-block; line-height:17px; margin-top:9px;}
.create_box_left_item_details_vote_top{text-align:center;}
.create_box_left_item_details_vote_top img{display:inline-block; vertical-align:middle;}
.create_box_left_item_details_vote_top div{display:inline-block; font-weight:normal;  vertical-align:middle; position:relative; top:1px;}
.create_box_left_item_left{width:calc(100% - 166px);}
.create_box_item_video{width:130px; height:130px; background-position:center; background-repeat:no-repeat;
background-color:#dcdcdc; background-image:url(../images/icons/play2_medium.png);}


.create_box_left_item_recommender{border-top:1px solid #bebebe; margin-top:13px;padding-top: 6px;}
.create_box_left_item_recommender .label{vertical-align:middle; font-size:18px;}
.create_box_left_item_recommender .img_radius{height: 45px; width: 45px; vertical-align:middle;}
.create_box_right_details{width:calc(100% - 0);}
.create_box_left_item_details_main{margin-top:-9px; width:calc(100% - 175px);}


@media (min-width: 1171px) and (max-width: 1599px){
    .create_box_left_item_details_main{width:100%;}
    .create_box_left_item_details_vote{margin-top:15px; width:200px;}
    .create_box_left_item_details_vote img{display:inline-block; vertical-align:middle;}
    .create_box_left_item_details_vote span{vertical-align:middle; margin-top:0;}
}

@media (min-width: 1171px) and (max-width: 1300px){
    .create_box_left_item_details_vote{width:auto;}
}

@media (max-width: 1170px){
    .create_box_right{float:none; width:100%; border-bottom:1px solid #bebebe; border-left:none;}
    .create_box_left{float:none; width:100%;}
    .create_box_left_item:last-of-type{border-bottom:none;}
    .create_box_left_item::after{display:none;}
    .create_box_left::before{display:none;}
    .create_box_right::before{display:none;}
}

.lifemusic_box{border:1px solid #dddddd; width:100%;margin-bottom: 30px;}
.lifemusic_main .right{width:calc(50% - 15px);}
.lifemusic_main .left{width:calc(50% - 15px);}
.lifemusic_box_inner, .lifemusic_box_inner:hover{color: #4d4d4d !important;text-decoration: none !important; padding-bottom:20px; display: block;}
.home .lifemusic_box{width:calc(50% - 15px);}
.lifemusic_box_img{width:100%; /*height: 348px;*/}
.lifemusic_box_details{padding:0 20px;margin-top: 4px;}
.lifemusic_main_singer{font-size:35px; padding-bottom:10px; border-bottom:1px solid #f70000;}
.lifemusic_box_recommender{margin-top: 13px;}
.lifemusic_box_recommender img{border-color: #e2e1e6;height: 36px; width: 33px; vertical-align:middle;}
.lifemusic_box_recommender_name{font-weight:bold; display:inline-block; font-size:14px; position:relative;}
.lifemusic_box_recommender_name::after{content:""; height:15px; width:1px; display:block; position:absolute;
top:2px; background:#4d4d4d;}
.lifemusic_box_recommender_date{font-size:14px;}
.lifemusic_box_text{font-size:15px; margin-top:7px; color:rgb(137, 137, 137);}
.lifemusic_box_text a{color:rgb(137, 137, 137) !important;}
.lifemusic_box_text p:first-of-type{margin-bottom:0;}
.lifemusic_box_text p:last-of-type{margin-bottom:0;}

@media (max-width: 991px){
    .lifemusic_box{width:100%; margin-top:20px;}
    .lifemusic_box:nth-of-type(1){margin-top:0;}
}

/*===============
  PROFILE PAGE
===============*/

/*
@media all and (min-width : 1081px){
	.mymusic{padding:0 70px;}
}*/
@media all and (max-width : 991px){
	.mymusic{padding:0 40px;}
}

.mymusic .title{margin-top:30px;}
.profile_subtitle{font-size: 17px;display: inline-block;bottom: -4px;position: relative;}
.profile_main{margin-top: 20px;}
//.profile_right{width:515px;}
.profile_right_row{margin-bottom: 15px;}
.profile_right_addphoto{cursor:pointer; text-align:center;}
.profile_right_row #user_photo_form{width:115px; margin-top:-16px; cursor:pointer;}
#user_photo_form *, #user_photo_form{cursor:pointer;}
.profile_right_row #user_photo_form input[type="file"]{opacity:0; cursor:pointer; width:100%;}
.profile_right_row .img_radius{width: 115px; height: 115px; border-color:rgba(128, 128, 128, 0.36);}
.profile_right_details{margin-top: 8px;font-size: 20px;}
.profile_left{width:calc(100% - 515px);}
.profile_user_name .lable{display: inline-block;}
.profile_right_details input.name{width: 230px;}
.profile_right_details .name{margin-top: -2px;display:inline-block;font-weight:bold;font-size: 21px;border-radius: 4px;padding: 2px 6px;border: none;}
.profile_right_details .name.edit{border: 1px solid #969696 !important;}
.profile_right_details .location{margin-top: 1px; font-size: 18px;}
.profile_right_visibility{margin-top:20px;/*margin-right: 9px;*/}
.profile_right_visibility_tooltip{position:relative;}
.profile_right_visibility_tooltip>i{color:#898989; font-size:22px;}
.profile_right_visibility_tooltip>span{position: relative;}
.profile_right_visibility_tooltip .tooltip{position:absolute; border:1px solid #b8b8b8; width:258px; top:calc(50% - 50px);  box-shadow: 0 0 7px rgba(0, 0, 0, 0.54);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.54);
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.54);border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.profile_right_visibility_tooltip .tooltip_title{background:#f7f7f7; font-weight:bold; padding:3px 15px; font-weight:bold; font-size:16px;}
.profile_right_visibility_tooltip .tooltip_content{background:#fff; padding:10px 15px; border-top:1px solid #ebebeb; font-size:14px;}
.profile_musicforme .label{padding-top: 28px;}
.profile_right_details .label{font-weight:bold;}
.profile_right_details .label span{color: #969696;cursor: pointer;font-weight: normal;font-size: 13px;}
.profile_user_name .label span{margin:2px;position: relative;top: -3px;}
.profile_right_details .label span:hover{text-decoration: underline;}
.profile_musicforme .field{padding-top: 3px;font-size: 16px;width: 668px;line-height: 23px;display: block;border: none;margin-top: 4px;
/*height:0; visibility:hidden;*/ resize: none;}
.profile_musicforme .field.edit {display: block; height: 100px; visibility: visible;}
.profile_musicforme .field.edit {margin-bottom: 15px; border-radius: 4px;border: 1px solid;}
.profile_emotions{border:1px solid #cccccc;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #fefefe 3%, #fcfcfc 5%, #fbfbfb 26%, #f4f4f4 72%, #efefef 82%, #e3e3e3 97%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(3%,#fefefe), color-stop(5%,#fcfcfc), color-stop(26%,#fbfbfb), color-stop(72%,#f4f4f4), color-stop(82%,#efefef), color-stop(97%,#e3e3e3), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 );
font-size: 26px; padding:8px 0 8px 14px; margin-top: 5px;}
.profile_emotions .label{display:inline-block;font-weight: bold;font-size: 17px;padding:0 21px 0 0; vertical-align:middle;}
.profile_emotions .profile_emotions_tags{display:inline-block; vertical-align:middle;}
.profile_emotions .profile_emotions_tag, .profile_emotions .profile_emotions_tag img{display:inline-block; vertical-align:middle;}
.profile_right_visibility_resetpassword {margin-top: 15px;}
.profile_right_visibility_resetpassword input {font-size: 75%; font-weight: bold; border: 0; background-color: transparent;}
.profile_right_visibility_resetpassword input:hover {text-decoration: underline;}

@media all and (max-width : 991px){
	.profile_right{float:none;}
	.profile_left{margin-top:15px;}
	.profile_left{width:auto;}
}

.mymusic_playlists{margin-top:40px;}
.mymusic_playlists_options{margin-top:17px;}
.mymusic_playlists_options>a:not(.mymusic_playlists_option){display:none;}
.mymusic_playlists_option{font-weight: bold;text-decoration: none !important;line-height: 33px;color: #555 !important;width: 183px; font-size: 17px;height: 37px;text-align:center; position:relative;
border:1px solid #cccccc;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #fefefe 3%, #fcfcfc 5%, #fbfbfb 26%, #f4f4f4 72%, #efefef 82%, #e3e3e3 97%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(3%,#fefefe), color-stop(5%,#fcfcfc), color-stop(26%,#fbfbfb), color-stop(72%,#f4f4f4), color-stop(82%,#efefef), color-stop(97%,#e3e3e3), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#fefefe 3%,#fcfcfc 5%,#fbfbfb 26%,#f4f4f4 72%,#efefef 82%,#e3e3e3 97%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 );}
.mymusic_playlists_option .count{  position: absolute; top: -8px; color: #fff; border: 1px solid #ac2e2c; background: #f13b41;
    width: 26px; height: 26px; line-height: 24px; text-align: center; letter-spacing: -1px; font-size: 16px; font-weight: bold;
  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.mymusic_playlists .title{margin-bottom:0;}
.mymusic_songs{padding-top:20px;}
.mymusic_songs>div:nth-of-type(1){border-top:none; padding-top:0;}
.mymusic_song{border-top:1px solid #d0d0d0; padding-top:20px; padding-bottom:15px;}
.mymusic_song_left {width: 180px;}
.mymusic_song_right {width: calc(100% - 200px);}
.mymusic_song_option .label{display:inline-block; vertical-align:middle;}
.mymusic_song_option .field{font-size:26px; color:#f70000; display:inline-block; vertical-align:middle;}
.mymusic_song_option.genre .field{color:#fff; background:#f70000; font-size:14px; padding:2px 12px;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.mymusic_song_options .add_toplaylist{background: #f70000; color: #fff; font-size: 16px; font-weight: bold; padding: 8px;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
box-shadow: 0 0 6px -2px #000; -webkit-box-shadow: 0 0 6px -2px #000; -moz-box-shadow: 0 0 6px -2px #000;}
.mymusic_song_options{margin-top:20px;}
.mymusic_song_option.genre{margin-top:5px;}
.mymusic_song_left>*{color:#fff; width:175px; height:38px; font-size:16px; text-align:center; margin-bottom:10px; cursor:pointer; display:block; border:none;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;
box-shadow:0 0 2px 0px #000; -moz-box-shadow:0 0 2px 0px #000; -webkit-box-shadow:0 0 2px 0px #000;}
.mymusic_song_left>* img{position:absolute; top:7px;}
.mymusic_song_played{background:#26b86f; text-indent:-14px;}
.mymusic_song_remove{background:#555555;}
.mymusic_song_play{background:#ed3d40;}
.mymusic_song_member_btn{padding: 0 !important; background-color:#A8A8A8;padding: 0;line-height: 36px;text-decoration: none;}
.mymusic_song_member_btn:hover{color: white;text-decoration: none;}
.mymusic_song_box{width: 380px; height:150px; position:relative; cursor: pointer;}
.mymusic_song_box_inner{height: 100%;}
.mymusic_song_page_link{margin-top: 10px;display: inline-block;height: 28px;border: solid 1px transparent;padding: 0 10px;font-weight: bold;font-size: 11px;text-decoration: none;border-radius: 2px;box-shadow: 0 1px 0 rgba(0,0,0,0.05);border-color: #d3d3d3;background: #f8f8f8;color: #333;line-height: 25px;}
.mymusic_song_page_link:hover{text-decoration: none;color:#333;}
.mymusic_song_box_img::before{content:""; width:100%; position:absolute; top:0; height:33%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.mymusic_song_box_img::after{content:""; width:100%; position:absolute; bottom:0; height:33%; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.mymusic_song_details{width:calc(100% - 400px);}
.mymusic_song_details .song{font-size: 16px;font-weight: bold;}
.mymusic_song_details .singer{font-size: 15px;margin-top: 3px;}
.mymusic_song_details .description{font-size: 15px;/*width:390px;*/ border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:13px 0; margin-top:15px;min-height:120px;}
.mymusic_song_details .description p{margin:0;}
.mymusic_song_options{margin-top:15px;}
.mymusic_song_box_tag{position:absolute; top:9px; width:62px; height:62px;}
.mymusic_song_box_tag img{height: 22px; vertical-align: top; padding-top: 9px; box-sizing: content-box; display: block; margin: 0 auto;}
.mymusic_song_box_tag .label{color: #fff; display: block; padding-top: 6px; font-size: 12px;}
.mymusic_song_box_recommender img{height:52px; width:52px; display:block;}
.mymusic_song_box_recommender_name{font-weight:400; font-size:15px; margin-top:14px;}
.mymusic_song_box_recommender_location{font-size:11px;}
.mymusic_song_box{height:226px;}
.mymusic_song_box_play{position: absolute;top:60px;text-align: center;width: 100%;}
.mymusic_song_box_img{height:100%;box-shadow: 0 0 7px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.54);
    border: 1px solid rgba(0, 0, 0, 0.54);}
.mymusic_song_box_img img{width:100%; height:100%;}
.mymusic_song_box_recommender{position:absolute; bottom:10px; color:#fff;}
.mymusic_song_box_details{color:#fff;}
.mymusic_song_box_name{font-weight:400; font-size:25px; color:#fff;}
.mymusic_song_box_name_location{font-size:18px;}

@media (max-width: 1200px){
    .profile_right_details{width:calc(100% - 150px);}
    .profile_musicforme textarea.field{max-width:100%;}
}

@media (max-width: 1330px){
    .mymusic_song_right{width:100%;}
	.mymusic_song_left{width:100%; float:none; padding-top:23px; clear:both;}
    .mymusic_song_details .description{width:100%;}
    .mymusic_song_right{float:none; clear:both;}
}


@media (max-width: 1500px){
	.mymusic_playlists_options{float:none; margin-top: 44px; margin-bottom: -132px;}
	.mymusic_playlists_option{width:150px;}
	.mymusic_songs{padding-top:110px;}
}


.popup.choose_music{width:1142px; margin:0 auto;}
.choose_music_search{background:#373737; padding:10px 0;}
.search_inner{width:300px; margin:0 auto; border:none; display:block;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#fff;}
.search_inner i{margin-top: -2px;height:27px; width:25px; background-position:center; background-image: url('../images/search.png'); background-repeat:no-repeat;
display:inline-block; top:0; vertical-align:middle;}
.choose_music_search input{width:270px; margin:0 auto; vertical-align:middle; border:none; text-indent:12px;}
.choose_music_title{text-align:center; font-size:42px; font-weight:bold; padding:10px 0;}
.popup_choose_genres_list{margin-top:50px;}
.popup_choose_genres_list .item{font-size:14px; height:42px; width:129px; text-align:center; border:2px solid #898989; margin:8px auto 0; background:#fff; line-height:25px;
border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; line-height:42px; cursor:pointer;}
.popup_choose_genres_list .item.active{color:#fff; background:#f70000; border-color:#f70000;}
.popup_choose_filters{margin-top:20px;}
.popup_choose_filter.emotions{width:523px;}
.popup_choose_filter.genres{width:240px; position:relative;}
.popup_choose_filter.genres::after{content:"";
position:absolute; width:100%; height:300px; top:70px;}
.popup_choose_filter .label{border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border:1px solid #4d4d4d;
margin: 0 auto; display: block; width: 113px; height: 36px; line-height: 36px; font-size:20px;}
.popup_choose_filter.recommenders{width:379px;}
.popup_choose_filter.recommenders .search{width:225px; position:relative; margin:0 auto;}
.popup_choose_filter.recommenders .search input[type="text"]{border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
height: 30px; margin: 22px auto 0; width: 225px; border:1px solid #c6c6c6; text-indent:14px; display:block;}
.popup_choose_filter.recommenders .search input[type="submit"]{position: absolute; top: 8px; width: 17px; height: 17px; padding: 0; cursor: pointer; border: none; background-image: url('../images/search.png'); background-color: transparent; color: transparent; background-repeat: no-repeat;}

.popup_choose_filter.emotions .items{height:420px; width:420px; position:relative; margin:40px auto 0;}
.popup_choose_filter.emotions .item{position:absolute; cursor:pointer;}
.popup_choose_filter.emotions .item:nth-of-type(1){  top: -2px;}

.popup_choose_filter.emotions .item:nth-of-type(2){top: 41px;}
.popup_choose_filter.emotions .item:nth-of-type(3){top: 128px;}
.popup_choose_filter.emotions .item:nth-of-type(4){top: 224px;}
.popup_choose_filter.emotions .item:nth-of-type(5){top: 291px;}
.popup_choose_filter.emotions .item:nth-of-type(6){top: 307px;}
.popup_choose_filter.emotions .item:nth-of-type(7){top: 263px;}
.popup_choose_filter.emotions .item:nth-of-type(8){top: 176px;}
.popup_choose_filter.emotions .item:nth-of-type(9){top: 81px;}
.popup_choose_filter.emotions .item:nth-of-type(10){top: 12px;}

@media (max-width: 1170px){
    .popup.choose_music{width:763px;}
    .popup_choose_filter.recommenders{width:100%; float:none; border-bottom:1px solid #bebebe; margin-bottom:20px; padding-bottom:20px;}
    .popup_choose_filter.genres::after{top:80px; height:401px;  border-left:none;}
}


.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-on{ border-bottom-left-radius: 20px; border-top-left-radius: 20px;}
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-container{border-radius:20px;}
.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label{
border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.bootstrap-switch{border-radius:20px;}
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label{
	  border-bottom-left-radius: 20px; border-top-left-radius: 20px;
}
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
	background:#8cb46e; color:#3d5b25; text-shadow:1px 1px 0 #c2d59d;
}
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
	background:#DE7672; color:#710E0E; text-shadow:1px 1px 0 #F19F9F;
}
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-label{background:#ecebf1;}
.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-radius:50%;}
.profile_right_visibility_radio .bootstrap-switch-container{background:transparent;}



.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-off{width:67px !important; height:25px; border:none;}
.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-on{width:66px !important; height:25px; border:none;}
.bootstrap-switch-handle-off.bootstrap-switch-default{width:50px;}

.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{width:20px !important;}
.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{width:20px !important; border-radius:50%;}
.profile_right_visibility_radio .bootstrap-switch{width:66px !important;}
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
	line-height:1.2;
}
.profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .profile_right_visibility_radio .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
	line-height:1.2;
}

.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{position:relative; margin-left:-4px; left:-2px;
box-shadow:0 0 4px;}
.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{position:relative; margin-right:-4px; right:-2px;
box-shadow:0 0 4px;}

/*.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container>span{margin-top:1px;}*/
.profile_right_visibility_radio .bootstrap-switch-container{padding-top:3px !important;}

.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{
	padding:3px 9px; font-weight:bold; font-size:11px;
}

.profile_right_visibility_radio .bootstrap-switch.bootstrap-switch-focused {
  border-color:none;
  outline: 0;
  -webkit-box-shadow:none;
  box-shadow:none;
}
/*=====================
  TOGETHER PAGE VIEW
======================*/

.together_playlist{margin-top:20px;}
.together_playlist_love .title{margin-top:40px;}
.together_playlist_block{border:1px solid #c2c2c2;}
.together_playlist_top{background:#f4f4f4;}
.together_playlist_top .right{width:50%;}
.together_playlist_top .right img{display: block;margin: 0 auto;height: 400px;max-width: 100%;}
.together_playlist_top .left{width:calc(50% - 61px); padding:22px 30px;}
.together_playlist_block>.songs{position:relative; padding-bottom:30px;}
.together_playlist_block>.songs::after{content:""; height: calc(100% - 72px); width:1px; background:#dbdbdb; position:absolute; top:29px;}
.together_playlist_block .create_box_left_item{width:calc(50% - 50px);}

@media all and (max-width : 991px){
	.together_playlist_top .right, .together_playlist_top .left{width:100%;}
}
@media (max-width: 1170px){
	.together_playlist_block .create_box_left_item{float:none; width:calc(100% - 50px);}
	.together_playlist_block>.songs::after{display:none;}
}

/*=====================
  ARTICLE PAGE VIEW
======================*/

/*.article .article_right{width: 864px;}*/
.article .article_right {
    width: calc(100% - 346px);
}
.article .title{margin-top: 24px; margin-bottom:40px;}
.article .article_left .title{margin-top:46px;}
.article_top_block{border:1px solid #c2c2c2;}
.article_top_block1{background:#f4f4f4;}
.article_top_block1 .article_img{width: 100%;text-align: center;}
.article_top_block1 .article_img img{max-width: 100%;max-height: 540px;min-height: 490px;}
.article_top_block1 .left{padding:24px 0 30px 30px;}
.article_top_block .recommander{width:150px; text-align:center;margin-bottom: 25px;}
.article_top_block .recommander_location{font-size:13.33px;}
.article_top_block .recommander_name{font-size:18px;}
.article_top_block .recommander .img_radius{height:65px; width:65px;}
.article_top_block .description{width:calc(100% - 185px); font-size:15px; color:#666666;}
.article_top_block .description p{margin: 0;}
.article_top_block_content{padding:35px 31px 25px 30px; color:#666666; font-size:15px;}
.article_top_block_name{font-size:35px; padding-bottom:4px; border-bottom:1px solid #f70000; clear:both;}
.article_top_block_description{margin-top:22px;}
.article .article_left{width: 307px;}
.article .article_left .more_article{color: #666666;text-decoration: none;font-weight: bold;font-size:18px;border: 1px solid rgba(102, 102, 102, 0.37);display: block;margin-bottom: 20px;}
.article .article_left .more_article img{width: 100%;border-bottom: 1px solid rgba(102, 102, 102, 0.37);}
.article .article_left .more_article div{padding:2px 10px 8px;}

.article_comments_wrapper{margin-top:25px; padding-bottom: 3px; border-bottom: 3px #d2d2d2 solid;}
.article_comments_count{font-size:26px; border-bottom:1px solid #b4b4b4;}
.article_comments{margin-top:10px;}
.article_comments .item{background:#f4f4f4; border-bottom:1px solid #fff; padding:20px 0 20px 20px;}
.article_comments_img{text-align:center; width:107px;}
.article_comments_img .img_radius{width:50px; width:50px;}
.delete_comment{text-decoration: underline;cursor: pointer;color: #969696;margin-top: 5px;}
.delete_comment:hover{color:#f70000;}
.article_comments_content{width:calc(100% - 300px);}
.article_comments_content .name{font-weight:bold; font-size:16px; color:#444444;}
.article_comments_content .description{margin-top:10px;  font-size:16px;}
.article_comments_content .time{font-size:14px; margin-top:7px;}
.article_emotions_tag{width:65px; height:65px; border-radius: 50px; background-color:#f90001; text-align: center; line-height: 100px;}
.article_emotions_tag img{display: block; margin: 14px auto;margin-top: 9px;margin-bottom: -1px;}
.article_emotions_tag span{color: #fff;font-size: 11px;display: block;line-height: 14px;}
.article_comments_add{background:#d2d2d2; padding:20px 0 15px 20px;}
.article_comments_add .label{font-weight:bold; font-size:16px; color:#444444;}
.article_comments_add_text{width:592px; font-size:16px;}
.whithout_emotions .article_comments_add_text{width:327px;}
.article_comments_content .text{font-size: 15px;}
.article_comments_add_text textarea{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; width:100%; height:102px; margin-top:17px;
font-size:16px;}
.article_comments_add_emotions_wrapper {width:265px;}
.article_comments_add_emotions_wrapper {float: none; width: auto; padding-bottom: 40px;}
.article_comments_add_emotions_wrapper .label {border-radius: 0;display: block; padding-bottom: 10px; border-bottom: 1px solid #dadada; font-size: 20px;}
.without_emotions .article_comments_add_emotions_wrapper{display: none;}
.article_comments_add .add_toplaylist{background:#f70000; color:#fff; width:145px; height:42px; margin-top:92px; font-size:16px;
font-weight:bold; padding:8px 6px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 6px -2px #000;
  -webkit-box-shadow: 0 0 6px -2px #000;
  -moz-box-shadow: 0 0 6px -2px #000;}
.article_comments_add .add_toplaylist span{vertical-align: middle; margin-top: -16px; display: inline-block;line-height: 150%;}
.article .liked{margin-top:50px;}
.article .liked .recommandation_small_line{margin-top:40px;}

@media all and (max-width : 991px){
	.article_top_block1 .right{width:100%;}
	.article_top_block1 .left{width:100%;}
	.article_top_block_content .right{width:100%; margin:0;}
	.article_top_block_content .left{width:100%; margin-top:10px;}
}
@media all and (min-width : 1300px){
	.article_comments_add_text{width:calc(100% - 588px);}
	.without_emotions .article_comments_add_text{width:calc(100% - 323px);}
}
@media all and (max-width : 1299px){
	.article_comments_add_text{width:calc(100% - 501px);}
	.without_emotions .article_comments_add_text{width:calc(100% - 263px);}
	.article_comments_add_emotions_wrapper{width:205px;}
	.video .article_comments_add_emotions_wrapper{width:auto; margin-right: auto;}
}

@media (max-width: 1070px){
	.article_comments_add_text{width:calc(100% - 110px);}
	.article_comments_add_emotions_wrapper{width: calc(100% - 280px); margin-top: 28px;}
	.article_comments_add .add_toplaylist{margin-top:66px;}
	}
/*==========
  ADD SONG
===========*/

.add.page{position: relative;}
.add.page .title{margin-top:20px;}
.add.page #upload_songs_folder{position: absolute; top: 10px; background: #f70000; color: #fff; padding: 0px 20px; font-size: 21px; cursor: pointer; display: inline-block; line-height: 33px; border-radius: 3px;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border: 0; text-decoration: none;}
.add_form_wrapper{background:#f4f4f4; padding:30px 30px; margin-top:35px; }
.add_form{max-width:770px;}
.add_form_title{font-size:24px; margin-top:25px;}
.add_form_title.add_form_title1{margin-top:0;}
.add_form_title span{font-weight:bold;}
.add_form input[type="text"],.add_form input[type="search"]{max-width:100%; width: 394px; height: 42px; border: rgb( 137, 137, 137 ) 1px solid; display:block; font-size:16px;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top:20px;}
.add_form_line{margin-top:20px;}
.add_form select{width: 394px; height: 42px; font-size:16px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.add_form_line_select{margin-top: 20px;}
.add_form_line_select_label{font-size: 15px;}
.add_form_upload{margin-top: -18px; position:relative; top:11px;}
.add_form_textarea{width: 100%; height: 104px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top:17px;}
.add.page #Song_feel_id{height: 0;padding: 0;margin: 0;background-color: transparent;border: 1px solid transparent;}
.add.page .alert-req{display: none;color: red;}
.add.page .invalidInput{border-color: red;}
.add_sensibilityred{color: red;}
.add_form input[type="submit"]{background:#f70000; color:#fff; width:133px; height:42px; margin-top:25px; font-size:18px;
font-weight:bold; padding:8px; border:none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 6px -2px #000;
  -webkit-box-shadow: 0 0 6px -2px #000;
  -moz-box-shadow: 0 0 6px -2px #000;}

.add.page ::placeholder{color:#6d6d6d;}
.add.page ::-webkit-input-placeholder {color:#6d6d6d;}
.add.page :-moz-placeholder color:#6d6d6d;}
.add.page ::-moz-placeholder{color:#6d6d6d;}
.add.page :-ms-input-placeholder{color:#6d6d6d;}

@media (max-width: 1121px)/* and (min-width: 886px)*/{
	.add_form_upload{margin-top: 15px; float: none;}
	.add_form_line select{float:none;}
	}

.add_form_line_select .select_new_close_box{display: none;width: 243px;margin-top: 5px;}
.add_form_line_select .select_new_close_box .add_option_loader{display: none;top: 3px;position: relative;}
.add_form_line_select .select_new_open_title{font-size: 14px;padding: 0px;}
.add_form_line_select .select_new_option_box{/*margin-right: 10px;*/ display: block;}
.add_form_line_select .new_option_name{line-height: 25px;border-radius: 3px;border: solid 1px rgba(0, 0, 0, 0.19);padding: 1px 6px;}

/*==========
 VIDEO PAGE
===========*/

.video .recommandation_big_left{padding:22px 40px 0 40px;}

.video .recommandation_big_comment{background:#f4f4f4; padding:25px 20px;}
.video .title{margin-top: 40px;}
.video .recommandation_small_line{margin-top:30px;}
.video .recommandation_big_comment .label{font-size:18px;}
.recommandation_big_comment_main .submit{width: 272px; height: 42px; font-size:18px; margin-top:19px;}


.video .recommandation_big_left{overflow:visible;}
.recommandation_big_left_inner{background-color:#f1f1f1;
background-image:url('../images/headphones.png'); background-position:center center;padding: 0 20px 0; background-repeat:no-repeat;}
.recommandation_big_left_inner .emotion{/*background: #ed1b24;*/ width: 75px; height: 75px; border-radius: 50px; text-align: center;display: block;
position: relative;box-shadow: 0 0 0 7px #fff;top: -41px;margin: 0 auto;}
.recommandation_big_left_inner .emotion img{margin-top: 12px; margin-bottom: -3px;}
.recommandation_big_left_inner .emotion span{  color: #fff; font-size: 11px; display: block; margin-top:-4px;}
.recommandation_big_left_inner>.details{border-bottom:1px solid #dadada; padding-bottom: 8px;margin-top: -20px;}
.recommandation_big_left_inner .detail>.label{font-weight:bold;display: block;line-height: normal;font-size: 15px;}
.recommandation_big_left_inner .detail>.field{font-size: 15px;line-height: normal;vertical-align: middle;width: 166px;}
.recommandation_big_left_inner .detail {margin-bottom: 11px;}
.recommandation_big_left_inner>.options .genre .field{height: 25px; line-height: 22px; padding: 0 11px;}
.recommandation_big_left_inner>.options{border-bottom:1px solid #dadada; padding-bottom:20px;}
.recommandation_big_left_inner>.options .field{ }
.recommandation_big_left_inner>.add{padding:29px 0;}
.recommandation_big_left_inner .recommandation_big_right_option{float:none;margin-top: 20px;}
.recommandation_big_left_inner .add_toplaylist{text-align: center; background: #f70000; color: #fff; width: 160px;height: 42px;margin: 0 auto;font-size: 18px;  font-weight: bold; padding: 8px;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
box-shadow: 0 0 6px -2px #000; -webkit-box-shadow: 0 0 6px -2px #000; -moz-box-shadow: 0 0 6px -2px #000;}
.recommandation_big_left_inner .add_toplaylist span{vertical-align:super;}
.recommandation_big_left_inner .recommandation_big_right_option.emotion_option{height: 29px;}
.recommandation_big_left_inner .recommandation_big_right_option.emotion_option .label{height: 100%;}
.video_main .recommandation_text{color:#4d4d4d;}
.video_main .recommandation_big{padding-bottom:10px;}
.video .video_main .recommandation_big_left .sharing_box.new_sharing_box{text-align: center;}
.home .video_main .recommandation_big{/*margin-bottom: 61px;*/}
.video_main .recommandation_text .text{font-size: 18px; line-height: 26px;color: #5e5e5e; width:calc(100% - 180px);margin-bottom: 16px;}
.video_main .recommandation_text .text p{margin: 0;}
.video_main .recommender .img_radius{height: 66px; width: 65px;border-color: #e2e1e6;}
.video_main .recommender{max-width: 222px; min-width: 180px; font-weight:bold;}
.video_main .recommender .recommender_wrapper{/*border-bottom: 1px solid #e9e9e9;*/ padding-bottom: 16px;display: block; text-decoration: none !important;}
.video_main .recommender_details .name{font-weight: 400; font-size: 18px;padding-top: 5px;color: #4d4d4d !important;}
.video_main .recommender_details .location{font-size: 14px; padding-top: 0px;color: #b0b0b0;}
.video_main .addthis_sharing_toolbox{margin-top: 10px;text-align:center;}
.video_main .recommandation_show{text-decoration: none; width: 255px; padding: 22px 15px; margin-top: 26px; margin-bottom: 12px;
background:url('../images/upcoming_event.png') top left no-repeat, url('../images/microphone.png') right bottom no-repeat, #f80000;}
.video_main .recommandation_show *{color:#fff; font-size:19px;}
.video_main .recommandation_show .time{font-weight:bold; margin-top:18px; font-size:18px;}
.video_main .recommandation_show .location{margin-top:18px;}

@media all and (min-width: 1301px){
	.addthis_sharing_toolbox.hidden-xs{display:none;}
}
@media all and (max-width : 1300px){
	.addthis_sharing_toolbox:not(.hidden-xs){display:none;}
	.video_main .recommandation_big_right{width:calc(100% - 270px);}
	.video_main .recommandation_big_right_details{height:auto;}
	.video_main .recommender{width:100%; float: none; max-width: none;}
	.video_main .recommandation_text .text{width:100%; float:none;}
	.video_main .recommandation_text .text{width:auto !important;}
    .video_main .recommandation_big_left{width:255px;}
    .video_main .recommandation_show{width:240px;}
    .video_main .recommender_details{position:relative;}
    .video_main .addthis_sharing_toolbox{position:absolute; top:0;}
}

.sharing_box{position: relative;}
.sharing_box .email_sharing{display: none; position: absolute;background-color: #d2d2d2;padding: 20px;width: 280px;bottom:60px;box-shadow: 0 0 6px -2px #000;-webkit-box-shadow: 0 0 6px -2px #000; -moz-box-shadow: 0 0 6px -2px #000;}
.sharing_box .email_sharing:after{content: "";border-color: #d2d2d2 transparent transparent transparent;border-style: solid;position: absolute;bottom: -38px;border-width: 20px;}
.sharing_box .email_sharing .email_input{width: 100%;}
.sharing_box .email_sharing textarea{width: 100%;height: 130px;margin: 10px 0 6px;}
.sharing_box .email_sharing button{margin: 0 auto;display: block;padding: 1px 23px;}

/*========
 ABOUT US
=========*/

.aboutus_page>h2:nth-of-type(1){margin-top:30px;}
.aboutus_content{margin-top:30px;}
.aboutus_content>.text{width:100%; font-size: 18px; line-height: 28px; color:#5e5e5e;}
.aboutus_content>.text br:nth-of-type(1), .aboutus_content>.text br:nth-of-type(2){display:none;}
.aboutus_content>img{width:350px;}
.aboutus_page .login_block_new_form{max-width:990px; margin-top:30px;}
.aboutus_page .login_block_new_form>div:nth-of-type(1){width:calc(50% - 20px);}
.aboutus_page .login_block_new_form>div:nth-of-type(2){width:calc(50% - 20px);}
.aboutus_page .login_block_new_form>div input[type="text"], .aboutus_page .login_block_new_form>div input[type="password"], .aboutus_page .login_block_new_form>div input[type="email"]{height:60px; width:100%; border:1px solid #cccccc; text-indent:20px;
font-size:20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;}
.aboutus_page .login_block_new_form>div textarea{height:220px; width:100%; border:1px solid #cccccc; margin-top:29px; padding:20px;
 font-size:20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;}
.aboutus_page .login_block_new_form .button_red{font-size:18px; padding:15px 60px; margin-top:25px;}
.contact_text{margin-top:30px; max-width:990px; font-size: 18px; line-height: 28px; color:#5e5e5e;}

.aboutus_page .aboutus_content .text img{width:15%!important; height: auto;}
.aboutus_page .aboutus_content .text .text_and_image_wrapper{margin-bottom: 30px;}
@media (max-width: 767px) {
	.aboutus_content .text{width:100%; float:none; margin-bottom:25px;}
}

@media (max-width: 1024px) {
	#contact_us{padding-top:80px;}
}

@media (max-width: 480px) {
	.aboutus_content>img{margin-bottom:30px; max-width:100%;}
	.aboutus_page .login_block_new_form>div:nth-of-type(1){width:100%;}
	.aboutus_page .login_block_new_form>div:nth-of-type(2){width:100%;margin-top:29px;}
}

/***** MODAL PROPERTIES *****/
.create_box_item_video {display: block;}
#videoModal .close {
	opacity: 0.6;
    font-size: 60px;
    color: #fff;
    margin:-20px 0 0 0;
}
#videoModal .close:hover {opacity: 0.85;}
#videoModal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
#videoModal .modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}
/***** MEDIA QUERIES *****/
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
   #videoModal .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    #videoModal .modal-content {
        padding:0;
        margin: 0;
    }
    #videoModal .modal-dialog {
        position: relative;
        width: auto;
        margin: 15px;
    }
    #videoModal .close {
        margin:-12px 0 0 0;
    }
}
@media only screen and (min-width: 768px) {
    /***** MODAL PROPERTIES *****/
    #videoModal .close {
        font-size: 60px;
        margin:30px -50px -20px 100px;
    }
}

.like_song_btn {cursor: pointer; color:  transparent !important; background-color: transparent !important;}
.allplay .create_box_left {max-height: 670px; overflow: auto;}
.allplay .create_box_left_item {padding: 27px 10px 10px 0; cursor: pointer; margin-bottom: 12px;}
.create_box_right iframe#player {margin: 20px 2% 0 0;}
.allplay .create_box_left_item_details_tags {margin-top:5px;}
.allplay .create_box_left_item_recommender {border-top: none; margin-top: 2px;}
.allplay .create_box_item_video {height: 110px; background-image: none; position: relative;}
.allplay .create_box_item_video img {height: 100%; width: 100%;}
.allplay .img_radius {height: 40px; width: 40px;}
.video_time {position: absolute; bottom: 0; width: 64px; height: 24px; background-color: #000;}
.current_play {background-color: #f5f5f5;}
#player {text-align: center;background: url('/images/video_preloader2.gif') center center no-repeat;}

.loader_more_songs{height: 34px;text-align: center;}


/*========
 RECOMMENDERS
=========*/
.recommenders_page .title{margin-top: 30px;}
.recommenders_view{margin-top: 30px;}
.recommenders_page .recommeder_block{margin-bottom:33px;}
.recommenders_page .recommeder_block_wrapper{border-bottom: 1px solid #d0d0d0;position: relative;}
.recommenders_page .recommeder_block_wrapper .text{background: #f4f4f4; padding: 8px 25px; width: calc(100% - 220px); margin-top: 9px; font-size: 16px;margin-bottom: 19px;
position:relative;}
.recommenders_page.recommenders_view .recommeder_block_wrapper .text{width: calc(100% - 550px);}
.recommenders_page .recommeder_block_wrapper .text::before{content:""; height:17px; width:27px; position:absolute;bottom: -17px;
background:url('/images/tooltip_arrow.jpg');}
.recommenders_page .recommeder_block_wrapper .text p{margin-bottom:0;}
.recommenders_page .recommeder_block:last-of-type{border-bottom: none;}
.recommenders_page .recommandation_text{color:#4d4d4d;margin-top: 12px;}
/*.recommenders_page .recommeder_block_recommender .recommender{width:100%; max-width:none;}*/
.recommenders_page .recommeder_block_wrapper span.box{padding: 0 5px; margin-bottom: initial; display: inline-block; background: transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; background: #f70000; cursor: pointer; color: #fff;  height: 33px; line-height: 33px; font-size: 10px; position: absolute; margin-top: 0; bottom: 38px;}
.recommenders_page .recommeder_block_wrapper span.box i.fa{font-size: 18px; padding-left: 5px;}
.recommenders_page .recommeder_block_wrapper span.box h1{display: inline-block; font-size:18px; color: #fff; line-height: 33px; margin-bottom: 0;}


@media all and (max-width : 1600px){
	.recommenders_page .song_box {margin-top:0;}
}

.recommenders_page .recommandation_big{padding-bottom:10px;}
.recommenders_page .recommandation_text .text{font-size: 18px; line-height: 26px;color: #5e5e5e; width:calc(100% - 222px); margin-bottom: 16px;}
.recommenders_page .recommandation_text .text p{margin: 0;}
.recommenders_page .recommender .img_radius{height: 66px; width: 65px;border-color: #e2e1e6; object-fit: cover;}
.recommenders_page .recommender{/*border-bottom: 1px solid #e9e9e9;*/ padding-bottom: 16px; max-width: 200px; min-width: 180px; font-weight:bold;
width:200px;}
.recommenders_page .recommender_details .name{font-weight: bold; font-size: 18px;padding-top: 5px;}
.recommenders_page .recommender_details .location{font-size: 14px; padding-top: 0px;color: #b0b0b0;}
.recommenders_page .recommandation_small_line{margin-top: 30px;}
.recommenders_page .full_list_btn{background: #f70000;color: #fff;cursor: pointer;width: 230px;font-size: 19px;font-weight: bold;margin: 30px auto;text-align: center;padding:6px 0;
	  text-decoration: none; display: block;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.recommenders_view .recommandation_small.song_box{margin-bottom: 25px;}
.recommenders_view .recommandation_sub_title{font-weight: bold;font-size: 22px;padding-top: 5px;margin-top: 25px;}

/*===============
GROUPS
================*/
.groups_page .recommandation_small {margin-bottom: 15px; height:280px; position: relative; text-align: center; background-image: url('../images/group_item_bg.png'); background-repeat:no-repeat; background-position: center center; display: block;text-decoration: none;}
.group_item_title {font-size: 30px; font-weight: bold; color: #CA2B25; text-decoration: none; padding: 5px 15px 15px 15px; line-height: 34px;}
.group_item_image img {width: 110px; height: 110px; border-radius: 50%; border: 2px solid #f7f7f7;}
.group_item_manager {color: #ED1B24; font-size: 18px; padding: 6px 0 1px 0;}
.group_item_members {color: #000; font-size: 16px;}
.group_item_lock {position: absolute; top: 5px;}
.group_item_lock .fa {font-size: 28px; color: #ED1B24;}
.groups_page .recommandation_small:hover {background-color: #ED1B24; background-image: none; color: #fff;}
.groups_page .recommandation_small:hover .fa, 
.groups_page .recommandation_small:hover .group_item_manager, 
.groups_page .recommandation_small:hover .group_item_title, 
.groups_page .recommandation_small:hover .group_item_members 
{color: #fff;}
.group_title_desc {color: #ED1B24; font-size: 18px; padding-top: 12px;}

.group_view_members {background-color: #f1f1f1;}
.group_view_members_top {border-bottom: 1px solid #dadada;}
.group_view_members_top_in, .group_view_members_bottom_in {padding: 10px 20px;}
.group_view_members_top_in {font-size: 24px; color: #4d4d4d;}
.group_view_main .recommandation_small.song_box {margin-bottom: 25px;}
.group_view_main .recommandation_small_line {margin-top: 20px;}
.group_view_main .container_inner_1_3 {margin-top: 15px;}

.group_view_page .img_radius {width: 40px; height: 40px;}
.group_comments_block {padding: 20px 10px; background-color: #f8f8f8;}

.container_inner_2_3{width:830px;}
.container_inner_1_3{width:370px; margin-top: 35px;}
.group_comments_block .article_comments_wrapper {margin-top: 0px;}
.group_comments_block #add_comment_btn {clear: both; margin: 10px 107px 2px 0;}
.group_comments_block #comment_txt {width: auto;}
.group_comments_block #comment_txt:after {clear:both}

.group_comments_block .article_comments_content{width:calc(100% - 110px);}
.group_comments_block .article_comments .item {border-bottom: 1px solid #c4c4c4;}



#visitors_block {margin: 35px 0; background-color: #f1f1f1; padding: 5px 0;}
#visitors_title {width: 100%; border-bottom: 1px solid #dadada; font-size: 20px;}
#visitors_title_in {padding: 5px 25px 5px 0;}

#visitors_items {padding: 15px 20px 0px 0; position: relative;}
#visitors_more_items {position: absolute; top: 18px; text-decoration: underline; font-size: 18px; cursor: pointer; display: none;}
#visitors_items_wrap {height: 50px; overflow: hidden;}
.visitors_item {width: 56px; height: 50px;}
.visitors_item img {width: 40px; height: 40px; border-radius: 50%;}
.sharing_box {min-height: 38px;}


.join_to_group_btn {background:#f70000; color:#fff; top:3px; font-size:18px; font-weight:bold; padding:5px; border-radius: 8px;}
.groups_page .join_to_group_btn {margin-top:3px; background:#f70000; color:#fff; top:3px; font-size:14px; font-weight:bold; padding:5px; border-radius: 8px; float: none;}
.groups_page .song_box:hover .join_to_group_btn {background:#fff; color:#f70000;}
	
.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 3px 3px 5px !important;
    padding: 3px 3px 5px 20px !important;
}


.remove_song_from_group {background-color: #ED1B24; position: absolute; z-index: 9999; top: 0;  padding: 4px 10px; cursor: pointer;}
.add_song_to_group {background-color: green; position: absolute; z-index: 9999; top: 0; padding: 4px 10px; cursor: pointer;}
.remove_the_song i, .add_song_to_group i {/*font-size: 20px;*/ color: #fff;}
.group_play_all_wrap {padding: 25px 0 0px 0;}
.RegisterPopupForm_agree_terms_pop_wrap {padding-bottom: 8px;}
#Label_RegisterPopupForm_agree_terms_pop {display: inline !important;}
.alertify-logs {bottom: auto !important; top: 20px !important; font-size: 16px !important; font-weight: bold;}
.add_to_group_popup {display: inline-block; background: #f70000; color: #fff;margin: 0 10px 0 0px;font-size: 14px;  font-weight: bold; padding: 0px 10px; height: 30px; line-height: 30px;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
.add_to_group_popup img {vertical-align: middle;  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
.add_to_group_popup:hover img {transform: rotate(360deg);}
.bootbox .modal-dialog .modal-body {padding: 0;}
.add_to_group_popup_line {padding: 5px 15px 25px 5px; border-bottom: 1px solid #e5e5e5;}
.add_to_group_popup_btns {margin: 15px 15px 15px 0;}
.add_to_group_popup_line_label {padding: 4px 0;} 
#popup_select_groups {width: 320px !important; }


/*======================
    SURVEY
========================*/
.survey_page .form-element label {width: 80px; font-size: 18px; vertical-align: middle;}
.survey_page .form-element input[type="text"], .form-element select {width: 200px; height: 35px; border: 1px solid #cccccc; vertical-align: middle;
            border-radius: 6px;
       -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.survey_page .form-element input[type="text"] {padding: 10px;}
.survey_page .form-element input[type="checkbox"] {position: relative; top: 3px;}
.survey_page .form-element textarea {width: 300px; height: 150px; border: 1px solid #cccccc; resize: none; vertical-align: top;
            border-radius: 6px;
       -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.survey_page .form-element {margin-bottom: 20px;}
.survey_page .form-element-input {display: inline-block;}
.survey_page .form-element-textarea {display: block;}
.survey_page .form-element span.required {color: #f70000;}
.survey_page .form-element-textarea input[type="text"],
 .survey_page .form-element-textarea textarea {width: 501px;}
.survey_page .form-element-check {position: relative;}
.survey_page .form-element-check input[type="checkbox"]{display: none;}
.survey_page .form-element-check input[type="checkbox"] + label span:nth-of-type(1) {display: inline-block; position: absolute; top: 2px; width: 20px; height: 20px; border: solid 1px #CCC;}
.survey_page .form-element-check input[type="checkbox"]:checked + label span:nth-of-type(1):before {content: "\f00c"; position: absolute; width: 100%; height: 100%; font: normal normal normal 17px/1 FontAwesome;}


.survey_page .errorMessage {color: #f70000;}

.survey_page #all_music {width: 100%;}
.survey_page #all_music .song_box .add_song_to_group {z-index: 1;}

.survey_page .btn_group_bottom {margin: 50px 0;}
.survey_page .survey_save {display: inline-block;}
.survey_page .survey_save input[type="submit"]{width: 100px; height: 40px; font-size: 21px;}
.survey_page a.button_red {display: inline-block; position: relative; width: 140px; height: 40px; line-height: 34px; top: -1px; text-align: center; font-size: 21px; text-decoration: none;}

.ui-datepicker .ui-datepicker-header {margin-bottom: 2px; background: none; border-color: #cccccc;} 
.ui-state-hover {border: 1px solid #F70000 !important; background: #FFF !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 3px !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #FFF !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border-color: #F70000 !important; color: #F70000 !important;}
thead th {background: #f70000; color: #FFF;}
.ui-timepicker-div dl dd {margin: -24px 65px 10px 0px !important;}


@media (max-width: 768px) {
    .survey_page .form-element {display: block;}
}


.survey_list .together_playlist_block {border: 0;}
.survey_list .together_playlist_top .left {width: auto;}
.survey_list .under_title {padding: 20px; padding-bottom: 0; margin: 0;}
.survey_list .title {margin-top: 20px;}

.survey_list .pick_music_emotions {width: 100%; margin-top: 20px; border: 0;}
.survey_list .pick_music_emotions:after {display: none;}

.survey_list .songs {margin-top: 30px;}
.survey_list .song_box {width: calc(33% - 7px);}


@media (max-width: 1300px) and (min-width: 1024px) {
    .survey_list .song_box {width: calc(50% - 8px);}
}
@media (max-width: 1024px) and (min-width: 768px) {
    .survey_list .song_box {width: calc(50% - 8px);}  
}

.survey_voted .together_playlist_top {padding: 0 20px; padding-bottom: 20px;}
.survey_voted .under_title {padding-top: 20px; padding-bottom: 0; margin: 0;}
.survey_voted .title {margin-top: 20px;}
.survey_voted .pick_music_emotions_tag {float: none;}
.survey_voted .voted_results {margin-top: 20px; border-top: solid 1px #d0d0d0;}

.group_survey_content {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;    
}
.group_survey_content a {display: block; padding: 10px; font-size: 18px; color: #f70000; text-decoration: none;}
.group_survey_content a:hover {color: #272727;}
.group_survey_content a i {color: #272727;}

@media (max-width: 768px) {
    .group_survey_content {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;    
    }
}


.survey_group_view .title_container {width: calc(100% - 200px);}
.survey_group_view .join_to_group_btn {margin-top: 10px;}
.survey_group_view .survey_group_links {margin-bottom: 30px; text-align: center;}
.survey_group_view .survey_group_links .button_red {display: inline-block; margin-bottom: 10px; padding: 5px 14px; font-size: 18px; text-decoration: none;}
.survey_group_view .jFiler-items ul {text-align: center;}
.survey_group_view .jFiler-items-grid .jFiler-item {display: inline-block; float: none;}

.survey_group_view .group_view_main .recommandation_small_line {width: 100%;}
.survey_group_view .container_inner.group_view_main {position: relative;}
.left_side_container {position: absolute; width: calc(33% - 20px); margin-top: 15px; }
#survey_box {padding: 10px; padding-top: 0; margin-bottom: 20px; background-color: #f1f1f1; border: 1px solid #d0d0d0;}
#survey_box .title {padding-bottom: 5px; margin-bottom: 15px; font-size: 26px; font-weight: normal;}
#survey_box .text_survey {font-size: 18px;}
#survey_box .label.red {display: block; margin-top: 5px; margin-bottom: 15px; font-size: 19px;} 
#survey_box .label.red .icon {position: relative; top: 4px;}
#survey_box .survey_box_bottom {text-align: center;}
#survey_box a.button_red {display: inline-block; text-decoration: none; padding: 3px 8px; font-size: 15px;}

.left_side_container .group_comments_block {padding: 10px; padding-top: 0; }
.group_view_page.survey_group_view .group_comments_block.visible_smalldevice {display: none;} 
.group_view_page.survey_group_view .group_comments_block.visible_smalldevice #comment_txt {width: 100%;}
.group_view_page.survey_group_view .group_comments_block .article_comments_add_emotions_wrapper {width: auto; float: none;}
.group_view_page.survey_group_view .group_comments_block .article_comments_add .label {vertical-align: top;}
.group_view_page.survey_group_view .group_comments_block #comment_txt {margin-top: 0;}
    
.group_view_page .btn_group .button_red.go_to_msg {display: none; position: relative;}
.go_to_msg .count {position: absolute; width: 26px; height: 26px; top: -8px; color: #fff; border: 1px solid #ac2e2c; background: #f13b41;
            border-radius: 50%;
       -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}    

@media (max-width: 1300px){
    .left_side_container {position: static; width: auto; margin-bottom: 20px;}
    .left_side_container .group_comments_block {display: none;}
    .group_view_page.survey_group_view .group_comments_block.visible_smalldevice {display: block;}
    .group_view_page .btn_group .button_red.go_to_msg {display: inline-block;}
}

    /***** îéìåé ñ÷ø *****/
.main_survey_page .together_playlist_top {position: relative; padding-bottom: 20px;}
.main_survey_page .survey_list .together_playlist_top .left {width: auto; position: absolute; top: -25px;}
.main_survey_page .create_box_left_item {padding: 11px 0 11px;}
.main_survey_page .create_box_left_item_details_main {width: calc(100% - 120px);}
.main_survey_page .create_box_left_item_details_vote {width: 120px; margin: 0; z-index: 1;}
.main_survey_page .create_box_left_item_details_vote:hover {background: #fff; border-color: #f70000; color: #f70000; border: 2px solid #f70000;}

@media (max-width: 1220px) and (min-width: 1170px){
    .main_survey_page .create_box_left_item_details_main {width: 100%;}
    .main_survey_page .create_box_left_item_details_vote {width: 100%; margin-top: 10px;}
    .main_survey_page .create_box_left_item_details_vote_top {display: inline-block; position: relative; top: -4px;}
}
@media (max-width: 520px){
    .create_box_item_video {width: 100%;}
    .create_box_left_item_left {width: 100%; margin: 0;}
    .main_survey_page .create_box_left_item_details_main {width: 100%; margin-top: 10px;}
    .main_survey_page .create_box_left_item_details_vote {width: 100%; margin-top: 15px;}
    .main_survey_page .create_box_left_item_details_vote_top {display: inline-block; position: relative; top: -4px;}
}

    /***** Group Page *****/
.group_view_page .btn_group .button_red {display: inline-block; width: 125px; padding: 5px 0; color: #FFF; font-size: 17px; font-weight: bold; text-align: center;}    
.group_view_page .btn_group .button_red:hover {color: #f70000;} 

.main_survey_page .btn_group .button_red {display: inline-block; width: 125px; line-height: inherit; top: 0; padding: 5px 0; color: #FFF; font-size: 17px; font-weight: bold; text-align: center;}
.main_survey_page .btn_group .button_red:hover {color: #f70000;} 

.container_inner_songs .title {border: 0; margin-bottom: 0; text-align: center;}

.group_survey .title h3 {font-size: 25px; margin-top: 5px;}
.group_survey .title a.button_red {font-size: 21px; color: #FFF; padding: 3px 18px;}
.group_survey .title a.button_red:hover {color: #f70000;}   


/* ==========================================================================
   CHAT PAGE - MY MESSAGES
   ========================================================================== */
.events_page .page_title{padding-bottom:20px; margin-bottom: 25px; border-bottom: 1px solid #d0d0d0;}
.events_page .page_title i.fa{line-height: 52px; font-size: 25px; color: #fff; background-color: #000; width: 52px; height: 52px; border-radius: 50%; text-align: center;}
.events_page .page_title h1{display: inline-block; font-size: 35px; font-weight: 100; font-family: 'Open-Sans-Hebrew';}
.last_message_list_wrap {overflow: auto; height: 100%;}
.last_message_item {border-bottom: 1px solid #c9c9c9; cursor: pointer;}
.last_message_item:hover {background-color: #E9EEF1;}
.last_message_item_selected {cursor: default; background-color: #3EC2D9;color:#fff}
.last_message_item_selected a,.last_message_item_selected a:hover{color:#fff}
.last_message_item_selected:hover {background-color: #3EC2D9;}
.last_message_item_in {padding: 15px;}
.last_message_item_date {font-size: 14px;}
.last_message_item_name {font-weight: bold;}
.last_message_item_text {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.last_message_item_selected .last_message_item_text {color: #fff;}
.last_message_item_photo {width: 55px;}
.last_message_item_info {max-width: 66%;font-size:16px;}
.noty_buttons button {margin: 0 3px !important;}
.member_message_list .last_message_item {position: relative;}
.delete_message_block {position: absolute; bottom: 8px; color: #969696;display: none;}
.delete_message_block2 { color: #969696;display: none;margin-top:28px; }
.member_message_list .last_message_item:hover .delete_message_block {display: block; cursor: pointer;}
.last_message_item:hover .delete_message_block2 {display: block; cursor: pointer;}

.last_message_item_photo img {width: 45px; height: 45px;}
.messages_filter_control {padding-bottom: 25px;}
.messages_filter_control_btn {cursor: pointer; font-size: 16px; font-weight: bold; display: inline-block; width: 200px; height: 36px; line-height: 36px; border: 1px solid #a6a6a6; text-align: center; border-radius: 15px}
.messages_filter_control_btn_selected {cursor: default; background-color: #E9EEF1;}
.message_block {width: 100%; height: 500px;}
.message_block_part {height: 100%;border: 1px solid #c9c9c9; padding: 0px; position: relative;}
.member_message_list_top {height: 72%; overflow: auto;}
.member_message_list_bottom {height: 28%; border-top: 1px solid #c9c9c9; background-color: #E9EEF1; padding: 15px;}
.member_message_list_bottom_in {width: 100%; height: 100%; padding: 2px 13px; background-color: #fff; border: solid 1px #e3e3e3;}

.member_message_list .last_message_item_info {width: auto;}
.member_message_list .last_message_item_text {text-overflow: clip; white-space: normal}
.member_message_list .last_message_item {cursor: default; border-bottom: none;}
.my_message_tarea {width: 100%; height: 58px; border: 0; resize: none; font-size: 16px;}
.add_message_validation { padding: 4px 0 0 0; position: relative;}
#add-message-submit-btn {background-color: #f70000; border: 0; color: #fff; border-radius: 3px;display: inline-block;font-size: 1.286em;height: 30px;line-height: 19px !important;margin-top: 0;width: 110px !important;;}
.message_box_mask {position: absolute; width: 100%; height: 100%; top:0; display: none;}
.message_box_mask_bg {width: 100%; height: 100%; position: absolute; z-index: 444;/* background-color: rgba(0, 0, 0, 0.6);*/}
.message_box_mask_img {position: absolute; z-index: 445; top: 200px; }
.add_message_btn_mask {position: absolute; width: 100%; height: 100%; top:0; display: none; text-align: center;}
.add_message_btn_mask .fa {margin-top: 4px;}

@media (max-width: 768px){
    .last_message_item_in {padding: 8px;}
    .last_message_list_wrap .last_message_item_date {max-width: none; width: 20%;}
    .last_message_item_info {width: 115px;}
}  
/* ==========================================================================
   LANGUAGE MENU DROPDOWN
   ========================================================================== */
.bootstrap-select .dropdown-menu li a{color:#000!important;}
.bootstrap-select > button.btn.dropdown-toggle.selectpicker{padding: 0 12px; height: 27px;}
.bootstrap-select.btn-group.fit-width .btn .filter-option{width: auto;padding-right:5px;}
  
/* ==========================================================================
   DATING MODAL
   ========================================================================== */  
#datingModal .modal-title{display: inline-block; line-height: 50px; color: #111; font-size: 18px;}  
#datingModal .modal-header button.close{margin-top: -15px; font-size: 3em;}
#datingModal img{height: 50px; width: 50px; border-color: #e2e1e6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #fff; display: inline;}
#datingModal .modal-body-left textarea{display: block;  width: 100%;  min-height: 70px; margin-bottom: 20px; padding: 6px 12px;  font-size: 13px;  line-height: 1.428571429;  color: #555555;  vertical-align: middle;  background-color: #ffffff; border: 1px solid #e0e0df;  border-radius: 2px;  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
#datingModal .modal-footer-buttons button.gray_btn{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;    background-color: #fff; border: 1px solid #b3adad; padding: 5px 15px; font-size: 18px; color: #000;}
#datingModal .modal-footer-buttons button.base_btn{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; background: #f70000; box-shadow: none; border: 1px solid #f70000; padding: 5px 20px; font-size: 18px; font-weight: bold;}


.site_hide_label {font-size: 15px;}
.site_hide_label2 {text-decoration: underline;}



.top_music_{position: relative;}
.top_music_button{cursor: pointer;}
.top_music_dropdown{position: absolute;display: none;background-color: rgba(16, 16, 16, 0.91);    color: white;    z-index: 1000;    top: 50px;        left: -77px;    width: 237px;    padding: 10px;}
.top_music_dropdown ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.top_music_.active:after{
    content: "";
    height: 3px;
    background: #f70000;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 17px);
    
}
.top_music_dropdown ul li{
    margin: 8px;
}
#header_left .top_music_dropdown ul li a:hover{
    color: #f70000;
}

/* ==========================================================================
  page celebrate 70
   ========================================================================== */  
#form_celebrate *, #messagesLp *{
    font-family: nova!important;
}

.holon#form_celebrate *, .holon#messagesLp *{
    font-family: 'Rubik', sans-serif!important;
}

#form_celebrate a, #messagesLp a, #top_banner a{
    outline: none;
}
#top_banner{
    direction: rtl;
    position: relative;
}
.cover_banner{
    object-fit: cover;
    width: 100%;
}
.aviv .cover_banner{
    object-fit: cover;
    width: 100%;
    max-height: 400px;
}

.logo_celebrate{    
    position: absolute;
    top: 18px;
    outline: none;
    right: 0;
    width: 100%;
    padding: 18px 12%;
}
.logo_jfn{
    float: left;
    width: 200px;
}
.go_form_celebrate a{
    position: absolute;
    bottom: -27px;
    left: 50%;
    transform: translate(-50%,0 );
   -webkit-transform: translate(-50%,0 );
    padding-top: 27px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 5px 9px 0px rgba(31, 31, 31, 0.2);
    width: 70px;
    height: 70px;
    text-align: center;
    z-index: 1000;
} 
.go_form_celebrate.plus a{
        color: #347cff;
    font-size: 13px;
    text-decoration: none;
    font-weight: 900;
    padding-top: 14px;
    width: 89px;
    height: 87px;
    padding: 11px;
}
.roma .go_form_celebrate.plus a {
    color: #347cff;
    font-size: 13px;
    text-decoration: none;
    font-weight: 900;
    padding-top: 14px;
    width: 89px;
    height: 87px;
    padding: 11px;
        
}

.roma.tlvHeb .go_form_celebrate.plus a {
	display: flex;
	align-items: center;
}



.roma a.btn_link {
    width: 292px;
    height: 60px;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.15);
    border-radius: 30px; 
    background-color: #0b3f9f;
    color: #fff;
    /* font-family: "Proxima Nova"; */
    font-size: 26px;
    font-weight: 500;
    line-height: 34.2px;
    text-decoration: none;
    margin: 20px;
    border: none;
    padding-top: 11px;
    display: inline-block;
}
.roma a.btn_link:hover{
    background-color: #347cff;
}
.garden .go_form_celebrate.plus a {
    color: #d97c0d;
    font-size: 15px;
    font-weight: 700;
}
.roma.garden a.btn_link,.garden#form_celebrate input[type=submit]{
    background-color:#694f98; 
}
.roma.garden a.btn_link:hover{
    background-color:#a18aca; 
}
.roma.garden#top_banner .go_form_celebrate a{
        bottom: -43px;
}
.roma.garden#top_banner .container{
    max-width: 100%;
}



.roma.garden .logo_celebrate .logos{
    background-color: #fff;
    width: 200px;
    text-align: center;
    padding: 2px 0;
    height: 64px;
    display: block;
}
.roma.garden .logo_celebrate .logos img{
    width: 48%;
    display: inline-block;
    height: 100%;
    object-fit: contain;
}

.link_form_celebrate{
    width:  100%;   
    position: absolute;
    bottom: 0;
    left: 0;
}
.aviv .link_form_celebrate {
    width: 100%;
    position: absolute;
    bottom: 15%;
    left: 0;
    text-align: center;
    font-size: 60px;
    color: #fff;
    text-shadow: 3px 3px 2px #000;
}


@media (max-width: 768px){
	.aviv .link_form_celebrate {
        font-size: 30px;
        line-height: 120%;
    }

}
.link_form_celebrate a{
    display: block;
    width: 600px;
    margin: auto;
    max-width: 100%;
    height: 170px;
    outline: none;
    text-decoration: none;
}
.link_form_celebrate a:hover, .link_form_celebrate a:active{
    outline: none;
    text-decoration: none;
}
#form_celebrate{
    position: relative;
    padding-top: 50px; 
    padding-bottom: 80px; 
}
#ui-id-1{
    max-height: calc(100vh - 100px);
    overflow-y: scroll; 
    width: auto!important;
    padding: 0 10px;
}
#ui-id-2.ui-autocomplete.ui-front{
    display: none!important;
}
.bgLp{
   position: relative;
   background-size: cover; 
   background-image: url('../images/bg_form.png');
}
.bgLp.holon{
   position: relative;
   background-size: cover; 
   background-image: none;
}
.bgLp.roma{
   position: relative;
   background-size: cover; 
   background-color: #F7F7F7;
   background-image: none;
}
#form_celebrate .container{
    width: 100%;
}
#form_celebrate form{
    max-width: 600px;
    margin: auto;
    direction: ltr;
}
#form_celebrate .center{
    text-align: center;
}
#form_celebrate .option_or{
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #525252;
}
#form_celebrate label{
        display: block;
    font-size: 22px;
    color: #347cff;
    margin: 26px 0 20px;
    font-weight: bold;
    padding-left: 15px;
}
.roma#form_celebrate label {
    display: block;
    font-size: 22px;
    color: #347cff;
    margin: 35px 0 14px;
    font-weight: bold;
    padding-left: 15px;
}
/* Base for label styling */
#form_celebrate [type="checkbox"]:not(:checked),
#form_celebrate [type="checkbox"]:checked {
  display: none;
}
#form_celebrate [type="checkbox"]:not(:checked) + label,
#form_celebrate [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
  color: #131313;
  font-size: 16px;
  line-height: 120%;
}

/* checkbox aspect */
#form_celebrate [type="checkbox"]:not(:checked) + label:before,
#form_celebrate [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 2px;
  width: 1.5em;
  height: 1.5em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
#form_celebrate [type="checkbox"]:not(:checked) + label:after,
#form_celebrate [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 1px;
  left: 3px;
   font-size: 1.5em;
  color: #347cff;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}
/* checked mark aspect changes */
#form_celebrate [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
#form_celebrate [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
#form_celebrate [type="checkbox"]:disabled:not(:checked) + label:before,
#form_celebrate [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
#form_celebrate [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
#form_celebrate [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
#form_celebrate [type="checkbox"]:checked:focus + label:before,
#form_celebrate [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}


#form_celebrate input[type=text],#form_celebrate input[type=email],#form_celebrate input[type=search]{
    display: block;
    width: 100%;
    font-size: 20px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    background-color: #fafafa;
    padding: 15px 20px;
}
#form_celebrate input.invalidInput {
    border: 2px solid red;  
}
#form_celebrate label.invalidInput{
    color: red!important;  
}
#form_celebrate textarea{
    display: block;
    width: 100%;
    border-radius: 30px;
    font-size: 20px;
    border: 1px solid #ccc;
    box-shadow: 1px 5px 9px 0px rgba(31, 31, 31, 0.2);
    padding: 12px 20px;
    height: 150px;
    resize: none;
    background-color: #fafafa;
    margin-bottom: 30px;
}
.roma#form_celebrate .comment textarea{
     margin-bottom: 10px;
}
.roma#form_celebrate .comment span{
     padding-left: 15px;font-size: 16px;
}
#form_celebrate input[type=submit]{
    text-align: center;
    margin: auto;
    display: block;
    padding: 14px 49px;
    border: none;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.15);
    border-radius: 32px;
    background-color: #347cff;
}
.garden#form_celebrate input[type=submit],{
    background-color:#694f98; 
}


.garden#messagesLp .nav-tabs>li.active>a {
    background-color: #694f98;
}
.garden#form_celebrate input[type=submit]:hover,.garden#messagesLp .nav-tabs>li>a{
    background-color:#a18aca; 
}
.garden#messagesLp .title_messages {
    color: #694f98;
}
#form_celebrate .nav_youtube_page{
    margin-top: 12px;
    direction: rtl;
    text-align: left;
}
.initiatives_messages{
    text-align: left;
    font-size: 15px;
    line-height: 172%;
}
.initiatives_messages p{
    font-weight: 700;
    font-size: 18px;
}
.initiatives_messages strong{
    font-size: 20px;
}

#youtube_result {
    
    padding: 12px 20px;
    margin-top: 50px;
}
#youtube_result{
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 1px 5px 9px 0px rgba(31, 31, 31, 0.2);
    padding: 35px 26px 35px 0;
    margin-top: 12px;
    display: none;
    background-color: #fafafa;
}
#youtube_result ul{
    max-height: 615px;
    overflow: auto;
    padding: 0;    
}
/* Let's get this party started */
#youtube_result ul::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
#youtube_result ul::-webkit-scrollbar-track {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #D9D6D6; 
}
 
/* Handle */
#youtube_result ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #A7A7A7; 
}
#youtube_result ul::-webkit-scrollbar-thumb:window-inactive {
	background: #A7A7A7; -webkit-border-radius: 30px;
    border-radius: 30px;
}

#youtube_result .my_table{
    display: table;
    width: 100%;
    padding-left: 30px;
        
}
#youtube_result  .hyv-video-list-item{
    height: 127px;
    overflow: hidden;
}
#youtube_result .my_cell{
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
    height: 127px;
    overflow: hidden;
}
#youtube_result  .youtube_title{
    font-size: 18px;
    font-weight: bold;
    color: #51422B;
}
#youtube_result  .youtube_sub_title{
    font-size: 12px;
    color: #9CA1A2;
    margin-bottom: 5px;
}
#youtube_result  .youtube_desc{
    font-size: 14px;
    color: #9CA1A2;
}
.youtube_video{
    width: 225px; 
    height: 127px;
}
#youtube_result  video,#youtube_result img{
    width: 225px; 
    height: 127px;
}
#youtube_result .hyv-video-list-item-choose {
    position: absolute;
    border-radius: 100%;
    top: 34px;
    z-index: 99;
    padding-top: 19px;
    font-size: 17px;
    box-shadow: 1px 5px 9px 0px rgba(31, 31, 31, 0.2);
    WIDTH: 60px;
    height: 60px;
    line-height: inherit;
    display: none;
    font-weight: bold;
    left: 9px;
}
#youtube_result  .hyv-video-list-item:hover .hyv-video-list-item-choose {
    display: block;
}
#modal_thanck .modal-content{
    color: #347cff;
    text-align: center;
    width: 260px;
    margin: auto;
    top: 120px;
    padding: 30px 10px;
    font-size: 16px;
}
#modal_thanck .modal-content .close{
    position: absolute;
    top: -18px;
    left: 0px;
}
#messagesLp .container {
    max-width: 950px;
    width: inherit;
    margin: 0 auto;
}

#messagesLp .panel,  #messagesLp .panel ul, #messagesLp .panel li{
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none; 
     box-shadow: none;
}

#messagesLp .panel-heading{
    padding: 45px 15px 15px;
}
  
#messagesLp .panel{
    text-align: center;
}
#messagesLp .panel ul{
    display: inline-block;    margin: 0;
} 

#messagesLp  .nav-tabs>li>a {
    width: 292px;
    height: 60px;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    background-color: #0b3f9f;
    color: #ffffff;
    /*font-family: "Proxima Nova";*/
    font-size: 26px;
    font-weight: 500;
    line-height: 34.2px;
    text-decoration: none;
    margin: 20px;
        border: none;
  } 

#messagesLp  .nav-tabs>li.active>a {
    background-color: #347cff;
  }
#messagesLp  .box_message{
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 24px;
    margin-bottom: 30px;
    text-align: left; 
        direction: ltr; /* text-align: initial;*/
 }
#messagesLp  .box_song {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-bottom: 70px;
    text-align: left;
    direction: ltr;  /* text-align: initial;*/
 } 
 #messagesLp .message_comment{
    margin-top: 5px;
 }
 #messagesLp .message_comment i{
    font: normal normal normal 14px/1 FontAwesome!important;
 }
#messagesLp .title_messages{
    color: #3d3d3d;
    font-size: 34px;
    margin: 0 0 50px;direction: ltr;
 }
 .holon#messagesLp .title_messages{
   direction: rtl;
 }
@media (max-width: 500px){
	.holon#messagesLp .title_messages{
		font-size: 16px;
	}
	
	.holon#messagesLp .holon_small_txt_color{
		font-size: 10px;
	}
}
 #messagesLp  .box_song img{
    width: 100%;
    height: 174px;
    object-fit: cover;
 }
#messagesLp  .box_message .name{
    color: #000000;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
 }
 #messagesLp  .box_message .name b{
    color: #347cff;
 }
 #messagesLp  .desc{
    color: #727272;
    font-size: 17px;
    font-weight: 500;
    /*word-break: break-all;
    line-height: 18x;*/
    line-height: 20px;
 }

#messagesLp  .box_song .content{
    padding: 5px 15px 50px;
    min-height: 176px;
    position: relative;
 }
 #messagesLp.holon  .box_song .content{
    direction: rtl;
    text-align: right;
 }
 .go_to_song{
    cursor: pointer;
 }
#messagesLp .box_song .content .vote {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0;
 }
.roma#messagesLp .box_song .content .vote {
   display: none;
 }
 .roma#messagesLp .box_song .content {
    min-height: 148px;
    max-height: 148px;
    overflow: hidden;
    padding: 5px 15px 10px;
}
.roma .modalMessage .modal-dialog{
    top: 30%;
    max-width: 300px;
    margin: auto;
}
.garden .initiatives_messages p strong{
    font-size: 22px;
    margin-bottom: 5px;
    display: inline-block;
    color: #d97c0d;   
}
.garden#form_celebrate label{
   color: #d97c0d;   
}
.garden#messagesLp .box_song .choosen b, .garden#messagesLp .message_comment a{
    color: #694f98;  
}
#messagesLp  .box_song .content .btn{
    width: 112px;
    height: 32px;
    border-radius: 15px;
    background-color: #347cff;
    color: #fff;
    font-size: 20px;
    margin: 10px auto;
    display: block;
    padding: 0;
    line-height: 0;
    outline: none;
 }
.aviv#messagesLp  .box_song .content .btn{  
   background-color: #09960e;
 }
 #messagesLp  .box_song .name{
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    /*font-family: "Proxima Nova";*/ 
    /* white-space: nowrap; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    max-height: 60px; 
    line-height: 120%;
 }
 #messagesLp  .box_song .artist{
    color: #727272;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
 }
 #messagesLp  .box_song .choosen{
    color: #727272;
    font-size: 18px;
    font-weight: 500;
 }
  #messagesLp  .box_song .choosen b{
   color: #347cff;
    font-size: 18px;
    font-weight: 700;
 }
 


 /* demo only* */
.make-columns .box_message ,.make-columns  .box_song {
    display: inline-block;
    height: 100%;
    width:  100%; 
}
#messagesLp .box_song .content .btn.counter_voted{
    background-color: #eee;
    position: relative;
    border: 1px solid #347cff;
    color: #347cff;
}
.aviv#messagesLp .box_song .content .btn.counter_voted{
    background-color: #eee;
    position: relative;
    border: 1px solid #09960e;
    color: #09960e;
}
@-moz-document url-prefix() { 
  #messagesLp .box_song .content .btn.counter_voted{
    padding-top:7px
  }
}
.counter.btn.counter_voted:after {
  content: '✔';
  position: absolute;
  top: 13px;
  left: 8px;
  font-size: 1em;
  color: #347cff;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}

.holon .counter.btn.counter_voted:after {
  content: '✔';
  position: absolute;
  top: 13px;
  right: -63px;
  font-size: 1em;
  color: #347cff;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}
.aviv .counter.btn.counter_voted:after {
  color: #09960e;
  
}
@media all and (min-width : 769px){
    
    .row.make-columns { 
        
        -moz-column-count: 3;
        -moz-column-gap: 4px;
        -webkit-column-count: 3;
        -webkit-column-gap: 10px;
        column-count: 3;
        column-gap: 10px;
        width: 100%;
    }
    
    .row.make-columns > div {
        display: inline-block;
        padding:  .5rem;
        float: none;
        width:  100%; 
    }
}
@media all and (max-width : 768px){
  #messagesLp  .nav-tabs>li>a , .roma a.btn_link {
        width: 164px;
  }
  .garden .banner{
       margin-bottom: 44px;
    }
  #messagesLp .panel ul.visible-xs{
    display: inline-block!important;
} 
.garden#messagesLp .nav-tabs>li>a {
    font-size: 18px;
}
  #messagesLp  .box_song .content{
      padding: 5px 15px ;
    min-height: inherit;
    position: relative;
 }
  #messagesLp .box_song .content .vote {
    width: 100%;
    text-align: center;
    position: relative;
        bottom: 0;
 }
 .logo_celebrate {
    position: absolute;
    top: 10px;
    outline: none;
    right: -10px;
    width: 100%;
    padding: 2px 6%;
}

 .logo_celebrate.visible-xs a{
    width: 50px;
    height: 50px;
    text-decoration: none;
    display: block;
}
.logo_jfn {
    float: left;
    width: 147px;
}
 .cover_banner {
    object-fit: cover;
    width: 100%;
    height: auto;
}
.roma .cover_banner {
    object-fit: contain;
    height: auto !important;
}
 #youtube_result .hyv-video-list-item {
     height: auto; 
     overflow: visible; 
}

#youtube_result .hyv-video-list-item .hyv-video-list-item-choose {
    display: block;
}
#youtube_result .my_cell {
    display: block;
    vertical-align: top;
    padding: 0 10px;
    height: auto;
    overflow: visible;
}
#youtube_result .my_table {
    display: table;
    width: 100%;
    padding: 0 30px;
}
.youtube_video{
    margin-bottom: 5px;
}
.go_form_celebrate a {
    bottom: -46px;
    }

}
  @media all and (max-width : 480px){
    #messagesLp  .nav-tabs>li>a , .roma a.btn_link  {
        width: 120px;
        height: 50px;
        margin: 20px 8px;
        font-size: 20px;
        padding: 7px 10px;
        vertical-align: top!important;
  }
  .tlvHeb#messagesLp  .nav-tabs>li>a , .tlvHeb.roma a.btn_link  {
  	line-height:  34.2px !important;
  	font-size: 16px !important;
  }
  #messagesLp .panel-heading {
    padding: 45px 0px 15px;
}
  
}

.tlvHeb{
	direction: rtl;
}

.tlvHeb .initiatives_messages {
	text-align: right;
}

.tlvHeb#form_celebrate form {
	direction: rtl;
}

.tlvHeb#messagesLp .box_song{
	text-align: right;
	direction: rtl;
}

.tlvHeb#form_celebrate *,.tlvHeb#messagesLp * {
	font-family: 'Open-Sans-Hebrew' !important;
}


.newyork .cover_banner{
    object-position: top;
    height: 500px;
}
.newyork .logo_left{
    position: absolute; top: 15px; width: 180px;left:50px
}
.newyork .logo_right{
    position: absolute; top: 15px; width: 280px;right:50px
}
.newyork .float_h1{
    position: absolute; top: 100px; text-align: center;width: 100%;
}
.newyork h1{
    color: #fff; text-align: center;font-weight: 700; text-shadow: 2px 2px 8px #000;    font-size: 40px;    line-height: 120%;
}
.newyork h2{
    color: #fff; text-align: center;font-weight: 700;text-shadow: 2px 2px 8px #000;
}
a{
    cursor: pointer;
}
@media (max-width: 768px){

    .newyork .cover_banner{
        height: 358px!important;object-position: right;
    }
    .newyork .logo_left{
        position: absolute; top: 15px; width: 120px;left:15px
    }
    .newyork .logo_right{
        position: absolute; top: 15px; width: 130px;right:15px
    }
    .newyork .float_h1{
        top: 70px; 
    }
    .newyork h1{
        font-size: 30px;    line-height: 120%;
    }
    .newyork h2{
         font-size: 19px;
    }
    .newyork  #messagesLp .title_messages {
        color: #3d3d3d;
        font-size: 26px;
    }
    
}

/* ==========================================================================
  school songes header
   ========================================================================== */  
  ._schoolHeader_page .select_language { color: #5094d8; border-color: #5094d8; border-radius: 10px; padding: 4px; 
    position: absolute; top: -49px; right: 15px;}
 .img_top_leaves_desc{margin-top: -8px; width: 100%; text-align: center; position: absolute; }
 .img_top__leaves_mobile{ display: none; margin-top: -8px; width: 100%; text-align: center; position: absolute; }
 .schoolHeader{margin-top: 114px;}

._schoolHeader_page *{font-family: 'Heebo', sans-serif !important;}
._schoolHeader_page .mainTitle_top{ font-size: 5.779em; margin-bottom: -10px; }
._schoolHeader_page .mainTitle{/*font-size: 77px;*/margin-bottom: 75px;}
._schoolHeader_page .mainTitle_bold{font-weight: bold; color: #5094d8;}
._schoolHeader_page .mainTitle_normal{ font-weight: 300; color: #486fa7;}
._schoolHeader_page .mainTitle_sub{ /*font-size: 30px;*/ font-size: 2.250em; font-weight: 300; color: #646464;}
._schoolHeader_page .subTitle{/*font-size: 25px;*/ font-size: 1.875em; font-weight: bold; color: #486fa7; margin-bottom: 37px;}
._schoolHeader_page .school_name{/*font-size: 25px;*/ font-size: 1.875em; color: #5094d8; margin-bottom: 38px;}


.school_songs  .schoolHeader{margin-top: 60px;}
.school_songs ._schoolHeader_page .mainTitle{/*font-size: 77px;*/margin-bottom: 38px;}
.school_songs ._schoolHeader_page .subTitle{/*font-size: 25px;*/ font-size: 1.875em; font-weight: bold; color: #486fa7; margin-bottom: 20px;}
.school_songs ._schoolHeader_page .school_name{/*font-size: 25px;*/ font-size: 1.875em; color: #5094d8; margin-bottom: 20px;}
  


@media (max-width: 1065px){
    .school_songs ._schoolHeader_page .mainTitle_top{/*font-size: 46px;*/ font-size: 3.450em;}
    .school_songs ._schoolHeader_page .school_name{/*font-size: 18px;*/ font-size: 1.350em;}
    .school_songs ._schoolHeader_page .mainTitle_sub{/*font-size: 18px;*/ font-size: 1.350em; margin-top: 17px;}
    /*.school_songs ._schoolHeader_page .subTitle{padding: 0 36px;}*/
    .school_songs ._schoolHeader_page .mainTitle{margin-bottom: 35px;}
}

@media (max-width: 767px){
    .img_top_leaves_desc{display: none;}
    .img_top__leaves_mobile{display: block;}
    .schoolHeader{text-align: center;}

    ._schoolHeader_page .mainTitle_top{/*font-size: 46px;*/ font-size: 3.450em;}
    ._schoolHeader_page .school_name{/*font-size: 18px;*/ font-size: 1.350em;}
    ._schoolHeader_page .mainTitle_sub{/*font-size: 18px;*/ font-size: 1.350em; margin-top: 17px;}
    ._schoolHeader_page .subTitle{padding: 0 36px;}
    ._schoolHeader_page .mainTitle{margin-bottom: 35px;}
}

/* ==========================================================================
  school songes footer
   ========================================================================== */  
._schoolFooter_page *{font-family: 'Heebo', sans-serif !important;}
.school_songs ._schoolFooter_page .footer_pickamusic{display: flex; align-items: center; float: right; position: absolute; bottom: 0;}
._schoolFooter_page .footer_pickamusic{display: flex; align-items: center; float: right; margin-bottom: 30px; justify-content: center; margin-top: 40px;}
._schoolFooter_page .footer_pickamusic_right {align-items: center; display: flex; flex-direction: column;}
._schoolFooter_page .pickamusic_logo_text{/*font-size: 14px;*/ font-size: 1.050em; font-weight: bold; text-align: center;}
._schoolFooter_page .footer_pickamusic_left{ max-width: 383px; display: flex; flex-direction: column; margin-right: 16px;}
._schoolFooter_page .pickamusic_left_text{/*font-size: 14px;*/ font-size: 1.050em;}
._schoolFooter_page .pickamusic_link{/*font-size: 14px;*/ font-size: 1.000em; font-weight: bold; color: #5094d8; display: flex; text-decoration: underline;}

._schoolFooter_page .pickamusic_link:hover{text-decoration: none;}


@media (max-width: 767px){
    .school_songs ._schoolFooter_page .footer_pickamusic{flex-direction: column; align-items: start; position: inherit; margin-bottom: 30px; margin-top: 0;}
    ._schoolFooter_page .footer_pickamusic{flex-direction: column; align-items: start; margin-top: 0;}
    ._schoolFooter_page .footer_pickamusic_left{padding-top: 15px; max-width: 332px;}
    ._schoolFooter_page .footer_pickamusic_right{padding-left: 0; border-left: none; border-bottom: solid 1px #f2f2f2; width: 100%; padding-bottom: 15px;}
    ._schoolFooter_page .pickamusic_link{display: inline;}
}

/* ==========================================================================
  school songs
   ========================================================================== */  
.school_songs{/*direction: rtl;*/ min-height: 1000px; position: relative; /*background-image: url("../images/illustration.png");  background-repeat: no-repeat;*/}
.school_songs *{font-family: 'Heebo', sans-serif !important;}
.school_songs .img_l_side_background{ background-image: url("../images/illustration.png"); background-position: center right; background-size: cover; height: 1000px;}
.school_songs .page_inner_school{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding-right: 344px;}
.school_songs .grades{display: flex; flex-wrap: wrap;  max-width: 592px;}
.school_songs .grade_item{width: 100px; height: 100px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(23, 27, 62, 0.2); background-color: #5094d8; padding: 0; /*font-size: 24px;*/
    font-size: 1.800em; font-weight: bold; color: #ffffff; display: flex; align-items: center; justify-content: center; margin: 9px; border: none; text-decoration: none;}
.school_songs .grade_item:hover, .grade_item:focus{text-decoration: none; color: #fff; background-color: #ff6161;}
.school_songs .grade_item:active{background-color: #ff6161;}
.school_songs .img_flower_01{position: absolute; right: 95px; bottom: 0;}
.school_songs .img_bottom_mobile{display: none;}

@media (max-width: 1769px){
    .school_songs .page_inner_school{padding-right: 277px;}
}
    
@media (max-width: 1660px){
    .school_songs .page_inner_school{padding-right: 220px;}
}

@media (max-width: 1530px){
    .school_songs .page_inner_school{padding-right: 158px;}
    .school_songs .img_flower_01{right: 50px;}
}

@media (max-width: 1400px){
    .school_songs .page_inner_school{padding-right: 92px;}
    .school_songs .img_flower_01{display: none;}
}

@media (max-width: 1270px){
    .school_songs .page_inner_school{padding-right: 27px;}
}

@media (max-width: 1180px){
    .school_songs .page_inner_school{padding-right: 10px;}
}

@media (max-width: 767px){
    .school_songs .img_l_side_background{display: none;}
    .school_songs .page_inner_school{padding-right: 5px; text-align: center;}
    .school_songs .img_flower_01{display: none}
    .school_songs .grades{/*padding: 0 20px;*/ justify-content: center;}
    .school_songs .img_bottom_mobile{display: block; padding: 0; overflow: hidden;}
    .school_songs .grade_item{font-size: 1.693em;}
}

@media (max-width: 1024px){
    .school_songs .page_inner_school{padding-right: 5px; text-align: center;}
    .school_songs .img_flower_01{display: none}
    /* .school_songs .grades{padding: 0 20px;} */
    .school_songs .grade_item{font-size: 1.693em;}
}


@media (max-width: 320px){
    /* .school_songs .grades{padding: 0 35px;} */
}

/* ==========================================================================
  school songs popupPassword
   ========================================================================== */
/* #popupPassword{direction: rtl;} */
#popupPassword *{font-family: 'Heebo', sans-serif !important;}
#popupPassword .modal-title{/*font-size: 35px;*/ font-size: 2.625em; letter-spacing: normal; text-align: center; color: #3763ad; margin-top: 30px;}
#popupPassword .modal-body{padding: 0 50px; margin-top: 25px;}
#popupPassword .subTitle{/*font-size: 18px;*/ font-size: 1.350em; /*text-align: center;*/ color: #5094d8; margin-bottom: 10px; width: 290px;}
#popupPassword .password_input{ width: 350px; height: 50px; border-radius: 10px; border: solid 1px #e5e5e5; font-size: xx-large; margin-bottom: 20px;}
#popupPassword .send_btn{ width: 62%; height: 73px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ff6161; 
    /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; border: none; color: #fff; margin-bottom: 40px;}
#popupPassword .modal-header{border-bottom: none;}
#popupPassword .modal-footer{border-top: none; text-align: center;}
#popupPassword .errorPassword {display: none; color: red; margin-top: -10px;}

@media (max-width: 767px){
    #popupPassword .modal-title{/*font-size: 25px;*/ font-size: 1.875em; }
    #popupPassword .subTitle {text-align: right;}
    #popupPassword .password_input {width: 100%;}
    #popupPassword .modal-body{padding: 0 15px;}
    #popupPassword .send_btn{width: 100%; margin-bottom: 20px;}
    #popupPassword .modal-content{padding: 0 5px;}
}


/* ==========================================================================
  school songs contact
   ========================================================================== */

.schoolContact_page {position: relative;}
.schoolContact_page *{font-family: 'Heebo', sans-serif !important;}
.schoolContact_page .container{width: 1200px}
.schoolContact_page .page_inner_schoolContact{/*margin-top: 40px;*/ text-align: center; background-color: #f7f7f7; display: flex; justify-content: center; padding: 15px 0 30px 0;}
.schoolContact_page .title_form{/*font-size: 35px;*/ font-size: 2.625em; color: #3763ad; width: 100%;}
.schoolContact_page .schoolContact_div{width: 100%; position: relative;}
/*.schoolContact_page .schoolContact_div:nth-of-type(1){margin-top: 40px;}*/
.schoolContact_page .schoolContact_input{width: 100%; height: 50px; border-radius: 10px; border: solid 1px #e5e5e5; text-align: right; 
    /*font-size: 16px;*/ font-size: 1.2em; padding: 15px 20px;}
.schoolContact_page textarea#SchoolContactForm_text {height: 150px;}
.schoolContact_page .schoolContact_label{/*font-size: 18px;*/ font-size: 1.350em; text-align: right; color: #5094d8; width: 100%;  margin: 35px 0 6px;}
.schoolContact_page .send_btn{ width: 100%; height: 50px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(23, 27, 62, 0.2); background-color: #ff6161;
     /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; color: #fff; border: none; margin-top: 25px;}
.schoolContact_page .errorMessage{ position: absolute; left: 0;}
.schoolContact_page .login_block_new_form{display: flex; flex-direction: column; align-items: flex-start;}
.schoolContact_page .img_flower_02 {position: absolute; bottom: 0; left: 175px;}
.schoolContact_page .pickamusic_link{display: none;}
.schoolContact_page #form_celebrate *, #messagesLp * {font-family: 'Heebo', sans-serif !important;}

@media (max-width: 1220px){
    .schoolContact_page .img_flower_02 {left: 20px;}
    .schoolContact_page .container {width: 1170px;}
}

@media (max-width: 1190px){
    .schoolContact_page .container {width: 1000px;}
}

@media (max-width: 1070px){
    .schoolContact_page .img_flower_02 {display: none;}
    .schoolContact_page .container {width: 950px;}
}

@media (max-width: 992px){
    .schoolContact_page .container {width: 900px;}
}

@media (max-width: 920px){
    .schoolContact_page .container {width: 815px;}
}

@media (max-width: 835px){
    .schoolContact_page .container {width: 780px;}
}

@media (max-width: 800px){
    .schoolContact_page .container {width: 750px;}
 }

@media (max-width: 767px){
    .schoolContact_page .container {width: 100%;}
    .schoolContact_page .title_form{/*font-size: 25px;*/ font-size: 1.890em;}
    .schoolContact_page .page_inner_schoolContact{padding: 25px 0 50px 0;}
}



/* ==========================================================================
  school songs Messages
   ========================================================================== */
.schoolMessages_page {position: relative;}
.schoolMessages_page *{font-family: 'Heebo', sans-serif !important;}
.schoolMessages_page .container{width: 1200px}
.schoolMessages_page .img_flower_02 {position: absolute; bottom: 0; left: 175px;}
.schoolMessages_page .schoolAddMessage_heder_bottom {display: flex; justify-content: space-between; align-items: center;}
.schoolMessages_page .class_name{ width: 211px; height: 39px; border-radius: 37px; border: solid 2px #5094d8; /*font-size: 24px;*/ font-size: 1.800em;
    font-weight: bold; color: #5094d8; text-align: center; display: flex; align-items: center; justify-content: center;}
.schoolMessages_page .addMessage_link_desc{ width: 350px; height: 73px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ff6161; 
    /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: space-between; text-decoration: none; padding-right: 0;}
.schoolMessages_page .addMessage_link_desc:hover {cursor: pointer;}
.schoolMessages_page .addMessage_link_mobile {display: none;}
.schoolMessages_page .addMessage_link_img { height: 100%; display: flex; align-items: center; padding: 0 23px;}
.schoolMessages_page .addMessage_link_Lside {width: calc(100% - 70px); display: flex; justify-content: center;}
.schoolMessages_page .page_inner_schoolMessages{margin-top: 40px; text-align: center; background-color: #f7f7f7; display: flex; justify-content: center;
     padding: 40px 115px 0 115px; flex-direction: column;}
.schoolMessages_page .title_form{/*font-size: 35px;*/ font-size: 2.625em; color: #3763ad; margin-bottom: -5px;}
.schoolMessages_page .song_item{padding: 0 35px;}
.schoolMessages_page .song_item_video{height: 139px;}
.schoolMessages_page .deleteSong { position: absolute; border-radius: 100%; background-color: #f7f7f7; border: none; top: -15px; left: -15px; font-size: large;
     color: #b7b7b7; padding: 5px 13px;}
.schoolMessages_page .deleteSong:hover { color: red; background-color: #b7b7b7;}
.schoolMessages_page .moreVote {display: none; color: #ff6161; font-size: 1.6em; margin-bottom: -31px;}


.schoolMessages_page .bgLp{background-image: none; position: static;}
.schoolMessages_page #messagesLp .container{max-width: 1200px;}
.schoolMessages_page #messagesLp .box_song { border-radius: 10px; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); border: solid 0.5px #e2e2e2; margin-bottom: 0;
     margin-top: 35px; margin-bottom: 35px; position: relative; /*direction: rtl;*/}
.schoolMessages_page #messagesLp .box_song .content{min-height: 135px; padding: 15px; text-align: right;}
.schoolMessages_page #messagesLp .box_song .content .name{ /*font-size: 18px;*/ font-size: 1.350em; font-weight: bold; color: #06315b; white-space: nowrap; overflow: hidden; 
    text-overflow: ellipsis;}
.schoolMessages_page #messagesLp .box_song .content .choosen{/*font-size: 18px;*/ font-size: 1.350em; font-weight: normal; color: #b7b7b7; white-space: nowrap; 
    overflow: hidden; text-overflow: ellipsis;}
.schoolMessages_page #messagesLp .box_song .content .choosen b{ color: #5094d8; font-weight: normal;}
.schoolMessages_page #messagesLp .box_song .content .vote {bottom: 15px; display: flex; justify-content: flex-end; left: 16px; width: inherit;}
.schoolMessages_page #messagesLp .box_song .content .btn {border-radius: 10px; background-color: #5094d8; color: #fff; 
    /*font-size: 18px;*/ font-size: 1.350em; font-weight: bold; text-align: center; margin: 0;}
.schoolMessages_page .counter.btn.counter_voted:after{color: #fff;}
.schoolMessages_page #messagesLp .box_song .content .btn.counter_voted{border: none;}
.schoolMessages_page .message_comment { /*font-size: 18px;*/ font-size: 1.350em; font-weight: bold; color: #5094d8; position: absolute; bottom: 15px;}
.schoolMessages_page .box_song iframe {border-radius: 10px; height: 100%;}
.schoolMessages_page #form_celebrate *, #messagesLp * {font-family: 'Heebo', sans-serif !important;}

@media (max-width: 1400px){
    .schoolMessages_page .img_flower_02 {left: 20px;}
}

@media (max-width: 1220px){
    .schoolMessages_page .container {width: 1170px;}
    .schoolMessages_page #messagesLp .container {width: 1170px;}
}

@media (max-width: 1190px){
    .schoolMessages_page .container {width: 1100px;}
    .schoolMessages_page #messagesLp .container {width: 1100px;}
    .schoolMessages_page #messagesLp .box_song .content .btn {width: 90px;}
    .schoolMessages_page .page_inner_schoolMessages {padding: 50px 100px;}
}

@media (max-width: 1115px){
    .schoolMessages_page .container {width: 1020px;}
    .schoolMessages_page #messagesLp .container {width: 1020px;}
    .schoolMessages_page .page_inner_schoolMessages {padding: 50px 50px;}
}

@media (max-width: 1070px){
    .schoolMessages_page .img_flower_02 {display: none;}
}

@media (max-width: 1040px){
    .schoolMessages_page .container {width: 1000px;}
    .schoolMessages_page #messagesLp .container {width: 1000px;}
}

@media (max-width: 1018px){
    .schoolMessages_page .container {width: 980px;}
    .schoolMessages_page #messagesLp .container {width: 980px;}
}

@media (max-width: 996px){
    .schoolMessages_page .container {width: 970px;}
    .schoolMessages_page #messagesLp .container {width: 970px;}
    .schoolMessages_page .page_inner_schoolMessages {padding: 30px 30px;}
}

@media (max-width: 986px){
    .schoolMessages_page .container {width: 940px;}
    .schoolMessages_page #messagesLp .container {width: 940px;}
}

@media (max-width: 960px){
    .schoolMessages_page .container {width: 920px;}
    .schoolMessages_page #messagesLp .container {width: 920px;}
    .schoolMessages_page .song_item {padding: 0 20px;}
}

@media (max-width: 945px){
    .schoolMessages_page .container {width: 900px;}
    .schoolMessages_page #messagesLp .container {width: 900px;}
    .schoolMessages_page .song_item {padding: 0 10px;}
    .schoolMessages_page .page_inner_schoolMessages {padding: 15px 15px;}
    .schoolMessages_page #messagesLp .box_song {margin-top: 30px;}
}

@media (max-width: 916px){
    .schoolMessages_page .container {width: 815px;}
    .schoolMessages_page #messagesLp .container {width: 815px;}
}

@media (max-width: 832px){
    .schoolMessages_page .container {width: 780px;}
    .schoolMessages_page #messagesLp .container {width: 780px;}
}


@media (max-width: 800px){
    .schoolMessages_page .container {width: 750px;}
    .schoolMessages_page #messagesLp .container {width: 750px;}
    .schoolMessages_page .page_inner_schoolMessages {padding: 25px 20px;}
 }

@media (max-width: 767px){
    .schoolMessages_page .container {width: 100%;}
    .schoolMessages_page #messagesLp .container {width: 100%;}
    .schoolMessages_page .schoolAddMessage_heder_bottom{justify-content: center;}
    .schoolMessages_page .title_form{/*font-size: 25px;*/ font-size: 1.875em; margin-bottom: 0;}
    .schoolMessages_page .song_item {padding: 15px;}
    .schoolMessages_page .song_item_video{height: 200px;}
    .schoolMessages_page #messagesLp .box_song .content {min-height: 125px;}
    .schoolMessages_page #messagesLp .box_song {margin-top: 0; position: static;}
    .schoolMessages_page .addMessage_link_desc {display: none;}
    .schoolMessages_page .addMessage_link_mobile {display: block; position: fixed; bottom: 0;  width: 100%; height: 59px; border-top-left-radius: 10px;  
        border-top-right-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ff6161; /*font-size: 24px;*/font-size: 1.800em;
        font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: space-between; text-decoration: none; padding-right: 0; z-index: 100;}
    .schoolMessages_page .addMessage_link_mobile:hover {cursor: pointer;}
    .schoolMessages_page footer {padding-bottom: 60px;}
    .schoolMessages_page #messagesLp .box_song .content .vote {position: absolute; bottom: 15px;}
    .schoolMessages_page .deleteSong {top: 0; left: 0;}
    .schoolMessages_page #messagesLp .box_song .content .btn {width: 112px;}
}

/* ==========================================================================
  school songs Messages popup message
   ========================================================================== */

.schoolMessages_page .modalMessage .modal-header {border-bottom: none; text-align: center;}
.schoolMessages_page .modalMessage .close {position: absolute; left: 10px;}
.schoolMessages_page .modalMessage .modal-title { color: #3763ad; font-size: 1.6em;}
.schoolMessages_page .modalMessage .modal-content {text-align: center; width: 374px; margin: auto; top: 120px; padding: 10px;}
.schoolMessages_page #messagesLp .desc {font-size: 1.5em;  color: #5094d8;}
.schoolMessages_page .modalMessage .modal-body {text-align: center;}
.dirRtl {direction: rtl;}
.dirLtr {direction: ltr;}

@media (max-width: 767px){
    .schoolMessages_page .modalMessage .modal-content {width: 100%;}
}

/* ==========================================================================
  school songs Messages popup delete
   ========================================================================== */
.schoolMessages_page .modelDeleteSong .modal-header {border-bottom: none; text-align: center;}
.schoolMessages_page .modelDeleteSong .close {position: absolute; left: 10px;}
.schoolMessages_page .modelDeleteSong .modal-title { color: #3763ad; font-size: 1.5em;}
.schoolMessages_page .modelDeleteSong .modal-name_song {font-size: 1.25em;  color: #5094d8;}
.schoolMessages_page .modelDeleteSong .modal-content {text-align: center; width: 374px; margin: auto; top: 120px; padding: 10px; font-size: 16px;}
.schoolMessages_page .modelDeleteSong .modal-body {text-align: left;}
.schoolMessages_page .modelDeleteSong .modal-body button {border-radius: 5px; box-shadow: 0 3px 10px 0 rgba(23, 27, 62, 0.2); background-color: #5094d8; font-size: 1.25em;
    color: #fff; padding: 2px 10px; border: none;}
.schoolMessages_page .modelDeleteSong .modal-body button.confirmationDdelet {width: 100%; background-color: #ff6161;}

@media (max-width: 767px){
    .schoolMessages_page .modelDeleteSong .modal-content {width: 100%;}
}


/* ==========================================================================
  school songs Messages popup phone
   ========================================================================== */
/* #popupPhone{direction: rtl;} */
#popupPhone *{font-family: 'Heebo', sans-serif !important;}
#popupPhone .close {position: absolute; left: 15px; opacity: 1;}
#popupPhone .modal-title{ font-size: 2.1em; letter-spacing: normal; text-align: center; color: #3763ad; margin-top: 30px;}
#popupPhone .modal-body{padding: 0 50px; margin-top: 25px;}
#popupPhone .subTitle{/*font-size: 18px;*/ font-size: 1.350em; text-align: right; color: #5094d8; margin-bottom: 10px;}
#popupPhone .phone_input{ width: 350px; height: 50px; border-radius: 10px; border: solid 1px #e5e5e5; font-size: xx-large; margin-bottom: 20px; padding: 10px; direction: ltr;}
#popupPhone .send_phone_btn{ width: 62%; height: 73px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ff6161; 
    /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; border: none; color: #fff; margin-bottom: 40px;}
#popupPhone .modal-header{border-bottom: none;}
#popupPhone .modal-footer{border-top: none; text-align: center;}
#popupPhone .errorphone {color: red; margin-top: -10px;}

@media (max-width: 767px){
    #popupPhone .phone_input {width: 100%;}
    #popupPhone .modal-title{ font-size: 1.5em; }
    #popupPhone .modal-body{padding: 0 15px;}
    #popupPhone .send_phone_btn{width: 100%; margin-bottom: 20px; font-size: 1.450em; height: 53px;}
    #popupPhone .modal-content{padding: 0 5px;}
}
   
/* ==========================================================================
  school songs Messages popup phone modal_phone_valid
   ========================================================================== */  
#popupPhone .modal_phone_valid {display: none;}
#popupPhone .code_valid_input{ width: 350px; height: 50px; border-radius: 10px; border: solid 1px #e5e5e5; font-size: xx-large; margin-bottom: 20px; padding: 10px;}
/* #popupPhone .errorPhoneValid {color: red; margin-top: -10px;} */
#popupPhone .modal-footer {display: flex; justify-content: space-between;}
#popupPhone .modal_phone_valid .send_phoneOK_btn {width: 40%; height: 73px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ff6161; 
    /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; border: none; color: #fff; margin-bottom: 40px; display: inline-block;}
/* #popupPhone .modal_phone_valid .send_phoneReplace_btn {width: 40%; height: 73px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #5094d8; 
    font-size: 24px; font-size: 1.800em; font-weight: bold; border: none; color: #fff; margin-bottom: 40px;} */
#popupPhone .modal_phone_valid .send_phoneReplace_btn {/*font-size: 24px;*/ font-size: 1.800em; border: none; color: #3763ad; margin-bottom: 40px; text-decoration: none;}
#popupPhone .modal_phone_valid .send_phoneReplace_title {font-size: 1.400em; border: none; color: #3763ad;}

@media (max-width: 767px){
    #popupPhone .code_valid_input {width: 100%;}
    #popupPhone .modal_phone_valid .send_phoneOK_btn{margin-bottom: 10px;}
    /* #popupPhone .modal_phone_valid .send_phoneReplace_btn{width: 100%;} */
    /* #popupPhone .modal-footer {display: block;} */
}

/* ==========================================================================
    school songs Messages popup modal_phone_null
    ========================================================================== */  

    #modal_phone_null .modal-content{ color: #347cff; text-align: center; width: 260px; margin: auto; top: 120px;
        padding: 30px 10px; font-size: 16px; }
    #modal_phone_null .modal-content .close{ position: absolute; top: -18px; left: 0px; }
/* ==========================================================================
  school songs addMessage
   ========================================================================== */
.schoolAddMessage_page {position: relative;}
.schoolAddMessage_page *{font-family: 'Heebo', sans-serif !important;}
.schoolAddMessage_page .container{width: 1200px}
.schoolAddMessage_page .img_flower_02 {position: absolute; bottom: 0; left: 175px;}
.schoolAddMessage_page .schoolAddMessage_heder_bottom {display: flex; justify-content: space-between; align-items: center;}
.schoolAddMessage_page .class_name{  width: 211px; height: 39px; border-radius: 37px; border: solid 2px #5094d8; /*font-size: 24px;*/ font-size: 1.800em;
    font-weight: bold; color: #5094d8; text-align: center; display: flex; align-items: center; justify-content: center;}
.schoolAddMessage_page .back_link_desc{  width: 350px; height: 73px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #5094d8;
    /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.schoolAddMessage_page .back_link_mobile{display: none;}
.schoolAddMessage_page .page_inner_schoolAddMessage{/*margin-top: 40px;*/ text-align: center; background-color: #f7f7f7; display: flex; justify-content: center; padding: 15px 0 30px 0;}
.schoolAddMessage_page .title_form{/*font-size: 35px;*/ font-size: 2.625em; color: #3763ad;}

.schoolAddMessage_page #form_celebrate {position: static;}
.schoolAddMessage_page .bgLp.roma {position: static;}
.schoolAddMessage_page .bgLp {position: static;}
.schoolAddMessage_page .bgLp.roma {background-color: #fff;}
.schoolAddMessage_page #form_celebrate .container{width: 1200px}
.schoolAddMessage_page .roma#form_celebrate label{/*font-size: 18px;*/ font-size: 1.350em; color: #5094d8; width: 100%; font-weight: normal; margin: 35px 0 6px;}
.schoolAddMessage_page #form_celebrate input[type=text],.schoolAddMessage_page #form_celebrate input[type=search] {width: 100%; height: 50px; border-radius: 10px; 
    border: solid 1px #e5e5e5; text-align: right; /*font-size: 16px;*/ font-size: 1.2em; background-color: #fff; box-shadow: none; padding: 15px 20px; /*direction: rtl;*/}
.schoolAddMessage_page #form_celebrate input.invalidInput {border: 2px solid red;}
.schoolAddMessage_page #form_celebrate textarea{width: 100%; height: 150px; border-radius: 10px; 
    border: solid 1px #e5e5e5; text-align: right; /*font-size: 16px;*/ font-size: 1.2em; background-color: #fff; box-shadow: none; padding: 15px 20px;}
.schoolAddMessage_page #form_celebrate form{max-width: 100%;}
.schoolAddMessage_page #form_celebrate input[type=submit]{ width: 100%; height: 50px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(23, 27, 62, 0.2); background-color: #ff6161;
    /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; color: #fff; border: none; padding: 0;}
.schoolAddMessage_page #form_celebrate #school_send_new_song{ width: 100%; height: 50px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(23, 27, 62, 0.2); background-color: #ff6161;
    /*font-size: 24px;*/ font-size: 1.800em; font-weight: bold; color: #fff; border: none; padding: 0;}
.schoolAddMessage_page #form_celebrate {padding-bottom: 0;}
.schoolAddMessage_page #form_celebrate *, #messagesLp * {font-family: 'Heebo', sans-serif !important;}
.schoolAddMessage_page .roma#form_celebrate .comment textarea{margin-bottom: 0; /*direction: rtl;*/}

.schoolAddMessage_page .btn.btn-info.hyv-video-list-item-choose-school {padding: 0;}

.schoolAddMessage_page #youtube_result .hyv-video-list-item-choose-school { position: absolute; border-radius: 100%;
    top: 34px; z-index: 99; padding-top: 19px; font-size: 17px; box-shadow: 1px 5px 9px 0px rgba(31, 31, 31, 0.2);
    WIDTH: 60px; height: 60px; line-height: inherit; display: none; font-weight: bold; left: 9px; }
.schoolAddMessage_page #youtube_result  .hyv-video-list-item:hover .hyv-video-list-item-choose-school {
    display: block;
}

.schoolAddMessage_page #youtube_result .hyv-video-list-item .hyv-video-list-item-choose-school {
    display: block;
}

/* .schoolAddMessage_page .youtube_song_div {text-align: right;} */
/* .schoolAddMessage_page .roma#form_celebrate label.youtube_song_label_desc {display: inline-block;} */
.schoolAddMessage_page .roma#form_celebrate label.youtube_song_label_mobile {display: none;}
.schoolAddMessage_page .roma#form_celebrate .youtube_song_label a {color: #5094d8; text-decoration: underline;}

@media (max-width: 1220px){
    .schoolAddMessage_page .img_flower_02 {left: 20px;}
    .schoolAddMessage_page .container {width: 1170px;}
    .schoolAddMessage_page #form_celebrate .container {width: 1170px;}
}

@media (max-width: 1190px){
    .schoolAddMessage_page .container {width: 1000px;}
    .schoolAddMessage_page #form_celebrate .container {width: 1000px;}
}

@media (max-width: 1070px){
    .schoolAddMessage_page .img_flower_02 {display: none;}
    .schoolAddMessage_page .container {width: 950px;}
    .schoolAddMessage_page #form_celebrate .container {width: 950px;}
}

@media (max-width: 992px){
    .schoolAddMessage_page .container {width: 800px;}
    .schoolAddMessage_page #form_celebrate .container {width: 800px;}
}

@media (max-width: 820px){
    .schoolAddMessage_page .container {width: 750px;}
    .schoolAddMessage_page #form_celebrate .container {width: 750px;}
}

@media (max-width: 767px){
    .schoolAddMessage_page .container {width: 100%;}
    .schoolAddMessage_page #form_celebrate .container {width: 100%;}
    .schoolAddMessage_page .page_inner_schoolAddMessage {padding: 25px 0 50px 0;}
    .schoolAddMessage_page .title_form{/* font-size: 25px;*/ font-size: 1.875em;}
    .schoolAddMessage_page #form_celebrate input[type=submit]{ /* font-size: 25px;*/ font-size: 1.875em;}
    .schoolAddMessage_page .back_link_desc{display: none;}
    .schoolAddMessage_page .back_link_mobile{display: block; width: 100%; height: 50px; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); background-color: #5094d8;
       /* font-size: 25px;*/ font-size: 1.875em; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; margin-top: 25px;}
    .schoolAddMessage_page .schoolAddMessage_heder_bottom{justify-content: center; margin-bottom: 40px;}
    .schoolAddMessage_page #form_celebrate{padding-top: 0;}
    .schoolAddMessage_page .roma#form_celebrate .comment textarea{margin-bottom: 0;}

    .schoolAddMessage_page .roma#form_celebrate label.youtube_song_label_desc {display: none;}
    .schoolAddMessage_page .roma#form_celebrate label.youtube_song_label_mobile {display: block;}
    }
    
}