.pipelinedraw {
	border-left: 1px solid white;
	margin: 0px -1px 0px 3px;
}

#consent-box {
position: fixed;
left: 0;
bottom: 25px;
background-color: #e38951;
border: 1px solid #dee2e6;
border-top-right-radius: 12px;
padding: 6px 5px 5px 6px;
font-size: medium;
cursor: pointer;
z-index: 1000;
}

/* Temporary Hidden Items */

.burger-menu-container.icon {
	display: none  !important;
}

.main-container .left-sidebar-menu {
	display: none !important;
}

.song-info {
	display: none !important;
}

.volume-slider {
	display: none !important;
}

/* End of TMP Hidden Item */

/* Slider Button */

.sliderBTN1img {
	position: fixed;
	bottom: 50px;
	left: calc( 50% - 55px );
	max-width: 35vh;
	cursor: pointer;
	
}

/* End Slider Button */

* {
	margin: 0;
	padding: 0;
}

.logo {
	width: 200px;
	padding: 35px 50px 20px 50px;sl
	position: relative;
	left: 0;
	float: left;
}

.logo-img {
	width: 100%;
}

.burger-menu-container {
	color: white;
}

.social {
	position: relative;
	right: 45px;
	top: 0;
	padding: 20px 0px;
	float: right;
}

.social .icon svg {
	width: 44px;
	height: 44px;
	display: block;
}

.social .icon {
	float: left;
	padding: 15px;
}

.burger-menu-container.icon {
  display: none;
}

.fa.fa-bars {
	color: white;
	font-size: 25px;
}

html, body {
	padding: 0;
	margin: 0;
	font-family: arial;
	font-size: 14px;
	color: white;
	position: relative;
	min-height: 100%;
	height: 100%;
}

.main-container {
	position: relative;
	width: 100%;
	clear: both;
}

.left-column {
	position: relative;
	width: 25%;
	float: left;
}

.main-column {
	float: left;
}

.contact-us-close-btn, .recently-played-close-btn, .about-us-close-btn {
	position: absolute;
	top: 0px;
	right: 25px;
	font-size: 25px;
	font-weight: 700;
	border: 3px solid;
	padding: 3px 5px;
	cursor: pointer;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.about-us-container::-webkit-scrollbar, .recently-played-container::-webkit-scrollbar, .contact-us-container::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.about-us-container, .recently-played-container, .contact-us-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.about-us-container, .recently-played-container, .contact-us-container  {
	overflow: scroll;
	max-height: calc(100vh - 250px);
}

.recently-played-container {
	width: 230px;
	margin: 0px auto;
	max-width: 100%;
}

.recently-played-container img {
	float: left;
	width: 200px;
	clear: both;
	padding: 20px;
}

.about-us-container {
	display: none;
	padding: 40px 25px;
}

.about-us-container h3 {
	text-align: center;
	padding: 20px 0px;
}

.about-us-container p {
	text-align: justify;
	padding: 20px 0px;
}

.recently-played-container {
	display: none;
}

.contact-us-container {
	display: none;
}

.left-column ul {
	position: relative;
	left: 50px;
	list-style: none;
}

.left-column ul li {
	padding: 5px;
}

.left-sidebar-menu li a {
	font-size: 25px;
	line-height: 40px;
	color: #fff;
	opacity: 0.8;
	font-weight: 400;
	text-decoration: none;
}

.left-sidebar-menu li a:hover {
	opacity: 1;
	font-weight: 600;
}


.right-column {
	position: relative;
	width: 25%;
	float: right;
	min-width: 300px;
}


.radios-info {
	float: right;
	position: absolute;
	clear: both;
	text-align: right;
	width: 250px;
}

.radios-info-container {
	position: relative;
	overflow: hidden;
	width: 250px;
	height: 100px;
	float: right;
	margin: 0 45px 0 0;
	clear: both;
}

.radios-info.div-1 {
	right: 0px;
}

.radios-info.div-2 {
	right: -250px;
}


.radios-info.div-1 a {

}

.radios-info.div-2 a {
	color: white;
	text-decoration: none;
}

.radios-info.div-2 a:hover {
	color: white;
	text-decoration: none;
}

.radios-info.div-2 h2 {
	padding: 0 0 5px 0;
}

.radios-info:hover {
	cursor: pointer;
}

.radios-info h2 {
	font-size: 24px;
}

.radios-info span {
	font-size: 40px;
}

.player-container {
	position: relative;
	top: 0;
	right: 0;
	padding: 0 45px 0 0;
	max-width: 250px;
	max-height: 250px;
	float: right;
	text-align: right;
	clear: both;
}

.player-container img {
	max-width: 100%;
	max-height: 100%;
}

#audio-player {
	
}

#audio-secondary-play-btn {
	width: 50px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 45px);
}

#audio-secondary-pause-btn {
	display: none;
	width: 50px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 50px);
}

#audio-secondary-play-btn:hover {
	cursor: pointer;
}

#audio-secondary-pause-btn:hover {
	cursor: pointer;
}

.audio-player {
	display: none;
}

.song-info {
	position: relative;
	float: right;
	clear: both;
	padding: 20px 45px 0 0;
	text-align: right;
	width: 250px;
}

.volume-slider {
	float: right;
	position: relative;
	clear: both;
	padding: 20px 45px 0 0;
	width: 250px;
}

.volume-slider input {
	width: 100%;
}

.mobile-menu {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: #00000090;
	z-index: 1001;
	display: none;
}

.mobile-menu ul {
	padding: 30px 30px;
}

.mobile-menu ul li {
	list-style: none;
}

.mobile-menu ul li a {
	font-size: 25px;
	line-height: 40px;
	color: #fff;
	opacity: 0.8;
	font-weight: 400;
	text-decoration: none;
}

.burger-menu-close-btn {
	position: fixed;
	top: 35px;
	right: 25px;
	font-size: 25px;
	font-weight: 700;
	border: 3px solid;
	padding: 3px 5px;
}

.burger-menu-close-btn:hover {
	cursor: pointer;
}

.burger-menu-container:hover {
	cursor: pointer;
}

/* Footer */

footer {
	width: 100%;
	height: auto;
	background: #0c0a0b;
	position: fixed;
	bottom: 0;
	color: white;
	padding: 5px 0px;
	border-top: 3px solid #1f97ed;
	text-align: center;
	font-size: 10px;
}

footer a {
    color: #ff6201;
    text-decoration: none;
}

/* End of footer */

/* Form Styling */
.form-container input[type=text], .form-container select, .form-container textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.form-container input[type=submit] {
  background-color: lightsalmon;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.form-container input[type=submit]:hover {
  background-color: salmon;
}

.form-container {
  border-radius: 5px;
  padding: 40px 25px;
}

/* End of form styling */

/* For Bigger pix sized screens than 767px */
@media only screen and (min-width: 768px) {
  


}

/* For Bigger pix sized screens than 1023px */
@media only screen and (min-width: 1024px) {
    
	.social .icon.last-item {
		float: left;
		padding: 15px 0 15px 15px;
	}

	.social .icon.last-item {
		padding: 15px 0 15px 15px;
	}
}

/* For smaller pix sized screens than 768px */
@media only screen and (max-width: 767px) {

     /* Slider Button */
    
    .sliderBTN1img {
    	position: fixed;
    	bottom: 150px;
    	left: 10% !important;
    	max-width: 35%;
    }
    
    /* End Slider Button */
    
	.logo {
		width: 100px;
		padding: 10px;
	}
	
	.left-column ul {
		left: 10px;
	}
	
	.social {
		padding: 10px 0px;
		right: 20px;
	}
	
	.slideshow-container .text {
		display: none;
	}
	
	.left-sidebar-menu li a {
		font-size: 20px;
		line-height: 30px;
	}
	
	.social .icon {
		padding: 15px 5px;
	}
	
	.social .icon svg {
	    width: 35px;
	    height: 35px;
	}
	
  
}

/* For smaller pix sized screens than 377px */
@media only screen and (max-width: 376px) {
    
    .logo {
        width: 125px;
    }
    
    #consent-box {
        bottom: 37px;
    }
    
    .social {
		right: 15px;
	}
	
	.social .icon {
        padding: 10px 4px;
    }
	
	.social .icon svg {
        width: 30px;
        height: 30px;
    }
}

/* For smaller pix sized screens than 1024px */
@media only screen and (max-width: 1023px) {
    
    
    /* Slider Button */
    
    .sliderBTN1img {
    	position: fixed;
    	bottom: 150px;
    	left: 35%;
    }
    
    /* End Slider Button */
    
	.burger-menu-container.icon {
	  display: inherit;
	  padding: 15px 0 15px 15px;
	}
	
	.slideshow-container .text {
		display: none;
	}
	
	.left-sidebar-menu {
		display: none;
	}
	
	.main-column {
		width: 100%;
		padding: 40px 0px;
	}
	
	.right-column {
		position: fixed;
		bottom: 40px;
		right: 0px;
	}
	
	.about-us-container, .recently-played-container, .contact-us-container  {
		max-height: 100vh;
	}
	
	.contact-us-close-btn, .recently-played-close-btn, .about-us-close-btn {
		top: 35px;
	}
	
	.radios-info-container {
	    display:none;
	}
	
	.player-container {
	    max-width: 150px;
        max-height: 150px;
	}
	
}

/* For Between 767px and 1023px */
@media only screen and (min-width: 768px) and (max-width: 1023px){
  
	.logo {
		
	}

}