body {

    width: 100%;
    height: 100%;
    padding-top: 0px;
	  font-family: 'Roboto', sans-serif;
	  font-weight: 300;
	  text-align: left;
	  height: 100%;
	  color:#000;
	  transition: 1s;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

html {
    width: 100%;
    height: 100%;
}

a {
	cursor: pointer;
}

.iubenda-banner-content > p { padding-top: 0px!important; padding-bottom: 0px!important }

.nav .dropdown {
	font-size: 16px;
	padding-bottom: 10px;
}

.navbar-fixed-top {}

.btn-cta {
  width: 40%!important;
    float: right!important;
    margin-right: 0px!important;
    margin-bottom: 6px!important;
}

.no-desktop {display: none!important;}

.quote-book h2 {padding-top: 0px!important;
    margin-top: 10px!important;
    text-transform: none!important;
    font-style:italic;
    font-weight: 300;
    }

.quote-book h1 {margin-bottom: 0px!important;
    padding-bottom: 0px!important;
    padding-top: 0px!important;
    font-size: 24px!important;
    font-weight: 400!important;}

.quote-book img {    width: 20%;
    float: right;}

.quote-book {padding-bottom: 10px}

.alert-top {
	background-color: #d1011b;
	color: #fff!important;
	border:none!important;
    margin-top: 0px;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1000;
    border-radius: 0px!important;
}

.project {width: 100%; border-radius: 3px; background-image: ("img/project-unizer.png"); background-size: cover;}

.close {opacity: .8!important; color:#fff!important;}

#iscriviti h5 {margin-top: 10px;}

.stripe-button-el {
    display: none!important;
}

.cc_container .cc_message {
  color: #fff!important;
}

.cc_container {
  background-color: #000!important;
}


.cta .button {
	width: 90%!important;
}

.no-desktop {
	display: none;
}

	.ux-box-illustration {
	text-align: right;
}

.hero-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero {
	height: 85%!important;
	/*	-webkit-animation: color_change 10s infinite alternate ease-in-out;
	-moz-animation: color_change 10s infinite alternate ease-in-out;
	-ms-animation: color_change 10s infinite alternate ease-in-out;
	-o-animation: color_change 10s infinite alternate ease-in-out;
	animation: color_change 10s infinite alternate ease-in-out;*/
	background-color: #F1EDE5!important;
	background-image: none!important;
}

.hero h1 {
	font-weight: 800;
	font-size: 62px;
	color: #000;
	text-align: left;
}

h1 {
	padding-top: 50px;
	font-weight: 500;
	font-size: 40px;
	color: #000;
	text-align: left;
}

h2 {
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	text-align: left;
}

h3 {
	font-weight: 300;
	font-size: 32px;
	color: #000;
	text-align: left;
	line-height: 1.2;
}

h4 {
	font-weight: 300;
	font-size: 16px;
	color: #000;
	text-align: left;
	line-height: 1.2;
}

p {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left!important;
	font-size: 20px;
	color: #000;
}

.progetto-pre-thumb {padding-top: 30px;}

.progetto-pre-thumb a:hover {opacity: 1!important;}

.progetto-thumb {
	background-color: #fff;
			-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.5);
    transition: 0.3s;
}

.progetto-thumb:hover {
	background-color: #f4f4f4;
			-webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.5);
    transition: 0.3s;
}

.progetto-thumb h3 {
   font-size: 22px!important;
}

.progetto-thumb p {
		font-size: 16px;
   padding-top: 0; padding-bottom: 0;
}

.progetto-thumb h1 {
	padding-top: 0;
	font-size: 32px;
   font-weight: 300;
}

.course-list h2 {
	text-align: left;
	font-size: 46px;
	font-weight: 100;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: none!important;
}

.course-list h3 {
	    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    margin-top: 78px;
}

.course-list h4 {
	margin-top: 0;
	margin-left: 35px;
	font-size: 16px;
	font-weight: 500;
	padding-top: 0px;
	padding-bottom: 20px;
	text-transform: none;
	line-height: 1.4;
}

.course-list p {
	padding-top: 0px;
	padding-bottom: 20px;
}

.discount {
	opacity: 0.5;
	text-decoration: line-through;
}

.big-link {
	font-size: 20px;
	padding-top: 20px; padding-bottom: 20px;
	border: 2px solid #000;
	transition: 0.3s;
}

.big-link:hover {
	background-color: #000;
	color: #fff;
	padding-top: 20px; padding-bottom: 20px;
	transition: 0.3s;
}

.review p {padding:0!important;}
.review .description p {padding-top:15px!important; padding-bottom:15px!important;}

.mentor h3 {font-size: 22px; font-weight: 800; line-height: 1}
.mentor h4 {font-size: 16px; font-weight: 500; line-height: 1}
.mentor .card {padding-top: 45px; padding-right: 40px}
.mentor p {padding-top: 10px; padding-bottom: 0px; font-size: 16px}
.mentor {}
.mentor .link a {font-weight: 800; color:#D0011B;}
.mentor .link a:hover {color:#E31730;}

.divider {
	padding-top: 15px;
	margin-bottom: 20px;
	width: 30px;
	border-bottom: 2px solid #000;
}

.header h1, .header h3 {
	text-align: center;
	color: #fff;
}

.header h1 {font-size: 62px}

.progetto {padding-top: 30px}

.progetto ul {padding-left: 16px}

.progetto h1 {
	padding-top: 0px;
}

.progetto h2 {
	padding-top: 30px;
}

.progetto h3 {font-size: 26px}

.progetto .heading {padding-left: 20px; padding-top: 1px!important;}

.progetto .description p {font-size: 18px!important; line-height: 2}

.home-image {
	padding-top: 80px;
	width: 370px;
}

.teacher {
	margin-top: 50px;
	background-color: #fff;
	border-radius: 20px;
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}

.teacher .heading {
	text-align: center;
	padding-top: 30px;
}

.teacher .heading p {
	padding-top: 20px;
	padding-bottom: 10px;
}

.teacher .description {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-top: 20px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}



.teacher .description p {
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 0px;
}

.teacher .description b {
	font-weight: 500;
}

.cta {
	text-align: center;
	padding-bottom: 20px;
}

.box-yellow {
	padding: 30px 40px!important;
}

.box-yellow-2 {
	padding: 30px 40px 80px!important;
}

.box-yellow h1, .box-yellow p {
	text-align: center!important;
}

.box-yellow .left {
	padding-top: 0px;
	padding-left: 15px;
	text-align: center;
}

.button-yellow {
	width: 250px;
	font-size: 20px;
	font-weight: 300;
	padding: 10px 25px;
	background-color: #FDD835;
	border-radius: 5px;
}

.button-yellow:hover {
	background-color: #F8DF6E;
}

.cover {
	text-align: left;
}

.cover h3, .cover p, .cover h4, .cover h5 {
	text-align: left;
}

.cover h5, .cover h4 {
	font-size: 16px;
}


.bookmark {
	height: 38px;
	width: 200px;
	background-color: rgba(0,0,0,0.12);
	float:left;
	margin-top:72px;
}

.bookmark-sm {
	height: 25px;
	width: 200px;
	background-color: rgba(0,0,0,0.12);
	float:left;
	margin-top:78px;
}

.quote {
	font-size: 22px;
	font-weight: 300;
	font-style: italic;
	padding-bottom: 0;
}

.azienda {
	background-color: #ccc;
	height: 100px;
	border:5px solid #fff;
}

.no-gutter-left {
	padding-left: 0;
	padding-right: 25px;
}

.box-yellow a {
	color:#000;
}

.box-yellow a:hover {
	color:#333;
}

.container-fluid {

}

.item-list .item-list-01 {
	text-align: right;
}

.item-list .item-list-02 {
	text-align: left;
}

.item-small-list {
	padding-bottom: 10px;
}

.item-small-list h2 {
	margin-top: 0px;
}

.item-small-list-01 {
	padding-left: 0px;
	text-align: left;
	padding-bottom: 20px;
}

.item-small-list-02 {
	padding-left: 10px;
	padding-right: 0px;
}

.navbar {
	min-height: 49px!important;
	    background-color: #fff;
    color: #000;
    position: fixed!important;
}

.navbar .button {
	width: 150px;
	    margin-right: -17px;
    margin-top: 8px;
    font-size: 14px!important;
    font-weight: 500;
    padding: 7px 15px;
    background-color: #D0011B;
    color: #fff!important;
    border-radius: 5px;
    text-align: center;
    transition: 0.3s;
}

.navbar .button:hover {
	width: 150px;
	    margin-right: -17px;
    margin-top: 8px;
    font-size: 14px!important;
    font-weight: 500;
    padding: 7px 15px;
    background-color: #E31730;
    color: #fff!important;
    text-align: center;
    transition: 0.3s;
}

.navbar .button a {color:#fff!important;}

.navbar-brand {
	float: left;
	height: 48px;
	padding:0;
	margin-left: -6px!important;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand > img {
	display: inline;
}

.navbar-brand > a {
		text-decoration: none!important;
}


.starboost-lettering {
	color: #fff!important;
	font-size: 20px;
	vertical-align: -webkit-baseline-middle;
	margin-left: 10px;
	text-decoration: none!important;
	font-weight: 800;
}


.submenu {
    padding-right: 10px;
    height: 48px;
}

.lang-selected {
	font-family: "FuturaStd-Bold";
}

.lang-selector {
	font-size: 18px;
	position: relative;
	top:14px;
	margin-right: 15px;
}

.container-fluid {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.faq {
	text-align: left!important;
	padding-bottom: 80px;
	padding-top: 20px;
}

.faq p {
	font-size: 16px;
	text-align: left!important;
	padding-top: 6px;
	padding-bottom: 0px;
}

.faq bold {
	font-weight: 500;
}

.faq h3 {
	font-size: 22px;
}

.row-black {
	background-color: #262626;
	text-align: left;
	padding-bottom: 50px;
}

.row-black p, .row-black h1, .row-black h2, .row-black h3, .row-black h4 {
	color: #fff;
}

.row-black h3 { padding-bottom: 40px; }

.row-level {
	background-color: #585858;
	text-align: left;
	padding-bottom: 20px;
	color: #fff!important;
}

.row-level h4 {
	padding-top: 10px;
	font-weight: 100;
	font-size: 30px;
	text-transform: none;
	text-align: left;
}

.row-level h5 {
	padding-top: 40px;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
}

.row-level p {
	padding-top: 0px;
	text-align: left;
	color: #fff;
}

.row-gray {
	background-color: #f8f8f8;
	text-align: center;
	padding-bottom: 80px;
}

.row-white {
	background-color: #fff;
	text-align: center;
	padding-bottom: 80px;
}

.row-yellow {
	background-color: #FDD835;
	text-align: center;
	padding-bottom: 80px;
}

.row-yellowdark {
	background-color: #EDCA32;
	text-align: center;
	padding-bottom: 80px;
}

.box-yellow {
	background-color: #FDD835;
	text-align: center;
	padding: 50px 100px 20px 100px;
	margin-top: -120px;
}

.skills h1, .skills p {text-align: center!important;}

.skills h5 {
	margin-top: 5px;
	text-align: left;
	font-size:16px;
	font-weight: 300;
	line-height: 1.3;
}

.box-yellow h3 {
	padding-top: 0px;
	text-align: right;
}

.box-yellow .left {
	    padding-top: 34px;
    padding-left: 0px;
    text-align: left;
}

.row-blue {
	background-color: #262626;
	text-align: center;
	padding-bottom: 160px;
	color:#fff!important;
}

.row-blue a {color: #fff!important; font-weight: 800!important;}
.row-blue a:hover {color: #fff!important; font-weight: 800!important; opacity: 0.7;}

.row-blue h1, .row-blue p {color: #fff;}

.tag-list {
	text-align: left;
	padding: 4px 7px!important;
    background-color: #fff;
    border-radius: 4px;
    color: #000!important;
    text-transform: uppercase;
    font-weight: 800;
}

.row-yellow h5 {
	margin-top: 10px;
}

.hw-row01 {
	background-color: #fff;
	text-align: center;
	padding-bottom: 20px;
}

.hw-row01 p {
	text-align: left;
}

.hw-row02 {
	background-color: #f8f8f8;
	text-align: center;
	padding-bottom: 20px;
}

.hw-row02 p {
	text-align: left;
}

.rowB {
	background-color: #f8f8f8;
	text-align: center;
	padding-bottom: 20px;
	padding-right: 20px!important;
}

.highlight {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #FF9F00;
}

.title {
	background-color: #4D7FC0;
	padding-top: 17px;
	padding-bottom: 30px;
	margin-left: 0px!important;
	margin-right: 0px!important;
}

.item-list {
	padding-top: 30px;

}

.button a {

	text-decoration: none;

}

.button {
	margin-top: 20px;
	width: 250px;
	font-size: 20px!important;
	font-weight: 500;
	padding: 15px 25px;
	color: #fff;
	background-color: #D0011B;
	border-radius: 5px;
	text-align: center;
	transition: 0.3s;

}

.button:hover {
	margin-top: 20px;
	width: 250px;
	font-size: 20px;
	font-weight: 500;
	padding: 15px 25px;
	color: #fff;
	background-color: #E31730;
	transition: 0.3s;

}

.button2 {
	margin-top: 20px;
	width: 250px;
	font-size: 20px;
	font-weight: 300;
	padding: 10px 25px;
	background-color: white;
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    -moz-box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.button2:hover {
	margin-top: 25px;
	margin-bottom: -5px;
	width: 250px;
	font-size: 20px;
	font-weight: 300;
	padding: 10px 25px;
	background-color: white;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(80,80,80,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(80,80,80,1);
    box-shadow: 0px 0px 0px 0px rgba(80,80,80,1);
}

.button3 {
	margin-top: 20px;
	width: 350px;
	font-size: 30px;
	font-weight: 300;
	padding: 10px 35px;
	background-color: white;
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    -moz-box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.button3:hover {
	margin-top: 25px;
	margin-bottom: -5px;
	width: 350px;
	font-size: 30px;
	font-weight: 300;
	padding: 10px 35px;
	background-color: white;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(80,80,80,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(80,80,80,1);
    box-shadow: 0px 0px 0px 0px rgba(80,80,80,1);
}

.button-disabled {
	margin-top: 20px;
	width: 250px;
	font-size: 20px;
	font-weight: 300;
	padding: 10px 25px;
	background-color: rgba(255,255,255,0.3);
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    -moz-box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
    box-shadow: 0px 5px 0px 0px rgba(80,80,80,1);
}


.small-divider {
	text-align: left;
	height: 2px;
	width: 100px;
	background-color: #000;
	margin-top: 60px;
	margin-bottom: 10px;
}

.left {
	text-align: left;
}

.left h3, .left p {
	text-align: left!important;
}

.left ul {
	margin-top: 0px;
    padding-left: 19px;
	list-style: url(../img/bulletpoint.png);
}

.left li {
	padding-bottom: 15px;
	font-size:20px;
}

.right-img {
	padding-top: 140px;
	width: 387px;
}

.right-img-badge {
	padding-top: 140px;
	width: 260px;
}

.right-img-container {
	text-align: right;
}

.course-details p {
	text-align: center!important;
	font-size: 18px;
	padding-top: 30px!important;
	font-weight: 500;
}

.course-details {
	margin-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
}

.list-course {
	border-bottom: 1px #fff solid;
}

.bold {
	font-weight: 500;
}

/*
h3 {
	font-size: 40px;
	font-weight: 500;
	padding-top: 50px;

}

h4{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
}

h5 {
	margin-top: 5px;
	text-align: left;
	font-size:16px;
	font-weight: 300;
	line-height: 1.3;
}

p {
	  padding-top: 20px;
	  padding-bottom: 20px;
	  font-size: 20px;
	  line-height: 1.4;
	  text-align: center;
}*/

.bold {
	font-weight: 500;
	font-size: 20px;
}

a {
	color: #000;
	-webkit-transition:  0.3s; /* Safari */
    transition: 0.3s;
    text-decoration: none!important;
}

a:hover {
	color: #000;
	opacity: 0.7;
	text-decoration: none!important;
}

.docente {
	text-align: center;
}

.docente img {
	padding-top: 140px;
}



.last-p {
	padding-bottom: 60px;
}




.order {
	background-color: #2bde73;
}

.white {
	color: #fff!important;
		  padding-top: 20px;
}

.order-form {
	text-align: left!important;
	margin-bottom: 50px;
}

.order-form .form-control {
	background-color: none;
}



table {

	width:100%;
}

@keyframes jump {
	0% {bottom:50px;}
	70% {bottom:70px;}
	100% {bottom:50px;}
}

.page-scroll {
	position: relative;
	bottom:50px;
	left:-14px;
	margin-left: 50%;
	animation: jump 2s infinite ease-in-out;
}

.lista {
		font-size: 18px;
	padding:10px;
	text-align: center;
}

.lista a:hover {
	color: #FF9100!important;
}

.lista a {
	color: #333!important;
}

.lista-tarocchi {
	margin-top: 30px;
	padding-bottom: 130px;
}

.footer {
	text-align: left;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 16px;
	background-color: #000;
	color: #bdbdbd;
}

.footer h3 {
	text-align: left;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: #bdbdbd;
}

.footer p {
	color: #bdbdbd;
	text-align: left;
	padding-top: 20px;
	margin-bottom: 0px;
	padding:0;
	font-size: 16px;
}

.footer ul {
	margin-top: -3px;
	text-align: left;
	padding: 0;
    list-style-type: none;
    font-size: 20px;
}

.footer li {
	padding-bottom:10px;
}

.footer a {
	color: #fff;

}

.footer a:hover {
	color: #bdbdbd;
}

.dropdown-menu {
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 1.5rem 1rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 6px 1.5rem;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
  }

.enabled:hover {
	    background-color: #f7f7f9;
}

.dropdown .disabled {opacity: 0.5}

 .dropdown-title {
    font-weight: 800;
    font-size: 12px;
    color: #292b2c;
    text-transform: uppercase;
 }

 .dropdown-div {
 		padding-top: 10px;
    border-bottom: 1px solid #f4f4f4;
    display: block;
    margin-bottom: 10px;
 }

.tag-menu {
    padding: 2px 7px!important;
    background-color: #fff!important;
    border-radius: 4px;
    color: #000!important;
    margin-top: 13px;
    font-weight: 400;
    font-size: 14px;
}

.tag-menu:hover {
    background-color: #fff!important;
    opacity: 0.5;
}

.unactive {
	color: #ccc!important;
}

.unactive:hover {
	background-color: #f4f4f4!important;

}

.navbar li > a {

}

.about {
	border-left: 1px solid #e8e8e8;
	border-right: none;
	height: 48px;
	    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.about a:hover, .about a:active, .about a:focus {
	background-color: transparent!important;
	color: #AAA;
}


.lang-divider {
	    display: block;
    padding: 15px 0px;
}

.btn-yellow:hover {
	color: #fdd835!important;
}


.btn-primary {
	    color: #fff;
    background-color: rgba(255,255,255,0.4);
    border: none!important;
    height: 48px;
    width: 120px;
    margin-left: 5px;
    font-size: 18px;
    transition: 0.3s;
}

.btn-primary:hover {
		    color: #e34288;
	background-color: rgba(255,255,255,1)!important;
}

.order-form .form-control {
    height: 50px;
    width: 250px;
    background-color: none;
}








@media (max-width: 768px) {

.skills h1, .skills p {text-align: left!important;}

	.no-desktop {
	display: block!important;
}

.no-mobile {
	display: none;
}

.hero-container {
	flex-direction: column-reverse;
}

.cta .button {
	width: 90%!important;
}

.button, .navbar .button  {
	width: 100%;
}

.button {margin-bottom: 30px; margin-top: 0px;}

.button:hover, .navbar .button:hover  {
	width: 100%;
}

.intro {padding: 50px 0px !important;}

.hero { height: 60%!important; }

	.ux-box-illustration {
	text-align: center;
}

.home-image {
	width: 80%;
}

.cover {
	padding:20px!important;
}

.cover h3 {
	padding-top: 0px;
}

.cover p {
	padding-left: 0px!important;
	padding-top: 0px!important;
	font-size: 20px;
}

.row-level {
	padding:10px!important;
}

.row-level p {
	padding-left: 0px;
}

.row-level h5 {
	padding-top: 20px;
}

.header h1 {
	font-size: 50px!important;
}

.header h3 {
	font-size: 30px!important;
}

.intro {
	background-position: -630px!important;
	height: 350px!important;
}


h1 {
	line-height: 1!important;
	padding-top: 20px!important;
	font-size: 32px!important;
}

h3 { font-size: 25px; }

.intro .button {
    margin-bottom: 10px!important;
}

p {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	font-size: 18px;
	text-align: left;
}

b {

}

.navbar-header {
	margin-right: 0px!important;
    margin-left: 0px!important;
}

.lang-divider {
	display: none;;
}

.navfabula {

}

.fabula-logo {
	left:0;
}

.switch-lang {
	right:0;
}

.intro {
height: 50%;
	}


.container-fluid {
	margin-right: 0px!important;
	margin-left: 0px!important;
}

.image01 {
	width: 90%;
}

.footer {
	margin-top: 0px;
}

.recap {
	width:80%;
}

.switch-table {
font-family: "FuturaStd-Bold", sans-serif;
font-size: 18px;
}

.btn-primary {
    width: 100%;
    margin-left: 0px!important;
}

.order-form .form-control {
    width: 100%;
}

.last-p {
	padding-bottom: 30px;
}




.navbar {
	    color: #000!important;
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
}

 .navbar-collapse {
 	background-color: #fff;
 }

 .img-thumbnail {
    display: inherit;
}

.button2 {width: 100%!important;}
.button3 {width: 100%!important;}

.item-list {padding-top: 0px!important}

.center-text {text-align: left!important;}




}



.student .description {border-bottom: none!important; }
.student .cta {	width: 100%; border-top: 1px solid #e8e8e8; align-self: flex-end;}

.student-left {padding-right: 20px!important;}
.student-right {padding-left: 20px!important;}

.student .cta {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.student .cta img {
	border-radius: 5px;
}

.student .cta p {
	font-size: 16px;
	font-weight: 800;
	padding-bottom: 0px;
	padding-top: 5px;
}




@media (max-width: 991px) {

.nav .dropdown {
	padding-bottom: 25px;
}

.dropdown-item {
	font-size: 16px!important;
	}



	p {
		/*text-align: center;*/
	}

html, body {
        max-width: 100%;
        overflow-x: hidden;
           overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    }

.docente img {
	padding-top: 30px;
}



.student .description {border-bottom: none!important; }
.student .cta {	width: 100%; border-top: 1px solid #e8e8e8; align-self: flex-end;}


.student-left {padding-right: 15px!important;}
.student-right {padding-left: 15px!important;}

.right-img {
	padding-top: 30px;
	width: 100%;
}

.right-img-badge {
	padding-top: 30px;
	padding-bottom: 30px;
}

.right-img-container {
	text-align: center;
}

.row-black h5 {
	padding-top: 40px;
}

.row-black h4 {
	padding-bottom: 20px;
}

.bookmark, .bookmark-sm {
	display: none;
}

.box-yellow {
	padding: 30px 40px!important;
}

.box-yellow h3, .box-yellow p {
	text-align: center;
}

.box-yellow .left {
	padding-top: 0px;
	padding-left: 15px;
	text-align: center;
}

.item-list .item-list-01 {
	text-align: left;
	padding-bottom: 10px;
}

.item-list .item-list-02 {
	/*text-align: center;*/
	padding-top:10px;
	padding-bottom: 20px;
}

.item-list .item-list-02 h4, .item-list .item-list-02 h5 {
	/*text-align: center;*/
}

.left, .left p, .left h3 {
	/*text-align: center!important;*/
}

.left ul {
	text-align: left;
	padding-left: 10%;
	padding-right: 10%;
}

.left li {
	font-size: 16px;
}

.left img {
	/*padding-top: 40px;*/
}

.faq .section {
margin-top: 20px;
}

 .img-thumbnail {
    display: inherit;
}

 }

@media (min-width: 768px) {

.no-mobile {display: hidden;}
.no-desktop {display: block;}

.testo-sx p {padding-right: 30px}


.navbar-nav {
	float: right!important;
}

.navbar {
	    color: #000!important;
    height: 48px;
    background-color: #fff!important;
    border-bottom: 1px solid #f4f4f4;
}

.jumbotron {
    padding-top: 90px;
    padding-bottom: 90px;
}


 }


.navbar-toggle .icon-bar {
    background-color: #000;
    }

.navbar-toggle {
	background-color: #fff;
	margin-right: 5px;
	padding: 8px 10px;
}

.navbar li > a {
	margin-left: 5px;
}

.dropdown-menu {
	left: inherit;
	right: 0!important;
}

.center {
	text-align: center;
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.center-text {
	text-align: center;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.dropdown-menu.multi-column {
    width: 400px;
}

.dropdown-menu.multi-column .dropdown-menu {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.jumbotron {
	position: relative;
	text-align: center;
	background-image: url('../img/jumbo-back.png');
	background-size: cover;
	height: 100%;
	width: 100%;
}

/*.intro h2 {
	font-family: "Roboto", sans-serif;
	font-size: 28px;
	font-weight: 300;
}*/

.intro {
    display: table;
    width: 100%;
    height: 500px;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/hero-back.jpg) no-repeat center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro-yellow {margin-top:49px;display: table; width: 100%; height: 150px; background-color:#FDD835; background-image: none;}
.intro-yellow .intro-body {display: table-cell; vertical-align: middle;}
.intro-yellow .intro-body h3 {}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

@media(max-width: 768px) {

	.bookcover {width: 80%!important;}

.tag-menu {
	text-align: left!important;
    padding: 0!important;
    margin-top: 0px!important;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
}

.tag-menu:hover {
    background-color: #f4f4f4!important;
}

.navbar .button {font-size: 16px!important;}

.about {
	text-align: left!important;
	border-left: none!important;
}


/*.tag-menu {
    padding: 10px 15px!important;
    color: #000!important;
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: 800;
}*/

.navbar li a {


}

.unactive {background-color: transparent!important; color: #ccc!important;}
.unactive:hover {background-color: transparent!important;}

.about a {color: #000!important;}

}

@media(min-width:768px) {
    .intro {
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}


@-webkit-keyframes color_change {
	0% { background-color: #F1EDE5; }
	25% { background-color: #E8F1E5; }
	50% { background-color: #E5F1F0; }
	75% { background-color: #E5E5F1; }
	100% { background-color: #F1E5EF; }
}
@-moz-keyframes color_change {
	0% { background-color: #F1EDE5; }
	25% { background-color: #E8F1E5; }
	50% { background-color: #E5F1F0; }
	75% { background-color: #E5E5F1; }
	100% { background-color: #F1E5EF; }
}

@-ms-keyframes color_change {
	0% { background-color: #F1EDE5; }
	25% { background-color: #E8F1E5; }
	50% { background-color: #E5F1F0; }
	75% { background-color: #E5E5F1; }
	100% { background-color: #F1E5EF; }
}

@-o-keyframes color_change {
	0% { background-color: #F1EDE5; }
	25% { background-color: #E8F1E5; }
	50% { background-color: #E5F1F0; }
	75% { background-color: #E5E5F1; }
	100% { background-color: #F1E5EF; }
}
@keyframes color_change {
	0% { background-color: #F1EDE5; }
	25% { background-color: #E8F1E5; }
	50% { background-color: #E5F1F0; }
	75% { background-color: #E5E5F1; }
	100% { background-color: #F1E5EF; }
}

@media (min-width: 1200px) {

.container {
     width: 970px;
}
}

@media (min-width: 991px) {
	.student {
		display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 550px;
}

.student .description {height: 189px;}
}