@import "carousel-fade.css";
@import "scheda_prodotto.css?004";
@import "mission.css";
@import "../a/fonts/icon-dist/icons.css";

/* ========================================================================== */
/*  Givi custom styles                                                        */
/* ========================================================================== */

@font-face{
    font-family:'Engschrift';
    src:url('../a/fonts/Engschrift/engschrift.eot');
    src:url('../a/fonts/Engschrift/engschrift.eot?#iefix') format('embedded-opentype'), url('../a/fonts/Engschrift/engschrift.woff') format('woff'), url('../a/fonts/Engschrift/engschrift.ttf') format('truetype');
    /*font-weight:700;*/
    font-style:normal;
}

.btn{
    font-size: 1.2rem;
}


.noscroll {

}

.mm-slideout {
    z-index: 25 !important;
}

.modal-backdrop {
    /*   position: relative !important;*/
}

.mm-page {
    position: inherit !important;
}

.modal-nwsl {
    position: relative;
    top: 50px;
    right: 50px;
    z-index: 30;
}


/* PANNELLO LATERALE */
	.panelmondi1{
		text-align:center;
		color:#e00c19;
		font-family: 'Engschrift', sans-serif;
    	font-size: 22px;
    	font-weight: 400;
    }
    .panelmondi1 .panelmondi_tit{margin: 0 auto;}
    
    .panelmondi2{margin-bottom:25px;}
    .panelmondi2 .colMondo{padding-left:0px !important;padding-right:0px !important;}
    .panelmondi2 .colMondo .puls_mondo{
    	background-color:#e00c19;
    	margin:0 5px;
    	text-align:center;
    	position: relative;
    	height: 30px;
    }
    .panelmondi2 .colMondo .puls_mondo a{
    	color:white;
    	text-decoration:none;
    	font-family: 'Engschrift', sans-serif;
    	font-size: 19px;
     	font-weight: 400;
     	
     	position: absolute;
    	top: 2px;
    	left: 0;
    	width: 100%;
    }
    



/* SCROLL HOME TO MONDI */

@media (min-width: 768px){
	.col-md-3.cinque {
	    -ms-flex: 0 0 20% !important;
	    flex: 0 0 20% !important;
	    max-width: 20% !important;
	}
}

    
ol.carousel-indicators{
	display:none;	
}
#scrolltomondo{
	position:absolute;
	text-align:center;
	bottom:100px;
	color:white;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;	
}
#scrolltomondo a span {
    position: absolute;
	top: 30px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;	
    width: 50px;
    height: 50px;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: border-box;
}
#scrolltomondo a:hover span {
	top: 40px;
}

@media (max-width:768px){
	#scrolltomondo{	bottom:40px;}
	#scrolltomondo h1 {font-size: 1.5rem;}
	#scrolltomondo a span {
	 	top: 20px;
	    width: 25px;
	    height: 25px;
	    border-left: 3px solid #fff;
	    border-bottom: 3px solid #fff;
	}	
	#scrolltomondo a:hover span {
		top: 25px;
	}	
}


/* NAV */
.mm-navbar .mm-search {
    display: none;
}

.menu-mobile, .header-mobile, .mm-menu_offcanvas.mm-menu_opened {
    z-index: 50;
}

.mm-prev.mm-btn {
    position: relative;
    z-index: 50;
}

.mm-panels, .mm-listview {
    margin-left: 10px !important;
}

body .header-mobile {
    display: none;
    height: 54px;
    background-color: white;
}




/* scrolled menu */
body .header-mobile.visualizza {
    display: block;
    position:fixed;
    top:0;
    width:100%;
	background:rgba(255,255,255,0.8);    
}
#header.nascondi{
	display:none !important;
}
/*
body nav.menu {
	display: none !important;
}
*/


.ekko-lightbox.iefix{
	display:block !important;
}


body .header-mobile a.hamburger-mobile {
    background: center center no-repeat transparent;
    /* white
     background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); */
    /* black 	*/
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=);

    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 20;
}

.black {
    background-color: #282828;
    color: white;
}

.gray {
    background-color: #f2f2f2;
}

.navbarSide-01 {
    z-index: 35;
}

.col {
    padding-left: 0;
    padding-right: 0;
}

h1 {
    /*font-family: 'Anton', sans-serif; */
    font-family: 'Engschrift', sans-serif;
}

h3 {
    font-family: 'Engschrift', sans-serif;
    font-size: 24px;
    margin: 20px 0;
    font-weight: 400;
    text-transform: uppercase;
}

p {
    color: #666;
    line-height: 2em;
    font-size: 16px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
}

b, strong {
    /*font-family: 'Engschrift', sans-serif;*/
    font-family: inherit;
    /*font-size: 18px;*/
}

a {
    color: #454444;
}

select {
    -webkit-appearance: none;
    appearance: none;
    color: #454444;
    background-color: #ffffff;
    outline: solid 1px #dcdcdc;
    border: none;
    border-radius: 0;
    /*padding-left: 5%;*/
    padding: 1em 0.5em;
    width: 100% !important;
    font-size: 14px !important;
}

input[type="password"],
input[type="text"] {
    -webkit-appearance: none;
    appearance: none;
    color: #454444;
    background-color: #ffffff;
    outline: solid 1px #dcdcdc;
    border: none;
    border-radius: 0;
    padding: 1em 0.5em;
    width: 100% !important;
    font-size: 18px !important;
}

#form_wrapper_wish input[type="text"] {
    width: 45% !important;
    margin-left:1%;
    margin-right:1%;
}
#form_wrapper_wish .blocchetto_privacy span{
	font-size:14px;
	line-height:18px;
}

input[type="checkbox"] {
    margin-right: 0.5em;
}

input[type="radio"] {
    margin-right: 0.5em;
}

select:after {
    content: '▾';
    position: absolute;
    bottom: 0;
    top: 50%;
}

label {
    font-size: 14px;
}

textarea {
    width: 100%;
    padding: 1em;
    border: none;
    outline: solid 1px #dcdcdc;
}

.grey-back {
    background-color: #f6f6f6;
}

.pulsante_seleziona {
    background-color: #eb2222;
    color: white;
    padding: 1em 1em;
    font-size: 14px;
}

subtitle {
    font-family: 'Roboto', sans-serif;
}

a:hover {
    text-decoration: none;
    color: #e00c19;
}

.btn-newsletter {
    font-family: 'Engschrift', sans-serif !important;
    background-color: #e00c19;
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 0 8px;
    border-radius: 0px;
    font-size: 20px;
    /*height: 28px;*/
    color: white;
}

.btn-newsletter a {
    padding: 1px 60px;
}

.slide_title {
    text-transform: uppercase;
    font-weight: 500;
}

.btn-modal {
    color: #fff !important;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
}

.btn-modal a {
    color: #fff;
    font-size: 20px;
}

button.red {
    background: transparent;
    border: 0px;
    color: #ef181b;
    font-family: 'Engschrift', sans-serif;
    font-size: 18px;
    cursor: pointer;

}

.btn-back,
.btn-red {
    background-color: #ef181b;
    display: inline-block;
    margin-bottom: 5px !important;
    color: white !important;
    border: none;
    border-radius: 4px;
    font-family: 'Engschrift', sans-serif;
    font-size: 18px;
    height: auto;
    padding: 1em 2em;
    position: relative;
    z-index: 0;
}

.btn-red:before {
    content: "►";
    font-size: 0;
    vertical-align: baseline;
    transition: all .4s ease-out;
    transform: translate(-50%, -50%);
    position: relative;
    left: 10px;
    z-index: -1;
    color: transparent;

}

.btn-red:hover:before {
    left: 0px;
    color: inherit;
    font-size: 0.6em;
    line-height: 0.6em;
    vertical-align: middle;
    display: inline-block;
}

.btn-red img {
    height: 14px;
    margin: 2px 5px 6px 0;
}

.btn-red:hover,
.btn-newsletter:hover {
    color: #f4f4f4;
    background-color: #666;
    text-decoration: none;
}

.btn-grey {
    font-family: 'Engschrift', sans-serif;
    margin: 0 2px;
    border: 1px solid grey;
    padding: 7px 3%;
    transition: all .4s cubic-bezier(0.4, 0, 1, 1);
    cursor: pointer;
}

.btn-grey.filter-active {
    background-color: #ef181b;
    color: white !important;
    border: 1px solid #ffffff;
    cursor: default;
}

.btn-grey:hover {
    background-color: #ef181b;
    color: white !important;
    border: 1px solid #ffffff;
}

.btn a {
    font-family: 'Engschrift', sans-serif;
    font-size: 26px;
}

.btn-red a {
    color: white;
}

.navbar-toggler, .navbar {
    padding: 0;
    width: 120px;
    /*height:130px;*/
    /*width:110px;*/ /* small */
    border: none;
}

button:focus {
    outline: none;
}

.navbar {
    /*position: absolute;*/
    position: relative;
    float: right;
    top: 0;
    right: 0;
    /* left: 0; */
    z-index: 1;
}

.navbar-side {
    /*width: 1100px;*/ /*small */
    width: 990px;
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    /*^ overflow-y: scroll;*/
    overflow-y: hidden;
    z-index: 25;
}

.navbar-side-item {
    padding: 1.5rem 0;
    margin: 0;
    border-bottom: 2px solid #ccc;
    height: 5rem;
}

.side-link {
    padding-left: 2rem;
}

.navbar-side {

    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 500ms ease;
    transition: 500ms ease;

}

.reveal {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: 500ms ease;
    transition: 500ms ease;
    z-index: 21;
}

.toggle-icon-prodotti {
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
    height: 120px;
    /*width: 110px;*/ /* small */
    width: 120px;
    /*font-size: 15px;*/ /* small */
    font-size: 18px;

    text-align: center;
    line-height: 120px;
    font-family: 'Engschrift', sans-serif;
}

.navbar-toggler-icon:hover, .navbar-toggler-icon:active {
    border: none;
    background-color: #e00c19;
}

.toggle-icon-givi {
    color: #fff;
    text-transform: uppercase;
    background-color: #555;
    height: 120px;

    /*width: 110px;*/ /* small */
    width: 120px;
    /*font-size: 15px;*/ /* small */
    font-size: 18px;

    text-align: center;
    line-height: 120px;
    font-family: 'Engschrift', sans-serif;
}

.toggle-icon-config {
    color: #fff;
    text-transform: uppercase;
    background-color: #aaa;
    height: 120px;
    /*width: 110px;*/ /* small */
    /*font-size: 15px;*/ /* small */
    width: 120px;
    font-size: 18px;

    text-align: center;
    line-height: 120px;
    font-family: 'Engschrift', sans-serif;
}

.toggle-icon-next-to-me {
    color: #fff;
    text-transform: uppercase;
    background-color: #e00c19;
    height: 120px;
    width: 120px;
    font-size: 18px;
    text-align: center;
    line-height: 120px;
    font-family: 'Engschrift', sans-serif;
}

.navbar-toggler-icon.toggle-icon-next-to-me:hover, 
.navbar-toggler-icon.toggle-icon-next-to-me:active {
    border: none;
    background-color: #c61521;
}


.social-wall {
    text-align: center;
}

.social-wall h1 {
    font-weight: 500;
    margin: 2% 0;
}

.social-wall-subtext {
    margin-bottom: 4%;
}

#header{
	/* animation magic */
  	-webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out ;
}

#logo {
    float: left;
    width: 144px;
    height: 144px;
    margin-left: 50px;
    position: absolute;
    z-index: 1;
}
#logo.fxd {
    position: fixed;
    top:0;
    width:80px;
    z-index: 20;
    transition: all .3s ease-in-out;
}	
	
body .header-mobile #logo {

    margin: 0 20px;
}

/***  MODAL ekko-lightbox GALLERY & VIDEOGALLERY  ***/
.ekko-lightbox .close {
    color: #ffffff;
    font-size: 68px;
    font-weight: 200;
}

.ekko-lightbox .modal-title {
    color: white;
    padding-top: 27px;
}

.ekko-lightbox .modal-header {
    border: 0px;
}

.ekko-lightbox .modal-content {
    background-color: transparent !important;
    border: 0px;
}

div.ytp-pause-overlay {
    display: none !important;
}

.ekko-lightbox-nav-overlay {
    display: flex !important;
}

.ekko-lightbox-nav-overlay a {
    z-index: 9999999999999 !important;
    font-size: 50px !important;
}

/********************/
/***  MODAL STYLE ***/
.modal-dialog {
    margin: 0 auto !important;
    max-width: 900px !important;
}

#modalIntro .modal-content {
    width: auto;
    height: auto;
    padding: 0 !important;
    /*	background-size: cover; */
    border: none;
}

/* modifiche modale per altezza banner home page */
#modalIntro .modal-dialog.modal-home {
    height: 90%
}

#modalIntro .modal-content.modal-home {
    height: 90%;
    background-color: transparent;
    margin: 0 auto;
}

#modalIntro .modal-body.modal-home {
    height: 90%
}

#modalIntro .modal-header {
    border: none;
}

#modalIntro .modal-body {
    text-align: center;
    padding: 0;
}

#modalIntro input {
    padding: 0 6px;
    line-height: 40px;
}

#modalShare .modal-full,
#modalLanguage .modal-full,
#modalSearch .modal-full {
    min-width: 100%;
    margin: 0;
}

#modalShare .modal-full .modal-content,
#modalLanguage .modal-full .modal-content,
#modalSearch .modal-full .modal-content {
    min-height: 100vh;
}

#modalShare .modal-content,
#modalLanguage .modal-content,
#modalSearch .modal-content {
    background-color: rgba(255, 255, 255, 0.96);
}

#modalShare .modal-header,
#modalLanguage .modal-header,
#modalSearch .modal-header {
    border: none;
}

#modalShare .close,
#recuperaPsw .close,
#modalLanguage .close, #modalIntro .close,
#modalSearch .close, #modalIntro .close {
    border: none;
    /*!*color: #e00c19;*!*/
    /*color: white;*/
    opacity: 1;
    font-size: 68px;
    font-weight: 200;
    text-shadow: none;
    z-index: 500;
    right: 10px;
    position: absolute;
}

#modalIntro{
	padding-right:30px !important;
	padding-left:30px !important;
}

#modalIntro .modal-home .close{
	right: -35px;
	top: -30px;
}
#modalIntro .modal-home img{
	width:90%;
}

#modalShare .modal-body,
#modalLanguage .modal-body,
#modalSearch .modal-body {
    text-align: center;
    vertical-align: middle;
    min-height: 100vh;
    height: 100%;

}

#modalShare input,
#modalLanguage input,
#modalSearch input {
    padding: 6px 0;
    margin: 10px 6px 20px;
    line-height: 30px;
    color: black;
    font-family: 'Engschrift', sans-serif;
    font-size: 42px;
    background-color: transparent;
    border-bottom: 1px solid #818080;
    width: 400px;
    text-align: center;
}

#modalSearch input {
    width: 400px !important;
}

#modalShare .btn-search,
#modalLanguage .btn-search,
#modalSearch .btn-search {
    color: white;
    padding: 10px 60px;
}

.search-title {
    margin: 20% 0 2%;
}

.search-title h1 {
    font-family: 'Engschrift', sans-serif;
    font-size: 70px;
    text-transform: uppercase;
}

/* scelta lingua/country */
#modalLanguage block_lang{}
#modalLanguage .block_lang .block_lang_sx{float:left;width:50%;padding-left:20%;}
#modalLanguage .block_lang .block_lang_dx{float:left;width:50%;padding-right:20%;}



/* fine modal */

#menuProdotti, #menuConfig {
    position: relative;
    padding: 30px 70px 40px 40px;
    width: 990px;
    /*background: transparent url(../img/ombra-dx.png) top right repeat-y;*/
    /*	height: 100%;*/
    z-index: 40;
    height: 95%;
    max-height: 100vh;
    overflow-y: scroll;
}

#body-s {
    max-height: 100vh;
    overflow-y: scroll;
}

#menuGiviWorld {
    position: relative;
    /*width: 990px;*/
    padding: 0;
    /*background: transparent url(../img/ombra-dx.png) top right repeat-y;*/
    /*	height: 100%;*/
    z-index: 40;
    max-height: 100vh;
    overflow-y: scroll;
    height: 100%;
}

#menuGiviWorld-first, #menuGiviWorld-second {

    /*padding: 30px 50px 40px 40px;*/
    padding: 5% 15% 0% 5%;
}

#menuGiviWorld-first {
    min-height: 60%;
    overflow: scroll;
}

#menuGiviWorld-second {
    min-height: 40%;
    padding-bottom: 5%;
}

#menuGiviWorld img, #menuConfig img {
    max-width: 100%;
    height: auto;
    width: auto \9;
    min-height: 66px;
}

.word__description a {
    /*padding: 1% 10%;*/
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: block;
    color: dimgrey;
    /*background-color: darkslategray;*/
}

.word__description div.word__image {
    height: 0;
    padding-top: 68%;
    overflow: hidden;
    position: relative;
}

.word__description a img {
    transition: all .4s ease-in;
    position: absolute;
    max-width: 120% !important;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.word__description a:hover img {
    width: 120% !important;
    top: 50%;
    left: 50%;

}

.world__catalogue a {
    display: block;
    transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    padding-bottom: 0.5%;
}

.world__catalogue a img {
    transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.world__catalogue a:hover img {
    box-shadow: 1px -1px 27px -6px #dedede;
}

/*
#menuGiviWorld-second row {
	text-align:	center; 
}
*/

#menuProdotti img {
    width: 180px;
    height: 180px;
}

#menuProdotti ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #818080;
    text-transform: uppercase;
}

#menuGiviWorld ul {
    font-family: 'Engschrift', sans-serif;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    font-size: 20px;
    margin: 10px 0 !important;
}

#menuGiviWorld ul li {

    margin: 5px 0 !important;
}

#menuGiviWorld ul a {
    color: #818080;
    text-transform: uppercase;
}

#menuGiviWorld ul a:hover {
    color: dimgrey;
}

/* todo */
#menuProdotti ul a {
	line-height:16px;
	display:inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #818080;
    text-transform: uppercase;

    /*-webkit-transition-property: color, font-weight;*/
    /*transition-property: color, font-weight;*/
    /*-webkit-transition-duration: 0.7s;*/
    /*transition-duration: 0.7s;*/
    /*-webkit-transition-timing-function: ease-out;*/
    /*transition-timing-function: ease-out;*/
    transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

#menuProdotti ul a:hover, #menuProdotti ul a.be-bold {
    /*font-weight: 900;*/
    cursor: pointer;
    text-decoration: none;
    color: #3e3d3d;
    /*text-shadow: 1px 1px 2px #a9a9a9;*/
}

.tit_menu_h1,
#menuGiviWorld h1,
#menuConfig h1 {
    font-family: 'Engschrift', sans-serif;
    font-size: 46px;
    margin-bottom: 3%;
    text-transform: uppercase;
    color: #454444;
}

.tit_menu_h1 {
    font-weight: 500;
    line-height: 1.2;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#menuProdotti .tit_menu_h2,
#menuGiviWorld .tit_menu_h2,
#menuProdotti h2,
#menuGiviWorld h2 {
    font-family: 'Engschrift', sans-serif;
    font-size: 34px;
    font-weight: 400;
    margin: 20px 0 20px 0;
    text-transform: uppercase;
    color: #525252;
}

.tit_menu_h2 {
    line-height: 1.2;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#menuGiviWorld-second .tit_menu_h2,
#menuGiviWorld-second h2 {
    color: white;
    border-bottom: 1px solid #676767;
    line-height: 60px;
}

.tit_menu_h3,
#menuProdotti h3 {
    font-family: 'Engschrift', sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #e00c19;
    text-transform: uppercase;
}

.tit_menu_h3 {
    margin: 20px 0;
    line-height: 1.2;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.tit_menu_h3 a {
    color: #e00c19;
}

#menuGiviWorld h3 {
    font-family: 'Engschrift', sans-serif;
    font-size: 24px;
    margin: 20px 0;
    font-weight: 400;
    color: #e00c19;
    text-transform: uppercase;
}

#menuConfig .tit_menu_h3,
#menuConfig h3 {
    font-family: 'Engschrift', sans-serif;
    /*font-size: 20px;*/
    /*margin: 20px 0;*/
    font-weight: 400;
    text-transform: uppercase;
    /*color: #818080 !important;*/
    margin: 6% 0 0 0;
    font-size: 30px;
}

#menuGiviWorld .tit_menu_h4,
#menuGiviWorld h4 {
    font-family: 'Engschrift', sans-serif;
    font-size: 20px;
    margin: 20px 0;
    font-weight: 300;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

.tit_menu_h5,
#menuGiviWorld h5 {
    font-family: 'Engschrift', sans-serif;
    color: #454444 !important;
    font-size: 24px;
    line-height: 27px;
    margin: 6% 0 2% 0;
}

#menuGiviWorld .btn-red {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    text-transform: uppercase;
}

#menuGiviWorld-second p {
    text-align: center;
    font-weight: 100;
    font-size: 13px;
    color: white;
    position: relative;
}

#menuProdotti .menu-close, #menuGiviWorld .menu-close, #menuConfig .menu-close {
    width: 30px;
    height: 30px;
    display: block;
    background: url(../img/menu-close.png);
    float: right;
}

#menuConfig p {
    margin-top: 3%;
    line-height: 25px;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 5%;
}

#menuConfig a {
    position: absolute;
    top: 100%;
}

#elencoProdotti {
    padding: 20px 90px 20px 10px;
}

#elencoProdotti .p-4{padding: 0 !important}

#elencoProdotti .copia{display:none;}
#elencoProdotti .copia.showcopia{display:block;}

#elencoProdotti h3 {
    font-family: 'Engschrift', sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

#elencoProdotti h3 a {
    color: #333;
    transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

#elencoProdotti h3 a:hover {
    /*font-weight: 900;*/
    cursor: pointer;
    text-decoration: none;
    color: #e00c19;
    /*text-shadow: 1px 1px 2px #d7d7d7;*/
    text-transform: uppercase;
}

#elencoProdotti img {
    width: 100%;
    height: auto;
    max-height: 225px;
    object-fit: scale-down;
    /*margin: 0 auto;*/
    display: inline;
    margin: 22px auto auto auto;
}

#elencoProdotti div {
    text-align: center !important;
}

#filtroProdotti {
    font-family: 'Engschrift', sans-serif;
    font-size: 18px;
    font-weight: 400;

    color: white;
    /*text-transform: uppercase;*/
    margin: 60px 0px 0px 0px;
    min-height: 42px;
    line-height: 42px;
    /*padding: 4% 130px 5% 40px;*/
}

#prodRight {
    background-color: #fff;
    /*	z-index:15; */
    transition: top 0.6s ease-in-out, left 0.6s ease-in-out;
}

#header_share{
	display:none;
	
	width: 44px;
    height: 44px;
    right: 224px;
    position: absolute;
    z-index: 1;
}

#header_perlatuamoto{
    width: 44px;
    height: 44px;
    /*right: 195px;*/
    right: 240px;
    position: absolute;
    z-index: 1;
}
#header_configuratore{
    width: 44px;
    height: 44px;
    right: 240px;
    position: absolute;
    z-index: 1;
}
#header_search {
    width: 44px;
    height: 44px;
    right: 150px;
    position: absolute;
    z-index: 1;
}

#header_prefer {
    width: 44px;
    height: 44px;
    right: 285px;
    position: absolute;
    z-index: 1;
}

#header #header_prefer {
	right: 195px;
}


#header_prefer a {
    position: relative;
    display: inline-block;
}

#header_prefer a .num_pref {
    position: absolute;
    top: 12px;
    /*left: 21px;*/
    color: #e00c19;
    font-size: 13px;
    
    width: 100%;
    text-align: center;
}
#header_prefer a .num_pref.n_0{
	display:none;
}


#carouselGiviBottom {
    z-index: 0;
    /*margin-top: -15%;*/
    background: url(../img/bg_slider_home.jpg) repeat-x;
}

.section_slideshow_secondary {
    background-color: black;
    position:relative;
}



/* TESTO BANNER HOME PAGE */
section.section_products_1 .sponsor_centrato{
	position:absolute;
	top:38%;
    width: 100%;
    text-align: center;
	font-family: 'Engschrift', sans-serif;
	color:white;
}
section.section_products_1 .sponsor_centrato .sponsor_titolo{
	font-size: 5vw;
	line-height: 5vw;
	font-weight:500;
	letter-spacing: -1px; 
}
section.section_products_1 .sponsor_centrato .sponsor_sottotitolo{
	font-size: 1.7vw;
	line-height: 1.7vw;
	font-weight:300;
	letter-spacing: -1px; 
}
section.section_products_1 .sponsor_centrato .sponsor_pulsante{
	font-size: 1.5vw;
	margin-top:15px;
	padding:10px 20px;
	width:20%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 5px 5px 5px 5px;
	background-color:#e00c19; 
}
section.section_products_1 .sponsor_centrato .sponsor_pulsante a{
	display:block;
}	
section.section_products_1 .sponsor_centrato .sponsor_pulsante a,
section.section_products_1 .sponsor_centrato .sponsor_pulsante a:link,
section.section_products_1 .sponsor_centrato .sponsor_pulsante a:hover,
section.section_products_1 .sponsor_centrato .sponsor_pulsante a:visited{
	color:white;
	text-decoration:none;
}


@media (max-width: 750px) {
	/* TESTO BANNER HOME PAGE */
	section.section_products_1 .sponsor_centrato .sponsor_titolo{
		font-size: 7vw;line-height: 7vw;
	}
	section.section_products_1 .sponsor_centrato .sponsor_sottotitolo{
		font-size: 2.2vw;line-height: 2.2vw;	
	}
	section.section_products_1 .sponsor_centrato .sponsor_pulsante{
		font-size: 2vw;	width:35%;
	}
}


#carouselGiviBottom .carousel-item {
    /*background-image: url("../img/bg.jpg");*/
    /*margin-top:-15%; !*MDF*!*/
}

#carouselGiviBottom h1 {
    position: absolute;
    top: 00px; /*mdf era 15% aggiunto insieme a quello qui sopra */
    width: 100%;
    font-size: 10vmin;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    color: #e72223;
    font-weight: 500;
    font-family: 'Engschrift', sans-serif;
}

@media (max-width: 1441px) {

    /*#carouselGiviBottom {*/
        /*margin-top: 0%;*/
    /*}*/

    #carouselGiviBottom .d-block {
        width: 100vw !important;
    }
}

#carouselTop .carousel-caption {
    width: 40%;
    text-align: left;
    left: 50px;
    top: 250px;
    position: absolute;
    z-index: 2;
}

#carouselTop .carousel-caption.cdxa {
    left: 52%; top: 50px;
    font-family: 'Engschrift', sans-serif;
    font-size: 25px; font-weight: 200; line-height: 26px;    
}

#carouselTop .carousel-caption.ca_nero{
	color:black;
	width:100%;	left:0;	text-align:center; top: 50px;
	margin-left:auto;	margin-right:auto;
    font-family: 'Engschrift', sans-serif;
    font-size: 25px; font-weight: 200; line-height: 26px;
}

@media (max-width: 992px) {
	#carouselTop .carousel-caption.cdxa {
    	left: 52%; top: 0px;
	    font-size: 20px; line-height: 22px;    
	}
	
}

@media screen and (max-width: 480px){
    #carouselTop .carousel-caption {
        width: calc(100% - 100px);
    }
}

#carouselTop .carousel-item:before {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 41vw;
    height: 41vw;
    opacity: 0.6;
    background-size: 100% 100%;
    background-image: url(../img/alone.png);
}

#carouselTop .carousel-indicators li {
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    margin: 4px;
    /*height: 1.5vw;*/
    /*width: 1.5vw;*/
    min-width: 15px;
    min-height: 15px;
}

/*.carousel-indicators li::before {*/
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    /*display: inherit;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*content: "";*/
    /*border-radius: 50%;*/
    /*background-color: white;*/
/*}*/

#carouselTop .carousel-indicators {
    /*bottom: 30%;*/
    bottom: 3%;
}

#carouselTop .carousel-caption h1 {
    font-size: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 50px;
}

#carouselTop .carousel-caption .subtitle {
    font-family: 'Oswald', sans-serif;
    size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0 !important;
    font-size: 25px;
    color: white;
    line-height: 1em;
    width: 30vw;
    margin-bottom: 10px;
}

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

    #carouselTop .carousel-caption .subtitle {
        width: 100%;
        font-size: 30px;
    }
}

#carouselGiviProdotti,
.carouselGiviAltri,
.carouselGiviOptional {
    padding-bottom: 0px;
    margin-left: 60px;
    margin-right: 60px;

}

#carouselGiviProdotti, .slide-item,
.carouselGiviAltri .slide-item,
.carouselGiviOptional .slide-item {
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    min-width: 150px !important; /* psk bug slider su caschi da rifare.... */
}

#carouselGiviProdotti, .slick-slide img,
.carouselGiviAltri .slick-slide img,
.carouselGiviOptional .slick-slide img {
    margin: 0px auto;
}

.carouselGiviAltri h3 a, .carouselGiviOptional h3 a {
    font-size: 20px;
    color: #000;
    font-family: 'Engschrift', sans-serif;
}

.carouselGiviAltri h3, .carouselGiviOptional h3 {
    margin: 0 0.3em 1em 0.3em;
}

#carouselGiviProdotti .carousel-item {
    /*display: inline-block;*/
    /*opacity: 1;*/
}

.slick-next-new {
    background: url(../img/next.png) top right no-repeat;
    background-color: #e00c19;
    padding: 0;
    border: none;
    display: block;
    /*width: 21px;*/
    width: 42px;
    height: 52px;
    text-align: center;
    position: absolute;
    top: 40%;
    right: -21px
}

.slick-prev-new {
    background: url(../img/prev.png) top right no-repeat;
    background-color: #e00c19;
    padding: 0;
    border: none;
    display: block;
    /*width: 21px;*/
    width: 42px;
    height: 52px;
    text-align: center;
    position: absolute;
    top: 40%;
    left: -21px;
    z-index:99999999;
}

.nav, .nav-tabs {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.nav-tabs > li {
    float: none;
    display: inline-block;

}

.tab-pane.active, .nav-links.active {
    background-color: #f2f2f2 !important;
    font-family: 'Engschrift', sans-serif;
    font-size: 22px;
    color: #000;

}

.nav-links {
    padding: 0px 10px;
}

.nav-links.active {
    padding: 10px 15px;
    border-top: 2px solid transparent;
}

.nav-links:hover {
    color: #333;
}

.nav-item, .nav-links {
    background-color: #e00c19;
    color: white;
    font-family: 'Engschrift', sans-serif;
    font-size: 22px;
    display: inline;

}

.nav-tabs .nav-links {
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.area {

    width: 100%;
    margin: 0 auto;

    text-align: center;
}

#dettaglio-08 {
    padding: 40px 0 0 0;
}

#dettaglio-08 row {
    margin-bottom: 0;
}

/* FASCIA VIDEOGALLERY + CATALOGO ONLINE */
.white{color:white;}
.section_video_cat .ctn-video,
.section_video_cat .ctn_catalogue{padding:0;}

.section_video_cat .ctn_video .rowA,
.section_video_cat .ctn_catalogue .rowA{
	position:absolute;
	top: 50%; 
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.section_video_cat .ctn_video .rowA{
	width:100%;
	text-align:center;
}
.section_video_cat .txt-blk-video{text-align:center;width:100%;}

.section_video_cat{font-family: 'Engschrift', sans-serif;}
.section_video_cat .txt-blk-flip{
	padding-left:70px;
}



.section_video_cat h3 {
    width: 100%;
    font-size: 60px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    color: #e72223;
    font-weight: 500;
}
.section_video_cat .txt-blk-video h3{margin-bottom:5px !important;}
.section_video_cat .txt-blk-flip h3{text-align: left;}

.section_video_cat h3,
.section_video_cat h3 span {line-height: 55px !important;}

.section_video_cat h4 {}
	


.section_video_cat .freccina-video{width:80px;height:auto;} 

.section_video_cat .btn-red{
	width:150px;
	font-size: 18px;
	padding: 5px 20px;
	
	display:inline-block;
	margin-bottom:20px;
    color: white !important;
    border: none;
    border-radius: 4px;
    font-family: 'Engschrift', sans-serif;
    height: auto;
    position: relative;
    z-index: 0;
}
.section_video_cat .txt-blk-video .btn-red {width: 200px;}

.section_video_cat .btn-red::before {
    content: "►";
    font-size: 14px;
    vertical-align: baseline;
    position: relative;
    left: -5px;
    z-index: 100;
    color: white;
    transform:none;
}

@media screen and (max-width: 1200px){
	.section_video_cat h3 {
	    font-size: 48px;
	    line-height: 48px;
	}
	.section_video_cat h3,
	.section_video_cat h3 span {line-height: 40px !important;}
	
}
@media screen and (max-width: 992px){
	.section_video_cat h3 {
	    font-size: 38px;
	    line-height: 38px;
	}
	
	.section_video_cat h3,
	.section_video_cat h3 span {line-height: 32px !important;}
	
	.section_video_cat .btn-red{
		width:120px;
		font-size: 15px;
		padding: 4px 12px;
	}
}

@media screen and (max-width: 768px){
	.section_video_cat .txt-blk-flip{
		padding-left:50px;
	}
	
}

/*----------------------*/
/*------- FOOTER -------*/
/*----------------------*/

.section_footer {
    /*	background-color: #fff; */
    background-color: #333333;
    color: white;
    padding: 20px 180px;
}

.section_footer .tit_menu_footer_h2,
.section_footer h2 {
    font-family: 'Engschrift', sans-serif;
    font-size: 20px;
    line-height: 18px;
    margin: 16px 0;
}

.section_footer .item_uno .tit_menu_footer_h2,
.section_footer .item_uno h2 {
    text-transform: uppercase;
}

/*.section_footer .item_uno ul li a {*/
/*text-transform: uppercase;*/
/*font-family: 'Montserrat', sans-serif;*/
/*font-size: 13px;*/
/*font-weight: 100;*/
/*}*/

.section_footer hr {
    border-color: #bfbfbf;

    margin-left: -30px;
    margin-right: -30px;
}

.section_footer ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;

}

/*todo*/
.section_footer ul a, .section_footer a {
    text-transform: uppercase;
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 13px;
    font-weight: 100;
    color: white;
    transition: color .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.section_footer ul a:hover, .section_footer a:hover {
    color: #e00c19;
    text-decoration: none;
}

input {
    border: none;

}


.section_newsletter{
	 position: relative;
	 z-index: 1;
	 padding:50px 15px;
	 background-color:#e7e7e7;
}

.section_newsletter .left{float:left;width:30%;}
.section_newsletter .right{float:right;width:70%;}
	

.section_products_1 {
    position: relative;
    z-index: 1;
}

.section_products_2 {
    margin-top: -10%;
    z-index: 0;
    position: relative;
}

.form-check-inline .form-check-input input[type=checkbox] {
    border: 1px solid #fff;
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

input {
    border: none;
}

button, input {
    overflow: visible;
}

/*
992px comes from the bootstrap grid sizes for 'lg'

*/

.col-bg {
    background: url(../img/categoria-descrizione-fix.png) top right no-repeat;
    padding: 0;
    border: none;
    min-height: 1000px;
    display: block;
    background-size: cover;
}

.cat-description {
    margin: 160px 70px 100px 70px;
    text-align: center;
}

span.continazione{
	line-height: 1.5;
}

.cat-description h1 {
    text-transform: uppercase;
    font-weight: 700;
}

.cat-description h1,
.cat-description #subtitcat{
	background-color: rgba(255, 255, 255, 0.3);
}

.cat-description.aperto h1,
.cat-description.aperto #subtitcat{
	background-color: rgba(255, 255, 255, 0.7);
}


.cat-description-mobile {
    margin: 80px 30px 30px 30px;
    text-align: center;
}

.btn-cat {
    margin-top: 20px;
    height: 54px;
    padding: 6px 38px;
    line-height: 44px;
}

.btn-cat a {
}

.prod-new {
    width: 60px;
    height: 24px;
    padding: 2px 14px;
    background-color: #e00c19;
    color: white;
    font-family: 'Engschrift', sans-serif;
    font-size: 15px;
    position: absolute;
    /*transform: translate(-50%, -50%);*/
    /*top: 73%;*/
    transform: translate(-50%, 0%);
    top: 3px;
}

.vuoto {
    width: 60px;
    height: 24px;
    display: inline-block;

}

.p-4 { /*text-align:center;*/

}

#openProdButton, #closeProdButton {
    float: left;
    width: 30px;
    margin-top: 420px;
    margin-left: -30px;
}

.buttonProd {
    padding: 0;
    border: none;
    background-color: #e00c19;
}

.icon-open-prod {
    background: url(../img/prodotti-open.png) top right no-repeat;
    padding: 0;
    border: none;
    display: block;
    width: 26px;
    height: 56px;
    text-align: center;
}

.icon-close-prod {
    background: url(../img/prodotti-close.png) top right no-repeat;
    padding: 0;
    border: none;
    display: block;
    width: 26px;
    height: 56px;
    text-align: center;
}

.btn-next {
    background: url(../img/next.png) top right no-repeat;
    background-color: #e00c19;
    padding: 0;
    border: none;
    display: block;
    /*width: 21px;*/
    width: 42px;
    height: 52px;
    text-align: center;
}

.btn-prev {
    background: url(../img/prev.png) top right no-repeat;
    background-color: #e00c19;
    padding: 0;
    border: none;
    display: block;
    /*width: 21px;*/
    width: 42px;
    height: 52px;
    text-align: center;
}

.btn-next-red {
    background: url(../img/next-red.png) top right no-repeat;
    margin-right: -60px;
    padding: 0;
    border: none;
    display: block;
    width: 25px;
    height: 56px;
    text-align: center;
}

.btn-prev-red {
    background: url(../img/prev-red.png) top right no-repeat;
    margin-left: -60px;
    padding: 0;
    border: none;
    display: block;
    width: 25px;
    height: 56px;
    text-align: center;
}

.carousel-control-next, .carousel-control-prev {
    /*width: 24px;*/
    width: 48px;
}

.icone {
    margin: 30px 0 0 0;
    text-align: center;
}

.icone img {
    margin-right: 20px;
    max-width: 70px;
}

.icone-top {
    text-align: center;
    margin: 40px 0 60px 0;
}

.icone > div {
    margin: 3%;
    display: inline-block;
    height: 80px;
    width: 80px;
    position: relative;
    /*overflow: hidden;*/
    /*outline: 5px solid #e2e3e5;*/ /* psk tolto perche su mozilla tuonava */
    /*background-color: #e2e3e5;*/
}

.icone > div.checked {
	/*background-color: #e00c19;*/
}

.icone img {
    position: absolute;
    top: 50%;
    left: 50%;
    /*min-width: 87px;*/
    border-radius: 0px;
    transform: translate(-50%, -50%);
}

.img-prodotto {
    mix-blend-mode: darken;
    max-width: 100%;
    height: auto;
    width: auto \9;
}

.img-prodotto-03 {
    max-width: 100%;
    height: auto;
    width: auto \9;
}

.img-prodotto-04 {
    max-width: 100%;
    height: auto;
    width: auto \9;
    position: relative;
    margin-left: 0px;
    margin-top: 120px;
    z-index: 20;
}

.img-prodotto-big {
    max-width: 100%;
    height: auto;
    width: auto \9;
    position: relative;
    margin-right: -420px;
    margin-top: 115px;
    z-index: 15;
}

.img-prod-01 {
    max-width: 110%;
    height: auto;
    width: auto \9;
    position: relative;
    right: -40px;
    left: 0;
    margin: 0;
    top: 0px;
    z-index: 15;
}

/*
.testo-overlay-red {
    width: 490px;
    height: 356px;
    display: flex;
    flex-direction: column;
    background-color: #e00c19;
    position: relative;
    margin-top: -740px;
    margin-left: 0px;
    z-index: 20;
}
*/
.testo-overlay {
    width: 625px;
    height: 570px;
    display: flex;
    background-color: rgba(57, 57, 57, 0.9);
    position: relative;
    margin-top: -430px;
    margin-left: 0px;
    z-index: 20;
    padding: 1em;

}

.testo-overlay h1, .testo-overlay-red h1 {
    color: white;
    text-align: left;
    /*margin: 0 40px; */
    vertical-align: middle;
    text-transform: uppercase;
    margin: auto 50px;
}

.testo-overlay-red p {
    color: white;
    text-align: justify;
    /*margin: 0 40px; */

    margin: auto 50px;
}

iframe {
    /*     width:693px;
         height:390px;*/
}

/* CMS PAGE */
.section_cms {
    margin-bottom: 3%;
}

.section_cms h1 {
    color: #484545;
    /*font-family: 'Engschrift', sans-serif;*/
    font-weight: 500;
    font-size: 86px;
    line-height: 1.3em;
    text-align: center;
    padding: 1em 0 1em 0;
    margin: 0;
    background-color: transparent;
}


.section_cms img {
    max-width: 100%;
    /*width: 100%;*/
}

img.responsive {
    width: 100%;
    height: auto;
}

.section_cms .col_cms {
    width: 100%;
}

/* locator mobile version */
#provinciaInput {
    z-index: 10;
}

#provinciaInput,
#regioneInput {
    /*margin-top: 10px;*/
}

#ricercaLibera,
#containerSelectLocator {
    padding-right: 10px;
}

#containerRegioneInput {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 190px;
}

.container.locator {
    width: 100%;
    clear:both;
    float:none;
    height:120px;
}


.distribuzione {
	max-width: 800px;
    padding-left: 0px;
    height: 90px;
    float:left
}
.distribuzione #containerSelectLocator{width:200px;float: left;}
/*.distribuzione #conteinrNazioneInput{width:200px;}*/

.distribuzione2 {
	max-width: 600px;
    padding-left: 0px;
    height: 90px;
    float:left
}
/*
#containerProvSel,
#containerRegioneInput {
    height: 50px;
    margin-bottom: 20px;
}
#container_radiusSelect,
#container_pulsante_locator {
    height: 50px;
    margin-bottom: 10px;
    padding-left: 0px;
}
*/

.loc_dettaglio.dealer{
    width: 120px;
    border: 1px solid #e00c19;
    text-align: center !important;
    padding: 0px 5px;
    color: #e00c19;
}
    
    


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .section_footer {
        padding: 10px 30px;
    }

    iframe {
        /*        width:100%;
                height:260px;*/
    }

}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

    /*da qui */
    /********************/
    /***  MODAL STYLE ***/
    .modal-dialog {
        z-index: 500;
        /*max-width: 900px; */
    }

    #modalIntro .modal-content {

        padding: 0 !important;
        border: none;
    }

    #modalIntro .modal-header {
        border: none;
    }

    #modalIntro .modal-body {
        text-align: center;
    }

    #modalIntro input {
        padding: 0 6px;
        line-height: 40px;
    }

    /* MODALE CERCA NEL SITO */
    #modalSearch .modal-full {
        width: 100%;
        margin: 0;
    }

    #modalSearch .modal-full .modal-content { /* min-height: 100vh;*/
    }

    #modalSearch .modal-content {
        background-color: rgba(255, 255, 255, 0.9);
    }

    #modalSearch .modal-header {
        border: none;
    }

    #modalSearch .close, #modalIntro .close {
        font-size: 40px;
        font-weight: 200;
    }

    #modalSearch .modal-body {
        min-height: 50vh;
    }

    #modalSearch input {
        font-size: 26px;
        width: 200px;
    }

    #modalSearch .btn-search {
        color: white;
        padding: 10px 30px;
    }

    .search-title h1 {
        font-size: 30px;
    }

    .modal-nwsl {
        position: relative;
        top: 20px;
        right: 20px;
        z-index: 30;
    }

    .modal-nwsl h1 {
        font-size: 24px;
    }

    #modalIntro input {
        line-height: 28px;
        width: 200px !important;
    }

    .btn-modal {
        line-height: 28px;
        height: 28px;
    }

    /* fine modal */
    /*a qui*/
    #elencoProdotti {
        padding: 20px 1%;
    }
    
    #elencoProdotti .p-4.product{
        padding: 5px !important;
    }
    
    #carouselTop .carousel-caption {
        top: 40px;

    }

    #carouselTop .carousel-caption h1 {
        font-size: 40px;
        line-height: 30px;
    }

    /*.img-prodotto-big {*/
    /*max-width: 60%;*/
    /*position: relative;*/
    /*margin-right: 10px;*/
    /*margin-top: 10px;*/
    /*z-index: 20;*/
    /*}*/
    .testo-overlay {
        width: 100%;
        height: auto;
        display: flex;
        background-color: rgba(57, 57, 57, 0.9);
        position: relative;
        margin-top: 0px;
        margin-left: 0px;
        z-index: 20;
    }

    .testo-overlay-red p {
        margin: auto 30px;
    }

    .img-prodotto-03, .img-prodotto {
        max-width: 100%;
        height: auto;
        width: auto \9;
    }

    .nav-links.active, .nav-links {
        padding: 4px;
        font-size: 12px;
    }

    .carouselGiviAltri, .carouselGiviOptional {
        padding-bottom: 0px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .icone-top {
        margin: 30px 0;
    }

    .icone-top img {
        width: 60px;
    }

    #carouselGiviBottom .carousel-item {
        margin: 0 !important;
    }

}

@media (max-width: 1200px) {

    .testo-overlay-red {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background-color: #e00c19;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        z-index: 20;
        left: 0;
    }

    .testo-overlay h1, .testo-overlay-red h1 {
        font-size: 30px;
        margin: 30px;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) and (min-width: 992px) {

    iframe {
        /*     
        	width:100%;
             height:260px;
        */
    }

    .img-prodotto-big {
        max-width: 80%;
        margin-right: -200px;
        margin-top: 80px;

    }

    #menuProdotti .menu-close, #menuGiviWorld .menu-close, #menuConfig .menu-close {
        margin-right: 30px;
    }

    #menuProdotti, #menuGiviWorld, #menuConfig {
        width: 900px;
        padding: 20px 60px 20px 20px;
        z-index: 30;
    }

    #menuConfig {
        width: 870px;
        padding: 20px 90px 20px 20px;
        z-index: 30;
    }

    .navbar-side {
        width: 920px;
    }

    .section_footer {
        padding: 20px 100px;
    }

    #carouselTop .carousel-caption {
        top: 150px;

    }

    #carouselTop .carousel-caption h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .scheda-prodotto {
        /* padding: 30px 110px 20px 50px;*/
    }
}

/*CINZIA*/

.overlay_black {
    position: absolute;
    /*display: none;*/
    height: 100%;
    width: 100%;
    z-index: 20;
    display: none;
    background-color: rgba(0, 0, 0, 0.73);
}

.menu_world_border div:last-child {
    border-right: 1px solid lightgrey;
}

.menu_world div:last-child h4 {

}

.product a {
    position: relative;
    padding: 1%;
    display: block;
    color: #666;
    transition: all .4s cubic-bezier(0.4, 0, 1, 1);
}

.product a:hover {
    color: #e00c19;
    box-shadow: 0px 0px 23px 0px #d6d6d6;
    text-shadow: grey;
}

.category-01 {
    position: relative;
    z-index: 0;
    /*background-color: white;*/
}




#menuProdotti ul li {
	line-height: 1.6;
}
#menuProdotti .category-01:before {
    content: "►";
    font-size: 10px;
    vertical-align: baseline;
    transition: all .4s ease-out;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: -1;
    color: transparent;

}

#menuProdotti .category-01:hover:before {
    left: -10px;
    color: #e00c19;
}


/*CREAZIONE CHECKBOX*/
.form-check-inline {
    overflow: hidden;
}

.form-check-label:before {
    content: '';
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    padding: 2px;
    margin-right: 5px;
    text-align: center;
    border-radius: 2px;
}

.form-check-label:after {
    overflow: hidden;
    content: '✓';
    position: absolute;
    top: 30px;
    left: 5px;
    transition: all .4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.form-check-label.checked:after {
    content: '✓';
    position: absolute;
    top: -4px;
    left: 3px;
    font-size: 20px;
}

.form-check-input {
    /*visibility: hidden;*/
    display: none;
}

section.section_cms_header{
    z-index: 0;
    position: relative;
}
    
/*movimento del cerca*/

#header_share,
#header_prefer,
#header_perlatuamoto,
#header_configuratore,
#header_search {
    background-color: #e00c19;
}
#header_share a,
#header_prefer a,
#header_perlatuamoto a,
#header_configuratore a,
#header_search a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#header_share a:before,
#header_prefer a:before,
#header_perlatuamoto a:before,
#header_configuratore a:before,
#header_search a:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 40px;
    color: white;
    position: absolute;
    /*
    height: 100%;
    width: 100%;
    */
    height: 80%;
    width: 80%;
    top: 10%;
    left: 10%;
}


#header_prefer img{    
	height: 80%;
    width: 80% !important;
    top: 10%;
    left: 10%;
    position: relative;
}
#header_prefer a:before{
    background-image: url("../img/preferiti.png");
}
#header_search a:before {
    background-image: url("../img/search.png");
    transform: rotate(90deg);
    background-size: 100%;
    background-position: 100%;
}
#header_perlatuamoto a:before{
    background-image: url("../img/Per_la_tua_moto.png");
}
#header_configuratore a:before{
    background-image: url("../img/Configura_moto.png");
}

#header_share a:before{
    background-image: url("../img/Share.png");
}

#header_share a.move:hover:before,
#header_prefer a.move:hover:before,
#header_perlatuamoto a.move:hover:before,
#header_configuratore a.move:hover:before,
#header_search a.move:hover:before {
    animation: moveArrow 750ms;
}

#header_share img,
#header_prefer img,
#header_perlatuamoto img,
#header_configuratore img,
#header_search img {
    display: none !important;
}

@keyframes moveArrow {

    0% {
        left: 10%;
        /*transform: translateX(0px);*/
    }

    49% {
        left: 100%;
        /*transform: translateX(50px);*/
    }

    50% {
        left: -100%;
        /*transform: translateX(-50px);*/
    }

    100% {
        left: 10%;
        /*transform: translateX(0px);*/
    }
}

/* NEWS */

.news__box h1 {
    margin-top: 15px;
    color: inherit;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1.3em;
    text-align: left;
}

.news__box p {
    margin-bottom: 0;
    font-size: 14px;
}

.news__box__imageblocco {
    position: relative;
}

.news__box__imageblocco p {
    background-color: #e00c19;
    display: inline;
    padding: 5%;
    line-height: 1em;
    color: white;
    position: absolute;
    width: 63px;
    height: 63px;
    font-weight: 100;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    text-align: center;
}

#dettaglio-02 {
    margin-top: 3%;
    position: relative;
}

.section_dettaglio-prodotto-02 {
    position: relative;
    z-index: 1;
}

#dettaglio-07 img {
    object-fit: scale-down;
}

@media (min-width: 900px) {
}

.riga {
    position: relative;
    clear: both;
    margin-bottom: 10px !important;
    background-color: white !important;
    height: auto !important;
}


	
.left {
    display: inline-block !important;
    position: absolute;
    height: auto;
    width: 50px;
    top: 20%;
    right: 0;
    transform: translate(-50%, 0);
}

.left img + img {
    margin-top: 10px;
}

.right {
    padding: 1em;
}

.right * {
    text-align: left !important;
    color: #454444;
}

.locator_titolo_negozio {
    text-align: left !important;
    line-height: 1em !important;
}

#dettaglio-04 p {
    color: white;
}

.changelang a {
    display: block;
    font-size: 15px;
    margin-bottom: 1em;
}

.section_slideshow_primary {
    position: relative;
    padding-top: 52.6%;
    z-index: 0;
}

/* logo per la tua moto home */
.section.zero_pltm{
	width:100%;
	height:0px;
	position:relative;
	z-index:3;
}
.section.zero_pltm #container_banner_pltm{
	position:absolute;
	top:-21vw;
	right:50px;
}
.section.zero_pltm #container_banner_pltm img{
	width:28vw;
	height:auto;
}


@media (min-width: 768px) and (max-width: 992px) {
	.section.zero_pltm #container_banner_pltm{
		top:-28vw;
	}
	.section.zero_pltm #container_banner_pltm img{
		width:35vw;
	}
}
	
@media (max-width: 768px) {
	.section.zero_pltm #container_banner_pltm,	
	.section.zero_pltm{display:none;}
	
}

	


.section_slideshow_primary .carousel-indicators li{cursor:pointer;}
	
.section_slideshow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.section_slideshow_secondary {
    position: relative;
    /*height: 897px;*/
    background-color: inherit;
    margin-top: 0%;
    z-index: 1; /* psk: con z-index -1 poi lo slider ed il link non funziona !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
    overflow:hidden;
}


.section_slideshow_secondary > div {
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: auto;
}

.section_slideshow_secondary img {
    height: 100%;
    margin: 0 auto;
}


	

.product {
    width: 17vmax;
    margin: 1vmax;
}

.cm-base-header {
    overflow: visible;
    position: relative;
    z-index: 10;
    /*padding-top: 56.25%;*/
    padding-top: 47.25%;
}

.cm-base-header img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

@media (max-width: 768px) {
    .product {
        width: 18vh;
    }

    .cm-base-header {
        padding-top: 75%;
    }
}


/* FULL PAGE PER EVITARE max-with container */
.full-page {
    width: 100%;
    max-width: 100%;
}

.full-page > div {
    display: inherit;
}

.full-page .container-fluid.container_map{padding:0;}



/* BREADCRUMBS */
#container_breadcrumbs{display:none;}
#container_breadcrumbs{
		position:fixed;
		bottom:0px;
		left:0px;
		z-index:9000;
}
img#link_breadcrumbs_open{float:left;z-index:9000;cursor:pointer;height:40px;width:auto;}
img#link_breadcrumbs_close{padding-left:8px;cursor:pointer;height:40px;width:auto;}
	
#fascia_breadcrumbs{display:block;float:left;z-index:9999;height:40px; padding-left:10px; background-color:white;color:#413f40;text-transform:uppercase;font-size: 0.8rem;}
#fascia_breadcrumbs .seiqui{font-weight:bold;display:inline-block;text-transform:uppercase;padding-right:5px;}
#fascia_breadcrumbs .bread_separatiore{display:inline-block;padding-right:3px;padding-left:3px;}

#fascia_breadcrumbs a,
#fascia_breadcrumbs a:link,
#fascia_breadcrumbs a:hover,
#fascia_breadcrumbs a:visited{color:#413f40;}



@media (min-width: 1200px) {
	#container_breadcrumbs{
		display:block;
	}
}

#blk2_panel_config {
     position: relative;
    height: 100%;
}

#blk2_panel_config .row {
    height: 100% !important;
}

.icon-open-popup {
    position: relative;
}

.carattaristiche_blocco {
    z-index: 1000000;
    /*display: none;*/
}

.carattaristiche_blocco div {
    display: inline-block;
    position: absolute;
    height: 0;
    /*width: 80vw;*/
    width: 100vw;
    top: 0;
    left: 0;
    transition: all .3s cubic-bezier(0.4, 0, 1, 1);
    list-style: none;
    padding: 0;
}

.carattaristiche_blocco * {
    display: none;
    transition: all .3s cubic-bezier(0.4, 0, 1, 1);
}

.carattaristiche_blocco.show {
    background-color: rgba(0, 0, 0, 0.48);
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
}

.carattaristiche_blocco.show div{
    background-color: white;
    height: 90vh;
    width: 90vw;
    margin: 5vh 5vw;
    overflow-y: hidden;
}

.carattaristiche_blocco.show * {
    display: inline-block;
}

.carattaristiche_blocco.show div:after {
    content: "\2715";
    font-size: 25px;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.carattaristiche_blocco.show {
    overflow: hidden;
}

.carattaristiche_blocco.show ul  {
    overflow-y: scroll;
    height: calc(100% - 5em);
    padding: 0;
}

.carattaristiche_blocco.show li {
    height: auto;
    width: 15vmin;
    /*background-color: red;*/
    margin: 2% 1%;
    display: inline-block;
    vertical-align: top;
}

.icon-open-popup a {
    position: relative;
}

.carattaristiche_blocco ul img {
    position: relative;
    width: 100%;
    margin: 0;
    left: 0;
    top: 0;
    transform: none;
}

.carattaristiche_blocco ul {
    width: 100%;
    height: 100%;
}

.carattaristiche_blocco h1 {
    display: none;
    width: 100%;
    margin: 3% 0;
    font-size: 30px;
    font-weight: 200;
    /*display: block;*/
}

.carattaristiche_blocco p {
    line-height: 1em;
    margin-top: 10%;
}