.container-full{width:100%;}
.grey {background-color: #f5f5f5;}

.container-full.conntenitoreprofilo{}

#register input{border:1px rgb(238,238,238) solid !important;}


.scelta_plus{
	padding: 10px 20px;
	margin: 5px 10px;
	border:1px solid #CDCDCD;
} 
.scelta_plus .scelta_catalogo{}
.scelta_plus .scelta_pltm{}


#profile .title-h1{color:#ef181b;}

.my-profile-header-section{margin-bottom:75px;}

#profile .section_cms h1 {padding: 40px 0 20px 0;}

/* CONFIG MENU */
#profile #profile_config {position:absolute;bottom: -18px;right: 150px;text-align: right;}
#profile #profile_config img {cursor:pointer;}

/*#profile #profile_config */
#menu_profilo{
	position: absolute;
    top: 22vW;
    right: 165px;
    border: 1px solid #dedede;
    padding: 15px;
    background-color: #f5f5f5;
    z-index:999999;
}
#menu_profilo ul{ list-style-type:none;}
#menu_profilo ul li{}
#menu_profilo ul li:hover{ color:#e00c19;}

#menu_profilo .m_sel{color:#ef181b;}

/* LOGIN PAGE */
body#profile.NotLogged{
		background: url("../img/defaults/bg_login_page.jpg");
	    background-size: 100% auto;    
    	background-position: center top;
    	background-repeat: no-repeat !important;
}
body#profile.NotLogged .marginaTitolo {padding-top: 8%;}
body#profile.NotLogged .col-xs-12.col_cms{	background-color:white;}
body#profile.NotLogged .section_cms h1 {padding: 40px 0 5px 0;color:#ef181b;line-height: 0.6;font-size:76px;}
body#profile.NotLogged #contenitore-login {margin-top:30px;margin-bottom:20px}

#login-form{max-width:60%;margin:8px auto 0 auto !important;}

@media (max-width:992px){
	#login-form{max-width:80%;}
	body#profile.NotLogged .section_cms h1 {padding: 30px 0 5px 0;font-size:40px;}
}


.product_list_item.wishlist .btn_logged{margin-top: 15px;font-size:15px;cursor:pointer;}
.product_list_item.wishlist .btn_logged span.notingarage{display:inline-block;padding-left:8px;}
.product_list_item.wishlist .btn_logged:hover{color:#ef181b}
    
.product_list_item.wishlist .btn_logged img{
	width:40px !important;
	height:auto !important;
}

.product_list_item.wishlist .btn_logged:hover img{
	transform: scale(1.2);
}


/* FORM INPUT */
input[type=password], 
input[type=text] {
	/*padding:1em .5em !important;*/
	background-color: #ffffff !important;
}
#modalProfiloFoto input[type=file]{
	margin:20px auto;
    font-size: 28px;
    border-bottom: 0px solid #818080;	
    width:auto;
}

/*MESSAGGI FORM LOGIN / REGISTRAZIONE*/
#form_login .msg_login {
    text-align: center;
    background-color: #dedede;
    padding: 7px 0;
    font-weight: bold;
}
    
.response-register.error{
	text-align: center;
	color:#ef181b;
    background-color: #dedede;
    padding: 7px 0;
    font-weight: bold;
}


/* MODALE IMMAGINI */
#mod_profile_image{width:100%;float:none;margin-bottom:30px;}
#mod_profile_image img{width:200px;height:200px;}

/* MODALE IMMAGINI */
#modalProfiloTestata .search-title{margin: 2% 0 0;}

#modalProfiloTestata input{
	padding: 6px 0;
	margin: 20px 6px 0px;
}
#modalProfiloTestata .single_testata{ margin-bottom: 15px; padding: 0 10px 7px 10px;text-align:center;}
#modalProfiloTestata .single_testata div{border:1px solid #DEDEDE;padding: 0 12px 12px 12px;}
#modalProfiloTestata .single_testata.checked div{border:1px solid #ef181b;}



/* MODALE REG PRODOTTO */
#modalProfiloRegistraProdotto .modal-content{
	background-color:#f6f6f6 !important;
	background: url("../img/dashboard/bg_MyGarage_GIVI.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat !important;
}

#modalProfiloRegistraProdotto .modal-content .block_interna{
	margin: 4.5% 0 2%;
}
#modalProfiloRegistraProdotto .modal-content .block_interna .search-title{
	margin: 60px 0 30px; 
	text-transform: none !important;
	font-weight:bold;
}
    
#modalProfiloRegistraProdotto .modal-content .block_interna .search-title .title-h1{text-transform: none !important;}


#modalProfiloRegistraProdotto .modal-content .block_interna .scelta_plus{background-color:white;}
#modalProfiloRegistraProdotto .modal-content .block_interna .scelta_plus .scelta_plus_txt{font-weight:bold;max-width:90%;margin:1px auto;text-align:center;}

#modalProfiloRegistraProdotto .modal-content .btn-back, 
#modalProfiloRegistraProdotto .modal-content .btn-red {
    padding: 0.5em 1.2em;
}



/* POPUP INVIO EMAIL WISHLIST DA DASHBOARD*/
.red {color: #e1001a !important;}
.grey {color: #575656 !important;}
.bg_red {background-color: #e1001a !important;}
.bg_grey {background-color: #575656 !important;}
.bg_grey:hover {color: #bcbbbb !important;}
.btn:focus, .btn:hover {text-decoration: none;}



/* page preloader
/* ------------------------ */

.page-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(255, 255, 255, .6) url('../a/img/loader.gif') center no-repeat;
    display: none;
}

@media print {
    .page-preloader {
        display: none !important;
    }
}


.form-errors {display: none;color: #c00;font-weight: bold;font-size: 18px;padding-top: 10px}
.form-confirm {display: none;background-color: #fff;box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.05);padding: 60px 20px;clear: both;}
.popup-confirm:hover {color: #575656;}

#popup-confirm-modal {padding: 40px;font-size: 24px;line-height: 1.5;text-align: center;display: none;}
#popup-confirm-modal .btn-popup {
    font-size: 20px;line-height: 1.5;display: inline-block;color: #fff;
    padding: 6px 15px;background: #3d3d3d;text-decoration: none;text-transform: uppercase;
}
#popup-confirm-modal .btn-popup-yes {background: #e1001a;}
#popup-confirm-modal .fancybox-skin {box-shadow: none;border-radius: 0;}


    
body#profile #popup_unsubscribe #form_unsubscribe .btn,
body#profile #popup #form .btn {
    display: inline-block;
    color: white;
    padding: 0.5em 1em;
    font-size: 18px;
    text-decoration: none;
    border: none;
    margin-top:20px;
}

body#profile #popup_unsubscribe #form_unsubscribe #form_title_unsubscribe,
body#profile #popup #form #form_title {
    text-align: center;
    font-weight: 800;
    padding: 10px;
    font-size:33px;
}

body#profile #popup .blocchetto_privacy span{
    font-size: 16px !important;
    line-height: 1;
    display: inline-block;
    width: calc(100% - 120px);
    margin-left: 20px;
}

body#profile #popup_unsubscribe,
body#profile #popup {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    display: none;
}
body#profile #veil_unsubscribe,
body#profile #veil {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
}

body#profile #veil_unsubscribe {
    background-color: rgba(255, 255, 255, 0.95);
}

body#profile #form_unsubscribe,
body#profile #form {
    padding: 0 25%;
    width: 100%;
    top: -50%;
    position: absolute;
}

body#profile #popup_unsubscribe #form_unsubscribe,
body#profile #popup #form{padding: 0 10%;}

body#profile #form_wrapper_unsubscribe,
body#profile #form_wrapper {
    background-color: #fff;
    box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.05);
    padding: 20px;
    clear: both;
}
body#profile #form input[type=text] {
    height: 60px;
    border: 1px grey solid;
    width: 42%;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 0.8em;
}
body#profile #form input.required[type=text] {
    border: 1px #e1001a solid;
}
body#profile #form #form_title {
    text-align: center;
    font-weight: 800;
    padding: 10px;
}

body#profile #form_unsubscribe #close_unsubscribe,
body#profile #form #close {
    margin-bottom: 10px;
    float: right;
    width: 25px;
    height: 25px;
    background: #e1001a url("../a/img/icon_x.png") center no-repeat;
    padding: 10px;
}
body#profile #form .input-checkbox {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../a/img/input-checkbox.png') left top no-repeat;
    margin-right: 10px;
    cursor: pointer;
}
body#profile #form .input-checkbox.checked {
    background-position: left bottom;
}
body#profile #form .privacy-checkbox{
    display:inline-block;
    width:24px;
    height:24px;
    background:url('../a/img/input-checkbox.png') left top no-repeat;
    margin-right:10px;
    cursor:pointer;
}
body#profile #form .privacy-checkbox.checked{
    background-position:left bottom;
}







@media(max-width:992px){
	#modalProfiloRegistraProdotto .modal-content{
		background: url("../img/dashboard/bg_MyGarage_mob_GIVI.jpg");
	    background-size: 100% auto;    
	}
}



/* CAMBIO IMMAGINE TESTATA */
#profile #chg_testata{
    position: absolute;
    bottom: 0px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    border:0px solid red;
	background: #FFF; 
  	opacity: 0.8;
  	z-index: 99999;

 	width: 120px;
 	left: calc(50% - 60px);
 	text-align:center;
 	padding:3px 0;
 	
 	/*
    padding-left: 2px;
    padding-right: 30px;
 	
 	left: 0px;
 	font-size: 36px;
 	min-height:40px;
 	background: linear-gradient(45deg, white 0%, white 50%, transparent 50%);
 	*/   
}
#profile #chg_testata a{
	color:#ef181b;
	cursor: pointer;    
	display: inline-block;
    position: relative;
    left: auto;
    right: auto;
    /*
    bottom: -7px;
    
    
	transform: rotate(-90deg);
  	-webkit-transform: rotate(-90deg);
  	-moz-transform: rotate(-90deg);
  	-ms-transform: rotate(-90deg);
  	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	*/	
}

.thumb_img_testata{width:100%;height:auto;}

#chg_testata img.img_mod{width:27px;height:auto;}
#profile_image img.img_mod{width:28px;height:auto;bottom: -8px;position: relative;}
  
    


/* FOTO PROFILO */
#profile #upload_profile_image{width:100%;text-align:center;}
#profile #profile_image{position:absolute;bottom:-60px;left:60px;}
#profile #profile_name {display:inline-block;text-transform:uppercase; color:white;font-weight:bold;font-size:26px;top:-20px;position:relative;left:15px;}


#modalProfiloFoto .btn-red.disabled{
	background-color: #666;
    text-decoration: none;
    cursor: default;
}
#modalProfiloFoto .btn-red.disabled:before{
	content: "";
    transition: none;
    transform: translate(0%, 0%);
}

/* PROFILE IMMAGINE DEFAULT */
#profile_image{position:relative;}
#profile_image img{
	width:120px;
	height:120px;
	border-radius: 50%;
	border:3px solid white;
	object-fit: cover;
	
    margin-top: 0;
    padding-top: 0;
    line-height: 0px;
   	
}

/* PROFILE IMMAGINE CON PULSANTI MODIFICA */
#profile #chg_img{
	width:120px;
	position:absolute;bottom: 0px;left: 0px;padding-left:45px;font-size: 36px;
	color:#ef181b;font-weight:bold;cursor:pointer;background-color:#FFF;opacity:0.8;
	line-height: 30px;
}
#profile #chg_img a{
	display:inline-block;
	color:#ef181b; 
	bottom: 12px;
    position: relative;
   }




#mod_img-profile{
	width:120px;
	height:120px;
	border-radius: 50%;
	border:3px solid white;
	object-fit: cover;
}




/* BACK */
#profile .back {
    position: absolute;
    top: 0;
    left: 25px;
    color: #e00c19;
    font-weight: normal;
	font-size:14px;    
	z-index:0;
}

/* VIDEO INTRO */
#profile .video-background-profile{
	width:100%;
	margin:100px auto 40px auto;
	text-align:center;
	margin-bottom:40px;
}

.list_tabs_video{width:100%;margin:0px 0 60px 0;text-align:center;}
.list_tabs_video .single_tab_video{display:inline-block;margin:0px 20px 10px 20px;padding:5px 20px;background-color:#e00c19;color:white;text-align:center;}
.list_tabs_video .single_tab_video a{color:white;}
                

/* CLOSE BUTTONS SEZIONI A COMPARSA DA MENU CONFIG*/
/*#profile .close{position:absolute;top:0;right:10px;color:#e00c19;font-weight:bold;cursor:pointer; }*/


/* MSG RISPOSTA SEZIONI A COMPARSA DA MENU CONFIG */
.profile_answer{width:100%;text-align:center;padding:8px;color:#e00c19;    background-color: #dedede;    font-weight: bold;} 
/* PROFILE FORM DATA */
#view_user_chgpsw_title,
#view_user_data_title{position:relative;
text-align:center;cursor:pointer;text-transform:uppercase;color: #e00c19;margin-bottom:8px;
}


/* SEZIONI TOGGLE FISSE */
.profile-section{width:100%;margin-bottom:50px;}
.profile-section .profile-section-intro{width:100%; background-color:#e00c19;color:white;text-align:center;padding:3px 50px;position:relative;cursor:pointer;}
.profile-section .profile-section-content{display:none;}
.profile-section .profile-section-content.opened{display:block;}

.profile-section .profile-section-intro .freccina{
    position: absolute;
    left: 25px;
    top: 0;
    border: 0px solid white;
    width: 40px;
    height: 30px;
}
.freccina:before,
.freccina:after {
	content: ' ';
    position: absolute;
    top: 14px;
    height: 3px;
    width: 20px;
    background: #fff;
}
.freccina:before {
  left: 0;
  transform: skew(0deg, 30deg);
}
.freccina:after {
    right: 0;
    width: 20px;
    transform: skew(0deg, -30deg);
}

.freccina.close:before {
    transform: skew(0deg, -30deg);
}
.freccina.close:after {
  transform: skew(0deg, 30deg);
}

/* SEZIONE BG FRECCIA GRIGIA */
.bg_freccia_grigia {
    margin-bottom: 3%;
    padding-bottom: 2%;
    background-color: #ffffff;
    background-image: url(../img/bg_mondo_freccia_news.jpg);
    background-size: 100% 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    text-align:center;
}

.potrebbeinteressare .prof_tit,
.bg_freccia_grigia .prof_tit{
	font-weight:bold;
	font-family: Engschrift, sans-serif;
    font-size: 1.3em;
    text-align:center;
}
.bg_freccia_grigia .prof_txt{}
.bg_freccia_grigia .prof_btn{
	display: inline-block;
    background-color: #e00c19;
    color: #fff;
    padding: 2px 35px;
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    cursor:pointer;
}


/* SLIDER POTREBBE INTERESSARE */

.potrebbeinteressare .listinteressi{text-align:center;margin:25px auto;}


/* SLIDER IMMAGINI DEAFULT POI GESTITO VIA JS */
.cont-gallery-fullwidth{   width: 100%;}
.carousel-givi-item{position:relative;}
.carousel-givi-item img{height:320px; max-height: 70vw;  width:auto;}
.carousel-givi-item .cod_pro_pi{
	width:100%;
	border:2px solid white;
	position:absolute;
	bottom:5px;
	font-weight:bold;
	background-color:white;
	opacity: 0.75;
	text-align:center;
	}

/* slider immagini deafult poi gestito via js */
.container-gallery-app {
    width: 100%;
    max-width: 86vw;
    /*max-width:750px;*/
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto;
    margin-bottom:20px;
}
.carousel-givi-item{float:left;margin-right:2px;}
.row.cont-gallery-head {margin-top: 10vh;}
/* scrollbar */
.container-gallery-app::-webkit-scrollbar {width: 0px;display:none;}
.container-gallery-app::-webkit-scrollbar-track {background: #fff;}
.container-gallery-app::-webkit-scrollbar-thumb {background: #fff;}
.container-gallery-app::-webkit-scrollbar-thumb:hover {background: #fff;}


.container-gallery-app .slick-arrow{
	cursor:pointer;
}
.container-gallery-app .slick-prev-new.slick-arrow{
    left: 40px;
}
.container-gallery-app .slick-next-new.slick-arrow{
	right: 40px;
}









/*
.potrebbeinteressare .listinteressi .product_thumb{display:inline-block;width:20%;margin-right:10px;}
.potrebbeinteressare .listinteressi .product_thumb img{width:100%;height:auto;}

.slick-slide{height: 100%;}
.potrebbeinteressare .listinteressi .product_thumb {
    float: left;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    border: 2px solid black;
}

.potrebbeinteressare .listinteressi .product_thumb img{width:100%;height:auto;}
*/

/*
.potrebbeinteressare .listinteressi .product_thumb{display:table;width:20%;margin-right:10px;}
.potrebbeinteressare .listinteressi .product_thumb img{width:100%;height:auto;}
.potrebbeinteressare .listinteressi .product_thumb a{
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
}
*/


/* SEZIONE MOTO */
.prof_descr_moto{display:block;text-align:center;position:relative;top:-32px;}

.blk_prod_reg,
.prof-lista-moto{margin:0 auto;}

.prof-scheda-moto{
	border:0px solid #ef181b;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	padding: 0 5px;
}
.prof-scheda-moto .prof-scheda-moto-int{
	background-color:white;
}
.prof-scheda-moto .prof-scheda-moto-int a{display:block;}

.prof-lista-moto img{max-width:500px;}


.cont_prod_reg{
	background-color:white;
	padding:5px;
	margin:2px 5px;
	position:relative;
}

.prof-scheda-moto .delete,
.cont_prod_reg .delete{
	position:absolute;
	top:6px;
	right:6px;
	width:20px;
	height:20px;
	cursor:pointer;
}

.prof-scheda-moto .delete{
	top:8px;
	right:12px;
}




.cont_prod_reg{
	font-family: Engschrift, sans-serif;
    font-size: 18px;
    text-align:center;
    position:relative;
    padding-bottom:60px;
}
.cont_prod_reg .est_gar_code{
	text-align:center;
	font-size: 1.2rem;
	padding: 0 15px;
	padding-top:5px;
	line-height: 1;
	min-height: 3rem;
}
.cont_prod_reg .est_gar{
	color:#ef181b;
	margin-top:5px;
	padding:2px 7px;
	position:absolute;
    bottom:5px;
    text-align:center;	
    width: 100%;
}
.cont_prod_reg .btn-red{
	padding: 5px 7px;	
}
.cont_prod_reg .btn-red:hover:before {
    left: 5px;
    top: 4px;
}

	
	
.cont_prod_reg .est_gar.bgred{
	font-weight:bold;
	/*background-color:#ef181b;
	color:#fff;*/
}


img.detail_registration_prod{
	width:92%;
	padding-left:4%;
	max-width:40px;
	height:auto;
	position: absolute;
	bottom: 6px;
	right:5px;
}

/* SEZIONE WISHLIST */
/* page list*/

.list_navibar {
    margin-top: 30px;
    text-align: center;
}

#list_container {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    
    /*width: 80%;*/
    /*padding-left: 10%;*/
    /*padding-right:20%;*/
    margin-top: 40px;
    /*height:50vh;*/
    /*overflow:scroll;*/
}

.product_list_item {
    font-size: 17px;
    background-color: #fff;
    margin-bottom: 25px;
    position: relative;
    clear: both;
    float: left;
    width: 96%;
    padding: 2%;
    box-shadow: 2px 1px 8px #ddd;
}

.list_navibar{margin:0 auto;text-align:center;}
.list_navibar .btn-red{
	padding: 5px 7px;
	margin: 0 5px;
	min-width: 125px;
}
    
.product_list_item img {
    display: block;
    float: left;
    width: 150px;
    height: auto;
}

.icon_close {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url("../a/img/icon_x.png") center no-repeat;
    right: 10px;
    top: 10px;
    color: #fff;
}

.product_list_item h4 {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 20px;
}

.product_list_item .txt {
    float: left;
    margin-left: 30px;
    width: 60%;
}

.product_list_item .desc {

}

.product_list_item .price {
    font-weight: 700;
}
.bg_red {
    background-color: #e1001a !important;
}



/* SEZIONE CATALOGHI */
.profile-section .profile-section-content .cont-cat{
	text-align:center;
}
.profile-section .profile-section-content .cont-cat img{
	max-width:200px;
	text-align:center;
}
.profile-section .profile-section-content .cont-cat .tit_menu_h4{
	text-align:center;
	text-transform:uppercase;
}

@media (max-width:992px){
	
	#profile .video-background{width:100%;}
	
	#profile #profile_image {left: 20px !important;bottom: -40px;}
	#img-profile{width:80px !important;height:80px !important;}
	#profile #profile_config {right: 10px;}
	.testata{padding-top:65px;}
	
	#profile #profile_name {font-size: 22px;top: -10px;left: 5px;}
	
	#profile .video-background-profile {width: 75%;}
	#profile section.section_cms_header {z-index: 1;}
	
	/* sezione moto */
	.container.blk_prod_reg{margin-top:40px;}
	
	img.detail_registration_prod{
	    width: 100%;
	    padding-left: 4%;
	    position: relative;
	    bottom: 0px;
	    right: 8px;
    }

	
	/* modali */
	.search-title h1, .search-title div.title-h1 {font-size: 36px;}
	#modalProfiloFoto input[type=file] {font-size: 20px;}
	.btn-back, .btn-red {padding: 8px 2em;}
	
	
}

@media (max-width:768px){
	.container.blk_prod_reg .cont_prod_reg{margin-top:25px;}
}
