/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2026 | 15:43:58 */
div#frm_checkbox_8-1 label {
    color: #292929;
    font-size: 14px !important;
    font-weight: 700;
}
div#frm_form_1_container  button.frm_button_submit {
    background-color: #e86235 !important;
    border: none !important;
    padding: 20px 50px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
}
div#frm_form_1_container input[type=text], div#frm_form_1_container input[type=email], div#frm_form_1_container input[type=tel]   {
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    color: #292929;
    background-color: rgba(255, 255, 255, 0);
    /* border-color: #292929; */
    /* border-style: solid; */
    border-radius: 0;
    border-width: 0px;
    border-bottom: 2px solid #292929;
	font-weight:900;
}
div#frm_form_1_container textarea   {
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    color: #292929;
    background-color: rgba(255, 255, 255, 0);
    /* border-color: #292929; */
    /* border-style: solid; */
    border-radius: 0;
    border-width: 0px;
    border-bottom: 2px solid #292929;
	font-weight:900;
}

.audioalbum, .audioheading, .track {
    background: #222222 !important;
    background-color: #222222 !important;
}

.track .wp-audio-shortcode.mejs-audio .mejs-inner > .mejs-controls, .track .audiobutton a {
    background: #222222 !important;
    background-color: #222222 !important;
}

span.mejs-time-total.mejs-time-slider {
    background-color: #fff !important;
}



.cont-center-eq  svg#equalizer {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    /* float: none !important; */
    /* display: block !important; */
}



.cont-name-bg-gray {
    background: #292929;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 4px;
    padding-left: 24px;
}

.cont-name-bg-gray p{
    margin-bottom:0px !important;  
	color:#E86235 !important;
}
.custom-toggles h4.panel-title.toggle > a {
    background: #292929;
    color: #fff !important;
    padding: 1px 5px;
}

.custom-toggles h4.panel-title.toggle a span i {
    color: #fff !important;
}


.col-bg-orange-shape-bottom .fusion-column-wrapper {
   margin-top: 80px;
    padding-right: 34px;
    padding-left: 34px;
    background-color: #E86235 !important;
    /* margin-top: -120px; */
    justify-content: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
	    padding-bottom: 100px;
	
}
.col-bg-orange-shape-bottom:before {
    content: "";
    background: url(https://dj.warmi.club/wp-content/uploads/2026/05/dj3-decoration1.png);
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: -1px;
    right: 0px;
    height: 96px;
    width: 100%;
    z-index: 999;
}
.col-bg-orange-shape-bottom .fusion-column-wrapper .fusion-image-element {scale: 1.5;
margin-top: -70px;
}



.cont-col-sticky .fusion-column-wrapper {
    position: sticky !important;
    z-index: 2;
	top: 100px;
}


strong, span{
	font-family:inherit !important;
}


/******* css labels pseudoclass****/
.review.no-avatar {
    background: transparent !important;
}


.text-title-label h1:before {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-right: 20px solid white;
    border-bottom: 30px solid transparent;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
}

.text-title-label h1:after {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 20px solid white;
    border-bottom: 30px solid transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
}
.text-title-label h1 {
    background: #67C8C7;
    display: inline-block;
    padding: 5px 40px;
    position: relative;
}

/******* css labels pseudoclass****/


.cont-half-padding .fusion-column-wrapper {
    padding: 150px 100px !important;
}

.notitle-gf label.gfield_label {
    display: none !important;
}


.cont-white-text {
color:#fff !important;
}
.cont-white-text a{
color:#fff !important;
}
.cont-white-text h1{
color:#fff !important;
}
.cont-white-text h2{
color:#fff !important;
}
.cont-white-text h3{
color:#fff !important;
}
.cont-white-text h4{
color:#fff !important;
}
.cont-white-text h5{
color:#fff !important;
}
.cont-white-text h6{
color:#fff !important;
}





@media only screen and (max-width: 800px){
.with_frm_style .frm_form_fields > fieldset {
    padding-bottom: 0px !important;
}
	h1 {
    font-size: 32px !important;
}
	h2 {
    font-size: 27px !important;
}
	h3 {
    font-size: 20px !important;
}
	
	
.cont-padding-top-bottom-50 {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}

.cont-padding-top-50 {
    padding-top: 30px !important;
}

.cont-padding-bottom-50 {
    padding-bottom: 20px !important;
}	
	
.cont-half-padding .fusion-column-wrapper {
    padding: 40px 30px !important;
}

.cont-padding-top-bottom-70{
padding-top:40px !important;
padding-bottom:20px !important;
}
.cont-padding-top-70{
padding-top:40px !important;
}
.cont-padding-bottom-70{
padding-bottom:20px !important;
}


.cont-padding-top-bottom-100{
padding-top:40px !important;
padding-bottom:20px !important;
}
.cont-padding-top-100{
padding-top:40px !important;
}
.cont-padding-bottom-100{
padding-bottom:20px !important;
}


.cont-padding-top-bottom-150{
padding-top:40px !important;
padding-bottom:20px !important;
}
.cont-padding-top-150{
padding-top:40px !important;
}
.cont-padding-bottom-150{
padding-bottom:20px !important;
}


}

@media only screen and (min-width: 800px){
	.cont-top-shape-color1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://dj.warmi.club/wp-content/uploads/2026/05/dj3-bottom-shape.png);
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    height: 140px;
    width: 100%;
}
	
	.cont-top-shape-color2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://dj.warmi.club/wp-content/uploads/2026/05/dj3-bottom-shape-orange.png);
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    height: 140px;
    width: 100%;
		z-index: 99;
}
	
	
	
	.cont-img-margin-bottom-negative {
    scale: 1.1;
    margin-bottom: -100px;
}
	.col-bg-orange-shape-bottom:before{
		    bottom: 49px;
	}
	.col-bg-orange-shape-bottom .fusion-column-wrapper {
    margin-bottom: 50px;
}
	
	
	
	
.main-max-width-1000 .fusion-builder-row.fusion-row {
    max-width: 1000px !important;
}
.main-max-width-1140	 .fusion-builder-row.fusion-row {
    max-width: 1140px !important;
}
.main-max-width-1150	 .fusion-builder-row.fusion-row {
    max-width: 1150px !important;
}
.main-max-width-1160	 .fusion-builder-row.fusion-row {
    max-width: 1160px !important;
}	
.main-max-width-1170	 .fusion-builder-row.fusion-row {
    max-width: 1170px !important;
}
.main-max-width-1180	 .fusion-builder-row.fusion-row {
    max-width: 1180px !important;
}
.main-max-width-1190	 .fusion-builder-row.fusion-row {
    max-width: 1190px !important;
}
.main-max-width-1200	 .fusion-builder-row.fusion-row {
    max-width: 1200px !important;
}


.cont-padding-top-bottom-50 {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}
.cont-padding-top-50 {
    padding-top: 50px !important;
}
	.cont-padding-bottom-50 {
    padding-bottom: 30px !important;
}
	
	
.modal-header {
    padding: 20px 40px;
}


.modal-body {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 40px !important;
}

.cont-padding-top-bottom-70{
padding-top:70px !important;
padding-bottom:50px !important;
}
.cont-padding-top-70{
padding-top:70px !important;
}
.cont-padding-bottom-70{
padding-bottom:50px !important;
}




.cont-padding-top-bottom-100{
padding-top:100px !important;
padding-bottom:80px !important;
}
.cont-padding-top-100{
padding-top:100px !important;
}
.cont-padding-bottom-100{
padding-bottom:80px !important;
}


.cont-padding-top-bottom-150{
padding-top:150px !important;
padding-bottom:130px !important;
}
.cont-padding-top-150{
padding-top:150px !important;
}
.cont-padding-bottom-150{
padding-bottom:130px !important;
}


}





/**********************************************************/

/*svg rect {
      fill: #e75234; 
      animation: bounce 1s infinite ease-in-out;
    }

    
    svg rect:nth-child(1) { animation-delay: 0s; }
    svg rect:nth-child(2) { animation-delay: 0.2s; }
    svg rect:nth-child(3) { animation-delay: 0.4s; }
    svg rect:nth-child(4) { animation-delay: 0.6s; }
    svg rect:nth-child(5) { animation-delay: 0.8s; }


    svg rect:nth-child(6) { animation-delay: 0s; }
    svg rect:nth-child(7) { animation-delay: 0.2s; }
    svg rect:nth-child(8) { animation-delay: 0.4s; }
    svg rect:nth-child(9) { animation-delay: 0.6s; }
    svg rect:nth-child(10) { animation-delay: 0.8s; }
    @keyframes bounce {
      0%, 100% { height: 10px; y: 30px; }
      50% { height: 40px; y: 0px; }
    }
*/

svg rect {
      fill: #e75234; 
      width: 2px;  
      animation: bounce 1s infinite ease-in-out;
    }

    /*svg rect:nth-child(odd) { animation-delay: 0.2s; }
    svg rect:nth-child(even) { animation-delay: 0.4s; }*/



   svg rect:nth-child(2n + 1) { animation-delay: 0.2s; }
   svg rect:nth-child(3n + 1) { animation-delay: 0.3s; }
svg rect:nth-child(4n + 1) { animation-delay: 0.4s; }
svg rect:nth-child(5n + 1) { animation-delay: 0.5s; }
svg rect:nth-child(6n + 1) { animation-delay: 0.6s; }

    @keyframes bounce {
      0%, 100% { height: 10px; y: 30px; }
      50% { height: 40px; y: 0px; }
    }