/*--- standard variables ---*/
/*--- switch themes ---*/
/* #####################################################################################################
   VARIABLES - 3 - Ot en sien
   ##################################################################################################### */
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)";

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
.slidesjs-container {
  z-index: 20;
}
a.slidesjs-slide {
  bottom: 0;
}
.slidesjs-slide a {
  display: block;
}
.slidesjs-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.slidesjs-slide img.portrait {
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.slidesjs-slide .title {
  font-size: 300%;
  color: white;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 3% 0;
  padding: 0;
}
.slidesjs-slide .subtitle {
  font-size: 140%;
  font-weight: 300;
  color: #454545;
  margin: 0;
}
.slidesjs-slide .styledBtn {
  margin: 8% 0 0 0;
}
.slidesjs-pagination {
  z-index: 21;
  height: 18px;
  padding: 0;
}
.slidesjs-pagination li {
  display: inline-block;
  margin: 0 2px;
  list-style: none;
}
.slidesjs-pagination a {
  border: 1px solid #ebebeb;
  background: white;
  cursor: pointer;
  display: block;
  width: 12px;
  height: 12px;
  padding: 2px;
  text-indent: -9999px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: initial;
}
.slidesjs-pagination a.active {
  background: #262626;
  border-color: #262626;
}