@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

.preloader{
    position: fixed;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}
.preload_logo{
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 320px;	
	margin-left: -160px;
	height: 115px;	
	margin-top: -50px;
	overflow: hidden;
	border-radius: 5px;
	font-weight: 900;
	font-size: 23px;
	transform: scaleX(0.313) rotateZ(360deg);
	transition: all 1000ms ease; 
	transition-delay: 600ms;
	box-shadow: 0 1px 1px 1px rgba(0,0,0,0);
}

.preload_logo:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	transform: skew(45deg) translateX(110%);
	width: 130%;
	height: 100%;
	background-color: hsla(240, 100%, 50%, 0.5);
	z-index: 10000;
	transition: all 600ms ease; 
	transition-delay: 100ms;
}

.preload_logo.anim_logo:before{
	transform: skew(45deg) translateX(-120%);
}

.preload_logo.anim_logo{
	transform: scaleX(1) rotateZ(0deg);
	box-shadow: 0 15px 40px -16px rgba(0,0,0,0.7);
}

	.logo_title_1{
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		color: #0a0c35;
		line-height: 2.2;
		padding: 0 0px 13px;
	}

		.logo_title_1 > b{
			position: relative;
			display: none;			
			transition: all 800ms ease; 
			transition-delay: 1100ms;
			transform: translateY(-100%);
		}
		.logo_title_1 > img{
			width: 290px;
			height: 90px;	
			-webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-ms-transition: all 200ms ease-out;
			-o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
			transition-delay: 600ms;
			
			animation-name: pulse_animation;
			animation-duration: 2000ms;
			transform-origin:70% 70%;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}
		.preload_logo.anim_logo .logo_title_1 > b{
			transform: translateY(0%);
		}

		.logo_subtitle{
			text-align: center;
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
			width: 72%;
			height: 100%;
			/*background-color: #1e98d1;*/
			color: #fff;
			line-height: 1.8;	
			opacity: 0;
			transform: translateY(150%); 
			transform: translateX(0%);   		
    		transition: all 1500ms ease; 
    		transition-delay: 460ms;
			padding-top: 8px;
		}

		.preload_logo.anim_logo .logo_subtitle{
			transform: translateY(0%);    
			opacity: 1;		
		}

		.logo_cross{
			position: absolute;
			display: block;
			background-color: #1e98d1;
			height: 34px;
			width: 34px;			
			right: 6%;
    		top: 11%;
    		/*opacity: 0;*/
    		transform: rotateZ(800deg) scale(0);    		
    		transition: all 1000ms ease; 
    		transition-delay: 1160ms;
		}
		.preload_logo.anim_logo .logo_title_1 > img {
			width: 90px;
			height: 90px;
			animation-name: none;
		}
		.preload_logo.anim_logo .logo_cross{
			transform: rotateZ(0deg) scale(1);
		}

			.logo_cross:before,
			.logo_cross:after{
				content: "";
				display: block;
				background-color: #fff;
				width: 80%;
				height: 8px;
				position: absolute;
				left: 10%;
				top: 39%;
			}

			.logo_cross:after{
				transform: rotateZ(90deg);			
			}

		.logo_title_2{
			position: absolute;
			text-align: center;
			width: 311px;
			font-size: 31px;
			color: #f70817;
			display: block;
			z-index: 1000;
			opacity: 1;
			top: 71%;
			letter-spacing: 10px;
			transform: scaleY(0.5);
		}
			.preload_logo.anim_logo .logo_title_2{
				opacity: 0;
			}


.mega-menu .menu-mobile-collapse-trigger:before, .mega-menu .menu-mobile-collapse-trigger:after, .mega-menu .menu-mobile-collapse-trigger span {
    background: #339be1;
}


.section-title p {
    font-size: 19px;
}

#slide-792-layer-3{
	text-align: right;
}
body, p, span{
	font-family: 'Raleway', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: normal;
    color: #323232;
    margin-top: 0px;
    text-transform: capitalize;
    font-weight: bold;
    /*font-family: 'Lato', sans-serif!important;*/
	font-family: 'Raleway', sans-serif !important;
}
.mega-menu .menu-logo {
    padding: 15px 0 15px;
}
	.mega-menu .menu-logo img {
		height: 60px;
	}

 p, span{
 	font-family: 'Raleway', sans-serif !important;
 	text-align: justify;
 }
.section-title.center .title:before {
    left: 3%;
    margin-left: -35px;
}
.feature-text .feature-icon span, .feature-text .feature-icon i {
    font-size: 40px;
    margin-bottom: 30px;
    display: inline-block;
    padding-left: 15px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    color: #299be8;
}
.contenuti span{
	font-style: italic;
    font-size: 16px;
}
.contenuti b{
    color: #299be8;
}
.pl-350{
	padding-left: 350px;
}
.opening-time ul li {
    font-size: 14px;
    line-height: 20px;
    color: rgb(41, 155, 232);
    border-bottom: 1px solid #c1d3e0;
    padding-bottom: 14px;
    margin-bottom: 14px;
    font-weight: 600;
}
.title span{
    font-size: 20px;
}
.personal{
	max-width: 85%;
}
.servizi h5{
    text-align: center;
    text-transform: inherit;
    font-size: 16px;
}
.box_info{
	background-color: rgb(41, 155, 232);
	margin-bottom: 30px;
}
.box_info h3{
    text-align: center;
    padding: 120px 15px;
    color: #fff;
    text-transform: inherit;
}
.box_info a{
	border-bottom: solid 3px;
}
.servizi{
	padding: 0 40px;
}
.servizi .fa{
	padding-left: 0!important;
}
.footer.black-bg {
    background: #298ec2;
}
.footer.black-bg p {
    color: rgb(255, 255, 255);
}
#rev_slider_289_1 .metis.tparrows {
    background: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
section.black-bg {
    background: #298ec2;
}

.txtWhite{
	color: #fff !important;
}
footer *{color: #fff !important}
footer a{
	color: #fff;
}

.banner4{
	background-image: url('../images/_img/giornata.jpg');
	background-size: contain;    
	background-position: center; 
	display: block;
	height: 400px; 
	background-repeat: no-repeat;
	border: 1px solid #b1b1b1;
	margin-bottom: 15px;
}
.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: scale(1.5) rotateZ(360deg) rotateY(360deg);
  }
  #back-to-top span{
  	display: none;
  	opacity: 0;
  }
  .mega-menu.desktopTopFixed .menu-list-items {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0px 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.header.transparent {
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    width: 100%;
    z-index: 999;
}
.mega-menu .menu-links > li > a {
    margin: 0;
    padding: 0 13px;
    display: inline-block;
    float: none;
    width: 100%;
    color: #299be8;
    font-size: 18px;
    line-height: 64px;
    position: relative;
    text-transform: capitalize;
}

.btnInfo {
    position: fixed;
    z-index: 1000;
    bottom: 25px;
    right: 25px;
    background-color: #298ec2;
    border: 1px solid #fff;
    color: #fff !important;
}
.btnInfoLi{
	display: none !important;
}
.blog-1:hover h4, .blog-1:hover p {
    color: #298ec2;
}
.footer-widget {
	padding: 0px 0;
    border-top: none;
}

@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 991px) {
	.mega-menu > section.menu-list-items {
		height: 100px !important;
	}
	.mega-menu.desktopTopFixed > section.menu-list-items {
		height: 60px !important;
	}
	.mega-menu.desktopTopFixed .menu-logo > li > a {
		padding: 11px;
	}
	.rev-slider {
		padding-top: 90px;
	}
	.btnInfo{
		display: none;
	}
	.btnInfoLi{
		display: block !important;
	}
}
@media screen and (max-width: 768px) {
	.btnInfo {
		bottom: 40px;
		right: inherit;
		left: 25px;
	}
	#back-to-top .top {
		bottom: 40px;
	}
}
@media screen and (max-width: 425px) {}
@media screen and (max-width: 320px) {}
@media screen and (min-width: 320px) and (max-width: 990px) {
  

}

#hr {
border: 1px solid #000;
}

.link_pagine {
font-size:11px;
font-family:Verdana;
color:#000000;
}

a:link.link_pagine {
color: #000000;
}

a:visited.link_pagine {
color: #000000;
}

a:hover.link_pagine {
color: #000000;
}

a:active.link_pagine {
color: #000000;
}

#link_pos {
font-size:11px;
font-family:Verdana;
color:#000000;
}

a:link.link_pos {
color: #000000;
}

a:visited.link_pos {
color: #000000;
}

a:hover.link_pos {
color: #000000;
}

a:active.link_pos {
color: #000000;
}

#title_pos_princ {
font-size:11px;
font-family:Verdana;
color:#000000;
}

a:link.title_pos_princ {
color: #000000;
}

a:visited.title_pos_princ {
color: #000000;
}

a:hover.title_pos_princ {
color: #000000;
}

a:active.title_pos_princ {
color: #000000;
}

#title_pos {
font-size:11px;
font-family:Verdana;
color:#000000;
}

a:link.title_pos {
color: #000000;
}

a:visited.title_pos {
color: #000000;
}

a:hover.title_pos {
color: #000000;
}

a:active.title_pos {
color: #000000;
}

#h3_pos {
font-size:11px;
font-family:Verdana;
color:#000000;
font-weight: normal;
}

a:link.h3_pos {
color: #000000;
}

a:visited.h3_pos {
color: #000000;
}

a:hover.h3_pos {
color: #000000;
}

a:active.h3_pos {
color: #000000;
}

#more_pos {
font-size:11px;
font-family:Verdana;
color:#000000;
}

a:link.more_pos {
color: #000000;
}

a:visited.more_pos {
color: #000000;
}

a:hover.more_pos {
color: #000000;
}

a:active.more_pos {
color: #000000;
}