@font-face {
    font-family: 'Game Over';
    src: url('../../WebsiteTheme/fonts/Game-Over.eot');
    src: url('../../WebsiteTheme/fonts/Game-Over.eot?#iefix') format('embedded-opentype'),
        url('../../WebsiteTheme/fonts/Game-Over.woff2') format('woff2'),
        url('../../WebsiteTheme/fonts/Game-Over.woff') format('woff'),
        url('../../WebsiteTheme/fonts/Game-Over.ttf') format('truetype'),
        url('../../WebsiteTheme/fonts/Game-Over.svg#Game-Over') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.navbar-nav.mr-auto.update {
    margin-top: -10px !important;;
}
.navbar-light .navbar-text {
    color: rgba(0,0,0,.5);
    margin-top: -15px !important;
}
span.invalid-feedback {
    color: red;
}
.is-invalid {
    border: 1px solid red !important;
}
button#btnFullscreen {
    background: none;
    border: none;
    outline: none;
}
.info p {
    margin-bottom: -8px;
}

.login_box {
	margin-top: 15px;
    padding: 10px;
    opacity: 1;
}
.login_box h3 a {
    color: #000;
    font-size: 56px;
    text-decoration: none;
}
@font-face{
	font-family: "Acme-Regular";
	src: url(WebsiteTheme/font/Acme-Regular.ttf);
}
html, body{
	font-family: "Game Over" !important;
}
body {
    margin: 0;
    padding: 0;
	/*background-image: url(./images/background.jpg);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto;
    width: 100%;
    height: 100%;
    font-size: 40px !important;
}
.card-header {
    padding: 0 6px !important;
    line-height: .8;
    background-image: linear-gradient(to right, #2e2eca , #189a9a );
    color: #fff;
    border-radius: 0 !important;
    margin-left: -1px;
}
.getVideo {
    display: block;
    width: 62%;
}
div#app ul li {
    list-style: none;
    line-height: .8;
}
.trans_icon .inner.inner-mobile-image1 {
    margin-top: 15px;
}
.container-fluid{
	padding: 0 !important;
}
.content{
	position: absolute;
	left: 0;
	right: 0;
}

.ct {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.container {
  width: 100%;
}

/*Header nav bar*/

header{
	max-width: 100%;
	height:45px !important;
	background-color: #ff43c3;
	color: white;
	z-index:99999999;
}
.navbar-light .navbar-brand {
    color: rgba(255, 255, 255, 0.9) !important;
}
.nav-link{
	color: rgba(255, 255, 255, 0.9) !important;
}
.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 9rem !important;
}
.navbar-text {
    display: inline-block;
    padding: 0 !important;
}
.second-nav{
	margin-top: 0;
}
#full-screen{
    position: relative;
    top: 4px;
}
.nav-link img{
	padding: 0 4px 0 4px;
}
.line{
	border-right: 1px solid white;
	height: 45px;
}

/*Header nav bar*/

/*Pool side section*/

.pool-side-fm{
	position: relative;
	height: 100%;
	/*top: 20em;
*/}
.inner:first-child{
	margin-top: 22px;
}
.trans_icon .inner:first-child {
    margin-left: 20px;
}
.inner:not(:first-child){
	margin-top: 10px;
	margin-left: 5rem; 
}
.black_icon .inner:not(:first-child) {
    margin-top: 10px;
    margin-left: 0;
}
.col-xs-2.col-xs-offset-1.trans_icon:nth-child(1) {
    margin-left: 2px;
}
.inner-image{
	margin-top: 20px;
}
.inner img,
.down-image img{
	height: 53px;
}
/*.transparent_icon .inner img, .transparent_icon .down-image img{*/
/*    	    height: 108px;*/
/*    margin-bottom: -20px;*/
/*    margin-top: -37px;*/
/*}*/
.black_icon .inner img, .black_icon  .down-image img{
	height: 65px;
}
#first-image{
	margin-left: 5rem;
}
.down-image{ 
	margin-left: 2rem;
	margin-top: 10px;
}
.TV-image img{
    height: 90%;
    position: absolute;
    top: 8%;
    left: 46%;
}
.trans_icon .inner.inner-mobile-image1:nth-child(4) {
    margin-left: 58px;
}
.trans_icon .inner.inner-mobile-image1:nth-child(5) {
    margin-left: 55px;
}
/*Pool side section end*/
/*About page end*/
.banner {
    background-image: url(images/themes/1593601728129.jpg);
    height: 40vh;
    background-repeat: no-repeat;
    border-radius: 8px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff; 
}
.user-image img {
    max-width: 100%;
 }
 .user-image {
    max-width: 133px;
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
}

/*About page end*/
.preview {
    background-repeat: no-repeat;
    background: url(images/laptop.png);
    height: 183px;
    width: 100%;
    background-size: cover;
}
#full_screen button.close {
    position: relative;
    top: 3px;
    left: 564px;
    color: #fff;
    font-size: 33px;
    outline:none;
}
#full_screen .modal-content {
    background-image: url(../../WebsiteTheme/images/full_tv.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 92vh;
    border-radius: 36px;;
}
#full_screen .video_wrapper {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 60px;
    border-radius: 11px;
    width: 742px;
    height: 538px;
}
#full_screen .video_wrapper video {
        width: 968px !important;
}
/*Tablet responsive Start*/

@media only screen and (max-device-width: 768px){
	html{
		/*overflow: hidden !important;*/
	}
  	body {
	    margin: 0;
	    padding: 0;
		background-image: url(./images/background.jpg);
	    background-repeat: no-repeat;
	    background-size: auto;
	    width: 100%;
	    height: 100%;
	}
	.navbar-brand {
	    display: inline-block;
	    margin-right: 1rem;
	    font-size: 1.25rem;
	    line-height: inherit;
	    white-space: nowrap;
	    position: absolute;
	    left: 6%;
	    top: 10px;
	}
	.navbar-toggler {
	    line-height: 1;
	    background-color: transparent;
	    position: absolute;
	    right: 6%;
	    top: 15px;
	    padding: 0 5px !important;
	    border: none !important;
	}
	.navbar-light .navbar-toggler-icon {
	    background-image: url("images/menu-icon.png");
	}
	.navbar {
	    position: relative;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    padding: 3% 0 4% 6% !important;
	    /*background-color: #ff43c3;*/
	    text-align: left;
	    z-index: 1;
	    width: 100% !important;
	}
	.line{
		display: none;
	}
	.ct{
  		position: relative;
  		bottom: -2rem !important;
  	}
  	.TV-image img {
	    height: 67%;
	    position: absolute;
	    top: 29%;
	    left: 46%;
	}
	#first-image {
	    margin-left: 3rem;
	}
}

/*Tablet responsive End*/
/*Mobile Responsive Starts*/
@media only screen and (max-device-width: 414px)  { 
  	html{
  		overflow-y: scroll !important; 
  	}
  	body {
	    margin: 0;
	    padding: 0;
		background-image: url(./images/mobile-background.jpg);
		background-repeat: no-repeat;
	    background-size: 35em 61em;
	}
  	.navbar-brand {
	    display: inline-block;
	    margin-right: 1rem;
	    font-size: 1.25rem;
	    line-height: inherit;
	    white-space: nowrap;
	    position: absolute;
	    left: 6%;
	    top: 0px;
	}
	.navbar-toggler {
	    line-height: 1;
	    background-color: transparent;
	    position: absolute;
	    right: 6%;
	    top: 15px;
	    padding: 0 5px !important;
	    border: none !important;
	}
	.navbar-light .navbar-toggler-icon {
	    background-image: url("images/menu-icon.png") !important;
	}
	.navbar {
	    position: relative;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    padding: 12% 0 4% 6% !important;
	    background-color: #ff43c3;
	    text-align: left;
	    z-index: 1;
	    width: 100% !important;
	}
	.line{
		display: none;
	}
  	.ct{
  		position: relative;
  		bottom: 2rem !important;
  	}
  	.inner-mobile-image2{
  		position: absolute;
	    right: 10%;
	    top: 8%;
  	}
  	.inner-mobile-image4{
  		position: absolute;
    	right: 2% !important;
    	top: 32%;
  	}
  	.inner-mobile-image6{
    	position: absolute;
	    right: 10% !important;
	    top: 57%;
  	}
  	.inner-mobile-image8 img{
  		height: 100px;
	    position: absolute;
	    right: 8% !important;
	    bottom: -1rem;
  	}
  	.inner-mobile-image11{
	    margin-left: 3rem;
    	margin-top: 0;
  	}
  	.TV-image img {
	    height: 50% !important;
	    position: fixed !important;
	    left: 21% !important;
        top: 156% !important;
    	margin: 0 0 24px 0 !important;
	}
}
@media only screen and (max-device-width: 375px)  { 
  	html{
  		overflow-y: scroll !important; 
  	}
  	body {
	    margin: 0;
	    padding: 0;
		background-image: url(./images/mobile-background.jpg);
		background-repeat: no-repeat;
	    background-size: 35em 61em;
	}
  	.navbar-brand {
	    display: inline-block;
	    margin-right: 1rem;
	    font-size: 1.25rem;
	    line-height: inherit;
	    white-space: nowrap;
	    position: absolute;
	    left: 6%;
	    top: 10px;
	}
	.navbar-toggler {
	    line-height: 1;
	    background-color: transparent;
	    position: absolute;
	    right: 6%;
	    top: 15px;
	    padding: 0 5px !important;
	    border: none !important;
	}
	.navbar-light .navbar-toggler-icon {
	    background-image: url("images/menu-icon.png") !important;
	}
	.navbar {
	    position: relative;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    padding: 12% 0 4% 6% !important;
	    background-color: #ff43c3;
	    text-align: left;
	    z-index: 1;
	    width: 100% !important;
	}
	.line{
		display: none;
	}
  	.ct{
  		position: relative;
  		bottom: 2rem !important;
  	}
  	.inner-mobile-image2{
  		position: absolute;
	    right: 10%;
	    top: 8%;
  	}
  	.inner-mobile-image4{
  		position: absolute;
    	right: 2% !important;
    	top: 32%;
  	}
  	.inner-mobile-image6{
    	position: absolute;
	    right: 10% !important;
	    top: 57%;
  	}
  	.inner-mobile-image8 img{
  		height: 100px;
	    position: absolute;
	    right: 8% !important;
	    bottom: -1rem;
  	}
  	.inner-mobile-image11{
	    margin-left: 3rem;
    	margin-top: 0;
  	}
  	.TV-image img {
	    height: 50% !important;
	    position: fixed !important;
	    left: 21% !important;
	    top: 156% !important;
	    margin: 0 0 20px 0 !important;
	}
}
@media only screen and (max-device-width: 320px) {
	html{
  		overflow-y: scroll !important; 
  	}
  	body {
	    margin: 0;
	    padding: 0;
		/*background-image: url(./images/mobile-background.jpg) !important;*/
		background-repeat: no-repeat;
    	/*background-size: 41em 67em !important;*/
  		overflow-x: hidden !important;
	}
  	.navbar-brand {
	    display: inline-block;
	    margin-right: 1rem;
	    font-size: 1.25rem;
	    line-height: inherit;
	    white-space: nowrap;
	    position: absolute;
	    left: 6%;
	    top: 10px;
	}
	.navbar-toggler {
	    line-height: 1;
	    background-color: transparent;
	    position: absolute;
	    right: 6%;
	    top: 15px;
	    padding: 0 5px !important;
	    border: none !important;
	}
	.navbar-light .navbar-toggler-icon {
	    background-image: url("images/menu-icon.png") !important;
	}
	.navbar {
	    position: relative;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    padding: 12% 0 7% 6% !important;
	    background-color: #ff43c3;
	    text-align: left;
	    z-index: 1;
	    width: 100% !important;
	}
	.line{
		display: none;
	}
  	.ct{
  		position: relative;
  		bottom: 0 !important;
  	}
  	.inner-mobile-image2{
  		position: absolute;
	    right: 4% !important;
	    top: 8%;
  	}
  	.inner-mobile-image4{
  		position: absolute;
    	right: -5% !important;
    	top: 32%;
  	}
  	.inner-mobile-image6{
    	position: absolute;
	    right: 4% !important;
	    top: 57%;
  	}
  	.inner-mobile-image8 img{
  		height: 100px;
	    position: absolute;
	    right: 2%;
	    bottom: -1rem;
  	}
  	.inner-mobile-image11{
	    margin-left: 3rem;
    	margin-top: 0;
  	}
  	.TV-image img {
        height: 48%;
	    position: fixed;
	    left: 15%;
	    top: 138%;
        margin: 0px 0 10px -18px !important;
	}
}
/*Mobile Responsive End*/
a.navbar-brand {
    font-size: 51px !important;
    margin-top: -24px !important;
}
a.nav-link {
    margin-top: -14px;
    font-size: 40px;
}
button.dropbtn.nav-link {
    font-size: 39px;
    margin-top: -16px;
}
.dropbtn .fa-caret-down {
    font-size: 20px !important;
    margin-left: 7px;
}
button#btnFullscreen {
    background: none;
    border: none;
    outline: none;
    margin-top: -14px;
    font-size: 35px;
}
div#theme h5 {
    font-size: 42px;
}
input::placeholder {
  font-size: 43px !important;
}
h2 {
    font-size: 65px !important;
}
h3 {
    font-size: 47px !important;
}
option {
    font-size: 35px;
}
select.form-control {
    font-size: 35px;
    height: 47px;
}
.btn{
    font-size:40px !important;
    padding: 0px 13px !important;
    line-height: 0.9 !important;
}
input{ font-size: 40px !important;
 height:43px !important;
}
h6#selected {
    margin: 0 !important;
}
a.current_theme {
    font-size: 32px !important;
}
#theme button {
    line-height: 0.9 !important;
}
.nav-pills .nav-link {
    line-height: 1;
}
#app input {
    border-radius: 0;
    height: 60px !important;
    font-size: 65px !important;
}
#app ul li strong {
    padding: 0 12px;
    position: relative;
}
#app ul li strong:before {
    position: absolute;
    content: '\f105';
    width: 20px;
    height: 20px;
    font-size: 20px;
    top: 8px;
    right: -12px;
    font-family: fontawesome;
}
#app ul li strong:after {
    position: absolute;
    content: '\f104';
    width: 20px;
    height: 20px;
    font-size: 20px;
    top: 8px;
    left: 3px;
    font-family: fontawesome;
}
#app .card {
    border-radius:0 !important;
}
.nav-pills .nav-link.active{
    color: #fff !important;
}
.chat_title {
    margin-top: 24px;
    margin-bottom: -15px;
    background: #27fdfd;
    color: #fff;
    line-height: 1;
    padding-bottom: 4px;
    font-size: 40px;
}
#app .col-4 ul li {
    line-height: 0.3;
}
.container.chat_image {
    background-image: url(/../images/chat.png);
    height: 109px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 15px;
    margin-bottom: -17px;
}
input#volume {
    transform: rotate(-90deg);
    margin: 50px 15px;
        position: relative;
    left: -58px;
}
div#calendar {
    min-height: 560px;
    overflow: scroll;
}
/* Calender css */
.fc-icon-left-single-arrow:after, .fc-icon-right-single-arrow:after {
    font-size: 121% !important;
        top: -30% !important;
}
.fc .fc-button-group>:first-child, button.fc-next-button.fc-button.fc-state-default.fc-corner-right {
    height: 48px !important;
}
button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled {
    height: 49px !important;
    line-height: 0 !important;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0 !important;
}
.fc-toolbar .fc-left {
    margin-top: -18px;
}
.fc-scroller.fc-day-grid-container {
    overflow: hidden !important;
    height: auto !important;
}
.btn-primary {
    background: #27fdfd !important;
}
.trans_icon a, .black_icon a img , .icon-img-trans a , .icon-img-black a img{
    transition: .7s;
    display: block;
}
.artist-videos .getVideo{
    transition: .7s;
    width: 100%;
    position: relative;
    z-index: 9999;
}
.artist-videos .mydiv {
    margin:0 auto;
}
.artist-videos .video_wrapper {
    left: 117px;
    z-index: 99;
}
/******update******/
.video_wrapper.paint_video {
    top: 186px;
    z-index: -1;
}


.trans_icon a:hover, .black_icon a:hover img, .artist-videos .getVideo:hover, .icon-img-trans a:hover, .icon-img-black a img:hover {
   transform:translateY(10px);
}
.trans_icon .inner.inner-mobile-image1:nth-child(5) a img {
   height: 92px;
   margin-left: 16px;
    /*   margin-bottom: -10px;*/
    /*margin-top: -10px;*/
}
.col-xs-2.col-xs-offset-1.trans_icon:nth-child(2) img {
    height: 72px;
}
div#app .card {
    height: 518px;
}
ul.list-unstyled {
    height: 430px !important;
}
ul.list-unstyled li {
    font-size: 44px;
}
label {
    font-size: 40px;
}
.artist-videos h2 {
    text-align: center !important;
}
  .trans_icon .inner.inner-mobile-image1 {
    margin-left: 0px !important;
}
.trans_icon .inner.inner-mobile-image1:nth-child(5) a img {
    height: 119px !important;
    margin-left: 0;
}
.trans_icon .inner.inner-mobile-image1:nth-child(4) a img {
    margin-left: -20px; /**change**/
}
.trans_icon .inner:first-child img {
    height: 60px !important;
    margin-left: -14px;
    max-width: 130px;
    overflow: hidden;
    object-fit: contain;
    margin-left: 0px !important;
}
.trans_icon .inner.inner-mobile-image1 {
    margin-top: 10px  !important;
}
.trans_icon .inner.inner-mobile-image1:not(:first-child) {
    margin-top: 6px !important;
}

/*.banner-sec .banner-sec-icon .icon-img-trans .icon-img:nth-child(4) img {*/
/*    width: 91px;*/
/*    margin-left: -17px;*/
/*}*/