/*

	viola acceso: #ff38f0;
	viola scuro: #a4009a;

	blu: #082070;
	blu scuro:#0c1638;

	nero:#131313;

*/
html{overflow-x: hidden;}
body{font-family: 'Ubuntu', sans-serif;color:#131313;background-color:#f8f8f8}
/*nav{background-color:transparent;}*/

header{background-image: url("image/bg/bg-sky.jpg");background-repeat: no-repeat;background-position: center center !important;min-height: 600px;background-attachment: fixed;background-size: cover;}

h1{font-family: 'Saira', sans-serif; font-weight:700; color:#ff38f0; font-size:36px}
h2{font-family: 'Saira', sans-serif; font-weight:700; color:#a4009a;}
h3{font-family: 'Saira', sans-serif; font-weight:700; color:#a4009a;}

header{height: 100vh}
header p{color:#fff; font-size:18px}

nav{background-color:transparent;-webkit-transition: 0.5s;transition: 0.5s;}
nav img.logo{height:135px;width: auto;-webkit-transition: 0.5s;transition: 0.5s;}
nav.shrink{background-color:rgba(164,0,154,0.9);-webkit-transition: 0.5s;transition: 0.5s;}
nav.shrink img.logo{height:60px;width: auto;-webkit-transition: 0.5s;transition: 0.5s;}
.navbar-dark .navbar-toggler{border:none;}
#link-contatto-menu-mobile{color:rgba(8, 32, 112, 0.5);}
#link-contatto-menu-mobile:hover, #link-contatto-menu-mobile:active, #link-contatto-menu-mobile:focus{color:rgba(8, 32, 112, 1);}

/*.smoke{width:100%;height:45vh;background-image: url("image/bg/bg-bottom.png");bottom:0px;position:absolute;z-index:1;background-size: cover;
		background-repeat: no-repeat;background-position: center top !important;-webkit-transition: 0.5s;transition: 0.5s;
		}*/
/*.rocket{width:100%;height:120vh;background-image: url("image/bg/bg-rocket.png");top:25vh;right:0px;
		position:absolute;z-index:2;background-size: contain;background-repeat: no-repeat;background-position: right top !important;
		}*/
.smoke{width:100%;height:100vh;background-image: url("image/bg/bg-bottom.png");position:absolute;z-index:1;background-size: cover;
		background-repeat: no-repeat;background-position: center top !important;background-attachment: fixed;
		}		
.rocket{width:100%;height:120vh;background-image: url("image/bg2/bg-rocket.png");z-index:2;-webkit-transition: 0.5s;transition: 0.5s;
		position:absolute;background-size:cover;background-repeat:no-repeat;background-position:right top;
		}		

/*section#contenuto::before{content:'';display: block;height:100px;width:100%;margin-top:-100px;z-index:999;position:absolute;
	background: url("image/bg/bg-smoke.png");background-repeat:no-repeat;background-size:contain;background-position:top center}*/
section#contenuto{
	z-index:3;position: relative;
	background:   url(image/elementi/ufo.png),
  				url(image/elementi/pianeta.png),
  				url(image/elementi/stella.png),
                url(image/elementi/razzo.png);
  background-repeat: no-repeat;animation: wind 100s linear infinite;animation-fill-mode: forwards;background-color:#f8f8f8;
}
.blu{color:#082070}
.pink{color:#ff38f0}
.pink-dark{color:#a4009a}

.box-center{display: flex;flex-direction: column;justify-content: center;min-height: 100vh;}
.btn-primary{background-color:#0c1638;border:none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color:#082070}

.box-intro{padding-top:25vh;position:absolute;z-index:4}

.scroll{position: absolute;z-index:4;width: 100%;bottom:40px}
.scroll a, .scroll a:active, .scroll a:focus{text-decoration:none;font-size:12px;-webkit-transition: 0.5s;transition: 0.5s;}
.scroll a:hover {text-decoration:none;-webkit-transition: 0.5s;transition: 0.5s;}

.scroll-white{color:#fff;}
.scroll-white a, .scroll-white a:active, .scroll-white a:focus{color:#fff !important;}
.scroll-white a:hover {color:#ff38f0 !important;}

.scroll-pink{color:#ff38f0;}
.scroll-pink a, .scroll-pink a:active, .scroll-pink a:focus{color:#ff38f0 !important;}
.scroll-pink a:hover {color:#082070 !important;}

/*.minibox{max-width:650px;margin:auto;padding:15px}*/

.minibox{width:100%;height:100vh;position:relative;}

.minibox p{font-size:16px}
.minibox .minibox-1, .minibox .minibox-2, .minibox .minibox-3{text-align:center; position: absolute;left: 50%;top: 50%;
  -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:100%;
}
.minibox-1-interno{padding: 1rem}

/*.minibox .minibox-1{padding-top:00px;  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}*/

/*.minibox .minibox-container{position:relative;}
.minibox .minibox-3{position:absolute;top:0px}*/
/*.minibox-1::before{content:'';display: block;position:absolute;height:59px;width:59px;background: url("image/angolo-top.png");}*/
.minibox-1::before{content:'';display: block;height:59px;width:59px;background: url("image/angolo-top.png");float:left;margin-top:0px}
.minibox-1::after{content:'';display: block;height:59px;width:59px;background: url("image/angolo-bottom.png");float:right;margin-top:-59px}
.icona{padding-bottom:25px}


.servizi{padding-top:60px;padding-bottom:60px}
.servizio{padding:30px}
.servizi-testo{padding:15px}
.servizi-img{padding:15px}

.price{background-image: url("image/space.jpg");min-height: 600px;background-attachment: fixed;background-size: cover;/*background-position: 50% 50%;*/}
.price-header{padding: 60px 30px}
.price-header h2, .price-header p{color:#fff}
.card-plus .card-body{/*padding:2rem*/}

.credits{background-color:#a4009a;padding: 60px}
.credits h3, .credits p{color:#fff;font-family: 'Saira', sans-serif;}
footer p{font-size:0.8em;padding-top:10px}

.pricing .card {border: none;border-radius: 1rem;transition: all 0.2s;box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);}
.pricing hr {margin: 1.5rem 0 0 0;}
.pricing .card-title {margin: 0.5rem 0;letter-spacing: .1rem;font-size:36px}
.pricing .card-price {font-family: 'Saira', sans-serif; font-weight:700;font-size:36px;margin: 0;}
.pricing .card-price .period {font-size: 0.8rem;}
.pricing h4{margin:1.5rem 0px 1rem 0px;font-size:1.2rem;}
.pricing ul li {margin-bottom: 0.1rem;font-size:0.8rem;text-align:left;}
.pricing .text-muted {opacity: 0.7;font-style:}
.pricing .btn {font-size: 80%;border-radius: 5rem;letter-spacing: .1rem;font-weight: bold;padding: 1rem;/*opacity: 0.7*/;transition: all 0.2s;}
.disclaimer{padding-top:3rem;margin-bottom:0px;font-size:0.8rem}

/*.promo{position:fixed;bottom:20px;right:20px;background-color: rgba(0,0,0,0.9);padding:10px;border-radius:5px;z-index:999}*/
.promo {
  position: fixed;right: 20px;top: 50%;-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);
  background-color: rgba(0,0,0,0.9);padding:10px;border-radius:5px;z-index:999;
}
.promo p, .promo button{font-size:12px}
#promo_pmi .modal-content{background-image: url("image/space.jpg");min-height: 600px;background-attachment:fixed;background-size:contain;background-repeat:no-repeat;background-position-x:center;}
#promo_pmi .modal-header, #promo_pmi .modal-body{background-color: rgba(255,255,255,0.8);}
#contatto .modal-body{max-height: calc(100vh - 60px);overflow-y: auto;}
.modal-footer > *{margin:auto;}
.modal-footer > p{font-size:0.8rem}

.policy h5{font-size:1.5rem}
.policy a{color:#000;text-decoration: underline;}

/* cookie concent */
.cc-banner.cc-theme-edgeless .cc-btn{padding:0.4em 0.8em}
/*.cc-window{}
.cc-window.cc-banner{padding: 0.2rem 0.4rem}
.cc-message{font-size:0.7rem;}*/

.fademe {margin: 50px;padding: 50px;opacity: 0;background-color:#f8f8f8}




@media (min-width: 992px) {
	/* Hover Effects on Card */
  	.pricing .card:hover {margin-top: -.25rem;margin-bottom: .25rem;box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);}
  	.pricing .card:hover .btn {/*opacity: 1;*/}
}
@media (max-width: 1199px) {
	.servizi-img{height:200px;width: auto;}	
}
@media (max-width: 991px) {
	nav{background-color:rgba(164,0,154,0.9);-webkit-transition: 0.5s;transition: 0.5s;}
	nav img.logo{height:40px !important;width: auto;-webkit-transition: 0.5s;transition: 0.5s;}		
}
@media (max-width: 576px) {
	html,body{overflow-x: hidden !important;}
	.box-intro{padding-top:75px;}
	.minibox-1-interno{padding:0px}
	.minibox-1::before{display: none}
	.minibox-1::after{display: none}
	.icona img{max-height:70px}
	.icona{padding-bottom:15px}
	.minibox h2{font-size:1.5rem}
	.minibox h3{font-size:1.3rem}
	.servizio{padding:15px}
	.servizi-img{margin:auto;}	
}




/* Header Parallax Element Style*/ 
.paral {
	min-height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}
/* Paragraph for Parallax Section */ 
.paral p {
	font-size: 24px;
	color:#f5f5f5;
	text-align: center;
	line-height: 60px;
}
 
/* Heading for Parallax Section */ 
.paral h1 {
	color: rgba(255, 255, 255, 0.8);
	font-size: 60px;
	text-align: center;
	padding-top: 60px;
	line-height: 100px;
}
/* Image for Parallax Section */ 
.paralsec {
	background-image: url("image/header-bg.jpg");
}
.jumbotron{margin-bottom: 0;}



@keyframes wind{
  0% {
    background-position: 50% 50%, 15% 20%, 1% 10%, 4% 50%;
  }
  100% {
    background-position: 10% 9%, 60% 0%, 90% 5%, 60% 0%;
  }

}