/* Please ❤ this if you like it! */


/* ========================================= * 
		        BEST VIEWED FULLSCREEN
   https://codepen.io/ig_design/full/qBbdMRJ
 * ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,900;1,900&display=swap');
@font-face {
    font-family: Capture It;
    src: url('/assets/fonts/Capture it.ttf');
}


body{
	color: var(--white-gr);
	background-color: var(--white);
	
	overflow-x: hidden;
}


main {
	background-color: var(--dark-blue);
    position:relative;
}

#main {

    background-image: url('/img/background.jpg');
    background-attachment:fixed;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#051338;
    z-index:-1;



}


@media (max-width: 1280px) {
#main {
  background-size:contain;
}


}





.wrapper {
 opacity:1;    
}








.logo {
	position: absolute;
	top: 180px;
    left: 50%;
    -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
	display: block;
	transition: all 250ms linear;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
}






@media (max-width: 1440px) {

.logo {
	top: 170px;
}

}




@media (max-width: 1360px) {

.logo {
	top: 160px;
}



}





@media (max-width: 1280px) {


.logo {
	top: 150px;
}



}






@media (max-width: 1024px) {

.logo {
	top: 140px;
}


}




@media (max-width: 800px) {

.logo {
	top: 120px;
}



}






@media (max-width: 640px) {

.logo {
	top: 100px;
}


}

@media (max-width: 560px) {

.logo {
	top: 90px;
}



}


@media (max-width: 440px) {

.logo {
	top: 80px;
}

}






@media (max-width: 360px) {

.logo {
	top: 60px;
}

}





@media (max-width: 320px) {

.logo {
	top: 60px;
}


}





img {
 max-width: 100%;
}

img.center {
    display: block;
    margin: 0 auto;
}






img.right {
    display: inline;
    margin: 15px 0 15px 15px;
}

img.left {
    display: inline;
    margin: 15px 15px 15px 0;
}

img.trueright {
    display: inline;
    margin: 15px 0 15px 15px;
}

img.trueleft {
    display: inline;
    margin: 15px 15px 15px 0;
}





.trueright {
 float:right;
}

.trueleft {
 float:left;
}




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

img.right {
    display: block;
    margin: 15px auto;
}

img.left {
    display: block;
    margin: 15px auto;
}

.right {
 float:none;
 margin:15px auto;
}

.left {
 float:none;
 margin:15px auto;
}


}









.load, .loader {
 visibility:hidden;
}



.redltr {
 color:red;
 font-weight:bold;

}






#rotating-wrapper {
     margin:0 auto;
     width:1200px;
}



#rotating-item-wrapper {
	position: relative;
	width: 1200px;
	height: 676px;
}

.rotating-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width:1200px;
	height:676px;
}





@media (max-width: 1440px) {

#rotating-wrapper {
     width:1100px;
}

#rotating-item-wrapper {
	width: 1100px;
	height: 620px;
}

.rotating-item {
	width:1100px;
	height:620px;
}


}




@media (max-width: 1360px) {

#rotating-wrapper {
     width:1000px;
}

#rotating-item-wrapper {
	width: 1000px;
	height: 563px;
}

.rotating-item {
	width:1000px;
	height:563px;
}

}





@media (max-width: 1280px) {


#rotating-wrapper {
     width:900px;
}

#rotating-item-wrapper {
	width: 900px;
	height: 507px;
}

.rotating-item {
	width:900px;
	height:507px;
}

}






@media (max-width: 1024px) {

#rotating-wrapper {
     width:800px;
}

#rotating-item-wrapper {
	width: 800px;
	height: 451px;
}

.rotating-item {
	width:800px;
	height:451px;
}

}




@media (max-width: 800px) {

#rotating-wrapper {
     width:600px;
}

#rotating-item-wrapper {
	width: 600px;
	height: 338px;
}

.rotating-item {
	width:600px;
	height:338px;
}

}






@media (max-width: 640px) {

#rotating-wrapper {
     width:480px;
}

#rotating-item-wrapper {
	width: 480px;
	height: 270px;
}

.rotating-item {
	width:480px;
	height:270px;
}

}

@media (max-width: 560px) {

#rotating-wrapper {
     width:320px;
}

#rotating-item-wrapper {
	width: 320px;
	height: 180px;
}

.rotating-item {
	width:320px;
	height:180px;
}

}


@media (max-width: 440px) {

#rotating-wrapper {
     width:300px;
}

#rotating-item-wrapper {
	width: 300px;
	height: 169px;
}

.rotating-item {
	width:300px;
	height:169px;
}

}






@media (max-width: 360px) {

#rotating-wrapper {
     width:280px;
}

#rotating-item-wrapper {
	width: 280px;
	height: 158px;
}

.rotating-item {
	width:280px;
	height:158px;
}

}





@media (max-width: 320px) {

#rotating-wrapper {
     width:280px;
}

#rotating-item-wrapper {
	width: 280px;
	height: 676px;
}

.rotating-item {
	width:280px;
	height:676px;
}


}




.blue {
  font-size: 120px;
  font-style: normal bold;
  font: normal bold 120px Tahoma,Geneva,sans-serif;
    line-height: normal;
  color: blue;
  text-decoration: none;
  text-align: center;
  line-height: 84px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: none;
  opacity:1;
}





.studio a:hover {
    
  text-decoration:none;    
}



.studios {
  font-size: 132px;
  font-style: normal normal;
  font: normal normal 132px 'Capture it';
    line-height: normal;
  color: #F2CB08;
  text-decoration: none;
  text-align: center;
  line-height: 132px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: none;
  opacity:1;
}






.wrapper {
  opacity:1;    
    
}





@media (max-width: 1400px) {
.full-height{
	margin-top:250px;
}    
    
.blue {
  font-size:80px;
  line-height: 80px;
}

.studios {
  font-size:100px;
  line-height: 100px;
}

}






@media (max-width: 1200px) {
.full-height{
	margin-top:240px;
}    
.blue {
  font-size:70px;
  line-height: 70px;
}

.studios {
  font-size:90px;
  line-height: 90px;
}

}





@media (max-width: 1100px) {
.full-height{
	margin-top:220px;
}    
.blue {
  font-size:65px;
  line-height: 65px;
}

.studios {
  font-size:85px;
  line-height: 85px;
}

}



@media (max-width: 1000px) {
.full-height{
	margin-top:200px;
}    
.blue {
  font-size:60px;
  line-height: 60px;
}

.studios {
  font-size:80px;
  line-height: 80px;
}

}




@media (max-width: 920px) {
.full-height{
	margin-top:180px;
}    
.blue {
  font-size:50px;
  line-height: 50px;
}

.studios {
  font-size:60px;
  line-height: 60px;
}

}




@media (max-width: 840px) {
.full-height{
	margin-top:160px;
}    
.blue {
  font-size:45px;
  line-height: 45px;
}

.studios {
  font-size:55px;
  line-height: 55px;
}

}





@media (max-width: 767px) {
.full-height{
	margin-top:140px;
}    
.blue {
  font-size:40px;
  line-height: 40px;
}

.studios {
  font-size:50px;
  line-height: 50px;
}

}

@media (max-width: 600px) {
.full-height{
	margin-top:125px;
}    
.blue {
  font-size:30px;
  line-height: 30px;
}

.studios {
  font-size:40px;
  line-height: 40px;
}
}


@media (max-width: 400px) {
.full-height{
	margin-top:85px;
}    
.blue {
  font-size:23px;
  line-height: 23px;
}

.studios {
  font-size:27px;
  line-height: 27px;

}
}


@media (max-width: 320px) {
.full-height{
	margin-top:65px;
}    
blue {
  font-size:20px;
  line-height: 20px;
}

.studios {
  font-size:25px;
  line-height: 25px;
  
}
}
























.wrapper {
    padding-bottom:5rem;
}


.inner-wrapper {
    margin:0 3.5rem 4rem 3.5rem;
    background:#fff;
    padding:5rem 3rem 3rem 3rem;
}


.menu-wrapper {
  width:100%;
  height:900px;
  padding:5rem 3.5rem 4.5rem 3.5rem;
}


.menu-container {
  background:rgb(0,0,0,.5);
  width:100%;;
  height:100%;  
}





@media (max-width: 1440px) {

.menu-wrapper {
  height:900px;
}

}




@media (max-width: 1360px) {

.menu-wrapper {
  height:900px;
}


}





@media (max-width: 1280px) {


.menu-wrapper {
  height:760px;
}


}






@media (max-width: 1024px) {

.menu-wrapper {
  height:600px;
}


}




@media (max-width: 800px) {

.menu-wrapper {
  height:480px;
}


}






@media (max-width: 640px) {

.wrapper {
    padding-bottom:4rem;
}

.inner-wrapper {
    margin:0 2.5rem 4rem 2.5rem;
    padding:5 rem 2rem 2rem 2rem;
}

.menu-wrapper {
  height:370px;
  padding:5rem 2rem 2.5rem 2rem;
}

}

@media (max-width: 560px) {
.wrapper {
    padding-bottom:2rem;
}

.inner-wrapper {
    margin:0 1.5rem 2rem 1.5rem;
    padding:4rem 1rem 1rem 1rem;
}

.menu-wrapper {
  height:320px;
  padding:5rem 1rem 1.5rem 1rem;
}

}


@media (max-width: 440px) {
.wrapper {
    padding-bottom:1rem;
}

.inner-wrapper {
    margin:0 .5rem 1rem .5rem;
    padding:4rem .5rem .5rem .5rem;
}

.menu-wrapper {
  height:246px;
  padding:5rem .5rem 1rem .5rem;
}


}






@media (max-width: 360px) {
.wrapper {
    padding-bottom:.8rem;
}

.inner-wrapper {
    margin:0 .4rem 1rem .4rem;
    padding:4rem .4rem .4rem .4rem;
}

.menu-wrapper {
  height:200px;
  padding:4rem .4rem 1rem .4rem;
}


}





@media (max-width: 320px) {

.menu-wrapper {
  height:180px;
}


}





.menu-btn, .close-btn
{
	position: absolute;
	right: 25px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}



.menu-btn
{
	top: 105px;
}



.close-btn
{
	top: 0;
}




.side-bar
{
	position: fixed;
	top: 100px;
	right: -100%;
	width: 310px;
	height: 100%;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.5);
	transition: 0.6s ease;
	transition-property: right;
	z-index:5000;
}
.side-bar.active
{
	right: 0;
}
.side-bar .menu
{
	width: 100%;
	margin-top: 60px;
}
.side-bar .menu .item
{
	cursor: pointer;
}
.side-bar .menu .item a 
{
	display: flex;
	align-items: center;
	text-decoration: none;
	line-height: 48px;
	color: #fff;
	padding: 4px 28px;
}
.side-bar .menu .item a:hover
{
	background: #f19d56;
	transition: 0.4s;
}
.side-bar .menu .item i 
{
	margin-right: 14px;
}
.side-bar .menu .item a .dropdown
{
	position: absolute;
	right: 14px;
	transition: 0.4s;
}
.side-bar .menu .item a .dropdown.rotate
{
	transform: rotate(90deg);
}
.side-bar .menu .item .sub-menu
{
	display: none;
	background: rgba(255, 255, 255, 0.1);
}
.side-bar .menu .item .sub-menu a 
{
	padding-left: 80px;
}




     :root {
        --side-panel: 170px;
        --side-color: white;
      }

      *, ::before, ::after {
        box-sizing: border-box;
      }

      :focus {
        outline: 3px solid #3d68a7;
      }

      ::-moz-focus-inner {
        border: 0;
      }

      body {
        position: relative;

      }



      .navMenu {
        width: var(--side-panel);
        color: var(--side-color);
        //background: #333;
        background:rgb(0,0,0.5);
        border: 1px solid #333;
        overflow: hidden;
        position: absolute;
        top:130px;
        left:15px;
        height: 360px;
        transition: width .4s linear;
        z-index: 10;
        font-size:.8rem;
      }

      .closeBtn {
        position: absolute;
        top: 10px;
        right: 10px;
        color: inherit;
        padding: 0 5px;
        background: #333;
      }

      .hamburger {
        position: absolute;
        top: 105px;
        left: 12px;
        padding: 0 5px 4px;
        z-index: 12;
        transition: margin .4s linear;
        color:#fff;
      }

      .hidden {
        width: 0;
      }




      .vh {
        visibility: hidden;
      }

#navMenu button {
        font-size: 2em;
        background: none;
        border: none;
        cursor: pointer;
      }

#navMenu ul {
        list-style: none;
        padding: 1.4em;
        line-height: 1.4;
        background: #333;
        background:transparent;
      }

#navMenu ul li {
        padding: 5px 0;
      }

      .navMenu a {
        text-decoration: none;
        font-weight: bold;
        color: inherit;
        font-size: 1.2em;
      }

      .navMenu a:hover {
        border-bottom: solid 1px;
      }



      @media (max-width: 320px) {
        .navMenu {
          width: 90%;
        }

        .menuOpen {
          margin-left: 0;
        }

      }





#cartwatch {
    position: absolute;
    top: 105px;
    left: 130px;
    width: 50px;
    height: 24px;
    z-index: 10;
    font-size:.8rem;

}


#cartwatch a {
 font-weight:100;  
 color:#fff;
}






@media only screen and (max-width : 600px) {
.menu-btn {
    top: 90px;
}

.hamburger {
 top: 90px;
}   
    
#cartwatch {
    top: 90px;
}

}


@media only screen and (max-width : 500px) {
.menu-btn {
    top: 80px;
}

.hamburger {
 top: 80px;
}   
#cartwatch {
    top: 80px;
}

}


@media only screen and (max-width : 400px) {
.menu-btn {
    top: 70px;
}
.hamburger {
 top: 70px;
}   
#cartwatch {
    top: 70px;
}

}


@media only screen and (max-width : 320px) {
.menu-btn {
    top: 60px;
}
.hamburger {
 top: 60px;
}   
#cartwatch {
    top: 60px;
}

} 







.big_header

{
color:#fff;
font-size:30pt;
top:0px;
position:fixed;
width:100%;
background:#084B8A;
text-align:center;
z-index:99;
transition: all 0.3s ease;
padding-top:5px;
 clear: both;
}






.big_header a, .big_header a:hover {
 text-decoration:none;
 color:#fff;
}


.sticky_header 
{ 
font-size:20px;
}


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

{
font-size:22pt;
}

.sticky_header 
{ 
font-size:16px;
}


}


@media only screen and (max-width : 500px) {
.big_header

{
font-size:20pt;
}

.sticky_header 
{ 
font-size:16px;
}


}


@media only screen and (max-width : 400px) {
.big_header

{
font-size:18pt;
}


.sticky_header 
{ 
font-size:14px;
}

}


@media only screen and (max-width : 320px) {
.big_header

{
font-size:16pt;
}

.sticky_header 
{ 
font-size:12px;
}


}      
      
      
.skip-to-main-content-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0;
}
.skip-to-main-content-link:focus {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}      
      
      
      



      #overlay{
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        -moz-opacity: 0.9;
        filter: alpha(opacity=90);
        opacity:.90;
        z-index:99997;
      }


      #splash{
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0 16px;
        border: 0px solid orange;
        //background:url('test.png');
        //background-size:cover;
        z-index:99998;
      }
      #enter{
        display: inline;
        color:white;
        font-size:64px;
        text-decoration:none; 
        z-index:99999;
      }



.splash-image {
 width:100%;
 height:100%;
 //width:600px;
 //height:338px;
  resize: both;
  overflow: hidden;
 
 background:url('/img/blue-tv-studios.gif');
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
}

 
.splash {
  position: relative;
  float: left;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
}







.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}


.fullscreen-bg__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


































h1,h2,h3 {
    line-height:1.25;
    margin:1rem 0;
}

h1 { 
    color:#000;
    font-size:3.5rem;
    text-align:center;
}

h2 {
    color:#000;
    font-size:1.7rem;
}

h3 {
    color:#000;
    font-size:1.4rem;
}

h4 {
    color:#000;
    font-size:1.4rem;
    font-weight:normal;
}
    
h5 {
    color:#000;
    font-size:1.1rem;
    margin:1.5em 0 .5em
}

.wrapper p {
    color:#000;
    font-size:1.3rem;
    margin:1em 0;
}



.wrapper ul {
    font-size:1.3em;
    margin-left:5em;
}




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

h1 { 
    font-size:2.5rem;
}

}




/*Smartphone*/
@media only screen and (max-width : 360px) {

h1 { 
    font-size:2rem;
}

}


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

h1 { 
    font-size:2rem;
}

}



























a {
    color:#000;
    font-weight:bold;
    text-decoration:none;
}

a:hover {
    color:#cdcdcd;
    text-decoration:underline;
}






img.pic {
 padding:20px;    
    
}


input, button, textarea, select {
    font:inherit
}

button, select {
    border:0;
    background:transparent;
    padding:0
}


select {
    -webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;color:#880808;cursor:pointer
}

.button,.button-select {
    background:#880808;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:1.3rem;
    margin:.66rem 0;
    padding:1rem;
    width:100%;
    font-weight:bold;
    text-align:center;
    transition:.1s;
}

.button:hover,.button-select:hover {
    background:#D22B2B;
    color:#fff;
}

a.button,a.button-select {
    text-decoration:none
}

.input,.select,input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text],input[type=password],select,textarea {
    background-color:#fff;
    border:1px solid #adb5bd;
    border-radius:3px;
    color:#880808;
    font-size:1.3rem;
    padding:.75rem;
    width:100%;
}

.input:hover:not(:disabled),.select:hover:not(:disabled),input[type=date]:hover:not(:disabled),input[type=email]:hover:not(:disabled),input[type=number]:hover:not(:disabled),input[type=tel]:hover:not(:disabled),input[type=text]:hover:not(:disabled),textarea:hover:not(:disabled) {
    border:1px solid #6c757d;
}

.input:focus,.select:focus,input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus {
    border:1px solid #880808;
}

.input:disabled,.select:disabled,input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=text]:disabled,textarea:disabled {
    background-color:#f8f9fa;
    border:1px solid #e9ecef;
    color:#6c757d;
    -webkit-text-fill-color:#6c757d;
}

.input::-webkit-inpsut-placeholder,.select::-webkit-inpsut-placeholder,input[type=date]::-webkit-inpsut-placeholder,input[type=email]::-webkit-inpsut-placeholder,input[type=number]::-webkit-inpsut-placeholder,input[type=tel]::-webkit-inpsut-placeholder,input[type=text]::-webkit-inpsut-placeholder,textarea::-webkit-inpsut-placeholder {
    color:#c3c3c3;
}

.input:-ms-input-placeholder,.select:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color:#c3c3c3;
}

.input::placeholder,.select::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder {
    color:#c3c3c3
}

input[value=""]:not(:focus)::-webkit-datetime-edit { 
    color:#c3c3c3;
}
    
select {
    -webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;color:#880808;cursor:pointer
}

.select{
  background-image:url('/img/background.png');
  background-position:right .75rem top 50%;
  background-repeat:no-repeat;
  background-size:.75em auto;padding-right:2rem
}



form input:focus, form select:focus, form textarea:focus {
	background-color:#f2dfb7;
}






label,.label {
    display:block;margin:1rem 0;
}

label>span,.label>span {
    color:#000;font-size:1.1rem
}

label>span:first-child,.label>span:first-child {
    display:inline-block;padding:.25rem 0;
}

label.required>span::after, .label.required>span::after {
    content:" *"
}

@media(min-width: 1400px) {
    label,.label{margin:1.5rem 0
}
}














.videospanholder {
   width:640px;
   height:360px;
   margin:10px;
   padding:10px;

}


.videowidespanholder {
 margin: 0 auto;
 width:744px;
 height:412px;
}



@media only screen and (max-width : 1200px) {
.videowidespanholder {
 width:940px;
 height:529px;
}
}


@media only screen and (max-width : 1100px) {
.videowidespanholder {
 width:940px;
 height:529px;
}
}



@media only screen and (max-width : 1000px) {
.videowidespanholder {
 width:840px;
 height:472px;
}
}




@media only screen and (max-width : 900px) {
.videowidespanholder {
 width:740px;
 height:416px;
}
}



@media only screen and (max-width : 800px) {
.videowidespanholder {
 width:540px;
 height:360px;
}
}




@media only screen and (max-width : 700px) {
.videowidespanholder {
 width:500px;
 height:303px;
}
}




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

.videospanholder, .videowidespanholder {
   width:600px;
   height:338px;
}


}




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

.videospanholder, .videowidespanholder {
   width:500px;
   height:281px;
}


}





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

.videospanholder, .videowidespanholder {
   width:480px;
   height:270px;
}


}




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

.videospanholder, .videowidespanholder {
   width:380px;
   height:214px;
}


}





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

.videospanholder, .videowidespanholder {
   width:300px;
   height:169px;
}


}



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

.videospanholder, .videowidespanholder {
   width:240px;
   height:135px;
}


}




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

.videospanholder, .videowidespanholder {
   width:380px;
   height:214px;
}


}




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

.videospanholder, .videowidespanholder {
   bottom:5px;
   width:320px;
   height:180px;
}

}




/*Smartphone*/
@media only screen and (max-width : 360px) {

.videospanholder, .videowidespanholder {
   bottom:2px;    
   width:290px;
   height:163px;
}

}


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

.videospanholder, .videowidespanholder {
   bottom:2px;    
   width:260px;
   height:146px;
}

}





.audiojs { margin: 15px 0px 20px; }
.audiojs h2 { font-family: 'bpreplay', sans-serif; font-weight: normal; font-size: 24px; margin-bottom: 10px; line-height: 1.6; }
.audiojs p { margin:0px; }




@media only screen and (max-width : 560px) {
.audiojs { 
  width:380px; 
}
}


@media only screen and (max-width : 460px) {
.audiojs { 
  width:310px; 
}
}

@media only screen and (max-width : 320px) {
.audiojs { 
  width:280px; 
}
}














































 
.row{
  margin-right:-15px;margin-left:-15px
}    
    
    
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
  position:relative;min-height:1px;padding-right:15px;padding-left:15px
}    
    
    
@media (min-width:768px){

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
  float:left;
}

.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%;
    
}
}   
    
    
.row:after,.row:before{display:table;content:" "}    
    
.row:after{clear:both}    
    
    





div.on_off_off, span.on_off_off
{
 background: rgb(150,110,120);
 font-family: segoe ui;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(180, 140, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
 z-index:999999;
}
div.on_off_on, span.on_off_on
{
 background: rgb(110,150,120);
 font-family: segoe ui;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(140, 180, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
 z-index:999999;
}




.crunchify-top:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}
 
.crunchify-top {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1rem;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
}





footer {
    color:#414d7a;
    text-align:center;
    padding-top:.5rem;
    margin:10px auto;
    max-width:600px;
    background:#ffffff;
}

footer *{
    font-size:.9rem
}

@media(max-width: 700px) {
    
footer * {
    font-size:.8rem
}
}



footer a {
    color:#343a40;
    font-weight:bold;
    text-decoration:none
}

footer a:hover { 
    color:inherit;text-decoration:underline
}


footer ul {
    padding:0;
    margin:5px 0;
}

footer li {
    list-style:none;margin:0 1em;display:inline-block
}