/*
	Theme Name: Mechanical.Style
	Theme URI: http://mechanical.stylr
	Description: Wordpress theme
	Version: 3.0
	Author: Gabriel Nastase
	Author URI: http://gabrielnastase.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Montserrat', sans-serif;
	color:#6d6d70;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    overflow-x: hidden;
}

h1, h2, h3 {font-weight: bold;}
/* clear */

.clear {
   clear: both;
    height: 0;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#6d6d70;
	text-decoration:none;
    transition: all 200ms;
}
a:hover {
	color:#363636;
}

/* Shrink */

.shrink {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.shrink:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6d6d70;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 25px;
  height: 25px;
  position: fixed;
  top: 35px;
    right: 20px;
    z-index: 999;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #6d6d70;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

video {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none!important;
}

.center {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
}
.center-btn {
    text-align: center;
    padding-bottom: 60px;
}
.content-center {
    text-align: center;
}
.button {
    display: inline-block;
    padding: 15px;
    background-color: #6d6d70;
    background-image: url(img/metal-low.jpg);
    background-size: cover;
    background-position: bottom: ;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.3);
    text-transform: uppercase;
}
.button:hover {
    color: #fff;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width: 1280px;
	width: 90%;
	margin:0 auto;
	position:relative;
}
.outer-wrapper {
    width: 90%;
    margin: 0 auto;
}
.content-padding {
    padding: 120px 0;
}
.content-padding-bottom {
    padding-bottom: 70px;
}
.flex-container {
    display: flex;
}
.grid {
    display: flex;
}
.grid-3 {
    flex-wrap: wrap;
}
.grid-3 article {
    width: 32%;
    margin-right: 1.66%;
    margin-bottom: 30px;
    padding: 20px;
    background: rgba(51,51,51,.75);
}
.grid-3 article img {
    width: 100%;
}
.grid-3 article:nth-child(3n+3) {
    margin-right: 0;
}
/* header */
.header {
    position: fixed;
    width: 100%;
    top: -200px;
    left: 0;
    z-index: 990;
    text-align: center;
    padding: 10px 0;
    background: rgba(243, 243, 243, 0.7);
    transition: all 300ms;
    backdrop-filter: blur(30px);
}
.blur {
    backdrop-filter: blur(30px);
}
.header-not-home {
    top: 0!important;
}
/* logo */
.logo {
    max-width: 200px!important;
}

/* nav */
.nav {
 position: absolute;
    top: 50px;
    left: 20px;
}

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

.nav ul li {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 20px;
    position: relative;
}

.nav ul li .sub-menu {
	position: absolute;
	top: 15px;
	left: 0;
	width: 180px;
	background: #ffffff;
	box-shadow: 0 10px 50px rgba(0,0,0,.1);
    border-radius: 5px;
	transition: all 200ms ease-out;
	visibility: hidden;
	opacity: 0;
    text-align: left;
}
.nav .menu-item-has-children:hover .sub-menu {
	top: 20px;
	visibility: visible;
	opacity: 1;
}
.nav ul li .sub-menu li {
	display: block;
	margin: 10px;
	border-bottom: none;
}
.nav .current-menu-item a {
    border-bottom: solid 3px #6d6d70;
}

.lang-item img {
    margin-bottom: 1px;
    min-width: 25px;
    height: 16px;
}
.header-icons {
    position: absolute;
    top: 40px;
    right: 70px;
    font-size: 2.2rem;
}
.header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.header ul li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}
.header ul li .notification-dot {
    position: absolute;
    bottom: -3px;
    right: -8px;
    color: #fff;
    background: red;
    width: 16px;
    height: 16px;
    line-height: 1.5;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    
}

/* sidebar */
.sidebar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 990;
    height: 100%;
    padding: 120px 5%;
    background: rgba(227, 227, 227, 0.75);
    backdrop-filter: blur(50px);
    display: none;
}
.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar ul li ul {
    padding-left: 10px;
    border-left: solid 1px #5b5b5b;
    margin: 5px 0;
}
.sidebar .widget_nav_menu ul li {
    font-weight: 700;
}
.sidebar .widget_nav_menu ul li ul li {
    font-weight: 500;
}
/* footer */
.footer {
 text-align: center;
    padding: 30px 0;
    border-top: solid 1px rgba(255,255,255,.1);
    font-size: 13px;
    color: #888;
    clear: both;
}
.footer a {
    color: #888;
}
.footer .icons {
    font-size: 2rem;
}
.footer .icons i {
    margin: 0 10px;
}
.footer ul {
    list-style: none;
    margin: 20px 0;
}
.footer ul li {
    display: inline-block;
    margin: 0 20px;
}
.parallax {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.no-parallax {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#slide1 {
    background-image: url(img/slide-1.jpg);
    height: 100vh;
    background-position: center top;
    position: relative;
}

#slide2 {
    background-image: url(img/slide-2.jpg);
    position: relative;
    margin-top: -7px;
}

#slide3 {
    background-image: url(img/slide-3.jpg);
    position: relative;
}

#slide4 {
    background-image: url(img/bg-texture-2.jpg);
}
#slide5 {
    background-image: url(img/bg-texture-1.jpg);
}
#slide2 .flex-container img {
    height: auto;
}
#slide2 .flex-container {
    justify-content: space-between;
    align-items: center;
}
.etichetta {
    animation:spin 10s linear infinite;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .5);
    border-radius: 50%;
}
@keyframes spin { 
    100% { 
        transform:rotate(360deg); 
    } 
}

.logo-intro {
    display: block;
    margin: 0 auto;
    margin-bottom: 60px;
    
}
.left-40 {
    width: 40%;
    padding: 120px 0 120px 5%;
    position: relative;
    z-index: 10;
    float: left;
}
.right-40 {
    max-width: 40%;
    float: right;
    padding: 120px 5% 120px 0;
}
.col-40 {
    width: 40%;
}
.col-60 {
    width: 60%;
}
.left {float: left;}
.right {
    float: right;
}
#slide2 .right-40 {text-align: center;}
.content {padding: 120px 0;}
.box-padding {
    padding: 20px;
}
.first-content {
    padding-top: 200px;
}
.square {
    padding: 20px;
    border: solid 5px #fff;
    background: #fff;
    color: #000;
    border: none;
}

.square-s {
    padding: 10px;
    border: solid 4px #fff;
    display: inline-block;
    padding: 0;
    border: none;
}

.payoff {
    display: block;
    max-width: 70%;
    margin: 60px auto;
}


.grid-2 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.grid-2 li {
    display: block;
    float: left;
    width: 30%;
    margin-right: 1.5%;
    margin-left: 1.5%;
    text-align: center;
    min-height: 300px;
}

.grid-prodotti li {min-height: 340px;}

.grid-2 li img {
    width: 100%;
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grid-2 li img:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

#slide3 {
    text-align: center;
}
#slide3 .square {
    text-align: left;
}
#slide3 .button {
    margin-top: 20px;
}
.grid-3 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.grid-3 li {
    width: 33.3%;
    display: block;
    float: left;
}
.grid-3 li p {
    min-height: 80px;
    max-width: 80%;
}

.left-50 {
    width: 45%;
    float: left;
}
.right-50 {
    width: 45%;
    float: right;
}
.right-50 ul, .left-50 ul {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
hr {opacity: .2;}

input, textarea, select {
    border: none;
    background: none;
    padding: 8px;
    border: solid 1px #ababae;
    transition: all 200ms;
    margin-bottom: 10px;
    border-radius: 0;
    background-color: #fff;
    max-width: 100%;
}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
    background-color: #efefef;
}
textarea {
    max-height: 100px;
}
.wpcf7-spinner {
    display: block;
    margin: 10px auto;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff!important;
}
.select2-search { background-color: #555; }
.select2-search input { background-color: #333;color: #fff; }
.select2-results { background-color: #bbb; border: none;}

.select2-dropdown {
    border-radius: 0;
    border: none;
}
.select2-container--default .select2-selection--single {
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 0;
    height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    padding: 8px;
}

input:hover, textarea:hover {border: solid 3px #555;}
input:focus, textarea:focus {border: solid 3px #fff;}


.wpcf7-submit {
    border: none;
    background: #c4aa4a;
    color: #fff;
    padding: 20px;
    width: 100px; font-weight: bold; text-transform: uppercase;
}

.wpcf7-list-item {
    margin: 0!important;
    position: relative;
    padding-left: 20px;
}

.wpcf7-list-item input {
    position: absolute;
    top: 3px;
    left: 0;
    max-width: 20px;
}

.wpcf7-submit:hover {background: #fff; border: none; color: #000; }


.extra-links {padding-top: 20px!important; display: block;}

.vcard img {
    max-width: 50px;
    border-radius: 100%;
    height: auto;
}
.comment-body p {color: #c4aa4a;}

#vetrina {margin-top: 200px;}

.single-thumb img {width: 100%;}

.magliette {
  padding-top: 100px;
}

.gallery-icon {padding: 15px!important;}

.gallery-item img {height: auto!important; border: none!important; }

.left-portrait {
  display: block;
  float: left;
  width: 35%;
}
.right-square {
  display: block;
  float: left;
  width: 61.8%;
  margin-left: 2%;
}

.large-screens {display: block;}
.small-screens {display: none;}

.slider, .no-slider {
    position: relative;
}
.no-slider .item {
    position: relative;
}
.slider .owl-nav {
    display: none;
}
.slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.slider .overlay, .no-slider .overlay  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}
.no-slider img {
    width: 100%;
}
.no-slider .hide-home {
    display: none;
}
.overlay .box {
    margin-top: 10%;
    padding: 20px;
    background: rgba(0,0,0,.9);
}
.corner-carousel .wp-block-column {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.corner-carousel .wp-block-column figure {
    width: 100%;
    text-align: center;
}
.corner-carousel .wp-block-column video {
    height: 360px!important;
}
.corner-carousel .owl-nav {
    display: none;
}
.magliette-home {
    padding-left: 5%;
}
.collana-home {
    padding: 10px;
    background-color: rgba(0,0,0,.75);
    backdrop-filter: blur(30px);
}
.wdi_feed_thumbnail_1 .wdi_feed_container {
    background-color: #000!important;
    border: none!important;
}
.wdi_feed_theme_1 .wdi_header_user_text h3 {
    color: #fff!important;
}
.wdi_feed_thumbnail_1 .wdi_load_more, .wdi_feed_thumbnail_1 .wdi_spinner {
    background-color: #000!important;
}

.wdi_feed_theme_1 .wdi_feed_wrapper {
    background-color: #000!important;
}

.wdi_feed_thumbnail_1 .wdi_photo_wrap_inner {
    background-color: #000!important;
    border-color: #000!important;
}

.wdi_feed_theme_1 .wdi_bio, .wdi_feed_theme_1 .wdi_media_info {
    color: #ccc!important;
}
.wdi_website {display: none!important;}
/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    WOO
\*------------------------------------*/
.tm-options-totals {
    visibility: hidden;
}
.single-product {
    background-image: url(img/bg-texture-1.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.add_to_cart_button:after, .single_add_to_cart_button:after {
    content: "\f07a";
    font-family: 'Font Awesome 5 Free';
    float: right;
    margin-left: 10px;
    transition: all 200ms;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #929294;
     transition: all 600ms; 
     border-radius: 3px;
}
.woocommerce .button {
    transition: all 600ms;
    border-radius: 3px;
}
.woocommerce .button:hover {
    background-color: #fff!important;
    color: #6d6d70!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border-radius:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active
{
 
background:#c4aa4a;
color:#fff;
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs li{
background:transparent;
 
border:0;
 
a {
padding:1rem;
}
}
 
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs
{
border-bottom:1px solid #222;
}
.woocommerce-tabs {
    background-image: url(img/bg-texture-1-blur.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 30px;
    box-shadow: 0 0 50px rgba(0,0,0,.8);
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    border-radius: 5px;
    padding: 20px;
    text-transform: uppercase;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    border-radius: 5px;
}
.woocommerce .quantity .qty {
    padding: 15px;
    min-width: 60px;
    margin-right: 10px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    border-radius: 50%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: none;
    border-radius: 0;
    background: rgba(255,255,255,.1);
}
#reviews #rating {
    border: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background: none;
    color: #fff;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #c4aa4a;
    font-weight: bold;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 10px;
    background-color: rgba(230, 230, 230, 0.75);
    backdrop-filter: blur(30px);
}
.col-60 .woocommerce ul.products.columns-2 li.product, .col-60 .woocommerce-page ul.products.columns-2 li.product {
    width: 45%;
}


.vetrina ul.products li.product {
    box-shadow: 0 10px 40px rgba(0,0,0,.3);
    background-color: rgba(0,0,0,.75);
    backdrop-filter: blur(30px);
}
.has-shadow {
    box-shadow: 0 10px 40px rgba(0,0,0,.3);
}

.woocommerce ul.products li.product .price {
    font-weight: bold;
    color: #c4aa4a;
}
.woocommerce ul.products li.product .star-rating {
    display: none;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: solid 1px #333;
}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    color: #000;
}
.woocommerce table.shop_table {
    border-radius: 0;
    border: none;
    border: solid 1px #222;
}
.woocommerce table.shop_table td {
    border-top: solid 1px #222;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: solid 1px #222;
}
.woocommerce #review_form #respond .form-submit input {
    background-color: #333;
    box-shadow: 0 0 2px 5px rgba(0,0,0,.2);
    transition: all 200ms;
    max-width: 80px;
}
.woocommerce #review_form #respond .form-submit input:hover {
    background-color: #484747;
}

.select2-results__option {
    color: #555!important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    border-radius: 0;
    background: #0d0d0d;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    border-radius: 0;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: solid 1px #333;
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
.woocommerce-MyAccount-navigation ul li {
    font-size: 16px;
    margin-bottom: 20px;
}
.woocommerce-MyAccount-navigation ul .is-active a {
    color: #c4aa4a;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #929294;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -5px;
    color: #fff;
    border: solid 1px #ababae;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    opacity: 1 !important;
}
.woocommerce span.onsale {
    border-radius: 0;
    background-color: blueviolet;
}
#coupon_code {width: 200px; padding: 6px; border: solid 1px #ababae; border-radius: 5px;}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    border-radius: 0;
    background: #222;
}
.woocommerce-MyAccount-navigation-link--downloads {display: none;}
.woocommerce-MyAccount-navigation-link--customer-logout a {
    font-weight: 700;
    color: crimson;
}
.related.products { display: none;}
#tab-description {
    padding-top: 40px;
}
#tab-description h2 {
    display: none;
}
#tab-description ul {
    list-style: none;
}
.cart_totals .woocommerce-shipping-destination {display: none;}

.is-lang-en .configuration-ita {display: none!important;}
.is-lang-it .configuration-eng {display: none!important;}
section.related {
    clear: both;
}

 #videoBg {
        display: block;
    }
    #videoBg2 {
        display: none;
    }
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width: 1200px) {
    .grid-2 li {
        min-height: 240px;
    }
}

@media only screen and (max-width: 1000px) {
    
    .logo {
        max-width: 140px!important;
    }
    
    .nav {display: none;}
    
    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
      top: 25px;
      right: 20px;
    }
    .header-icons {
        top: 23px;
        right: 70px;
    }
    
    .parallax, .no-parallax {
        background-attachment: scroll;
    }
    
    #slide2 {
        position: relative;
        background-size: 100%;
    }
    
    #slide2 .right-40 {
        max-width: 100%;
        float: none;
        padding: 0;
        padding-top: 40px;
        text-align: center;
    }
    
    .grid-2 li {
        display: block;
        float: left;
        width: 21%;
        margin-right: 2%;
        margin-left: 2%;
        text-align: center;
        min-height: 300px;
    }
    
    .right-50 .grid-2 li {
        display: block;
        float: left;
        width: 30%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        text-align: center;
        min-height: 220px;
    }

    .large-screens {display: none;}
    .small-screens {display: block;}
    

    .left-40 {
        max-width: 55%;
        padding: 120px 0 120px 5%;
    }
    .right-40 {
        max-width: 55%;
        float: right;
        padding: 120px 5% 120px 0;
    }
    
    
    .sidebar {
        padding: 40px 5%;
    }
    
    #slide4 .grid-3 li {min-height: 240px;}
    .woocommerce ul.products li.product .button {
        font-size: 12px;
    }
  
}

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

     #videoBg {
        display: none;
    }
    #videoBg2 {
        display: block;
    }

    .left, .right {
        float: none;
    }
    .col-40, .col-60 {
        width: 100%;
    }
    .magliette-home {
        padding-left: 0;
        margin-top: 60px;
    }
    .col-60 .woocommerce ul.products.columns-2 li.product, .col-60 .woocommerce-page ul.products.columns-2 li.product {
        width: 48%;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
         background-image: none!important;
        background-color: rgba(51,51,51,.95);
        background-attachment: fixed;
        box-shadow: 10px 0 40px rgba(0,0,0,.7);
        padding: 10px;
        max-width: 49%!important;
    }
    .collana-home {
        background-color: rgba(51,51,51,.95);
    }
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: none;
    }
    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        float: none;
    }
    .grid {
        display: block;
    }

    .grid-3 article {
        width: 100%;
        margin-right: 0;
    }
    .grid-3 article:nth-child(3n+3) {
        margin-right: 0;
    }
}


@media only screen and (max-width: 600px) {
    .wrapper {width: 95%;}

    h1 {font-size: 24px;}
    
    .logo {
        max-width: 100px!important;
    }
    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
      top: 16px;
        right: 2.5%;
    }
     .header-icons {
        top: 15px;
        left: 0;
         right: auto;
    }
    .left-40 {
        min-width: 90%;
        margin: 0 auto;
        padding: 60px 0 60px 0;
        float: none;
    }
    .right-40 {
        max-width: 100%;
        float: none;
        padding: 60px 0 60px 0;
    }
    
    .grid-2 li {
        display: block;
        float: left;
        width: 30%;
        margin-right: 1.5%;
        margin-left: 1.5%;
        text-align: center;
        min-height: 200px;
    }
    
    .grid-3 li {
        width: 50%;
        display: block;
        float: left;
    }
    
    
    .left-50 {
        width: 100%;
        float: none;
    }
    .right-50 {
        width: 100%;
        float: none;
    }
    
    #slide1 {
        background-size: cover;
        height: auto;
    }
    #slide1 .logo-intro {
        max-width: 70%;
        margin: 100px auto 54px auto;
    }
    
    
    .img-20-modelli {
        top: 60px;
        right: 4%;
        max-width: 40%;
    }
    
    #slide3 .right-40 {
        width: 95%;
        margin: 20px auto 0 auto;
        float: none;
        position: relative;
        z-index: 10;
    }
    
    #slide3 .square {padding: 16px; font-size: 16px;}
        
    .content {padding: 80px 0;}
    
    #vetrina {margin-top: 40px;}

    
    .wpcf7-list-item input {
        position: absolute;
        top: 3px;
        left: 0;
    }
    
    .sidebar {
        padding: 40px 5%;
    }
    .sidebar .widget_nav_menu ul li {
        text-align: right;
        font-size: 16px;
        margin: 10px 0;
    }
    .sidebar ul li ul {
        padding-left: 0;
        padding-right: 10px;
        border-left: none;
        border-right: solid 1px #333;
        margin: 10px 0;
    }
    
    .footer ul li {
        margin: 0 10px;
    }
    #coupon_code {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    
    .slider .overlay {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
    }
    .overlay .box {
        margin-top: 0;
        padding: 0;
    }
    #slide2 .flex-container {
        display: block;
        text-align: center;
    }   
    #slide2 .flex-container img {
        max-width: 100%;
    }
    .content-padding {
        padding: 70px 0;
    }
    .no-slider .overlay  {
        position: relative!important;
        top: auto;
        left: auto;
        width: 100%;
        z-index: 20;
    }
    .overlay .box {
        margin-top: 20px;
    }
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/



/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}