html {
  height: 100%;
}
body {
  margin: 0;
  position: relative;
  height: 100%;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  position:relative;
  z-index:9 !important;
  background:url(../images/body_bg.png); 
}
  
.swiper-container {
  width: 100%;
  height: 76%;
  color: #fff;
  text-align: center;
  position:relative;
  z-index:9 !important;
}
 
.swiper-slide .title {
  font-style: normal;
  font-size: 40px;
  margin-top: 50px;
  margin-bottom: 0;
  line-height: 45px;
  position:absolute;
  font-family: 'freightsans_boldregular';
  text-align:left;
  width:46%;
  left:none;
  margin-left:265px;
  text-transform:uppercase;
 }
 .slider-image img{ width:100%; height: inherit;}
.swiper-slide .regular{ font-size:36px; text-transform:lowercase; width:100%; display:block;} 
.swiper-slide .light{ font-family: 'proxima_novalight'; width:100%; display:block;} 
.photo-credit{ position:absolute; background:url(../img/copyright.png) no-repeat left center; padding:0 0 0 30px; right:2%; height:24.5px; margin:35% 0 0 0;
font-family: 'freightsans_mediumregular'; color:#f2f2f2; font-size:18px; text-transform:uppercase;}
.pagination {
  position: absolute;
  z-index: 20;
  left: 20px;
  bottom: 10px;
  width:26px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  background: ;
  margin-right: 0px;
  opacity: 0.8;
  border: 6px solid #f2f2f2;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.panel_wrapper{  position:absolute; right:0px;  margin:23% 0 0 0; z-index:9999 !important; cursor:pointer;  }


    ::i-block-chrome, .panel_wrapper { top: 27%;}
    ::i-block-chrome, .photo-credit {top: 12%; margin:0% !important;} 
/*safari hack start*/

  
@media only screen and (min-device-width : 1306px) and (max-device-width : 1366px) {
/*

.photo-credit {margin: 35% 0 0 0 !important;}


*/


}
  
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed 
     .panel_wrapper { margin: 23% 0 0 0;}
   .photo-credit {margin: 35% 0 0 0 !important;}  
     Safari 5+ ONLY */
 
    /* Safari 5+ ONLY */

}
 

 
/*safari hack end*/


.special-feature-closed{ background:rgba(242,240,225, 0.8) url(../img/open-slide.png) no-repeat top left; position:fixed; right:-30px; margin:0% 0 0 0; width:157px; height:145px; border-right:30px solid #f2f0e1 ; z-index:99; padding-left: 15px; padding-top: 15px; }
.special-feature-closed h1{ color:#484848; line-height:normal; text-align:left; margin:15% 1% 0 8%; vertical-align: top; font-family: 'freightsans_boldregular'; font-size:200%; line-height:100%;}.close_button{ background:transparent; height:155px;  position: fixed; right:-30%;  margin:0; z-index:99 !important; cursor:pointer; width:30px;  }
.special-feature-opened{ background:#f2f0e1 url(../img/close-slide.png) no-repeat top left; position: fixed; right:-465px;  margin:0% 0 0 0; width:463px; height:155px;}

.image-circle{ float:left; margin:7% 4% 0 4%; width:20%;}
.photo {
  display: block;
  width: 100%;
  height: inherit;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
   margin: 0 !important;
   
}
.special-feature-content{ float:left; width:71%;}
.special-feature-content h1{ color:#484848; font-size:150%; margin:20px 0 10px 0; line-height:100%; text-transform:uppercase; font-family: 'freightsans_boldregular'; text-align:left;}
.special-feature-content p{ font-size:14px; color:#484848; font-family:Georgia, "Times New Roman", Times, serif; text-align:left;}

.special-feature-content a { color: #484848; }

.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  
  -moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  
  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);
  
  -ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  
  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}