/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}



/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 40px;
    /* Margin bottom by footer height */
  font-family: 'Orbitron', sans-serif;
  text-align:center;
  background-color:#000000;
    /* The image used */
    background-image: url("../images/bg.jpg");

    /* Full height */
    height:100%;

    /* Center and scale the image nicely */
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: 100% auto;
  overflow-x: hidden;
}

#ufcmark{
	position:absolute;
	width:70px;
	top:10px;
	left:15px;
}

.specialfeatures{
	font-family: 'Montserrat', sans-serif;
  font-weight:400;
  font-size:18px;
  	line-height:1.5;
}


.mitalic{
	font-weight:400i;
	font-style:italic;
}

.mont{
	font-family: 'Montserrat', sans-serif;
	  font-weight:400;
}

.feattitle{
	font-weight:700;
	font-size:36px;
	line-height:1;
	margin-bottom:0.5rem;
	padding-left:4.5rem;
	padding-right:4.5rem;
	color:#ffffff;
	text-shadow: 2px 2px rgba(0,0,0,0.7);
}

.topcontainer{
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
}

.formatcontainer{
	padding-left:0rem; padding-right:0rem; padding-top:1rem;
}

.datecta{
	font-size:25px;
	line-height:1.1;
	text-shadow: 2px 2px rgba(0,0,0,0.3);
	color:#fff;
	margin-top:1rem;
	padding:1rem 1rem 0.5rem 0rem;
	text-align: center;
	
border-radius:10px;
		background-color: rgba(40,63,115,0.5);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);

}


.buybutton{
	font-size:35px;
	line-height:1;
	padding-top:0.9rem;
	padding-bottom:0.4rem;
	width:250px;
	border-radius:20px;
	margin-top:1rem;
	cursor:pointer;
	color:white;
}

.buybuttonoff{
background: #b5bdc8;
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); 
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); 
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
box-shadow: 0px 0px 15px rgba(0,0,0,1);
}

.buybuttonhover {
background: #b5bdc8; 
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 81%);
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 81%); 
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 81%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#828c95',GradientType=0 );
color:darkred;
box-shadow: 0px 0px 15px rgba(0,0,0,1);
}

.boxart{
	padding-right:0rem;
}

.buytiles{
	padding:5px;
	text-align: center;
	cursor:pointer;
}

.uv{
	margin-bottom:0px;
}

.buycontainer{
	padding-left:24px;
	padding-right:24px;
	background-color:rgba(255,0,0,0.5);
	border-radius:15px;
}

#buywidth{
	width:768px;
}


.formatbtn{
	font-size:20px;
	line-height:1;
	padding-top:0.9rem;
	padding-bottom:0.6rem;
	padding-left:0rem;
	padding-right:0rem;
	margin-bottom:0.8rem;
	cursor:pointer;
	width:100%;
	border-radius:20px;
}

/*.formatbtnoff{
background: #b5bdc8;
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); 
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); 
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); 

}
.formatbtnhover{
background: #b5bdc8; 
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 81%);
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 81%); 
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 81%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#828c95',GradientType=0 );
color:darkred;
}*/

.formatbtnoff{
	background: #b8e1fc; /* Old browsers */
	background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 0px 15px rgba(0,0,0,1);
	}

.formatbtnhover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1ffff+0,e1ffff+7,e1ffff+12,fdffff+12,e6f8fd+30,c8eefb+54,bee4f8+75,b1d8f5+100;Blue+Pipe+%232 */
background: #e1ffff; /* Old browsers */
background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 0px 15px rgba(0,0,0,1);
}

.formatbtnactive{
	background-color:white;
}

.formatrow{
	padding-left:0rem;
	padding-right:0rem;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	width:40px;
	height:40px;
	margin:0px;
}

::-moz-selection {    
    background: none;
}

::selection {
    background: none;
}

.signfont{
	font-weight:900;
	color:black;
	letter-spacing: 0.5px;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
}

.lightfont{
	font-weight:500;
	letter-spacing: 2px;
}

.regularfont{
	font-weight:500;
	letter-spacing: 2px;
}

.boldfont{
	font-weight:900;
		letter-spacing: 2px;
}

.year{
	font-size:14px;
	font-weight:300;
}

.buttonbox{
width:452px;
height:60px;
	background-color: rgba(255,0,0,0.3);
}

#buyshape{
	margin-left:97px;
}

.cta1{
	font-size:30px;
	line-height:30px;
text-shadow: 2px 2px rgba(0,0,0,0.3);
color:#fff;
	background-color: rgba(40,63,115,0.5);
	padding:6px 8px 0px 8px;
}

.cta2{
	font-size:45px;
	line-height:30px;
}

.couchtxt{
	font-size:15px;
	line-height:20px;
	color:rgba(255,255,255,0.9);
}

.dash{
	color:red;
}

#couchcontainer{
	background-color: rgba(40,63,115,0.5);
	padding:20px;
	width:768px;
	margin-top:1rem;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}

.carousel{
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5); border: rgba(234,229,191,0.1) solid 2px;
}

#carouselcontainer{
	width:768px; padding-left:0px; padding-right:0px;
}
#thcontainer{
	background-color: rgba(40,63,115,0.5);
	padding:20px;
		margin-top:20px; 
	width:480px;
	height:auto;

	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}
.broadcasttxt{
	font-size:25px;
	line-height:20px;
}

.gathertxt{
	font-size:25px; line-height:25px; color:#000; padding:0px 20px 0px 20px;
}

.cleantxt{
	font-size:18px; line-height:20px; color:#000; padding:0px 30px 0px 30px;
}

.titleshead{
	font-size:25px; line-height:30px; color:#ffdf00;
}

.titlestxt{
	font-size:18px; line-height:30px; color:white;
}

.social{
    -webkit-filter: invert(100%);
    filter: invert(100%);
    transition: ease-in-out 0.2s;
}

.social:hover{
    -webkit-filter: invert(0%);
    filter: invert(0%);
    transition: ease-in-out 0.2s;
}

.retailercta{
	font-size:22px;
	color:white;
	letter-spacing: 1px;
	line-height:22px;
	margin-top:20px;
	margin-bottom:10px;
}

.btn-trooper {
font-size:18px;
line-height:20px;
margin:5px;
padding:20px 20px 15px 20px;
	background-color:#c32023;
	  font-family: 'Orbitron', sans-serif;
	  font-weight:400;
    color:white;
    
    border-radius: 0px;
    	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    		border: none;
    		cursor:pointer;
    		
    		    background-image: url("../images/buttontexture.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
        transition: ease-in-out 0.2s;
}

.btn-trooper.wide{
	background-image: url("../images/buttontexture2.png");
}

.btn-trooper:hover {
border: none;
        		    background-color: #000;
}

.btn-trooper:focus {
    box-shadow:none;
}

.btn.btn-secondary {
	background-color:#c32023;
	color: white;
    border: none;
    border-radius: 10px;
    padding:0px;
}

.btn.btn-secondary:hover {
    background-color:#000;
}

.btn.btn-secondary:focus {
    box-shadow:none;
}

.navbg{
	width:100%;
	height:40px;
	top:0px;
	position:fixed;
		background-color:#555659;
		box-shadow: 0px 0px 15px #000;
		
	background-image: url("../images/navtexture.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.yellowbar{
	background-color:rgba(40,63,115,0.5);
	width:100%;
	height:4px;
	margin-top:20px;
	margin-bottom:17px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}

/* unvisited link */
a:link {
    color: #70e6ff;
    text-decoration:none;
    outline:0;
}

/* visited link */
a:visited {
    color: #70e6ff;
    text-decoration:none;
    outline:0;
}

/* mouse over link */
a:hover {
    color: #70e6ff;
    text-decoration:none;
    outline:0;
}

a:focus {
    color: #70e6ff;
    text-decoration:none;
    outline:0;
}

/* selected link */
a:active {
    color: #70e6ff;
    text-decoration:none;
    outline:0;
}

.container{
	width:1024px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 80px;
  background-color: #555659;
}

.text-muted {
    color: #636c72 !important;
}

.jumbotron{
	padding:0px;
	background-color:#ffdf00;
	border-radius: 0px;
}

.jumbotron .container{
	padding:0px;
	width:100%;
}

.rounded {
    border-radius: 10px;
}

.navbar{
	height:40px;
	width:1200px;
	margin:0 auto;
		background-image: url("../images/navtexture.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-faded{
	background-color:#555659 !important;
}

.navbar-brand {
	font-size: 1.2rem;
}

.navbar-light .navbar-toggler {
    border-color: white;
}

/*-----VIDEO----*/


#overlay {
  position: absolute;
  top:0px;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.75);
  display:none;
    overflow-x:hidden;
}

#close-btn {
	position:absolute;
	right:-5px;
	top:-27px;
	cursor:pointer;
	background:none;
	border:none;
	font-family: 'Orbitron', sans-serif;
	color:#5e85a3;
	font-weight:900;
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 2px;
	opacity:0.7;
}

#close-btn.hover {
  opacity:1;
}

#videoembed-cont{
    width: 90%;
    height: 90%;

    position: absolute;
    top:30px;
    /*bottom: 0;*/
    left: 0;
    right: 0;

    margin: auto;
}
#videoembed-cont.align-middle{
  top:50%;
}
#videoembed{
    width: 100%;
    height: auto;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

/*-----VIDEO END----*/

@media (max-width: 1199px) {
.navbar{
	width:100%;
}

}

@media (max-width: 992px) {

body {
  padding-top: 40px;
}

.topcontainer{
	padding-left:2rem;
	padding-right:2rem;
}

.formatcontainer{
	padding-left:0.5rem; padding-right:0.5rem;
}

}

@media (max-width: 852px) {
.cta1{
	background-color: rgba(0,0,0,0.0);
	padding:0px;
}

}


@media (max-width: 768px) {
.datecta{
	font-size:18px;
		padding:1rem 1rem 1rem 1rem;
}

#buywidth{
	width:100%;
}

.buycontainer{
	padding-left:14px;
	padding-right:10px;
	margin:0 auto;
}
.container{
	width:100%;
}


#couchcontainer{
	width:100%;
}

.carousel{
		width:100%;
}

#carouselcontainer{
	width:100%;
}

#thcontainer{
	width:100%;
	height:auto;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
 	display:block !important;
}

}

@media (max-width: 700px) {
.feattitle{
	padding-left:5rem;
	padding-right:5rem;
}
}

@media (max-width: 650px) {
.datecta{
	font-size:17px;
		padding:1rem 1rem 0.7rem 1rem;
}

.formatbtn{
	font-size:19px;
}

.buybutton{
	margin-right:1rem;
}

.btn-trooper:hover {
	background-color:#c32023;
}

.btn.btn-secondary:hover {
	background-color:#c32023;
	color: white;
}

.social:hover{
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

}

@media (max-width: 575px) {

.specialfeatures{
	font-size:11px;
}
.feattitle{
	font-size:20px;
	padding-left:5rem;
	padding-right:5rem;
}

.buytiles{
	padding:7px;
}
.uv{
	margin-bottom:-17px;
}

.boxart{
	padding-right:1rem;
	padding-left:1rem;
}

.formatrow{
	padding-left:1rem;
	padding-right:1rem;
}

.datecta{
	font-size:5vw;
	line-height:1;
	padding:0.5rem 1rem 0.5rem 1rem;
	text-align: center;
}

.buybutton{
	margin-left:auto;
	margin-right:auto;
}

}

@media (max-width: 510px) {

.signuptxt{
	display:none;
}

}

@media (max-width: 480px) {

.feattitle{
	font-size:20px;
}

.formatbtn{
	font-size:18px;
}

#buyshape{
	margin:0 auto;
}

.buttonbox{
width:288px;
height:60px;
	background-color: rgba(255,0,0,0.3);
}

.carousel-control-next-icon, .carousel-control-prev-icon{
	width:30px;
	height:30px;
	margin:0px;
}


.cta1{
	font-size:8vw;
	line-height:7vw;
}

.cta2{
	font-size:12vw;
	line-height:10vw;
}

.couchtxt{
	font-size:3.3vw;
	line-height:4vw;
}

.broadcasttxt{
	font-size:4.3vw;
	line-height:1vw;
}

.gathertxt{
		font-size:6vw;
	line-height:6vw;
}

.cleantxt{
	font-size:4vw;
	line-height:5vw;
}

.retailercta{
	font-size:5vw;
	line-height:5vw;
}

.titleshead{
	font-size:5vw;
	line-height:6vw;
}

.titlestxt{
	font-size:3.65vw;
	line-height:2vw;
}

#close-btn {
	position:absolute;
	right:-2vw;
	top:-20px;
	letter-spacing: 0.5vw;
	font-size: 6vw;
	line-height: 5vw;
}


}

@media (max-width: 360px) {

.datecta{
	font-size:4.5vw;
}

#buyshape{
	margin-left:5%;
}
}

//* Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }*//