/*General*/
html {
  position: relative;
  min-height: 100%;
}
body {
  background: #933645;
  font-family: "Open Sans",sans-serif;

}
h1, h2, h3, h4, h5 {font-family: 'Unica One', cursive;}
.bg-white {background: #FFF}
.bg-black {background: #000}
.bg-purple {background: #933645}
.bg-lg-grey {background: #F0F0F0}
.var-md {padding: 3rem; margin-top: 7rem}
.var-lg {padding: 4rem;}
.center-element {margin: 0 auto}
.no-overflow {overflow-x: hidden}
.no-overflow-y {overflow-y: hidden}
.text--codice{margin-top: 0; margin-bottom: .1rem;}
.text-ordine{margin-top: .1rem; margin-bottom: 0;}
.text-green {color: #5cb85c}
.btn-circle{
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    cursor: pointer;
}
.btn-custom {
    color: #3D3D3D;
    background-color: #C5C5C5;
    border-color: #C5C5C5;
}
.text-red {color: #d9534f}
/*Header*/
.navbar {padding: 0 1rem;}
.navbar-nav li a {
    color: #FFF;
    text-decoration: none;
    font-size: 14px
}
.navbar-brand {font-family: 'Unica One', cursive; font-size: 1.6rem;}
.navbar-nav li i {margin-right: 5px}
.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.menu--container .navbar-nav li:hover, .menu--container .navbar-nav li:focus, .menu--container .navbar-nav li:active {background-color: #FFF!important; }
.menu--container .navbar-nav li:hover >a, .menu--container .navbar-nav li:focus >a, .menu--container .navbar-nav li:active >a {color: #933645;!important;}
.menu--container .navbar-nav li.current-page {background: #FFF}
.menu--container .navbar-nav li.current-page > a{color: #933645!important;}
.categorymenu--container {font-family: 'Unica One', cursive; }
.categorymenu--container .navbar-nav li a {color: #FFF; font-size: 16px;}
.categorymenu--container .navbar-nav li:hover, .categorymenu--container .navbar-nav li:focus, .categorymenu--container .navbar-nav li:active {background-color: #000!important; }
.categorymenu--container .navbar-nav li:hover >a, .categorymenu--container .navbar-nav li:focus >a, .categorymenu--container .navbar-nav li:active >a {color: #FFF;!important;}
.categorymenu--container .navbar-nav li.current-page {background: #000}
.categorymenu--container .navbar-nav li.current-page > a{color: #FFF!important;}
.navbar-brand.category {visibility: hidden;}
.navbar-toggler {cursor: pointer;}
.navbar-toggler.category {background: #000;}
/*Content*/
.form--container{
  padding: 3rem;
  margin-top: 7rem;
}
.required {
  font-size: 12px;
  color: #939393;
  font-style: italic;
}
.loginBoxRow {
  list-style: none;
    margin: 0;
    padding: 0;

}
.loginBoxRow li{
  color: #939393;
  font-size: 13px;
}
.loginBoxRow li a{
  color: #000;
}
.loginBoxRow li a:hover, .loginBoxRow li a:focus, .loginBoxRow li a:active{
  color: #000;
}
.alert p {
  margin-top: 0;
  margin-bottom: 0;
}
.image-carousel img {max-width: 70%!important; margin: 0 auto;}
.rate li{
  width: 16%;
  text-transform: uppercase;
  font-family: 'Unica One', cursive;
  color: #000;
  font-size: 20px
}
.rate li img {display: block; margin: 0 auto}
.rate li a {color: #000; display: block;}
.rate li a:hover, .rate li a:focus, .rate li a:active {text-decoration: none}
.btn-group .btn {min-width: 130px}
.loader{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 112px;
    z-index: 999;
    background: #000
}
.rate--container {
    position: fixed;
    bottom: 0;
    height: 0;
    width: 100%;
    background: #FFF;
    left: 0px;
    z-index: 998;
    text-align: center;
    height: 85px;
    border-top: 2px solid #933645;
}
.rate--container p {margin: .5rem 0}
.rate--container ul {margin-top: 1rem}
.rate--container ul li {cursor:pointer; border-right: 1px solid #CCC;}
.rate--container ul li:last-child {border-right: none}
.recast {
  font-family: 'Unica One', cursive;
  border-radius: 0;
  border: none;
  position: absolute;
  top: -37px;
  left: 97px;
}
.rate-button{
  font-family: 'Unica One', cursive;
  cursor: pointer;
  border-radius: 0;
  border: none;
  position: absolute;
  top: -38px;
  left: 0;
  z-index: 999;
  border-top: 2px solid #933645;
  border-right: 2px solid #933645;
}
.fullscreen{
  cursor: pointer;
  border-radius: 0;
  border: none;
  position: absolute;
  top: -38px;
  left: 49px;
  z-index: 999;
  border-top: 2px solid #933645;
  border-right: 2px solid #933645;
}
.rate-button:hover, .fullscreen:hover{background: #933645; color: #FFF; border:none; border-top: 2px solid #933645;
border-right: 2px solid #933645;}
.rate-button:focus, .rate-button:active, .fullscreen:focus, .fullscreen:active {border:none; border-top: 2px solid #933645; color: #292b2c; border-right: 2px solid #933645; box-shadow: none}

.alert.absolute {
  position: absolute;
  top: 0;
  z-index: 999;
  width: 500px;
  height: 50px;
  left: 50%;
  margin-left: -250px;
}
.bx-wrapper .bx-controls-direction a {z-index: 998!important}
.spop--error, .spop--info, .spop--success, .spop--warning {
    color: #000;
    background-color: #fff;
}
.spop-close {color: #000;}
.to-last {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: 20px;
  z-index: 998;
}
.to-last {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: 20px;
  z-index: 998;
}
.to-first {
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: 20px;
  z-index: 998;
}
/*Footer*/
.footer {
  font-family: 'Unica One', cursive;
}
.fixed-bottom{
  position: absolute;
  bottom: 0;
  width: 100%;
}
.footer p {color: #000000 }
.fixed-bottom p {color: #f5f5f5 }
.bx-wrapper {box-shadow: none!important; background: #000; border: none; margin-top: 5px; margin-bottom: 0}
/*Loader*/
#fountainTextG{
	width:160px;
	margin:auto;
}

.fountainTextG{
	color:rgb(0,0,0);
	font-family:Arial;
	font-size:35px;
  text-transform: uppercase;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_fountainTextG;
		-o-animation-name:bounce_fountainTextG;
		-ms-animation-name:bounce_fountainTextG;
		-webkit-animation-name:bounce_fountainTextG;
		-moz-animation-name:bounce_fountainTextG;
	animation-duration:1.641s;
		-o-animation-duration:1.641s;
		-ms-animation-duration:1.641s;
		-webkit-animation-duration:1.641s;
		-moz-animation-duration:1.641s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.5);
		-o-transform:scale(.5);
		-ms-transform:scale(.5);
		-webkit-transform:scale(.5);
		-moz-transform:scale(.5);
}#fountainTextG_1{
	animation-delay:0.5825s;
		-o-animation-delay:0.5825s;
		-ms-animation-delay:0.5825s;
		-webkit-animation-delay:0.5825s;
		-moz-animation-delay:0.5825s;
}
#fountainTextG_2{
	animation-delay:0.699s;
		-o-animation-delay:0.699s;
		-ms-animation-delay:0.699s;
		-webkit-animation-delay:0.699s;
		-moz-animation-delay:0.699s;
}
#fountainTextG_3{
	animation-delay:0.8155s;
		-o-animation-delay:0.8155s;
		-ms-animation-delay:0.8155s;
		-webkit-animation-delay:0.8155s;
		-moz-animation-delay:0.8155s;
}
#fountainTextG_4{
	animation-delay:0.932s;
		-o-animation-delay:0.932s;
		-ms-animation-delay:0.932s;
		-webkit-animation-delay:0.932s;
		-moz-animation-delay:0.932s;
}
#fountainTextG_5{
	animation-delay:1.0485s;
		-o-animation-delay:1.0485s;
		-ms-animation-delay:1.0485s;
		-webkit-animation-delay:1.0485s;
		-moz-animation-delay:1.0485s;
}
#fountainTextG_6{
	animation-delay:1.165s;
		-o-animation-delay:1.165s;
		-ms-animation-delay:1.165s;
		-webkit-animation-delay:1.165s;
		-moz-animation-delay:1.165s;
}
#fountainTextG_7{
	animation-delay:1.2915s;
		-o-animation-delay:1.2915s;
		-ms-animation-delay:1.2915s;
		-webkit-animation-delay:1.2915s;
		-moz-animation-delay:1.2915s;
}




@keyframes bounce_fountainTextG{
	0%{
		transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainTextG{
	0%{
		-o-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-o-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainTextG{
	0%{
		-ms-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-ms-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainTextG{
	0%{
		-webkit-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-webkit-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainTextG{
	0%{
		-moz-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-moz-transform:scale(.5);
		color:rgb(255,255,255);
	}
}
/*Media Query*/
@media (max-width: 1368px){
  .image-carousel img {width: 100%!important; max-width: 100%!important;}
}
@media (max-width: 1200px){
  .rate--container{height: 160px}
  .rate li {width: 31%; margin-bottom: 10px}
  .rate--container ul li:nth-child(3) {border-right: none}
}
@media (max-width: 994px){
  .navbar {
      padding: .5rem 1rem;
  }
  .nav-link > a {padding-left: 1rem}
}
@media (max-width: 520px){
  .alert.absolute {
    width: 300px;
    height: auto;
    margin-left: -150px;
  }
}
