@charset "UTF-8";

UTF-8;
/* ==========================================================================
Fonts
========================================================================== */
/* latin-ext */
@font-face {
  font-family:'EB Garamond';
  font-style:normal;
  font-weight:400;
  src:local('EB Garamond'),local(EBGaramond),url(https://fonts.gstatic.com/s/ebgaramond/v7/kYZt1bJ8UsGAPRGnkXPeFSYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'EB Garamond';
  font-style:normal;
  font-weight:400;
  src:local('EB Garamond'),local(EBGaramond),url(https://fonts.gstatic.com/s/ebgaramond/v7/kYZt1bJ8UsGAPRGnkXPeFY4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* ==========================================================================
   Main
   ========================================================================== */
body {
  font-family:'EB Garamond',serif;
  font-size:1rem;
  font-weight:400;
  line-height:1;
  color:black;
  padding:0;
  margin:0;
  background:url(http://fs5.directupload.net/images/user/160229/xonoppnc.jpg) no-repeat center center fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}

.socialContainer {
  padding-top:10px;
  vertical-align:middle;
  text-align:center;
  margin-bottom:0;
}

.socialIcon {
  padding-right:10px;
  transition:all .2s ease-in-out;
}

.socialIcon:hover {
  transform:scale(1.1);
}

/* ==========================================================================
   Top Navagation
   ========================================================================== */
.nav {
  background-color:#000000;
  position:fixed;
  top:0;
  margin:0 auto;
  width:960px;
  z-index:500;
  display:block;
  height:40px;
}

.nav ul {
  margin-top:0;
  margin:0 auto;
  list-style-type:none;
  padding-left:0;
  padding-right:0;
  width:900px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.nav ul li {
  display:inline-block;
  list-style-type:none;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:105px;
}

.nav > ul > li > a > .caret {
  border-top:4px solid #ffffff;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:"";
  display:inline-block;
  height:0;
  width:0;
  vertical-align:middle;
  -webkit-transition:color .1s linear;
  -moz-transition:color .1s linear;
  -o-transition:color .1s linear;
  transition:color .1s linear;
}

.nav > ul > li > a {
  color:#ffffff;
  display:block;
  line-height:40px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:1.1em;
  width:100%;
  text-align:center;
}

.nav > ul > li:hover {
  background-color:#4e4e4e;
}

.nav > ul > li:hover > a {
  color:#ffffff;
}

.nav > ul > li:hover > a > .caret {
  border-top-color:#ffffff;
}

.nav > ul > li > div {
  background-color:#000000;
  border-top:0;
  border-radius:0 0 5px 5px;
  display:none;
  margin:0;
  opacity:0;
  position:absolute;
  width:148px;
  visibility:hidden;
  -moz-transition:opacity .2s;
  -o-transition:opacity .2s;
  -webkit-transition:opacity .2s;
  transition:opacity .2s;
}

.nav > ul > li:hover > div {
  display:block;
  opacity:1;
  visibility:visible;
}

.nav > ul > li:hover > div > ul {
  padding:0;
}

.nav > ul > li > div ul > li {
  display:block;
  width:125px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.nav > ul > li > div ul > li > a {
  color:#ffffff;
  display:block;
  padding:12px 24px;
  text-decoration:none;
  font-size:1.1em;
  width:100px;
}

.nav > ul > li > div ul > li:hover > a {
  background-color:#4e4e4e;
}

/* ==========================================================================
   MFC Specific Styles
   ========================================================================== */
#profile {
  width:960px;
  margin:0 auto;
  background-color:red;
}

.profile_row {
  display:block;
  width:960px;
  margin:0 auto;
}

#header_bar,#footer_bar,#about_me_label,#profile_main_photo,#profile_photo_galleries,#profile_comments,#avatar_holder,#profile_interests_content,#age_container,#height_container,#weight_container,#eyes_container,#hair_container,#ethnicity_container,#automobile_container,#pets_container,#favorite_food_container,#occupation_container,#marital_status_container,#drink_container,#drugs_container,#smoke_container,#sexual_preference_container,#country_container,#city_container,#body_type_container,#gender_container,#username_container,#cam_score_container,#school_container,#blurb_container,#last_login_string_container,#unix_last_broadcast_label,#unix_last_updated_container,#unix_last_broadcast_container,#tags_container,#profile_friends {
  display:none;
}

#profile_about_me div.heading {
  display:none;
}

#templateContainer {
  background-color:#f4f2f0;
}

#profile_schedule {
  font-size:1.4em;
  display:block;
  padding:20px;
  margin-bottom:30px;
  background-color:white;
}

#profile_schedule.profile_section {
  background-color:#f4f2f0;
  border-spacing:0;
  width:920px;
  margin-top:-5px;
}

#profile_schedule div.heading {
  display:none;
}

#profile_schedule span.label {
  color:#000000;
  font-weight:bold;
}

#profile_schedule span.value {
  color:#000000;
}

#schedule_converted {
  font-size:1em;
}

#scheduleNote {
  min-height:0;
}

#scheduleNote > a,#scheduleNote > a:hover,#scheduleNote > a:visited {
  color:black;
}

#profile_header_container {
  min-height:0;
}

#profile_header_container #blurb_container,#profile_header_container #unix_last_updated_container,#profile_header_container div.heading {
  display:none;
}

#profile_header .label,#profile_header .value {
  font-size:.9em;
  font-weight:400;
}

/* ==========================================================================
   Media Photos/Videos
   ========================================================================== */
.media-container {
  max-height:770px;
  overflow:auto;
}

.media-item {
  width:49%;
  height:150px;
  background-color:#d9d9d9;
  float:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  margin:3px;
  border-radius:8px;
}

.media-item > .media-item-text {
  height:120px;
  font-size:.75em;
}

.media-item > img {
  height:120px;
  width:180px;
  margin-right:5px;
  float:left;
  border-top-left-radius:8px;
}

.media-item > .media-item-text > .title {
  font-weight:bold;
  padding-top:5px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.media-item > .media-item-footer > a {
  font-size:.7em;
  color:#ffffff;
  background-color:black;
  text-decoration:none;
  display:inline-block;
  line-height:30px;
  height:30px;
  vertical-align:middle;
  width:100%;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  float:left;
  text-align:center;
  border-right:1px solid #ffffff;
}

.media-item > .media-item-footer > a:hover {
  background-color:#4e4e4e;
}

.media-item > .media-item-footer > a:first-child {
  border-bottom-left-radius:8px;
}

.media-item > .media-item-footer > a:last-child {
  border-right:0;
  border-bottom-right-radius:8px;
}

.media-item > .media-item-footer > a:nth-last-child(1) {
  width:100%;
}

.media-item > .media-item-footer > a:nth-last-child(2),.media-item > .media-item-footer > a:nth-last-child(2) ~ a {
  width:50%;
}

.media-item > .media-item-footer > a:nth-last-child(3),.media-item > .media-item-footer > a:nth-last-child(3) ~ a {
  width:33.3%;
}

/* =================================================================
                                      content section start
=================================================================*/
.sectionHeader {
  padding-left:8px;
  border-bottom:2px solid #ff0e0e;
  padding-top:5px;
}

.sectionContent {
  font-size:1.4em;
  min-height:100px;
  padding:20px;
}

.sectionAnchor {
  padding-top:50px;
  margin-top:-50px;
  display:inline-block;
}

.sectionAnchor:nth-of-type(1) {
  height:31px;
}

#aboutAdy {
  padding-top:0;
}

.aboutMeLogo {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

#aboutAdy > p {
  text-align:justify;
}

#aboutAdySigContainer {
  margin-bottom:-50px;
}

#aboutAdySig {
  display:block;
}

#aboutAdyKiss {
  position:relative;
  left:100px;
  top:-80px;
}

/* =================================================================
                                      section content end
=================================================================*/
/* =================================================================
                                      Club begin
=================================================================*/
.clubLevelHeader {
  padding-top:50px;
  padding-bottom:20px;
}

.wrapper {
  margin:0 auto;
  width:920px;
  text-align:center;
  font-size:1em;
  overflow:hidden;
  font-weight:bold;
}

.clubMemberHeader {
  float:left;
  width:100%;
}

.left1 {
  float:left;
  margin-right:8px;
  width:224px;
}

.left2 {
  float:left;
  margin-right:8px;
  width:224px;
}

.left3 {
  float:left;
  margin-right:8px;
  width:224px;
}

.right {
  float:right;
  width:224px;
}

.clubMemberFooter {
  float:left;
  width:100%;
}

.left1 > div,.left2 > div,.left3 > div,.right > div {
  padding-bottom:8px;
}

.listSeparator {
  display:block;
  margin:0 auto;
}

/* =================================================================
                                      Club end
=================================================================*/
/* =================================================================
                                      Heroes begin
=================================================================*/
.monthlyHeroesHeader {
  padding-top:10px;
}

.heroesSeparator {
  height:2px;
  border:none;
  background-color:#ff0e0e;
  color:#ff0e0e;
  border-color:#ff0e0e;
}

.monthlyHeroWinner {
  padding-top:10px;
/*padding-left: 5px;*/
  font-size:.7em;
/*border: solid;*/
}

.monthlyHeroWinnerSmall {
  font-size:.9em;
}

.spriteWrapper {
  height:35px;
}

.monthlyHeroItem {
  width:33.3%;
  height:150px;
/*background-color: #d9d9d9;*/
  float:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
/*margin: 3px;*/
}

.monthlyHeroItem .sprite {
  display:block;
  margin:auto;
}

.sprite {
  background:url(http://fs5.directupload.net/images/user/171126/mwansc9i.png) no-repeat top left;
  width:176px;
  height:41px;
}

.sprite.Nov2016 {
  background-position:0 0;
  width:170px;
  height:32px;
}

.sprite.Dec2022 {
  background-position:0 -42px;
  width:177px;
  height:35px;
}

.sprite.Dec2021 {
  background-position:0 -87px;
  height:35px;
}

.sprite.Dec2020 {
  background-position:0 -132px;
  width:177px;
  height:35px;
}

.sprite.Dec2019 {
  background-position:0 -177px;
  height:35px;
}

.sprite.Dec2018 {
  background-position:0 -222px;
  height:35px;
}

.sprite.Dec2016 {
  background-position:0 -267px;
  height:35px;
}

.sprite.Dec2017 {
  background-position:0 -312px;
  width:177px;
  height:35px;
}

.sprite.Nov2022 {
  background-position:0 -357px;
  width:171px;
  height:32px;
}

.sprite.Nov2021 {
  background-position:0 -399px;
  width:170px;
  height:32px;
}

.sprite.Nov2020 {
  background-position:0 -441px;
  width:171px;
  height:32px;
}

.sprite.Nov2019 {
  background-position:0 -483px;
  width:170px;
  height:32px;
}

.sprite.Nov2018 {
  background-position:0 -525px;
  width:170px;
  height:32px;
}

.sprite.Nov2017 {
  background-position:0 -567px;
  width:171px;
  height:32px;
}

.sprite.Oct2022 {
  background-position:0 -609px;
  width:148px;
  height:33px;
}

.sprite.Oct2021 {
  background-position:0 -652px;
  width:147px;
  height:33px;
}

.sprite.Oct2020 {
  background-position:0 -695px;
  width:148px;
  height:33px;
}

.sprite.Oct2019 {
  background-position:0 -738px;
  width:147px;
  height:33px;
}

.sprite.Oct2018 {
  background-position:0 -781px;
  width:147px;
  height:33px;
}

.sprite.Oct2017 {
  background-position:0 -824px;
  width:148px;
  height:33px;
}

.sprite.Sep2022 {
  background-position:0 -867px;
}

.sprite.Sep2021 {
  background-position:0 -918px;
  width:175px;
}

.sprite.Sep2020 {
  background-position:0 -969px;
}

.sprite.Sep2019 {
  background-position:0 -1020px;
  width:175px;
}

.sprite.Sep2018 {
  background-position:0 -1071px;
  width:175px;
}

.sprite.Sep2017 {
  background-position:0 -1122px;
}

.sprite.Aug2022 {
  background-position:0 -1173px;
  width:142px;
  height:36px;
}

.sprite.Aug2021 {
  background-position:0 -1219px;
  width:141px;
  height:36px;
}

.sprite.Aug2020 {
  background-position:0 -1265px;
  width:142px;
  height:36px;
}

.sprite.Aug2019 {
  background-position:0 -1311px;
  width:141px;
  height:36px;
}

.sprite.Aug2018 {
  background-position:0 -1357px;
  width:141px;
  height:36px;
}

.sprite.Aug2017 {
  background-position:0 -1403px;
  width:142px;
  height:36px;
}

.sprite.Jul2022 {
  background-position:0 -1449px;
  width:118px;
}

.sprite.Jul2021 {
  background-position:0 -1500px;
  width:117px;
}

.sprite.Jul2020 {
  background-position:0 -1551px;
  width:118px;
}

.sprite.Jul2019 {
  background-position:0 -1602px;
  width:117px;
}

.sprite.Jul2018 {
  background-position:0 -1653px;
  width:117px;
}

.sprite.Jul2017 {
  background-position:0 -1704px;
  width:118px;
}

.sprite.Jun2022 {
  background-position:0 -1755px;
  width:122px;
  height:36px;
}

.sprite.Jun2021 {
  background-position:0 -1801px;
  width:121px;
  height:36px;
}

.sprite.Jun2020 {
  background-position:0 -1847px;
  width:122px;
  height:36px;
}

.sprite.Jun2019 {
  background-position:0 -1893px;
  width:121px;
  height:36px;
}

.sprite.Jun2018 {
  background-position:0 -1939px;
  width:121px;
  height:36px;
}

.sprite.Jun2017 {
  background-position:0 -1985px;
  width:122px;
  height:36px;
}

.sprite.Apr2017 {
  background-position:0 -2031px;
  width:125px;
}

.sprite.Mar2017 {
  background-position:0 -2082px;
  width:136px;
  height:34px;
}

.sprite.Feb2017 {
  background-position:0 -2126px;
  width:157px;
}

.sprite.Jan2017 {
  background-position:0 -2177px;
  width:159px;
  height:40px;
}

.sprite.May2022 {
  background-position:0 -2227px;
  width:113px;
  height:42px;
}

.sprite.May2021 {
  background-position:0 -2279px;
  width:112px;
  height:42px;
}

.sprite.May2020 {
  background-position:0 -2331px;
  width:113px;
  height:42px;
}

.sprite.May2019 {
  background-position:0 -2383px;
  width:112px;
  height:42px;
}

.sprite.May2017 {
  background-position:0 -2435px;
  width:113px;
  height:42px;
}

.sprite.May2018 {
  background-position:0 -2487px;
  width:112px;
  height:42px;
}

.sprite.Apr2022 {
  background-position:0 -2539px;
  width:125px;
}

.sprite.Apr2021 {
  background-position:0 -2590px;
  width:124px;
}

.sprite.Apr2020 {
  background-position:0 -2641px;
  width:125px;
}

.sprite.Apr2019 {
  background-position:0 -2692px;
  width:124px;
}

.sprite.Apr2018 {
  background-position:0 -2743px;
  width:124px;
}

.sprite.Mar2022 {
  background-position:0 -2794px;
  width:136px;
  height:34px;
}

.sprite.Mar2021 {
  background-position:0 -2838px;
  width:135px;
  height:34px;
}

.sprite.Mar2020 {
  background-position:0 -2882px;
  width:136px;
  height:34px;
}

.sprite.Mar2019 {
  background-position:0 -2926px;
  width:135px;
  height:34px;
}

.sprite.Mar2018 {
  background-position:0 -2970px;
  width:135px;
  height:34px;
}

.sprite.Feb2022 {
  background-position:0 -3014px;
  width:157px;
}

.sprite.Feb2021 {
  background-position:0 -3065px;
  width:156px;
}

.sprite.Feb2020 {
  background-position:0 -3116px;
  width:157px;
}

.sprite.Feb2019 {
  background-position:0 -3167px;
  width:156px;
}

.sprite.Feb2018 {
  background-position:0 -3218px;
  width:156px;
}

.sprite.Jan2022 {
  background-position:0 -3269px;
  width:159px;
  height:40px;
}

.sprite.Jan2021 {
  background-position:0 -3319px;
  width:158px;
  height:40px;
}

.sprite.Jan2020 {
  background-position:0 -3369px;
  width:159px;
  height:40px;
}

.sprite.Jan2019 {
  background-position:0 -3419px;
  width:158px;
  height:40px;
}

.sprite.Jan2018 {
  background-position:0 -3469px;
  width:158px;
  height:40px;
}

/* =================================================================
                                      Heroes end
=================================================================*/
/* =================================================================
                                      footer begin
=================================================================*/
.footer {
  background:#000000;
  height:20px;
  width:960px;
  position:fixed;
  bottom:0;
}

#status_container {
  display:block;
  background:#000000;
  height:20px;
  width:960px;
  color:#ffffff;
  position:fixed;
  bottom:0;
  margin-left:-105px;
  margin-bottom:0;
  z-index:500;
}

.profile_section_content {
  padding:0;
  margin:0;
  z-index:auto;
}

#status_container a {
  text-decoration:none;
  color:#ffffff;
}

#status_container a[href="#wall"] {
  display:none;
}

/* =================================================================
                                      footer end
=================================================================*/
/* =================================================================
                                      slideshow begin
=================================================================*/
.slideShowBanner {
  position:absolute;
  margin-top:8px;
  margin-left:8px;
  z-index:1;
}

#imageslider {
  width:960px;
  height:644px;
  margin:0 auto;
  background:#F2F0F1;
  overflow:visible;
  position:relative;
}

#holder {
  overflow:hidden;
  height:644px;
}

#imageslider:hover ul,#imageslider:hover #progressbar,#imageslider:hover #cover {
  -moz-animation-play-state:paused;
  -webkit-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
}

#progressbar {
  position:relative;
  top:-3px;
  width:962px;
  height:3px;
  background:red;
  -moz-animation:progress 50s ease-out infinite;
  -webkit-animation:progress 50s ease-out infinite;
  -o-animation:progress 50s ease-out infinite;
  animation:progress 50s ease-out infinite;
}

#imageslider ul {
  width:4810px;
  list-style:none;
  padding:0;
  margin:0;
  -moz-animation:slide-animation 50s infinite;
  -webkit-animation:slide-animation 50s infinite;
  -o-animation:slide-animation 50s infinite;
  animation:slide-animation 50s infinite;
  position:relative;
  right:0;
  float:right;
}

#imageslider li {
  display:inline;
  margin:0;
  padding:0;
  float:left;
  position:relative;
  background-image:url(http://fs5.directupload.net/images/user/160229/xkzutouo.gif);
  background-size:100px 100px;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

@-moz-keyframes slide-animation {
  0%,17% {
    right:0;
    opacity:1;
  }

  18% {
    right:-962px;
    opacity:.5;
  }

  20%,37% {
    right:-962px;
    opacity:1;
  }

  38% {
    right:-1924px;
    opacity:.5;
  }

  40%,57% {
    right:-1924px;
    opacity:1;
  }

  58% {
    right:-2886px;
    opacity:.5;
  }

  60%,77% {
    right:-2886px;
    opacity:1;
  }

  78% {
    right:-3848px;
    opacity:.5;
  }

  80%,97% {
    right:-3848px;
    opacity:1;
  }

  98% {
    right:0;
    opacity:.5;
  }

  100% {
    right:0;
    opacity:1;
  }
}

@-o-keyframes slide-animation {
  0%,17% {
    right:0;
    opacity:1;
  }

  18% {
    right:-962px;
    opacity:.5;
  }

  20%,37% {
    right:-962px;
    opacity:1;
  }

  38% {
    right:-1924px;
    opacity:.5;
  }

  40%,57% {
    right:-1924px;
    opacity:1;
  }

  58% {
    right:-2886px;
    opacity:.5;
  }

  60%,77% {
    right:-2886px;
    opacity:1;
  }

  78% {
    right:-3848px;
    opacity:.5;
  }

  80%,97% {
    right:-3848px;
    opacity:1;
  }

  98% {
    right:0;
    opacity:.5;
  }

  100% {
    right:0;
    opacity:1;
  }
}

@-webkit-keyframes slide-animation {
  0%,17% {
    right:0;
    opacity:1;
  }

  18% {
    right:-962px;
    opacity:.5;
  }

  20%,37% {
    right:-962px;
    opacity:1;
  }

  38% {
    right:-1924px;
    opacity:.5;
  }

  40%,57% {
    right:-1924px;
    opacity:1;
  }

  58% {
    right:-2886px;
    opacity:.5;
  }

  60%,77% {
    right:-2886px;
    opacity:1;
  }

  78% {
    right:-3848px;
    opacity:.5;
  }

  80%,97% {
    right:-3848px;
    opacity:1;
  }

  98% {
    right:0;
    opacity:.5;
  }

  100% {
    right:0;
    opacity:1;
  }
}

@keyframes slide-animation {
  0%,17% {
    right:0;
    opacity:1;
  }

  18% {
    right:-962px;
    opacity:.5;
  }

  20%,37% {
    right:-962px;
    opacity:1;
  }

  38% {
    right:-1924px;
    opacity:.5;
  }

  40%,57% {
    right:-1924px;
    opacity:1;
  }

  58% {
    right:-2886px;
    opacity:.5;
  }

  60%,77% {
    right:-2886px;
    opacity:1;
  }

  78% {
    right:-3848px;
    opacity:.5;
  }

  80%,97% {
    right:-3848px;
    opacity:1;
  }

  98% {
    right:0;
    opacity:.5;
  }

  100% {
    right:0;
    opacity:1;
  }
}

@-moz-keyframes progress {
  0%,20%,40%,60%,80%,100% {
    width:0;
    opacity:.6;
  }

  1%,21%,41%,61%,81% {
    width:0;
    opacity:.6;
  }

  17%,37%,57%,77%,97% {
    width:100%;
    opacity:.6;
  }

  18%,38%,58%,78%,98% {
    width:100%;
    opacity:0;
  }

  19%,39%,59%,79%,99% {
    width:0;
    opacity:0;
  }
}

@-o-keyframes progress {
  0%,20%,40%,60%,80%,100% {
    width:0;
    opacity:.6;
  }

  1%,21%,41%,61%,81% {
    width:0;
    opacity:.6;
  }

  17%,37%,57%,77%,97% {
    width:100%;
    opacity:.6;
  }

  18%,38%,58%,78%,98% {
    width:100%;
    opacity:0;
  }

  19%,39%,59%,79%,99% {
    width:0;
    opacity:0;
  }
}

@-webkit-keyframes progress {
  0%,20%,40%,60%,80%,100% {
    width:0;
    opacity:.6;
  }

  1%,21%,41%,61%,81% {
    width:0;
    opacity:.6;
  }

  17%,37%,57%,77%,97% {
    width:100%;
    opacity:.6;
  }

  18%,38%,58%,78%,98% {
    width:100%;
    opacity:0;
  }

  19%,39%,59%,79%,99% {
    width:0;
    opacity:0;
  }
}

@keyframes progress {
  0%,20%,40%,60%,80%,100% {
    width:0;
    opacity:.6;
  }

  1%,21%,41%,61%,81% {
    width:0;
    opacity:.6;
  }

  17%,37%,57%,77%,97% {
    width:100%;
    opacity:.6;
  }

  18%,38%,58%,78%,98% {
    width:100%;
    opacity:0;
  }

  19%,39%,59%,79%,99% {
    width:0;
    opacity:0;
  }
}

/* =================================================================
                                      slideshow end
=================================================================*/