/*--- standard variables ---*/
/* @fontFamily1:        'PT Sans', sans-serif;*/
/*--- product item ratio (thumb + content) ---*/
/*--- media queries. When using responsive ---*/
/*--- media queries. When not using responsive ---
@useResponsive:			false;

@breakPointLargePhone:	~"only screen and (min-width : 1px)";
@breakPointTablet:		~"only screen and (min-width : 1px)";
@breakPointDesktop:		~"only screen and (min-width : 1px)";

@breakPointUpToTablet:	~"only screen and (max-width: 1px)";
@breakPointUpToTabletLand:~"only screen and (max-width: 1023px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 1px)";
*/
/*--- media queries. When using responsive: only mobile & desktop ---
@useResponsive:			false;
@breakPointLargePhone:	~"only screen and (min-width : 480px) and (max-width: 768px )";
@breakPointTablet:		~"only screen and (min-width : 999999999px)";
@breakPointDesktop:		~"only screen and (min-width : 768px)";

@breakPointUpToTablet:	~"only screen and (max-width: 768px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 768px)";
*/
/*--- custom class functions ---*/
/*----- Default functions -----*/
/*----- LESS 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: #383838;
  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: 2px solid white;
  background: #dedede;
  cursor: pointer;
  display: block;
  width: 15px;
  height: 15px;
  margin: 5px;
  text-indent: -9999px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: initial;
  transition: opacity 200ms ease;
}
.slidesjs-pagination a.active {
  background: gray;
}