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

@font-face {
    font-family: 'Lato-BoldItalic';
    src: url('../fonts/Lato-BoldItalicd41d.eot?#iefix') format('embedded-opentype'),
url('../fonts/Lato-BoldItalic.woff') format('woff'), 
url('../fonts/Lato-BoldItalic.ttf') format('truetype'),
url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
}

#registration {
color:#FF0000;
}

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

body { margin: 0; padding: 0; font-family: 'Lato-Regular', sans-serif; font-size: 14px; background-color: #010109; position: relative;font-weight: 400;}
header {background-color: #0c0c13;}
header nav ul {padding: 0;margin: 0;text-align: center;padding-top: 5px;padding-bottom: 5px;}
header nav ul li {display: inline-block;vertical-align: middle;margin-right: 28px;}
header nav ul li:last-child {margin-right: 0;}
header nav ul li a {display: block;color: #fff;width: 122px;height: 110px;position: relative;padding-top: 53px;vertical-align: middle;border-radius: 50%; margin: 0 auto;
    font-size: 14px;padding-left: 5px;padding-right: 5px;}
header nav ul li a:hover { background-color: #14141d; text-decoration: none; color: #fff; }
header nav ul li i.fa {position: absolute;top: 20px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 30px;}

section.home-content {padding: 50px 0 40px 0; text-align: center;background-image: url('../images/site-bg.jpg');background-repeat: no-repeat; background-position: center top;
    background-size: cover; background-attachment: fixed;}
.home-content h1 { color: #B10C0A; font-size: 44px; font-weight: 400; text-transform: uppercase; }
.home-content h1 span { font-size: 67px; font-weight: 700; }
.slider {padding-top: 30px; padding-bottom: 20px;}
.carousel-item .grid-box {max-width: 560px;margin: 0 auto;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-image: url('../images/slider-arrows.png'); width: 21px; height: 34px;background-size: unset;}
.carousel-control-next-icon { background-position: top right; }
.carousel-control-prev-icon { background-position: top left; }
.home-content .about-us { max-width: 615px; margin: 0 auto; color: #e8e8e8; font-size: 15px; font-family: arial, sans-serif; text-shadow: 0 2px 2px #575757;}
.home-content .store-link {padding-top: 20px;padding-bottom: 5px;}
.home-content .store-link a { color: #fff; font-size: 30px; font-family: 'Lato-Bold', sans-serif; font-weight: 700; text-transform: uppercase; }
.audioPlayer {width: 60%;margin: 0 auto;background-color: rgba(0,0,0,0.45);}
.audioinfo {padding: 10px;}
#audioImg, .audioImg {float: left;width: 100px;height: 100px;overflow: hidden;}
#audioTitle, .audioTitle {float: left;padding: 2px 10px;width: 81%;text-align: left;}
#audioTitle h1, .internal .audioTitle h1 {font-size: 18px;text-transform: capitalize;color: #fff; margin-bottom: 5px; text-align: left;}
#audioImg img, .audioImg img {max-width: 100%;}
.audiojs {width: 100%;height: 40px;border: 1px solid #fff;padding: 5px 0;}
.audiojs .play-pause {width: 25px;height: 27px;padding: 0;margin: 0px;float: left;overflow: hidden;border-right: 1px solid #fff;}
.audiojs p {display: none;width: 25px;height: 27px;margin: 0px;cursor: pointer;}
.audiojs .play {display: block;}
.playing .pause {display: block;}
.loading .loading {display: block;}
.playing .play, .playing .loading, .playing .error {display: none;}
.audiojs .play {background: url("../images/player-graphics.gif") -2px -1px no-repeat;}
.audiojs .pause {background: url("../images/player-graphics.gif") -2px -91px no-repeat;}
.audiojs .loading {background: url("../images/player-graphics.gif") -2px -31px no-repeat;}
.audiojs .error {background: url("../images/player-graphics.gif") -2px -61px no-repeat;}
.audiojs .scrubber {position: relative;float: left; width: 70%;background: #5a5a5a;height: 13px;margin: 7px;border-top: 1px solid #3f3f3f;overflow: hidden;}
.scrubber .progress {height: 13px;border-radius: 0px; width: 0px;}
.audiojs .time {float: left;height: 27px;line-height: 27px;margin: 0px;padding: 0px 0px 0px 5px;border-left: 1px solid #fff;color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); font-size: 12px;}
#audioTitle .error-message, .audioTitle .error-message {float: left;margin-top: 12px;}
.playlist {padding-left: 0px;margin-bottom: 0;list-style: decimal-leading-zero inside;color: #ccc;border-top: 1px solid #ccc; display: none;}
ol.playlist li {position: relative; margin: 0px;padding: 9px 2px 10px 15px;border-bottom: 1px solid #ccc;cursor: pointer;}
li.playing::before {content: '♬';width: 14px;height: 14px;padding: 3px;line-height: 14px;margin: 0px;position: absolute;left: -3px;top: 9px;color: #000;font-size: 13px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}
.audioplaylist {text-align: right;color: #fff;font-size: 14px;padding-top: 5px;}
.btn-playlist {display: inline-block;background-color: transparent;border: 0px;color: #fff;cursor: pointer;}
ol.playlist li a {color: #fff;}
ol.playlist li.playing a, ol.playlist li:hover a {color: #333;text-decoration: none;}
.btn-default { color: #fff; font-size: 30px; font-family: 'Lato-Bold', sans-serif; font-weight: 700; text-transform: uppercase; border: 1px solid #fff;
    padding: 11px 32px;margin-bottom: 10px; display: inline-block;}
.moblie-nav { display: none; }
.desktop-nav { display: block; }
.carousel-control-next, .carousel-control-prev {display: block; width: 21px; height: 34px;top: 50%; -webkit-transform: translateY(-50%);    transform: translateY(-50%);}
.carousel-control-prev {left: 15%;}
.carousel-control-next {right: 15%;}

/*********** Internal ***********/
.internal { background-image: url('../images/internal-bg.jpg'); background-position: top center; background-repeat: repeat; color: #fff;}
.internal header, .moblie-nav header { background-color: #0b0a12; position: relative; padding-top: 25px;padding-bottom: 30px;}
.logo a {font-size: 24px;color: #fff;font-style: italic; line-height: 26px;}
.logo a:hover { text-decoration: none; color: #B10C0A; }
.internal h1 { /*color: #fff;*/ font-size: 48px; text-align: center; margin-bottom: 30px;}
.internal-container {padding-top: 50px;padding-bottom: 40px;}
.internal-container a, .internal footer a { color: #014c8c; }
.internal-container a:hover, .internal footer a:hover { color: #B10C0A; text-decoration: none; }
.btn-default {display: inline-block;background-color: transparent;font-size: 18px;text-transform: capitalize;border-radius: 0;padding: 5px 90px;
    font-family: 'Lato-BoldItalic'; cursor: pointer;}
.btn-default:hover, a.btn-default:hover { border-color: #B10C0A; color: #B10C0A; text-decoration: none; }
.form-control::-webkit-input-placeholder {color: #9b9a9a; font-size: 16px;}
.form-control:-ms-input-placeholder {color: #9b9a9a; font-size: 16px;}
.form-control::placeholder {color: #9b9a9a; font-size: 16px;}
.form-control { border-radius: 2px;border: 1px solid #898989;-webkit-box-shadow: inset 2px 3px 5px 0px rgba(83,83,83,0.37);box-shadow: inset 2px 3px 5px 0px rgba(83,83,83,0.37); }
.internal footer .section-one { background-color: #0b0a12; padding-top: 70px;padding-bottom: 30px;}
.internal footer .section-one h2 { color: #fff; font-size: 24px; margin-bottom: 30px; }
.internal footer .section-one p { color: #c0c0c0; font-size: 14px; text-align: justify;}
.internal footer .section-one .footer-aboutus { padding-right: 12%; }
.internal footer .section-one .footer-contact { width: 65%;margin: 0 auto;}
.internal footer .section-one .footer-social { padding-left: 33%; }
.internal footer .footer-social a { color: #c0c0c0; font-size: 14px; text-transform: uppercase; padding-left: 57px; line-height: 42px; background-position: left top;
    background-repeat: no-repeat; margin-bottom: 16px; display: block; }
.internal footer .footer-social a:hover {text-decoration: none;opacity: 0.5;}
.internal footer .footer-social .facebook-icon { background-image: url('../images/f-facebook-icon.png'); }
.internal footer .footer-social .twitter-icon { background-image: url('../images/f-twitter-icon.png'); }
.internal footer .footer-social .instagram-icon { background-image: url('../images/f-instagram-icon.png'); }
.internal footer .section-two { background-color: #070609; padding: 25px 0;text-align: center; font-size: 14px; color: #fff;}
.internal footer .section-two a { color: #fff; }
.internal footer .section-two a:hover { color: #B10C0A; }
.internal-container p { color: #c0c0c0; font-size: 18px; margin-bottom: 16px; }
/*********** Internal ***********/
.video-box {padding: 20px 53px;}
.audio-box {margin-bottom: 20px;}
.audio-box .audioTitle h1 {margin-bottom: 15px;}
.gallery {overflow: hidden; margin-top: -2px; margin-left: -4px;}
.gallery a.gal {margin-left: 4px;margin-bottom: 4px;float: left;width: 32%;max-height: 238px;overflow: hidden;background-color: #fff;}
a.gal {display: block;  background: url('../images/magnify.png') center center no-repeat #ff6260;}
a.gal img {transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;width: 100%;}
a.gal:hover img {opacity: 0.2;}

@media (max-width: 1200px) {
    .gallery a.gal {max-height: 215px;}
}
@media (max-width: 992px) {
    header nav ul li {margin-right: 10px;}
    header nav ul li a {width: 102px;height: 90px;padding-top: 37px;font-size: 12px;}
    header nav ul li i.fa {top: 12px;font-size: 20px;}
    .home-content h1 span {font-size: 50px;}
    .audioPlayer {width: 95%;}
    .gallery a.gal {max-height: 158px;}
    .carousel-control-prev {left: 4%;}
.carousel-control-next {right: 4%;}

}

@media (max-width: 767px) {
    header nav ul li a {width: auto;height: auto;padding-bottom: 10px;}
    header nav ul li a:hover {background-color: transparent;color: #B10C0A;}
    .home-content h1 {font-size: 25px;}
    .home-content h1 span {font-size: 35px;}
    .internal footer .section-one .footer-aboutus {padding-right: 0;}
    .internal footer .section-one .footer-contact {width: 100%;}
    .internal footer .section-one .footer-social {padding-left: 0;}
    .home-content .about-us {color: #fff;}
    .home-content .store-link a {font-size: 15px;}
    #audioImg, .audioImg {width: 100%;height: auto; text-align: center;}
    #audioTitle, .audioTitle {width: 100%;}
    .video-box {padding: 20px 10px;}
    .internal header {padding-top: 15px;padding-bottom: 15px;}
    .gallery a.gal {max-height: 168px; width: 49%;}
    
}
@media (max-width: 540px) {
    .moblie-nav { display: block; }
    .desktop-nav { display: none; }
    .internal header, .moblie-nav header {padding-top: 15px;padding-bottom: 15px;}
    .home-content h1 {font-size: 15px;}
    .home-content h1 span {font-size: 20px;}
    .home-content .store-link a {padding: 11px 0;width: 100%;}
    .internal h1 {font-size: 30px;}
    .gallery a.gal {max-height: 238px; width: 100%;}
}
@media (max-width: 480px) {
    .logo a {font-size: 22px;}
    .btn-default { width: 100%; }
    .audiojs .time { display: none; }
    .audiojs .scrubber {float: right;width: 85%;}
    .audiojs .play-pause {width: 8%;}
}

@media (max-width: 320px) {
    .logo a {font-size: 18px;}
    .audiojs .play-pause {width: 12%;}
    .audiojs .scrubber {float: right;width: 80%;}
}