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

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.eot');
    src: url('../fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff'),
         url('../fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('../fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.eot');
    src: url('../fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff'),
         url('../fonts/poppins-semibold-webfont.ttf') format('truetype'),
         url('../fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.eot');
    src: url('../fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff'),
         url('../fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('../fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:after, *::before { box-sizing: border-box; }
*:focus {outline: none}
li {list-style: none;}
a:hover,a:focus {text-decoration: none;}
* {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p {margin:0;}
.container {width:1200px; max-width: 100%;}

body {font-family: 'poppinsregular';}

/*--------Header--------*/
header {float:left; width:100%; background: #830102; position: relative; z-index: 999;height:108px;}
/*header .logo img {width:150px;}*/
header .logo img {width:150px;}
header .header-menu {float:left; width:100%;}
header .header-menu .navbar-collapse.collapse {float:right;}
header .header-menu .navbar-default {margin-bottom: 0; background-color:transparent;  border-color:transparent; border:none; padding:0px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
header .header-menu ul.nav.navbar-nav {margin: 0 0 0 90px;}
header .header-menu .navbar-default .navbar-nav li {padding:0px 0px; text-align: center; margin-right: 20px;}
header .header-menu .navbar-default .navbar-nav li:last-child {margin-left: 35px;}
header .header-menu .navbar-default .navbar-nav li a {font-size:16px; line-height:80px; color:#FFFFFF; text-transform:uppercase; font-family: 'poppinsregular'; padding:0; width: 130px}
header .header-menu .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color:#FFFFFF;}
header .header-menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:url(../images/arrow.png) no-repeat center 24%; transform: skew(12deg);  color:#FFFFFF; }
header .header-menu .navbar-default .navbar-nav li.nav-item.active, header .header-menu .navbar-default .navbar-nav li.nav-item:hover {background:#6c0102; transform: skew(-15deg);  color:#FFFFFF;}
nav.top-nav-collapse {background:#000000 !important; padding: 10px 20px 0 !important; transform: scale3d(1, 1, 1); }

/*background: #b60404*/
header li input {background: white url(../images/search-icn.png) no-repeat 20px center; border-radius:50px; font-size: 16px; border:none; width: 400px; height: 43px; padding: 0 0 0 50px; margin:16px 0 0 0; color: #680001;}
header li input::placeholder {font-size: 16px; color: #680001;}
.mobileview {display: none !important;}
.desktopview {display: block !important;}

header .header-menu .navbar-default .navbar-nav li .sub-menu { display: none; position: absolute;background:#6c0102; height: auto; transform: skew(14deg); width: 200px; padding: 0px 0; top: 80px; left:-20px}
header .header-menu .navbar-default .navbar-nav li .sub-menu li a {font-size: 12px; line-height:30px; }
header .header-menu .navbar-default .navbar-nav li .sub-menu li:last-child {margin-left: 0;}

header .header-menu .navbar-default .navbar-nav.side-menu li .sub-menu { display: none; position: absolute;background:#6c0102; height: 100px; transform: skew(0deg); width: 102px; padding: 10px 0; top:75px; left: 0;}
/*--------/Header--------*/

section {float:left; width: 100%;}
.banner { background: #FFFFFF url(../images/banner-img.jpg) no-repeat center bottom; text-align: center; color: #000000; padding:130px 0 85px; text-transform: uppercase; font-family: 'poppinssemibold'; background-size: cover; }
.banner h1 { font-size: 34px; letter-spacing: 1px; line-height: 35px;}
.banner span{background: #000000; display: inline-block; width:147px; height:1px; z-index: 400; }

.heading {float: left; width: 100%; padding:20px 0;}
.heading h2{color: #6c0102; font-size: 26px; text-transform: uppercase; float: left; font-family: 'poppinssemibold';}
.heading span a{color: #6c0102; line-height: 28px; font-size: 14px; text-transform: uppercase; float: right; font-family: 'poppinssemibold';}
.heading span a:hover{color: #6c0102;}

.music-outer .col-md-3 {overflow: hidden;}
.music-outer .col-md-3 img.thumb-img {width: 100%; max-height: 100%; max-width: 100%; width:270px; height:270px}

button.slick-prev.slick-arrow {font-size: 0; border: none; width: 15px; height: 15px;top: 47%; position: absolute;    transform: translateY(-100%); left: -2%;  background: #FFFFFF url(../images/down-arrow.png) no-repeat center center;
    -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);-o-transform: rotate(90deg); transform: rotate(90deg);}

button.slick-next.slick-arrow{font-size: 0; border: none; width: 15px; height: 15px; top: 47%; position: absolute;
    transform: translateY(-100%); right: -2%; background: #FFFFFF url(../images/down-arrow.png) no-repeat center center;
    -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg); transform: rotate(-90deg);}

ul.slick-dots {text-align: center; height: 0px; margin-bottom: 0; margin-top: -20px;}
ul.slick-dots li {display: inline-block; font-size: 0; margin: 0 5px;}
ul.slick-dots li button {border-radius: 50px; width: 5px; height: 5px; border: none; background: #cccccc;}
ul.slick-dots li.slick-active button {background: #df0002;}
#videoModal iframe {max-width: 100%;width: 100%;}

section.pagination-outer {padding: 20px 0 5px;}
.pagination {float: left;width: 100%;}
.pagination ul li{display: inline-block;float: left; padding: 0 8px;}
.pagination ul li img { margin: -8px 0 0;}
.pagination ul li a {font-size: 18px; line-height:20px; color: #c18081; font-family: 'poppinsmedium';}
.pagination ul li.active a {font-size:30px; color: #830102; }

.thumb-video{cursor: pointer; transition: all 0.3s ease-in-out; position: relative;}
.thumb-video img{width: 100%;}
.showcase-overlay {background-color: rgba(131, 1, 2, 0.4); top:-100%; position: absolute; left: 0; width: 100%;
    height: 100%; -webkit-animation: bottomtop 1s;
    -webkit-animation-fill-mode: forwards; animation: bottomtop 1s; animation-fill-mode: forwards;}
.thumb-video:hover .showcase-overlay {top: 0; -webkit-animation: mymove 1s;
    -webkit-animation-fill-mode: forwards; animation: mymove 1s; animation-fill-mode: forwards;}
.showcase-icons {float: left;  width: 100%; text-align: center; top: 50%; position: absolute; transform: translateY(-50%);}
.showcase-icons img{display: inherit; width: 61px;}
.showcase-info { float: left;  width: 100%; margin: 0px 0 0 15px; position: absolute; bottom: 15px; left: 15px;}
.showcase-info h3 {font-size: 22px; margin-bottom: 0; font-family: 'poppinssemibold'; color: #FFFFFF; text-transform: uppercase;}
.showcase-info h5 {font-size: 12px; font-weight: 700; letter-spacing: 1px;  margin-top: 0; color: #FFFFFF;text-transform: uppercase;}
@-webkit-keyframes mymove {from {top:-100%;} to {top: 0px;}}
@keyframes mymove { from {top:-100%;} to {top: 0px;}}

@-webkit-keyframes bottomtop {from {top:0px;} to {top: -100%;}}
@keyframes bottomtop { from {top:0px;} to {top: -100%;}}

.modal-header{border-bottom: none;}
.v-space-15{height: 15px; width: 100%; display: inline-block;}

/*-----------Footer-------------*/
footer {float:left; width:100%; padding:43px 0 35px; background:#830102 url(../images/banner-ft.jpg) no-repeat center center; }
.social-icn {float:left; width:100%; text-align: center; padding-bottom: 13px;}
.social-icn ul {float:left; width:100%; padding:0; margin:0;}
.social-icn ul li {list-style:none; display:inline-block; margin-right:15px;}
.social-icn ul li a {color:#FFFFFF; font-size:22px; line-height:28px; text-decoration:none;}
.social-icn ul li a:hover i{color: #df0002;}
.copyright {float:left; width:100%;text-align:center;}
.copyright p {font-size:14px; line-height:28px; color:#FFFFFF; text-transform: uppercase; font-family: 'poppinsmedium';}
/*-----------/Footer------------*/


/*-------------------------------------Responsive Start--------------------------------------*/
@media(max-width:1024px){
.container {width:98%;}

header .header-menu ul.nav.navbar-nav {margin: 0;}
header .header-menu .navbar-default .navbar-nav li:last-child {margin-left: 150px;}
header li input {margin:19px 0 0 0;}
header li input {width: 300px;}
header .header-menu .navbar-default .navbar-nav li a {line-height:82px;}
header .header-menu .navbar-default .navbar-nav li .sub-menu {top: 81px;}
header .logo img {width: 160px;}

.banner {padding: 52px 0px 45px;}

.music-outer .col-md-3 {margin-bottom:25px;}
.music-outer .col-md-3:last-child {margin-bottom:0px;}
section.pagination-outer {padding: 10px 0 15px;}
.pagination {text-align: center;}
.pagination ul {display: inline-block;}
.pagination ul li {padding: 0 6.5px;}

}

@media(max-width:991px){
header li input {width: 100%; margin: 25px 0 0 0;}
header .header-menu .navbar-default .navbar-nav li {margin-right:0px;}
header .header-menu .navbar-default .navbar-nav li:last-child { margin-left: 20px;}
header li input {margin: 20px 0 0 0;}

.banner {padding: 40px 0px 18px;}
.banner h1 {font-size: 28px;}
}

@media(max-width:767px){
.container {width:98%;}
header {height:auto;}
.music-outer .col-md-3 img.thumb-img {width: 100%; max-height: 100%; max-width: 100%;}
.mobileview {display: block !important;}
.desktopview {display: none !important;}
header .header-menu .navbar-default {padding:0px 0px;}
header .header-menu .navbar-collapse {padding-top:0px; padding-left: 0;padding-right: 0;}
header .header-menu .navbar-collapse.collapse {float: right; width: 100%;}
nav.top-nav-collapse {padding:20px 10px 10px !important; transform: scale3d(1, 1, 1);}
.navbar.navbar-default.showing { padding-bottom: 0; height:100%;}
header .header-menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover  {border-bottom:none;}
header .header-menu .navbar-default .navbar-nav li {text-align:left;padding-left: 15px;}
header .header-menu .navbar-default .navbar-nav li a {font-size:20px; line-height: 55px; float: left; width: 100%; }
header .logo img {width:150px;}
header .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 400px;}

.navbar-toggle.collapsed img {display:none; visibility:hidden;}
.navbar-toggle.collapsed span {display:block; visibility:visible;}
.navbar-toggle span {display:none; visibility:hidden;}
.navbar-toggle img {display:block; visibility:visible; margin-top:-15px;}


header .header-menu .navbar-default .navbar-nav.side-menu li .sub-menu, header .header-menu .navbar-default .navbar-nav li .sub-menu {transform: skew(0deg);position: static;background: #6c0102;
    height: auto; width: 102px; padding: 0px 0 0; float: left; width: 100%;}

header .header-menu .navbar-default .navbar-nav li.nav-item.active, header .header-menu .navbar-default .navbar-nav li.nav-item:hover {transform: skew(0deg);}

.home_banner {min-height:500px;}
.home_banner .banner-content {top: 30%;}
.home_banner .banner-content h1 {font-size:26px; line-height:36px; margin-bottom: 40px;}
.banner-content > a {font-size: 12px; line-height: 24px; padding: 10px 45px;}
button.navbar-toggle {position: absolute !important; right:0px; padding:9px 0; top: 5px; border-color:transparent !important;}
.navbar-default .navbar-toggle .icon-bar {background-color: rgb(255, 255, 255);}
.navbar-toggle .icon-bar {height: 4px; width: 30px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:transparent;}
.navbar-collapse {border-top: medium none; box-shadow: none;}

header .header-menu ul.nav.navbar-nav {margin: 0;}
header .header-menu .navbar-default .navbar-nav li.active {transform: none; float: left; width: 100%;}
header .header-menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {transform: none;background: none}
header .header-menu .navbar-default .navbar-nav li:last-child { margin-left: 0;}
header li input {width: 100%; float: left; margin: 10px 0 15px;}


.banner {padding:42px 0 14px;}
.banner h1 { font-size: 22px; letter-spacing: 1px; line-height: 28px;}

.heading h2 {font-size: 20px;}
.heading span a {line-height: 24px; font-size: 12px;}

.heading {padding:20px 0;}
ul.slick-dots {margin-bottom: 30px; margin-top:-10px;}

.showcase-info h3 {font-size: 19px;}
.showcase-info h5 {font-size: 10px;}

section.pagination-outer {padding: 10px 0 5px;}
.pagination {margin: 20px 0 0;}

footer {padding:15px 0 10px;}
.social-icn {padding-bottom:8px;}
.social-icn {text-align: center; width: 100%; padding-bottom: 15px;}
.social-icn ul li {float:none;}
.social-icn ul li a {font-size: 24px; line-height: 28px;}
.footer-menu {text-align: center; width: 100%;  padding-bottom: 10px;}
.copyright {text-align: center; width: 100%;}
.copyright p {float:none; font-size:15px; line-height:25px;}
}
/*-------------------------------------/Responsive Start--------------------------------------*/