/* INFO SUL TEMPLATE
-----------------------------------------------
NOME TEMPLATE : Semplice neongenesis

DESCRIZIONE : Design responsive 

MASSIMA GRANDEZZA BOX: 300px

DISEGNATO DA : Mario Aprea

----------------------------------------------- */


/* STILE GENERICO 
============================== */

body {
	background-image: url(/neongenesisfiles/imgmain/sfondo2.jpg);
	background-color: #334;

	color: white;
	/* font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
    text-align: center; */
	/* margin-top: 0px;
	margin-bottom: 0px; */
}

#header {
    background-color: #666666;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

#footer {
	background: grey; 
	color: white;
	height: auto;
}

h1 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: white;
	font-size: 3em;
	margin: 0;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: white;
	font-size: 1em;
	margin: 0;
	font-weight: bold;
}

img.mylogo {
	width: 180px !important;
}

img.njglogo {
	width: 70% !important;
}


img.mcglogo {
	width: 60% !important;
}

img.tirlogo {
	width: 40% !important;
}

img.fotologo {
	width: 320px !important;
	height: 150px !important;
}

img.diegologo {
	width: 300px !important;
	height: 81px !important;
}


img.mcglogo {
	width: 300px !important;
	height: 81px !important;
}

img.fslogo {
	width: 75% !important;
}

img.logcentered {
	position: absolute;
	margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.card-radius {
	border-radius: 14px !important;
}

.card-header-radius {
	border-radius: 12px 12px 0 0 !important;
}

.card-footer-radius {
	border-radius: 0 0 12px 12px !important;
}


.logos {
	height: 160px;
	/* margin-top: 20px; */
	position: relative;
}

.insidelogos {
	width: 230px !important; 
	height: 152px !important; 
	position: absolute;
	margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.minilogo {
	width: 48px;
	height: 48px;
	background-color: antiquewhite;
	display: inline-block;
	text-align: center;
	/* margin-top: 20px; */
	position: relative;
	border-radius: 15px
}

.minilogo-img {
	width: 42px;
	height: 42px;
	border-radius: 15px;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.of-sd {
	object-fit: scale-down;
}

.titletxt {
	margin-left: 1em;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
}


h1 {
	font-size: 2em;
}

.arrow-right {
	float: right;
	margin-top: 14px;
}


/* animation style */
.reveal{
	position: relative;
	transform: translateY(150px);
	opacity: 0;
	transition: 2s all ease;
}
.reveal.active{
	transform: translateY(0);
	opacity: 1;
}

.revealLeft{
	position: relative;
	transform: translateX(-150px);
	opacity: 0;
	transition: 2s all ease;
}
.revealLeft.active{
	transform: translateX(0);
	opacity: 1;
}

.willBeRight{
	opacity: 0;
}

.revealRight{
	position: relative;
	transform: translateX(150px);
	opacity: 0;
	transition: 2s all ease;
}
.revealRight.active{
	transform: translateX(0);
	opacity: 1;
}

.revealTest{
	position: relative;
	transform: translateX(150px);
	opacity: 1;
	transition: 2s all ease;
}

.font-weight-medium { font-weight: 600;}


.bg-c-g0 { background-color: #164863 !important; }
.bg-c-g1 { background-color: #427D9D !important; }
.bg-c-g2 { background-color: #9BBEC8 !important; }
.bg-c-g3 { background-color: #DDF2FD !important; }

.c-g0 { color: #164863 !important; }
.c-g1 { color: #427D9D !important; }
.c-g2 { color: #9BBEC8 !important; }
.c-g3 { color: #DDF2FD !important; }

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}


/* media-breakpoint-up(sm) Schermi medio-piccoli (almeno 576px) */
@media (min-width: 576px) { 
	h1 { font-size: 3em; }
	.titletxt { font-size: 1.2em; }
	.minilogo { width: 52px; height: 52px; }
	.minilogo-img { width: 48px; height: 48px; margin-top: 2px; }
}

/* media-breakpoint-up(md) Schermi medi (almeno 768px) */
@media (min-width: 768px) {

}

/* // media-breakpoint-up(md) {Schermi grandi (almeno 992px) */
@media (min-width: 992px) { 

}

/* // Schermi molto grandi (almeno 1200px)  media-breakpoint-up(lg)  */
@media (min-width: 1200px) {

}