@charset "UTF-8";
/* CSS Document */

::-moz-selection {background:#000; color:#fff;}
::selection {background:#000; color:#fff;}
@font-face {
    font-family: 'niketo';
    src: url('../font/fontsfree-net-niketo-1-webfont.woff2') format('woff2'),
         url('../font/fontsfree-net-niketo-1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {scroll-behavior: smooth;}
body {font-family: 'Open Sans', sans-serif; ;color:#020818;}
.green {color:#91ffa6}
.light-blue {color:#477dfb}
.blue {color:#020818}
.gradient-text { background:-webkit-linear-gradient(-45deg,#91ffa6,#477dfb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gradient-bg {background:-webkit-linear-gradient(-45deg,#91ffa6,#477dfb);}
.gradient-bg-grey {background:-webkit-radial-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.20));background:-moz-webkit-radial-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.20));}

.gradient-bg-color {
    background: rgb(1,255,165);
background: -moz-linear-gradient(90deg, rgba(1,255,165,.5) 0%, rgba(0,141,254,.5) 100%);
background: -webkit-linear-gradient(90deg, rgba(1,255,165,.5) 0%, rgba(0,141,254,.5) 100%);
background: linear-gradient(90deg, rgba(1,255,165,.5) 0%, rgba(0,141,254,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ffa5",endColorstr="#008dfe",GradientType=1);
    
    
}


.gradient-bg-blue {
    background: -webkit-radial-gradient(rgba(51,51,59,0.80),rgba(2,8,24,0.90));
    background: -moz-webkit-radial-gradient(rgba(51,51,59,0.80),rgba(2,8,24,0.90));
}
.titolo1 {font-family: 'niketo';line-height: 1.5em;}

a {color:#477dfb;}
a:hover {text-decoration: none;}

header h1 {}
header h2 {}

.navbar-default, .navbar-default a {transition:100ms ease;background:transparent;color:#fff;}
.navbar-default.scrolled, .navbar-default.scrolled a {background:#fff;color:#000;}
.navbar-default .logo {height:20px; width:177px; background-image: url("../img/logo-white.png");background-size: contain;background-position: center; background-repeat: no-repeat;}
.navbar-default.scrolled .logo {height:20px; width:177px; background-image: url("../img/logo-black.png");background-size: contain;background-position: center;}

header {height: 500px;padding: 120px 0 15px;}

#img1 {background-image:url("../img/img3.jpg");background-size: cover;background-position: center;min-height: 350px;}
#img2 {background-image:url("../img/img5.jpg");background-size: cover;background-position: center;min-height: 350px;}
#img3 {background-image:url("../img/bg.jpeg");background-size: cover;background-position: center;min-height: 350px;}

#how .card {border: none; text-align: center;padding:5px;}
#how .card-body {background: -webkit-linear-gradient(-45deg,rgba(96,206,92,0.1),rgba(96,206,92,0.1));}
#how .card-title {text-decoration: underline;}
.card-text {font-size: 0.85em;}
.btn {padding: .5em 1em;white-space: normal;}
.btn-primary1 {background: #477dfb;color:#fff; border:2px solid #477dfb}
.btn-primary1:hover {background:#020818;border:2px solid #020818; color:#fff;}

.quote {
  display: inline-block;
  margin: 0.25em 0 1.25em;
  overflow: hidden;
}
.quote blockquote {
  background-color: #fff;
    border: 3px solid #CAD9FD;
  display: inline-block;
  margin: 0;
  padding: 1.25em 1.5em 0.65em;
  position: relative;
}
.quote blockquote:before {
  background-color: #fff;
  bottom: -10%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -10%;
  transform: rotate(30deg) skew(30deg);
}
.quote blockquote cite {
  display: block;
  font-style: italic;
  text-align: right;
}
.quote blockquote cite:before {
  content: "- ";
}
.quote blockquote > * {
  position: relative;
  z-index: 1;
}
footer {background-color:#020818; color:#fff;}
/* Small devices (landscape phones, 300px and up)*/
@media (max-width: 375px) {
	header h1 {font-size: 1.65rem;}
	header h2 {font-size: 1.2rem;}
	nav h6 {font-size: 1em; margin-top:15px;}}
/* Medium devices (tablets, 500px and up)*/
@media (max-width: 568px) {
	header h1 {font-size: 1.65rem;}
	header h2 {font-size: 1.45rem;}
	nav h6 {font-size: 0.85rem}
	#partner {text-align: center;}}
/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
	#partner h4 {font-size: 1rem}
	#partner h3 {text-align: center}
	#partner {text-align: center;}}
/* Extra large devices (large desktops, 1200px and up)
	@media (max-width: 1200px){}*/

.card-body {
    padding: .5rem !important;
}
.btn {
    font-size: .8rem !important;
}

.bg-white-50 {
  
}

.navbar-collapse {
    
    background-color:rgba(255,255,255,.8) !important; 
    padding: 10px
}