@charset "UTF-8";

/* CSS Document */

/* home */

.box_marketplace_info p {font-size:14px;}

	.marketplace_intro h1 {color:#003a7d; text-transform: uppercase; margin: 30px 0; }
	.marketplace_intro p {font-size:20px; margin-bottom: 30px}
	.marketplace_link ul li a { background: #d3d3d3; color:#333; font-size:28px; border-radius: 30px; padding:15px 40px;transition:all .3s; }	
	.marketplace_link ul {list-style-type: none; margin: 20px 0; padding-left: 0}	
	.marketplace_link ul li {display: inline-block}	
	.marketplace_link ul li:nth-child(2) {margin-left: 30px}
	.marketplace_link ul li a {font-size:24px; font-weight: bold; color:#333}
	.marketplace_link h2 {font-size:28px; color:#333;}
	
	.marketplace_link ul li a:hover {text-decoration: none; color:#fff; background: #333; transition:all .3s;}
	
	.go_to_section img {height: 550px; object-fit: cover; object-position: center; position: relative;}
	.go_to_section h3 {position: absolute; left:35px; top:20px; font-size:24px; color:#fff; text-transform: uppercase; }
	
	.go_to_section h2 {font-size:24px; color:#333; margin: 40px 0 30px 0; font-weight: bold}
	.go_to_section {margin-bottom: 30px}
	
	
	
	.image_link_marketplace {overflow: hidden;  transition: all .3s;}
	.image_link_marketplace:hover img {transform: scale(1.05); transition: all .3s;}

/* backend 2*/

.image_list {padding-left: 0;}
.image_element {display: inline-block; margin-bottom:10px; width:33.333%; float: left; padding-right:30px; position: relative}

.delete_image {font-weight: 500; text-transform: uppercase; margin-top: 10px; cursor: pointer; position: relative;top:0px; left: 5px;}

.sp_marketplace {margin-top: 30px}

		.container_backend form input, .container_backend label, .container_backend form textarea, .container_backend form select  {width:100%}
	.container_backend form input, .container_backend form textarea, .container_backend form select {background: #f2f2f2; padding: 15px 20px; border:0; margin-bottom: 15px}
	.container_backend form textarea {min-height: 240px}
	.container_backend label {font-weight:500; font-size:18px}
	.submit_annuncio, .chiudi_annuncio {width:240px !important; background:#003a7d !important; color:white; float: right}
		
.chiudi_annuncio {background: #f2f2f2 !important; color:#333; margin-right: 30px}

		.aggiungi_annuncio {background: #f2f2f2; color:#333; text-decoration: none; font-size: 24px; font-weight: bold; border-radius: 30px; padding:15px 30px; transition: all .3s;}

.aggiungi_annuncio:hover {background: #333; color:#fff;  transition: all .3s; text-decoration: none}
		.container_backend { margin-top: 30px; min-height: 300px}
		.lista_annunci h2 { font-size:22px; margin-top: 50px}
		.row_annunci_title, .lista_messaggi_row h3  {font-size:22px; font-weight: 600}
		.row_annunci_icon {width:25px; float: left}
		.row_annunci_icon svg {width: 20px; height: auto; margin-top: 5px}
		.row_annunci_title {width:calc(90% - 25px); float: left}
		.row_annunci_data {width:50%;font-size:16px; padding-left: 25px;  float: left}
		.row_annunci_mail {width:10%; float: left; padding-top:10px}
		.row_annunci_link {width:50%; text-align:right; float: left}
		.row_annunci_mail svg {width:20px; position: relative; top:2px; margin-right: 7.5px;  float: left}
	
		.row_annunci_link a {font-size:14px; color:#333; padding:0 5px}
		.row_annunci_link a {text-decoration: underline; font-weight: 600}
		.row_annunci {overflow: auto; padding:5px 0 15px 0; border-bottom: 2px solid #333; clear: both; width: 100%}
		.lista_messaggi_header {width: 100%;overflow: auto; background: #333; color:#fff; clear: both; padding: 10px; margin-bottom: 0}
		.lista_messaggi_header h2 {font-size:22px; margin-bottom: 0;  width: 75%; float: left}
		.lista_messaggi_header a {font-size:16px; color:#fff; width: 25%; text-align: right; text-decoration: underline; float: left}
		.lista_messaggi_row p {font-size:14px; margin-bottom: 0;}
		
		.lista_messaggi_row {padding: 15px}
		
		.lista_messaggi_body .lista_messaggi_row:nth-child(even) {background: #f2f2f2;}
		.lista_messaggi_row a {font-weight: 600; text-decoration: underline; font-size:14px; color:#333}

/* backend */



/* archive */

		
		
		.box_marketplace_header {padding: 15px; 	background: #f2f2f2; min-height: 160px; border-bottom: 1px solid #fff}
		.box_marketplace {margin: 0; padding: 5px;  }
		
		.magnifying svg {width: 100%; height: 100%; object-fit: contain;
		object-position: center}
		
		.magnifying {width:35px; height:35px; position: absolute; left: 10px; bottom:10px; border-radius:100%; background: rgba(255,255,255,.75); padding: 10px; display: flex; cursor: pointer}
		.box_marketplace_image {position: relative}
		.box_marketplace_form, .box_marketplace_front, .box_marketplace_info {
			padding: 15px; 
			  position: absolute;
			top:0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
			height: 500px;
		}


.box_marketplace_form {width: 97%;top:auto; bottom:0}

		
		.box_marketplace_info {padding-top: 40px}
		
		.box_marketplace_image_big {position: fixed; top:0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none}	
	
		.box_marketplace_image_big.box_marketplace_image_big_visible {opacity: 1; pointer-events: auto; z-index: 999999999}
		
		.box_marketplace_image_big .swiper-slide {width:100% !important; display: flex; justify-content: center; align-items: center}
		
		.box_marketplace_image_big .swiper-slide img {width: 80%; height:80%; object-fit: cover; object-position: center}
		
	.box_marketplace_inner {
		background: #f2f2f2; 	
  position: relative;
  width: 100%;
  height: 500px;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}	
		
		
		
		.box_marketplace_form_active .box_marketplace_inner, .box_marketplace_info_active .box_marketplace_inner { transform: rotateY(180deg);   }
.box_marketplace_form_active .box_marketplace_form {  -webkit-backface-visibility: visible;
    backface-visibility: visible; pointer-events: all }

	.box_marketplace_info_active .box_marketplace_info, .box_marketplace_form_active .box_marketplace_form {transform:opacity .5s; opacity: 1;z-index: 99999}
	.box_marketplace_form, .box_marketplace_info {opacity: 0; pointer-events: none }

.box_marketplace_form_active .box_marketplace_inner, .box_marketplace_form_active .box_marketplace_header {pointer-events: none}



	.box_marketplace_info_active .box_marketplace_front, .box_marketplace_form_active .box_marketplace_info {pointer-events: none}
		.box_marketplace_info, .box_marketplace_form {background: #f2f2f2; }
		

.box_marketplace_form_active .box_marketplace_form {z-index: 9999999 !important}

.box_marketplace_form_active .box_marketplace_front {z-index: 99}

		.box_marketplace_image .swiper-wrapper {z-index: 0; width:100%; overflow: hidden}
.marketplace_codice_box {font-weight:600; font-size:16px;}
		.marketplace_category_link {color:#003a7d; text-transform: uppercase}
		.marketplace_title_box {color:#333; font-size:26px; }
		.box_marketplace_text p {margin-bottom: 0; font-size:18px}
		.blue {color:#003a7d; font-weight: 500}
		.link_box_marketplace {font-weight: 600; text-decoration: underline; font-size:14px !important; margin: 15px 0 }
		.mySwiper_marketplace img {height: 185px; width:100%; object-fit: cover; object-position: center}
		.box_marketplace .swiper {margin: 15px 0; width:100%;}
		.form_column_main input, .form_column_main textarea {width: 100%; font-size:15px; padding:10px 5px;border:0; margin: 5px 0}
		.form_column_main textarea  {height: 200px}
		.submit_box_marketplace {width: 50%;  float: left; color:#fff; padding:10px 5px; text-transform: uppercase; background: #003a7d; text-align: center}
		.box_marketplace .consenso {width: 50%; float: left}
		.marketplace_bottom_links svg {width:22.5px; fill:#003a7d; position: relative; top:-3px}
		.marketplace_bottom_links a {color:#003a7d;font-weight: 500; text-transform: uppercase; padding: 15px; }
		.marketplace_bottom_links ul {margin-top: 35px; list-style-type: none; text-align: right; padding-left: 0;}
		.marketplace_bottom_links ul li {display:inline-block}
		.box_marketplace_close i {float:right; font-size:32px; color:#003a7d; cursor: pointer}
		.box_marketplace_close {width: 100%; clear: both; position: absolute; top:10px; right: 10px; overflow: auto; margin-bottom: 15px}
		.submit_box_marketplace {border:0 !important}
.box_marketplace {min-height:670px}
		.link_box_marketplace:hover {cursor: pointer}
		.marketplace_info svg {margin-right: 10px}
		.marketplace_info:hover { text-decoration: none; color:#f9ad09 }
		.marketplace_info:hover svg {fill:#f9ad09 }
		.box_marketplace_image_big .swiper {width: 100%; height: 100%; background: #003a7d; z-index: 99}
		.container_archive_marketplace {}
.info_form {margin-top: 30px;}		

.box_marketplace_image_big_close { position: absolute;z-index: 999; cursor: pointer;top:50px; right:50px; color:#ffffff}
.box_marketplace_image_big_close i { font-size:42px; color:#ffffff}

.swiper-button-next-mb {
	    background-image: none !important;
	
}

.swiper-button-next-mb i {font-size:42px; color:#fff}

		.box_marketplace_image_big .swiper-slide{width: 100%;}
		
		.mySwiper_marketplace_big {width:100%; height: 100%}
@media screen and (max-width: 1200px) {
  .container_archive_marketplace {
    max-width:95%
  }
	

}
@media screen and (max-width: 992px) {
		.sp_marketplace, .marketplace_intro {
    margin-top: 65px;
}
}

@media screen and (max-width: 767px) {
	
	.aggiungi_annuncio {    font-size: 20px;}
	
	.marketplace_intro p {
		font-size: 16px; }
	
	
	.marketplace_intro h1 {font-size:26px}
	
		.sp_marketplace {
    margin-top: 35px;
}
	
	.menu_hidden {

		height: calc(100% - 107px);}
	
	.go_to_section img {
    height: 400px;
    margin-bottom: 20px
}

	.chiudi_annuncio {

    margin-right: 0 !important;
}
	
	.marketplace_link ul li:nth-child(2) {
    margin-left: 0;
		margin-top: 40px
}
	
	.marketplace_intro {margin-top: 30px}
	.marketplace_link ul li a {
    font-size: 16px;
	}
	
}