body {

	min-height: 100vh;

	background: #f8f8f6;

	font-family: Lato, sans-serif;

}



a, a:hover, a:focus, a:visited, a:active {

	text-decoration: none;

}



textarea{

	resize: none;

}

#loading{

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	background: rgba(0,0,0,0.5);

	z-index: 10;

}

@keyframes spinner {

  to {transform: rotate(360deg);}

}

 

.spinner:before {

  content: '';

  box-sizing: border-box;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 50px;

  height: 50px;

  margin-top: -25px;

  margin-left: -25px;

  border-radius: 50%;

  border-top: 2px solid #07d;

  border-right: 2px solid transparent;

  animation: spinner .6s linear infinite;

}



.lato-bold{

	font-weight: 700;

}



.lato-light{

	font-weight: 300;

}



.margin-0{

	margin-left: 0px;

}



.navbar-brand{

	height: auto;

}



.navbar-brand img{

	height: 100px;

}



.center{

	margin-left: auto;

	margin-right: auto;

	float: none;

}



.share-center{

	display: block;

	width: 205px;

	margin-top: 30px;

}



.share-center a {

    display: inline-block;

    color: #fff;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: #909090;

    text-align: center;

    line-height: 55px;

    margin-left: 10px;

    margin-right: 10px;

}



.yellow-background{

	background-color: #fae915;

}

.green-background{

	background-color: #139d3e;

}

.orange-background{

	background-color: #ec8520;

}

.magenta-background{

	background-color: #9f417d;

}

.blue-background{

	background-color: #00acda;

}



.circle{

	color: #fff;

	width: 45px;

	height: 45px;

	border-radius: 50%;

	line-height: 45px;

	margin-right: 5px;

	margin-left: 5px;

	font-size: 17px;

	display: inline-block;

	cursor: pointer;

}



.greybg{

	background: #ededed;

}



.circle-container{

	padding-right: 10px;

	padding-left: 10px;

	margin-bottom: 20px;

    margin-top: 20px;

    display: block;

    float: none;

    width: 320px;

    margin-left: auto;

    margin-right: auto;

}



.convidi-btn , .scegli-design-btn{

	margin-top: 20px;

	color: #a7a7a7;

	border: none;

	border-radius: 0px;

	background-color: #e5e5e5;

}



.convidi-btn{

	height: 50px;

	width: 200px;

	border: none;

	border-radius: 0px;

	background-color: #e5e5e5;

	font-size: 20px;

}



.convidi-btn i{

	font-size: 18px; 

}



.btn:focus, .btn:active, .btn:active:focus{

	outline: transparent;

}



.home-svg{

	width: 225px;

}



.text-container{

	margin-top: 35px;

	margin-bottom: 20px;

}



.svg-container{

    margin-top: 30px;

}

.svg-container svg{

	width: 210px;

    height: 356px;

}



.title-text-svg{

	position: absolute;

	top: 35%;

	font-family: 'Lato', sans-serif;

    font-weight: 400;

    margin-right: 15px;

}



.area-testo{

	width: 50%;

    margin-left: 50%;

    height: 90px;

    background: none;

    border: none;

    font-size: 77px;

    outline: transparent;

    color: #00acda;

    font-weight: 700;

    font-family: 'Montserrat', sans-serif;

    overflow: hidden;

    line-height: 100%;

    padding-top: 0px;

    padding-bottom: 0px;

}



#svg-text{

	font-family: Lato, sans-serif;

    font-size: 10px;

    font-weight: 400;

    fill:#a7a7a7;

}


/*Yellow placeholder*/

.placeholder-yellow::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: rgb(253, 237, 58)!important;

}

.placeholder-yellow::-moz-placeholder { /* Firefox 19+ */

  color: rgb(253, 237, 58)!important;

}

.placeholder-yellow:-ms-input-placeholder { /* IE 10+ */

  color: rgb(253, 237, 58)!important;

}

.placeholder-yellow:-moz-placeholder { /* Firefox 18- */

  color: rgb(253, 237, 58)!important;

}


/*Yellow placeholder*/




/*green placeholder*/

.placeholder-green::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: rgb(0, 173, 85)!important;

}

.placeholder-green::-moz-placeholder { /* Firefox 19+ */

    color: rgb(0, 173, 85)!important;

}

.placeholder-green:-ms-input-placeholder { /* IE 10+ */

    color: rgb(0, 173, 85)!important;

}

.placeholder-green:-moz-placeholder { /* Firefox 18- */

    color: rgb(0, 173, 85)!important;

}


/*green placeholder*/


/*orange placeholder*/

.placeholder-orange::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: rgb(243, 133, 49)!important;

}

.placeholder-orange::-moz-placeholder { /* Firefox 19+ */

    color: rgb(243, 133, 49)!important;

}

.placeholder-orange:-ms-input-placeholder { /* IE 10+ */

    color: rgb(243, 133, 49)!important;

}

.placeholder-orange:-moz-placeholder { /* Firefox 18- */

    color: rgb(243, 133, 49)!important;

}


/*orange placeholder*/



/*purple placeholder*/

.placeholder-purple::-webkit-input-placeholder { /* Chrome/Opera/Safari */

 	color: rgb(157, 74, 136)!important;

}

.placeholder-purple::-moz-placeholder { /* Firefox 19+ */

 	color: rgb(157, 74, 136)!important;

}

.placeholder-purple:-ms-input-placeholder { /* IE 10+ */

 	color: rgb(157, 74, 136)!important;

}

.placeholder-purple:-moz-placeholder { /* Firefox 18- */

 	color: rgb(157, 74, 136)!important;

}


/*purple placeholder*/



/*blue placeholder*/

.placeholder-blue::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #00acda;

}

.placeholder-blue::-moz-placeholder { /* Firefox 19+ */

  color: #00acda;

}

.placeholder-blue:-ms-input-placeholder { /* IE 10+ */

  color: #00acda;

}

.placeholder-blue:-moz-placeholder { /* Firefox 18- */

  color: #00acda;

}


/*blue placeholder*/








.area-testo::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #00acda;

}

.area-testo::-moz-placeholder { /* Firefox 19+ */

  color: #00acda;

}

.area-testo:-ms-input-placeholder { /* IE 10+ */

  color: #00acda;

}

.area-testo:-moz-placeholder { /* Firefox 18- */

  color: #00acda;

}



.navbar{

	background: #fff;

}



/*.ebologna-nav-container{

	padding-top: 40px;

    padding-bottom: 40px;

}*/



.navbar-nav-ebologna .active a {

	font-weight: 400;

}



.navbar-nav-ebologna>li>a, .ebologna-nav-container>a{

	padding-left: 50px;

    padding-right: 50px;

    font-size: 18px;

    color: #a7a7a7;

    line-height: 100px;

    font-family: 'Lato', sans-serif;

    font-weight: 300;

} 

.ebologna-nav-container>a{

	padding-top: 15px;

	padding-bottom: 15px;

}



.navbar-nav-ebologna>li>a:hover,.navbar-nav-ebologna>li>a:focus{

	background: none;

}



.ebologna-container-fluid{

	min-height: 60vh; 

	color: #a7a7a7;

}



.homepage-circle{

	content: "";

	display: inline-block;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	border: 1px solid #a7a7a7;

	position: absolute;

	top: 0;

	line-height: 38px;

}

.homepage-text{

	display: inline-block;

	height: 40px;

	line-height: 40px;

	padding-left: 50px;

	padding-right: 20px;

	background: #f8f8f6;

    font-size: 20px;

    font-family: 'Lato', sans-serif;

    font-weight: 400;

}



.instructions:after{

	content: "";

	display: inline-block;

	width: 100%;

	position: absolute;

	top: 50%;

	left: 0;

	border-bottom: 1px solid #a7a7a7;

	z-index: -1;

}







/*About Us Page*/



.about-container{

	padding-left: 50px;

	padding-right: 50px;

	color: #a7a7a7;

	margin-bottom: 30px;

}

.about-container img{
	max-width: 100%;
	height: auto;
}



.about-container p {

	font-size: 16px;

    font-family: Lato, sans-serif;

    font-weight: 300;

}



.about-container h1{

    margin-bottom: 30px;

    font-family: Lato, sans-serif;

    font-weight: 300;

    font-size: 30px;

}



/* /About Us Page */





/*il liceo*/

.contact-info{	

	color: #00acda;

	margin-top: 30px; 

}

.contatti h3{

	margin-bottom: 5px;

	margin-top: 0px;

}



.contatti{

	margin-top: 30px;

}

.contact-info h3{

	font-size: 16px;

}



/* /il liceo*/











footer {

	height: 5vh;

	width: 100%;

	background: #00acda;

	bottom: 0;

	left: 0;

	min-height: 50px;

}



.main-no-footer{

	min-height: 95vh;

	padding-bottom: 30px;
}











/* ----- DIALOG/MODAL ----- */

/* FADE/SCALE EFFECT */

.modal.fade .modal-dialog {

	opacity: 0;

	-webkit-transform: scale(0.1);

		-ms-transform: scale(0.1);

		 -o-transform: scale(0.1);

			transform: scale(0.1);

	-webkit-transition: all 0.3s ease;

	   -moz-transition: all 0.3s ease;

		 -o-transition: all 0.3s ease;

			transition: all 0.3s ease;

}



.modal.fade.in .modal-dialog {

	opacity: 1;

	-webkit-transform: scale(1);

		-ms-transform: scale(1);

		 -o-transform: scale(1);

			transform: scale(1);

	-webkit-transform: translate3d(0%, 0, 0);

		-ms-transform: translate3d(0%, 0, 0);

		 -o-transform: translate3d(0%, 0, 0);

			transform: translate3d(0%, 0, 0);

}



/* DIALOG CONTENT */

.modal-content {

	border: none;

	border-radius: 2px;

	-webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);

	   -moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);

			box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);

}



/* DIALOG HEADER */

.modal-header {

	min-height: 16px;

	padding: 24px;

	border-bottom: none;

}



.modal-title {

	font-weight: 500;

	font-size: 21px;

}



/* DIALOG BODY */

.modal-body {

	padding: 0 24px;

}



.modal-body p {

	font-weight: 400;

	font-size: 14px;

	color: #212121;

}



.modal-body .lead {

	font-weight: 300;

	font-size: 16px;

	color: #757575;

}



.modal-body p:last-child,

.modal-body .lead:last-child {

	margin-bottom: 0;

}



/* DIALOG FOOTER */

.modal-footer {

	margin-top: 24px;

	padding: 8px 0;

	border-top: none;

}



.modal-footer .btn {

	height: 36px;

	margin-right: 8px;

	padding: 8px 10px;

	border: none;

	border-radius: 0;

	text-transform: uppercase;

	font-weight: 500;

	color: #009688;

	background-color: #fff;

}



.modal-footer .btn:focus {

	outline: none;

	box-shadow: none;

}



.modal-footer .btn:focus,

.modal-footer .btn:hover {

	color: #00796B;

}



.modal-footer .btn + .btn {

	margin-left: 0;

}



.modal-footer .btn + .btn:last-child {

	margin-left: -4px;

}





.logo-chooser{

	padding: 5px;

	border: 1px solid #ddd;

	cursor: pointer;

}



@media (max-width: 1400px){

	.homepage-text{

		font-size: 15px;

	}

}



@media (max-width: 1280px){

	.homepage-text{

		font-size: 12px;

	}

}



@media (max-width: 992px){

	.navbar-nav-ebologna>li>a, .ebologna-nav-container>a {

	    padding-left: 40px;

	    padding-right: 40px;

	    font-size: 24px;

	    color: #a7a7a7;

	    line-height: 100px;

	    font-family: 'Lato', sans-serif;

	    font-weight: 300;

	}

}



@media (max-width: 768px){

	#area_testo{

		display: block;

		margin-left: auto;

		margin-right: auto;

		width: 100%;

		text-align: center;

		text-align: -webkit-center;

		font-size: 50px;

	}

	.navbar-nav-ebologna>li{

		display: inline-block;

	}

	.navbar-nav-ebologna>li>a, .ebologna-nav-container>a {

	    padding-left: 15px;

	    padding-right: 15px;

	    font-size: 20px;

	}

	.navbar-brand img{
		height: 95px;
	    margin-top: 20px;
	}

	.about-container{
		padding-left: 5px;
		padding-right: 5px;
	}



}



@media (max-width: 420px){
/*
	.circle{
		margin-right: 0px;
		margin-left: 0px;
	}*/
	.svg-container{
		margin-top: 0px;
	}

	.svg-container svg {
	    width: 130px;
	    height: 220px;
	}

	#area_testo{

		font-size: 45px;

	}

	.navbar-nav-ebologna>li>a, .ebologna-nav-container>a {

        padding-left: 5px;

	    padding-right: 5px;

	    font-size: 17px;

	    color: #a7a7a7;

	    line-height: 60px;

	}

	.navbar-brand img {

		width: 90px;

		height: auto;

		margin-top: 0px;

	}

	.circle{

		width: 35px;

		height: 35px;

		line-height: 35px;

	}

	.contatti h3,.contact-info h3{

		font-size: 21px;

	}



}