/*Contorno: fixed navbar e footer*/

a{
	color: #3073ad;
}
.text-muted{
	color: #6f6f6f;
}

@media print {
  a[href]:after {
    content: none
  }
}

html {
	position: relative;
	min-height: 100%;
}

body {
	padding-top: 50px; /* Move down content because we have a fixed navbar that is 50px tall */
	margin-bottom: 290px; /* Margin bottom by footer height */
	
}

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 1037;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 290px; /* Set the fixed height of the footer here */
	background-color: #f5f5f5;
}

.footer > .container p,
.footer > .container-fluid p {
	margin: 15px 0 0;
}

.gi-banner, .gi-banner-fisso{
	margin: -20px;
}
@media (min-width: 768px){
	.gi-banner, .gi-banner-fisso{
		margin: 0 -20px;
	}
}

.gi-banner img, .gi-banner-fisso img{
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.gi-banner a, .gi-banner-fisso a{
	display: block;
	color: #557a9b;
	font-size:70%;
	line-height: 48px;
}

@media (min-width: 768px){ /* medium md (iPad, Nexsus 10, ) */
	.footer {
		height: 140px; /* Set the fixed height of the footer here */
	}
	body {
		margin-bottom: 140px; /* Margin bottom by footer height */
	}
	
}

.visible-xxs-block{
	display: none !important;
}

@media (max-width: 359px){ /* iphone 5 */
	.hidden-xxs{
		display: none !important;
	}
	.visible-xxs-block{
		display: block !important;
	}
}


.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #eeeeee;
}

.navbar.navbar-fixed-bottom {
    border-width: 4px 1px 0 1px;
}


.navbar-collapse.in > .navbar-form, .navbar-collapse.collapsing > .navbar-form{ /* per bottone installa nella navbar su mobile */
	border-top: 0;
	margin-top: 0;
}


.gi-logged-in .gi-only-logged-out{
	display:none !important;
}

.gi-logged-out .gi-only-logged-in{
	display:none !important;
}


.gi-page {
	display: none;
}



#page-loading-bg {
	z-index: 2001;
	opacity: 0.5;
	background: #fff;
}

#page-loading-fg {
	z-index: 2002;
	opacity: 1;
	background: transparent;
}
#page-loading-bg, #page-loading-fg{
	display: none;
	position: fixed;
	left: 0;
	right:0;
	bottom: 0;
	top: 0;
	overflow: hidden;
}

#page-loading-fg .msg {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	/*margin-top: 64px;*/
	font-size: 2em;
	font-weight: bold;
	color: #000;
}

#page-loading-fg .gi-panel {
	max-width: 480px;
	margin: 0 auto;
	padding: 10px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.spinner {
	width: 128px;
	height: 128px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -64px; /* width / 2 */
	margin-top: -128px; /* height / 2 */
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

@-webkit-keyframes pulsating /* Safari and Chrome */ {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes pulsating {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
.pulsating {
	-webkit-animation: pulsating 0.5s linear infinite;
	-moz-animation: pulsating 0.5s linear infinite;
	-ms-animation: pulsating 0.5s linear infinite;
	-o-animation: pulsating 0.5s linear infinite;
	animation: pulsating 0.5s linear infinite;
}


/* ==== Add to Home Screen PWA === */

#a2hs{
	position: fixed; 
	bottom:0; 
	left:0;
	right:0; 
	max-width:280px; 
	margin: 0 auto; 
	z-index: 1038; 
	padding: 12px 35px; 
	text-align: center;
}

#a2hs .gi-logo {
	width: 30px;
    height: 30px;
    padding: 3px;
    background-color: white;
    border-radius: 17.5%;
    margin: 2px 5px;	
}

#a2hs .gi-ios-share {
	width: 31px;
	height: 35px;
    padding: 3px;
    background-color: #f7f7f7;
    border-radius: 17.5%;
    margin: 2px 5px;	
}

#a2hs .gi-ios-a2hs {
	width: 25.5px;
	height: 25.5px;
    padding: 3px;
    background-color: white;
    border-radius: 17.5%;
    margin: 2px 5px;	
}

#a2hs .gi-safari {
	width: 32px;
    height: 32px;
    padding: 3px;
    background-color: white;
    border-radius: 17.5%;
    margin: 2px 5px;	
}



.gi-btn-navbar-a2hs-install{
	display:none !important;
}

body.navbar-a2hs-install-show form.gi-btn-navbar-a2hs-install{
	display:block !important;
}
body.navbar-a2hs-install-show a.gi-btn-navbar-a2hs-install{
	display:inline !important;
}

body.a2hs-modal-show form.gi-btn-navbar-a2hs-install, body.a2hs-modal-show a.gi-btn-navbar-a2hs-install{
	display: none !important;
}


/* pagine descrittive */

h2[id]::before{
	display: block;
	height: 6rem;
	margin-top: -6rem;
	visibility: hidden;
	content: "";
}

.sidebar-module-inset{
	margin-bottom: 6rem;
}


.testimonianze blockquote{
	border-left: none; 
    margin: 0;
}

.testimonianze blockquote img {
    margin-bottom: 10px;
}

/* Landing */
.gi-brand{
	font-variant: small-caps;
}

.gi-jumbotron {
    /*border: 1px solid #e7e7e7;*/
    box-shadow: inset 0 2px 0 rgba(0,0,0,0.05);
    /*color: inherit;*/
    /*background-color: #fafafa;*/
}

.grt .carousel-indicators{
	margin-left:-30%;
	margin-bottom:10px;
	bottom: -10px;
}
.grt .carousel-indicators li {
    margin: 1px;
}
.grt .carousel-indicators .active{
	margin:0;
}


.grt .item{
	min-height:250px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;	
}


@media (min-width: 768px){ /* medium md (iPad, Nexsus 10, ) */
	.grt .item{
		min-height:150px;
	}
}
@media (min-width: 992px){ 
	.grt .item{
		min-height:200px;
	}
}

.grt .carousel-caption{
	position:absolute;
	right: auto;
	left: auto;
	bottom: auto;

	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	text-align: left;
    text-shadow: none;	
}

.grt .carousel-caption h3 {
    margin-top: 0;
}

.grt .carousel-control .glyphicon-chevron-left,
.grt .carousel-control .glyphicon-chevron-right {
	margin-top: -26px;
}

.grt .carousel-control.left{
	left:-12%;
}
.grt .carousel-control.right{
	right:-12%;
}

/* Tipografia Golden Ratio*/

	/* la width da considerare per le scritte è (md8) 66.6% di 970 (container width) = 646 */
		
	.grt {
		font-size: 19px;
		line-height: 32px;
		padding: 20px;
	}
	.grt h1 {
		font-size: 39px;
		line-height: 61px;
		margin-bottom: 32px;
	}
	.grt .title {
		font-size: 50px;
		line-height: 77px;
		margin-bottom: 32px;
	}
	.grt h2 {
		font-size: 31px;
		line-height: 49px;
		margin-top: 52px;
		margin-bottom: 20px;
	}
	.grt h3 {
		font-size: 24px;
		line-height: 39px;
		margin-top: 32px;
		margin-bottom: 12px;
	}
	.grt h4 {
		font-size: 19px;
		line-height: 32px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	.grt .h4 {
		font-size: 19px;
		line-height: 32px;
		font-weight: bold;
		margin-bottom: 7px;
	}	
	
	.grt p, .grt ul, .grt ol, .grt blockquote, .grt pre, .grt .alert, .grt .note, .grt .box, .grt .footnotes {
		margin-bottom: 32px;
	}
	.grt ul, .grt ol {
		margin-left: 32px;
	}
	.grt li {
		margin-bottom: 12px;
	}
	.grt blockquote {
		padding-left: 20px;
		border-style: solid;
		border-color: rgba(0,0,0,0.15);
		border-width: 0 0 0 7px;
	}
	.grt sub, .grt sup {
		padding: 0 1px;
	}
	.grt code, .grt pre, .grt kbd {
		font-size: 17px;
	}
	.grt code {
		background-color: rgba(0,0,0,0.08);
		padding: 3px 4px;
		border-radius: 7px;
		margin: 0 1px;
	}
	.grt pre {
		padding: 12px;
		border-style: solid;
		border-color: rgba(0,0,0,0.15);
		border-width: 0 0 0 7px;
	}
	.grt kbd {
		background-color: #fff;
		padding: 3px 4px;
		border-radius: 4px;
		box-shadow: 0 0 4px 0 rgba(0,0,0,0.45);
		margin: 0 1px;
	}
	.grt .alert, .grt .note, .grt .box {
		padding: 20px;
	}
	.grt .footnotes {
		font-size: 15px;
		line-height: 26px;
		padding-top: 20px;
		border-top: 1px dotted rgba(0,0,0,0.15);
	}
	.grt .footnotes p {
		margin-bottom: 20px;
	}
	.grt ul ul, .grt ul ol, .grt ol ul, .grt ol ol, .grt blockquote.right p, .grt blockquote.left p, .grt .alert :last-child, .grt .note :last-child, .grt .box :last-child, .grt .footnotes :last-child {
		margin-bottom: 0;
	}

/* miei modali */

.gi-modal-open {
  overflow: hidden;
}

.gi-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1038; /* @zindex-modal-background */
  background-color: #000; /* @modal-backdrop-bg */
  
}

.gi-modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.gi-modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.gi-modal-open .modal {
  overflow: hidden;
  z-index: 1039;
}



.gi-modal .modal-dialog{
	position: absolute;
	top: 0;
	bottom:0;
	left:0;
	right:0;
}
.gi-modal .modal-content{
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	bottom:0;
	left:0;
	right:0;
}
/*
.gi-modal .modal-footer{
	display: none;
}

.gi-modal.gi-show-footer .modal-footer{
	display: block;
	background-color:white;
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	z-index: 10;
}

.gi-modal.gi-show-footer .modal-content{
	padding-bottom: 77px;
}



*/
.gi-modal .modal-dialog{
	max-height: 700px;
}

.gi-modal .modal-header{
	position: absolute;
	top:0;
	left:0;
	right:0;
	height: 57px;
}
.gi-modal .modal-body{
	position: absolute;
	top:57px;
	left:0;
	right:0;
	bottom: 65px;
	overflow-x: hidden;
	overflow-y: auto;
}
.gi-modal .modal-footer{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height: 65px;
}

.gi-modal .modal-content{
	overflow: hidden;
}



.gi-btn-next, .gi-btn-apply{
	display: none;
}
.gi-modal.gi-show-footer .gi-btn-next, .gi-modal.gi-show-footer .gi-btn-apply{
	display:inline-block;
}

/* minore di  Medium devices (desktops, 992px and up) */
@media (max-width: 991px) { 
	.gi-modal .modal-dialog{
		margin: 0;
		width: auto;
		max-height: none;
	}
	.gi-modal .modal-content{
		box-shadow: none;
		border: 0;
		border-radius: 0;
	}
}


.gi-modal .gi-btn-prev,.gi-modal .gi-btn-reset{
	float:left;
}

.gi-list-group-item-con-img > img{
	position: absolute;
	top: 10px;
	left:15px;
	max-width:40px;
	max-height:40px;
}

.gi-list-group-item-con-img{
	padding-left: 70px;
    min-height: 62px;
	position: relative;
}

.gi-cr-forma-dett-img{
	max-height: 60px;
    max-width: 60px;
    vertical-align: top;
	float:left;
	margin-right:5px;
	margin-bottom: 5px;
}

.gi-list-group-item-con-img.gi-big{
    min-height: 144px;
	padding-left: 142px;
}
.gi-list-group-item-con-img.gi-big > img{
	max-width:122px;
	max-height:122px;
}

.gi-list-group-item-con-img.con-flag{
	padding-right:40px;
}
.gi-flag-disponibile{
	position: absolute;
    right: 15px;
    top: 20px;
}
.gi-differente{
	color: #a94442;
}

/* 
 * Form
 */

.gi-help-block { /*copiato da help block di bootstrap */
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
} 

/* 
 * Form compra/vendi
 */
 
 
.tab-content .panel-default {
    border-color: white;
} 
 
.gi_wnw{
	white-space: nowrap;
}

.gi-wizard-form .input-group-lg > .form-control, 
.gi-wizard-form .input-group-lg > .input-group-addon, 
.gi-wizard-form .input-group-lg > .input-group-btn > .btn{
	min-height:46px;
	height: auto;
}


.input-group-addon .fas{
	width: 18px;
}

.gi-placeholder{
	color: #757575;
}

.has-feedback .form-control {
    padding-right: 12px;/*non voglio il padding per la glyphicon*/
}

.form-group > .gi-validation-error{
	display:none;
}
.form-group.has-error > .gi-validation-error{
	display:block;
}

/*
.gi-compra-cerca-inline > .form-group  .form-control{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.gi-compra-cerca-inline .input-group-addon{
	padding: 0px 10px;
}
.gi-compra-cerca-inline img{
	height: 100%;
}

@media (max-width: 767px) {
	.gi-compra-cerca-inline > .form-group{
		margin-bottom:0px;
	}
	.gi-compra-cerca-inline > .form-group > .form-control,
	.gi-compra-cerca-inline .input-group > .form-control,
	.gi-compra-cerca-inline .input-group > .input-group-addon,
	.gi-compra-cerca-inline .input-group > .input-group-btn > .btn {
		height: 28px;
		padding: 4px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 2px;
	}
}

@media (min-width: 768px) {
	.gi-compra-cerca-inline img{
		height: 32px;
	}

	.gi-compra-cerca-inline > .form-group{
		margin-bottom:5px;
	}
	
	.gi-compra-cerca-inline > .form-group  .input-lega{
		width:300px;
	}
	.gi-compra-cerca-inline > .form-group  .input-forma{
		width:246px;
	}
	.gi-compra-cerca-inline > .form-group  .input-dimensioni{
		width:300px;
	}
	.gi-compra-cerca-inline > .form-group  .input-finitura{
		width:300px;
	}
	
}

@media (min-width: 992px) {
	.gi-compra-cerca-inline > .form-group  .input-lega{
		width:180px;
	}
	.gi-compra-cerca-inline > .form-group  .input-forma{
		width:180px;
	}
	.gi-compra-cerca-inline > .form-group  .input-dimensioni{
		width:240px;
	}
	.gi-compra-cerca-inline > .form-group  .input-finitura{
		width:180px;
	}
	
}

@media (min-width: 1200px) {
	.gi-compra-cerca-inline > .form-group  .input-lega{
		width:240px;
	}
	.gi-compra-cerca-inline > .form-group  .input-forma{
		width:240px;
	}
	.gi-compra-cerca-inline > .form-group  .input-dimensioni{
		width:240px;
	}
	.gi-compra-cerca-inline > .form-group  .input-finitura{
		width:240px;
	}
	
}
*/

@media (min-width: 992px) {
	.gi-cerca-panel-sticky{
		position: -webkit-sticky; position: sticky; top: 69px;
	}
}

#gi_page_cerca .gi-wizard-form button[type=submit]{
	display: block;
	width: 100%;
}


.gi-bg-grigio{
	background-color: #f4f4f4;
}
.gi-bg-grigio #main_footer{
	background-color: white;
}

.gi-bg-grigio .breadcrumb{
	background-color: white;
}

.gi-img-pezzo{
	position: relative;
	height: 80px;
}
@media (min-width: 768px) {
	.gi-img-pezzo{
		height: 218px;
	}
}

@media (min-width: 992px) {
	.margin15{
		margin-top:15px;
	}
}

/*
 * carrello
 */
 
@media (min-width: 992px) {
	.gi-totale-provvisorio-panel{
		position: -webkit-sticky; position: sticky; top: 69px;
	}
}

.indicatore-step{
	position: absolute;
    top: 22px;
    bottom: 22px;
    left: 92px;
    right: 88px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.con-skip .indicatore-step{
	left:115px;
	right: 246px;
}

.quot-left{
	display:inline-block;
	margin-right: 10px;
    width: 80px;
	margin-left: -20px;
	
	text-align:right;
	font-weight: bold;
}
.quot-right{
	text-align:left;
	
}