* { margin: 0; padding: 0; }


article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
body {
    font-family: 'Montserrat';font-size: 20px;
	
}
#page-wrap { width: 960px; margin: 60px auto; }

.filter .nav-link{
	line-height:30px;
}
.filter .nav-item{
	padding-right:50px;
}

.main{
	background-image:
}
.infom{
	padding-left:15px;
top:40%;

	
}
.infom h5{
	color:#009fe3;
	
}
.infom p{
	width:60%;
	color:black;
}
.infom a{
	background-color:#00467d;
	color:white;
}
.infom a:hover{
	background-color:#025291;
	color:white;
}
.topmenu a{
	background-color:white;
	padding:10px 20px 10px 20px !important;
	margin-left:10px;
	
}
.topmenu .nav-item{
	padding-top:5px;
}
.result{
	text-align:right;
}

.allselected ul li{
	cursor:pointer;
	display:inline-block;
	  float: left; 


margin-top:8px;
	padding:10px 20px;
	margin-right:10px;
	background-color:#1a80ff;
	border-radius:20px;
}
.allselected ul li:hover{
color:white;
	background-color:#0d61ca;

}
.myfooter{
	background-color:#003459;
	color:white;
	padding:20px;
	
}
.myfooter a:hover{
	text-decoration:none;
}
.myfooter p{
	padding-left:20px;
}
.stage {
opacity:0;
	 transition: all 1.3s ease;
}
.hidestage{
	opacity:0;

}
.showstage{
opacity:1;

}

.movie .frontCta{
	bottom: 10px;
position: absolute;
right: 5px;
color: #00a0e4;
}



.movie .frontTitle{
text-align: center;
position: absolute;
color: #00a0e4;
left:0;
right:0;
margin-top:5px;
}

#cta{

}

	
		.multiselect {
margin-right:30px;
}
 

.dropbtn label input{
margin-right:10px;
}
 
.multiselect-on {
    color:#000000;
	font-weight:bold;
	
   <!-- background-color:#000099; -->
}

.dropbtn {
  background-color: #faf5f5;
  color: #605a5a;
  padding: 5px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}


.dropdown {
  position: relative;
  display: inline-block;
  margin-right:20px;
}

.dropdown-content {
  display: none;
min-width: 200px;
  position: absolute;
  background-color: #f9f9f9;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 7px 22px;
  background-color:#00a0e4;
  text-decoration: none;
  display: inline-block;
}

label{
    display:block !important;
	padding:5px;
	margin-left:5px;
}

.dropdown-content a:hover {background-color: #003459;color:white;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {

}

.dropdown-content input{
margin-right:10px;
}
.filters{
	
	margin-left:20px;
	border-radius:40px;
}
.filterbox{
	display:none;
	padding-bottom: 20px;
}
.filterbox .title{
	display: inline-block;
}

.filterbox span{
	cursor:pointer;
}
.filterbtn{
	padding:10px;
	display:none;
}

    @media (min-width: 777px) {
	
    }


@media screen and (min-width: 820px) /* height >= 820 px */
{
    	.filters{
		display:block;
		}
}





@media (max-width: 767px) {
  .infom p{
   width: 95%;
    
  }
      .topmenu{
  
    position:absolute;
	top:-1000px;
  }
  .brandLogo{
	  width:70%;
	  margin-top:10px;
  }

.dropdown {
  position: relative;
  display: block;
  margin-right:20px;
}

.filterbox{
	display:block;
	
}
.filterbtn{
	padding:10px;
	display:block;
	cursor:pointer;
}
.filterbtn:hover{
	color:#6c6565;
}
.filters{
position: absolute;
width: 80%;
margin: 0 auto;
background-color:rgba(255,255,255,1);
border: 1px solid;
z-index: 100;
padding: 20px;
left: 0;
right: 0;
height: 55%;
top: 20%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.filters{
	display:none;
}
.dropdown{
	margin-bottom:30px;
}

}