/**************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: Creative Commons
/*
/**************************************************************************************/

/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700,700i');*/

* {
	box-sizing: border-box;
}

.hide{
	display:none
}

body, h4 {
  font-family: "Ubuntu", Arial, sans-serif;
	
}

body {
  background-color: #57C5CA;
  background-image:  none !important;
  margin: 0;
  padding: 0;
  padding-right:0 !important; /* inserita questa riga perchè altrimenti quando premo su #mymodal compare un padding 17px.*/
}

/* quando una modal è aperta, il body sotto non scrolla*/
body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}


.gbs3{
	/* codie per windows edge*/
	width:100%;
}

form {
	margin: 0 !important;
}

h4 {
	font-size: 20px;
	color: #3f4551;
}

/*
.fa, .fas {
	font-size: 20px;
	color: #3f4551;
}*/

/*a:link, a:active,, a:hover, a:visited, a:focus {
	color: transparent !important;
}*/

.wrapper {
  background-image: none;
  overflow: hidden;
  background-color: white;
}
#content-row {
	border: none;
}
form#chronoform-shop_simple_cart.chronoform ul {
	list-style: none;
	padding: 0;
	margin: 0;
}




/* Top Bar */
header.topbar {
  background-color: #3f4552;
  margin: 0 auto;
  width: 100%;
  min-height: 30px;
  text-align: center;
}
header.topbar #logo {
	width: 100%;
	float: none;
}
#header-row {
	border:  none;
}


.container-fluid {
	padding: 0;
}

/* Menu */
.moduletablemenu-shop{
	width: 100%;
	}

.wrapper #header-row {
	height: 500px;
	background-color: gray;
	background-image: url("../images/fotografo.jpg");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.wrapper > #header-row > .container-fluid {
	position: absolute;
	bottom: 0;
}
.mod-menu ul.nav.menu {
	width: 100%;
	text-align: center;
}
.nav.menu .buttonmenu .simpleCart_total,
.nav.menu .buttonmenu .simpleCart_quantity {
  position: absolute;
  font-weight: bold;
  background-color: white;
  color: #5CC5C9;
  border-radius: 50%;
  /*padding: 5px;*/
  width: 35px;
  height: 35px;
  line-height: 1.7em;
  font-size: 1.3em;
}

.btn .simpleCart_quantity {
  position: absolute;
  font-weight: bold;
  background-color: white;
  color: #5CC5C9;
  border-radius: 50%;
  /*padding: 5px;*/
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 1em;
}

/* menu ul li */
.mod-menu ul.nav.menu li {
	display: inline-block;
	list-style-type: none;
}


/* menu div */
.mod-menu .nav.menu {
	display: unset;
}


.mod-menu .nav.menu .buttonmenu {
	display: inline-block;
	list-style-type: none;
}

.mod-menu .nav.menu .buttonmenu a,
.isotopeSelector a {
color: transparent !important;
}


.mod-menu,
.mod-menu ul.class.menu { /* menu vero e proprio */
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.mod-menu,
.mod-menu .menu { /* menu vero e proprio */
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

/* menu ul li */
.mod-menu ul.nav.menu li {
	padding: 0;
	margin: 0 15px 0 0;
	list-style: none;
	min-height: 40px;
}
.mod-menu ul.nav.menu li:nth-child(1):before,
.mod-menu ul.nav.menu li:nth-child(2):before,
.mod-menu ul.nav.menu li:nth-child(3):before {
	display: block;
	height: 80px;
    width: 78px;
    margin: 0 auto;
}
.mod-menu ul.nav.menu li:nth-child(1):before {
	content: url("../images/public.png");
}
.mod-menu ul.nav.menu li:nth-child(1) a,
.mod-menu ul.nav.menu li:nth-child(1) a:hover {
	background-color: #5cc5c9 !important;
	color: white;
}
.mod-menu ul.nav.menu li:nth-child(2):before {
	content: url("../images/private.png");
}
.mod-menu ul.nav.menu li:nth-child(2) a,
.mod-menu ul.nav.menu li:nth-child(2) a:hover {
	background-color: #3f4551 !important;
	color: white;
}
.mod-menu ul.nav.menu li:nth-child(3):before {
	content: url("../images/cart.png");
}
.mod-menu ul.nav.menu li:nth-child(3) a,
.mod-menu ul.nav.menu li:nth-child(3) a:hover {
	background-color: #ffffff !important;
	color: #5e5e5e;
}
.mod-menu ul.nav.menu li a {
	text-transform: uppercase;
	padding: 5px;
	width: 197px;
	font-size: 0.7rem;
	height: 50px;
	line-height: 40px
}

/* menu div */
.mod-menu .nav.menu .buttonmenu{
	padding: 0;
	margin: 0 15px 15px 0;
	list-style: none;
	min-height: 40px;
}
.mod-menu .nav.menu p {
	text-transform: uppercase;
	padding: 5px;
	width: 197px;
	font-size: 0.7rem;
	height: 50px;
	line-height: 40px;
	background-color: rgb(92, 197, 201);
    color: rgb(255, 255, 255);
}
.mod-menu .nav.menu .buttonmenu .imgbuttonmenu {
	display: block;
	height: 80px;
    width: 78px;
    margin: 0 auto;
}
.mod-menu .nav.menu img {
	background-color: transparent;
}

.mod-menu .nav.menu .galpub{
	background-color: rgb(92, 197, 201);
    color: rgb(255, 255, 255);
}

.mod-menu .nav.menu .galpriv{
    background-color: rgb(63, 69, 81);
    color: rgb(255, 255, 255);
}

.mod-menu .nav.menu .cart{
    background-color: rgb(255, 255, 255);
    color: rgb(94, 94, 94);
}



/* Gallery */
.container,
/*.row,*/
.span12 { /* contenitori più esterni componente galleria */
	width: 100%;
	margin: 0 auto !important;
	/*padding: 0;*/
	float: none;
	/*display: unset;*/
}
p.chrono_credits {
	display: none;
}
#gallery div.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#gallery .simpleCart_shelfItem /*.thumbnail*/ {
	padding: 0;
	border-radius: 0;
	border: none;
}
#gallery .simpleCart_shelfItem /*.thumbnail*/ h5.item_name,
#gallery .simpleCart_shelfItem /*.thumbnail*/ div.form-group,
#gallery .simpleCart_shelfItem /*.thumbnail*/ h6 {
	display: none;
}

.form-group {
	margin: 0;
}

.gallery-desc-title {
	
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}




form#chronoform-shop_simple_cart.chronoform div#myAlert,
form#chronoform-shop_simple_cart.chronoform ul h3 {
	display: none;
}
.gallery-description,
p.gallery-description {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
	display: block;
	background-color: #5CC5C9;
	color: #3f4551;
	padding: 15px;
	width:  100%;
	/*box-shadow: 0 3px 3px #cccccc;*/
}

.gallery-description:first-child, p.gallery-description {
	margin: 5px auto 25px auto;
	/*box-shadow: 0 3px 3px #cccccc;*/
}

.gallery-description:nth-child(2) {
	margin: 5px auto 5px auto;
	/*box-shadow: 0 3px 3px #cccccc;*/
}

.gallery-description .badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color:
#ffffff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color:
#777777;
border-radius: 10px;
}


/*#gallery section.filter-section {
	text-align: center;
	margin: 0 auto 30px auto;
}*/
#gallery section.filter-section p.filters-description {
	display: block;
	color: #5CC5C9;
	padding: 25px;
}
#gallery section.filter-section div.container div.filter-container ul.filter {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}
#gallery section.filter-section div.container div.filter-container ul.filter li {
	display: inline-block;
	margin: 0 5px 25px 0;
}
#gallery section.filter-section div.container div.filter-container ul.filter li a {
	text-transform: uppercase;
	color: white;
	background-color: #5CC5C9;
	padding: 10px 90px;
	margin: 0 5px 0 0;
	font-size: unset;
	line-height: unset;
}
#gallery section.filter-section div.container div.filter-container ul.filter li.active a {
	background-color: #3F4551;
	color: white;
}
#gallery section.filter-section div.container div.filter-container ul.filter li span {
	display: none;
}
.chrono-page-container .grid li {
	padding: 0;
}

.filter-section {
	padding-top: 0 !important;
}


/*prima #scroll*/

.sticky {
    width: 100%;
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;
    z-index: 1;
	padding: 0 0 20px 0;
}

.fixed {
  position: fixed;
  top:0; left:0;
  width: 100%; }

.bootstrap-select {
	margin-top: 12px !important;
}

.chrono-page-container form#admin_form div.container ul li {
  position: relative;
  text-align: center;
}
.chrono-page-container form#admin_form div.container ul li img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.chrono-page-container form#admin_form div.container ul li:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}
.chrono-page-container form#admin_form div.container ul li h6 
{
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  top: 35%;
}

.portfolio-section {
    padding-bottom: 0 !important;
}

.alert1 {
    display: none;
}

/* css per masonry */



/* devo configurare html altrimenti il masonry non lavora bene (vedi https://github.com/desandro/masonry/issues/1044#issuecomment-381590985)*/

html { overflow-y: scroll; }


.grid {
  /* background-color: #DDD; */
  margin: 0 auto !important;
  /*max-width: 100%;*/
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}


.infinite-scroll {
  float: left;
  padding: 1px 1px 1px 1px;

}

.grid__gutter-sizer { 
	width: 0%;
}

.infinite-scroll img {
  display: block;
  max-width: 100%;
}

@media only screen and (min-width: 1301px)and (max-width: 6300px)  {
.grid__col-sizer,
.infinite-scroll { width: 20%; }
}

@media only screen and (min-width: 901px) and (max-width: 1300px) {
.grid__col-sizer,
.infinite-scroll{ width: 33%; }
}

@media only screen and (min-width: 481px) and (max-width: 900px) {
.grid__col-sizer,
.infinite-scroll { width: 50%; }
}

@media only screen and (min-width: 300px) and (max-width: 480px) {
.grid__col-sizer,
.infinite-scroll { width: 33%; }
}



/* fine css per masonry */


/* css del loader di infinite scroll */

.page-load-status {
  display: block; /* hidden by default */
  padding-top: 20px;
  /*border-top: 1px solid #DDD;*/
  text-align: center;
  color: #777;
}

.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}


/* FINE: css del loader di infinite scroll */




/* Gallerie private */ 
/* Login gallerie private */
#chronoform-shop_simple_cart_privata div.alert {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	padding: 30px 0;
	text-align: center;
}
.accesso-galleria-privata div.panel.panel-default {
	margin-top:  80px;
	background-color: #3F4551;
	color: white;
}
.accesso-galleria-privata div.panel.panel-default div.panel-heading,
.accesso-galleria-privata div.panel.panel-default div.panel-footer {
	background-color: #3F4551 !important;
	background-image: none !important;
	color: white !important;
	border-radius: 0 !important;
	border: none !important;
	text-align: center;
}
.accesso-galleria-privata div.panel.panel-default div.panel-heading:after {
	content: url("../images/private.png");
	float: right;
	margin-top: -70px; 
}
.accesso-galleria-privata div.panel.panel-default div.panel-heading h3 {
	margin: 10px auto;
	padding: 0;
}
.accesso-galleria-privata div.panel.panel-default div.panel-body div.center-block {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	padding: 5px;
	margin: 10px auto;
}
.accesso-galleria-privata div.panel.panel-default div.panel-body input.btn.btn-primary {
	display: block;
	border-radius: 0;
	background-color: #ffffff !important;
	background-image: none;
	border: none;
	color: black;
	margin: 10px auto;
	float: none;
}
.accesso-galleria-privata div.panel.panel-default div.panel-footer,
.accesso-galleria-privata div.panel.panel-default div.panel-footer a {
	text-decoration: underline;
}
/* galleria privat vera e propria */
#gallery.galleria_privata section.filter-section:before {
	background-color: #3F4551;
}
#gallery.galleria-privata p.gallery-description {
	background-color: #3F4551;
}
#gallery.galleria-privata section.filter-section div.filter-container p {
	color: #3F4551;
}
#gallery.galleria_privata section.filter-section div.filter-container ul.filter li a {
	background-color: #3F4551;
}



/* FAncybox */
.fancybox-overlay .fancybox-title {
	width: 100%;
}
.fancybox-title-float-wrap {
	/*padding-bottom: 60px;*/
}
body.com_chronoconnectivity5 .fancybox-overlay .fancybox-title .child {
	background-color: #5CC5C9;
	width: 100%;
	height: 120px;
	display: inline-block;
	border-radius: 0;
	line-height: normal;
	/*padding: unset;*/
}
 .fancybox-custom-layout .fancybox-caption {
	border-top: 0px;
	background:none;
	font-size: 14px;
	color: #fff;
	bottom: -60px;
	position: absolute;
	text-align: center;
  }
 
.fancybox-mobile .fancybox-title .child {
	background-color: #5CC5C9;
	width: 200%;
	/*display: inline-block;*/
	height: 130px;
	border-radius: 0;
	line-height: normal;
	/*padding: unset;*/
}


.fancybox-overlay a.fancybox,
.fancybox-mobile a.fancybox {
	display: none;
}

.fancybox-thumbs__list a::before{
	border:4px solid #5cc5c9 !important;
				   
			 
					 
}
  

.qv-form-clone,#qv-form-clone, .fancybox-form-wrap {
  position: absolute;
  /*top: 40px;
  right: 0;
  bottom: 40px;
  height:200px;*/
  bottom:0px;
  width: 100%;
  /*background: #5cc5c9;*/
  z-index:99995;
}

.infinite-scroll .form-group {
  display: none;	
}

#qv-form-clone .form-group {
  overflow: auto;
  /*position: absolute;
  top: 50px;*/
  right: 0;
  /*bottom: 50px;*/
  left: 0;
  /*padding: 0 50px;*/
  text-align: center;
  background: #5cc5c9;
  height:70px;
}

.fancyproduct {
  float: left;
  margin: 10px;
}


#fancybox-loading, .fancybox-close-small, .fancybox-prev span, .fancybox-next span {
	background-image: url(fancybox_sprite@2x.png) !important;
}

.input-group-fancy {
	display: inline-block;
    width: 250px;
}

.fancybox-toolbar, .fancybox-button div {
 background:rgba(92, 197, 201,1) !important;
}

.fancybox-button {
 background:none !important;
 
}

							 

			   
					  
				   
				
				 
								   
				 

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px !important;
    right: 0;
    right: env(safe-area-inset-right);
					  
								   
				  
 
				 
				   
		  
								 
					  
								   
				  
				   
										  
																  
							  
}

.nome_immagine {
	color: #fff;
	bottom: -35px;
	position: absolute;
	text-align: center;
	font-size: 13px;
	width:100%;
}

button.btn {
	border: none;
	
}

.gp-watermark {
 position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: -50%;
  left: 25%;
  width: 100%;
  height: 100%;
  
   /*content: "WAT";*/
    color: rgba(255,255,255,0.3);
    font-weight: bold;
    /*text-shadow: 2px 2px 5px #0000;*/
	font-size: 800%;
    text-align: justify;
    /*text-justify: inter-ideograph;*/
    -ms-text-justify: inter-ideograph; /*IE9*/
    /*-moz-text-align-last: justify; Firefox*/
    -webkit-text-align-last: justify; /*Chrome*/
display: inline-block;
-webkit-transform: rotate(-30deg);
	
}

.fancybox-is-scaling .fancybox-spaceball:before {
  display: none;
}




/* fine watermark */



#myAlert {
	color:white;
	width: 100%;
	margin:auto;
	text-align:center;
	margin-bottom:10px;
	position: absolute;
	height: auto;
    /*left: 150px;*/
    margin: 3px auto;
    bottom: 75px;
    /*max-width: 600px;
    z-index:99999;*/
	
}


body.com_chronoconnectivity5 .fancybox-title .simpleCart_shelfItem.thumbnail,
.fancybox-mobile .fancybox-title .simpleCart_shelfItem.thumbnail,
.fancybox-mobile .fancybox-title span.child div#myAlert {
	height: auto;
    left: 150px;
    margin: 3px auto;
    max-width: 600px;
    overflow: hidden;
    position: relative;
    top: -5px;
}


body.com_chronoconnectivity5 .fancybox-title span.child div#myAlert {
	height: auto;
    /*left: 280px;*/
    margin: 3px auto;
    max-width: 300px;
    overflow: hidden;
    position: relative;
    top: -110px;
}


body.com_chronoconnectivity5 .fancybox-title .simpleCart_shelfItem.thumbnail * {
    vertical-align: middle;
}
body.com_chronoconnectivity5 .fancybox-title .simpleCart_shelfItem.thumbnail h6 {
	/*display: inline-block;*/
	display: none !important;
	margin-right: 15px;
}
body.com_chronoconnectivity5 .fancybox-title .simpleCart_shelfItem.thumbnail div.form-group {
	display: inline-block;
}
body.com_chronoconnectivity5 .fancybox-title .simpleCart_shelfItem.thumbnail div.form-group .form-inline .input-group {
	display: inline-block;
    width: 250px;
}
body.com_chronoconnectivity5 .fancybox-title .simpleCart_shelfItem.thumbnail div.form-group span.item_add:after {
	background-color: white;
    color: black;
    content: "Aggiungi al carrello";
    /*display: inline-block;*/
	display:none;
    margin-left: 5px;
    padding: 5px 8px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 2px 0px rgba(204,204,204,1);
}
.fancybox-prev span {
    left: 80px !important;
}
.fancybox-next span {
    right: 80px !important;
}


/* Carrello */

/*   2018-03-10 css importato da tmp.default.css (ora disabilitato) */

.modalClose
{
	margin: 14px;
}

div.modal.fade.in.loginPopup
{
	width: 260px;
	margin: -130px 0 0 -130px;
	top: 50%;
	left: 50%;
}

.login-greeting
{
	margin: 0 0 9px 0;
}

.input-modal
{
	width: 146px;
}



/* CONFIGURA MODAL CARRELLO */



.modal-content {
	max-height: 500px;
}

.modal-body {
	padding: 0;
}

.itemRow.odd {
	background-color: #3F4551;
	color: white;
	margin-bottom: 20px;
	padding: 10px;
}

#myModal .modal-dialog{
	max-width: 80%
}


/*#myModal .modal-dialog-centered {
	width: 80%;  /* responsive width */
	/*max-width: 80%;
	max-height: 70%;
    top: 10%;*/
    
    
    /*width: 80%;*/
/*}*/


#myModal .item-myimage {
	/* border: 1px solid red; */
    overflow: hidden;
    width: 200px;
	padding: 10px;
}

#myModal .item-myimage img{
	max-width: 100%;
}

#myModal .itemRow.odd {
	background-color: #3F4551;
	color: white;
	margin-bottom: 20px;
	padding: 10px;
}
#myModal .itemRow.even {
	background-color: #5CC5C9;
	color: white;
	margin-bottom: 20px;
	padding: 10px;
}
#myModal .itemRow.even a .fa {
	color: #3F4551;
}

#myModal .itemRow.odd a .fa {
	color: #aaa;
}
	

#myModal .itemRow > div {
	/* border: 1px solid yellow; */
    display: inline-block;
    vertical-align: middle;
    width: 20%;
	margin-right: 15px;
}

#myModal .itemRow > div img {
    margin-right: 10px;
	height: auto;
}
#myModal .itemRow > div p {
    display: inline-block;
    /* width: 70%; */
	font-size: 1rem;
}
#myModal .itemRow .item-myimage {
	/* border: 1px solid red; */
    height: 150px;
    overflow: hidden;
    width: 200px;
	padding: 10px;
}
#myModal div.modal-dialog div.modal-content div.modal-body.carr04 .itemRow div.item-total p {
	font-size: 2.5em;
	vertical-align: bottom;
	font-weight: bold;
}
#myModal .itemRow .item-decrement,
#myModal .itemRow .item-increment {
	width: 30px;
	text-align: center;
	padding: 0 5px;
}
#myModal .itemRow .item-remove {
	width: auto;
	vertical-align: middle;
}

#myModal .modal-header, #myModal-p .modal-header, #EmptyCart .modal-header {
	text-transform: uppercase;
	color: #3F4551;
	text-align: center;
}

#myModal .riepcarr {
	display: inline-block;
    margin-right: 20px;
	background-color: #3F4551;
	border: 5px solid #5CC5C9;
	width: 270px;
	vertical-align: top;
	min-height: 130px;
	padding-top: 15px;
}
#myModal .riepcarr > div {
	font-weight: bold;
	color: white;
	font-size: 1.2em;
}
#myModal .riepcarr > div > span {
	font-size: 2em;
	line-height: normal;
}

#myModal .btn, #myModal-p .btn, #EmptyCart .btn {
	border: 1px solid #cccccc;
    color: #3f4551;
    /*margin: 0 15px 0 0;*/
    padding: 10px !important;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 2px 0px rgba(204,204,204,1);
}

#myModal .btn-cassa, #myModal-p .btn-cassa {
	background:#5cc5c9;
}

#myModal .btn-svuota,#myModal-p .btn-svuota{
	background: white;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: 600px;
}

a.btn-svuota {
	color: #5cc5c9;
}

a:hover.btn-svuota  {
	color: #3f4551;
}

.modal-header h4, .modal-footer h4, .pay-checkout h4{
	margin: 5px 0 5px 0;
}



/* FINE CONFIGURA MODAL CARRELLO */




a.btn, 
a.readmore, 
.btn_info, 
.btn-info, 
.btn-group button.btn, 
.mod-newsflash a.readmore, 
.btn-primary, 
.btn_primary, 
.contentpane .button {
  background-image: none;
  border-radius: 0;
  margin: unset;
  padding: unset;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}


/* Checkout */
.chronoform-container {
	padding-bottom: 8px;
}


.checkout .container-fluid {
    margin-top: 20px !important;
	margin-bottom: 10px !important;
}
.checkoutinfo > div {
    padding: 20px 30px 5px 30px;
}
.checkoutinfo > div:nth-of-type(odd) {
    background-color: #5CC5C9 !important;
    color: white !important;
    border: none !important;
}
.checkoutinfo > div:nth-of-type(even) {
    background-color: #3F4551 !important;
    color: white !important;
}
.gbs3 .list-group-item:first-child,
.gbs3 .list-group-item:last-child {
    border-radius: 0;
}
.checkout .gbs3 .list-group {
    box-shadow: none;
}
.checkout .gbs3 .list-group-item {
    border: none !important;
}
.checkout .container label {
    font-weight: normal;
	/*padding: unset !important;
	margin: unset !important;
	line-height: unset !important;*/
	vertical-align: middle;
	color: white !important;
}
.checkout .container input[type=radio] {
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
}
.checkout #chronoform-shop_simple_cart #chronoform-container-134 h5 {
	display: inline-block;
	text-transform: uppercase;
	margin-left: 15px;
}

/*versione CF5*/
.checkout #chronoform-shop_simple_cart .pay-checkout {
	padding: 10px;
	color: white;
}


/*versione CF5 + CF7 2021_11_25*/
.pay-checkout {
	padding: 10px;
	color: white;
	
	bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 2;
	background-color: rgb(63, 69, 81);
	margin:unset;
}

/*versione CF5*/
.checkout #chronoform-shop_simple_cart .pay-checkout .btn {
	background-color: #5cc5c9;
    background-image: none;
    border: medium none;
    box-shadow: none;
    color: white;
    text-shadow: none;
	font-size: 14px;
	-webkit-border-radius: 3px;
	/*-moz-border-radius: 3px;*/
	border-radius: 3px;
	height: 42px;
}

/*versione CF7 2021_11_25*/
.pay-checkout .btn {
	background-color: #5cc5c9;
    background-image: none;
    border: medium none;
    box-shadow: none;
    color: white;
    text-shadow: none;
	font-size: 14px;
	-webkit-border-radius: 3px;
	/*-moz-border-radius: 3px;*/
	border-radius: 3px;
	height: 42px;
}



.checkoutdetails table {
	/*border: none;*/
	width: 100%;
}
.checkoutdetails table > thead > tr > th {
	padding: 10px;
	text-align: center;
	border: none;
}
.checkoutdetails table > tbody > tr:nth-of-type(odd) {
	background-color: #5CC5C9;
	border: none;
}
.checkoutdetails table > tbody > tr:nth-of-type(even) {
	background-color: #3F4551;
	border: none;
}
.checkoutdetails table > tbody > tr > td {
	color: white;
	padding: 10px;
	text-align: center;
	border: none;
}
.checkout .gbs3 .thumbnail, 
.checkout .gbs3 .img-thumbnail {
    margin: 1px auto;
}

.checkout h4 {
    color: #fff;
}


.text-warning {
	color: red;
}
.gbs3 .gcore-display-table {
    display: inline !important;
}

/*.form-151{*/  .ckout_listimages{
	margin-bottom: 30px;
}

#totaleO {
	height: 28px;	
	font-size: 18px;
}

#chronoform-container-182 {
	font-size: 14px;
	margin-bottom: 10px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none !important;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}

.img_chkout{
	/*height: 100%;*/
	max-width: 110px;
}


/**************************************************************************************/
/*   Back to Top																	  */


#back-top
{
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 60;
}

#back-top a
{
	width: 46px;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	text-transform: none;
	text-decoration: none;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	color: #626262;
}

#back-top span
{
	width: 46px;
	height: 46px;
	display: block;
	margin-bottom: 7px;
	background: url('../images/up.arrow.png') no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	border-radius: 50%;
	border: 3px solid #5cc5cf;
	background-color: #3f4551;
}




/* Footer */
/*#back-top span {
	background-color: #57C5CA;
}*/
#footer,
#copyright-row {
	background-color: #57c5ca;
	border:  none;
	color: white;
	padding:  10px;
}

.footer-row-1 {
	width: 100%
}

.h2-footer:first-child {
	border-bottom: 1px  solid  #ddd; 
	padding-bottom: 10px
}

.h2-footer {
	text-align:center;
	color: #fff ; 
	font-size: 14px !important;
	margin-top: 0px !important;
	line-height: unset;
}

.h2-footer a {
	color: #fff;
}

.h2-footer a:hover {
	color: #3f4551;
}



#copyright-row .container {
  border-top: none;
  padding: unset;
}
#ascopy {
	display:  none;
}


/* nella pagina del checkout cambio alcune indicazioni al footer*/
/*.com_chronoforms5 #footer {
	background-color: #ffffff;
}

.com_chronoforms5 #copyright-row  {
	background-color: #ffffff;
}
*/




/* Overlay delle Immagini in Home */

.hovereffect-home {
  width: 100%;
  height: 100%;
  float: left;

  position: relative;
  text-align: center;
}

.hovereffect-home .overlay {
  position: absolute;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF; 
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}


.hovereffect-home:hover .overlay {
  opacity: 1;
  /*filter: alpha(opacity=100)*/;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect-home img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect-home:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect-home a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  /*filter: alpha(opacity=0);*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect-home:hover a, .hovereffect-home:hover p, .hovereffect-home:hover h2 {
  opacity: 1;
  /*filter: alpha(opacity=100)*/;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}




/* Overlay delle immagini Dentro relativa galleria */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  /*filter: alpha(opacity=100)*/;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  opacity: 0;
  /*filter: alpha(opacity=0);*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  top: 35%;
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  /*filter: alpha(opacity=0);*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  /*filter: alpha(opacity=100)*/;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.hovereffect .item_name {
  font-family: "Ubuntu", Arial, sans-serif;
  text-align: left !important;
  text-transform: uppercase;
  font-size: 11px;
  background-color: transparent;
  color: #FFF;
  line-height: 15px;
  position: absolute;
  bottom: 3%;
  margin-left:10px;
}

.privata {
	background: url(/templates/custom/images/private.png) no-repeat right bottom, linear-gradient(-42deg, #5cc5c9 20%, rgba(208, 64, 64, 0) 25%);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}	


/* Effetto all'immagine della galleria quando esci da Fancybox*/
.infinite-scroll a:focus img {
      opacity: 0.5;
}
a:focus .fancyhov {
    height:100%;
    width:100%;
    /* border: 5px solid red; */
    box-sizing: border-box;
}



/* #Media Queries
================================================== */

/* All Mobile Sizes (devices and browser) */
@media only screen
and (max-width : 900px) {
	/*#myModal {
		width: unset;
	    margin-left: unset;
	}*/
	/*#myModal.modal div.modal-content div.modal-body div.box.mod-menu ul.nav.menu li {
		display: block;
		width: 95%;
		margin: 15px auto;
	}*/
	.simpleCart_items table {
		overflow: scroll;
	}
	
	.container .effect-2 .hovereffect .overlay {
		/*display: none;*/
		-webkit-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
}

	.container .galleria-pubblica .hovereffect .overlay {
		display: none;
		-webkit-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
}	

.fancybox-spaceball:before {
	/*position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: -50%;
	left: 25%;
	width: 100%;
	height: 100%;
  

    /*text-shadow: 2px 2px 5px #0000;*/
	font-size: 150%;
   
}

}

/* Phone Portrait */
@media only screen 
and (max-width: 640px) {
	header.topbar {
			margin-bottom: 5px;
	}
	.wrapper #header-row {
		margin-top: -5px;
	}
	div.modal.fade.in {
    	top: 10px;
	}
	#myModal .modal-dialog{
	max-width: 100%;
	}
	
	#myModal div.modal-body, #EmptyCart div.modal-body  {
		max-height: 270px;
	}
	#myModal .modal-dialog, #EmptyCart .modal-dialog,  {
	max-width: unset
	}

#myModal .btn, #EmptyCart .btn  {
    margin: 0 0 0 0;

}
	
	#myModal .panel.panel-info > *, #EmptyCart .panel.panel-info > * {
		float: none !important;
		display: block;
		margin: 10px auto;
		width: 100%;
	}
	#myModal .itemRow > div, #EmptyCart .itemRow > div {
		display: block;
		margin: 10px auto;
		width: 100%;
	}

	#myModal .panel.panel-info, #EmptyCart .panel.panel-info {
    margin: 20px auto;
    width: 90%;	
	}	
	.watermarker_in {
	position:relative;
	top: 60%;
    color: rgba(255,255,255,0.3);
    font-weight: bold;
    text-shadow: 2px 2px 5px #0000;
	font-size: 1.5em;
	text-align:center;
}
}


/* Tabella Responsive relativa alla pagina del riepilogo (dettagli delle foto)
================================================================================*/

	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: "Cod. Immagine"; }
		td:nth-of-type(2):before { content: "Formato"; }
		td:nth-of-type(3):before { content: "Prezzo"; }
		td:nth-of-type(4):before { content: "Qty"; }
		td:nth-of-type(5):before { content: "Subtotale"; }
	}
	

.simpleCart_items table{width:100%}
/*.simpleCart_items {background-color: rgba(0, 0, 0, 0.2);}*/
.itemRow .item-remove a{
	color:#ffffff;
	font-size: 80%;
}
/*.headerRow, .cartTotal{background-color: rgba(0, 0, 0, 0.6);padding:3px;	color:#ffffff;}*/
.simpleCart_shelfItem .item_Quantity {width:50px}
.headerRow .item-name,
.headerRow .item-price,
.headerRow .item-formati,
.headerRow .item-quantity,
.headerRow .item-total,
.itemRow .item-name,
.itemRow .item-formati,
.itemRow .item-price,
.itemRow .item-total,
.itemRow .item-remove,
.itemRow .item-quantity
{
	font-size:16px;
	padding:1px;
	color:#ffffff;
}

.row-centered {
    text-align:center;
}


.box {
   /*! background-color: #ccc;*/
    border-radius: 4px;
    color: #333;
    margin: 5px 0;
    padding: 5px 10px;
    width: auto;
}

#div4 {
	display:none;
	background-color: #ddddff;
    border: 1px dashed #000099;
    height: 25px;
    left: 85px;
    opacity: 0.63;
    padding-left: 0;
    position: absolute;
    text-align: left;
    top: 33px;
    width: 211px;
   z-index: -1;
}	
#filters {
    padding: 40px 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

#filters li {
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    color: #666;
    text-decoration: none;
}

#filters li a {
    color: #666;
    text-decoration: none;
}

#filters a:hover {
    color: #e81c1c;
}

#filters li .selected {
  color: #e81c1c;
}

#container .item {
   margin: 1px;
}

.fancybox-title iframe {
    min-height: 30px;
    vertical-align: middle;
}

.hidden {
 display: none;   
}
.fancybox-title a {
 color: #fff;        
}
.fancybox-title-over-wrap {
    width: 100%;
    padding: 0;
}

.fancybox-title-over-wrap > div {
    padding: 10px;
}
/*body {
 padding: 20px;   
}
*/
#screen, #modal {
    display: none;
    position: fixed;
}

#screen {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}

/*#modal {
    width: 33.333%;
    top: 20%;
    left: 33.3333%;
    background: white;
    z-index: 2;
}*/
/* - nasconde il form selezione formati nella home
  =====================================
*/
.product-form {
	display: none;
	/*!padding: 20px 40px;
	!color: #C3C3C3;
	!overflow: auto;
	!box-sizing: border-box;*/
}
/* - effetto overlay sulla foto  =====================================
*/

.product-card__overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.06);
    transition: all 0.15s ease-in;
}

.product-card:hover .product-card__overlay, .product-card:focus .product-card__overlay {
    visibility: visible;
    opacity: 1;
}
.product-card__overlay-btn {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    transition: all 0.15s ease-in;
}

.product-card:hover .product-card__overlay-btn {
    -ms-transform: translateY(-85%);
    -webkit-transform: translateY(-85%);
    transform: translateY(-85%);
}

.btn_bck_to_myhome {
	position: absolute;
	font-weight: bold;
	background-color: #5CC5C9;
	color: white;
	border-radius: 20%;
	text-transform: uppercase;
	padding: 5px;
	width: 80px;
	font-size: 0.8rem;
	height: 20px;
	line-height: 20px;
}