@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,light,Semibold,bold,300,600,700,800);

@font-face {
  font-family: 'DINAlternate-Bold';
  src: url('fonts/dinalternate/bold/DINAlternate-Bold.eot?#iefix') format('embedded-opentype'),
	  url('fonts/dinalternate/bold/DINAlternate-Bold.woff') format('woff'),
	  url('fonts/dinalternate/bold/DINAlternate-Bold.ttf')  format('truetype'),
	  url('fonts/dinalternate/bold/DINAlternate-Bold.svg#DINAlternate-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINCondensed-Bold';
  src: url('fonts/dincondensed/bold/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'), 
	  url('fonts/dincondensed/bold/DINCondensed-Bold.woff') format('woff'),
	  url('fonts/dincondensed/bold/DINCondensed-Bold.ttf')  format('truetype'),
	  url('fonts/dincondensed/bold/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GreycliffCF-Regular';
  src: url('fonts/GreycliffCF/regular/GreycliffCF-Regular.eot?#iefix') format('embedded-opentype'),
	  url('fonts/GreycliffCF/regular/GreycliffCF-Regular.otf')  format('opentype'),
	  url('fonts/GreycliffCF/regular/GreycliffCF-Regular.woff') format('woff'),
	  url('fonts/GreycliffCF/regular/GreycliffCF-Regular.ttf')  format('truetype'),
	  url('fonts/GreycliffCF/regular/GreycliffCF-Regular.svg#GreycliffCF-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GreycliffCF-Bold';
  src: url('GreycliffCF-Bold.eot?#iefix') format('embedded-opentype'), 
	  url('fonts/GreycliffCF/bold/GreycliffCF-Bold.otf')  format('opentype'),
	  url('fonts/GreycliffCF/bold/GreycliffCF-Bold.woff') format('woff'),
	  url('fonts/GreycliffCF/bold/GreycliffCF-Bold.ttf')  format('truetype'),
	  url('fonts/GreycliffCF/bold/GreycliffCF-Bold.svg#GreycliffCF-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GreycliffCF-ExtraBold';
  src: url('fonts/GreycliffCF/extrabold/GreycliffCF-ExtraBold.eot?#iefix') format('embedded-opentype'),
	  url('fonts/GreycliffCF/extrabold/GreycliffCF-ExtraBold.otf')  format('opentype'),
	  url('fonts/GreycliffCF/extrabold/GreycliffCF-ExtraBold.woff') format('woff'),
	  url('fonts/GreycliffCF/extrabold/GreycliffCF-ExtraBold.ttf')  format('truetype'),
	  url('fonts/GreycliffCF/extrabold/GreycliffCF-ExtraBold.svg#GreycliffCF-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GreycliffCF-BoldOblique';
  src: url('fonts/GreycliffCF/boldoblique/GreycliffCF-BoldOblique.eot?#iefix') format('embedded-opentype'),
	  url('fonts/GreycliffCF/boldoblique/GreycliffCF-BoldOblique.otf')  format('opentype'),
	   url('fonts/GreycliffCF/boldoblique/GreycliffCF-BoldOblique.woff') format('woff'),
	  url('fonts/GreycliffCF/boldoblique/GreycliffCF-BoldOblique.ttf')  format('truetype'),
	  url('fonts/GreycliffCF/boldoblique/GreycliffCF-BoldOblique.svg#GreycliffCF-BoldOblique') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EightDaysAWeek';
  src: url('fonts/eightdaysaweek/regular/EightDaysAWeek.eot?#iefix') format('embedded-opentype'),
	  url('fonts/eightdaysaweek/regular/EightDaysAWeek.woff') format('woff'),
	  url('fonts/eightdaysaweek/regular/EightDaysAWeek.ttf')  format('truetype'),
	  url('fonts/eightdaysaweek/regular/EightDaysAWeek.svg#EightDaysAWeek') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{margin:0px; padding:0px; font-size:14px; color:#838383;  font-family: 'GreycliffCF-Regular'; }
h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#container{width:100%;}
.full_width{width:100%;}
.page_width{width:80%; text-align:left;}
.left{float:left;}
.right{float:right;}
.left_side{float:left;}
.right_side{float:right;}
.col{float:left;}
.clearfix{clear:both;}
a img{border:0px;}
img{max-width:100%;}
a{ text-decoration:none;}
.hide{ display:none;}

.wd_100{ width:100%;}
.wd_95{ width:95%;}
.wd_90{ width:90%;}
.wd_85{ width:85%;}
.wd_80{ width:80%;}
.wd_75{ width:75%;}
.wd_70{ width:70%;}
.wd_65{ width:65%;}
.wd_60{ width:60%;}
.wd_55{ width:55%;}
.wd_50{ width:50%;}
.wd_45{ width:45%;}
.wd_40{ width:40%;}
.wd_35{ width:35%;}
.wd_30{ width:30%;}
.wd_25{ width:25%;}
.wd_20{ width:20%;}
.wd_15{ width:15%;}
.wd_10{ width:10%;}

.txt_align_left{ text-align:left;}
.txt_align_center{ text-align:center;}
.txt_align_right{ text-align:right;}
.position_relative{ position:relative;}
p{ font-size:15px; color:#000; text-align:left; font-weight:400; line-height:150%; margin-bottom:10px;}
h1{ font-size:28px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h2{ font-size:22px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h3{ font-size:20px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
a{ color:#B70000;}

/*GERNERIC_AREA_START*/
.slick-prev, .slick-next{ display: none !important;}
.grncbtn{font-size: 1.5vw; padding:14px 20px; border-radius: 5px; color: #fff; text-align: center; line-height: 100%; min-width:230px; font-weight: bold;display: inline-block; background-color: #D2232A; cursor: pointer; border: 0px; }
.grncbtn:hover{background-color: #B01E25}
.grncbtn:focus{outline: none;}
.grncbtn.darkred{ background-color: #D2232A;}
.grncbtn.darkred:hover{background-color: #A91D24}
.overflowhidden{ overflow: hidden;}
.success_message {padding: 15px;margin-bottom: 20px; font-size: 1vw; border: 1px solid transparent;border-radius: 4px;color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6; text-align: left;}
.error_message {padding: 15px;margin-bottom: 20px; font-size: 1vw;border: 1px solid transparent;border-radius: 4px;color: #a94442;background-color: #f2dede;border-color: #ebccd1;  text-align: left;}
.error{ color: #fff !important;}

.grncform{ width: 100%;}
.grncform ul li{ list-style-type: none;margin-bottom: 15px;}
.grncform ul li .left{ width: 50%; float: left; padding-right: 10px;}
.grncform ul li .right{ width: 50%; float: right; padding-left: 10px;}
.grncinput{ width: 100%;font-size: 1vw; padding:15px; border-radius: 5px; letter-spacing: 0.1vw; font-weight: bold;color: #000; text-align: center;  font-family: 'GreycliffCF-Bold';  background-color: rgba(255,255,255,0.60);  border:1px solid #292526;;}
.grncinput:focus{ outline: none;}
.grncinput.grnctextarea{ height: 250px; resize: none; padding: 115px 15px;font-family: 'GreycliffCF-Bold'; }
.grncinput.grnctextarea:focus{ outline: none;}
.grncinput::-webkit-input-placeholder {color: #000; display: flex; align-items: center; justify-content: center;}
.grncinput:-ms-input-placeholder { color: #000;}
.grncinput::placeholder{color: #000; }

.play{ background-color: transparent; border: 0px; padding: 0px; cursor: pointer;font-family: 'DINAlternate-Bold';font-size: 1.4vw;line-height: 100%;letter-spacing: 0.1vw;color: #231F20;text-align: left;}
.play:focus{outline: none;}

.mrh_popup_product_1{background:rgba(0,0,0,.8);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:10000;}
.mrh_popup_product_1 > .inner_popup{width: 1150px; height: 1150px; box-shadow: 0px 0px 10px rgba(0,0,0,0.50); background-color: #fff; margin: auto; display:block !important;top:0px;vertical-align: middle;position: relative; padding: 60px 60px; }
.mrh_close_pd_1{cursor: pointer; font-family: 'DINAlternate-Bold';color:#000; position: absolute; top: 20px;right: 20px;font-size: 1.3vw;}
.mrh_trigger_pd_1{cursor: pointer}

.music_popup_product_1{background:rgba(0,0,0,.8);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:10000;}
.music_popup_product_1 > .inner_popup{width: 789px; height: 466px; box-shadow: 0px 0px 10px rgba(0,0,0,0.50); background-color: #fff; margin: auto; display:block !important;top:0%;bottom:0%;left:0%;right:0%; vertical-align: middle;position: absolute; padding: 60px 60px; }
.music_close_pd_1{cursor: pointer; font-family: 'DINAlternate-Bold';color:#000; position: absolute; top: 20px;right: 20px;font-size: 1.3vw;}
.music_trigger_pd_1{cursor: pointer}

.grnc_bd_line{ height: 2px; background: url(../images/bd_line.png) center 0px no-repeat; background-size: 100%;}
.line_bg_clr{background-color: #D2FDF3 !important;}

.grnc_hdg{ width: 100%; margin-bottom: 30px;}
.grnc_hdg h1{font-size: 3.5vw; font-family: 'GreycliffCF-ExtraBold';text-align: left;color: #000; margin-bottom: 0px;}
.grnc_overlay{ width: 100%; position: absolute; z-index: 99;}
.grnc_div_center{ display: flex; justify-content: center; align-items: center;}

.grncscrollbar::-webkit-scrollbar {width: 6px;}
.grncscrollbar::-webkit-scrollbar-track {background: #f1f1f1; }
.grncscrollbar::-webkit-scrollbar-thumb {background: #C12533; }
.grncscrollbar::-webkit-scrollbar-thumb:hover {background: #991E2B; }

/*GERNERIC_AREA_EDN*/

/*HEADER_AREA_START*/
.menu_icon{ display: none;}
#headersection{ width: 100%; position: relative;}
#headersection .headerbg img{ width: 100%; display: block;}
#logo{ width: 100%; height: 100%;display: flex; align-items: center; justify-content: center; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; margin: auto; background-color: transparent;} 
#logo .logotext{ font-size:7vw; padding: 0px 10px 0px 15px; font-family: 'EightDaysAWeek'; letter-spacing: 1vw; color: #fff; }
#logonav{ top: 0% !important;bottom: 0%;margin: auto;height: 32px;display: none;cursor: pointer;position: absolute;  left: 0px; -webkit-transition: all 0.3s;transition: all 0.3s;} 
#logonav a{font-size:2vw;font-family: 'GreycliffCF-Bold';letter-spacing: 0.1vw; color: #000;}
#navigationsection{ width: 100%;padding: 53px 0px 53px 0px;-webkit-transition: all 0.3s;transition: all 0.3s; position: fixed; background-color: transparent; z-index: 9999;}
#navigationsection .page_width{ position: relative;}
#navigationsection.navShadow{padding: 25px 0px 25px 0px; background-color: #fff; box-shadow: 0px 3px 3px rgba(0,0,0,0.10); -webkit-transition: all 0.3s;transition: all 0.3s; }
#navigationsection ul{ text-align: right; padding-left: 170px;}
#navigationsection ul li{font-size: 1.2vw; padding: 0px 10px 0px 15px; letter-spacing: 0.2vw; color: #fff; list-style-type: none; line-height: 100%;font-family: 'GreycliffCF-Regular';border-left: 2px solid #fff;display:inline-flex; }
#navigationsection ul li:first-child{ border-left: 0px;}
#navigationsection ul li a{ color: #fff; -webkit-transition: all 0.3s;transition: all 0.3s;}
#navigationsection ul li a:hover{color: #D2232A;}
#navigationsection.navShadow ul li{font-size: 1vw; border-left: 2px solid #000;}
#navigationsection.navShadow ul li:first-child{ border-left: 0px;}
#navigationsection.navShadow ul li a{ color: #000; }
/*HEADER_AREA_END*/

/*CONTENT_AREA_START*/
#contentsection{ width: 100%;}

.about_section{ width: 100%; position: relative;}
.about_section .page_width{ margin: auto; height: 100%; padding: 30px 0px; }
.about_section.grnc_div_center{ justify-content:flex-start; }
.about_section .grnc_overlay{height: 100%;  }
.about_section .aboutimage{ width: 45%;}
.about_section .aboutimage img{ width: 100%; display: block;}
.about_section .aboutdetail{ width: 100%;height: 100%; overflow-y: auto; padding-left: 52%;}
.about_section .aboutdetail p{ font-size:0.9vw; line-height: 190%; letter-spacing: 0.05vw;  color: #000;margin-bottom: 30px; text-align: left;}
.about_section .aboutdetail .aboutlogo{ width: 100%; }
.about_section .aboutdetail .aboutlogo ul { width: 100%; display: table;margin:30px 0px;}
.about_section .aboutdetail .aboutlogo ul li{ list-style-type: none; display:table-cell; padding: 0px 15px; text-align: center;}
.about_section .aboutdetail .aboutftr{ font-size: 1.1vw; line-height:100%; letter-spacing: 0.2vw; font-family: 'GreycliffCF-ExtraBold'; color: #000; text-align: center;}

.bobharophoto_section{ width: 100%; position: relative;}
.bobharophoto_section p{font-size:0.7vw; line-height:100%;font-family: 'DINAlternate-Bold'; margin-bottom: 0px; letter-spacing: 0.2vw;color: #fff;}
.bobharophoto_section .bobharophoto_image{ width: 100%;}
.bobharophoto_section .bobharophoto_image img{ width: 100%; display: block;}
.bobharophoto_section .grnc_overlay{ bottom: 6%;} 

.music_section{ width: 100%; text-align: left; position: relative;}
.music_section .page_width{ margin: auto; height: 100%; padding: 30px 0px;}
.music_section .musicimage{ width: 45%;}
.music_section .musicimage img{ width: 100%; display: block;}
.music_section.grnc_div_center{ justify-content:flex-start;}
.music_section .grnc_overlay{ height: 100%; }
.music_section .musiccontent{ width: 100%; height: 100%; overflow-y: auto; text-align: right;}
.music_section .musiccontent p{ font-size:0.9vw; line-height: 190%; letter-spacing: 0.05vw;  color: #000;margin-bottom: 20px; text-align: left;}
.music_section .musiccontent .musicwd_Stn{padding-left: 52%; padding-right: 10px;}
.music_section .musiccontent .musicalbum_stn{ width: 100%;padding-left: 30%;}
.music_section .musiccontent .musicalbum_stn .ms_col{ width: 25%; padding: 10px 10px;  float: left;}
.music_section .musiccontent .musicalbum_stn .ms_col .ms_item{ width: 100%; position: relative;}
.music_section .musiccontent .musicalbum_stn .ms_col .ms_item::after{ width: 100%; height:100%; display: none;background-color: rgba(11,161,233,0.80); content: ''; position: absolute; top: 0px; left: 0px; }
.music_section .musiccontent .musicalbum_stn .ms_col .ms_item:hover::after{ display: block; }
.music_section .musiccontent .musicalbum_stn .ms_col .ms_item img{ width: 100%; box-shadow: 3px 3px 5px rgba(0,0,0,0.40); display: block;overflow: hidden;}
.music_section .musiccontent .mslogo{ width: 100%; }
.music_section .musiccontent .mslogo ul { width: 100%; margin-top:30px;}
.music_section .musiccontent .mslogo ul li{ list-style-type: none; display: inline-flex; padding-left: 35px;}
.music_section .musiccontent .mslogo ul li:first-child{padding-left: 0px;}
.music_section .musiccontent .msftr{ font-size: 0.8vw; line-height:100%; margin-top: 20px; letter-spacing: 0.1vw; color: #000; text-align: right;}

.Main_music_popup_section{ width: 100%;}
.Main_music_popup_section .music_pup_stn{ width: 100%; display: flex; align-items: center;}
.Main_music_popup_section .music_pup_stn .left_side{ width: 50%; float: left;}
.Main_music_popup_section .music_pup_stn .left_side .ms_image img{ display: block;}
.Main_music_popup_section .music_pup_stn .right_side{ width: 50%; float: left;}
.Main_music_popup_section .music_pup_stn .mu_detail{padding-left: 80px;}
.Main_music_popup_section .music_pup_stn .mu_detail .ms_playlist{ width: 100%; }
.Main_music_popup_section .music_pup_stn .mu_detail .ms_playlist ul li{ list-style-type: none; font-family: 'DINAlternate-Bold'; margin-bottom: 30px; font-size: 1.4vw; line-height:100%; letter-spacing: 0.1vw; color: #231F20; text-align: left;}
.Main_music_popup_section .music_pup_stn .mu_detail .ms_playlist ul li a{color: #231F20;}
.Main_music_popup_section .music_pup_stn .mu_detail .ms_playlist ul li a:focus{ outline: none;}
.Main_music_popup_section .music_pup_stn .mu_detail .ms_logo{ width: 100%; }
.Main_music_popup_section .music_pup_stn .mu_detail .ms_logo ul { width: 100%; display: table;margin-top:30px;}
.Main_music_popup_section .music_pup_stn .mu_detail .ms_logo ul li{ list-style-type: none; display: table-cell; padding-left: 25px;}
.Main_music_popup_section .music_pup_stn .mu_detail .ms_logo ul li:first-child{padding-left: 0px;}
.Main_music_popup_section .music_pup_stn .mu_detail .ms_ftr{ font-size: 0.8vw; font-family: 'DINAlternate-Bold'; line-height:100%; margin-top: 20px; letter-spacing: 0.1vw; color: #000; text-align: left;}
.track_name{text-transform: uppercase;}


.photogallery_section{ width: 100%; position: relative;}
.photogallery_section .photogalleryimage{ width: 100%;}
.photogallery_section .photogalleryimage img{ width: 100%; display: block;}
.photogallery_section .pht_col{ width: 33.333%; padding: 10px 10px;  float: left;}
.photogallery_section .pht_col .pht_item{ width: 100%; margin-bottom: 20px;}
.photogallery_section .pht_col .pht_item img{ width: 100%;display: block;overflow: hidden;}
.photogallery_section .phtftr{ font-size:0.7vw; text-align: right;line-height:100%;font-family: 'DINAlternate-Bold'; margin-bottom: 0px; letter-spacing: 0.2vw;color: #fff; padding-right: 10px;}

.merch_section{ width: 100%; text-align: left; position: relative;}
.merch_section.music_section .musiccontent .musicalbum_stn{ width: 100%;padding-left: 0%;}
.merch_section.music_section .musiccontent .musicalbum_stn .ms_col .ms_item img{box-shadow: none;}

.pd_slider{ /*width: 76%; */ width: 100%; margin: auto;}
.pd_slider .slick-slide img{ margin: auto; max-width: 100% !important;}
.pd_slider .slick-prev, .pd_slider .slick-next{ display: block !important;}
.pd_slider .slick-next{ width: 27px; height:40px; background:url(../images/right_arrow.png) center center no-repeat; background-size: 27px; right: -30px;}
.pd_slider .slick-prev{ width: 27px; height:40px; background: url(../images/left_arrow.png) center center no-repeat; background-size: 27px; left: -30px; z-index: 99;}
.pd_slider .slick-next:before{ content:inherit; display: none;}
.pd_slider .slick-prev:before{ content:inherit; display: none;}
.pd_slider .slick-next:hover, .pd_slider .slick-next:focus{ width: 27px; height:40px; background: url(../images/right_arrow.png) center center no-repeat; background-size: 27px; right: -30px;}
.pd_slider .slick-prev:hover, .pd_slider .slick-prev:focus{  width: 27px; height:40px; background: url(../images/left_arrow.png) center center no-repeat; background-size: 27px;  left: -30px; z-index: 99;}
.pd_slider .pd_mrh_price_stn{ width: 170px; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,0.80); padding: 15px; height: 170px; position: absolute; bottom: 30%; right: 30px;}
.pd_slider .pd_mrh_price_stn .prc_title{ font-size: 0.8vw; height: 42px; line-height:135%; font-family: 'GreycliffCF-Bold'; color: #000; text-align: center;}
.pd_slider .pd_mrh_price_stn .grncbtn{min-width: inherit; width: 120px; margin-top: 10px;}

.contact_section{ width: 100%; position: relative;}
.contact_section .contactbg{ width: 100%;}
.contact_section .contactbg img{ width: 100%; display: block;}
.contact_section .infocontent{ width: 50%; }
.contact_section .infocontent p{ font-size: 0.9vw; line-height: 190%; font-family: 'GreycliffCF-Regular';  color: #000; margin-bottom:20px; text-align: left;}
.contact_section .infocontent p a{ color: #000;}
.contact_section .social_stn{ width: 100%; margin-top: 40px;}
.contact_section .social_stn ul { display: flex; justify-content: center; }
.contact_section .social_stn ul li{ list-style-type: none;padding: 0px 25px;}
.contact_section .social_stn ul li .iconcrl{ width: 40px; height: 40px;  -webkit-transition: all 0.3s;transition: all 0.3s; font-size: 20px; color: #fff; line-height: 36px; text-align: center;background-color:#000000;  border: 1px solid #242424; border-radius: 40px}
.contact_section .social_stn ul li .iconcrl:hover{ background-color: rgba(0,0,0,0.70);}
/*CONTENT_AREA_END*/

/*FOOTER_AREA_START*/
#footersection{ width: 100%; padding: 30px 0px; background-color: #000000;}
#footersection p{ font-size: 1.3vw; letter-spacing: 0.6vw; font-family: 'DINAlternate-Bold'; color: #fff; margin-bottom: 15px; text-align: center;}
#footersection p:last-child{margin-bottom: 0px;}
#footersection p span{font-size:0.9vw;letter-spacing: 0.3vw; color: #fff;font-family: 'GreycliffCF-Regular'; padding: 0px 5px; display: inline-block; vertical-align: middle;}
#footersection p span img{ display: block;}
/*FOOTER_AREA_END*/