@charset "utf-8";
/* CSS Document */

.mobileview-signup{display:none;}

.download_app{display:none;}
.store_badge{display:none;}

@media screen and (max-width:768px) {
	
	.newrelease_wraper{display:block;}
	.newrelease_left{display:block; width:100%; padding-right:0;}
	.newrelease_right{display:block; width:100%;margin: 30px auto;}
	.homepage_sidebanner_300x250{position:relative;}
	.new_trendingbox{position:relative; top: 0;}
	.trendingnow_song_options_div{width:100%;}
	.tss_now{height:auto !important;}
	.home_newrelease_div_boxsize{width:50% !important;}
	#newhp_albums_section_devotional_grid  .home_div_boxsize{width:50% !important;}
	.radioartist ul li{width:48%; margin: 0px 1% 0px 1%;}
	.playlistbox{width:49%;}
	.home_div_boxsize{width:50%;}
	.label_fcolumn{width:50%;}
	/*.header__menu-items{display:none;}*/
	#login_head_menu{display:block; }
	.header__site-nav-items{left:100px; }
	.n-album-details{display:none;}
	.n-player-wraper{width:100%; height:auto;display: none;}
	.n-player-content{display:block; width:100%; height:auto;}
	.n-player-seekbar{display:block; height:auto; margin-bottom:12px;}
	.n-player-right{display:none;}
	.n-player-right{width:100%;padding-left: 20%; padding-right: 20%;}
	.n-plylist-but {  position: absolute;  bottom: 20px;   left: 10px;   padding-left: 0px;}
	.n-playlist-track-number{line-height: 16px;  text-align: center; font-size: 9px; height:16px; top: -6px;}
	.n-player-controls{padding-left: 20%;  padding-right: 0%; width: 100%; margin:0 auto; display:table;}
	.n-control-icon{display:table-cell;}
	.player_playlist_leftdiv{position: relative;  margin-left: auto;  margin-right: auto;}
	.playerpage{top:0px;}
	.bt_div_pl_right{float:none; margin:20px auto;}
	.playlistcontainer_div{left:0; bottom:0; width:100%;}
	.player_playlist_rightdiv{margin:0 auto;}
	.new-album-details{width: 100%;   margin: 0 auto;}
	.new-album-sidewrap{width: 100%;  display: block;  margin: 30px auto;}
	.adbanner-300x250{width:100%; text-align:center; margin:0 auto 40px auto;}
	.new-related-album{width:48%; margin-left:1%; margin-right:1%;}
	.new-star-ratings{display:none !important;}
	.figure_wrap {  margin-left: 0;  margin-right: 0;}
	#wrapper{width: 100%;  padding-right: 0px;  padding-left: 0px; margin-top:0px;}
	
	.album-cover { display: block; clear: both;  left: auto;  right: auto;  margin: 0 auto 42px auto;  position: relative;   top: 10px;}
	.album-social-share{color:#fff;}
	.album-header::after,.album-header{height:100%;}
	.album-share-row{width: 100%;  margin-left: 0px; padding-right: 0px;  padding-top: 0px;  z-index: 1;  text-align: center; display: block; clear: both;   position: relative;  padding-bottom: 10px;}
	.album-details{width: 86%;padding-left: 0px;  margin: 0px auto;  padding-right: 0px;  padding-top: 46px;   height: auto;}
	.album-artist-detail{text-align:center;}
	.artist-round{ display: block;  text-align: center;  margin: 0 auto;}
	.new-album-container{margin-top:10px;}
	.new-album-option > div.dropdown{display:none;}
	.new-album-option-title{display:none !important;}
	.album-cover > .follow-count, .album-cover > .follow-count > span{color:#FFF !important;}
	.album-name{text-align:center;}
	.fo_column_box{margin:0 auto;}
	.alertmsg_container_div{left:auto; right:auto;}
	.new-album-details-title{padding:10px;}
	.player_playlist_leftdiv{display:none;}
	.player_playlist_rightdiv{padding-left: 0px;   margin: 0 auto;   text-align: center;}
	.raaga_playlists{height: auto;  width: 98%;   box-shadow: none;   float: none;   margin: 20px auto; display:block;}
	.raaga_playlists ul{margin-top:20px;}
	.raaga_playlists li{width:100% !important; padding:7px 0px;}
	.playlistheader_div{ width: 98% !important;   float: none;   margin: 0 auto;} 
	.track_name_playlist{width:auto !important;}
	.public_playlist_list_class{width:98%; margin:0 auto;}
	.plts_option1{width:48%;margin: 1%;}
	.publicpl_filter_genre_heading{display:none;}
	.publicpl_filter_div{border-bottom:0;}
	.plts_div_option{padding:10%;}
	.ct_align{display:block;}
	.sub_mit{display:block; margin:0 auto 20px auto;}
	.rg_lo_c{width: 100%; text-align:center; margin:0 auto; padding:0;}
	.dot_l{display:none;}
	.nam_sec{float: none;   display: block;   width: 100%;   text-align: center}
	.sign_up{margin-bottom:20px;}
	.wrap_browse{text-align:center !important;}
	.browse_box {width: 32%;}
	div.dropdown_trend{float: left !important; }
	.celeblist_div{top:0;}
	.browse_nav_menu_item ul{display: block;
    height: auto;
    margin: 20px auto;
    width: 100%;
    position: relative;
    clear: both;
    text-align: center;}
	
	ul.top_ten_list li{width:25%;}
ul.top_ten_list li:hover{width:25%;}
.top_tab_lt{width:100%; margin:0 auto;}
.top_song_details_wrap{width:100%;}
div.specials_albums_div ul li{width:25%;}
#browse_content_parent_div #browse_atoz_items{margin-top:70px;}
#trending_div_new div.dropdown_trend{width:auto!important;}
.publicpl_filter_sortby_div{width:96%; margin:0 auto;}
.non_stop_container{margin:0 auto;  padding: 0px;  width: 100%;}
#nonstopchannel_nav_menu_item{    width: 100%;  position: relative;  display: block; overflow: hidden; height: auto !Important;}
.browse_nav_menu_item ul li{float:none; display:inline-block; margin-top:10px;}
.browse_nav_menu_item ul li a.hover_active{background: #c71466;  color: #fff;  text-shadow: none; height:auto;}
.browse_nav_menu_item ul li a:hover{height:auto;}
#nonstopchannel_nav_menu_item.browse_nav_menu_item ul{display: block;
    height: auto;
    margin: 0 auto;
    text-align: center;}
.l_forgot{padding-left:0px;}
.login_fb_action_new{margin-right:0px;}
.fb_likes_dis{display:none;}
.bg_block{height:auto; padding:10px;}
.album_top_left{float: none;   margin: 20px auto !important;}
.art_option_1{width:100%; text-align:center;}
.h2_followers{    float: none;   display: inline-block;}
.arts_fll_count{float:none; display:inline-block;}
.foll_fllrs_div{float: none;  text-align: center;  margin: 0 auto;}
.art_sp_btsss a{display: inline-block;   float: none;}
#related_artist_column_special{float: none;   margin:10px auto;   display: block;  width: 100% !important;}
.related_artist_column h4{text-align:center;}
.related_artist_column ul li{display:inline-block; float:none;}
.related_artist_column ul{    margin: 0 auto;   display: block;   width: 100%;   text-align: center;}
.album_bottom_cont_left_menu{    width: 100%;   height: auto;   display: block;}
.album_bottom_cont_left_menu ul{float: none;   width: 100%;   text-align: center;   height: auto; margin:0 auto;}
.album_bottom_cont_left_menu ul li{float: none;   display: inline-block;}
.artist_sp_dtls{    margin-right: auto; margin-left:auto;}
.cc_btns{  display: block;    text-align: center;}
.cc_btns a{display: inline-block;   margin-bottom: 10px; float:none;}
.padd_ing {    padding: 0px 2%;    margin: 0 auto;    text-align: center;    width: 96%;    height: auto;}
.rec_img_box li a{display:block;}
.rec_img_box li a img{width:100%; height:auto;}
.rec_img_box{overflow: scroll;}
.rec_img_box li {   padding: 0px;   margin-right: 2%;  margin-bottom: 20px;   display: inline-block;  width: 29%;  float: none;  position: relative;}
.login_pmpt_box_left{display:none;}
.login_pmpt{width:100%; height:440px;}
.login_pmpt_box{padding:20px;}
.email_ic{top:13px;}
.key_ic {top:13px;}
.login_pmpt_box_right{width:100%; float:none; margin-left:0px;}
.social_fbgg a.social_links{width:100%; margin-bottom:10px;}
.log_sub{width:100%; margin-top:10px;}
.resett{display:inline-block; float:none;}
.reset_pwd_separator{float:none;}
.h4_title{text-align:center;}
.login_white{margin-left:auto;left: 0;}
.prompt_fav_div table,.prompt_fav_div table tr, .prompt_fav_div table tr td,{width:100% !important; display:block !important; margin:0 auto; text-align:center;}
.prompt_fav_table{width:100% !important; display:block !important;}
.prompt_fav_table td {  padding: 0;  width: 100%;   display: block;}
.fav_list_section ul {  list-style: none;  width: 100%;  height: auto;  display: block;  margin: 0 auto;   text-align: center;}
.fav_list_section ul li{width:100%; text-align:center;}
.myraaga_section_1{width:100%; margin:20px auto; text-align:center;}
.myraaga_section_2{width:100%; height:auto; margin:20px auto;}
.subnav_lu{display:block; text-align:center;  margin:20px auto;}
.subnav_lu li{float:none; margin:2px auto;   background: #fff;   border: 1px #f7f7f7 solid;}
.subnav_lu li a.active{border-bottom: 2px solid #ff1164;   background: #ff1164;   color: #fff;}
.subnav_lu li a:hover{ background: #ff1164;border-bottom: 2px solid #ff1164;color: #fff; text-decoration:none;}
.over_all_cdimages li{width:32%;}
.rg_title{text-align:center;}
.my_pr_changes_rnav{display: block;  text-align: center;  margin: 0 auto;}
.my_pr_changes_rnav li{float:none;display: inline-block;}
.form_raaga_profile{width:100%; margin:30px auto;}
.form_ct{width:100%;}
.form_ct_oprion{width:100%;}
.user_title_div{margin:0 auto;}
.myraaga_headwrap{  width: 100%;   height: auto;    background: url(http://dxi0htcskl9ob.cloudfront.net/images/my_raaga_headbg.jpg) no-repeat top center;   background-size: 100% 100%;
       display: block;   overflow: hidden;}
.default_box{    display: block;   overflow: hidden;   text-align: center;}
.myraaga_headwrap .default_img{float: none;   display: inline-block;   margin: 0 auto;}
.user_title_div{overflow: hidden;    margin: 0 auto;}
.wrap{text-align:center;}
.my_seperator .box{float:none;}
.r_splash_l{margin:20px auto; display: block;}
.header_menu_div_sr{width: 100%;   height: auto;   padding: 10px 0px 40px 0px; margin:0 auto;}
.banner_div_splash_h { width: 100%;  padding: 0px;  position: relative;  left: auto;  margin: 0 auto;}
.banner_div_splash {  width: 100%;   padding: 0px;   position: fixed;   left: auto;   margin: 0px auto;   top: 160px;   right: auto;}
.la_sec_men_list li{text-align:center;}
.la_sec_men_list{padding: 0px;  overflow: hidden;  margin: 10px auto;   text-align: center;   float: left;   width: 50%;}
.che_menu_tit{text-align:center;}
.splash_clang{display: block;   overflow: hidden;  margin: 0 auto; text-align: center;}
.banner_rsplash_left{float: none;   padding: 0px;   margin: 0 auto;   text-align: center;    display: block;}
.la_sec_men_list li a{font-size: 12pt/29px;}
.appstore_icon{display:block; text-align:center;}
.storeicon {    text-align: center;   display: inline-block;}
.banner_rsplash_divice{display:none;}
.tit_col{text-align:left;}
.clumn_sub{margin:20px auto;}
.column_subul{width:100%;text-align: left;}
.column_subul li{width:30%;padding:2%;}
.col_nametit{text-align:center;font: 12pt 'Open Sans', sans-serif; padding:2px;}
.clumn_dd{border:0;}
.column_ul{text-align:left;}
.column_ul li{    width: 30%;   display: inline-block;   padding: 2% !Important;}
.aimg{margin:0 auto; float:none;}
.aimg img{width:100%; height:100%;}
.user_det_column{margin-left:0px;}
#myraaga_recent_table .col_nametit{text-align:left;}
.profile_friendspl_recentlypl_class{width:96%; margin:20px auto;}
.search-result-title{font-size: 1.8em; text-align:center;}
.search-result-navigation{text-align:center;}
.search-result-navigation li a{font-size:12pt;}
.search-result-navigation li a span{    padding: 5px;    font-size: 8pt;}
.search-result-content ul li{width:24%;}
.search-result-content ul{text-align:left;}
.audio_cd_grid{width:22%;}
.sep_audio_div_inner {margin:0 auto; padding:0px;}
.left_imgcover{float:none; margin: 0 auto;}
.rtitl{float:none;}
.rtop_bar{text-align:center;}
.radio_overlay{height:600px;}
.right_cover_img{margin:0 auto; text-align:center;}
.rtitls{float:none; text-align:center; margin:10px auto;}
.comments_sec_radio{margin-top:306px;}
.til_cover_img_relatedartist{margin-top:20px;}
.rsrt_a a{color: #fff;   display: inline-block;   float: none;   font-weight: 100;   border: 1px solid #d8d8d8;}
.image_rcoverbox{padding:0;}
.static_text{font-weight:100;}
.text_audio_b{margin: 2%; width:96%;}
.audio_slide_b{height:200px;}
.vendor-sidbar{display:none;}
.vendor-maincontent{width:96%; margin-left:2%;margin-right:2%; border-right:0px; }
.rpc-episode-detail{padding: 2%;    background: #fff;    margin-bottom: 10px; width:96%; border: 1px #e3e3e3 solid;margin: 0 auto 10px auto;}
#related_vendors_column_special{    float: none;    margin-right: auto;}
.rpc-episode-storelink{display:none;}
.rpc_episode_thumb{width:280px;}
.rpc_socialbut{ margin-right: auto;   margin-left: auto;   width: 60%;    margin-bottom: 10px;}
.live_right_div_p{display:none;}
.lfet_div_live_c{margin:0 auto; width:100%; }
.rpc-maincontent{width: 98%; margin-right: 1%;margin-left: 1%; border-right:none; margin-top:20px;}
.rpc_thumb{margin-right: auto;   margin-left: auto;    text-align: center;    position: relative;    left: auto;    right: auto}
.rpc_header{height:auto;}
.rpc_thumb_title{text-align:center;    padding-bottom: 10px; margin-left:auto; margin-right:auto; padding-right:0px;}
.rpc-bottom-row {    margin-left: auto;    margin-right: auto;    text-align: center;    padding-bottom: 20px;}
.album-social-share{color:#fff;}
.rpc-maincontent-row{width:96%;}
.title_au_category{    font: 100 60px 'Open Sans', sans-serif;}
.showhide_albums{display:none;}
.alertmsg_div{left:50%; margin-left:-150px;}
#publicpldetails_new_album_details .image_wrap_big{ float: none; margin: 0 auto;}
.al_detail_title{margin:0 auto; text-align:center; display:block;}
.new_album_details{float:none; margin:0 auto; height:auto;}
#publicpldetails_new_album_details p{margin: 0 auto;   text-align: center;   float: none !Important;}
.embed_code{float: none;width: 100%; text-align:center;background: url(http://dxi0htcskl9ob.cloudfront.net/images/embed.png) no-repeat top; display:block; margin:0 auto;}
.details_count_container{width: 100%;    text-align: center;    margin: 0 auto;    float: none;    overflow: hidden;}
ul.details_count_ul li{    display: inline-block; float:none;}
.controls_but_classes{float:none;    margin: 10px auto;}
.cont_play_but_new_classess{display: inline-block; float:none; margin-bottom:10px;}
.new_album_controlls{height:auto;    float:none;}
.controls_but_classes{height:auto;}
.controls{height:auto; position:relative;}
.track_fblikes_div{display:none;}
.new_album_detailsss{padding:20px 0px;}
.tracklist_sort_options_div{display:none;}
.show_hide_bts{display:none;}
.tracklist_cbox_div{display:none;}
.newact_rect_table table tbody td:nth-child(1) {width:80px;}
.newact_rect_table table tbody td:nth-child(2) {display:none;}
.newact_rect_table table tbody td:nth-child(5) {display:none;}
.newact_rect_table table tbody td:nth-child(6) {display:none;}
.track_list_details_image{width:70px; text-align:left;}
.sd-content-wraper{width:98%;}
.sd-song-content{padding:0px 10px;    margin: 0 auto;}
.sd-nav-title{text-align:center;}
.user_det_coolumn a{text-align:left !important;}
.user_det_coolumn{width:40%;}

.download_app{width:100%; height:190px; display:block; background:url(../images/mobileapp-bg.jpg) #000 no-repeat top; background-size:cover; margin-bottom:20px;}
	
	.dp_title{font-family: "Open Sans",sans-serif;   font-size: 12pt; text-align: center; color:#FFF; font-weight:600; padding-top:20px;}
	.dp_subtitle{font-family: "Open Sans",sans-serif;   font-size: 12pt; text-align: center; color:#FFF; font-weight:100; margin:10px auto;}
	.dp_small{font-family: "Open Sans",sans-serif;   font-size: 9pt; text-align: center; color:#d1d1d1; font-weight:100; margin-bottom:10px;}
	
	.dp_btn{    display: block; margin: 10px auto;  text-align: center;}
	.dp_btn a {  font-size: 12pt; background:#fff;  color: #000;   padding: 10px 20px;    border-radius: 4px;    -o-border-radius: 4px;    display: inline-block;    text-decoration: none;    border: 1px #fff solid;}
	.dp_btn a:hover,.dp_btn a:active{color:#000; text-decoration:none;}
	.plylist_but{display:none;}
.header__site-nav-items-dropdown{left: 100px;}

.header__wrapper{position: relative; }
.album-playbutton{display:block;}
.store_badge {  width: 100%;  height: auto; margin: 10px auto;  text-align: center;  display: block;}
.store_badge a {  display: block;  text-decoration: none;}
.store_badge a img { max-width: 80%;   height: auto;   border: 0;}
.secondary-navbar{height: auto; display: block; overflow: hidden;}


}
@media screen and (max-width:640px) {
	#browse_atoz_items ul li{margin:10px;}
	.boxInner .titleBox{padding:4px;font-size: 11pt;}
		ul.top_ten_list li{width:33.3%;}
ul.top_ten_list li:hover{width:33.3%;}
ul.top_ten_list{margin-left:2%; width:98%;}
ul.top_ten_list li span{font-size:10pt;}
ul.top_ten_list li p{font-size:10pt;}
ul.top_ten_list li span:first-child{font-size:9pt;}
div.specials_albums_div ul li{width:33.3%;}
.rating_dv{display:none;}
#controls_but_class_trendingnow .cont_play_but_new_class{width:136px; margin-bottom:10px;}
.trendingnow_options_header{height:250px;}
.trendingnow_page_refreshbtn{display:none;}
.music_map_icon{display:none;}
.common_track{padding:10px;}
#playlistspage_tab_header{display:none;}
.cancel_container{width:96%; margin:0 auto;}
.over_all_cdimages li{width:48%;}
.headerlive{display:none;}
.column_subul li{width:46%;padding:2%;}
.col_nametit{text-align:center;font: 12pt 'Open Sans', sans-serif; padding:2px;}
.clumn_dd{border:0;}
.column_ul li{    width: 46%;   display: inline-block;   padding: 2% !Important;}
.plts_top_nav li{display:inline-block; padding:5px; text-align:center; float:none;}
.plts_top_nav{margin:0 auto; display:block;} 
.plts_tap{text-align:center; margin:20px auto;}
.audio_cd_grid{width:46%;}
.search-result-content ul li{width:50%;}
.search-result-navigation li {   display: inline-block;   width: 49%;   background: white;    margin: 2px 0px;    padding: 2px 0px;}
.search-result-navigation li a.active {  border-bottom: 0px #c71466 solid;   background: #c71466;   color: #fff;}
.song_rating{display:none;}
.track_fblikes_div{display:none;}
.newact_rect_table table thead{display:none;}
.search-result-songcontent .show_hide_bts{display:none;}
.search-result-songcontent .tracklist_sort_options_div{display:none;}
.header__menu-item--search {padding-right:162px !important;}
.lrdio_menu{display:none !important;}
.plylist_menu{display:none !important;}

.navlive_menu li{display:inline-block; float:none;}
.navlive_menu{display:block; text-align:center;}
.details_name_btn a{display:inline-block; float:none;}
.title_img_li span{    font: 100 normal 20px/30px 'Open Sans', sans-serif;}
.title_img_li a{font: 100 14px/30px 'Open Sans', sans-serif;}
.live_list{font: 100 24px/30px 'Open Sans', sans-serif;}
.rpc-storelink{display:none;}
.rpc-sidbar{display:none;}
.rpc-episode-thumb{width:100%; display:block;}
.rpc-epi-txt{    width: 100%;    display: block;}
.episode_program{margin-left:auto;}
.title_au_category{    font: 100 40px 'Open Sans', sans-serif;}
.edit-languages{position:relative; text-align:center; margin:20px auto; display:block;}
#all_albums_popular ul li{width:46%;}
.new-album-playbutton{ display: block !important;    width: 100%;   clear: both;  margin-bottom: 10px;  text-align: left;  margin-left: 20px;}
.adtoqueue-master{display:block !important; width:100%; clear:both;margin-bottom:10px;}
.adtoplaylist-master{display:block !Important; width:100%; clear:both;margin-bottom:10px;}
.feature_myplaylist{display:none;}


}

@media screen and (max-width:480px) {
	.browse_box {  width:48%;}
	.ctr_menu li a{    font-size: 10pt; padding: 5px 10px;}
	ul.top_ten_list li{width:50%;}
ul.top_ten_list li:hover{width:50%;}
div.specials_albums_div ul li{width:50%;}
.browseresult_index_album{float:none;}
.month_birth{width:100px;}
.new-profile-name{display:none;}
#browse_content_parent_div #browse_atoz_items{margin-top:110px;}
.header__menu-item .dropdown-menu{left: -120px;}
.mobileview-signup .dropdown-menu{min-width: 80px;left: -43px;}
.mobileview-signup.header__menu-item .dropdown-menu a{text-align:center;}
.mobileview-signup{display:block;}
.header__menu-item--text{display:none;}
.header__menu-item--but{display:none;}
.mobileview-signup{display:block;}
.header{padding: 0 5px !important;}
.left_top_l_left{float:none; margin:0px auto 20px auto; width:100%; height:auto;background-size: cover;}
.ttl_name{text-align:center;}
.details_name_lve{text-align:center;}
.details_name_btn{display:block; margin:10px auto; text-align:center;}
.text_live_area{width:100%;}
.onboarding-languages-box{width:94%;}
#Shows_lanugauge .modal-footer button{margin-bottom:2%;}
.header__menu-item--search {padding-right: 54px !important;}
.mobileview-signup a i{color:#fff !important;}
.newregional_languages{display:none;}
}

@media screen and (max-width:360px) {
	ul.top_ten_list li{width:100%;}
ul.top_ten_list li:hover{width:100%;}
div.specials_albums_div ul li{width:100%;}
.input_type{width:200px !important;}
.box { float: left;   position: relative;   width: 100%;   padding-bottom: 106%;}
.search-result-content ul li{width:96%;}
.audio_cd_grid{width:96%;}
.search-result-navigation li{width:98%;}
.header__logo-root-wrapper .hamburger{ margin-right: 5px;}
.header__site-nav-items{left: 78px;}
.header__menu-item--search {padding-right:68px !important;}
.header__menu-item--search  a i{font-size:20px !important;}
.header__site-nav-items-dropdown{  left: 78px;}

}

@media screen and (max-width:320px) {
	.header__site-nav-item p{font-size:10pt;}
	.header__site-nav-items .header__site-nav-item i{font-size: 19px;}
		.header__site-nav-items .header__site-nav-item i{display:none !Important;}
	.header__logo-root-wrapper img {max-height: 20px;   margin-top: 4px;}
	.header__site-nav-item p{margin:0 !important;}
	.header__logo-root-wrapper .hamburger i{font-size:20px !important;}
	.header__site-nav-item { min-width: 98px !important;}
	.header__logo-root-wrapper .hamburger{margin-right:0px;}
	.header__site-nav-items-dropdown{left:0;}
}


@media screen and (min-width:1600px) {
	.album-artist-detail{font-size:11pt;}
	.new-singers-name{font-size:10pt;}
	.artist-name{font-size:11pt;}
	.label_fcolumn ul li a{font-size:10pt;}
	.pp-hp li{width: 400px;}
    .pp-hp-album{height: 220px;}
    .block-title span{letter-spacing: 1px;}
}




/*overlay start*/
.overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.85);
  cursor: pointer;

  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.overlay .modal {
    cursor: auto;
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 500px;
    max-height: 300px;
    padding: 20px;
    background-color: rgb(255,255,255);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*margin-left: 10px;
    margin-right: 10px;*/
	display:block !important;
}

.overlay.shown {
  opacity: 1;
}

/*overlay end*/


/*overlay content start*/
.showmobilepop .modal:before{height:0px !important;}
.bgmodal-content{width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;}
.overlay_content {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
	font-family: 'Roboto', Arial, sans-serif;
}
.overlay_inner{display:table-cell; vertical-align:middle;}

.overlay-title {
    text-align: center;
    font-size: 14pt;
    color: #000;
    font-family: 'Roboto', Arial, sans-serif;
    display: block;
    font-weight: 400;
    margin-bottom: 20px;}
	
.overlay-button {
    display: block;
    margin-bottom: 20px;
    border-radius: 60px;
   
    font-size: 12pt;
    background: #ff2e82;
	border:1px #ff2e82 solid;
    color: #FFF;
    text-align: center;
    width: 70%;
    margin:0 auto 20px auto;
}

.overlay-button-line {
    display: block;
    margin-bottom: 20px;
    border-radius: 60px;
   
    font-size: 12pt;
    background: #fff;
	border:1px #ff2e82 solid;
    color: #ff2e82;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.overlay-button-line a{display:block; text-decoration:none; color: #ff2e82;  padding: 14px 20px;}

.overlay-button a{display:block; text-decoration:none; color: #fff; padding: 14px 20px;}

@media (max-width: 1440px){
#suggestions_elastic { max-width: 400px;}
}
@media (max-width: 1200px){
#suggestions_elastic {max-width: 300px;}
}