@charset "utf-8";
/* CSS Document */
/* main colours  in BGR
	orange - for text and lines 0080FF
	button colours :
	devices F4DAC1  pale blue
	control 5EAEFF  orange
	edit FFB3B3  mauve
	playset 91ff22	light green
	playsongs F3A0F5	rose
	record 5E5EFF	red
*/
button {margin-left:5px;}

#logo {
  margin: 0;
  padding: 0;
  position:fixed;
  top:4px;
  left: 2px;
  opacity:1;
  z-index:10;
}
.purchasebutton {
  margin-top:5px;
  margin-bottom:5px;
}
textarea {font-family:"Lucida Console", Monaco, monospace;
font-size:12px}

  body {
      font: 400 18px/1.8 Lato, sans-serif;
      color: #111;
  }
  h3, h4 {
      margin: 15px 0 10px 0;
      letter-spacing: 10px;      
      font-size: 20px;
      color: #111;
  }
  h5 {
      margin: 15px 0 10px 0;
      letter-spacing: 10px;      
      font-size:000 20px;
      color: #ff;
  }
  a {
	  color: #ff8000;
  }
  table tr td {
	  padding-left: 10px;
	  vertical-align:top;
	  text-align:left;
  }
  p {text-align:left;}

.tcenter {text-align:center}

.tunderline {text-decoration:underline}

  ul, li {text-align:left;}
  
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.tableborder {
	border-top:1px solid #006;
	border-bottom:1px solid #006;
}
.tablebborder {
	border-bottom:1px solid #006;
}

.psmall {
	font-size:13px;
}
.pricing {
    font-size:15px;
}
.halfheight {max-height:30vh;}
.songnav {
  font-family: Verdana,Geneva,sans-serif;
  font-size: 14px;
  color:#3FF;
  text-decoration:none;
  display:inline;
}
  .container {
      padding: 20px 20px;
  }
  .person {
      border: 2px solid transparent;
	  border-color:#1c1e23;
      margin-bottom: 25px;
      width: 80%;
      height: 80%;
      opacity: 0.8;
  }
  .person:hover {
      border-color: #ff8000;
	  opacity: 1;
  }
  .orange-border {
	  border:1px;
	  border-color:#ff8000;
  }
  .jctext {
  color: #ff4000;
  font-size:24px;
}
.textleft {
	text-align:left;
}
  .carousel {
	  bottom-border:1px solid #ff8000;
	  margin-top:20px;
	  padding-bottom:0px;
	  background-color:#3a3a3a;
  }
  .carousel-inner img {
      -webkit-filter: grayscale(00%);
      filter: grayscale(00%); /* make all photos black and white */ 
      width: 70%; /* Set width to 100% */
      margin: auto;
  }
  .halfsize img {
	  width:90%;
  }
  .vidspace {
   margin-bottom:15px !important;
  }
  .carousel-caption {
	  position:relative;
	  left:0%;
	  z-index:10;
	  padding-top:20px;
	  padding-bottom:0px;
  }
  .c-cv
  {padding-bottom:7px}
  
  .carousel-caption h3 {
      color: #fff !important;
	  margin-bottom:0px;
  }
  .carousel-indicators {
	  bottom:-10px;
  }
  .carousel-video-container {
	  width:100%;
	  height:100%;
  }
.carousel-video {
	  position:absolute;
	  right:5%;
	  top:0;
	  left:5%;
	  z-index:10;
	  text-align:center;
	  width: 90%;
	  height: 100%;
	  margin-bottom:10px;
  }
  
  .carousel-control .glyphicon-chevron-right{
	  right:20%;
  }
  
  .carousel-control .glyphicon-chevron-left{
	  left:20%;
  }
.glyphiconsp {
	padding-top:17px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size:20px;
}

@media (max-width: 1000px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }
#myCarousel {
	padding-top: 30px;
}
#myCarousell {
	padding-top: 30px;
}
#playButtons {
  right: 10px;
  position: absolute;
  bottom: 5px;
  z-index: 9999;
  width:20px;
  color:##ff8000;
  visibility:hidden;
}
#pauseButtons {
  right: 10px;
  position: absolute;
  bottom: 5px;
  z-index: 9999;
  width:20px;
  visibility:visible;
}
.ss {
	  background-color:#999; /* 1c1e23 for dark grey */
	  padding-bottom:0px;
	  margin-top:55px;
  	  border-bottom:1px solid #ff8000;
	  }
.ss-small {
	  background-color:#999; /* 1c1e23 for dark grey */
	  padding-bottom:0px;
	  margin-top:55px;
	  margin-bottom:20px;
  	  border-bottom:1px solid #ff8000;
	  }
.ss-big {
	  background-color:#999; /* 1c1e23 for dark grey */
	  padding-bottom:0px;
	  margin-top:55px;
  	  border-bottom:1px solid #ff8000;
	  }
.lfftext {
		  color:#F90;
	  }
 .bg-1 {
      background: #000;
      color: #bdbdbd;
  }
  .nav-tabs {
    border-bottom: 1px solid #ff8000;
    border-top: 1px solid #ff8000;
  }
  }
  .notopborder {
	border:none;
  }
  .table tbody tr td {
	border:none;
  }
  .table tbody tr th {
	  border-bottom: 1px solid #ddd;
  }
  #bottomscroll {
  height: 275px;
  overflow: auto;
}
.table-condensed tbody tr td {
	padding:2px;
}
.smallthpad {
	padding:2px;
}
.table thead tr th {
	  border-bottom:1px solid #ff8000;
	  padding:0px;
  }
.bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: normal;}
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .img-thumbnail {
  	padding: 0px;
	border: 1px solid #000;
	border-radius: 0px;
	}
  .img-gallery {
  }
  .thumbnail {
      padding: 0 0 0 0;
      border: thick;
	  
  }
  .img-circle 
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
 
  .btn {
	  opacity:1;
	  padding-bottom:0px;
	  padding-top:0px;
      border-radius: 2px;
      transition: .2s;
	  text-align:center;
  }
  .btnvm {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
  }
    .btnvm:active{
	        background-color: #333;
      color: #f1f1f1;
  }
  .btnvm:hover, .btnvm:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
  }
  .gcbut {
	  margin-top:12px;
	  margin-bottom:12px;
	  margin-right:10px;
	  margin-left:10px;
	  opacity:1;
	  color:#000;
	  height:30px;
	  width:90px;
  }
   .devices {
	  background-image:url(../images/devices.bmp)
	  }
   .DMX {
	  background-image:url(../images/DMX.bmp)
	  }
   .control {
	  background-image:url(../images/control.bmp)
	  }
   .edit {
	  background-image:url(../images/edit.bmp)
	  }
   .playset {
	  background-image:url(../images/playset.bmp)
	  }
   .playsongs {
	  background-image:url(../images/playsongs.bmp)
	  }
   .record {
	  background-image:url(../images/record.bmp)
	  }
	  
.btn-link{
	  color:#ff8000;
  }
  .btn-link:hover {
	  color:#F6C;
  }
  .glyphicon.glyphicon-pause {
  		font-size:18px;
  } 
  .glyphicon.glyphicon-play {
  		font-size:18px;
  } 
    .btn:active{
	  width:100px;
	  height:35px;
	  background-color: #2F2F2F;
  }
  
  .btn:hover, .btn:focus {
	  width:100px;
	  height:35px;
	  margin-top:10px;
	  margin-bottom:8px;
	  margin-right:5px;
	  margin-left:5px;
	  font-size:16px;
  }
  .btn:focus {outline-color:#FF8000;}
.bigger {
	  width:100px;
	  height:35px;
	  margin-top:10px;
	  margin-bottom:8px;
	  margin-right:5px;
	  margin-left:5px;
	  font-size:16px;
	  border:1px solid #FF8000;
}
.modal {
    -webkit-overflow-scrolling: auto
}
.modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-header{
      padding: 40px 50px;
  }

  .modal-form {
	  height:50px;
	  padding:0px;
	  padding-top:10px;
	  padding-right:30px;
  }
  .modal-body {
	  text-align:center;
	  padding:20px;
  }
  .nav-tabs li a {
      color: #333;
  }
  .nav-tabs li.active a{
	    	  border-color: #ff8000;
			  color:#ff8000;
			  background-color:#333;
  }
  .nav-tabs li.active a:hover{
	    	  border-color: #ff8000;
			  color:#ff8000;
			  background-color:#333;
  }
  .nav-tabs li.active a:focus{
	    	  border-color: #ff8000;
			  color:#ff8000;
			  background-color:#333;
  }
  .nav-tabs li.hover a{
	    	  border-color: #ff8000;
			  color: #000;
			  background-color:#999;
  }
  .nav-tabs li a:hover{
	    	  border-color: #ff8000;
			  color: #000;
			  background-color:#999;
  }

  .navbar {
      font-family:Verdana, Geneva, sans-serif;
      margin-bottom: 0;
      background-color: #2F2F2F;
	  border:1px solid;
	  border-color:#ff8000;
      font-size: 11px !important;
      letter-spacing: 3px;
      opacity: 0.9;
  }
  .navbar li a, .navbar { 
      color: #FFF !important;
	  font-size:10px;
  }
  .navbar-brand {
      color: #ffffff !important;
  		font-size: 20px;
		padding: 17px 0px 38px;
		padding-left: 65px;
  }
  .nav li a {
	  padding-left:8px;
	  padding-right:8px;
	  padding-top:0px;
	  padding-bottom:0px;
  }
.nav-tabs li a {
	padding-top:15px;
	padding-bottom:15px;
}
.btn{padding-left:0px;padding-right:0px;}

  .navbar-nav li a:hover {
      color: #ff8000 !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      background-color: #29292c !important;
 	  border-left:1px solid #ff8000;
  	  border-right:1px solid #ff8000;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
      .nav li a img {
	  	  max-width:40px;
	  vertical-align:middle;
  }
.open .dropdown-toggle {
      color: #fff;
      background-color: #2F2F2F !important;
  }
  .dropdown-menu li a {
      color: #ff8000 !important;
	  background-color:#2F2F2F;
  }
  .dropdown-menu li a:hover {
      background-color: #ff8000 !important;
	  color:#000 !important;
  }
  footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 20px;
  }
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }
.textnavigation {
  font-family: Verdana,Geneva,sans-serif;
  font-size: 18px;
  color:#ff8000;
  text-decoration:none;
  display:inline;
}
.textnavigation:visited {
  font-family: Verdana,Geneva,sans-serif;
	}
.textnavigation:link {
  font-family: Verdana,Geneva,sans-serif;
	}
.textnavigation:hover{
  font-family:Verdana, Geneva, sans-serif;
	color: #ffae5e;
	}
.loginheader {
  width: 80%;
  margin: 20px auto 0px;
  color: white;
  background: #4F4F4F;
  text-align: center;
  border: 1px solid #FF8000;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  padding: 20px;
}
.content {
  width: 80%;
  margin: 0px auto 20px;
  padding: 20px;
  border: 1px solid #FF8000;
  background: white;
  border-radius: 0px 0px 10px 10px;
}
.input-group {
  margin: 10px 0px 10px 0px;
  text-align:left;
}
.input-group label {
  display: block;
  text-align: left;
  margin: 3px;
}
.input-group input {
  height: 30px;
  width: 150px;
  padding: 5px 10px;
  margin-right:15px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid gray;
}
.field-group {
    margin-top: 15px;
}
.loginbtn {
  padding: 0px;
  vertical-align:middle;
  font-size: 15px;
  color: white;
  background: #4F4F4F;
  border: none;
  border-radius: 5px;
  width:150px;
  height:40px;
  margin-left:15px;
}
.error {
  color: #FF0000;
  text-align:left;}
}
.success {
  color: #3c763d; 
  background: #dff0d8; 
  border: 1px solid #3c763d;
  margin-bottom: 20px;
}
.carousel .item img {
  max-height: 480px;
  width:auto;
}

.c-cs {max-height:240px!important}


@media only screen and (max-width: 1099px) {
    .c-hidesmall {
        display: none;
    }
}

@media only screen and (min-width: 1100px) {
    .c-hidebig {
        display: none;
    }
}

video {max-height:480px;
width:auto}

.inviscarousel {color:#3a3a3a;
font-size:8px}