@import url('http://fonts.googleapis.com/css?family=Alegreya+Sans:400,700');

span.slider1 div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {

  background: #d2d2d2 url('../images/bg.png'); 
  background-size: 14vw;
}

 span.slider1 br { display: block; line-height: 1.6em; } 

 span.slider1 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

span.slider1 input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}

span.slider1 blockquote, q { quotes: none; }
span.slider1 blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
span.slider1 strong, b { font-weight: bold; }
span.slider1 em, i { font-style: italic; }

span.slider1 table { border-collapse: collapse; border-spacing: 0; }
span.slider1 img { border: 0; max-width: 100%; }



span.slider1 p {
  font-size: 2vw;/*1.4em*/
  line-height: 1.5vw;/*1.2em*/
  color: #777;
}


/** page structure **/
#w {
  display: block;
  max-width: 71.4vw;/*1000*/
  min-width: 20vw;/*280*/
  margin: 0 auto;
  padding-bottom: 4vw;/*55*/
}

#w header {
  display: block;
  padding-top: 1vw;/*15*/
}

/** Glidejs styles **/
span.slider1 .slider {
	position: relative;
	width: 100%;
	height: 35.7vw;/*500*/
	overflow: hidden;
  margin-top: 3.6vw;/*50*/
  margin-bottom: -3.6vw;/*-50*/
}
	
span.slider1 .slides {
  height: 100%;
  overflow: hidden;
  /**	
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;

   -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
	
span.slider1 .slide {
  height: 100%;
  float: left;
  clear: none;
}
span.slider1 .slide figure {
  display: block;
  position: relative;
  text-align: center;
}
span.slider1 .slide figure figcaption {
  position: absolute;
  right: 20%;
  font-size: 1.3vw;/*1.1em*/
  font-weight: bold;
  padding: 0.6vw 1vw;/*8 14*/
  color: #464646;
  background: rgba(255,255,255,0.8); 
}
span.slider1 .slide figure figcaption a {
  color: #5a7fbc;
  text-decoration: none;
}
span.slider1 .slide figure figcaption a:hover { text-decoration: underline; }

span.slider1 .slide figure img {
  max-height: auto;/*480*/
  width: 71.3vw;/*1000*/
}



.slider-arrows {}

span.slider1 .slider-arrow {
  height: 7.1vw;/*100*/
  position: absolute;
  display: block;
  margin-bottom: -1.4vw;/*-20*/
  padding: 1.4vw;/*20*/
  text-decoration: none;
  font-weight: 900;
  font-size: 3.5vw;/*3em*/
  color: #fff;
  border: 0.1vw solid #fff;
  border-radius: 0.5vw;/*8*/
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  vertical-align: middle;
  
}
span.slider1 .slider-arrow:hover {
  background: #ddd;
  color: #aaa;
}
span.slider1 .slider-arrow--right { bottom: 50%; right: 2.1vw;/*30*/}
span.slider1 .slider-arrow--left { bottom: 50%; left: 2.1vw; /*30*/}


span.slider1 .slider-nav {
  position: absolute;
  bottom: -1.4vw;/*-20*/
}

/*span.slider1 .slider-nav__item {
  width: 0.8vw;/*12
  height: 0.8vw;/*12
  float: left;
  clear: none;
  display: block;
  margin: 0 0.35vw5;
  background: #fff;
  -webkit-border-radius: 0.5vw;/*7
  -moz-border-radius: 0.5vw;/*7
  border-radius: 0.5vw;/*7
}*/
span.slider1 .slider-nav__item:hover { background: #bababa; }
span.slider1 .slider-nav__item--current, .slider-nav__item--current:hover { background: #999; }



/** responsive styles **/
@media screen and (max-width: 75vw)/*1050*/ {
  #w { padding: 0 1.07vw/*15*/; }
 span.slider1 .slider-arrow { font-size: 1.8em; padding: 1.07vw;/*15*/ }
} 

@media screen and (max-width: 46.4vw)/*650*/ {
 span.slider1 h1 { font-size: 2.9em; }
}

@media screen and (max-width: 32.1vw)/*450*/ {
  h1 { font-size: 2.1em; }
}