/* App Specific */
html,body{
		height:100%;

        font-family: 'Anton', sans-serif;

    	color: #5c2c1c;
		background: url(/assets/images/rink.jpg) scroll no-repeat center top #000;
}

.carousel,
.item,
.active{
	height:100%;
}

.carousel-inner{
	height:100%;

}

.carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out left;
    -moz-transition: 0.3s ease-in-out left;
    -o-transition: 0.3s ease-in-out left;
    transition: 0.3s ease-in-out left;

} 
.pldc-video{
	
	width: 45%; 
	padding-top: 330px; 
	margin: 0px auto;
	
}
.fill{	
            /*width:100%;*/
			height:100%;
			background-position:center;
			background-size:cover;
}
	.footer {
	    bottom: 0;
	    height: 44px;
	    position: absolute;
	    width: 100%;
	}

	

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  	
.pldc-video{
	

	
}
.fill{	     
	height:100%;
	background-position:center;
	background-size:cover;
}
.footer {
    bottom: 0;
    height: 44px;
    position: absolute;
    width: 100%;
}
  	
	
}
	
	
/*iPhone*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
 body {
		padding-left: 0;
		padding-right: 0;
	}
	.pldc-video{
		
		width: 30%; 
		padding-top: 120px; 
		margin: 0px auto;
		
	}
    .fill{
	       height:99%;
	       background-position:center;
	       background-size:contain;
    	   background-repeat: no-repeat;
}
    .footer {
        bottom: 0;
        height: 44px;
        position: absolute;
       /* width: 100%;*/
    }
}

/*ipad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

	.fill{	/*width:100%;*/
			height:100%;
			background-position:center;
			background-size:cover;}
	.footer {
	    bottom: 0;
	    height: 44px;
	    position: absolute;
	    width: 100%;
	}
	
	.pldc-video{
	
		width: 51%; 
		padding-top: 300px; 
		margin: 0px auto;
	
	}
}


.navbar{
	background: url()scroll repeat-x center top transparent;
	height: 73px;
}
.navbar-default{
	border: none;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.padding-top-5{
	padding-top: 5px;
}
.padding-top-10{
	padding-top: 10px;
}
.padding-top-15{
	padding-top: 15px;
}
.padding-top-50{
	padding-top: 50px;
}
.carousel-control {
    background: none repeat scroll 0 0 transparent;
    font-size: 60px;
    font-weight: 100;
    height: 71px;
    left: 15px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}
.carousel-control.left,.carousel-control.right{
background-image: none;
}


/*
.slide-title{
	color:#00baff;
	font-size: 33px;
	text-transform: uppercase;
}
*/
.slide-timer{
	color: #fff;
	 font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	height: 44px;
	padding: 12px;
}



.slide-subtitle{
	color: #00baff;
	font-size: 22px;
	text-transform: uppercase;
	padding-left: 5px;
	padding-top: 10px;
}

.navbar-nav > li > a {
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 0px;
}
.modal-content {
    box-shadow: none;
    border: 0px;
}

.nav-footer-color{
	color: #000;
	background-color: #fff;
}
.darkbg{
	background-color: #fff;
}
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0;
}



.navbar-collapse.collapse {
display: block!important;
}

.navbar-nav>li, .navbar-nav {
float: left !important;
}

.navbar-nav.navbar-right:last-child {
margin-right: -15px !important;
}

.navbar-right {
float: right!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.navbar-default {
	box-shadow: none;
}
.padding-right-30{
	margin-right: 30px;	
}

.list-group-item {
    background-color: #fff;
    border: none;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.videosubtitle{
	color: #e9cfa5;
	font-size: 12px;
}

.modal-dialog-video {
    height: 70%;
    padding: 0;
    width: 70%;
}
.video-black-bg {
    background-color: #000;
}

.slideout-menu {
        	 font-family: 'Anton', sans-serif;
        	position: fixed;
        	top: 0;
    /*     	left: -250px; */
        	right: -350px;
        	width: 350px;
        	height: 100%;
        	background-color: #323030;
            box-shadow: -2px 0 2px #222;
        	z-index: 10001;
        	overflow-x: auto;
	        color: #fff;
        }
        .slideout-menu h3 {
        	position: relative;
        	padding: 12px 10px;
        	color: #fff;
        	font-size: 1.2em;
        	font-weight: 400;
        	border-bottom: 4px solid #222;
        }
        
        
        .slideout-menu .slideout-menu-toggle {
        	position: absolute;
        	top: -11px;
        	right: 10px;
        	display: inline-block;
        	padding: 6px 9px 5px;
        	font-family: Arial, sans-serif;
        	font-weight: bold;
        	line-height: 1;
        	font-size: 40px;
        	color: #fff; /* #999; */
        	text-decoration: none;
        	vertical-align: top;
        }
        .slideout-menu .slideout-menu-toggle:hover {
        	color: #fff;
        }
        .slideout-menu ul {
        	list-style: none;
        	font-weight: 300;
        	/* */
        	border-top: 1px solid #151515;
        	border-bottom: 1px solid #454545;
            
        }
        .slideout-menu ul li {
        	/* */
        	border-top: 1px solid #454545;
        	border-bottom: 1px solid #151515;
        	
        }
        .slideout-menu ul li a {
        	position: relative;
        	display: block;
        	padding: 10px;
        	color: #fff;
        	text-decoration: none;
        }
        .slideout-menu ul li a:hover {
        	background: #000;
        	color: #fff;
        }
        .slideout-menu ul li a i {
        	position: absolute;
        	top: 15px;
        	right: 10px;
        	opacity: .5;
        }
        
        .menu-items-top{
        	
        	font-size: 45px;
        }
        .autoplayindent{
        	
        	margin-left: 10px;
        }
        
        .mobilemenu{
        	color: #fff;
            font-size: 30px;
        }