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

p {margin: 0;}

    
 iframe {max-width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/*a {white-space: pre-wrap; /* css-3 */}*/
a, .btn {transition: all 0.3s;}
a, div {word-wrap: break-word;      }
a:hover {text-decoration: none;}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

button:focus {outline:0;}

.no_padding_left {padding-left: 0;}
.no_padding_right {padding-right: 0;}
.no_padding {padding-left: 0; padding-right: 0;}

.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.float-right {float: right!important;}
.float-left {float: left!important;}

.ltr {direction:ltr;}

.ltr_page {direction:ltr; text-align: left;}


body {font-family: 'Arimo', sans-serif;}


header {background: #000; position: fixed;  top: 0; width: 100%; z-index: 9;}

.logo {width: 150px;}


 .navbar {padding: 0 0;}
 .nav-item {margin-right: 1px;}
 .nav-item a {color: #fff; font-size: 1.12rem; transition: all 0.3s;}
    .nav-item a.current {background: #d71721;}
    
    .nav-item a:hover, .current_page {background: #d71721 !important; }
    

@media (min-width: 768px) {
 .nav-link {padding: 2.2rem 1rem;}
 .navbar-expand-lg .navbar-nav .nav-link {padding-left: 1rem; padding-right: 1rem;}
}

.open_search {color: #fff; cursor:pointer;}

.header_bottom_lines .white {background: #fff; height: 15px; width: 33.333%;}
.header_bottom_lines .gray {background: #6c6c6c; height: 15px; width: 33.333%;}
.header_bottom_lines .red {background: #d71721; height: 15px; width: 33.333%;}


.search_container {position: fixed; width: 100%; left: 0; display: none; 
                          padding: 20px 0; background-color:rgba(0, 0, 0, 0.54);
                          z-index: 9;    
                         }

	.frm_search {margin: 0 auto; width: 300px; border: solid 1px #d71721; background: #000; position: relative;}
	  .frm_search .form-control {background: #000; border-radius: 0; width: 300px; color: #fff; border: none;}
	  
	   .search_icon {position: absolute; top: 6px; left: 5px; cursor:pointer;}
	  
	    .frm_search .form-control::-webkit-input-placeholder { color: #fff; }
		.frm_search .form-control:-moz-placeholder { color: #fff; }
		.frm_search .form-control::-moz-placeholder { color: #fff; }
		.frm_search .form-control:-ms-input-placeholder { color: #fff; }


/*** Hp ***/

.video_container_mobile {display: none;}

.video_container {width: 100%; max-height: 700px; overflow: hidden; position: relative; z-index: -100;}

   .hp_video {display: block; width: auto; min-width: 100%; height: auto;}


.our_artists {padding: 25px 0; background-image: linear-gradient(to bottom, #818181, #4a4a4a); min-height: 200px; color: #fff;}

.our_artists .title {font-size: 2.2rem; padding-bottom: 10px; border-bottom: 5px solid #fff; width: 210px; margin: 0 auto 40px;}

.our_artists .item {padding-left: 5px; padding-right: 5px;}

.our_artists .one_artist {margin-bottom: 35px; position: relative;}
    .our_artists a {color: #fff;}
      .our_artists a:hover {text-decoration: none;}
       .our_artists a:hover .image_container {display: block;}
       
       .our_artists a:hover .artist_image_div {       
            -webkit-mask-image: linear-gradient(to top, transparent 5%, black 40%, rgba(0, 0, 0, 0.6) 100%);
            /*mask-image: linear-gradient(to top, transparent 5%, black 40%);*/
       }
      
      
        .our_artists img {transition: all 0.3s;}
       .our_artists a:hover img {opacity: 0.6;}

  .our_artists .name {font-size: 1.7rem;}

 .image_container {border: 1px solid #fff; width: 95%; height: 77%; position: absolute; top: 5px; left: 5px; z-index: 2; display:none; transition: all 0.3s;}
  

.hp_main {padding: 55px 0; color: #4d4d4d;}

.hp_main_about_us {padding: 20px 20px; border: 1px solid #ddd; margin-bottom: 30px;}

   .hp_main_title {font-size: 1.25rem; color: #000; letter-spacing: 3px;}
   .hp_main_line {background: #000; height: 1px; width: 60px; margin: 10px 0 20px 0;}

   .hp_main_title_1 {color: #d71721; font-size: 2rem; line-height: 40px; font-weight: bold; padding-bottom: 5px;}

   .hp_main_read_more {display: inline-block; text-align: center; color: #000; border: 1px solid #000; padding: 6px 30px; margin: 20px 0 0 0;}
     .hp_main_read_more:hover {text-decoration: none; color: #000;}



  .news_container {min-height: 200px; background: #d8d8d8; padding: 20px;}
   .news_container .content {border: 1px solid #fff; padding: 10px;}

   .margin_auto {margin-right: auto; margin-left: auto; }

  .news_title {font-size: 1.25rem; color: #000; letter-spacing: 3px;}

   .marquee { overflow: hidden; height: 300px;}
    .news_one_item {margin-bottom: 25px; padding-bottom: 20px; color: #000; border-bottom: 1px solid #fff;}
      .news_one_item a {color: gray;}



  .hp_festival_title {color: #d71721; font-weight: bold; font-size: 1.25rem; margin-bottom: 30px;}


/*** Newsletter ***/

.newsletter_container {background: #000; color: #fff; padding: 50px 0 60px;}

   .newsletter_container .title {text-align: center; font-size: 1.3rem; letter-spacing: 3px;}
   .newsletter_container .line {margin: 10px auto 40px auto; height: 1px; background: #fff; width: 60px;}
   
   .newsletter_container .sub_title {margin: -20px 0 20px; font-size: 1.25rem;}
   

@media (min-width: 1200px) {
  .frm_newsletter {width: 90%; margin: 0 auto;}
}

.frm_newsletter  .form-control, .frm_festival  .form-control  {border-radius: 0; color: #000; border: none; text-align: center; background-clip: inherit; padding: .375rem 2rem;}

.frm_newsletter .btn_send, .frm_festival .btn_send {color: #fff; background: #d71721; padding-right: 80px; padding-left: 80px; border-radius: 0;}


/*** Hp contact ***/

.hp_contact {background: #4a4a4a; color: #fff; padding: 40px 0 30px 0;}

.hp_contact .title {font-size: 1.375rem; margin: 0 0 20px 0;}
   .hp_contact a {color: #fff;}
     .hp_contact a:hover {text-decoration: none;}

.hp_contact iframe {height: 300px; margin-top: 15px;}

.hp_contact .waze {margin: 10px 0;}

.hp_contact .contact_title {font-size: 1.25rem; text-align: center; letter-spacing: 3px;}
.hp_contact .contact_line {width: 60px; margin: 10px auto 30px auto; height: 1px; background: #fff;}

.frm_contact .form-control {border-radius: 3px; border-color: #fff; font-weight: bold; background: transparent; color: #fff; height: 50px;}
  .frm_contact textarea.form-control {height: 163px; resize: none;}


.frm_contact .form-control::-webkit-input-placeholder { color: #fff; }
.frm_contact .form-control:-moz-placeholder { color: #fff; }
.frm_contact  .form-control::-moz-placeholder { color: #fff; }
.frm_contact  .form-control:-ms-input-placeholder { color: #fff; }

.frm_contact .btn_send {color: #fff; background: #d71721; transition: all 0.3s; height: 40px;}
  .frm_contact .btn_send:hover {opacity: 0.8;}

.form-error {color: red; display: none;}


/*** Calendar ****/

.calendar_container {margin-left: 10px;}
.calendar_container .title {color: #000; font-size: 1.25rem; letter-spacing: 3px;}
.calendar_container .line {width: 60px; margin: 5px auto 10px auto; height: 1px; background: #d71721;}




/**** Regular page ***/

.regular_page {padding: 60px 0 90px 0;}

.regular_page .page_title {color: #000; font-size: 1.25rem; letter-spacing: 3px;}
.regular_page .line {width: 60px; /*margin: 5px auto 30px auto;*/ height: 1px; background: #4a4a4a; margin: 10px 0 20px 0;}

.regular_page .title {color: #d71721; font-size: 2rem; line-height: 40px; margin-bottom: 20px; font-weight: bold;}

.regular_page .page_content {color: #4a4a4a; line-height: 28px;}


/** festival_downloads  */

.festival_downloads {background: #fff; padding: 40px 0;}

.btn_download {color: #fff; letter-spacing: 2px; font-size: 1.2rem; background: #d71721; transition: all 0.3s; border-radius: 0; padding: .375rem 1.5rem;}
  .btn_download:hover {opacity: 0.8; color: #fff;}

 .festival_downloads i {margin-right: 25px;}

@media (min-width: 1200px) {
    .btn_download:first-child {margin-left: 30px;}
}

.festival_videos_container {background: #000;}

.owl-carousel .item {position: relative;;}

    .item .play_container {width: 100%; top: 35%; text-align: center; position: absolute;}
       .item .play_icon {font-size: 60px; color: #000; background-color: #fff; border-radius: 50%;}



/*** Shows page ***/

.shows_header {padding: 25px 0 25px 0; color: #fff; font-size: 2.1rem; 
                      background-image: linear-gradient(to bottom, #818181, #4a4a4a); 
                    }
 .show_header_line {width: 200px; height: 5px; background: #fff; margin: 0 auto; margin-top: 10px;}


.one_show_item {text-align: center; margin-bottom: 25px;}
   .one_show_item:hover img {opacity: 0.8;}
 
   .one_show_item img {transition: all 0.3s;}

   .one_show_item .name {color: #000; font-size: 1.87rem; font-weight: bold; padding: 5px 0;}

   .one_show_item .place {color: #fff; background: #d71721; padding: 5px 0; font-weight: bold;
														-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
														-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
														box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
														   }



.shows_back_link {color: #000; padding: 10px 50px; display: inline-block; border: 1px solid #000; margin-bottom: 30px;}
  .shows_back_link:hover {color: #000; opacity: 0.8; }



/*** Artist page ***/

.artist_details {padding: 30px 0;}

.artist_social_icon {color: #929292; font-size: 25px; transition: all 0.3s; margin-left: 10px;}
  .artist_social_icon:hover {opacity: 0.8;}

.artist_details .page_content {color: #4a4a4a; line-height: 28px;}

.artist_details .title {font-weight: bold; font-size: 1.9rem; margin-bottom: 30px;}

.artist_phone {color: #d71721; border: 1px solid #000; padding: 5px 25px; margin-top: 15px; display: inline-block; font-weight: bold;}
  .artist_phone:hover {color: #d71721;}


.artist_images, .artist_videos {padding: 25px 0;}

  .artist_images .title, .artist_videos .title {font-weight: bold; font-size: 1.9rem; padding-bottom: 15px;}

#baguetteBox-overlay {direction:ltr;}

.owl-nav {left: 15px; position: absolute; top: -35px; color: #d71721; font-size: 20px;}

.owl-prev {margin-left: 10px;}


.artist_shows {padding: 40px 0 70px;}

   .artist_shows .title {color: #000; font-size: 1.35rem; letter-spacing: 3px;}
   .artist_shows .line {width: 360px; height: 1px; border: solid 1px #d71721; background-color: #d71721; margin: 5px auto 20px auto;}

@media (min-width: 1200px) {
   .artist_shows_container {margin: 0 auto; width: 80%; padding-top: 10px;}
}

.artist_shows_header {background: #d8d8d8; color: #000; font-weight: bold; font-size: 1.125rem; letter-spacing: 4px;}
  .artist_shows_header .header_date {border-right: 10px solid #000;}
  .artist_shows_header .header_ticket {padding-right: 0; padding-left: 0;}
  .artist_shows_data .data_date {border-right: 10px solid #d71721;}
  .artist_shows_data .icon {color: #d71721;}
	 .artist_shows_data .icon:hover {opacity: 0.6;}

.artist_shows_data {background: #ebebeb; font-size: 1.125rem; border-bottom: solid 2px #d8d8d8; line-height: 40px;}


/*** Newsletter ***/

.artist_contact_form_container {background: #d8d8d8; color: #000; padding: 40px 0;}

   .artist_contact_form_container .title {text-align: center; color: #000; font-size: 1.3rem; letter-spacing: 3px;}
   .artist_contact_form_container .line {margin: 10px auto 40px auto; height: 1px; background: #000; width: 60px;}
      

@media (min-width: 1200px) {
  .frm_artist {width: 90%; margin: 0 auto;}
}

.frm_artist .form-control {border-radius: 0; color: #000; border: none; text-align: center; background-clip: inherit; padding: .375rem 2rem;}

.frm_artist .btn_send {color: #fff; background: #d71721; padding-right: 80px; padding-left: 80px; border-radius: 0;}



@media (min-width: 800px) {
  .waze {display:none;}
}



/*** Search ***/

.search_results a {color: #000;}





/*** Dubai 2021 ***/

.dubai2021 {padding-top: 60px;}

.dubai2021 a {text-decoration: underline; transition: all 0.3s;}
.dubai2021 a:hover {color: #FB185D;}

.dubai2021 .contact_title {font-size: 1.6rem; text-align: center; letter-spacing: 3px; color: #FB185D;}

.dubai2021 .movie {padding-top: 38px;}

.dubai2021 .movie .mobile {display: none;}

.frm_contact_dubai2021 .form-control {border-radius: 3px; border-color: #fff; font-weight: bold; background: transparent; color: #fff; height: 50px;}
  .frm_contact_dubai2021 textarea.form-control {height: 163px; resize: none;}


.frm_contact_dubai2021 .form-control::-webkit-input-placeholder { color: #fff; }
.frm_contact_dubai2021 .form-control:-moz-placeholder { color: #fff; }
.frm_contact_dubai2021  .form-control::-moz-placeholder { color: #fff; }
.frm_contact_dubai2021  .form-control:-ms-input-placeholder { color: #fff; }
.frm_contact_dubai2021  #terms {width: 15px; height: 15px;}

.frm_contact_dubai2021 .btn_send {color: #fff; background: #FB185D; transition: all 0.3s; height: 40px;}
  .frm_contact_dubai2021 .btn_send:hover {opacity: 0.8;}















/*** Footer ***/

footer {background: #000; padding: 15px 0 40px 0; color: #fff; border-bottom: 1px solid #4a4a4a;}
  footer a {color: #fff;}
   footer a:hover {color: #fff;}

 footer .address {border-right: 1px solid #fff; margin: auto; padding: 15px;}
 footer .email {border-right: 1px solid #fff; margin: auto; padding: 15px;}
 footer .icons {margin: auto;}

 footer a.social {display: inline-block; margin-left: 10px; font-size: 1.8rem;}

.credit {background: #000; padding: 10px; font-size: 0.8rem;}
  .credit a, credit a:hover {color: #818181;}
  












/*** Media Queries ***/

@media screen and (max-width: 1024px) {
	
	
}



@media screen and (max-width: 800px) {

	.video_container_mobile {display: block;}
	.video_container {display: none;}
	
	.hp_calendar_news_container {display:  block !important;}
	
	.news_container {margin: 15px 0;}
	
	.newsletter_container .btn_send {width: 100%;}
	
	.menu_icon {color: #fff; font-size: 25px;}
  	.menu_icon {font-size: 25px; color: #fff; position: absolute; top: 30px; left: 5px;}
	#close_menu {left: 8px;}
	
	.navbar { justify-content: left;}
	
	.frm_artist .btn_send {width: 100%;}
	
	.owl-nav {top: -70px;}
	
	.artist_shows_header {font-size: 0.8rem;}
	  .artist_shows_header div {padding-right: 0; padding-left: 0;}
	  
	.artist_shows_data {font-size: 0.8rem;}
	
	.festival_downloads .btn {font-size: 0.8rem;}

	.dubai2021 {padding-top: 20px;}

	.dubai2021 p {font-size: 1.1rem;}

	.dubai2021 .movie {padding-top: 0px; padding-bottom: 10px;}

	.dubai2021 .movie .mobile {display: block;}
	.dubai2021 .movie .computer {display: none;}

	.frm_contact_dubai2021  #terms {width: 25px; height: 25px;}
	
	
}


@media (max-width: 767px){
    .table-responsive {
      direction: ltr;
    }
    .table {direction: rtl !important;}	
}


@media screen and (max-width: 640px) {
	
	
}
    
    
@media screen and (max-width: 320px) {
	
	
}


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}
