/*--Main Css--*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import "bootstrap/bootstrap.min.css";
@import "slick.css";
@import "animate.css";


*{box-sizing: border-box;}
html { scroll-behavior: smooth; }
body{margin: 0px;background: #fff;}
table,div{font-family: 'Montserrat', sans-serif;font-size:15px; color:#000000;line-height:1.4;}
a{color: #000000; text-decoration: none; }
a:hover{color: #000000; text-decoration: none;}
img{border:none;max-width: 100%;}
p{margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
input,select,textarea,button{font-family: 'Montserrat', sans-serif;font-size: 15px;}
button{cursor: pointer;}
h1,h2,h3,h4{margin:10px 0;}
.streamAlertIcon{font-size: 10px !important;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
ul{margin:0; padding:0;}
ul li{list-style-type: none;}
.hide_btn { display:none !important; }
.timeout-btn{pointer-events:none}
/* Common */
.btn{font-size: 16px;font-weight:600;padding:10px 35px;border-radius: 30px;text-transform: uppercase;transition: all ease 0.5s;}
.btn-primary{color: #fff;background-color: #D22F31;border-color: #D22F31;}
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background-color: #CF0D0F;border-color: #CF0D0F;}
.btn-primary.focus, .btn-primary:focus{box-shadow: none;}
.btn-secondary{color: #fff;background-color: #2DB748;border-color: #2DB748;}
.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color: #21B43D;border-color: #21B43D;}
.btn-outline-primary{color: #d22f31;border-color: #d22f31;border-width: 1px;}
.btn-outline-primary:hover{color: #fff;background-color: #d22f31;border-color: #d22f31;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{color: #fff;background-color: #000000;border-color: #000000;}
.pt-10{padding-top: 100px;}
.pb-10{padding-bottom: 100px;}
.pt-7{padding-top: 70px;}
.pb-7{padding-bottom: 70px;}
.form-group{margin-bottom: 20px;}
.form-group label{font-size: 15px;font-weight: 500;color: #000;margin-bottom: 3px;}
.form-group label span{color: #D22F31;}
.form-control{border:1px solid #DCDCE1;background: #ffffff;border-radius: 5px;padding:12px;font-size: 15px;color: #000;}
.form-control:focus{box-shadow: none;border:1px solid #DCDCE1;background: #ffffff;color: #000;}
.form-group-icon{position: relative;}
.form-group-icon img{position: absolute;right: 15px;top: 15px;}
.heading{margin-bottom: 50px;}
.heading h2{font-size: 40px;color: #000000;font-weight: 600;margin-top: 0;line-height: 40px;}
.heading h2 span{color: #D22F31;}
.heading p{font-size: 18px;line-height: 1.6;color: #000000;}
.grey-bg{background: #F3F3F7;}
.red-bg{background: #D22F31;}
.buttonload { pointer-events: none; opacity: 0.7; }
.reset_readonly{background: #DCDCE1 !important;}

/* End-Common */

header{position: relative;}
.menu{position: absolute;top: 0;left: 0;right: 0;z-index: 99;flex-direction: column;padding:0;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.sticky{position: fixed;background: #000;z-index: 999;}
.header_main{}
.navbar-brand{margin-top: 20px;}
.navbar-dark .navbar-nav li{padding-left: 5px;padding-right: 5px;}
.navbar-dark .navbar-nav .nav-link{color: #fff;font-size: 16px;font-weight:500;border-bottom:2px solid transparent;padding: 40px 10px 20px;transition: all ease 0.5s;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color: #ffffff;border-bottom:2px solid #D22F31;background: rgba(255, 255, 255, 0.05);}
.login-register-btn{margin-top: 25px;}
.login-register-btn li{padding: 0 10px;}
.login-register-btn li:last-child{padding-right: 0;}
.login-register-btn li i, .login-register-btn li img{display: none;}
.login-register-btn li i {font-family: FontAwesome;}




/* Home Slider */
.home-slider .slick-slide img.mobile-banner{display: none;}
.slick-loading .slick-list{background:#fff url('../images/ajax-loader.gif') center center no-repeat;}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;z-index:1;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25;}
.slick-prev:before,.slick-next:before{font-family:'FontAwesome';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev{left:0;}
.slick-prev:before{content:'\f104';}
.slick-next{right:0;}
.slick-next:before{content:'\f105';}

.home-slider .slick-prev:before, .home-slider .slick-next:before{font-size: 60px;}
.home-slider .slick-prev{left:30px;}
.home-slider .slick-next{right:30px;}
.home-slider .slick-prev:hover:before, .home-slider .slick-prev:focus:before, .home-slider .slick-next:hover:before, .home-slider .slick-next:focus:before{color: #D22F31;}
.slick-dots{position:absolute;bottom:60px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
.slick-dots li{position:relative;display:inline-block;width:8px;height:24px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:8px;height:24px;cursor:pointer;border:0;outline:none;background:rgba(255, 255, 255, 0.3);border-radius: 10px;padding:0;}
.slick-dots li.slick-active button{height: 34px;background:#D22F31;}


.home-slider .slick-slide img{margin:0 auto;width: 100%;}
.slider-text{position: absolute;top: 54%;left: 0;right: 0;width: 50%;margin: 0 auto;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);text-align: center;}
.slider-text h2{font-weight:600;font-size: 45px;line-height: 1.3;color: #fff;}
.slider-text h2 span{color: #D22F31;}
.slider-text p{font-size: 18px;line-height: 1.6;color: #fff;margin-bottom: 30px;}
.slider-text .btn-primary i{background: #fff;width: 36px;height: 36px;border-radius: 999px;color: #D22F31;line-height: 36px;font-size: 22px;text-align: center;margin-right: -15px;margin-left: 5px;vertical-align: middle;}

/*Connect DJ List*/
.connect-dj-list{position: relative;}
.connect-dj-img img{border-radius: 10px;}
.connect-dj-text{position: absolute;bottom: 30px;left: 30px;right: 30px;}
.connect-dj-text h3{font-size: 24px;color: #ffffff;font-weight: 600;}
.connect-dj-text p{color: #ffffff;line-height: 1.6;}

/*Amazing Features List*/
.amazing-features-list{background: #ffffff;padding: 40px 30px 100px;box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.08);border-radius: 10px;transition: all ease 0.5s;}
.amazing-features-list:hover{box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);}
.amazing-features-list img{margin-bottom: 20px;}
.amazing-features-list h3{font-size: 26px;font-weight: 600;margin-bottom: 15px;}
.amazing-features-list ul li{margin-bottom: 10px;line-height: 1.6;padding-left: 20px;}
.amazing-features-list ul li:before{content: '\f192';font-family: FontAwesome;margin-left: -20px;margin-right: 3px;color: #D22F31;font-size: 16px;}

/*How It Works*/
.how-it-works-left:after{content: '';width: 250px;height: 1px;border-top: 2px dashed #d22f31;position: absolute;right: -125px;top: 60px;}
.how-it-works-right:before{content: '\f105';position: absolute;left: 125px;top: 38px;font-family: 'FontAwesome';color: #d22f31;font-size: 30px;}
.how-it-works-img{text-align: center;margin-bottom: 50px;}
.how-it-works-img img{max-height: 150px;}
.how-it-works-img h3{font-size: 22px;font-weight: 600;margin-top: 20px;}
.how-it-works-img h3 span{display: block;font-weight: 400;font-size: 14px;}
.how-it-works-list-main{position: relative;}
.how-it-works-list-main:before{content: '';background: #f3f3f7;position: absolute;top: 0;bottom: 0;width: 2px;height: calc(100% - 60px);left: 35px;}
.how-it-works-list{margin-bottom: 30px;padding-left: 100px;position: relative;transition: all ease 0.5s;}
.how-it-works-list:before{content: '';background: #F3F3F7;width: 70px;height: 70px;position: absolute;left: 0;border-radius: 10px;top: 0;transition: all ease 0.5s;}
.how-it-works-list:after{content: '';font-size: 26px;color: #000;position: absolute;left: 0;z-index: 9;top: 0;width: 70px;height: 70px;font-weight: 600;text-align: center;line-height: 70px;transition: all ease 0.5s;}
.how-it-works-list:hover:before{background: #D22F31;}
.how-it-works-list:hover:after{color: #ffffff;}
.how-it-works-list:nth-child(1):after{content: '1';}
.how-it-works-list:nth-child(2):after{content: '2';}
.how-it-works-list:nth-child(3):after{content: '3';}
.how-it-works-list h3{font-size: 26px;font-weight: 600;}
.how-it-works-list p{font-size: 16px;line-height: 1.6;}
.app-store a{margin-right: 10px;}

/*USP*/
.usp-list{border-right: 1px solid rgba(255,255,255,0.5);padding: 0 30px;display: flex;}
.usp .row > div:last-child .usp-list{border-right: 0;}
.usp-list img{margin-right: 20px;height: 80px;}
.usp-list h3{font-size: 36px;font-weight: 600;color: #ffffff;margin: 0;}
.usp-list h3 span{font-size: 20px;font-weight: 400;display: block;margin-bottom: 5px;}
.usp-list h3 label{margin: 0;}

 /*DJ Plan List*/
 /*.djplan .row{margin-bottom: 80px;}*/
 .djplan .heading .btn{margin-top: 10px;}
 .djplan-list{display: flex;}
 .djplan-list .amazing-features-list{width: 100%;}
 .djplan-list .amazing-features-list h3{font-size: 28px;margin-top: 0;}
 .djplan-list .amazing-features-list p{font-size: 17px;margin-bottom: 20px;color: #D22F31;}
 .djplan-list .amazing-features-list p span{font-size: 36px;font-weight: 600;color: #D22F31;line-height: 1;}
 .djplan-list .amazing-features-list p span em{font-size: 18px;font-style: normal;text-decoration: line-through;}
 .djplan-list .amazing-features-list p span label{font-size: 16px;}
 .djplan-list .amazing-features-list ul li{font-size: 17px;}
 .djplan-list .amazing-features-list ul li:before{content: '\f046';font-size: 18px;}
 .premium-plan .amazing-features-list{background:#D22F31;}
 .premium-plan .amazing-features-list h3{color: #fff;}
 .premium-plan .amazing-features-list p{color: #fff;}
 .djplan p span{color: #d22f31;font-weight: 700;}
 .premium-plan .amazing-features-list p span{color: #fff;}
 .premium-plan .amazing-features-list ul li{color: #fff;}
 .premium-plan .amazing-features-list ul li:before{color: #fff;}
.djplan .heading h2{line-height: 1.3;}


/*Subscribe*/
/*.subscribe{background: #f3f3f7;}
.subscribe .row{background: #ffffff;border-radius: 10px;padding: 80px;position: relative;top: 180px;margin-top: -180px;}
.subscribe-form{width: 700px;margin:0 auto;position: relative;}
.subscribe .form-group{margin-bottom: 0;}
.subscribe-form .form-control{border:1px solid #000000;padding: 20px 30px;border-radius: 999px;height: 70px;color: #000000;}
.subscribe-form .btn-primary{height: 70px;padding:20px 50px;border-radius: 999px;position: absolute;right: 0;top: 0;}*/

/* comment here #buttons-container div { max-width: 800px; min-width: 250px; margin-bottom: 10px; } */
.btn-group button i { padding-left: 25px; }
.audioCenter{margin: 10px auto; width: 320px;}
/* Footer */
footer{background: #000000;/*padding-top: 180px;*/}
.copy-right{display: flex;justify-content: space-between;padding: 50px 0;}
.copy-right p{font-size: 16px;color: #fff;}
.copy-right p a{color: #fff;}
.copy-right p a:hover{color: #D22F31;}


/* Login-SignUp Modal */
/* .modal-open{padding-right: 17px;} */
.modal-backdrop.show{opacity: 0.7;backdrop-filter: blur(49px);-webkit-backdrop-filter: blur(49px);}
.login-signup .modal-body{padding: 40px;}
.login-signup .modal-dialog{max-width: 460px;}
.login-signup .close{position: absolute;right: 40px;top: 20px;opacity: 1;}
.login-signup .close img{width: 20px;}
.login-signup .btn-primary{width: 100%;}
.google-login{padding-top:25px;}
.or{position:relative;margin-bottom:10px;}
.or:before{content:'';background:rgba(0, 0, 0, 0.2);width:100%;height:1px;position:absolute;top:8px;left:0;right:0;}
.or span{background:#ffffff;padding:5px 10px;position:relative;}
.google-login img{margin-left:5px;}
.need-account{font-size:14px;margin-top:40px;margin-bottom:-20px;}
.need-account a{color:#D22F31;font-weight:600;text-decoration:underline;}
.form-group-icon .form-control{padding-right: 50px;}
.email-input .form-group-icon img{height: auto;margin-right: -2px;}

#register-form .profile-image{width: 200px;height: 150px;background-size: contain!important;background-repeat: no-repeat!important;border: 1px solid #f6f7f6;border-radius: 5px;}
.profile-avtr .profile-image{width: 200px;height: 150px;background-size: contain!important;background-repeat: no-repeat!important;border: 1px solid #f6f7f6;border-radius: 5px;}

/*FAQ*/
.inner-banner .slider-text{width: 100%;padding: 0 15px;}
.faq-section .card{border: 1px solid #F3F3F7;border-radius: 0;margin-bottom: 10px;background: #fbfbfb;}
.faq-section .card-header:first-child{border-radius: 0;}
.faq-section .card-header{background-color: #ffffff;border-bottom:0;padding: 0;}
.faq-section .card-header .card-link{font-size: 18px;font-weight: 500;color: #d22f31;display: block;padding: 15px;border-left: 5px solid #d22f31;}
.faq-section .card-header .card-link.collapsed{border-left: 5px solid transparent;color: #000;}
.faq-section .collapse{border-top: 1px solid #f3f3f7;}
.faq-section .card-header .card-link:before{content: '';position: absolute;right: -15px;top: 10px;background: #d22f31;width: 32px;height: 32px;border-radius: 999px;border: 3px solid #f3f3f7;}
.faq-section .card-header .card-link:after{content: '';background: url(../images/minus.svg) no-repeat center center;position: absolute;right: -5px;top: 18px;width: 12px;height: 16px;background-size: 17px;}
.faq-section .card-header .card-link.collapsed:after{content: '';background: url(../images/plus.svg) no-repeat center center;right: -7px;top: 18px;width: 16px;height: 16px;background-size: 15px;}
.faq-section .card-body{font-size: 15px;line-height: 1.6;}
.faq-section .card-body a{color: #d22f31;text-decoration: underline;}

/*My Account*/
.sub-menu-mobile-button{display: none;}
.dropdown-menu-right{right: 0;left: auto;}
.login-register-btn li.dropdown img{display: block;margin-right: 7px;}
.login-register-btn li.dropdown > a{color: #fff;font-size: 16px;font-weight: 600;margin-top: -5px;cursor: pointer;  padding-right: 25px;position: relative;}
.login-register-btn li.dropdown > a:hover{color: #fff;}
.login-register-btn li.dropdown .dropdown-item{padding: 8px 16px;font-weight: 500;color: #000000;font-size: 16px;}
.login-register-btn li.dropdown .dropdown-item.active, .login-register-btn li.dropdown .dropdown-item:active{color: #fff;background-color: #d22f31;}
.login-register-btn li.dropdown .dropdown-toggle::after{content: '\f107';font-family: FontAwesome;border: 0;position: absolute;right: 0;top: 15px;width: 20px;height: 20px;margin-left: 0;}
.sub-menu{background: #fff;border-radius: 10px 10px 0 0;padding: 0;display: flex;margin-top: 80px;position: relative;z-index: 9;border-bottom: 1px solid #f3f3f7;}
.sub-menu li{width: 20%;text-align: center;}
.sub-menu li a{font-size: 18px;font-weight: 500;display: block;padding: 15px;}
.sub-menu li a:hover,.sub-menu li a.active{color: #ffffff;background: #D22F31;border-radius: 10px 10px 0 0;margin-top: -10px;padding-top: 25px;}
.card-section .card{background: #ffffff;border-radius: 5px;border: 0;padding: 30px 15px;}
.card-section .card .card-body{padding: 0;}
.profile-image{position: relative;}
.my-account .profile-image{width: 200px;height: 150px;background-size: contain!important;background-repeat: no-repeat!important;border: 1px solid #f6f7f6;border-radius: 5px;}
.profile-image img{border-radius: 5px;}
.profile-image a{position: absolute;top: 15px;left: 15px;font-size: 20px;color: #ffffff;}
.custom-file-label{height: 54px;padding: 15px;color: #000000;border: 1px solid #DCDCE1;border-radius: 5px;white-space: nowrap;overflow: hidden;}
.custom-file-label::after{height: 52px;padding: 15px 20px;color: #000000;content: "Upload";background-color: #F3F3F7;border-left: 0;border-radius: 0 5px 5px 0;}
.custom-file-input:lang(en)~.custom-file-label::after{content: "Upload";}
textarea.form-control{min-height: 120px;}
.card-section .card{border-radius: 0 0 5px 5px;}
.s-tab-nav{}
.s-tab-nav .card{border-radius: 0;}
.s-tab-nav .nav-link{font-size: 15px;font-weight: 500;padding: 15px 16px;}
.s-tab-nav .nav-pills .nav-link.active, .s-tab-nav .nav-pills .show>.nav-link{background-color: #d22f31;}
.s-tab-content .card{padding: 0;}
.s-tab-content .table thead th{background: #e6e6e6;border:0;font-size: 16px;font-weight: 600;vertical-align: middle;}
.s-tab-content .table tbody td{font-size: 15px;vertical-align: middle;}
.s-tab-content .table tbody tr:first-child td{border:0;}
.s-tab-content .table-hover tbody tr:hover{background-color: rgb(243, 243, 247,0.5);color: #000;}
.s-tab-content .table td, .s-tab-content .table th{border-color: #F3F3F7;}
.s-tab-content .table .btn{font-size: 14px;padding: 8px 20px;min-width: 135px;}
.delete-mixes-btn{font-size: 14px;padding: 8px 20px;min-width: 90px !important;}
.s-tab-content .table .btn-outline-primary{border-width: 1px;}
.s-tab-nav-btn{position: absolute;right: 15px;top: -71px;}

.message-popup{text-align: center;}
.message-popup p{font-size: 16px;line-height: 1.6;}
.message-popup .btn{width: auto;margin: 15px 5px 0;}
.custom-control-inline{display: inline-flex;margin-right: 10px;}
.custom-control{margin-top: 5px;}
.custom-control-label{margin:5px;}
.custom-control-label::before{width: 1.5rem;height: 1.5rem;}
.custom-control-label::after{width: 1.5rem;height: 1.5rem;}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color: #d22f31;}
.custom-control-input:checked~.custom-control-label::before{background-color: #d22f31;box-shadow: none;}
.custom-checkbox .custom-control-label::before{border-radius: 0;background: none;border: 1px solid #DCDCE1;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{content: '\f00c';font-family: FontAwesome;color: #d22f31;background: none;text-align: center;font-size: 16px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #ffffff;}

.campaign-mockup{position: relative;}
.campaign-mockup > img{width: 100%;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);border-radius: 20px;}
.message-box{position: absolute;top: 80px;left: 20px;right: 20px;background: #fff;border-radius: 5px;padding: 15px;font-size: 12px;line-height: 1.5;}
.message-box p{margin-top: 0;}
.message-box a{color: #005DFF;}
.message-event-list{margin-top: 20px;}
.message-event-list img{border-radius: 5px;}
.message-event-list h4{margin-top: 0;line-height: 1.6;}
.message-event-list .btn{font-size: 11px;padding: 5px 15px;}

.card-section.my-listeners .card{padding: 0;}
.my-listeners h3{font-size: 20px;font-weight: 600;padding:20px;}
.my-listeners-list{margin-bottom: 20px;padding: 0 20px;}
.my-listeners-list li{display: flex;align-items: center;margin-bottom: 10px;border-top: 1px solid #F3F3F7;padding: 10px 20px 0px;font-size: 18px;font-weight: 500;}
.my-listeners-list .my-listeners-block{display: flex;align-items: center;margin-bottom: 10px;/*border-top: 1px solid #F3F3F7;*/padding: 10px 20px 0px;font-size: 18px;font-weight: 500;}
.my-listeners-list li span{width: 50px;height: 50px;display: block;line-height: 50px;text-align: center;border-radius: 999px;margin-right: 10px;font-size: 18px;font-weight:500;color: #ffffff;}
.my-listeners-list span{width: 50px;height: 50px;display: block;line-height: 50px;text-align: center;border-radius: 999px;margin-right: 10px;font-size: 18px;font-weight:500;color: #ffffff;}
.my-listeners-list li .top-chat-default-avatar{width: 50px;height: 50px;display: block;line-height: 0px !important;text-align: center;border-radius: 999px;margin-right: 10px;font-size: 18px;font-weight:500;color: #ffffff;}
.no-found-data{padding-left: 20px;font-weight: 500;display: block;width: 100%;border-top: 1px solid #f3f3f7;padding-top: 20px;text-align: center;font-size: 18px;}
.bg_modulo_0{background: #049299;}
.bg_modulo_1{background: #0B3F35;}
.bg_modulo_2{background: #5E6EA7;}
.bg_modulo_3{background: #524542;}
.bg5{background: #5337B0;}
.bg6{background: #78828B;}
.bg7{background: #49317F;}
.bg8{background: #9D40B5;}

/** Loader */
.loader, .loader:before, .loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; }
.loader { color: #D22F31; font-size: 5px; margin: -5px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.loader:before, .loader:after { content: ''; position: absolute; top: 0; } .loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader:after { left: 3.5em; }

#loading, #loading:before, #loading:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; }
#loading { color: #D22F31; font-size: 5px; margin: -5px auto 40px; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
#loading:before, #loading:after { content: ''; position: absolute; top: 0; } #loading:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
#loading:after { left: 3.5em; }

@-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } }
@keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } }

.select2-container{width: 100% !important;}
.is-invalid .select2-selection,
.needs-validation ~ span > .select2-dropdown{border-color:red !important;}
.select2-container--default .select2-selection--multiple{border: 1px solid #DCDCE1;background: #ffffff;border-radius: 5px;font-size: 15px;color: #000;padding: 5px;min-height: 54px;}
.new-profile .select2-container--default .select2-selection--multiple{max-height: 78px;min-height: 78px;overflow: auto;}
#profile_steps .select2-container--default .select2-selection--multiple{max-height: 78px;min-height: 78px;overflow: auto;}
.new-profile .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top: 2px;margin-bottom: 4px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #DCDCE1;}

/*Contact ppage*/
.contact-section .card{background: #ffffff;border-radius: 5px;border: 0;padding: 30px;margin-top: -40px;}
.contact-info{ background: #d22f31;padding: 40px;border-radius: 5px;}
.contact-info h2{font-size: 36px;}
.contact-info a{color: #fff;font-size: 15px;line-height: 1.6;}
.contact-info p a i{margin-left: -24px;padding-right: 6px;}
.contact-info p{margin-bottom: 20px;margin-left: 20px;}
.social-links{border-top: 1px solid rgba(255,255,255,.3);display: block;border-bottom: 1px solid rgba(255,255,255,.3);padding: 15px 0;margin-top: 30px;text-align: center;}
.social-links li{display: inline-block;border: 1px solid #fff;border-radius: 50px;width: 40px;height: 40px;text-align: center;line-height: 40px;margin-right: 5px;color: #fff;}
.social-links li:hover{color: #D22F31;background: #fff;border-color: #D22F31;cursor: pointer;}
.social-links li a i:hover { color: #d22f31; }
.social-links li:hover a i { color: #d22f31; }
.contact-form{padding-left: 30px;}

.profile-avatar{width: 50px;height: 50px;background-position: center;background-size:cover;border-radius: 100%;margin-right: 10px;background-repeat: no-repeat;}
.card-section .card .card-body .dataTables_length label{margin: 15px;}
.card-section .card .card-body .dataTables_length label select{vertical-align: middle;padding: 5px;font-size: 13px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: url(../images/down-arrow.png)no-repeat right center;background-size: auto;}
.card-section .card .card-body .dataTables_info{padding: 15px;}
.card-section .card .card-body .dataTables_paginate{padding: 0 15px;}
.page-item.active .page-link{background-color: #d22f31;border-color: #d22f31;}
.page-link{color:#000000;}
.page-link:hover{color: #d22f31;background-color: #f3f3f7;border-color: #f3f3f7;}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated {border-color: #d22f31;}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{color: #d22f31;}
.login-signup .form-check-input{margin-top: 2px;}
.alert-success{color: #000000;background-color: #fbecec;border-color: #fbecec;}
.alert > .btn {padding: 0 35px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #f3f3f7;border: 1px solid #f3f3f7;font-size: 14px;padding: 3px 5px;}

.select2-selection{border: 1px solid #DCDCE1 !important;border-radius: 5px !important;padding: 8px !important;height: auto !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 10px;right: 10px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #d22f31;}

.fc-event{background-color: #d22f31;border-color: #d22f31;padding: 2px 5px;}
.fc-content{color: #fff;font-size: 13px;}
#calendar{max-width: inherit;}
.fc-button-primary{background-color: #d22f31;border-color: #d22f31;}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active{background-color: #ffffff;border-color: #d22f31;color: #d22f31;}
.fc-event-dot{background-color: #d22f31;}
.fc-button-primary:disabled{background-color: #d22f31;border-color: #d22f31;opacity: 1;}

/* dj calendar view start */
.fc-event-time{
	color: #fff;
    font-weight: bold;
    font-size: 13px;
	display: inline;
}
.fc-event-title {
	color: #fff;
    font-weight: 400 !important;
    font-size: 13px;
	display: inline;
}
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover{
	background-color: #d22f31;
    border-color: #d22f31;
}
.fc-daygrid-event-dot {
	display: none;
}

.fc-listMonth-view .fc-event{
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #000000;
	line-height: 1.4;
}
/* dj calendar view start */

/*Privacy Policy*/
.cms-section h4{font-size: 16px;font-weight: 600;margin-top: 30px;}
.cms-section p{margin-bottom: 20px;line-height: 1.6;}
.cms-section ul{padding-left: 20px;margin-bottom: 20px;}
.cms-section ul li{list-style-type: disc;margin-bottom: 10px;}

.top-chat-avatar{background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 50px;}
.top-chat .my-listeners-list{max-height: 500px;overflow: auto;}
/*scroll*/
.top-chat .my-listeners-list::-webkit-scrollbar {width: 3px;border-radius: 0 10px 10px 0;}
.top-chat .my-listeners-list::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 0 10px 10px 0;}
.top-chat .my-listeners-list::-webkit-scrollbar-thumb {background: #D22F31;border-radius:10px;}
.top-chat .my-listeners-list::-webkit-scrollbar-thumb:hover {background: #555;border-radius: 0 10px 10px 0;}
/*scroll*/
.top-chat .my-listeners-list li{padding: 0 0 10px;font-size: 15px;}
.top-chat .my-listeners-list li label{margin-bottom: 0;margin-right: 10px;opacity: 0.5;}
.top-chat-textfield{margin-top: 20px;}
.btn-link{font-weight: 400;color: #dc3545;}
.stripe-account-popup{position: fixed;bottom: 0;left: 0;right: 0;background: #dc3545;z-index: 999;padding: 10px 0;}
.stripe-account-popup strong{color: #fff;font-size: 15px;display: block;}
.stripe-account-popup .btn{padding: 7px 20px;font-size: 13px;}
.btn.btn-sm{font-size: 13px;padding: 8px 20px;}
.green-audio-player{width: 100%;min-width: auto;}
.sticky .navbar-brand{margin-top: 10px;}
.navbar-dark.sticky .navbar-nav .nav-link{padding: 30px 10px 20px;}
.sticky .login-register-btn{margin-top: 15px;}
.notification-popup{position: relative;}
.notification-popup > a{color: #fff;font-size: 20px;margin-top: 15px;display: block;}
.notification-popup i{display: block !important;}
.notification-box{display: none;position: absolute;right: -10px;top:60px;z-index: 9999;background: #fff;border-radius: 5px;}
.notification-box:before{content: '';width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid white;position: absolute;top: -9px;right: 23px;}
.notification-box ul{background: #fff;width: 350px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.1) 0 0px 10px;max-height: 300px;overflow: auto;}
.notification-box ul li{padding: 10px 15px !important;border-bottom: 1px solid #F3F3F7;font-size: 13px;color: #000;line-height: 1.5;}
.notification-box ul li.unread{background: #F3F3F7;}
.notification-box ul li.unread{border-color: #fff;}
.notification-box ul li span{display: block;color: rgba(0, 0, 0, 0.4);font-size: 12px;}
.notification-box ul a:last-child li{border-bottom: 0;}
.notification-popup .badge{position: absolute;top: 2px;font-size: 9px;width: 20px;height: 20px;line-height: 20px;padding: 0;right: 0;}

.scrollbar::-webkit-scrollbar {width: 3px;border-radius: 0 10px 10px 0;border-radius: 5px;}
.scrollbar::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 5px;}
.scrollbar::-webkit-scrollbar-thumb {background: #D22F31;border-radius:5px;}
.scrollbar::-webkit-scrollbar-thumb:hover {background: #555;border-radius: 5px;}
/*Subscription*/
.card-section .card.subscription{background: #d22f31;border-radius: 5px;}
.subscription h3{font-size: 22px;font-weight: 700;color: #fff;}
.subscription h5{font-size: 16px;color: #fff;}
.subscription h5 span{font-size: 26px;font-weight: 700;margin-right: 5px;}
.subscription p{color: #fff;}
.subscription-right{text-align: right;}
.subscription-right .btn-sm.open_modal{font-size: 10px;margin-top: 10px;padding: 6px 12px;}
.subscription-box-top p { font-weight: 600;}
/*.djplan-list-subscription .djplan-list{position: relative;}*/
.djplan-list-subscription input[type="radio"]{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;cursor: pointer;}
.djplan-list-subscription .stripe-plan-btn .amazing-features-list{background: #d22f31;border-color: #d22f31;}
.djplan-list-subscription input[type="radio"]:checked ~ .amazing-features-list{background: #d22f31;border-color: #d22f31;}
.djplan-list-subscription input[type="radio"][checked][disabled] ~ .amazing-features-list{background: #343a40;border-color: #343a40;}
 .djplan-list-subscription input[type="radio"]:checked ~ .amazing-features-list h3{color: #fff;}
 .djplan-list-subscription input[type="radio"]:checked ~ .amazing-features-list p{color: #fff;}
 .djplan-list-subscription input[type="radio"]:checked ~ .amazing-features-list p span{color: #fff;}
 .djplan-list-subscription input[type="radio"]:checked ~ .amazing-features-list ul li{color: #fff;}
 .djplan-list-subscription input[type="radio"]:checked ~ .amazing-features-list ul li:before{color: #fff;}
 .card-section .card.subscription.djplan-list-subscription{padding: 20px;}
 .djplan-list-subscription .amazing-features-list{background: none;border: 1px solid #d22f31;box-shadow: none;padding: 15px 15px 70px;}
 .djplan-list-subscription .amazing-features-list h3{font-size: 20px !important;margin: 0;color: #d22f31;}
 .djplan-list-subscription .amazing-features-list p{margin: 0 !important;font-size: 13px !important;color: #d22f31;}
 .djplan-list-subscription .amazing-features-list p span{font-size: 28px !important;color: #d22f31;}
 .djplan-list-subscription-bottom{text-align: right;margin-top: 20px;}
 .djplan-list-subscription-bottom p{font-size: 12px;margin-bottom: 5px;margin-top: 15px;}
 .djplan-list-subscription-bottom a{color: #d22f31;text-transform: uppercase;font-weight: 600;border-bottom: 1px solid #fff;text-decoration: none;font-size: 13px;}
.card-section .card.subscription.djplan-list-subscription{background: #dc3545;}

/* disabled plan list item start */
.djplan-list-subscription .disabled-amazing-features-list{border: 1px solid #979292 !important;}
 .djplan-list-subscription .disabled-amazing-features-list h3{color: #979292 !important;}
 .djplan-list-subscription .disabled-amazing-features-list p{color: #979292;}
 .djplan-list-subscription .disabled-amazing-features-list p span{color: #979292;}
/* disabled plan list item end */

 .share .social-links{margin:0;}
 .share .social-links li{border:1px solid #dc3545;}
 .share .social-links li a{font-size: 16px;margin: 0 !important;color: #dc3545;}
/*landing-page */
.landing-page .navbar-brand{margin: 0;}
.landing-page .navbar-brand img{width: 300px;margin-bottom: 30px;}
.landing-page .slider-list{position: relative;}
.landing-page .slider-text h2{font-size: 50px;}
.landing-page .heading h2{margin-bottom: 30px;}
.the-content{background: url(../images/landing-bg-2.jpg)no-repeat center;background-size: cover;background-attachment: fixed;}
.the-content .heading{margin-bottom: 0;}
.the-content .heading h2{color: #fff;}
.the-content .heading p{color: #fff;}
.landing-page .listing{padding-left: 20px;margin-bottom: 30px;}
.landing-page .listing li{margin-bottom: 15px;list-style-type: decimal;line-height: 1.6;}
.landing-page .form-group a{color: #D22F31;text-decoration: underline;}
.landing-page .btn-primary{margin-top: 30px;}
.landing-page .btn-primary i{background: #fff;width: 32px;height: 32px;border-radius: 999px;color: #D22F31;line-height: 32px;font-size: 22px;text-align: center;margin-right: -10px;margin-left: 5px;vertical-align: middle;}
.btn-primary.disabled, .btn-primary:disabled{background-color: #ef6061;border-color: #ef6061;}
.contest-btn .btn{margin-top: 30px;/*animation: glowing 1300ms infinite;*/}
.sticky .contest-btn .btn{margin-top: 15px;}
.mobile-image{display: none;}
.ipad-image{display: none;}


@keyframes glowing {
	0% {
	  background-color: #D22F31;
	  box-shadow: 0 0 5px #D22F31;
	}
	50% {
	  background-color: #CF0D0F;
	  box-shadow: 0 0 20px #CF0D0F;
	}
	100% {
	  background-color: #D22F31;
	  box-shadow: 0 0 5px #D22F31;
	}
}
.faq-section video{width: 100%;height: 285px;}
.slider-button{background: rgb(255 255 255 / 0.1);display: inline-block;color: #fff;padding: 15px 50px;border-radius: 5px;font-size: 16px;font-weight: 600;}
.djplan p.alert{font-size: 15px;}
.card-section .card.stripe-card-info{border-radius: 5px;padding: 20px;}
.stripe-card-info h3{font-size: 22px;}
.stripe-card-info #card-element{margin:0 20px 0 0;background: #ffffff;padding: 10px;border: 1px solid #DCDCE1;border-radius: 5px;width: 50%;}
.stripe-card-info p{font-size: 13px;}
.connect-btn p{font-size: 13px;}
.joyride-tip-guide{z-index: 999;background: rgb(0,0,0,0.8);}
.joyride-tip-guide h2{font-size: 20px;font-weight: 600;margin-bottom: 2px;}
.joyride-tip-guide p{color: #fff;font-size: 13px;}
.joyride-tip-guide .joyride-next-tip {padding: 5px 15px;border-color: #fff;background: none;border-radius: 30px;box-shadow: none;text-shadow: none;}
.joyride-tip-guide .joyride-next-tip:hover{border-color: #D22F31 !important;background: #D22F31;color: #fff !important;}
.joyride-tip-guide span.joyride-nub.bottom{border-color: rgb(0,0,0,0.8) !important;border-bottom-color: transparent !important;border-left-color: transparent !important;border-right-color: transparent !important;border-width: 10px;bottom: -20px;}
.joyride-tip-guide span.joyride-nub.top{border-color: rgb(0,0,0,0.8) !important;border-top-color: transparent !important;border-left-color: transparent !important;border-right-color: transparent !important;border-width: 10px;top: -20px;}
.joyride-content-wrapper{padding: 15px;}
.btn-animation{animation-duration: 1.5s;animation-iteration-count: infinite;}
/*Profile Redesign*/
.card-section.new-profile .card{padding: 30px;}
.new-profile h2{border-bottom: 1px solid #f3f3f7;font-size: 18px;font-weight: 600;padding-bottom: 10px;margin-bottom: 20px;}
.new-profile .profile-image img{width: 50%;}
.new-profile .custom-file{width: 120px;}
.new-profile .custom-file-label{height: 40px;padding: 8px;border: 1px solid #d22f31;}
.new-profile .custom-file-label::after{height: 40px;padding: 8px 20px;color: #ffffff;content: "Upload";background-color: #d22f31;width: 100%;text-align: center;}
.slider-list img{width: 100%;}
.bootstrap-timepicker-widget table td input{padding: 5px;width: 35px;border: 1px solid #000000;}
 .new-profile  .djplan-list-subscription h2{font-size: 16px;font-weight: 600;margin-bottom: 20px;background: #fff;padding: 6px 20px;color: #d22f31;border-radius: 20px;display: inline-block;margin-top: 0;}
/* Profile Step 07-12-2020 */
.current-info{display: none;}
.card-section.profile-steps .card{border-radius: 5px;padding:0;}

.fill-profile .custom-file-label{height: 43px;padding: 9px;color: #000000;border: 1px solid #DCDCE1;border-radius: 5px;white-space: nowrap;overflow: hidden;}
.fill-profile .custom-file-label::after{height: 44px;padding: 9px 20px;color: #000000;content: "Upload";background-color: #F3F3F7;border-left: 0;border-radius: 0 5px 5px 0;}

/* .profile-steps .steps ul li{width: 33.3%;float: left;text-align: center;border-bottom:2px solid #F3F3F7;} */
.profile-steps .steps ul li{width: 50%;float: left;text-align: center;border-bottom:2px solid #F3F3F7;}
.profile-steps .steps ul li a{font-size:18px;color:#000000;font-weight: 500;padding:25px 15px;display: flex;justify-content: center;align-items: center;outline: none;}
.profile-steps .steps ul li a .number{width: 36px;height: 36px;background-color: #F3F3F7;color: #000000;text-align: center;display: flex;border-radius: 100%;align-items: center;justify-content: center;font-size: 16px;margin-right: 7px;}
.profile-steps .steps ul li.done,.profile-steps .steps ul li.current{border-color: #D22F31;}
.profile-steps .steps ul li.done a,.profile-steps .steps ul li.current a{color: #D22F31;}
.profile-steps .steps ul li.done a .number,.profile-steps .steps ul li.current a .number{background-color: #D22F31;color: #ffffff;}
.profile-steps .content{padding:40px;}
.profile-steps .content .title{display: none;}
.profile-steps .actions{padding:0 40px 40px;}
.profile-steps .actions ul{display: flex;justify-content: center;}
.profile-steps .actions ul li.disabled{display: none;}
.profile-steps .actions ul li a{background: #D22F31;color: #fff;padding: 12px 30px;border-radius: 30px;text-transform: uppercase;font-size: 15px;font-weight: 600;display: inline-block;margin:0 5px;}
.profile-steps .stripe_account{text-align: center;}
.profile-steps .stripe_account h3{margin-top: 50px;}
.profile-steps .stripe_account h3 .btn{margin-right: 10px;}
.profile-steps .card_details_right{padding-left: 50px;padding-top: 70px;}

.profile-steps .stripe_account h3 br{display: none;}
.submit_button button{margin: auto;}
#profile_steps-p-2 .stripe-card-info #card-element{width: 100%;}
.profile-steps .actions ul li:first-child{display: none;}
.submit_button .btn{font-size: 15px;}
.login-register-btn li.profile-logout i{display: none;font-size: 20px;margin-top: 2px}
/* Banner Video */
.bannerVideo{position: relative;width: 550px;height: 330px;margin:30px auto;}
.bannerVideo:before{content: '';background: rgba(0,0,0,0.8);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.bannerVideo.bannerVideoActive:before{display: none;}
.bannerVideo .playVideoBtn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.bannerVideo .playVideoBtn img{width: 60px;}
.bannerVideo.bannerVideoActive .playVideoBtn{display: none;}
.bannerVideo .playVideo{width: 100%;height: 100%;}
.djplan-list-subscription input[disabled] ~ .amazing-features-list{opacity: 0.6;pointer-events: none;}
.djplan-list-subscription input[disabled]{cursor: default;}
/*24-08-2021*/
.banner_btn a{width: 250px;margin: 5px;padding-right: 0;padding-left: 0;}
#listenerModal p{color: #000;font-weight: 500;font-size: 20px;line-height: 1.7;}
#listenerModal p span{text-transform: uppercase;}
#listenerModal .modal-body{padding: 20px;}
#listenerModal .modal-body img{width: 200px;background: #f6f7f6;padding: 10px;margin-right: 20px;border-radius: 10px;}
#listenerModal button{top: 30px;right: 50px;position: absolute;opacity: 1;}
button.close{opacity: 1;top: 20px; position: absolute;right: 20px;}
button.close img {width: 20px;}
header.header_new{height: 100vh;overflow: hidden;}
.header_new .navbar-toggler {display: none;}
.header_new .slider-list img{height: 100vh;}
/*25-08-2021*/
#mark-all{display: block;text-align: right;font-weight: 500;color: #d22f31;cursor: pointer;font-size: 14px;padding: 10px 15px;width: 100%;}
.no-notification{font-weight: 500;}
#edit-profile-form .error strong{font-size: 14px;color: red;font-weight: 500;}
.card_details_section .card_details{padding:20px;border-top: 1px solid rgba(0,0,0,.125);}
.reset_password_card  .card{border-left: 0;border-bottom: 0;border-right: 0;border-radius: 0;}
.edit_card .stripe-card-info, .insert_card .stripe-card-info{background: #f6f7f6;padding: 60px 20px 40px;position: relative;    border-radius: 7px;}
.insert_card .stripe-card-info{padding: 40px 20px;}
.edit_card_btn .btn{width: 40px;height: 40px;padding: 0;text-align: center;line-height: 45px;position: absolute;top: 10px;right: 10px;}
.edit_card_btn .btn i{font-size: 20px;}
.card_number{position: relative;}
.card_number span.user_brand{position: absolute;right: 10px;top: 50%;font-weight: 600;color: #0066ff;}
.insert_card .stripe-card-info #card-element{width: 100%;margin-right: 0;}

.banner-note{position: absolute;bottom: 0;left: 50%;text-align: center;transform: translateX(-50%);background-color: transparent !important;border-color: transparent !important;}
.banner-note p{font-size: 17px;color: #fff;margin: 0;}
.banner-note .close{display: none;}
.banner-note-mobile{display: none;}

.obs-note { color: #ffffff; background: #D22F31; border:none; border-radius:0; font-size:20px}
.obs-note-mobile{display: none;}

#djplan .heading h2{font-size: 18px;margin-top: 20px;}
.premiumPlan h2.heading, .testPlan h2.heading{font-size: 24px!important;margin-bottom: 10px;}
#djplan .heading{margin-bottom: 0;}
#djplan .heading p{font-size: 16px;line-height: 1.8;}
#djplan .heading p span{color: #000;}
#djplan .heading p:last-child span{color: #D22F31;}
.djplan-list.test-plan p{font-size: 40px!important;font-weight: 600;}
.premium-plan .btn-primary{color: #d22f31;background-color: #ffffff;    border-color: #f3f3f7;}
.amazing-features-list .btn{position: absolute;bottom: 20px;}
.premiumPlan{margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;}

/*08-08-2022*/
.slider-text-blocks h2{margin-bottom: 45px;padding: 0 110px;}
.slider-text.slider-text-blocks{position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);width: 70%;}
.bannerBlocks{display: flex;flex-wrap: wrap;}
.bannerListBlock{flex: 0 0 50%;max-width: 50%;}
.bannerListing{border-radius: 10px;border: 2px solid rgba(255,255,255,.10);padding: 40px 30px;text-align: left;background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), url(../images/header.png);background-position: 50%;margin: 0 10px;}
.bannerListBlock h3{font-size: 26px;color: #fff;font-weight: 600;line-height: 1.5;margin-bottom: 30px;}
.bannerListBlock h3 span{color: #D22F31;}
.bannerListBlock ul {}
.bannerListBlock ul li{font-size: 18px;font-weight: 400;margin-bottom: 20px;line-height: 1.6;color: #fff;position: relative;padding-left: 30px;}
.bannerListBlock ul li:before{content: '';position: absolute;top: 7px;left: 0;background: url(../images/list-icon.svg);width: 14px;height: 14px;}
.bannerListBlock .btn{margin-top: 45px;}
.slider-list-new {background: url(../images/banner1.jpg)no-repeat center;background-size: cover;width: 100%;height: 100vh;padding: 120px 0px 40px;}

.streaming-text {font-size: 12px; font-weight: 600; color: #7D7D7D !important; letter-spacing: 0.08em; border: #7D7D7D solid 1px; border-radius: 50px; text-transform: uppercase; padding: 8px 4px; margin: 21px 0 0 !important; }
.btn-dark.btn-dark-outline { background: transparent !important; color: #2B2B2B !important; border-width: 2px !important; }
.btn-dark.btn-dark-outline.mutebtn i { font-size: 21px; position: relative; top: 2px; }
.btn-dark-outline.btn-lg.btn-danger { background: transparent !important; color: #D22F31 !important; border-color: #D22F31 !important; border-width: 2px !important; }
.btn-dark-outline.btn-lg.mutebtn.btn-danger i { font-size: 21px; position: relative; top: 2px; }
.dj-console .share .social-links li {
	border: 1px solid #2b2b2b;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}
.dj-console .share .social-links li:hover { border-color: #D22F31 !important; }
.dj-console .share .social-links li a {
    font-size: 16px;
    margin: 0 !important;
	color: #2b2b2b;
}

.dj-console .share .social-links li a i {
	-webkit-transition: 0.2s all;
	transition: 0.2s all; }

.customcardbody.lightbg { background: #F2F2F2 !important; }
.customcardbody.lightbg h3 { font-size: 16px !important; font-weight: bold; letter-spacing: 0.08em; margin-top: 0 !important; padding: 16px 18px !important; text-align: center !important; color: #fff !important; background: #414040; background: -moz-linear-gradient(top, #414040 0%, #000000 100%); background: -webkit-linear-gradient(top, #414040 0%,#000000 100%); background: linear-gradient(to bottom, #414040 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414040', endColorstr='#000000',GradientType=0 ); text-transform: uppercase; }
.customcardbody.lightbg.txtalignleft h3 { text-align: left !important; }
.livelistenercard h3:before { content: ''; display: inline-block; vertical-align: middle; background: url('../images/headphonesicon.svg'); width: 16px; height: 16px; margin-right: 8px; position: relative; top: -2px; }
.customcardbody h3 { margin-bottom: 13px !important; }
.listenercount { float: right; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; position: relative; top: 2px; }
.listenercount:before { content: ''; display: inline-block; vertical-align: middle; background: url('../images/usersicon.svg'); width: 19px; height: 13px; margin-right: 4px; position: relative; top: -1px; }
.djconsolecard h1 { text-transform: uppercase; font-size: 16px !important; font-weight: bold; letter-spacing: 0.08em; margin-top: 0 !important; padding: 16px 18px !important; text-align: center !important; color: #fff !important; background: #d22f31;	background: -moz-linear-gradient(top, #d22f31 0%, #8d0002 100%); background: -webkit-linear-gradient(top, #d22f31 0%,#8d0002 100%); background: linear-gradient(to bottom, #d22f31 0%,#8d0002 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22f31', endColorstr='#8d0002',GradientType=0 ); }
.livechatcard h3:before { content: ''; display: inline-block; vertical-align: middle; background: url('../images/livechaticon.svg'); width: 15.5px; height: 15.5px; margin-right: 8px; position: relative; top: -1px; }
.dj-console .my-listeners-list li { padding-bottom: 14px; margin-bottom: 14px; border-bottom: #E0E0E0 solid 1px; }
.dj-console .my-listeners-list li:last-child { border-bottom: 0; }
.dj-console .top-chat .my-listeners-list li { padding-left: 20px; padding-right: 20px; }
.dj-console .top-chat .my-listeners-list li span { width: 24px; height: 24px; }
.dj-console .top-chat .my-listeners-list li label { font-weight: bold; color: #484848 !important; opacity: 1; }
.labelimgwrapper { display: flex; align-items: center; margin-bottom: 4px; }
.dj-console .top-chat .my-listeners-list li { display: block; font-size: 13px; }

.livetagtxt { color: #D22F31; font-size: 14px; font-weight: 600; display: block; text-align: right; margin-right: 10px; text-transform: uppercase; }
.livetagtxt:before { content: ''; display: inline-block; background-color: #D22F31; width: 10px; height: 10px; border-radius: 50%; margin-right: 4px; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-animation:blink normal 1.5s infinite ease-in-out; -webkit-animation:blink normal 1.5s infinite ease-in-out; -ms-animation:blink normal 1.5s infinite ease-in-out; animation:blink normal 1.5s infinite ease-in-out; }
@-moz-keyframes blink {
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}
@-webkit-keyframes blink {
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}
@-ms-keyframes blink {
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}
@keyframes blink {
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
}

.invalid-feedback {
	font-weight: bold;
}

.herobuttonwrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.btn.btn-dj-video-play {
    background: transparent;
    border-color: #fff;
	margin: 25px 0 21px;
}

.btn-dj-video-play .icon-play {
    display: inline-block;
    width: 18px;
    fill: #fff;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 10px;
}

.btn-dj-video-play .icon-play path {
    fill: #fff;
	-webkit-transition: 0.2s all ease;
	transition: 0.2s all ease;
}

.btn.btn-dj-video-play:hover, .btn.btn-dj-video-play:focus, .btn.btn-dj-video-play:active { background-color: #CF0D0F; color: #fff; border-color:#CF0D0F; }
.btn.btn-dj-video-play:focus .icon-play path, .btn.btn-dj-video-play:hover .icon-play path, .btn.btn-dj-video-play:active .icon-play path { fill: #fff; }

#djVideoModal .modal-body { padding: 0; background: transparent; }
#djVideoModal #playVideo { max-width: 100%; width: 100%; height: 75vh; }
#djVideoModal .modal-lg { max-width: 1000px; }

.modal-backdrop.black { opacity: 1; }

#djVideoModal .modal-content { background: transparent; }

.new-profile-steps .steps ul li{width: 100%;}

.dj-payout-text{
	font-weight: 600;
    top: 85px;
    position: absolute;
    color: #fff;
    right: 20px;
    width: 20%;
}

.dj-payout-text span a{
	color: #D22F31 !important;
	text-decoration: none;
}

.player-app-text{
	font-weight: 600;
    /* top: 85px; */
    /* position: absolute; */
    color: #fff;
    right: 20px;
    /* width: 20%; */
}

.player-app-text span, .player-app-text span a{
	color: #D22F31 !important;
	text-decoration: none;
}
.djconsolecard .card-header{background: #dc3545;}
 .djconsolecard .faq-section .card-link{display: block;text-align: left;color: #fff;font-weight: 500;padding: 10px 15px;font-size: 16px;border-radius: 5px;}
 .djconsolecard .faq-section .card-link.collapsed{color: #fff;}
 .djconsolecard .faq-section .card-header{border-radius: 5px;margin-top: 5px;}
 .djconsolecard .faq-section .card-body{padding-top: 10px;}
 .djconsolecard .faq-section .card-header .card-link:before{display: none;}
 .djconsolecard .faq-section .card-header .card-link:after{right: 13px;top: 18px;}

 .featurescard{display: flex;align-items: center;justify-content: space-between;}
 .myplancard-detail h2{position: relative;}
 .myplancard-detail h2 a{position: absolute;right: 0;font-size: 13px;color: #d22f31;text-transform: uppercase;}


.djplan-list .djplan-list-subscription-bottom{text-align: left;position: absolute;bottom: 20px;right: 40px;}
.djplan-list .djplan-list-subscription-bottom a { color: #ffffff;border-bottom: none;}
/*Media Query*/
@media only screen and (max-width:1600px) {
.bannerListBlock h3 {font-size: 24px;margin-bottom: 20px;}
.bannerListBlock ul li {font-size: 17px;    margin-bottom: 15px;}
.bannerListBlock .btn {margin-top: 15px;}
.slider-text.slider-text-blocks h2 {font-size: 30px;margin-bottom: 25px;}
}
@media only screen and (max-width:1440px) {
.slider-text.slider-text-blocks{width: 90%;}
}

/*--------1366px------------*/
@media only screen and (max-width:1366px) {
table, div{font-size: 14px;}
.pt-10{padding-top: 80px;}
.pb-10{padding-bottom: 80px;}
.heading{margin-bottom: 40px;}
.heading h2{font-size: 36px;line-height: 36px;}
.heading p{font-size: 16px;}
.btn{font-size: 14px;padding: 8px 25px;}
.navbar-brand img{width: 200px;}
.navbar-dark .navbar-nav .nav-link{font-size: 15px;}
.slider-text h2{font-size: 45px;}
.slider-text p{font-size: 16px;}
.slick-dots{bottom: 40px;}
.slick-dots li{width: 6px;height: 20px;margin: 0 4px;}
.slick-dots li button{width: 6px;height: 20px;}
.slick-dots li.slick-active button{height: 30px;}
.connect-dj-text h3{font-size: 22px;}
.amazing-features-list h3{font-size: 22px;}
.how-it-works-list-main:before{left: 30px;}
.how-it-works-list{margin-bottom: 40px;}
.how-it-works-list h3{font-size: 22px;margin-bottom: 5px;}
.how-it-works-list p{font-size: 14px;margin-top: 0;}
.how-it-works-list:before{width: 60px;height: 60px}
.how-it-works-list:after{font-size: 22px;width: 60px;height: 60px;line-height: 60px;}
.usp-list img{height: 70px;}
.usp-list h3{font-size: 32px;}
.usp-list h3 span{font-size: 18px;}
.djplan-list .amazing-features-list p{font-size: 15px;margin-bottom: 10px;}
.djplan-list .amazing-features-list ul li{font-size: 15px;margin-bottom: 10px;}
/*.subscribe .row{padding: 50px;top: 150px;margin-top: -150px;}
.subscribe-form .form-control{padding: 15px 30px;height: 60px;}
.subscribe-form .btn-primary{height: 60px;padding: 15px 40px;}*/
footer{/*padding-top: 150px;*/}
.copy-right{padding: 30px 0;}
.copy-right p{font-size: 14px;}

.form-group label{font-size: 15px;}
.form-control{padding: 12px;font-size: 14px;}
.form-group-icon img{top: 14px;height: 20px;}
.need-account{margin-top: 30px;margin-bottom: -10px;}
.login-signup .close img{width: 30px;}
.faq-section .card-header .card-link{font-size: 16px;}
.faq-section .card-body{font-size: 14px;}

.login-register-btn li.dropdown > a{font-size: 15px;margin-top: 0;}
.login-register-btn li.dropdown img{width: 50px;}
.login-register-btn li.dropdown .dropdown-toggle::after{top: 15px;}
.login-register-btn li.dropdown .dropdown-item{font-size: 15px;}
.sub-menu li a{font-size: 16px}
.s-tab-content .table tbody td{font-size: 15px;}
.s-tab-content .table .btn{font-size: 13px;min-width: 130px;}
.message-popup p{font-size: 15px;}
.message-popup .btn{font-size: 14px;padding: 8px 25px;}
.my-listeners-list li{font-size: 16px;}
.my-listeners-list li span{width: 44px;height: 44px;line-height: 44px;font-size: 16px;}
.landing-page .navbar-brand img{width: 280px;}
.landing-page .slider-text h2{font-size: 40px;}
.bannerVideo{width: 450px;height: 250px;margin: 20px auto;}
.banner_btn a {width: 210px;}

}


/*--------1024px------------*/
@media only screen and (max-width:1024px) {
table, div{font-size: 13px;}
.pt-10{padding-top: 60px;}
.pb-10{padding-bottom: 60px;}
.heading h2{font-size: 30px;line-height: 30px;}
.heading p{font-size: 14px;}
.btn{font-size: 13px;padding: 10px 24px;}
.navbar-brand img{width: 180px;}
.navbar-dark .navbar-nav li{padding-left: 3px;padding-right: 3px;}
.navbar-dark .navbar-nav .nav-link{font-size: 13px;padding: 30px 10px 15px;}
.contest-btn .btn{margin-top: 20px;}
.navbar-brand{margin-top: 10px;}
.login-register-btn{margin-top: 15px;}
.login-register-btn li{padding: 0 5px;}
.slider-text h2{font-size: 34px;}
.slider-text p{font-size: 13px;}
.slider-text .btn-primary i{width: 26px;height: 26px;line-height: 26px;font-size: 18px;}
.home-slider .slick-prev:before, .home-slider .slick-next:before{font-size: 50px;}
.connect-dj-text h3{font-size: 20px;}
.amazing-features-list{padding: 30px 20px 90px;}
.amazing-features-list h3{font-size: 20px;}
.amazing-features-list img{height: 70px;}
.amazing-features-list ul li{font-size: 12px;margin-bottom: 10px;}
.how-it-works-list{margin-bottom: 30px;}
.how-it-works-list h3{font-size: 20px;margin-bottom: 5px;}
.how-it-works-list p{font-size: 13px;margin-top: 0;}
.usp-list img{height: 50px;}
.usp-list h3{font-size: 26px;}
.usp-list h3 span{font-size: 16px;}
.djplan-list .amazing-features-list h3{font-size: 22px;}
.djplan-list .amazing-features-list p span{font-size: 30px;}
.djplan-list .amazing-features-list p{font-size: 14px;}
.djplan-list .amazing-features-list ul li{font-size: 14px;margin-bottom: 10px;}
.djplan-list .amazing-features-list ul li:before{font-size: 15px;}
.modal-open{padding-right: 0;}
.sub-menu{margin-top: 60px;}
.s-tab-nav .nav-link{font-size: 14px;padding: 10px 15px;}
.s-tab-content .table thead th{font-size: 15px;}
.s-tab-content .table td, .s-tab-content .table th{padding: .5rem;}
.s-tab-content .table tbody td{font-size: 14px;}
.s-tab-content .table .btn{font-size: 12px;min-width: 120px;}
.contact-info{padding: 25px;}
.landing-page .navbar-brand img{width: 220px;margin-bottom: 10px;}
.landing-page .slider-text h2{font-size: 32px;}
.bannerVideo{width: 380px;height: 200px;margin: 20px auto;}
.slider-text p br{display: none}
.how-it-works-left:after{width: 180px;right: -90px;}
.how-it-works-right:before{left: 90px;}
.s-tab-nav-btn{position: fixed;right: 20px;top: auto;bottom: 20px;z-index: 999;}
.banner_btn a {width: 280px;font-size: 16px;}
.banner-note{width: 95%;bottom: -10px;}
.banner-note p {font-size: 15px;}
}

/*---------768px-----------*/
@media only screen and (max-width: 991px) {
.navbar-brand img{width: 140px;}
.navbar-toggler{margin-right: 5px;padding: 10px;width:42px;height: 42px;color: #fff !important;border-color: #fff !important;border-radius: 999px;margin-top: 17px;border-width: 2px;}
.navbar-toggler .line{width: 100%;height: 1px;background-color: #fff;margin-bottom: 6px;display: block;}
.navbar-toggler .line:last-child{margin-bottom: 0;}
.navbar-toggler:focus, .navbar-toggler:hover{outline: none;}
.navbar-collapse{background: #000;position: absolute;right: 60px;top: 70px;z-index: 99;width: 220px;padding: 0 !important;}
.navbar-dark .navbar-nav li{padding-left: 0;padding-right: 0;}
.navbar-dark .navbar-nav .nav-link{font-size: 14px;padding: 12px 15px;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{border-bottom: 0;color: #fff;background: #D22F31;}


.pt-10{padding-top: 50px;}
.pb-10{padding-bottom: 50px;}
.btn{padding: 8px 20px;}
.header_main{padding: 0 15px;}
.navbar-brand{margin-top: 15px;}
.navbar-brand img{width: 160px;}
.login-register-btn{margin-top: 18px;}
.login-register-btn li{padding: 0 5px;}
.slider-text{width: 75%;}
.slider-text h2{font-size: 36px;margin-bottom: 0;}
.slider-text p{font-size: 13px;margin: 5px 0 10px;}
.slider-text .btn-primary i{width: 26px;height: 26px;line-height: 26px;font-size: 18px;}
.home-slider .slick-prev:before, .home-slider .slick-next:before{font-size: 40px;}
.home-slider .slick-prev{left: 10px;}
.home-slider .slick-next{right: 10px;}
.slick-dots{bottom: 20px;}
.connect-dj-text{bottom: 10px;left: 20px;right: 20px;}
.amazing-features-list{padding: 25px 15px 90px;margin-top: 20px;}
.amazing-features-list img{height: 50px;margin-bottom: 10px;}
.how-it-works-list{padding-left: 80px;}
.app-store img{width: 130px;}
.usp-list{padding: 0 10px;}
.usp-list h3{font-size: 22px;}
.usp-list h3 span{font-size: 14px;}
.djplan-list .amazing-features-list h3{font-size: 22px;}
.djplan-list .amazing-features-list p span{font-size: 30px;}
.djplan-list .amazing-features-list p{font-size: 14px;}
.djplan-list .amazing-features-list ul li{font-size: 14px;margin-bottom: 10px;}
.djplan-list .amazing-features-list ul li:before{font-size: 15px;}
/*.subscribe-form{width: 100%;}
.subscribe .row{padding: 40px;}*/
.copy-right{padding: 20px 0;}
.copy-right p{font-size: 13px;}
.login-signup .modal-body{padding: 30px;}
.form-group label{font-size: 14px;margin-bottom: 3px;}
.faq-section .card-header .card-link{font-size: 15px;}
.faq-section .card-body{font-size: 13px;}
.inner-banner .slider-text h2{font-size: 30px;}
.sub-menu li a{font-size: 14px;}
.custom-file-label{height: 46px;padding: 12px;}
.custom-file-label::after{height: 44px;padding: 12px 20px;}
.s-tab-nav .nav-link{font-size: 13px;padding: 10px 15px;}
.s-tab-content .table thead th{font-size: 13px;}
.s-tab-content .table td, .s-tab-content .table th{padding: .4rem;}
.s-tab-content .table tbody td{font-size: 13px;}
.s-tab-content .table .btn{font-size: 11px;min-width: 110px;}
.campaign-mockup{margin-top: 30px;}
.card-section.my-listeners .card{margin-bottom: 30px;}
.my-listeners .col-lg-4{padding: 0;}
.contact-info{margin: 0 15px 30px;}
.contact-form {padding-left: 0px;}
.profile-avatar{width: 40px;height: 40px;}
.login-register-btn li.dropdown .dropdown-toggle::after{top: 10px;}
.sticky{position: relative;}
.contest-btn .btn{margin-top: 0;display: block;border-radius: 0;}

.profile-steps .steps ul li a{padding: 25px 5px;font-size: 16px;}
.profile-steps .stripe_account h3 br{display: block;}
.profile-steps .stripe_account h3 .btn{margin-right: 0;margin-top: 20px;}
.profile-steps .stripe-card-info{margin-top: 30px}

.new-profile .profile-image img{width: 100%;}
.bannerVideo{width: 380px;height: 200px;/*margin: 20px auto -100px;*/}
.slider-text p br{display: none}
.home-slider1{/* margin-bottom: 60px; */}
.how-it-works-left:after{width: 100px;right: -50px;}
.how-it-works-right:before{left: 50px;}
#listenerModal .modal-body img{margin: auto;display: block;}
#listenerModal p{font-size: 16px;}
.home-ipad-image{display: block;}
.home-mobile-image{display: none;}
.home-desktop-image{display: none;}
.my-listeners-list {padding: 0 30px;}
.card_details_section  .card_details img{margin-bottom: 20px;}
.banner-note p {font-size: 15px;}
.bannerBlocks {display: block;}
.bannerListBlock {flex: 0 0 100%;max-width: 100%;}
.slider-text-blocks h2{padding: 0;}
.bannerListing{margin: 10px 0;}
.slider-text.slider-text-blocks {width: 90%;}
.bannerListing {padding: 20px;}
.slider-text.slider-text-blocks{position: relative;top: auto;transform: none;}
    .slider-list-new {height: 100%;}
    header.header_new {height: 100%;overflow: auto;}

.dj-payout-text { top: 100px; width: 100%; left: 0; right: 0; max-width: 380px; text-align: center; margin: 0 auto; padding: 0 20px; }
}

/*-----------640px---------*/
@media only screen and (max-width: 767px) {
	.pt-7{padding-top: 50px;}
	.pb-7{padding-bottom: 50px;}
	.home-slider .slick-slide img.mobile-banner{display: block;}
	.home-slider .slick-slide img.desktop-banner{display: none;}
	.connect-dj-list{margin-bottom: 30px;}
	.connect-dj-img img{width: 100%;}

	.usp-list{padding: 20px 0;border-right: 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
	.usp .row > div:last-child .usp-list{border-bottom: 0;}
	.copy-right{display: block;text-align: center;}
	/*.subscribe-form .form-control{padding: 10px 20px;height: 50px;font-size: 15px;}
	.subscribe-form .btn-primary{height: 50px;padding: 10px 30px;}*/
	.login-register-btn li{padding-right: 0;}
	.login-register-btn li:last-child{display: none;}
	.login-register-btn li span{display: none;}
	.login-register-btn li i{display: block;font-size: 26px;line-height: 34px;}
	.login-register-btn li img{width: 20px;display: block;margin: 8px auto;}
	.login-register-btn li a{width: 42px;height: 42px;padding: 0;line-height: 34px;text-align: center;margin-top: 0;}
	.connect-dj-text{bottom: 30px;left: 30px;right: 30px;}
	.connect-dj-text h3{font-size: 28px;}
	.connect-dj-text p{font-size: 16px;}
	.amazing-features-list{padding: 30px 30px 80px;}
	.amazing-features-list h3{font-size: 22px;}
	.amazing-features-list ul li{font-size: 14px;}
	.amazing-features-list ul li:before{position: relative;top: 2px;}
	/*.login-register-btn{margin-top: 15px;}*/
	.sub-menu-mobile-button{display: block;background: #fff;box-shadow: 0px 8px 15px #0000000D;border-radius: 5px;padding: 15px 20px;width: 100%;margin-bottom: 20px;margin-top: -25px;position: relative;z-index: 9;display: flex;justify-content: space-between;align-items: center;font-size: 16px;font-weight: 600;}
	.sub-menu-mobile-button i{font-size: 18px;}
	.sub-menu{display: none;margin-top: 0;}
	.sub-menu li{width: 100%;}
	.sub-menu li a:hover, .sub-menu li a.active{border-radius: 10px;margin-top: 0;padding-top: 15px;}
	.login-register-btn li.dropdown{display: block;}
	.login-register-btn li.dropdown > a{font-size: 14px;width: auto;height: auto;}
	.login-register-btn li.dropdown img{width: 42px;}
	.login-register-btn li.dropdown .dropdown-toggle::after{top: 5px;}
	.login-register-btn li.dropdown .dropdown-item{font-size: 14px;height: auto;width: auto;line-height: 20px;}
	.sub-menu li a{font-size: 14px;padding: 10px 0;display: block;border-bottom: 1px solid #f3f3f7;}
	.sub-menu li:last-child a{border-bottom: 0;}
	.s-tab-nav .nav-pills{display: block;}
	.s-tab-content .table tbody td{min-width: 120px;}
	.message-box{top: 60px;left: 10px;right: 10px;padding: 10px;font-size: 11px;}
	.message-event-list h4{font-size: 12px;}
	.message-event-list .btn{font-size: 10px;}
	.top-chat .my-listeners-list li{font-size: 14px;display: inherit;}
	.top-chat .my-listeners-list li label{display: block;}
	.landing-page .navbar-brand img{width: 200px;}
	.landing-page .slider-text h2{font-size: 26px;}
	.card-section .card.stripe-card-info{margin-top: 30px;}
	.djplan-list-subscription .amazing-features-list{margin: 0px;padding: 15px;}
	.stripe-card-info #card-element{width: 100%;margin-bottom: 10px;}

	.profile-steps .steps{background: #f3f3f7;padding-bottom: 10px;}
	.profile-steps .steps ul li a .text{display: none;}
	.profile-steps .content .title.current{display: block;margin-bottom: 20px;}
	.profile-steps .content .title.current .number{display: none;}
	.profile-steps .steps ul li a .number{background: #d8d8d8;}
	.profile-steps .steps ul li{border:none;}
	.profile-steps .steps ul li a{position: relative;z-index: 99;}
	.profile-steps .steps ul li a:before{content: '';position: absolute;top: 50%; left: 50%;height: 2px;width: 100%;background: #d8d8d8;z-index: -1;}
	.profile-steps .steps ul li.last a:before{display:none;}
	.profile-steps .steps ul li.done a:before{background: #D22F31;}
	.profile-steps .steps ul li.current a:before{background: #D22F31;}
	.profile-steps .actions ul li a{padding: 8px 20px;font-size: 13px;}
	.login-register-btn li.profile-logout{display: block;}
	.login-register-btn li.profile-logout span{display: none;}
	.login-register-btn li.profile-logout i{display: block;}
	.bannerVideo{width: 100%;height: 150px;margin: 10px auto 30px;}
	.bannerVideo .playVideoBtn img{width: 40px;}
	.slider-text p br{display: none}
	.how-it-works-left:after{display: none;}
	.how-it-works-right:before{display: none;}
	.login-register-btn li span.badge{display: block;width: 16px;height: 16px;line-height: 16px;}
	.notification-box{top: 50px;}
	.notification-box ul{width: 300px;}
	.notification-box ul li{display: block!important;}
	.usp{padding: 10px 0;}
	#listenerModal button {top: 10px;right: 10px;}
    .banner-note{display: none;}
    .banner-note-mobile{display: block;}
    .banner-note-mobile p{margin: 0;padding-right: 20px;color: #000;font-size: 15px;}
    .banner-note-mobile button.close {opacity: 1;top: 50%;position: absolute;right: 20px;transform: translateY(-50%);}
    .banner-note-mobile button.close img{width: 13px;}
    .obs-note{display: none;}
    .obs-note-mobile{display: block; color: #ffffff; background: #D22F31; border:none; border-radius:0;}

    .bannerListBlock h3 {font-size: 20px;}
    .slider-text.slider-text-blocks h2 {font-size: 28px;}

	.slider-text h2 { font-size: 29px; }
	.amazing-features-list .btn {position: relative;bottom: auto;}

	.featurescard, .featurescard span{display: block;}
	.featurescard span{margin-bottom: 5px;}
	.myplancard-detail h2 a {position: initial;right: initial;display: block;margin-top: 8px;}

	.djplan-list .djplan-list-subscription-bottom{position: inherit;text-align: right;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-text { top: 61%; }
}

/*-----------575px---------*/
@media only screen and (max-width: 575px) {
	.navbar-brand{margin-top: 14px;}
	.navbar-brand img{width: 150px;}
	.heading{margin-bottom: 25px;}
	.heading h2{font-size: 24px;margin-bottom: 3px;line-height: 28px;}
	.heading p{font-size: 13px;margin-top: 0;}
	.slider-text h2{font-size: 28px;}
	.slider-text p{font-size: 12px;}
	.slider-text .btn-primary i{width: 22px;height: 22px;line-height: 22px;font-size: 16px;margin-top: -2px;}
	.slider-text .btn{padding: 10px 20px;}
	.navbar-collapse{right: 15px;}
	/*.subscribe .row{padding: 40px 10px;margin-top: 0;top: 0;border-radius: 0;}
	.subscribe-form .btn-primary{position: relative;margin-top: 10px;width: 100%;}*/
	footer{/*padding-top: 0;*/}
	.login-signup .modal-dialog{max-width: 300px;margin: 10px auto;}
	.login-signup .close{right: 10px;top: 10px;}
	.login-signup .close img{width: 20px;}
	.login-signup .modal-body{padding: 20px 20px;}
	.form-control{padding: 10px;font-size: 13px;}
	.form-group-icon img{top: 12px;height: 18px;right: 10px;}
	.form-group-icon .form-control{padding-right: 35px;}
	.form-group{margin-bottom: 15px;}
	.need-account{margin-bottom: -5px;font-size: 13px;}

	.connect-dj-text{bottom: 20px;left: 20px;right: 20px;}
	.connect-dj-text h3{font-size: 24px;}
	.connect-dj-text p{font-size: 14px;}
	.amazing-features-list h3{font-size: 22px;}
	.amazing-features-list ul li{font-size: 14px;}
	.amazing-features-list ul li:before{position: relative;top: 2px;}
	.email-input .form-group-icon img{height: 16px;}
	.inner-banner .slider-text h2{font-size: 26px;}
	.inner-banner .slider-text p{display: none;}
	.sub-menu-section{padding-left:15px;padding-right: 15px;}
	.card-section{padding-left:15px;padding-right: 15px;}
	.custom-file-label{height: 42px;padding: 10px;}
	.custom-file-label::after{height: 40px;padding: 10px 15px;}
	.login-register-btn li.dropdown > a{font-size: 0;padding-right: 0;}
	.login-register-btn li.dropdown img{margin-right: 0;}
	.message-popup p{font-size: 14px;}
	.message-popup .btn{font-size: 13px;}
	.message-box{top: 80px;left: 15px;right: 15px;padding: 10px;font-size: 12px;}
	.message-event-list h4{font-size: 12px;}
	.message-event-list .btn{font-size: 11px;}
	.my-listeners-list li{font-size: 15px;}
	.my-listeners-list li span{width: 40px;height: 40px;line-height: 40px;font-size: 15px;}
	.contact-section{padding-left: 15px;padding-right: 15px;}
    .contact-info p {margin-bottom: 8px;}
    .contact-info {padding: 25px 20px;}
    .social-links{margin-top: 15px;padding: 8px 0;}
    .social-links li{width: 30px;height: 30px;line-height: 30px;}
    .contact-section .card{padding: 0;}
    .stripe-account-popup .d-flex{display: block !important;text-align: center;}
    .stripe-account-popup .btn{margin-top: 10px;}
    .landing-page .navbar-brand img{width: 180px;}
	.landing-page .slider-text h2{font-size: 22px;}
	.card-section.new-profile .card{padding: 20px;}

	.profile-steps .content {padding: 20px 25px 10px;}
	.profile-steps .steps ul li a { padding: 15px 5px;}
	.card-body.stripe-card-info h2{font-size: 18px;}
	.profile-steps .stripe_account h3{font-size: 16px;}
	.submit_button .btn{font-size: 13px}
	.banner_btn a {width: 100%;margin-bottom: 5px;}
	.mobile-image{display: block;}
	.desktop-image{display: none;}
	.home-ipad-image{display: none;}
	.home-mobile-image{display: block;}
	.home-desktop-image{display: none;}
    .my-account .profile-image {width: 100%;}
    .no-found-data{font-size: 16px;}
    .premiumPlan h2.heading, .testPlan h2.heading {font-size: 20px!important;}

	.djplan-list .djplan-list-subscription-bottom{text-align: left;}
}
@media only screen and (max-width: 374px) {
	.notification-box ul{width: 240px;}
	.slider-text { top: 59%; width: 95%; }
	.slider-text h2 { font-size: 24px; }
	.btn.btn-dj-video-play { margin: 17px 0 7px; }
	
}