@charset "UTF-8";

UTF-8;
a:active,a:hover,a:link,a:visited {
  color:#0A0A0A;
}

a:link {
  text-decoration:none;
  width:88px;
}

body {
  font-size:1rem;
  line-height:1;
  padding:0;
  margin:0;
}

body {
  background-color:#0F0E0E;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
}

#age_container,#automobile_container,#body_type_container,#cam_score_container,#city_container,#country_container,#drink_container,#drugs_container,#ethnicity_container,#eyes_container,#favorite_food_container,#gender_container,#hair_container,#height_container,#marital_status_container,#occupation_container,#pets_container,#school_container,#sexual_preference_container,#smoke_container,#username_container,#weight_container {
  display:none;
}

#footer_bar,#header_bar {
  display:none;
}

#about_me_label,#profile_about_me>div:nth-child(1) {
  display:none;
}

#tags_container,#tags_label,#tags_value {
  display:none;
}

#avatar_holder,#profile_avatar,#profile_main_photo {
  display:none;
}

#blurb_container {
  display:none;
}

#profile_header_container {
  display:none;
}

.profile_section .heading {
  display:none;
}

#profile {
  max-width:1600px;
  min-width:1000px;
  margin:0 auto;
  background-color:transparent;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:fixed;
  background-attachment:fixed;
  -webkit-animation:caricamento 3s;
  -moz-animation:caricamento 3s;
  -o-animation:caricamento 3s;
  animation:caricamento 3s;
}

.profile_section {
  border-spacing:0;
}

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

#profile_aboutme {
  margin:25px 0 0;
}

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

#profile_photo_galleries {
  display:none;
}

#profile_password_photo_galleries {
  display:none;
}

#Barra {
  display:block;
  position:relative;
  width:100%;
  height:60px;
  background-color:#000000;
  z-index:2;
  font-family:Oswald,sans-serif;
  margin-top:0;
  overflow:hidden;
}

.ContenitoreBarra {
  display:block;
  position:relative;
  margin-top:0;
  max-width:1600px;
  min-width:1000px;
  margin-right:auto;
  margin-left:auto;
  background-color:#ff000000;
  text-align:center;
}

.TestoBarra {
  background-color:re;
}

.elementobarra {
  display:inline-block;
  position:relative;
  background-color:yello;
  height:35px;
  text-align:left;
  margin-top:16px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  margin:8px 5%;
}

.elementobarra:hover p span {
  color:#fff;
}

.elementobarra img {
  display:inline-block;
  position:relative;
  height:21px;
  top:-2px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  opacity:.6;
}

.elementobarra p {
  display:inline-block;
  position:relative;
  top:-3px;
  font-size:12px;
  font-weight:200;
  text-transform:uppercase;
  margin-left:10px;
  color:#bcbcbc;
}

.elementobarra p span {
  font-size:16px;
  font-weight:400;
  color:#569DAD;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}

#ParteIniziale {
  display:block;
  position:relative;
  width:100%;
  background-color:#ff000000;
  z-index:1;
  text-align:center;
  margin-top:-3%;
}

.immagineiniziale {
  max-width:100%;
  min-width:1000px;
  padding:0;
  margin:0;
}

#ParteIniziale h1 {
  display:block;
  position:absolute;
  color:#fff;
  margin-top:-27%;
  text-align:center;
  width:100%;
  text-transform:uppercase;
  font-weight:200;
  font-size:55px;
  letter-spacing:-2px;
  background-color:yello;
  color:#fff;
  font-family:Oswald,sans-serif;
}

#ParteIniziale h1 b {
  font-weight:500;
  color:#F6EFEF;
}

#ParteIniziale h1 span {
  display:block;
  position:relative;
  color:rgb(255 255 255 / .65);
  margin-top:10px;
  text-align:center;
  width:100%;
  font-weight:200;
  font-size:25px;
  font-family:Montserrat,sans-serif;
  background-color:re;
  text-transform:lowercase;
  letter-spacing:0;
}

.contenitorefirme {
  display:block;
  position:absolute;
  color:#fff;
  margin-top:-16%;
  text-align:center;
  background-color:blac;
  width:100%;
}

.firma {
  display:inline-block;
  position:relative;
  width:150px;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

.firma:hover {
  -ms-transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}

.piatta {
  bottom:6px;
}

.contenitorefirme>:nth-child(2) {
  margin-left:4%;
}

#ParteIniziale h6 {
  display:block;
  position:absolute;
  color:#fff;
  margin-top:-7.5%;
  text-align:center;
  width:100%;
  font-weight:200;
  font-size:8px;
  font-family:Montserrat,sans-serif;
  text-transform:uppercase;
  letter-spacing:4px;
  background-color:yello;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

#ParteIniziale h6 span {
  color:#f9bdbc;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

#ParteIniziale h6:hover {
  color:#f9bdbc;
}

#ParteIniziale h6:hover span {
  color:#fff;
}

#Vita {
  display:block;
  position:relative;
  width:100%;
  background-color:#000;
  z-index:5;
  font-family:Montserrat,sans-serif;
  overflow:hidden;
  margin-top:-2px;
}

.ContenitoreTestoVita {
  display:block;
  position:relative;
  width:85%;
  margin-right:auto;
  margin-left:auto;
  background-color:#ff000000;
  padding-top:3%;
}

.TestoVita p {
  display:block;
  position:relative;
  font-weight:200;
  line-height:24px;
  font-size:20px;
  color:#bdb7b7;
  padding:5px;
  background-color:#ff000000;
  height:100px;
}

.TestoVita p b {
  color:#fff;
  font-weight:400;
}

#Regole {
  display:block;
  position:relative;
  width:100%;
/* [disabled]background-color: #8BD8CB; */
  z-index:2;
  font-family:Montserrat,sans-serif;
  overflow:hidden;
  font-family:Oswald,sans-serif;
  padding-top:.7%;
  padding-bottom:3%;
}

.ContenitoreTestoRegole {
  display:block;
  position:relative;
  width:95%;
  margin-right:auto;
  margin-left:auto;
  background-color:#ff000000;
  padding-top:0;
  text-align:center;
  font-size:0;
}

.regola {
  display:inline-block;
  position:relative;
  background-color:#ffff0000;
  width:16%;
  padding:2%;
  font-size:0;
  vertical-align:top;
  text-align:right;
}

.regola h3 {
  display:block;
  position:relative;
  font-weight:400;
  font-size:22px;
  color:#e4a7a5;
  text-transform:uppercase;
  margin-top:0;
  border-bottom:1px solid rgb(228 167 165 / 42%);
  padding-bottom:10px;
}

.regola p {
  display:block;
  position:relative;
  font-weight:200;
  line-height:19px;
  font-size:15px;
  color:#bdb7b7;
  margin-top:-15px;
  font-family:Montserrat,sans-serif;
}

.regola p b {
  font-weight:400;
  color:#fff;
}

.fascia {
  display:block;
  position:relative;
  width:100%;
  z-index:10;
  border-top:10px solid #000;
}

#Contributori {
  display:block;
  position:relative;
  width:100%;
  max-width:1600px;
  min-width:1000px;
  background-color:#000;
  z-index:2;
  font-family:Oswald,sans-serif;
  overflow:hidden;
  color:#fff;
}

.Contenitorecontributori {
  display:block;
  position:relative;
  margin-top:6%;
  padding-bottom:5%;
  width:100%;
  background-color:#ff000000;
  text-align:center;
}

.contributore {
  display:inline-block;
  position:relative;
  width:28%;
  margin:2%;
  background-color:re;
}

.contributore h4 {
  color:#FFFFFF;
  font-size:15px;
  font-weight:500;
  text-align:right;
}

.contributore h4 span {
  opacity:.6;
}

.contributore h3 {
  font-weight:400;
  font-size:20px;
  color:#bdb7b7;
  margin-top:-17px;
  border-bottom:1px solid rgb(228 167 165 / 79%);
  padding-bottom:6px;
  font-family:Montserrat,sans-serif;
}

.contributore h5 {
  font-weight:400;
  font-size:22px;
  color:#FFFFFF;
  text-transform:uppercase;
  text-align:left;
  margin-top:-13px;
}

#profile_schedule {
  display:none;
}

#diritti {
  display:block;
  position:relative;
  width:100%;
  margin-top:30px;
  text-align:center;
  font-family:Montserrat,sans-serif;
  background-color:rgb(0 0 0 / 0%);
  height:70px;
  opacity:1;
}

#diritti h5 {
  color:#bdb7b7;
  font-weight:400;
  line-height:13px;
  font-size:11px;
}

#diritti h5 b {
  font-weight:400;
}

#diritti a {
  font-weight:400;
  color:grey;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

#diritti a:hover {
  color:#e4a7a5;
}

#diritti img {
  display:inline-block;
  position:relative;
  height:10px;
  top:1px;
}

.mfc_compliance_link {
  display:block;
  position:relative;
  width:100%;
  min-width:1000px;
  max-width:1600px;
  text-align:center;
  background-color:rgb(0 0 0 / 0%);
  font-family:Montserrat,sans-serif;
  margin-top:0;
  color:#bdb7b7;
  height:30px;
  opacity:1;
  text-align:center;
  z-index:10;
  margin-right:auto;
  margin-left:auto;
  font-weight:400;
  line-height:12px;
  font-size:11px;
  -webkit-animation:caricamento 3s;
  -moz-animation:caricamento 3s;
  -o-animation:caricamento 3s;
  animation:caricamento 3s;
}

.mfc_compliance_link a:link {
  color:#bdb7b7;
  font-weight:400;
}

.mfc_compliance_link a:active {
  color:#bdb7b7;
  font-weight:400;
}

.mfc_compliance_link a:visited {
  color:#bdb7b7;
  font-weight:400;
}

.mfc_compliance_link a:hover {
  color:#bdb7b7;
  font-weight:400;
}

#profile_interests_content {
  display:none;
}

#profile_comments {
  display:none;
}

#profile_friends {
  display:none;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752FD8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fj8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Oswald;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/oswald/v36/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gTD_vx3rCubqg.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3g3D_vx3rCubqg.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gbD_vx3rCubqg.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gfD_vx3rCubqg.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_aZA3gnD_vx3rCs.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
  unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family:Montserrat;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@-webkit-keyframes caricamento {
  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

@-moz-keyframes caricamento {
  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

@-o-keyframes caricamento {
  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

@keyframes caricamento {
  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

.....................................
/*Now the styles*/
* {
  margin:0;
  padding:0;
}

body {
  background-color:#000000;
  font-family:arial,verdana,tahoma;
}

/*Time to apply widths for accordian to work
Width of image = 640px
total images = 5
so width of hovered image = 640px
width of un-hovered image = 40px - you can set this to anything
so total container width = 640 + 40*4 = 800px;
default width = 800/5 = 160px;
*/
.accordian {
  width:865px;
  height:524px;
  overflow:hidden;
  margin-top:12px;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:63px;
  box-shadow:0 0 10px 1px rgba(0,0,0,0.35);
  -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.35);
  -moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.35);
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
  width:1200px;
/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}

.accordian li {
  position:relative;
  display:block;
  width:160px;
  float:left;
  border-left:1px solid #888;
  box-shadow:0 0 25px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 25px 10px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 25px 10px rgba(0,0,0,0.5);
/*Transitions to give animation effect*/
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
/*If you hover on the images now you should be able to 
	see the basic accordian*/
}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {
  width:40px;
}

/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {
  width:640px;
}

.accordian li img {
  display:block;
}

/*Image title styles*/
.image_title {
  background:rgba(0,0,0,0.5);
  position:absolute;
  left:0;
  bottom:0;
  width:640px;
}

.image_title a {
  display:block;
  color:#fff;
  text-decoration:none;
  padding:20px;
  font-size:16px;
}

.slider {
  width:49%;
  margin:auto;
  overflow:hidden;
}

.slider ul {
  display:flex;
  padding:0;
  width:400%;
  animation:cambio 20s infinite alternate linear;
}

.slider li {
  width:45%;
  list-style:none;
}

.slider img {
  width:90%;
}

@keyframes cambio {