/*
Theme Name: De Biasi Intimo Custom
Author: Giacomo Dal Sasso
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
*/


* {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

.font-family {
    font-family: 'Montserrat', sans-serif;
}

.content {
    width: 1190px;
    margin: 0 auto;
}

.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.flex {
    display: flex;
}

.flex-content {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.full-height {
    height: 100%;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.white {
    color: white;
}

.center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.parallax-window {
    height: 100%;
    background: transparent;
}

.drop-shadow {
    filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
}

p#breadcrumbs {
    color: white;
    float: right;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
}

p#breadcrumbs a {
    text-decoration: none;
    color: white;
    transition: 0.3s ease-in-out;
}

p#breadcrumbs a:hover {
    color: #1998dd;
}

header#header {
    height: 80px;
    line-height: 80px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

ul#menu-menu a {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.8rem;
    transition: 0.3s ease-in-out;
}

li.current_page_item a {
    color: #1998dd !important;
    filter: brightness(130%);
}

ul#menu-menu a:hover {
    color: #1998dd;
    filter: brightness(130%);
}

nav#menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

nav#menu a#logo {
    display: block;
    width: 120px;
}

nav#menu ul#nav {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin-bottom: 0;
    width: 100%;
}

nav#menu ul#nav li {
    justify-content: space-around;
}

nav#menu ul#nav li a:hover {
    color: #1998ff;
    filter: brightness(150%);
}

#position-burger {
    display: flex;
    justify-content: flex-end;
}

.show {
    display: block !important;
}

ul#bars {
    display: none;
}

nav#burger-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100vw;
    background-color: #1998ff;
}

ul#dropdown-menu {
    float: none !important;
    position: relative;
    bottom: 30px;
    display: none;
    margin-left: 0 !important;
}

#dropdown-menu li {
    float: none !important;
    border: 1px solid white;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    width: 175px;
    margin-left: 0 !important;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

li#collezioni:hover ul#dropdown-menu {
    display: block;
}

nav#nav ul li a:hover {
    color: #fc002d;
}

nav#burger-menu {
    display: none;
}

ul#menu-menu  {
    list-style-type: none;
}

ul#menu-menu li{
    margin: 0 10px;
}

ul#bars {
    float: right;
    position: relative;
    bottom: 60%;
    z-index: 99999;
    display: none;
}

ul#bars span {
    border: solid 2px white;
    display: block;
    margin-bottom: 3px;
    width: 20px;
}

ul#burger {
  list-style-type: none;
}

nav#burger-menu ul#burger {
    list-style-type: none;
    padding-top: 60px;
    padding-bottom: 60px;
}

nav#burger-menu ul#burger li {
    text-align: center;
    margin-top: 15px;
}

nav#burger-menu ul#burger li a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

nav#burger-menu ul#burger ul#dropdown-burger-menu {
    display: none;
    list-style-type: none;
}

nav#burger-menu ul#burger ul#dropdown-burger-menu li a {
    font-size: 16px;
}

nav#burger-menu ul#burger ul#dropdown-burger-menu a:active {
    color: #fc002d;
}

.current_page_item {
    color: #1998ff;
}

/** SLIDER **/
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    font-size: 60px;
    background-color: #0b2e13;
}

#first {
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(img/slide1.jpg) center center no-repeat scroll;
    background-size: cover;
}

#second {
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(img/slide2.jpg) center center no-repeat scroll;
    background-size: cover;
}

#third {
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(img/slide3.jpg) center center no-repeat scroll;
    background-size: cover;
}

#fourth {
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(img/slide4.jpg) center center no-repeat scroll;
    background-size: cover;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 2px;
    display: inline-block;
    background: #000;
    opacity: 0.6;
    border-radius: 0% !important;
}

.swiper-pagination-bullet-active {
  background: #1998dd;
}

/* MAIN */
main#main {
    width: 100%;
    height: 100vh;
    background-size: cover;
    align-items: center;
}

main#main h1 {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 4.5rem;
    text-transform: uppercase;
}

main#main h2 {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
    text-transform: uppercase;
}

/* FIRST SECTION */
section#first-section {
    margin-top: 110px;
    height: auto;
    padding-bottom: 40px;
}

section#first-section h2 {
    color: #1998ff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    text-transform: uppercase;
    padding-bottom: 60px;
    padding-top: 20px;
    width: max-content;
    margin: 0 auto;
}

section#first-section h2::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #1998ff;
    filter: brightness(120%);
    margin-bottom: 5px;
}

section#first-section img {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    display: block;
    margin: 0 auto;
}

section#first-section p {
    text-align: right;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
}

/* SECOND SECTION */
section#second-section {
    width: 100%;
    padding: 5% 0;
    background: rgb(25,152,221);
    background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
}

section#second-section img {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    display: block;
    margin: 0 auto;
}

section#second-section p {
    text-align: left;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
}

section#third-section {
    width: 100%;
    padding: 5% 0;
}

section#third-section img {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    display: block;
    margin: 0 auto;
}

section#third-section p {
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    text-align: right;
}

section .col-md-9 h3 {
  font-size: 2.5rem;
}

/* LAST NEWS */
section#last_news {
    height: 380px;
    background-color: #1998dd;
}

/*FORM*/
section.form {
    height: auto !important;
}

.form h3 {
    margin: 70px auto 30px auto;
    text-transform: uppercase;
}

section.form form {
    width: 100%;
}

section.form form input {
    background: transparent;
    border-bottom: solid 1px rgba(25,152,255,0.5);
    border-top: solid 1px transparent;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    color: rgba(29,33,36,0.7);
}

section.form form textarea {
    width: 85%;
    display: block;
    margin: 0 auto;
    color: rgba(29,33,36,0.7);
    border: solid 1px rgba(25,152,255,0.5);
    border-radius: 7px;
    padding: 1%;
}

section.form form input[type="submit"] {
    display: block;
    margin: 0 auto 0 auto;
    border: solid 1px white;
    height: 40px;
    width: 200px;
    border-radius: 7px;
    text-transform: uppercase;
    background: rgb(25,152,221);
    background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
    color: white;
    transition: 0.3s ease-in-out;
}

section.form form input[type="submit"]:hover {
    box-shadow: 0 3px 10px rgba(25,152,255,0.5);
}

.wpcf7-form-control-wrap {
  display: flex !important;
  justify-content: center;
}

.wpcf7-list-item label {
  display: flex;
  font-size: 0.9rem;
}

.wpcf7-list-item label input [type="checkbox"] {
  margin-right: 5px;
}

#wpcf7-f5-o1 {
  width: 100%;
}

span.wpcf7-form-control-wrap {
  margin-bottom: 55px;
}

span.wpcf7-form-control-wrap.textarea {
    margin-bottom: 0;
}

span.wpcf7-form-control-wrap.acceptance {
    margin-bottom: 0;
}

form.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
}

span.wpcf7-list-item-label {
  margin-left: 3px;
  position: relative;
}

span.wpcf7-list-item-label a {
    color: #0c0c0c;
    transition: .3s ease-in-out;
    text-decoration: none;
    font-weight: 700;
}

span.wpcf7-list-item-label a:hover {
    filter: drop-shadow(0 0 2px #0c0c0c);
}

input.wpcf7-form-control {
  width: 100%;
}

/* SOCIAL */
section#social {
    height: auto;
    margin-top: 90px;
}

section#social ul#social-pages {
    display: flex;
    list-style-type: none;
    justify-content: space-around;
    align-items: center;
}

section#social h3 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 2.4rem;
    color: #1b1e21;
}

section#social p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    padding-top: 30px;
    color: #1b1e21;
}

#social-container {
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
    align-items: center;
    padding-top: 80px;
}

#social-container a {
    border: solid 1px #1b1e21;
    color: #1b1e21;
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    transform: rotate(45deg);
    text-align: center;
    transition: 0.6s;
}

#social-container a i {
    transform: rotate(-45deg);
}

#social-container a:hover {
    border: solid 1px #1998ff;
    color: #1998ff;
}
    /* BRANDS */
section#brands {
    width: 100%;
    margin-top: 90px;
    height: auto;
    background: rgb(25,152,221);
    background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
    padding-bottom: 50px;
}

section#brands h3 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.9rem;
    padding-top: 80px;
    color: white;
}

section#brands a img {
  transition: 0.3s ease-in-out;
}

section#brands a img:hover {
  transform: scale(1.1);
}

section#brands .row {
  height: 200px;
}

section#cit {
  height: 250px;
}

section#cit .swiper-slide {
  background-color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5rem!important;
  padding: 5%;
  font-style: italic;
  align-items: center;
}

section#cit .swiper-slide span {
  font-size: 0.8rem;
  font-style: normal;
  display: block;
  text-align: right;
}

/* FOOTER */
footer {
    margin-top: 70px;
    height: auto;
    background: rgb(25,152,221);
    background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
}

#prefooter {
  height: 50px;
  padding-top: 70px;
  align-items: center;
}

#prefooter a {
  text-decoration: none;
  display: block;
  background-color: transparent;
  border: solid 1px #ffffff;
  height: 40px;
  width: 40px;
  transform: rotate(45deg);
  line-height: 40px;
  text-align: center;
  margin: 0 20px;
  color: #ffffff;
  transition: 0.3s;
}

#prefooter a:hover {
  background-color: rgba(255,255,255,0.1);
}

#prefooter a i {
  transform: rotate(-45deg);
  font-size: 18px
}

#footer {
    height: 360px;
    align-content: center;
    flex-wrap: wrap;
}

#footer h4 {
    padding-top: 50px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.1rem;
    color: #ffffff;
    width: max-content;
    margin: 0 auto;
}

#footer h4::after {
    display: block;
    content: '';
    height: 2px;
    width: 25px;
    background: white;
}

#footer ul {
    list-style-type: none;
    margin-top: 40px;
}

#footer ul li {
    margin: 2% 0;
}

#footer .col-md-4 {
    align-items: flex-start;
}

#footer ul#dati li p {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.8rem;
    color: #ffffff;
}

#footer ul li a {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.8rem;
    color: #ffffff;
    text-decoration: none;
    transition: 0.3s;
}

#footer ul li a:hover {
    font-weight: 700;
}

#up {
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 99990;
    display: none;
}

#up i {
    font-size: 2rem;
    color: gold;
}

#subfooter {
    height: 15px;
    background-color: black;
}

.header-block {
    position: fixed !important;
    z-index: 99990 !important;
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)) !important;
    transition: 0.4s ease-in-out !important;
    height: 60px !important;
    line-height: 60px !important;
}

/* CONTATTI */
main#main-contacts {
    width: 100%;
    height: 380px;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url( img/contatti.jpg) scroll center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

main#main-contacts h1 {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.8rem;
    text-transform: uppercase;
}

main#main-contacts h2 {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    text-transform: uppercase;
}

section#first-contacts-section h2 {
    padding-top: 90px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
    text-transform: uppercase;
    width: max-content;
    margin: 0 auto;
}

section#first-contacts-section h2::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
    background: #1998ff;
    filter: brightness(120%);
}

section#first-contacts-section .cover {
    width: 100vw;
    height: auto;
}

section#first-contacts-section iframe {
    width: 100%;
    margin-top: 80px;
}

section#first-contacts-section i {
    font-size: 3rem;
}

section#social h3 {
    margin: 0 auto;
    font-size: 1.9rem;
}

section#social h3::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
    background: #1998ff;
    filter: brightness(120%);
}

section.dati {
    margin-top: 90px;
}

section.dati .col-md-3 {
  padding: 3%;
  transition: 0.3s;
}

section.dati .col-md-3:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}

section.dati a {
  text-decoration: none;
  transition: 0.3s;
}

section.dati a p {
  margin-top: 10px;
}

section.dati a:hover {
  transform: scale(1.1);
}

/** HOME.PHP **/
main.container-fluid.news {
    height: 380px;
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(img/news.jpg) scroll center center no-repeat;
}

.posts {
  padding-top: 80px;
}

.posts .col-md-6 {
  padding: 1%;
}

.article-content {
  box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
  transition: 0.3s;
}

.article-content:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

ul.post-categories {
  list-style: none;
}

ul.post-categories li a {
  text-decoration: none;
  transition: .3s;
}

ul.post-categories li a:hover {
    color: rgba(149,0,255,0.45);
}

.post-content h3 a {
  text-decoration: none;
  transition: 0.3s;
}

.post-content h3 a:hover {
  color: rgba(149,0,255,0.45);
}

.post-content {
  padding: 4%;
}

.post-content a {
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;
  border: solid 1px transparent;
}

.post-content a.read-more {
  padding: 1%;
}

.post-content a.read-more:hover {
  border: solid 1px rgba(149,0,255,0.45);
  color: rgba(149,0,255,0.45);
}

.search form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.search form input[type="text"] {
    width: 180px;
}

aside#search-3 {
      box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
      padding: 4%;
}

aside form.search-form {
    margin-bottom: 50px;
}

aside form.search-form input[type="search"] {
      border: solid 1px rgba(114,140,114,0.4);
      transition: 0.3s;
      border-radius: 5px;
      padding: 2px;
}

aside form.search-form input[type="search"]:focus {
    border: solid 1px #1998dd;
}

aside form.search-form input[type="submit"] {
      width: 70px;
      border: solid 1px rgba(114,140,114,0.4);
      transition: 0.3s;
      border-radius: 5px;
      color: rgba(114,140,114,0.4);
      font-family: 'Montserrat', sans-serif;
}

aside form.search-form input[type="submit"]:hover {
      background: rgb(25,152,221);
      background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
      background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
      background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
      color: #ffffff;
}

aside#categories-3 ul {
    list-style-type: none;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-around;
}

aside#categories-3 ul li {
    margin: 10px 0;
}

aside#categories-3 ul li.cat-item a {
    text-decoration: none;
    transition: .3s ease-in-out;
}

aside#categories-3 ul li.cat-item a:hover {
    color: rgba(149,0,255,0.45);
}

aside#categories-3 ul li.cat-item {
    border: solid 1px #1998dd;
    padding: 5px;
    border-radius: 5px;
}

aside#categories-3 ul li.cat-item:hover {
    transition: .3s ease-in-out;
    border: solid 1px rgba(149,0,255,0.45);
}

aside#recent-posts-widget-with-thumbnails-2 ul {
    display: block;
}

aside#recent-posts-widget-with-thumbnails-2 ul li a {
    border: solid 1px transparent !important;
    text-decoration: none;
    transition: .3s;
}

aside#recent-posts-widget-with-thumbnails-2 ul li a:hover {
    color: rgba(149,0,255,0.45);
}

/** SINGLE.PHP **/
section#single-post img {
    box-shadow: 0 0 2px rgba(0,0,0,.19),0 1px 4px rgba(0,0,0,.23);
}

#single-pagination {
  height: 100px;
}

#single-post h2 {
    font-size: 2.5rem;
}

#single-post p, li {
    line-height: 1.8rem;
}

/** PAGE.PHP **/
main#about {
  height: 380px;
  background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(img/news.jpg) scroll center center no-repeat;
}

section#section-about h2 {
  width: 100%;
  margin-top: 50px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
}

#section-about p {
    line-height: 1.8rem;
}

section#section-about .col-md-6 {
  padding: 2%;
}

section#section-about .col-md-6 {
  line-height: 1.8rem;
}

section#like {
  height: 55vh;
  background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(img/like.jpg) fixed center center no-repeat;
}

section#like a {
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  color: white;
  text-decoration: none;
  background: rgb(25,152,221);
  background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
  background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
  background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
  border: solid 1px white;
  transition: 0.3s;
}

section#like a:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

section .page-icon {
  padding-top: 90px;
}

section .page-icon .col-lg-3 {
  max-width: 22%;
  width: 22%;
  border: solid 1px transparent;
}

section .page-icon .col-lg-3 h4 {
      font-size: 1.2rem;
      text-align: center;
}

section .page-icon .col-lg-3 img {
      display: block;
      margin: 0 auto;
      margin-bottom: 10px;
}

/**404**/
main.error {
      height: 380px;
      background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(img/404.jpg) scroll center center no-repeat;
}

section.back-home {
      height: 400px;
      padding-top: 90px;
}

section.back-home h2 {
      font-size: 3rem;
}

section.back-home a {
      display: inline-block;
      width: 200px;
      height: 40px;
      line-height: 40px;
      color: white;
      text-decoration: none;
      background: rgb(25,152,221);
      background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
      background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
      background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
      border: solid 1px white;
      transition: 0.3s;
      margin-top: 30px;
}

section.back-home a:hover {
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/** SHOP **/
main#shop {
      height: 380px;
      background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(img/shop.jpg) scroll center center no-repeat;
}

main#shop h2 {
  font-size: 1.5rem;
}

section#helmet img {
    display: block;
    margin: 0 auto;
    width: 256px;
    height: 256px;
    margin-bottom: 20px;
}

section#helmet .col-lg-12 {
    padding-top: 90px;
}

section#helmet .col-lg-12 a {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: white;
    text-decoration: none;
    background: rgb(25,152,221);
    background: -moz-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: -webkit-linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    background: linear-gradient(90deg, rgba(25,152,221,1) 0%, rgba(149,0,255,0.975210066936931) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1998dd",endColorstr="#9500ff",GradientType=1);
    border: solid 1px white;
    transition: 0.3s;
    margin: 10px auto 0 auto;
}

section#helmet .col-lg-12 a:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/**PRIVACY**/
main#privacy {
  height: 380px;
  background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(img/privacy.jpg) scroll center center no-repeat;
}

#iubenda_policy .iub_content {
    position: relative;
    padding: 25px 30px;
    margin: 0 auto;
    border-radius: 3px 3px 0 0;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

/** MOBILE **/

@media screen and (max-width: 767px) {

    header#header {
        background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) !important;
    }

    li.current_page_item a {
        color: gold !important;
        filter: brightness(110%);
    }

    ul#menu-menu-1 {
      list-style: none!important;
    }

    .content {
        width: 319px;
        margin: 0 auto;
    }

    .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #menu-menu {
        display: none !important;
    }

    .swiper-pagination,
    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }

    main#main {
        border-radius: 0 0 100% 100%/0 0 100% 100%;
    }

    ul#nav {
        display: none!important;
    }

    ul#bars {
        display: block;
        margin-left: auto;
    }

    #woman {
        order: 1;
    }

    #man {
        order: 0;
    }

    #brands .col-6 {
        padding: 5% !important;
    }

    section#first-section h2 {
        width: auto;
        text-align: center;
    }

    section.form {
        height: 600px;
    }

    .col-md-4 img {
        margin-top: 15%;
    }

    section.dati .col-md-3 {
        margin: 10px 0;
        flex: 0 0 100%;
        max-width: 100% !important;
    }
    #up {
        position: fixed;
        bottom: 40px;
        right: 20px;
        z-index: 99990;
        display: none;
    }
    #up i {
        font-size: 1.8rem;
        color: gold;
    }

    section#cit {
      height: 400px;
      margin-top: 40px;
    }

    /* Section form */

    section#form #contatto form input[type=text] {
        height: 10%;
        width: 80%;
        border-radius: 25px;
        font-size: 1.4rem;
        border: 1px solid #ffffff;
        padding-left: 1%;
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        background: transparent;
    }

    section#form #contatto form input[type=text]#testo {
        height: 30%;
        width: 80%;
        border-radius: 25px;
        font-size: 1.4rem;
        border: 1px solid #ffffff;
        padding-left: 1%;
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        background: transparent;
    }

    section#form #contatto form input[type=email] {
        height: 10%;
        width: 80%;
        border-radius: 25px;
        border: 1px solid #ffffff;
        font-size: 1.4rem;
        padding-left: 1%;
        font-family: 'Montserrat', sans-serif;
        background: transparent;
        color: #ffffff;
    }

    section#form #contatto form input[type=submit] {
        height: 10%;
        width: 80%;
        border-radius: 25px;
        border: 1px solid #ffffff;
        font-size: 1.4rem;
        padding-left: 1%;
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        text-transform: uppercase;
        transition: 0.6s;
        background: transparent;
    }

    /* Section social */
    section#social h3 {
        text-align: center;
    }

    #footer {
        height: auto;
    }

    .posts .col-md-6 {
      margin-top: 50px;
    }

    section .page-icon .col-lg-3 {
      max-width: 100%;
      width: 100%;
      flex: 0 0 100%;
      margin: 20px 0;
      border: solid 1px transparent;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

  ul#bars {
      display: block;
      margin-left: auto;
  }

  li.current_page_item a {
      color: gold !important;
      filter: brightness(110%);
  }
}