@charset "UTF-8";

UTF-8;
a:visited {
  color:#000;
  text-decoration:none;
}

a:link {
  text-decoration:none;
}

a:hover,a:focus {
  color:#339900;
  text-decoration:none;
}

body {
  font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif sans-serif;
  font-size:1rem;
  line-height:1;
  color:rgba(8,8,8,0.8);
  background-image:url(https://img.mfcimg.com/photos2/144/14421940/401-259-210-587-10871042.jpg);
/* sfondo */
  background-repeat:no-repeat;
  background-size:cover;
  background-position:top left;
  background-attachment:fixed;
  padding:0;
  margin:0;
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s;
  -ms-animation-duration:2s;
  -webkit-animation-delay:1.5s;
  -moz-animation-delay:1.5s;
  -o-animation-delay:1.5s;
  animation-delay:1.5s;
  -ms-animation-delay:1.5s;
}

ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

ol {
  padding:0;
  margin:0;
  list-style-type:none;
}

.twocolumn {
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
}

/* ==========================================================================
   Navbar
   ========================================================================== */
nav {
  display:block;
  text-align:center;
}

nav ul {
  margin:0;
  padding:0;
  list-style:none;
}

.nav a {
  display:block;
  background:rgba(0,0,0,0.4);
  color:#fff;
/* colore font navbar */
  text-decoration:none;
  padding:.8em 1.8em;
  text-transform:uppercase;
  font-size:100%;
  letter-spacing:2px;
  text-shadow:0 -1px 0 #000;
  position:relative;
  transition:all .1s ease-in-out;
  -webkit-transition:all .1s ease-in-out;
  -moz-transition:all .1s ease-in-out;
  -ms-transition:all .1s ease-in-out;
  -o-transition:all .1s ease-in-out;
}

.nav {
  vertical-align:top;
  display:inline-block;
  width:940px;
  top:0;
  position:fixed;
  z-index:9999;
  margin:0 auto;
  border-radius:6px;
  text-align:center;
  -webkit-transform:translateZ(0);
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
  -o-animation-duration:2s;
  -ms-animation-duration:2s;
  -webkit-animation-delay:2.5s;
  -moz-animation-delay:2.5;
  animation-delay:2.5;
  -o-animation-delay:2.5;
  -ms-animation-delay:2.5;
}

.nav li {
  position:relative;
}

.nav > li {
  float:left;
  border-bottom:4px rgba(0,0,0,0.4) solid;
}

.nav > li > a {
}

.nav > li:hover,.nav > li:hover >a {
  border-bottom-color:orange;
}

.nav li:hover > a {
  color:orange;
}

.nav > li:first-child {
}

.nav > li:first-child>a {
}

.nav > li:last-child {
  margin-right:0;
}

.nav > li:last-child >a {
}

.nav li li a {
}

.nav li a:first-child:nth-last-child(2):before {
  content:"";
  position:absolute;
  height:0;
  width:0;
  border:5px solid transparent;
  top:50%;
  right:16%;
}

/* submenu positioning*/
.nav ul {
  position:absolute;
  white-space:nowrap;
  border-bottom:4px solid orange;
  z-index:1;
  left:-99999em;
}

.nav > li:hover > ul {
  left:auto;
  padding-top:4px;
  min-width:100%;
}

.nav > li li ul {
  border-left:1px solid #fff;
}

.nav li li a:hover {
  font-style:italic;
}

.nav > li li:hover > ul {
/* margin-left: 1px */
  left:100%;
  top:-1px;
}

/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before {
  border-top-color:#aaa;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
}

.nav > li:hover > a:first-child:nth-last-child(2):before {
  border:5px solid transparent;
  border-bottom-color:orange;
  margin-top:-5px;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
}

.nav li li > a:first-child:nth-last-child(2):before {
  border-left-color:#aaa;
  margin-top:-5px;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
}

.nav li li:hover > a:first-child:nth-last-child(2):before {
  border:5px solid transparent;
  border-right-color:orange;
  right:10px;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
}

/* ==========================================================================
   Classes for MFC Generated Elements
   ========================================================================== */
#favorite_models_container,#header_bar,#footer_bar,#about_me_label,#profile_main_photo,#tags_label,#tags_value,#average_rating_count,#cam_score_container,#profile_about_me > div:nth-child(1) {
  display:none;
}

#username_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#sexual_preference_container,#marital_status_container,#marital_status_container,#gender_container,#country_container,#gender_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#occupation_container,#favorite_food_container,#pets_container,#school_container,#automobile_container,#unix_last_broadcast_container,#avatar_holder,#profile_avatar,#status_container,#last_login_string_container,#unix_last_updated_container,#profile_header,#profile_friends {
  display:none;
}

#username_value,#gender_value,#body_type_value,#ethnicity_label,#hair_value,#eyes_value,#weight_value,#height_value,#age_value,#country_value,#sexual_preference_value,#admirers_value,#friends_value,#marital_status_value,#camscore_value,#status_value {
  display:none;
}

#profile {
/* colonna centrale */
  width:940px;
  margin:670px auto 30px;
  background-color:rgba(255,255,255,0);
  font-size:.875em;
  line-height:1.25;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
  -webkit-border-bottom-right-radius:20px;
  -webkit-border-bottom-left-radius:20px;
  -moz-border-bottom-right-radius:20px;
  -moz-border-bottom-left-radius:20px;
  box-shadow:0 0 20px rgba(0,0,0,0),0 0 20px rgba(0,0,0,0);
}

#profile_header {
  padding:27px 0 0;
}

.profile_section {
  border-spacing:0;
}

.profile_section .heading {
  margin:-3px auto 0;
  width:940px;
  height:170px;
  font-size:0;
  background:url(https://img.mfcimg.com/photos2/144/14421940/602-566-772-893-10910880.png) no-repeat;
/* immagine feedback */
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

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

#profile_about_me {
  margin:25px 0 0;
}

#about_me_value {
  display:block;
  margin:0 auto;
}

img {
  border-radius:0;
  box-shadow:none;
}

.img_radius_shadow {
  border-radius:0;
  box-shadow:none;
}

#img_preview {
  border-radius:0;
  box-shadow:none;
}

.images {
  padding:15px 0 10px 19px;
  background:rgba(249,242,173,1);
  border-bottom:15px solid #520000;
  border-left:12px solid #520000;
  border-right:12px solid #520000;
  border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  -o-border-radius:0 0 10px 10px;
  box-shadow:0 0 15px #000;
}

.container {
  display:block;
  margin:0;
}

.in_page_anchor {
  padding-top:50px;
  margin-top:-50px;
  display:inline-block;
/* required for webkit browsers */
}

.notice {
  color:rgba(8,8,8,0.8);
}

#average_rating_count {
  font-size:15px;
}

/* ==========================================================================
   Profile Comment Section
   ========================================================================== */
.wall_post {
  padding:15px;
  border-top:1px solid #5A4C46;
  background:#FFF;
  margin:0 1px;
  min-height:93px;
}

.wall_post_info {
  color:#000;
  font-family:Arial;
  font-size:20px;
  margin-left:170px;
}

.wall_post_body {
  color:#520000;
  overflow:visible;
  margin-left:160px;
  font-size:17px;
  font-family:Arial;
}

.wall_post_body img {
  max-height:200px;
}

.wall_post_body iframe {
  max-height:340px;
  max-width:450px;
}

.wall_post_avatar {
  margin-right:60px;
  margin-top:-5px;
  margin-left:10px;
  background-image:url(https://img.mfcimg.com/photos2/164/16416430/258-290-119-361-9474814.jpg);
/* immagine commenti visitatori */
  background-repeat:no-repeat;
  background-size:165%;
  background-position:-34px -42px;
  border-radius:50px;
  height:100px;
  width:100px;
  box-shadow:0;
  transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  -webkit-transition:.2s ease-in-out;
  -ms-transition:.2s ease-in-out;
}

.wall_post_avatar img {
  width:100px;
  height:100px;
  border-radius:50px;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -o-border-radius:50px;
}

.wall_post_avatar:hover {
  transform:scale(1.15);
  -webkit-transform:scale(1.15);
}

.wall_post_time {
  color:#520000;
  font-size:15px;
  float:right;
  margin-top:-28px;
  margin-right:15px;
  font-family:Arial;
}

#user_comment_comment {
  font-family:Arial;
  font-size:20px;
  box-shadow:inset 0 0 6px #333;
}

.user_comment_textarea_big {
  width:650px;
  min-width:650px;
  max-width:650px;
  height:125px;
  box-shadow:inset 0 0 6px #333;
}

.user_comment_textarea_small {
  width:650px;
  min-width:650px;
  max-width:650px;
  height:125px;
  box-shadow:inset 0 0 6px #333;
}

#comments {
  margin-bottom:40px;
}

#new_comment {
  background:white;
  padding-top:10px;
  margin-bottom:0;
  margin-top:0;
  margin-left:0;
  width:940px;
}

#new_comment input {
  background-color:#E8E8E8;
  font-family:Arial;
  font-size:14px;
  border:1px solid #ccc;
  border-radius:15px 5px 15px 5px;
  -webkit-border-radius:15px 5px 15px 5px;
  -moz-border-radius:15px 5px;
  -o-border-radius:15px 5px 15px 5px;
  transition:.5s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  -webkit-transition:.2s ease-in-out;
  -ms-transition:.2s ease-in-out;
}

#new_comment input:hover {
  border-radius:5px 15px 5px 15px;
  -webkit-border-radius:5px 15px 5px 15px;
  -moz-border-radius:5px 15px;
  -o-border-radius:5px 15px 5px 15px;
}

#new_comment_inputs {
  max-width:750px;
}

#new_comment_buttons {
  color:#520000;
  margin-bottom:40px;
  font-family:Arial;
}

#new_comment_comment {
  background:rgb(249,234,173);
}

#profile_load_more_comments {
  display:block;
  width:200px;
  height:26px;
  margin:10px auto;
  background:url(https://img.mfcimg.com/photos2/144/14421940/779-589-291-193-10871041.png);
/* scritta carica più commenti */
  background-repeat:no-repeat;
  background-position:4px 4px;
/* Per la scritta: "carica più commenti" primo valore distanza dal lato sinistro, secondo valore distanza dal lato superiore*/
  background-color:#000;
  font-size:0;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  -o-border-radius:15px;
/*valore arrotondamento spigoli */
  box-shadow:2px 2px 10px #758633;
/*dimensione e colore ombra scritta carica più commenti */
}

#profile_load_more_comments:hover {
  opacity:.5;
}

#strip_links_popup {
  border:2px solid #520000;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
}

#new_comment_strip_links_container {
  display:none;
}

/* ==========================================================================
   Content Header Image Holder
   ========================================================================== */
#ContentHeader {
  display:block;
  position:relative;
  margin:-670px auto 0;
  height:480px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/427-879-521-232-10871048.png) no-repeat;
  background-size:940px 480px;
/* welcome to */
  opacity:0;
  -webkit-animation:fadeIn ease 1;
  -moz-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1;
  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s;
  -ms-animation-duration:2s;
  -webkit-animation-delay:2s;
  -moz-animation-delay:2s;
  -o-animation-delay:2s;
  animation-delay:2s;
  -ms-animation-delay:2s;
}

/* ==============================================
Content Blocks
============================================== */
#WhyWrapperA {
  display:block;
  position:relative;
  margin:0 auto;
  height:450px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/644-230-486-123-10910905.gif)no-repeat;
/* banners */
  background-size:940px 450px;
}

#WhyWrapperB {
  display:block;
  position:relative;
  margin:0 auto;
  height:640px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/823-938-797-658-10912021.png)no-repeat;
/* profiles */
  background-size:940px 640px;
}

#WhyWrapper2 {
  display:block;
  position:relative;
  margin:0 auto;
  height:188px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/735-593-752-811-10905690.png) no-repeat;
/* charles bot */
  background-size:940px 188px;
}

#DealWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:470px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/803-140-124-180-10911108.png) no-repeat;
  background-size:940px 470px;
}

#PaymentWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:312px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/296-476-884-624-10871043.png) no-repeat;
  background-size:940px 312px;
}

#BannerWrapper {
  display:block;
  position:relative;
  width:940px;
  height:620px;
  margin:0 auto;
  padding-top:150px;
  background:url(https://img.mfcimg.com/photos2/144/14421940/815-183-799-894-10911746.png) no-repeat;
  background-size:940px 770px;
/* my banners immagine */
}

#ProfilesWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:530px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/520-308-573-714-10911751.png) no-repeat;
  background-size:940px 530px;
/* my pages immagine */
}

/* ==========================stilizzazione dei tag per le pagine profilo ========================= */
.jade {
  top:170px;
  left:-200px;
  -ms-transform:rotate(-4deg);
  -webkit-transform:rotate(-4deg);
  transform:rotate(-4deg);
}

.ari {
  top:210px;
  left:210px;
  -ms-transform:rotate(-1deg);
  -webkit-transform:rotate(-1deg);
  transform:rotate(-1deg);
}

.vic {
  top:105px;
  left:-90px;
  -ms-transform:rotate(8deg);
  -webkit-transform:rotate(8deg);
  transform:rotate(8deg);
}

.imma {
  top:240px;
  left:-114px;
  -ms-transform:rotate(-8deg);
  -webkit-transform:rotate(-8deg);
  transform:rotate(-8deg);
}

.lili {
  top:210px;
  left:150px;
  -ms-transform:rotate(2deg);
  -webkit-transform:rotate(2deg);
  transform:rotate(2deg);
}

.mai {
  top:250px;
  left:100px;
  -ms-transform:rotate(-11deg);
  -webkit-transform:rotate(-11deg);
  transform:rotate(-11deg);
}

.alexis {
  top:335px;
  left:90px;
  -ms-transform:rotate(-1.5deg);
  -webkit-transform:rotate(-1.5deg);
  transform:rotate(-1.5deg);
}

.kelly {
  top:270px;
  left:180px;
  -ms-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  transform:rotate(5deg);
}

.harley {
  top:270px;
  left:-520px;
  -ms-transform:rotate(1.2deg);
  -webkit-transform:rotate(1.2deg);
  transform:rotate(1.2deg);
}

.alyssa {
  top:255px;
  left:180px;
  -ms-transform:rotate(-2.9deg);
  -webkit-transform:rotate(-2.9deg);
  transform:rotate(-2.9deg);
}

.nora {
  top:280px;
  left:250px;
  -ms-transform:rotate(9deg);
  -webkit-transform:rotate(9deg);
  transform:rotate(9deg);
}

.starr {
  top:320px;
  left:-250px;
  -ms-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  transform:rotate(-3deg);
}

.torri {
  top:165px;
  left:600px;
  -ms-transform:rotate(4.5deg);
  -webkit-transform:rotate(4.5deg);
  transform:rotate(2.5deg);
}

.natural {
  top:40px;
  left:70px;
  -ms-transform:rotate(8deg);
  -webkit-transform:rotate(8deg);
  transform:rotate(10deg);
}

.mismj {
  top:310px;
  right:430px;
  -ms-transform:otate(4.3deg);
  -webkit-transform:otate(4.3deg);
  transform:rotate(4.3deg);
}

.mismj,.natural,.torri,.starr,.nora,.alyssa,.harley,.vic,.kelly,.mai,.lili,.imma,.jade,.ari,.alexis {
  display:inline-block;
  background-color:white;
  border:2px solid black;
  position:relative;
  height:20px;
  width:300px;
  text-align:center;
  font-size:25px;
  letter-spacing:-1px;
  font-weight:100;
  color:black;
  text-transform:uppercase;
  font-style:italic;
  font-family:arial black;
  bottom:0;
  z-index:10;
  box-shadow:5px 4px 10px rgba(0,0,0,0.3);
  -webkit-box-shadow:5px 4px 10px rgba(0,0,0,0.3);
  -moz-box-shadow:5px 4px 10px rgba(0,0,0,0.3);
  text-align:center;
  padding-bottom:12px;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  -ms-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;
}

.mismj:hover,.natural:hover,.torri:hover,.starr:hover,.nora:hover,.alyssa:hover,.harley:hover,.vic:hover,.kelly:hover,.alexis:hover,.mai:hover,.lili:hover,.imma:hover,.jade:hover,.ari:hover {
  background-color:#f7f7ae;
  color:#e98788;
}

/* ====================== Fine stilizzazione dei tag per le pagine profilo ========================= */
#ContactWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:400px;
  width:940px;
  overflow:hidden;
  background:url(https://img.mfcimg.com/photos2/144/14421940/828-184-128-381-10871051.png) no-repeat;
  background-size:940px 400px;
}

.myemail {
  display:inline-block;
  position:relative;
  top:350px;
  width:100%;
  height:25px;
  text-align:center;
  font-family:'Arial';
  font-style:normal;
  font-weight:300;
  font-size:25px;
  letter-spacing:1px;
  line-height:20px;
  color:#ffffff;
  text-shadow:2px 2px 10px rgba(0,0,0,0.4);
}

#IframeWrapper {
  display:block;
  position:relative;
  margin:0 auto;
  height:400px;
  width:940px;
  overflow:hidden;
  background:#FFF;
  background-size:940px 400px;
}

#TwitterLogo {
  display:block;
  position:relative;
  height:170px;
  width:270px;
  margin:120px 0 0 167px;
  background:url(https://img.mfcimg.com/photos2/144/14421940/933-251-988-170-10871038.png) no-repeat;
  background-size:270px 170px;
  float:left;
}

#MailLogo {
  display:block;
  position:relative;
  height:170px;
  width:270px;
  margin:120px 0 0 537px;
  background:url(https://img.mfcimg.com/photos2/144/14421940/525-343-204-934-10871047.png) no-repeat;
  background-size:270px 170px;
}

.SocialIcons {
  transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  -webkit-transition:.2s ease-in-out;
  -ms-transition:.2s ease-in-out;
}

.SocialIcons:hover {
  transform:scale(1.15);
  -webkit-transform:scale(1.15);
}

#ToTop {
  display:inline-block;
  position:fixed;
  width:50px;
  height:50px;
  background-image:url(https://img.mfcimg.com/photos2/144/14421940/734-260-128-192-10871039.png);
/* tasto back to top */
  background-repeat:no-repeat;
  background-size:50px 50px;
  bottom:40px;
  right:35px;
  z-index:1000;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
}

.ToTop {
  box-shadow:inset 0 0 5px green,1px 1px 3px green,-1px -1px 5px green;
}

.ToTop:hover {
  box-shadow:inset 0 0 5px red,1px 1px 3px red,-1px -1px 5px red;
}

/* ==============================================
Banner Section
============================================== */
.banner-list {
  height:500px;
  overflow:auto;
  margin:0 auto;
  padding:10px 0 0;
  width:875px;
  border:2px solid black;
  background:#E6DFDF;
  box-shadow:inset 0 0 15px #333;
}

.banner-item {
  width:850px;
  height:85px;
  margin:0 auto 10px;
  padding-right:5px;
  text-align:left;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  box-shadow:0 0 3px #000,0 0 3px #000;
}

.banner-item .image {
  width:850px;
  height:85px;
  position:absolute;
  top:0;
  z-index:10;
}

.BannerImage {
  height:85px;
  width:850px;
}

/* ==========================================================================
   Banner Section - Scrollbar Styles
   ==========================================================================*/
.banner-list::-webkit-scrollbar {
  -webkit-appearance:none;
  width:12px;
  height:12px;
  background:#E6DFDF;
}

.banner-list::-webkit-scrollbar-thumb {
  border-top:2px solid black;
  border-bottom:2px solid black;
  border-left:2px solid #000;
  border-right:1px solid #000;
  background-color:rgb(162,158,158);
}

.banner-list::-webkit-scrollbar-thumb:hover {
  border-top:2px solid black;
  border-bottom:2px solid black;
  border-left:2px solid #000;
  border-right:1px solid #000;
  background-color:rgb(125,122,122);
}

.banner-list::-webkit-scrollbar-track-piece {
  border-left:2px solid black;
  border-right:1px solid #000;
}

/* ==========================================================================
   General - Scrollbar Styles
   ==========================================================================*/
::-webkit-scrollbar {
  opacity:0;
  width:0;
}

::-webkit-scrollbar-thumb {
  opacity:0;
  width:0;
}

::-webkit-scrollbar-thumb:hover {
  opacity:0;
  width:0;
}

::-webkit-scrollbar-track-piece {
  opacity:0;
  width:0;
}

/* ==============================================
Anchors
============================================== */
#Why,#Deals,#Works,#Contact {
  position:absolute;
  margin-top:0;
  height:0;
  width:0;
}

/* ==========================================================================
   Loader
   ========================================================================== */
@-webkit-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-o-animation fadeIn {
  fromopacity:0;
}

to {
  opacity:1;
}  
}

@keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  from {
    opacity:0;
  }
  
  to {
    opacity:1;
  }
}

.fade-in {
  opacity:0;
/* make things invisible upon start */
  -webkit-animation:fadeIn ease 1;
/* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease 1;
  -o-animation:fadeIn ease 1;
  animation:fadeIn ease 1;
  -ms-animation:fadeIn ease 1s;
  -webkit-animation-fill-mode:forwards;
/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  -o-animation:forwards;
  animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  animation-duration:1s;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -o-animation-duration:1s;
  -ms-animation-duration:1s;
}