@font-face {

  font-family: 'DIN Condensed';

  font-style: normal;

  font-weight: 700;

  src: local('DIN Condensed'),

  url('../fonts/D-DINCondensed-Bold.woff') format('woff');

}

@font-face {

  font-family: 'DIN Condensed';

  font-style: normal;

  font-weight: normal;

  src: local('DIN Condensed'),

  url('../fonts/D-DINCondensed.woff') format('woff');

}



.iconwrap a{display:inline-block; padding:5px}



#lightSlider  ul {

  list-style: none outside none;

  padding-left: 0;

  margin-bottom:0;

}

#lightSlider  li {

  display: block;

  float: left;

  margin-right: 6px;

  cursor:pointer;

}

#lightSlider img {

  display: block;

    width: 100% !important;

    margin: 0 auto;

}



.montserrat-regular {font-family: 'DIN Condensed';}

body{font-size:16px;background-color:#ffffff;font-family: 'DIN Condensed';line-height:1.3}

.main-container-bg { background: url(../images/iclubz-bg.jpg) no-repeat; background-size: cover;    background-position: 100% 40%;}

.main-wrap{width:100%;     min-height: 663px;}





.side-menu a{background-color:rgba(255,255,255,0.6); color:#000000;  font-size:17px; border-radius:0 12px 12px 0; display:block; padding:6px 6px 6px 25px; margin:10px 0;    font-family: 'Helvetica'; }

.side-menu a:hover{text-decoration:none; background-color:rgba(244,247,4,0.6);}

.side-menu strong{ font-size:28px; display:block; font-family: 'DIN Condensed';}



.card-img { max-width:215px}

.card-img img{width:100%}

.card-img a,.card-img a:hover{background:transparent; }

.card-img a:hover{opacity:0.6}



.social-icons {	position: absolute;	top: 0;	right: 0;	max-width: 250px;	background-color: rgba(255,255,255,0.5);	padding: 7px;	border-radius: 12px 0 0 12px;	width: 100%;

margin-top: 20px;}

.social-icons a {	padding: 10px 4px;}

.social-icons a:hover{opacity:.6}

.footer{width: 100%;  display: flex;  overflow: hidden;padding: 0 50px; padding-top:110px;}

.footer a {display: inline-block;color:#ffffff;font-size:18px;padding:10px;}

.carousel-left-section{float:left; width:50%;}

.carousel-right-section{float:left; width:50%;}

.card{width:100%; border:none;}

.card .card-img-top {max-width:280px; margin:0 auto;}

.carousel-control-prev { left: -75px; background-color:#000000; height:50px; width:50px; border-radius:50%; top:45%}

.carousel-control-next {right: -75px; background-color:#000000; height:50px; width:50px; border-radius:50%;  top:45%}



.carousel-control-next, .carousel-control-prev { opacity:1;}

.dj-booth a{

         width: 23%;

}

.dj-booth a.btn p{

  color: #fff;

  font-weight: 800;

  font-size: 32px;

  text-shadow: 1px 3px 2px #000000d4;

  margin: 0;

}

.dj-booth i{font-size:30px; display:block}



.side-menu { z-index:9999; position:absolute; float:left; width:160px; }

.home-logo{ width:100%;  float:left; min-height:250px}

.middle-container{ width:100%;  float:left; min-height:550px; }





.dj-booth {max-width:540px; margin:0 auto;}

.middle-container-wrap{max-width:800px; margin:0 auto;}

.dance-left-wrap {width:40%; float:left; text-align:center}

.dance-mid-wrap {width:20%; float:left; text-align:center}

.dance-right-right  {width:40%; float:left;   text-align:center}



.dance-page{max-width:700px; margin:0 auto; }

.dance-page-wrap{width:100%; border-radius:20px; background:rgba(255,255,255,0.85); float:left; padding:30px}

.bg-wht-transparent{

      width: 100%;

  background: rgb(255 255 255 / 48%);

  padding: 25px!important;

    margin-top: 30px;

}

.profile-page{max-width:800px; margin:0 auto; margin-top:0;  }

.profile-page-wrap{

  width: 100%;

  border-radius: 0px;

  border: 4px solid #343434;

  background: rgb(255 255 255 / 18%);

  float: left;

  padding: 20px;

  position: relative;

      margin-top: 30px;

}

.checkout{ 

position: absolute;

  top: -29px;

  background-color: #3f34b1de;

  left: 10px;

  padding: 10px 21px;}

.checkout h5{

  color: #fff!important;

  font-size: 32px;

  text-shadow: 0 0 6px black;

}

.reggage{

      position: absolute;

  right: 0;

  top: -37px;

}

.dj-booth-wrap{

 width: 55%;

 border-radius: 20px;

 padding: 5px 20px;

 position: absolute;

 background: rgb(255 255 255 / 76%)!important;

 top: auto;

 left: auto;

 transform: none;

 z-index: 999;

 border: 3px solid #292929d4;

 display: flex;

 flex-wrap: wrap;

 justify-content: center;

 margin-top: 50px;

}





.register-page{max-width:616px; margin:0 auto;   }

.register-page-wrap{width:100%; border-radius:20px; background:rgba(255,255,255,0.85); float:left; padding:30px;margin: 30px 0;}

          

.main-logo{ 

  margin: 5px 30px;

  position: relative;

  display: inline-block;

  width: 510px;

  }

.main-logo img{ width: 190px;}





.desktop-view{display:block;}

.mob-view{display:none;}





.lSSlideOuter {

  overflow: hidden;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none

}

.lightSlider:before, .lightSlider:after {

  content: " ";

  display: table;

}

.lightSlider {

  overflow: hidden;

  margin: 0;

}

.lSSlideWrapper {

  max-width: 100%;

  overflow: hidden;

  position: relative;

}

.lSSlideWrapper > .lightSlider:after {

  clear: both;

}

.lSSlideWrapper .lSSlide {

  -webkit-transform: translate(0px, 0px);

  -ms-transform: translate(0px, 0px);

  transform: translate(0px, 0px);

  -webkit-transition: all 1s;

  -webkit-transition-property: -webkit-transform,height;

  -moz-transition-property: -moz-transform,height;

  transition-property: transform,height;

  -webkit-transition-duration: inherit !important;

  transition-duration: inherit !important;

  -webkit-transition-timing-function: inherit !important;

  transition-timing-function: inherit !important;

}

.lSSlideWrapper .lSFade {

  position: relative;

}

.lSSlideWrapper .lSFade > * {

  position: absolute !important;

  top: 0;

  left: 0;

  z-index: 9;

  margin-right: 0;

  width: 100%;

}

.lSSlideWrapper.usingCss .lSFade > * {

  opacity: 0;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  -webkit-transition-duration: inherit !important;

  transition-duration: inherit !important;

  -webkit-transition-property: opacity;

  transition-property: opacity;

  -webkit-transition-timing-function: inherit !important;

  transition-timing-function: inherit !important;

}

.lSSlideWrapper .lSFade > *.active {

  z-index: 10;

}

.lSSlideWrapper.usingCss .lSFade > *.active {

  opacity: 1;

}

/** /!!! End of core css Should not edit !!!/**/



/* Pager */

.lSSlideOuter .lSPager.lSpg {

  margin: 10px 0 0;

  padding: 0;

  text-align: center;

}

.lSSlideOuter .lSPager.lSpg > li {

  cursor: pointer;

  display: inline-block;

  padding: 0 5px;

}

.lSSlideOuter .lSPager.lSpg > li a {

  background-color: #222222;

  border-radius: 20px;

  display: inline-block;

  height: 8px;

  overflow: hidden;

  text-indent: -999em;

  width: 8px;

  position: relative;

  z-index: 99;

  -webkit-transition: all 0.5s linear 0s;

  transition: all 0.5s linear 0s;

}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {

  background-color: #428bca;

}

.lSSlideOuter .media {

  opacity: 0.8;

}

.lSSlideOuter .media.active {

  opacity: 1;

}

/* End of pager */



/** Gallery */

.lSSlideOuter .lSPager.lSGallery {

  list-style: none outside none;

  padding-left: 0;

  margin: 0;

  overflow: hidden;

  transform: translate3d(0px, 0px, 0px);

  -moz-transform: translate3d(0px, 0px, 0px);

  -ms-transform: translate3d(0px, 0px, 0px);

  -webkit-transform: translate3d(0px, 0px, 0px);

  -o-transform: translate3d(0px, 0px, 0px);

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.lSSlideOuter .lSPager.lSGallery li {

  overflow: hidden;

  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;

  transition: border-radius 0.12s linear 0s 0.35s linear 0s;

}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {

  border-radius: 0;

opacity:.6

}

.lSSlideOuter .lSPager.lSGallery img {

  display: block;

  height: auto;

  max-width: 100%;

}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {

  content: " ";

  display: table;

}

.lSSlideOuter .lSPager.lSGallery:after {

  clear: both;

}

/* End of Gallery*/



/* slider actions */

.lSAction > a {

  width: 32px;

  display: block;

  top: 50%;

  height: 32px;

  background-image: url('../images/controls.png');

  cursor: pointer;

  position: absolute;

  z-index: 99;

  margin-top: -16px;

  opacity:1;

  -webkit-transition: opacity 0.35s linear 0s;

  transition: opacity 0.35s linear 0s;

}

.lSAction > a:hover {

  opacity: 1;

}

.lSAction > .lSPrev {

  background-position: 0 0;

  left: 10px;

}

.lSAction > .lSNext {

  background-position: -32px 0;

  right: 10px;

}

.lSAction > a.disabled {

  pointer-events: none;

}

.cS-hidden {

  height: 1px;

  opacity: 0;

  filter: alpha(opacity=0);

  overflow: hidden;

}





/* vertical */

.lSSlideOuter.vertical {

  position: relative;

}

.lSSlideOuter.vertical.noPager {

  padding-right: 0px !important;

}

.lSSlideOuter.vertical .lSGallery {

  position: absolute !important;

  right: 0;

  top: 0;

}

.lSSlideOuter.vertical .lightSlider > * {

  width: 100% !important;

  max-width: none !important;

}



/* vertical controlls */

.lSSlideOuter.vertical .lSAction > a {

  left: 50%;

  margin-left: -14px;

  margin-top: 0;

}

.lSSlideOuter.vertical .lSAction > .lSNext {

  background-position: 31px -31px;

  bottom: 10px;

  top: auto;

}

.lSSlideOuter.vertical .lSAction > .lSPrev {

  background-position: 0 -31px;

  bottom: auto;

  top: 10px;

}

/* vertical */





/* Rtl */

.lSSlideOuter.lSrtl {

  direction: rtl;

}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {

  padding-left: 0;

  list-style: none outside none;

}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {

  padding-right: 0;

}

.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {

  float: left;

}

.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {

  float: right !important;

}

/* Rtl */



@-webkit-keyframes rightEnd {

  0% {

      left: 0;

  }



  50% {

      left: -15px;

  }



  100% {

      left: 0;

  }

}

@keyframes rightEnd {

  0% {

      left: 0;

  }



  50% {

      left: -15px;

  }



  100% {

      left: 0;

  }

}

@-webkit-keyframes topEnd {

  0% {

      top: 0;

  }



  50% {

      top: -15px;

  }



  100% {

      top: 0;

  }

}

@keyframes topEnd {

  0% {

      top: 0;

  }



  50% {

      top: -15px;

  }



  100% {

      top: 0;

  }

}

@-webkit-keyframes leftEnd {

  0% {

      left: 0;

  }



  50% {

      left: 15px;

  }



  100% {

      left: 0;

  }

}

@keyframes leftEnd {

  0% {

      left: 0;

  }



  50% {

      left: 15px;

  }



  100% {

      left: 0;

  }

}

@-webkit-keyframes bottomEnd {

  0% {

      bottom: 0;

  }



  50% {

      bottom: -15px;

  }



  100% {

      bottom: 0;

  }

}

@keyframes bottomEnd {

  0% {

      bottom: 0;

  }



  50% {

      bottom: -15px;

  }



  100% {

      bottom: 0;

  }

}

.lSSlideOuter .rightEnd {

  -webkit-animation: rightEnd 0.3s;

  animation: rightEnd 0.3s;

  position: relative;

}

.lSSlideOuter .leftEnd {

  -webkit-animation: leftEnd 0.3s;

  animation: leftEnd 0.3s;

  position: relative;

}

.lSSlideOuter.vertical .rightEnd {

  -webkit-animation: topEnd 0.3s;

  animation: topEnd 0.3s;

  position: relative;

}

.lSSlideOuter.vertical .leftEnd {

  -webkit-animation: bottomEnd 0.3s;

  animation: bottomEnd 0.3s;

  position: relative;

}

.lSSlideOuter.lSrtl .rightEnd {

  -webkit-animation: leftEnd 0.3s;

  animation: leftEnd 0.3s;

  position: relative;

}

.lSSlideOuter.lSrtl .leftEnd {

  -webkit-animation: rightEnd 0.3s;

  animation: rightEnd 0.3s;

  position: relative;

}

/*/  GRab cursor */

.lightSlider.lsGrab > * {

cursor: -webkit-grab;

cursor: -moz-grab;

cursor: -o-grab;

cursor: -ms-grab;

cursor: grab;

}

.lightSlider.lsGrabbing > * {

cursor: move;

cursor: -webkit-grabbing;

cursor: -moz-grabbing;

cursor: -o-grabbing;

cursor: -ms-grabbing;

cursor: grabbing;

}







@media (max-width: 1400px) {

.dance-page { max-width: 600px;	margin: 0 auto;	margin-top: 0;}

.side-menu {width:205px}

.side-menu strong {	font-size: 24px; }

.side-menu a {	font-size: 14px;padding: 6px 6px 6px 15px;}

.profile-page {	max-width: 780px; float:none;}

.middle-container {	width: calc(100% - 205px);	float: none; margin-left:205px; padding:20px;}

.card-img { bottom:112px; }

}





@media (max-width: 991px) {

.side-menu {width: 100%; max-width:295px; z-index:9999; position:relative}

.side-menu strong {	font-size: 26px; }

.side-menu a {	font-size: 17px;padding: 6px 6px 6px 15px;}

.carousel-control-prev { left: 5px;height:40px; width:40px;}

.carousel-control-next {right: 5px;height:40px; width:40px;}

.side-menu a{background-color:rgba(255,255,255,1);}

.side-menu a:hover{background-color:rgba(244,247,4,1);}

.side-menu.sidebar {display:none;}

.middle-container {	width: 100%; margin-left:0;	float: left;}

.main-logo {	margin: 15px auto 40px;	float: none; width: 100%;text-align: center;    min-height: 125px;}

.main-logo img { 	width: 100%;	max-width: 200px;}

.social-icons.mob-view {position: static;	margin: 0 auto; max-width:296px; padding:7px; background:transparent; margin-bottom:40px}

.card-img.mob-view {position: static;	margin: 0 auto;   padding:7px;  margin-bottom:40px}





.footer .social-icons a { 	padding: 4px;}

#lightSlider {text-align:center}

#lightSlider img {	

    display: block;	

    height: auto !important;

    width: 100% !important;

    margin: 0 auto;

}

.lSAction > a { top: 44%;}

.desktop-view{display:none;}

.mob-view{display:block;}

.card-img.mob-view a {padding: 0;}

.card-img.mob-view {padding: 0;}

}



@media (max-width: 767px) {



}



@media (max-width: 525px) {

.img-fluid-mob{max-width:100%; width:90%; margin:0 auto;}

.social-icons {	max-width: 210px;}

.social-icons {padding: 6px;}

.social-icons a {padding: 5px;}

.social-icons img{max-width:35px}

.main-logo img {	max-width: 138px;}

.dance-page-wrap {padding: 17px;}



}





/* New CSS 11 April, 2021 */

.middle-centered-images{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 9;

}

.middle-centered-images img:hover, .side-menu.sidebar img:hover{

  -webkit-animation: zoomeffect 10s infinite;

 -moz-animation: zoomeffect 10s infinite;

 animation: zoomeffect 1.5s infinite;

}

@-webkit-keyframes zoomeffect{

      0%{

          background-position:center;

        transform:scale(1,1);

      }

      50%{

          background-position:center;

        transform:scale(1.1,1.1);

      }

      100%{

          background-position:center;

        transform:scale(1,1);

      }

}

@keyframes zoomeffect{

      0%{

          background-position:center;

        transform:scale(1,1);

      }

      50%{

          background-position:center;

        transform:scale(1.1,1.1);

      }

      100%{

          background-position:center;

        transform:scale(1,1);

      }

}

.center-view-design{

  position: relative;

  margin-top: 100px;

}

.center-view-design .items{

 background-color: #ffffffb3;

  padding: 49px 0px;

  text-align: left;

  padding-left: 100px;

}

.center-view-design .right-row .items{

  padding-left: 215px;

}

.center-view-design .items a{

  color: #343434;

    font-size: 45px;

    line-height: 33px;

    text-decoration: none;

    font-family: 'DIN Condensed';

    font-weight: 500;

}

.center-view-design .items a span{

      font-size: 20px;

  font-weight: 400;

}

.footer-navs{

  display: inline-block;

}

.card-img {

  max-width: 315px;

  display: flex!important;

  float: right;

  margin-bottom: 12px;

}

.card-img a{

    width: 50%;

    display: inline-block;

    float: left;

}

.card-img a:nth-child(2){

  

width: 20%;

margin-left:15px;

}

.checkout-room-width{

      max-width: 70%;

  margin-top: 10px;

}

.participants .col-3 .mt-n4 p{

  display: inline-block;

  margin-left: 50px;

}

.mt-n4, .my-n4 {

  margin-top: -3.5rem!important;

  margin-bottom: 12px;

}

.profile-page-wrap{



}

.profile-page-wrap .card{

  background-color: #ffffff29;

  border-radius: 0;

  height: 100%;

}

.profile-page-wrap .card-body p{

  font-size: 25px;

  font-weight: 600;

  margin-bottom: 8px;

  text-shadow: 0 0 2px #f7f7f7;

}

.profile-page-wrap .card-body p.quote{

  font-size: 17px;

  color: #fff;

  text-shadow: 0 0 4px black;

  font-weight: 400;

  margin: 45px 0;

}

ul.lSPager.lSGallery li{

width: 52px!important;

  /*float: right;*/

}

.stage-box{ 

      display: flex;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  border: 10px solid #343434;

  padding: 6px 16px;

  background-color: #00000042;

}

.stage-box .left-part{

  border-right: 2px solid;

}

.stage-box .right-part{

  

}

.timer{

  position: absolute;

  top: 25%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: #343434eb;

  border-radius: 50%;

  width: 95px;

  height: 95px;

      display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}

.timer p{

  font-size: 25px;

  color:#5c85e1;

  font-weight: 600;

  line-height: 20px;

}

.timer p span{

   font-size: 16px;

   font-weight: 400;

}

.music0-img{

  width: 265px!important;

  margin-top: 28px;

  margin-left: 12px;

}

.bg-white-trans{

  background-color: #ffffffa8;

  margin-bottom: 11px;

  padding: 10px;

}

.bg-white-trans h3{

      font-size: 125%;

  font-weight: 600;

}

.girl{

    background: url(../images/girl.png) no-repeat #ffffffa3;

    padding: 0;

    background-size: 106px;

}

.mic{

    background: url(../images/mic.png) no-repeat #ffffffa3;

    background-position-x: 100%;

    background-size: 108px;

}

.cd{

    background: url(../images/cd.png) no-repeat #ffffffa3;

    background-size: 77px;

    padding: 0;

    background-size: 84px;

}

.rose{

    background: url(../images/rose.png) no-repeat #ffffffa3;

    background-position-x: 100%;

    background-size: 170px;

}

.girl-p{

  background: url(../images/girl.png) no-repeat;

  background-position-x: 0;

}

.mic-p{

  background: url(../images/mic.png) no-repeat;

  background-position-x: 100%;

}

.cd-p{

     background: url(../images/cd.png) no-repeat;

  background-position-x: 0;

  background-size: 77px;

}

.rose-p{

  background: url(../images/rose.png) no-repeat;

  background-position-x: 100%;

}

.dj-booth-wrap img{

  max-width: 100%;

  border-radius: 12px;

}















/* responsive css */



/* 

##Device = Desktops

##Screen = 1281px to higher resolution desktops

*/



@media (min-width: 1281px) {



/* CSS */



}



/* 

##Device = Laptops, Desktops

##Screen = B/w 1025px to 1280px

*/



@media (min-width: 1025px) and (max-width: 1280px) {



/* CSS */



}



/* 

##Device = Tablets, Ipads (portrait)

##Screen = B/w 768px to 1024px

*/



@media (min-width: 768px) and (max-width: 1024px) {



.center-view-design .col-md-12.col-lg-6{

  margin-bottom: 15px;

}

.center-view-design .items{

  padding: 45px 0;

  padding-left: 0!important;

  text-align: center;

}

.mob-view-bottom {

    margin-bottom: 265px!important;

}

.middle-centered-images {

    width: 31%;

    left: 43%;

}

.cd {

    margin-top: 30px;

}

}





@media (min-width: 320px) and (max-width: 480px) {

.center-view-design{

  margin-top: 0;

}

.center-view-design .col-md-12.col-lg-6{

  margin-bottom: 15px;

}

.center-view-design .items{

  padding: 45px 0;

  padding-left: 0!important;

  text-align: center;

}

.mob-view-bottom{

  margin-bottom: 245px!important;

}

.main-container-bg {

  height: auto;

}

.footer {

  padding: 0 5px;

  bottom: 0px;

}

.card-img.mob-view {

  padding: 0;

  width: 100%;

  max-width: 62%;

  float: none;

}

.footer-navs {

  display: inline-block;

    text-align: center;

    margin-top: 10px;

}

.footer a {

  color: #ffffff;

    font-size: 14px;

    padding: 4px 6px;

    display: inline-block;

}

.social-icons.mob-view {

  max-width: 100%;

  padding: 7px;

  margin-bottom: 15px;

  text-align: center;

}

.middle-centered-images {

  top: 51%;

  left: 41%;

}







.dj-booth-wrap {

  width: 90%;

}

.dj-booth a.btn {

  width: 42%;

  height: 86px;

  padding-top: 25px !important;

  border-radius: 50%;

  font-weight: bold;

  font-family: 'DIN Condensed';

  font-size: 22px;

  text-align: center;

  margin: 7px 7px!important;

  background: url(../images/dj--booth-bg.png) no-repeat;

  background-size: 100% 100%;

  display: flex;

  align-items: flex-end;

  float: left;

}

.dj-booth-wrap {

  width: 95%;

  border-radius: 20px;

  padding: 15px 20px;

  position: absolute;

  background: rgba(255,255,255,0.85);

  top: 59%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 999;

  border: 3px solid #292929d4;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.dj-booth a.btn img {

  width: 32px;

}

.dj-booth a.btn p {

  color: #fff;

  font-weight: 600;

  font-size: 20px;

  text-shadow: 1px 3px 2px #000000d4;

  margin: 0;

}

.checkout-room-width {

  max-width: 100%;

  margin-top: 50px;

}

.participants{

  display: flex;

  flex-direction: column;

}

.participants .col-3{

      max-width: 100%;

  margin-bottom: 25px;

}

.checkout {

  position: absolute;

  top: -65px;

}

.profile-page-wrap {

padding: 0px;

}

.profile-page-wrap .card-body p {

  font-size: 17px;

}

.profile-page-wrap .card-body p.quote {

  font-size: 14px;

  color: #fff;

  text-shadow: 0 0 4px black;

  font-weight: 400;

  margin: 12px 0;

}

.profile-page-wrap .btn {

  padding:0;

}

.profile-page-wrap .mt-4, .my-4{

  margin-top: 0!important;

}

.stage-box {

    top: 10%;

    left: 23%;

    width: auto!important;

    width: 95%;

}

.stage-box .content {

    width: auto;

}    

.timer {

  position: absolute;

  top: 40%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 12%;

}

.main-wrap.stage {

  min-height: 490px;

}

#equalizer-top {

  right: 10%!important;

}

.dj-booth a {

  width: 45%;

}

.dj-booth-wrap img {

  max-width: 100%;

}







}



/* equalizer css */

#equalizer-top{

  position: absolute;

  right: 0;

  bottom: 0;

}

#equalizer-top span{

  width: 10px;

  background-color: #343434;

  height: 35px;

  display: inline-block;

  margin: 0px;

}



#bar1 {

animation: bar1 0.9s infinite linear;

}



#bar2 {

animation: bar2 0.8s infinite linear;

}

#bar3 {

animation: bar3 0.7s infinite linear;

}

#bar4 {

animation: bar4 0.7s infinite linear;

}

#bar5 {

animation: bar5 0.8s infinite linear;

}

#bar6 {

animation: bar6 0.8s infinite linear;

}

#bar7 {

animation: bar7 .9s infinite linear;

}

#bar8 {

animation: bar8 0.8s infinite linear;

}

#bar9 {

animation: bar9 1.1s infinite linear;

}

#bar10 {

animation: bar10 0.5s infinite linear;

}

#bar11 {

animation: bar11 0.7s infinite linear;

}

#bar12 {

animation: bar12 0.8s infinite linear;

}

#bar13 {

animation: bar13 0.9s infinite linear;

}

#bar14 {

animation: bar14 0.8s infinite linear;

}

#bar15 {

animation: bar15 0.7s infinite linear;

}

#bar16 {

animation: bar16 0.7s infinite linear;

}

#bar17 {

animation: bar17 0.8s infinite linear;

}

#bar18 {

animation: bar18 0.8s infinite linear;

}

#bar19 {

animation: bar19 0.4s infinite linear;

}

#bar20 {

animation: bar20 0.4s infinite linear;

}



@keyframes bar1 {

0% {

  height: 40px;

}

50% {

  height: 20px;

}

100% {

  height: 40px;

}

}



@keyframes bar2 {

0% {

  height: 45px;

}

50% {

  height: 35px;

}

100% {

  height: 45px;

}

}



@keyframes bar3 {

0% {

  height: 25px;

}

50% {

  height: 10px;

}

100% {

  height: 25px;

}

}



@keyframes bar4 {

0% {

  height: 9px;

}

50% {

  height: 5px;

}

100% {

  height: 9px;

}

}

@keyframes bar5 {

0% {

  height: 25px;

}

50% {

  height: 20px;

}

100% {

  height: 25px;

}

}

@keyframes bar6 {

0% {

  height: 30px;

}

50% {

  height: 20px;

}

100% {

  height: 30px;

}

}

@keyframes bar7 {

0% {

  height: 35px;

}

50% {

  height: 30px;

}

100% {

  height: 35px;

}

}

@keyframes bar8 {

0% {

  height: 25px;

}

50% {

  height: 20px;

}

100% {

  height: 25px;

}

}



@keyframes bar9 {

0% {

  height: 15px;

}

50% {

  height: 7px;

}

100% {

  height: 15px;

}

}



@keyframes bar10 {

0% {

  height: 10px;

}

50% {

  height: 2px;

}

100% {

  height: 10px;

}

}

@keyframes bar11 {

0% {

  height: 20px;

}

50% {

  height: 15px;

}

100% {

  height: 20px;

}

}

@keyframes bar12 {

0% {

  height: 25px;

}

50% {

  height: 15px;

}

100% {

  height: 25px;

}

}

@keyframes bar13 {

0% {

  height: 30px;

}

50% {

  height: 25px;

}

100% {

  height: 30px;

}

}

@keyframes bar14 {

0% {

  height: 25px;

}

50% {

  height: 15px;

}

100% {

  height: 25px;

}

}

@keyframes bar15 {

0% {

  height: 15px;

}

50% {

  height: 5px;

}

100% {

  height: 15px;

}

}

@keyframes bar16 {

0% {

  height: 10px;

}

50% {

  height: 2px;

}

100% {

  height: 10px;

}

}

@keyframes bar17 {

0% {

  height: 20px;

}

50% {

  height: 18px;

}

100% {

  height: 20px;

}

}

@keyframes bar18 {

0% {

  height: 25px;

}

50% {

  height: 15px;

}

100% {

  height: 25px;

}

}

@keyframes bar19 {

0% {

  height: 30px;

}

50% {

  height: 20px;

}

100% {

  height: 30px;

}

}

@keyframes bar20 {

0% {

  height: 35px;

}

50% {

  height: 25px;

}

100% {

  height: 35px;

}

}



.max-wid{max-width: 700px;}



.bg-primary{background-color: #8e7dae!important;}

.checked {

color: orange;

}



body {

background-color: #fff

}



::-webkit-scrollbar {

width: 10px

}

.section-title a img {

    max-width: 100%;

}



::-webkit-scrollbar-track {

background: #eee

}

form#joinForm::-webkit-scrollbar {

    height: 8px;

    overflow: visible;

    width: 8px;

}

::-webkit-scrollbar-thumb {

background: #888

}



::-webkit-scrollbar-thumb:hover {

background: #555

}



.wrapper {

height: 100vh;

display: flex;

justify-content: center;

align-items: center;

background-color: #651FFF

}



.main {

background-color: #eee;

width: 100%;

position: relative;

border-radius: 8px;

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

padding: 6px 0px 0px 0px

}



.scroll {

overflow-y: scroll;

scroll-behavior: smooth;

height: 325px

}



.img1 {

border-radius: 50%;

background-color: #66BB6A

}



.name {

font-size: 8px

}



.msg {

background-color: #fff;

font-size: 11px;

padding: 5px;

border-radius: 5px;

font-weight: 500;

color: #3e3c3c

}



.between {

font-size: 8px;

font-weight: 500;

color: #a09e9e

}



.navbar {

border-bottom-left-radius: 8px;

border-bottom-right-radius: 8px;

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

z-index:9999;

}



.form-control {

font-size: 12px;

font-weight: 400;

width: 230px;

height: 30px;

border: none

}



form-control: focus {

box-shadow: none;

overflow: hidden;

border: none

}



.form-control:focus {

box-shadow: none !important

}



.icon1 {

color: #7C4DFF !important;

font-size: 18px !important;

cursor: pointer

}



.icon2 {

color: #512DA8 !important;

font-size: 18px !important;

position: relative;

left: 8px;

padding: 0px;

cursor: pointer

}



.icondiv {

border-radius: 50%;

width: 15px;

height: 15px;

padding: 2px;

position: relative;

bottom: 1px

}

.chat-bg{background: #ffffff;}



/*Rate CSS*/



fieldset,

label {

  margin: 0;

  padding: 0

}



.rating {

border: none;

/* margin-right: 49px; */

text-align: center;

align-items: center;

display: inline-block;

}



.myratings {

  font-size: 85px;

  color: #ff0000;

}



.rating>[id^="star"] {

  display: none

}



.rating>label:before {

  margin: 5px;

  font-size: 2.25em;

  font-family: FontAwesome;

  display: inline-block;

  content: "\f005"

}



.rating>.half:before {

  content: "\f089";

  position: absolute

}



.rating>label {

  color: #ddd;

  float: right

}



.rating>[id^="star"]:checked~label,

.rating:not(:checked)>label:hover,

.rating:not(:checked)>label:hover~label {

  color: #FFD700

}



.rating>[id^="star"]:checked+label:hover,

.rating>[id^="star"]:checked~label:hover,

.rating>label:hover~[id^="star"]:checked~label,

.rating>[id^="star"]:checked~label:hover~label {

  color: #FFED85

}



.reset-option {

  display: none

}



.reset-button {

  margin: 6px 12px;

  background-color: rgb(255, 255, 255);

  text-transform: uppercase

}



.mt-100 {

  margin-top: 100px

}



.card-rate {

  position: relative;

  display: flex;

  width: auto;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  border: 1px solid #d2d2dc;

  border-radius: 11px;

  -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);

  -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);

  box-shadow: 0px 0px 5px 0px rgb(161, 163, 164)

}



.card-rate .card-body {

  padding: 1rem 1rem

}



.card-body {

  flex: 1 1 auto;

  padding: 1.25rem

}



.rate-feedback{



margin-top: 10px;



}

.form-control2{

font-size: 12px;

font-weight: 400;

width: 100%;

height: 40px;

border: 1px solid #cabbbb;

border-radius: 5px;

}

.text-box{

font-size: 12px;

font-weight: 400;

width: 100%;

min-height: 90px;

max-height: 150px;

border: 1px solid #cabbbb;

border-radius: 5px;

margin-top: 12px;

}

.cart-wrap{

border: 1px solid #d2d2dc;

  border-radius: 11px;

}

.peep_chat_cont,.video_audio_calls,.peep_attachment_icons,.admin_sidebar_menu_item_user_settings,.admin_sidebar_menu_item_settings_language,.admin_sidebar_menu_item_plugins_settings,.admin_sidebar_menu_item_users_roles,.admin_sidebar_menu_item_questions,.admin_sidebar_menu_item_plugin_mass_mailing,.admin_sidebar_menu_item_restricted_usernames,.admin_sidebar_menu_item_users,.admin_sidebar_menu_item_dashboard_finance,.admin_sidebar_menu_dashboard{

  display:none!important;

}



.center-view-design .items a{text-shadow: 1px 1px 2px #ff6262;

font-weight: 700;

}



.center-view-design .items {

background-color: transparent;

}

span.reggage {

font-size: 43px;

font-weight: 600;

color: #f4ff12;

font-style: italic;

text-shadow: 0px 1px 14px #261a1a;

}







.type-music h6{font-size: 20px;

font-size: 18px;

color: #fff;

background: #e718187a;}

.type-music img{max-width: 152px;

width: 100%;

padding: 5px;}

a.type-music {

border: 1px solid #9e4bad;

display: block;

text-align: center;

max-width: 100px;

background: #83448f7a

border-radius: 7px;

}

a.type-music:hover{ box-shadow: 0px 0px 10px 1px rgba(158,75,173,1);

-webkit-box-shadow: 0px 0px 10px 1px rgba(158,75,173,1);

-moz-box-shadow: 0px 0px 10px 1px rgba(158,75,173,1);



}

.mtb10{margin: 20px 0;}

.bg-row{

background: #f9e8fa8c;

  opacity: 0.9;

  margin-top: 17px !important;

  margin: 0;

}



.img-rotate{

      position: absolute;

  width: 450px;

  max-width: 450px;

  height: 450px;

  top: -40px;

  left: -44px;

}



.rotate {

animation: rotation 8s infinite linear;

}



@keyframes rotation {

from {

  transform: rotate(0deg);

}

to {

  transform: rotate(359deg);

}

}



.middle-centered-images a{

      display: block;

}

.middle-centered-images a img{

    

}

.img-inner-rotate .img-rotate{

      width: 300px;

  max-width: 300px;

  height: 300px;

  top: -24px;

  left: -23px;

}

.img-inner-rotate{

  width: 250px;

  padding-left: 0!important;

  height: 250px;

}

.middle-centered-images img.img-inner-zoom{

  width: 250px;

  height: 250px;

  max-width: 250px;

}



@media (min-width: 320px) and (max-width: 1024px){

.img-rotate {   

  width: 100%;

  height: auto !important;    

  top: 0;

  left: 0;

}

}





@media (min-width: 320px) and (max-width: 480px){

.checkout {

  position: absolute;

  top: 0px;

  display: contents;

  width: 100%;

  float: left;

}

.dj-booth a {

  width: 32%;

  padding: 2px !important;

  display: inline-block;

}

.dj-booth-container.text-center {

  background: #ffffffe0;

}

.main-logo {margin: 15px auto 40px;width: 100%;text-align: center;min-height: 125px;}

}



@media (min-width: 991px) and (max-width: 1600px) {.bg-wht-transparent{width: calc(100% - 200px);  float: right;margin-top: 10px;}

  

.profile-middle-container {width: calc(100% - 200px);float: right;}

}





.video-p img {

  max-width: 100px;

 

}

.type-music img{min-width: 80px;}

  

  .vover {

      display:none;

  position: fixed;

  width: 100%;

  z-index: 999999;

}

.video-p {

  opacity: .8;

  border: 2px solid #891f8e;

  width: 100%;

  height: 100vh;

  max-width: 100%;

}

.video-p a {

  margin: 0 auto;

  margin-top: auto;

  margin-bottom: auto;

}

@media (min-width: 991px) and (max-width: 1600px){

.bg-wht-transparent {

    width: calc(100% - 240px);

    float: right;

}

}



/*18-06-2021*/

.signin-wraper{

  display: inline-block;

  height: auto;

  text-align: right;

  position: absolute;

  right: 256px;

  top: 5.5%;

}





.signin-wraper a.sign-in{

  background: #7761db;

  color: #fff;

  padding: 15px 50px;

  border-radius: 50px;}

.signin-wraper a.sign-up{

  background: #8349b9;

    color: #fff;

    padding: 15px 50px;

    border-radius: 50px;

}

.signin-wraper a:hover{background: #5a4cdb; text-decoration: none;}

@media only screen and (max-width:575px) {

    .mic{

        background-position-x: 100%;

        padding: 0;

        margin: 0 15px;

    }

    .girl{

        margin: 0 15px;

        margin-top: 35px;

    }

    .cd{

        margin: 0 15px;

    }

    .rose{

        margin: 0 15px;

    }

    

}

@media only screen and (max-width:600px) {

    .participants {

    display: flex;

    flex-direction: column;

    text-align: center;

}

.section-title {

    text-align: center;

}

}

@media (min-width: 320px) and (max-width: 990px){

  .signin-wraper{

    display: inline-block;

    height: auto;

    text-align: center;

    position: absolute;

    right: 0;

    top: 148px;

    width: 100%;

  }

  .register-page-wrap {

    padding: 20px;

    width: 92%;

    margin: 0 auto;

    float: none;

    margin-top: 42px;

}

form#joinForm {

    overflow-x: scroll;

}

}





.buttonn-wrap{text-align: center;}		 

		  .buttonn-wrap a {

    text-decoration: none;

    display: block;

    width: auto;

    padding: 10px;

    color: #fff;

    border-radius: 20px;

    max-width: 300px;

    align-items: center;

    margin: 15px auto;

	font-weight: 700;

    font-size: 1rem;

}

.title-2 {

    text-align: center;

    font-size: 1.70rem;

    font-weight: 700;

    margin-bottom: 25px;

}

.buttonn-wrap a:nth-child(1){background: #da1c1c;}

.buttonn-wrap a:nth-child(2){background: #35bfe1;}

.buttonn-wrap a:nth-child(3){background: #f3c563;}

.buttonn-wrap a:nth-child(4){background: #68ec64;}



.buttonn-wrap a:nth-child(1):hover{background: #ee2e2e;}

.buttonn-wrap a:nth-child(2):hover{background: #49caeb;}

.buttonn-wrap a:nth-child(3):hover{background: #f7d07d;}

.buttonn-wrap a:nth-child(4):hover{background: #7cf578;}









@media (min-width: 320px) and (max-width: 480px) {

  #participants-slider ul.slides li {

    min-width: 300px!important;

    position: relative;

}

    .reggage {

    position: absolute;

    right: 22px;

    top: -37px;

}

 .dj-booth a {

        width: 45%;

        padding: 7px !important;

    }

  .dj-booth-wrap {

        padding: 0px;

        position: relative;

        top: 0px;

        left: 0px;

        transform: translate(10px, 10px);

        margin: 42px 0;

        background: #ffffff9e;

    }

    .dj-booth-container.text-center {

        background: transparent;

    }

    .signin-wraper {

        top: 168px;

    }

    #equalizer-top {

        top: 50%;

        left: 50%;

        transform: translate(-50%, 25%);

        width: 100%;

    }

    .profile-page-wrap .members_page_header {

       position: absolute;

    left: 14%!important;

    top: -30px!important;

    }

    .profile-page-wrap {

        padding: 0px;

        margin-top: 70px;

    }

    #search_top_section {

        margin-top: 30px!important;

    }

    .row.peep_form .col-md-3.peep_stdmargin {

        text-align: left;

        float: none!important;

    }

    .middle-centered-images a{

      display: block;

      width: 130%;

}

.middle-centered-images a img{

    

}

.middle-centered-images a img:first-child{

        width: 130%;

}

}



@media (min-width: 481px) and (max-width: 850px) {

	.center-view-design .items{

        padding: 45px 0;

        padding-left: 0!important;

        text-align: center;

        padding-top: 64px;

    }

      .dj-booth-wrap {

        position: relative;

        top: 0px;

        left: 0px;

        transform: translate(10px, 10px);

        width: 100%;

        margin: 15px 0;

    }

    .dj-booth {

        max-width: 90%;

        margin: 0 auto;

    }

    

    .dj-booth a {

        width: 32%;

        padding: 5px!important;

    }

    #equalizer-top {

         top: 67%;

        left: 50%;

        transform: translate(-50%, 25%);

        width: 100%;

    }

    .signin-wraper {

        top: 177px;

    }

    .col-md-12.col-lg-6.col-sm-12.text-center.right-row{

        padding: 0px;

    }

    .profile-page-wrap{

        margin-top: 65px;

    }

    .profile-page-wrap .members_page_header {

    position: absolute;

    left: 20%;

    top: -45px;

}

    .girl {

    margin-bottom: 15px;

    }

    .cd {

    margin-bottom: 15px;

    }

    .mob-view-bottom {

        margin-bottom: 265px!important;

    }





}



@media (min-width: 768px) and (max-width: 1024px) {

  

  .dj-booth-wrap {

        position: relative;

        top: 0px;

        left: 0px;

        transform: translate(10px, 10px);

        width: 100%;

        margin: 25px 0 65px 0;

    }

    .middle-centered-images a {

    display: block;

    width: 150%;

}

.middle-centered-images a img{

    

}

.middle-centered-images a img:first-child {

        width: 150%;

}

  

}



@media (min-width: 1024px) and (max-width: 1220px){

  

  .dj-booth-wrap {

    width: 55%;

    border-radius: 20px;

    padding: 5px 0px;

    position: absolute;

    background: rgb(255 255 255 / 97%);

    top: 15%;

    left: 33%;

    /*transform: translate(-20%, -46%);*/

    z-index: 999;

    border: 3px solid #292929d4;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

    .middle-centered-images {

    position: absolute;

    top: 50%;

    left: 12%;

    transform: translate(-50%, -50%);

    z-index: 9;

    }

    .landing_page .middle-centered-images {

    position: absolute;

    top: 50%;

    left: 45%;

    transform: translate(-50%, -50%);

    z-index: 9;

    }

    .signin-wraper a.sign-in{

  background: #7761db;

  color: #fff;

  padding: 10px 30px;

  border-radius: 50px;

    }

.signin-wraper a.sign-up{

  background: #8349b9;

    color: #fff;

    padding: 10px 30px;

    border-radius: 50px;

}

    .dj-booth a {

    width: 30%;

    padding: 6px!important;

}

.mob-view-bottom {

    margin-bottom: 20px!important;

}

   .register-page {

    max-width: 616px;

    margin: 0 auto;

    margin-left: 350px;

} 

 .girl {

    

}  

    

    .mic {

        max-width: 48%;

        margin-left: 10px!important;

    }

     .rose {

        max-width: 48%;

        margin-left: 10px!important;

    }

    

    .middle-centered-images {

    width: 20%;

    /*left: 43%;*/

}

    .middle-centered-images a img:first-child {

    width: 145%;

}

    .middle-centered-images a {

    display: block;

    width: 145%;

}

}





.row.mtb10 .col{

    flex-grow: 0;

    margin: 4px 0;

}

.row.peep_form .col-md-3.peep_stdmargin{

    text-align: left;

}

.row.peep_form .col-md-3.peep_stdmargin:first-child{  

    width: 30%;

    max-width: 30%;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(2){   

    width: 20%;   

    max-width: 20%;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(3){

width: 30%;
max-width: 30%;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(4){

width: 20%;
max-width: 20%;

}

.row.peep_form .col-md-3.peep_stdmargin:first-child label{

    padding-left: 5px;

}

.row.peep_form .col-md-3.peep_stdmargin label + div > div{

    display: flex;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(2) ul{

    padding-left: 0px;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(2) ul li label{

    margin-top: 0px;

}

.row.peep_form .col-md-3.peep_stdmargin > label{

    font-weight: 600;

    margin-bottom: 6px;

    text-decoration: underline;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(3) ul{

    padding-left: 0px;

    width: 100%!important;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(3) ul li{  

    float: left;

    width: 44%!important;

    display: inline-block;

}

.row.peep_form .col-md-3.peep_stdmargin:nth-child(3) ul li label{

  margin-top: 0px;

}

.row.peep_form ul.search_with_online_photo{

    width: 100%!important;

    text-align: center;

    border-bottom: 1px solid #dadada;

}

.row.peep_form ul.search_with_online_photo li{ 

    width: 100%;

}

.row.peep_form ul.search_with_online_photo li label{

    position: relative;

    margin-top: 0px!important;

}

.peep_search_users_sys .filter_search_submit span.peep_button input{  

    padding: 8px 48px;   

    border: 0px;   

    background-color: #8349b9; 

    color: #fff; 

    font-size: 20px;

}

.profile-page-wrap .members_page_header{

        position: absolute;

    left: 31%;

    top: -45px;

}

.profile-page-wrap .members_page_header .filter_btn{

    background-color: #c4d060;

    position: relative;

    top: 0;

    left: 0;

    width: 215px;

    padding: 4px 0;

    height: auto;

    border-radius: 55px;

}

.profile-page-wrap .members_page_header .filter_btn:before{

    border: 1px solid #343434;

    background-color: #8349b9;

    padding: 5px 6px;

    border-radius: 50px;

    width: 50px;

    height: 50px;

}

#search_top_section {

    margin-top: 30px!important;

}

.register-page .register-page-wrap p {

    text-align: center;

    font-weight: bold;

    font-size: 20px;

}

.page_13744226 .bg-wht-transparent h2, .page_68964006 .bg-wht-transparent h2, .bg-wht-transparent.p-5 h2{

    font-weight: 600;

    font-size: 32px;

}

.checkout-room-width .bg-wht-transparent{

    margin-top: 70px;

}

.checkout-room-width .section-title.checkout{

    position: relative;

    top: 0;

    background-color: transparent;

}





/* slider css  */



#participants-slider{

    background: transparent;

    border: 0px;

    margin: 0;

    margin-top:0;

    width: 100%

}

#participants-slider ul.slides li{

    min-width: 170px;

    position: relative;

}

#participants-slider ul.slides li>img{

    max-height: 300px;

}

#participants-slider ul.slides li .btn{

    display: inline-block;

    width: 60%;

    float: left;

    margin: 0 auto;

    margin-bottom: 12px;

    background-color: #deda5c;

    border: 0px;

    border-radius: 0px;

    font-size: 19px;

    font-weight: 700;

    margin-top: 16px;

}

#participants-slider ul.slides li a{

    text-align: center;

    display: block;

    float: right;

}

#participants-slider ul.slides li a img{

    width: 60px;

    display: inline-block;

    margin-bottom: 10px;

}

#participants-slider ul.slides li .btn:first-child{}

#participants-slider ul.slides li .mt-n4.mr-2.text-white{

    margin-bottom: 40px!important;

}

#participants-slider ul.slides li .mt-n4.mr-2.text-white img{

    max-width: 35px;

    position: absolute;

    left: 50%;

}

.checkout-room-width .section-title.checkout {

    left: 0px;

    padding-left: 0px;

}

.row.participants{

    padding: 40px 20px!important;

    background-color: #7b2d92ba;

}

.row.participants h5{

    color: #fff!important;

    font-size: 35px;

}

#participants-slider .flex-direction-nav a:before{

    text-shadow: none;

    color: transparent;

}

#participants-slider:hover .flex-direction-nav .flex-prev, #participants-slider .flex-direction-nav .flex-prev{

    background: url(../images/prev-arrow-slide.png) no-repeat;

    width: 50px;

    height: 50px;

    background-size: 42px;

    left: -42px;

    opacity: 1;

    top: 55px;

}

#participants-slider:hover .flex-direction-nav .flex-next ,#participants-slider .flex-direction-nav .flex-next{

    background: url(../images/next-arrow-slide.png) no-repeat;

    width: 50px;

    height: 50px;

    background-size: 42px;

    right: -49px;

    opacity: 1;

    top: 55px;

}



@media (min-width: 768px) and (max-width: 1024px){

.side-menu .middle-centered-images {

        left: 35px;

}

}





@media (min-width: 600px) and (max-width: 992px){

    .main-logo{

        margin-top: 12%;

        margin-bottom: 0;

        padding: 0 30px;

    }

    .main-logo img {

    width: 100%;

    max-width: 250px;

    }

    .main-logo a{

        float: left;

    }

    .main-logo #equalizer-top{

        left: auto;

        right: 70px;

        width: auto;

        transform: translate(10px, 10px);

        top: 25px;

    }

    .signin-wraper {

        top: 35px;

        right: 33px;

        display: inline-block;

        width: auto;

    }

    .center-view-design {

        margin-top: 15px;

    }

    .signin-container{

        margin-top: 0!important;

    }

    .center-view-design .items a {

        font-size: 80px;

    line-height: 45px;

    }

    .girl{

    background: url(../images/girl.png) no-repeat #ffffffa3;

    padding: 0;

    background-size: 128px;

}

.mic{

    background: url(../images/mic.png) no-repeat #ffffffa3;

    background-position-x: 100%;

    background-size: 130px;

}

.cd{

    background: url(../images/cd.png) no-repeat #ffffffa3;

    background-size: 77px;

    padding: 0;

    background-size: 100px;

}

.rose{

    background: url(../images/rose.png) no-repeat #ffffffa3;

    background-position-x: 100%;

    background-size: 208px;

}

    

}







.page_95212104 .bg-white-trans a img {

    width: 100%;

    height: 161px;

    margin-bottom: 10px;

}



@media (min-width: 1920px) and (max-width: 2500px){

	.dj-booth a {

    width: 30%;

}

.dj-booth-wrap {

    left: 34%;

	width:42%;

}

.main-wrap {

    width: 100%;

    min-height: 900px;

}

    

.page_full {

    width: 100%;

}

.stage-box {

    width: 50%;

}    

    

    



.container.callwindow{

    position:relative;

}    

@media (min-width: 768px) and (max-width: 1023px){

        .page_full {

            width: 100%;

        }

        .stage-box {

            width: 90%;

        }

}  

    

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .page_full {

            width: 100%;

        }

        .stage-box {

            width: 65%;

            margin-left: 102px;

        }

}

@media (min-width: 1024px) and (max-width: 1200px){

        .page_full {

            width: 100%;

        }

        .stage-box {

            width: 90%;

        }

}

    

@media (min-width: 481px) and (max-width: 850px) and (orientation: landscape){

    

    



    

}    



#lightSlider img {

    height: 550px !important;

}