body{
	color:#b2b2b2;
	/*font-family: MackayDEMO-Regular;*/
	/*font-family: gotham_mediumregular;*/
	font-family: 'Roboto', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	/*font-family: MackayDEMO-Regular;*/
	font-family: 'DM Serif Display', serif;
}

p{
	font-size:16px;
}

.success-background{
	color:#155724;
}

.danger-background{
	color:#721c24;
}

.text-blue{
	color: #3074da !important;
}

.text-white{
	color: #fff !important;
}

.text-bold-blue{
	color: #3074da !important;
	font-weight:bold;
}

a.btn-empty, button.btn-empty{
	color: #3074da !important;
	border-color: #3074da !important;
	transform: skew(-30deg, 0);
	border-radius: 18px 0 18px 0;
}

a.btn-empty:hover, button.btn-empty:hover{
	color: #fff !important;
	border-color: #3074da !important;
	background-color: #3074da !important;
}

a.btn-full, button.btn-full{
	color: #fff !important;
	background-color: #3074da !important;
	transform: skew(-30deg, 0);
	border-radius: 18px 0 18px 0;
}

a.btn-full:hover, button.btn-full:hover{
	color: #3074da !important;
	border-color: #3074da !important;
	background-color: #fff !important;
}

a.btn, button.btn{
	text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    padding: 18px 22px;
	letter-spacing: 3px;
	margin-left: 16px; /* corregge allinamento orizzontale sbagliata per l'inclinazione */
	min-width: 250px; /* 13/01/2021 */
}

a.btn-empty span, button.btn-empty span{
	display: inline-block;
    transform: skew(30deg, 0);
}

a.btn-full span, button.btn-full span{
	display: inline-block;
    transform: skew(30deg, 0);
}

.custom-toggler {
	padding:0 !important;
}

.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(48,116,218, 1)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

ul#menu{
	
}

#menu li.list-group-item{
	background: transparent !important;
	border:0;
	padding-right: 0;
}

#menu li a{
	text-transform:uppercase;
	font-size: 11px;
	letter-spacing: 3px;
}

#logo_nome{
	margin-top: 12px;
    margin-left: 19px;
}

#header{
	height:auto;
	z-index: 99999;
	transition: background-color 500ms linear, padding 200ms linear;
}

.blue_bck{
	background-color: #000040;
}

.black_bck{
	background-color: #000;
}

#slogan{
	background-image: url(/img/home/header.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	color: #fff;
	padding:55% 0;
}

body.webp #slogan{
	background-image: url(/img/home/header.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	color: #fff;
	padding:55% 0;
}

#accordionProblemi .card-header{
	background-color:#fff !important;
}

#accordionProblemi .card-header button.btn{
	color:#721c24;
	margin:0;
}

#accordionProblemi .card-body{
	/*color:#721c24;*/
}

@media (min-width: 576px) {
	#slogan{
		background-image: url(/img/home/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:45% 0;
	}
	
	body.webp #slogan{
		background-image: url(/img/home/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:45% 0;
	}
}

@media (min-width: 768px) {
	#slogan{
		background-image: url(/img/home/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:35% 0;
	}
	
	body.webp #slogan{
		background-image: url(/img/home/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:35% 0;
	}
}

@media (min-width: 992px) {
	#slogan{
		background-image: url(/img/home/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:25% 0;
	}
	
	body.webp #slogan{
		background-image: url(/img/home/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:25% 0;
	}
}

@media (min-width: 1200px) {
	#slogan{
		background-image: url(/img/home/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:20% 0;
	}
	
	body.webp #slogan{
		background-image: url(/img/home/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		color: #fff;
		padding:20% 0;
	}
}

#slogan_testo{
	/*margin: 80px 0 0 0;
    z-index: 9999;
    position: relative;
    font-size: 30px;*/
}

#slogan_testo h1{
	color: #fff;
	font-size:50px;
}

#slogan_content{
	/*height: 679px;
	height: 748px;
    padding: 0;
    position: relative;	*/
}

@keyframes animazione_header {
	0% {
		background-image: url(/img/header/1.jpg);
	}
	50% {
		background-image: url(/img/header/2.jpg);
	}
	100% {
		background-image: url(/img/header/3.jpg);
	}
	/*50% {opacity: 0.6;}
	100% {opacity: 1;}*/
}

#slogan_content::after{
	/*content: '';
	background-image: url(/img/header/mario-mesaglio-ayP7_6ab6zk-unsplash.jpg);
    background-repeat: no-repeat;
    background-position: 85% 50%;
    background-size: contain;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;*/
}

#slogan p{
	/*font-size:16px;*/
}

#chi_siamo{
	padding:10% 0 10% 0;
}

#chi_siamo h1{
	margin: 0 0 40px 0;
}

#chi_siamo .col p{
	/*font-size:16px;*/
}

#chi_siamo_img{
	background-image: url(/img/home/il_tuo_partner_it.jpg);
    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin:0 4% 0 4%;
	height:464px;
}

body.webp #chi_siamo_img{
	background-image: url(/img/home/il_tuo_partner_it.webp);
    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin:0 4% 0 4%;
	height:464px;
	
}

#chi_siamo_testo{
	padding:1% 0 1% 0;
	margin:0 4% 0 4%;
}

#chi_siamo_test_testo_block{
	/*padding:0 64% 0 0;*/
}

#slogan_chi_siamo{
	background-image: url(/img/chi_siamo/header.jpg);
    background-repeat: no-repeat;
    /*background-position: 0 -470px;*/
    background-size: cover;
	padding: 50% 0;
}

body.webp #slogan_chi_siamo{
	background-image: url(/img/chi_siamo/header.webp);
    background-repeat: no-repeat;
    /*background-position: 0 -470px;*/
    background-size: cover;
	padding: 50% 0;
}

@media (min-width: 576px) {
	#slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.jpg);
		background-repeat: no-repeat;
		/*background-position: 0 -470px;*/
		background-size: cover;
		padding: 40% 0;
	}
	
	body.webp #slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.webp);
		background-repeat: no-repeat;
		/*background-position: 0 -470px;*/
		background-size: cover;
		padding: 40% 0;
	}
}

@media (min-width: 768px) {
	#slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.jpg);
		background-repeat: no-repeat;
		/*background-position: 0 -470px;*/
		background-size: cover;
		padding: 40% 0;
	}
	
	body.webp #slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.webp);
		background-repeat: no-repeat;
		/*background-position: 0 -470px;*/
		background-size: cover;
		padding: 40% 0;
	}
}

@media (min-width: 992px) {
	#slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 -120px;*/
		background-size: cover;
		padding: 20% 0;
	}
	
	body.webp #slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.webp);
		background-repeat: no-repeat;
		background-position: 0 -120px;*/
		background-size: cover;
		padding: 20% 0;
	}
}

@media (min-width: 1200px) {
	#slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 -370px;*/
		background-size: cover;
		padding: 15% 0;
	}
	
	body.webp #slogan_chi_siamo{
		background-image: url(/img/chi_siamo/header.webp);
		background-repeat: no-repeat;
		background-position: 0 -370px;*/
		background-size: cover;
		padding: 15% 0;
	}
}

#slogan_chi_siamo h1{
	color: #fff;
	font-size:50px;
}

#slogan_servizi{
	background-image: url(/img/servizi/header.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	padding:50% 0;
}

body.webp #slogan_servizi{
	background-image: url(/img/servizi/header.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	padding:50% 0;
}

@media (min-width: 576px) {
	#slogan_servizi{
		background-image: url(/img/servizi/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:40% 0;
	}
	
	body.webp #slogan_servizi{
		background-image: url(/img/servizi/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:40% 0;
	}
}

@media (min-width: 768px) {
	#slogan_servizi{
		background-image: url(/img/servizi/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:30% 0;
	}
	
	body.webp #slogan_servizi{
		background-image: url(/img/servizi/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:30% 0;
	}
}

@media (min-width: 992px) {
	#slogan_servizi{
		background-image: url(/img/servizi/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:20% 0;
	}
	
	body.webp #slogan_servizi{
		background-image: url(/img/servizi/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:20% 0;
	}
}

@media (min-width: 1200px) {
	#slogan_servizi{
		background-image: url(/img/servizi/header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:15% 0;
	}
	
	body.webp #slogan_servizi{
		background-image: url(/img/servizi/header.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:15% 0;
	}
}

#slogan_servizi h1{
	color: #fff;
	font-size:50px;
}

#slogan_servizi p{
	color: #fff;
}

#i_nostri_servizi{
	background-image: url(/img/home/parallax_servizi.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	padding: 43% 0;
}

body.webp #i_nostri_servizi{
	background-image: url(/img/home/parallax_servizi.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	padding: 43% 0;
}

@media (min-width: 576px) {
	#i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 33% 0;
	}
	
	body.webp #i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 33% 0;
	}
}

@media (min-width: 768px) {
	#i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 23% 0;
	}
	
	body.webp #i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 23% 0;
	}
}

@media (min-width: 992px) {
	#i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 13% 0;
	}
	
	body.webp #i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 13% 0;
	}
}

@media (min-width: 1200px) {
	#i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 8% 0;
	}
	
	body.webp #i_nostri_servizi{
		background-image: url(/img/home/parallax_servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding: 8% 0;
	}
}

#i_nostri_servizi h1{
	color: #3074da;
}

#i_nostri_servizi ul li{
	color: #fff;
	font-size:30px;
}

#i_nostri_servizi ul.list-inline li:after{
	content:'|';
	margin: 0 0 0 10px;
}

#i_nostri_servizi ul.list-inline li:last-child:after{
	content:'';
}

#make_it_easy{
	padding:10% 0 10% 0;
}

#make_it_easy h1{
	margin: 0 0 40px 0;
}

@media (max-width: 768px) {
	#make_it_easy h1{
		text-align:center;
	}
}

@media (min-width: 768px) {
	#make_it_easy h1{
		text-align:left;
	}
}

#make_it_easy .col p{
	/*font-size:16px;*/
}

#make_it_easy_testo{
	padding:1% 0 1% 0;
	margin:0 4% 0 4%;
}

#make_it_easy_img{
	background-image: url(/img/home/make_it_easy.jpg);
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
	margin:0 4% 0 4%;
	height:464px;
}

body.webp #make_it_easy_img{
	background-image: url(/img/home/make_it_easy.webp);
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
	margin:0 4% 0 4%;
	height:464px;
}

#make_it_easy_testo_block{
	/*padding:0 64% 0 0;*/
}

#check_it_easy{
	padding:10% 0 10% 0;
}

#check_it_easy h1{
	margin: 0 0 40px 0;
}

@media (max-width: 768px) {
	#check_it_easy h1{
		text-align:center;
	}
}

@media (min-width: 768px) {
	#check_it_easy h1{
		text-align:left;
	}
}

#check_it_easy .col p{
	/*font-size:16px;*/
}

#check_it_easy_testo{
	padding:1% 0 1% 0;
	margin:0 4% 0 4%;
}

#check_it_easy_img{
	background-image: url(/img/home/check_it_easy.jpg);
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
	margin:0 4% 0 4%;
	height:465px;
}

body.webp #check_it_easy_img{
	background-image: url(/img/home/check_it_easy.webp);
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
	margin:0 4% 0 4%;
	height:465px;
}

#check_it_easy_testo_block{
	/*padding:0 64% 0 0;*/
}

#vuoi_saperne_di_piu{
	background-color:#000040;
	padding:10% 0 10% 0;
}

/*#contatti_container{
	background-color:#000040;
	padding:15% 0;
}*/

/*xs fino a 575px*/
#contatti_container{
	background-color:#000040;
	/*padding:50% 0;*/
}


/*@media (min-width: 576px) {
	#contatti_container{
		background-color:#000040;
		padding:40% 0;
	}
}

@media (min-width: 768px) {
	#contatti_container{
		background-color:#000040;
		padding:30% 0;
	}
}

@media (min-width: 992px) {
	#contatti_container{
		background-color:#000040;
		padding:20% 0;
	}
}

@media (min-width: 1200px) {
	#contatti_container{
		background-color:#000040;
		padding:15% 0;
	}
}*/

#vuoi_saperne_di_piu_container{
    padding: 50% 10%;
    background-image: url(/img/contatti/contatti.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	width:100%;
}

body.webp #vuoi_saperne_di_piu_container{
    padding: 50% 10%;
    background-image: url(/img/contatti/contatti.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	width:100%;
}

@media (min-width: 576px) {
	#vuoi_saperne_di_piu_container{
		padding: 40% 25%;
		background-image: url(/img/contatti/contatti.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		width:100%;
	}
	
	body.webp #vuoi_saperne_di_piu_container{
		padding: 40% 25%;
		background-image: url(/img/contatti/contatti.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		width:100%;
	}
}

@media (min-width: 768px) {
	#vuoi_saperne_di_piu_container{
		padding: 30% 5%;
		background-image: url(/img/contatti/contatti.jpg);
		background-repeat: no-repeat;
		background-position: -460px 0;
		background-size: cover;
		width:50%;
	}
	
	body.webp #vuoi_saperne_di_piu_container{
		padding: 30% 5%;
		background-image: url(/img/contatti/contatti.webp);
		background-repeat: no-repeat;
		background-position: -460px 0;
		background-size: cover;
		width:50%;
	}
}

@media (min-width: 992px) {
	#vuoi_saperne_di_piu_container{
		padding: 20% 5%;
		background-image: url(/img/contatti/contatti.jpg);
		background-repeat: no-repeat;
		background-position: -360px 0;
		background-size: cover;
		width:50%;
	}
	
	body.webp #vuoi_saperne_di_piu_container{
		padding: 20% 5%;
		background-image: url(/img/contatti/contatti.webp);
		background-repeat: no-repeat;
		background-position: -360px 0;
		background-size: cover;
		width:50%;
	}
}

@media (min-width: 1200px) {
	#vuoi_saperne_di_piu_container{
		padding: 15% 10%;
		background-image: url(/img/contatti/contatti.jpg);
		background-repeat: no-repeat;
		background-position: -500px 0;
		background-size: cover;
		width:50%;
	}
	
	body.webp #vuoi_saperne_di_piu_container{
		padding: 15% 10%;
		background-image: url(/img/contatti/contatti.webp);
		background-repeat: no-repeat;
		background-position: -500px 0;
		background-size: cover;
		width:50%;
	}
}

#vuoi_saperne_di_piu_content{
	margin: 0 4% 0 4%;
}

@media (max-width: 768px) {
	#vuoi_saperne_di_piu_content{
		text-align:center;
	}
}

@media (min-width: 768px) {
	#vuoi_saperne_di_piu_content{
		text-align:left;
	}
}

#vuoi_saperne_di_piu_content div:last-child{
	margin-bottom:1.5rem;
}

#vuoi_saperne_di_piu_content h3{
	color:#fff;
}

#vuoi_saperne_di_piu_form_container{
    padding: 50% 2%;
	width:100%;
}

@media (min-width: 576px) {
	#vuoi_saperne_di_piu_form_container{
		padding: 40% 2%;
		width:100%;
	}
}

@media (min-width: 768px) {
	#vuoi_saperne_di_piu_form_container{
		padding: 30% 2%;
		width:50%;
	}
}

@media (min-width: 992px) {
	#vuoi_saperne_di_piu_form_container{
		padding: 20% 2%;
		width:50%;
	}
}

@media (min-width: 1200px) {
	#vuoi_saperne_di_piu_form_container{
		padding: 15% 2%;
		width:50%;
	}
}

#vuoi_saperne_di_piu_form_content{
	margin: 0 4% 0 4%;
	
}

footer{
	background-color: #000040;
    padding: 2% 0 2% 0;
    color: #3074da;
    border-top: 1px solid #3074da;
}

footer p{
	margin:0;
}

#footer_left_content{
	margin:0 4% 0 4%;
	padding: 0;
}

@media (max-width: 768px) {
	#footer_left_content{
		text-align:center;
	}
}

@media (min-width: 768px) {
	#footer_left_content{
		text-align:left;
	}
}

#footer_right_content{
	margin:0 4% 0 4%;
	padding: 0;
}

@media (max-width: 768px) {
	#footer_right_content{
		text-align:center;
	}
}

@media (min-width: 768px) {
	#footer_right_content{
		text-align:left;
	}
}

.servizi_box_header h1{
	color: #3074da;
}

@media (max-width: 768px) {
	.servizi_box_header h1{
		text-align:center;
	}
}

@media (min-width: 768px) {
	.servizi_box_header h1{
		text-align:left;
	}
}

.servizi_box_content{
	
}

#chi_siamo_servizi{
	background-image: url(/img/chi_siamo/servizi.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	padding:43% 0;
}

body.webp #chi_siamo_servizi{
	background-image: url(/img/chi_siamo/servizi.webp);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
	padding:43% 0;
}

@media (min-width: 576px) {
	#chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:33% 0;
	}
	
	body.webp #chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:33% 0;
	}
}

@media (min-width: 768px) {
	#chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:23% 0;
	}
	
	body.webp #chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:23% 0;
	}
}

@media (min-width: 992px) {
	#chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:13% 0;
	}
	
	body.webp #chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		padding:13% 0;
	}
}

@media (min-width: 1200px) {
	#chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.jpg);
		background-repeat: no-repeat;
		background-position: 0 -190px;
		background-size: cover;
		padding:8% 0;
	}
	
	body.webp #chi_siamo_servizi{
		background-image: url(/img/chi_siamo/servizi.webp);
		background-repeat: no-repeat;
		background-position: 0 -190px;
		background-size: cover;
		padding:8% 0;
	}
}

#chi_siamo_seconda_descrizione{
	background-color:#000040;
}

input.form-control, textarea.form-control{
	border-radius:0 !important;
	background-color:#000040 !important;
	padding:30px;
	color:#fff !important;
}

#controllasitoform input.form-control{
	background-color:#fff !important;
	color:#b2b2b2 !important;
	text-align: center !important;
}

button#controllasitoform_send i{
	transform: skew(30deg, 0) !important;
}

#controllasito h1{
	margin: 0 0 40px 0;
}

#controllasitoform_container{
	
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}