html body {
  min-height: 200px;
    overflow-x: hidden;
    color:#000;
}
a {
  color: #000;
  text-decoration: none;
}
a:focus, a:hover {
	color:inherit;
}
.navbar-static-top {
  margin-bottom: 0;
}
.candy a {
	color:white;
}

body {
	font-family: 'Open Sans Condensed', sans-serif;
}
.search-wrap,
#search-menu,
.frontpage h3,
footer ul li,
footer .showmoreshops,
.footer-logos,
.afont,
.afontall * {
	font-family: 'Questrial', sans-serif;
}

.navbar-default {
  background-color: #000;
  border-color: #000;
}
.carousel-control-button {
	  width: 30px;
  height: 30px;
  margin-top: -15px;
  font-size: 30px;
    margin-right: -15px;
      right: 50%;
      position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.right .carousel-control-button {
	 right: 50%;
	}
.left .carousel-control-button {
	margin-left: -15px;
	left:50%;
	}

.carousel-control.right {
	background:none;
}
.carousel-control.left {
	background:none;	
}
.carousel-inner .item {
	background-size: cover;

}

.vc_images_carousel {
	margin:0 auto;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #fff;
  content: "/\00a0";
}

.breadcrumb a,
.breadcrumb>.active,
.breadcrumb {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
} 

.breadcrumb {
	  padding: 3px 15px;

	  margin: 0 -10px 0;
  border-radius: 0;
}

.breadcrumb>.active {
	color:#f09;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>button {
	color:white;
	text-transform: uppercase;
	font-weight:700;

}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>button, .navbar-default .navbar-nav>.active>button:focus, .navbar-default .navbar-nav>.active>button:hover {
	color:#ff0099;
	background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>button:focus, .navbar-default .navbar-nav>li>button:hover {
	color:#ff0099;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>button, .navbar-default .navbar-nav>.open>button:focus, .navbar-default .navbar-nav>.open>button:hover {
	color:#ff0099;
	background-color: transparent;
}
.dropdown-menu {
	background:#000;
	min-width: 243px;
}
.dropdown-menu>li>a,
.dropdown-menu>li>button {
	color:white;
	text-transform: uppercase;
	font-weight:700;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
.dropdown-menu>li>button:focus, .dropdown-menu>li>button:hover {
	color: #262626;
	text-decoration: none;
	background-color: #ff0099;
}

.navbar-brand {
  height: 68px;
}
.logo {
	width:180px;
}
.nav.header-links>li>a>img,
.nav.header-links>li>button>img {
  max-width: 20px;
}
.nav.header-links>li>a,
.nav.header-links>li>button {
  padding-left: 5px;
  padding-right: 5px;
}
.search-toggle.navbar-toggle {
	margin:0;
}
.search {
	padding: 5px 12px;
}
.search-wrap a {
	color:#fff;
	padding-right: 13px;
	font-size: 12px;
}

.stylish-input-group .input-group-addon{
    background: white !important; 
  padding: 0px 1px;
  border: none;
    font-size: 16px;
  color: #7f7f7f;
  border-radius: 0;
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#fff;
	height: 24px;
	  border-radius: 0px;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.margin-bottom {
	  margin-bottom: 30px;
}
.margin-bottom-small {
	margin-bottom: 8px;
}

.row > div > h2 {
	border-bottom:1px solid #cccccc;
	text-transform: uppercase;
	font-size:24px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 9px;
}

.movie {
	padding-bottom: 30px;

}
.movie h3 {
font-size: 14px;
font-weight: bold;
margin-top:0;
  min-height: 1em;
  height: 30px;
  overflow: hidden;
}
.movie > img,
.movie a img.img-responsive {
width:auto;

}

.movie a.product_image img.img-responsive {
	max-width: 120px;
}



.movie .movie-opt {
width:100%;
float:left;
  margin-top: 4px;
}
.movie .movie-opt img {
float:left;
display: block;
  width: 25px;
  margin-right: 7px;
  margin-top:3px;
  height: 13px;
}
.movie .movie-opt a {
float:left;
display: block;
background:#000;
text-transform: uppercase;
font-size:12px;
color:#fff;
padding:1px 3px;
font-weight: bold;
}

a.with-bg {
display: inline;
background:#000;
text-transform: uppercase;
font-size:16px;
color:#fff;
padding:3px 14px;
font-weight: bold;
}

footer ul,
footer ul li {
	padding:0;
	margin:0;
}

footer ul li {
	list-style: none;
	font-size: 12px;
	font-weight: bold;

}

footer ul li a {
	text-decoration: underline;
	color:#000;
}

footer ul li:before {
	content:"•";
	width:6px;
	height:6px;
	padding-right: 3px;
	text-decoration: none;
}



footer ul {
    counter-reset: foo;
    display: table;
}

footer ul > li {
    counter-increment: foo;
    display: table-row;
}

footer ul > li::before {
    content:"•";
    width:6px;
	height:6px;
	padding-right: 3px;
    display: table-cell; /* aha! */
    text-align: right;
}







footer .search {
	  width: 50%;
  margin: 0 auto;
  position: relative;
}

footer.candy-search .search {
	  width: 100%;
	  padding:0;
	  }

footer .search.stylish-input-group .input-group-addon {
right: 22px;
  display: block;
  position: absolute;
  z-index: 9;
  width: 20px;
  background: transparent !important;
  top: 9px;
}


footer .search.stylish-input-group .form-control {
	border-color: #CCC;
	border:1px solid #ccc;
 	height: 29px;
}

footer .search-wrap {
	margin-bottom: 20px;
  margin-top: 6px;
}

footer .showmorewrap {
	padding: 15px 0;
}

.fullwidth {
	width:100%;
}

footer .showmoreshops {
	text-align:center;
	color:#000;
	text-transform: uppercase;
	font-weight: bold;
	font-size:12px;	
}
footer .showmoreshops img {
	width:25px;
	margin:0 auto 0;
	clear:both;
}

footer #showmoreshops .col-xs-6 {
	margin-bottom: 16px;
}

.full-width-all .col-sm-12 {
	padding:0;
}

.black {
	background:#131313;
}

.footer-logos .nav-links {
	margin:10px 0;
}

.footer-logos,
.footer-logos a {
	color:white;
	text-align:center;
	font-size:14px;
}

.footer-links  {
	margin:10px 0  20px;
}

.footer-logos .copyright {
	font-size:12px;
	margin-bottom:20px;
}

.footer-links img {
	width:25px;
	margin: 0 4px;
}

iframe {
	display: block;
}

@media (max-width: 767px) {
	.product-image {
	display: block;
  margin-right: auto;
  margin-left: auto;
  }
	footer .search {
	  width: 100%;
	  padding: 5px 0;
	}
	footer .search.stylish-input-group .input-group-addon {
  		right: 13px;
	}
	.container {
		 max-width: 330px;
	}
	.open-all {
		margin-bottom: 15px;
	}
	.open-all .text-right {
		text-align: center;
  		padding: 0 38px;
	}
	.open-all .text-right a.with-bg {
 		display: block;
		padding: 18px 14px;
		text-align: center !important;
		width: 60%;
  		margin: 0 auto;
	}
	.navbar-brand {
		display: block;
		  padding: 15px 0;
	}
	.logo {
  		width: 124px;
	}
	.full-width-mobile .col-xs-12 {
	padding:0;
}
.movie,.candy {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
	.menu-text {
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
		margin-left: 20px;
		font-weight: bold;
	}
	.nav.header-links>li>a {
		float: left;
	}
	.navbar-nav.navbar-right {
		float: right;
		  width: 124px;
		   width: 46px;
	}
	.navbar-nav.navbar-right .open .dropdown-menu {
		width: 100%;
		position: fixed;
		left: 0;
		top: 57px;
		z-index: 9;
		right: 0;
		background-color: #000;
	}
	.stylish-input-group .form-control {
	  height: 51px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color:#fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color:#ff0099;
	}
	.back {
		text-align: center;
	}
}
@media (min-width: 768px) {
	.logo {
		width:250px;
	}
	.navbar-nav>li>a {
		  padding-top: 24px;
 		 padding-bottom: 24px
	}
	.navbar-header {
		width:100%;
	}
	
	  
}
@media (min-width: 992px) {
 	.navbar-header {
		width:auto;
	}
	.logo {
		width:180px;
	}
}
@media (min-width: 1200px) {
 
}

/* mobile */

.navbar-default .navbar-toggle {
	border:none;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: #000;
}

.navbar-toggle .icon-bar {
  width: 33px;
  height: 5px;
  border-radius: 3px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color:#000;
}

.navbar-toggle {
  float: left;
}

/* candy */

.candy-specs {font-weight: bold;}

.candy-vote {
	  margin: 15px 0;
  float: left;
  clear: both;
  width: 100%;
}

.candy {
	  margin-bottom: 20px;
}

.candy-description {
	  font-size: 12px;
	  font-size: 14px;
  font-weight: 400;
    margin-top: 15px;
}
.stars {

	width:100px;
	float:left;
}

.discl {
	font-size:12px;
	 font-size: 14px;
	margin-top:10px;
	margin-bottom:10px;
}

.col-sm-2.col-xs-6.candy {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom:5px;
}

.bottom-text div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	
}
.bottom-text {
	
	position: relative;
	

	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
	hyphens: auto;
	
	height: 39px;
	height:44px;
	
	overflow:visible;
	background-color: #f09;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 8px;
  padding: 3px 5px;
  font-size:14px;
  /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
 /*-ms-word-break: break-all;
     word-break: break-all;

    
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;*/
}
@media (max-width:767px){
	.bottom-text {
		  height: 38px;
		  height:44px;
	}
}
@media (min-width:992px) {
	.bottom-text {
		height: 38px;
		height:52px;
	}
}

@media (min-width:1200px){
	.bottom-text {
		height: 38px;
		height:44px;
		font-size:17px;
	}  
}
.candy .image {
	position:relative; 
	overflow:hidden;   
	padding-bottom: 72%;
	padding-bottom: 61%;
	  border: 1px solid #ccc;
  border-bottom: none;
}

.candy-cats.candy .image {
	padding-bottom: 72%;
}

.candy .image img {
	position:absolute;
	  bottom: -50%;
	  bottom: -34%;
}

.col-sm-2.col-xs-6.candy:last-child {
    margin-bottom: 15px;
}

.candy-cats.candy .image img {
	bottom: -50%;
} 

.page-template-page-makeiset .candy .image img {
	  bottom: -3%;
}

.candy img {
	width:100%;
}

.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
} 
.checkbox label:after {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 9px;
}

.checkbox label::before {
  width: 27px;
  height: 27px;
  margin-left: -20px;
  border-radius: 0;
  margin-top: -5px;
}

.checkbox label::after {
	  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 4px;
  padding-top: 1px;
  font-size: 18px;
  color: #555555;
}

.checkbox label, .radio label {
	min-height: 32px;
	  padding-left: 14px;
  padding-top: 5px;
}

.search-button {
	  background-color: #000000;
  color: white;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed';
  font-weight: 700;
  font-size: 16px;
  padding: 3px 0;
}

.search-button.btn-default:hover {
  color: #000000;
  background-color: #FFF;
  border-color: #000;
  }
footer .search.stylish-input-group textarea.form-control {
    height: 161px;
}

.entry-meta-comment-tools {

	display: none;
}
/*
.footer-search {
  margin-bottom: 20px;
  margin-top: 6px;
}
.footer-search ul {
	display:block;
	  width: 100%;
  padding: 5px 0;
}
.footer-search ul li {
	display:block;
	float:left;
	padding:0;
}

.footer-search ul li input[type="text"]{
	  border-color: #CCC;
  border: 1px solid #ccc;
  height: 29px;
}
.footer-search ul li input[type="submit"]{
	  right: 22px;
  display: block;
  position: absolute;
  z-index: 9;
  width: 20px;
  background: transparent !important;
  top: 9px;
}

*/

body.search {
	padding:0;
}

#header-search-results,
#header-search-results * {
	color:white;
}

.container>.navbar-header,
#navbar {
	width:100%;
}

#search-menu .searchandfilter ul li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}	

#search-menu .searchandfilter ul {
 padding: 5px 12px;
}	

#search-menu .textwidget {
  padding: 0 14px;
}

#search-menu .text-right {
  clear: both;
  float: left;
  color: white;
  width: 100%;
  font-size: 12px;
  padding: 7px 0;
}

#search-menu .text-right a {
  color: white;

}

#search-menu .search-image {
	  margin-bottom: 20px;
}


#search-menu .searchandfilter ul li.sf-field-search input{
	padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;

	  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;

	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#fff;
	height: 24px;
	  border-radius: 0px;

}

@media (max-width: 767px) {	
	#search-menu .searchandfilter ul li.sf-field-search input {
	  height: 51px;
	}
}



@media screen and (min-width: 1px) and (max-width: 767px){
     a.product_image {
	  display: block;
	  height: 241px;
	  height: 170px;
	  overflow: hidden;
    }
}
@media screen and (min-width:768px) and (max-width: 991px){
    a.product_image {
	  display: block;
	  height: 142px;
	  overflow: hidden;
    }
    .movie-opt a {
    	clear: both;
  width: 100%;
  text-align: center;
  display: block;
  margin: 6px 0 0;
    }

}
@media screen and (min-width:992px) and (max-width: 1199px){
     a.product_image {
	  display: block;
	  height: 194px;
	  height: 170px;
	  overflow: hidden;
    }
     .movie .movie-opt {
    	width:120px;
    }
}
@media screen and (min-width:1200px) and (max-width: 9999px){
    a.product_image {
	  display: block;
	  height: 242px;
	  height: 170px;
	  overflow: hidden;
    }
    .movie .movie-opt {
    	width:120px;
    }
} 

body  .movie-opt a {
    	clear: both;
  width: 100%;
  text-align: center;
  display: block;
  margin: 6px 0 0;
    }

/*
@media screen and (min-width: 1px) and (max-width: 767px){
    div[data-columns]::before {
        content: '2 .col-xs-6';
    }
}
@media screen and (min-width:768px) and (max-width: 991px){
    div[data-columns]::before {
        content: '4 .col-sm-3';
    }
}
@media screen and (min-width:992px) and (max-width: 1199px){
    div[data-columns]::before {
        content: '6 .col-md-2';
    }
}
@media screen and (min-width:1200px) and (max-width: 9999px){
    div[data-columns]::before {
        content: '6 .col-lg-2';
    }
} */

/* Again, you’re free to use and define the classes: */
/*
.column { float: left; }

 div[data-columns] .movie {
  padding-bottom: 19px;
}

 div[data-columns] .movie .movie-opt {
  margin-bottom: 20px;
}

  div[data-columns] .movie h3 {

  min-height: 0.1em;
}
  */
@media (max-width: 767px) {	
 .movie.col-sm-2.col-xs-6:nth-child(2n):after {
clear: both;
  width: 100%;
  float: left;
  height: 1px;
  content: ".";
  visibility: hidden;
  display: table;
}

.movie .movie-opt a {
  padding: 4px 10px;
  margin: 6px 0 0;
  text-align: center;
    width: 100%;
}

}
.availability-wrapper {
height: 303px;
  overflow: scroll;
  overflow-x: hidden;
  border: 2px solid black;
  padding: 7px;
  }

  tr:nth-child(odd) {background: #CCC}
tr:nth-child(even) {background: #FFF}

.sivu td {
	  padding: 4px 8px;
  border: 1px solid #ccc;
}

.searchandfilter > ul > li {
  
  width: 46%;
  float: left;
 
  margin-right: 3.7%;
}

.searchandfilter select,
.chosen-container {
	width:100% !important;
}
.sf-field-search ul, .sf-field-search input {
	width:100%;
	
}

.page-template-page-elokuvat .searchandfilter > ul > li:nth-child(2n):after {
clear: both;
  width: 100%;
  float: left;
  height: 1px;
  content: ".";
  visibility: hidden;
  display: table;
}

.sf-field-search input {
	padding: 3px 8px;
}

.sf-field-submit input {
  width: 100%;
  background: black;
  color: white;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed',sans-serif;
  border: 1px solid black;
  padding: 9px 0;
  font-weight: bold;
  font-size: 18px;
}

.sf-field-submit input:hover {
 
  background: #666;

}

.searchandfilter .meta-slider {
  max-width: 100%;
  width: 100%;
}


@media (max-width: 767px) {	
	.searchandfilter > ul > li {
  
	  width: 100%;
	  float: left;
	  clear:both;
	 
	  margin-right: 0;
	}
}

.searchandfilter ul li li {
  padding: 5px 0;
  width: 40%;
  float: left;
  margin-right: 3%;
}

.searchandfilter ul li ul {
padding:0;
}


.page-template-page-makeiset .searchandfilter > ul > li:nth-child(2n):after {
clear: both;
  width: 100%;
  float: left;
  height: 1px;
  content: ".";
  visibility: hidden;
  display: table;
}

.searchandfilter ul li ul.chosen-results li {
width:100%;
}

#search-menu .searchandfilter>ul>li {
  width: 100%;
  float: left;
  margin-right: 0%;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

  background-color: #f09;
  border-color: #f09;
}

.pagination>li>a, .pagination>li>span {

  color: #f09;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  z-index: 3;
  color: #fff;
  background-color: #f09;
  border-color: #f09;
}

#search-menu {
	  width: 241px;
  z-index: 9;
  background-color: #000;
    clear: both;
  float: right;
}
@media (min-width: 768px) {
	.search-toggle.navbar-toggle {
	display:block;
	padding: 24px 5px;
	}
	
	#search-menu.navbar-collapse.collapse {
	  display: none!important;
	  height: 0!important;
	  padding-bottom: 0;
	  overflow: hidden!important;
	}
	#search-menu.navbar-collapse.collapse.in {
	  display: block!important;
	  height: auto!important;
	  padding-bottom: 0;
	  overflow: visible!important;
	}
}



@media (max-width: 767px) {	
#search-menu {
	  width: 110%;
  z-index: 9;
  background-color: #000;
    clear: both;
  float: left;
}
}

.rsslinks a {
  font-size: 24px;
  margin-top: 20px;
  display: block;
  margin-bottom: 0;
  }

.ad.w980 {
	width:980px;
	margin: 0 auto;
}

.margintop {
	margin-top:35px;
}

body .gform_wrapper.filmtown-form_wrapper .top_label .gfield_label {
	margin: .625em 0 0em;
}

body .gform_wrapper.filmtown-form_wrapper li.field_description_above .gfield_description {
	padding: 0;
}

body .gform_wrapper.filmtown-form_wrapper ul li.gfield {
    margin-bottom: 1em;
}

.gform_wrapper.filmtown-form_wrapper {
    overflow: inherit;
    margin: 1em 0;
    max-width: 98%;
    width: 50%;
    margin: 0 auto;
}

.gform_wrapper.filmtown-form_wrapper .top_label input.medium, .gform_wrapper.filmtown-form_wrapper .top_label select.medium {
	width:100%;
}

@media (max-width:767px){
	body .gform_wrapper.filmtown-form_wrapper {
	    width: 100%;
	}
}

body {
	font-size:16px;
}

.navbar-nav>li>a {
    font-size: 14px;
}

a.allowunderline {
	text-decoration: underline;
}