@media (max-width: 1224px) {
	._heading{ 
		width: calc(100vw - 290px);
	}

	._heading h2{
		top: 40%;
	}

}

@media (max-width: 991px) {
	._heading{
		width: calc(100vw - 250px);
		padding-bottom: 35px;
	}
}

@media (min-width: 768px) {
	.d-sm-block{
		display: block;
	} 	
	.d-sm-none{
		display: none;
	}
} 

@media (max-width: 767px) {



	._heading{
		width: calc(100vw - 40px);
		padding-bottom: 30px;
	}

	._heading h2{
		transform: none;
		position: static;
		margin-top: 0px;		
	}

		._heading h2 a{
			display: none;
		}
/*	._heading{ width: 400px; }	*/
}

@media (max-width: 559px) {

	._heading{
		width: calc(100vw - 20px);	
	}
 	
 } 

.company_logo{
	max-width: 100%;
/*	margin-left: -30px;*/
}

.link_pagine {
      font-size: 12px;
      margin-bottom: 3rem !important;
      text-align: center;
    }

    .link_pos {
      font-size: 12px;
    }

    .seo_nav>li {
      position: relative;
      display: inline-block !important;     
      margin-right: 10px;
      margin-bottom: 10px;
      box-sizing: border-box;
      float: none !important;
    }

    .seo_nav>li>a {
      position: relative;
      display: block !important;
      padding: 4px 15px !important;
      text-decoration: none;
      background-color: #defffc;
      border-radius: 30px;
    }

@media screen and (max-width: 768px) {
	.hero_text-top {
		padding: 20px 40px;
	}
	.hero_text-top h2{
		font-size: 20px;
	}
}

@media screen and (max-width: 500px) {
	.hero_text-top {
		width: 100%;
		padding: 20px;
		text-align: center;
	}
	.hero_text-top h2{
		font-size: 18px;
	}
}

.hidden_op{
	opacity: 0;
	display: none !important;
}

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

.p50{
	padding-top: 50px;
	padding-bottom: 50px;
}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
} 
.yamm .yamm-content {
  padding: 0 15px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.row.nogap{
	overflow-x: hidden;
}

	.row.nogap > .entry{

	}


.foto_ufficio a{
	min-height: 300px;
	height: 20vw;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	outline: none;
	overflow: hidden;
}

	.foto_ufficio a:before{
		content: "";
		position: absolute;
		background-color: rgba(0, 0, 0, 0.5);
		left: 20px;
		top: 20px;
		width: calc(100% - 40px);
		height: calc(100% - 40px);	
		opacity: 0;

		-moz-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);

		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}

	.foto_ufficio a:hover:before{
		opacity: 1;

		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.foto_ufficio a:after{
		content: "\f00e";
		font-family: "FontAwesome" !important;
		color: #fff;
		position: absolute;
		font-size: 32px;
		left: 50%;
		margin-left: -14px;
		top: 50%;
		margin-top: -14px;

		opacity: 0;

		-moz-transform: translateY(40px);
		-webkit-transform: translateY(40px);
		-o-transform: translateY(40px);
		-ms-transform: translateY(40px);
		transform: translateY(40px);

		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.foto_ufficio a:hover:after{
		opacity: 0.7;

		-webkit-transition-delay: 100ms; /* Safari */
    	transition-delay: 100ms;

		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

#main_menu .dropdown-menu{
	border: none;
	border-radius: 0;
	float: none;
	position: relative;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0.05);
}

	#main_menu .dropdown-menu .row > div{
		margin-bottom: 15px;
	}

	#main_menu .dropdown-menu h3{
		margin-top: 0;
		position: relative;
		color: #092f6f;
		font-size: 18px;
		font-weight: 500;
	}


	#main_menu .dropdown-menu ul{
		list-style-type: none;
		padding-left: 15px;
		
	}

	#dropdown-menu-prodotti ul{
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}


		#main_menu .dropdown-menu ul li{			
			padding-bottom: 10px;
		}

			#main_menu .dropdown-menu ul li a{			
				display: block;
			}
		

	


.navbar-default{
	background-color: transparent;
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	width: 100%;
	
	z-index: 20;

	top: 0;
	left: 0;

	min-height: 80px;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.default_navcolor .navbar-default{
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.navbar-default.shrink{
	min-height: 60px;
}

	.navbar-header{
		height: 100%;
		background-color: #fff;
	}

		.navbar-brand{
			width: 320px;	
			height: auto;
			padding-bottom: 25%;
			margin: 10px;
			background: url('../../img/logo_top_inverted.png') center center no-repeat;

			-webkit-background-size: contain;
			background-size: contain;

			-webkit-transition: all 300ms ease;
			-moz-transition: all 300ms ease;
			-ms-transition: all 300ms ease;
			-o-transition: all 300ms ease;
			transition: all 300ms ease;

			position: relative;
		}

		.navbar-brand i{			
		    display: block;
		    position: absolute;
		    z-index: 10;
		    width: 50px;
		    height: 56px;
		    background: transparent url(../../img/badge-2018.png) center center no-repeat;
		    background-image: url(../../img/icn_flower.png);
		    -webkit-background-size: contain;
		    background-size: contain;
		    left: 100%;
		    margin-left: 10px;
		    top: 3px;
		}

		.page_index .navbar-brand i{	
			animation-duration: 2s;
    		animation-fill-mode: both;
			animation-name: zooomIn;
			animation-delay: 1s;			
			transform: scale3d(0,0,0) rotateZ(0deg);
		}
 


		@keyframes zooomIn {
		    0% {
		        opacity: 0; 
		    }

		    100% {
		        opacity: 1;
		       transform:  scale3d(1,1,1)  rotateZ(359deg); 
		    }
		}


		@media (max-width: 1200px) {

			.navbar-brand i{			
			   height: 27px;
			   width: 27px;
			   left: 178px;
			   margin-left: 0;
			   top: 0;
			}

			
		}

		@media (max-width: 767px) {

			.navbar-brand i{			
			    height: 57px;
			    width: 43px;
			    left: 178px;
			    margin-left: 10px;
			    top: 2px;
			}

			
		}

		.default_navcolor .navbar-brand{
			background-image: url('../../img/logo_top.png');
		}

		

		.shrink .navbar-brand{
			height: 50px;	

			margin: 6px;
		}

			
			.navbar-brand img{
				height: 100%;				
			}

		.navbar-default .navbar-toggle{
			margin-top: 30px;
			height: 34px;			
		}

		.navbar-default .navbar-toggle{
			border-color: #fff;
		}

		.default_navcolor .navbar-default .navbar-toggle{
			border-color: #1894dc;
		}

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

		.default_navcolor .navbar-default .navbar-toggle .icon-bar{
			background-color: #1894dc;
		}

		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
			background-color: transparent;
		}


		.navbar-toggle.collapsed #icon-bar-2{
			opacity: 1;
		}

		.navbar-toggle.collapsed #icon-bar-1,
		.navbar-toggle.collapsed #icon-bar-3{
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}


			#icon-bar-2{
			 	opacity: 0;	
			}

			#icon-bar-1,
			#icon-bar-2,
			#icon-bar-3{
				-webkit-transition: all 400ms ease;
				-moz-transition: all 400ms ease;
				-ms-transition: all 400ms ease;
				-o-transition: all 400ms ease;
				transition: all 400ms ease;
			}

			#icon-bar-1{
				-moz-transform: rotate(45deg) translateX(4px) translateY(4px);
				-webkit-transform: rotate(45deg) translateX(4px) translateY(4px);
				-o-transform: rotate(45deg) translateX(4px) translateY(4px);
				-ms-transform: rotate(45deg) translateX(4px) translateY(4px);
				transform: rotate(45deg) translateX(4px) translateY(4px);
			}

			#icon-bar-3{
				-moz-transform: rotate(-45deg) translateX(4px) translateY(-4px);
				-webkit-transform: rotate(-45deg) translateX(4px) translateY(-4px);
				-o-transform: rotate(-45deg) translateX(4px) translateY(-4px);
				-ms-transform: rotate(-45deg) translateX(4px) translateY(-4px);
				transform: rotate(-45deg) translateX(4px) translateY(-4px);
			}



#main_menu{
	margin-top: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shrink #main_menu{
	margin-top: 6px;
}

#menu_navbar .nav > li{
	position: static;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#menu_navbar .nav > li:last-child{
	border-bottom: none;
}

			

#menu_navbar .nav>li>a{
	padding-left: 7px;
	padding-right: 7px;	
	background-color: #fff !important;
	font-size: 18px;
	font-weight: 300;
	position: relative;
}

	#menu_navbar .nav>li>a:before{
		position: absolute;
		content: "";
		height: 1px;
		width: 0%;
		background-color: #092f6f;
		left: 0;
		top: 50px;

		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}

	#menu_navbar .nav>li:hover>a:before,
			#menu_navbar .nav>li.open>a:before{
				/*width: 100%;*/
			}

	#menu_navbar .nav>li.open>a:before{
		background-color: #1f2c35;
		/*height: 20px;*/
	}



.top_email_link{
    border: 2px solid #38b5e6;
    padding: 13px 24px 14px 18px !important;
    border-radius: 50px;
}

#menu_navbar .nav > li > a.top_email_link:before{
	display: none;
}

.top_email_link:after {
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    right: -11px;
    top: 9px;
    background-color: #005496;
    content: "\f003";
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    padding-left: 5px;
    line-height: 1.5;
}
.top_web_link{
    border: 2px solid #38b5e6;
    padding: 13px 24px 14px 18px !important;
    border-radius: 50px;
}
.top_web_link:after {
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    right: -11px;
    top: 9px;
    background-color: #005496;
    content: "\f0ac";
    font-size: 16px;
    color: #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    padding-left: 5px;
    line-height: 1.5;
}
.top_web_link:before{
	display: none !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a{
	color: #fff;
}

.default_navcolor .navbar-default .navbar-nav>li>a{
	color: #092f6f;
}

.navbar-default .navbar-nav>li:hover>a{
	color: #38B5E6;
}

.default_navcolor .navbar-default .navbar-nav>li:hover>a,
.default_navcolor .navbar-default .navbar-nav>li.active>a{
	color: #38B5E6;
}

.default_navcolor .navbar-default .navbar-nav>li.open>a{
	color: #38B5E6;
}




.has_submenu > a:after{
	font-family: "FontAwesome";
	content: "\f107";
	display: inline-block;
	margin-left: 5px;
	opacity: 0.5;

	transform: translate3d(0, 0, 0);

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.has_submenu:hover > a:after{
	opacity: 1;
	/*-moz-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-o-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);*/
}


.has_submenu.open > a:after{
	content: "\f106";
	opacity: 1;
	/*-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);*/
}

.submenu, .micromenu{
	display: none;
}


#header_services{
	min-height: 100%;
	background-color: #233948;
	padding: 0;
	overflow: hidden;

	position: relative;
}

	#header_services_preload{
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #233948;
		z-index: 12;
	}

	.bg_globe_web, .bg_globe_software{
		position: absolute;
		background-color: #233948;
		z-index: 3;
		height: 100%;
		padding: 0;
		overflow: hidden;
	}

	.bg_globe_web{
		left: 0;
		z-index: 3;
	}

	.bg_globe_software{
		right: 0;
		z-index: 3;
	}

			.globe{
				width: 910px;
				height: 910px;
					
				z-index: 2;

				position: absolute;
				top: 15px;

				opacity: 1;

				-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;
				
				
			}

				.globe_bg{
					width: 910px;
					height: 910px;

					background-repeat: no-repeat;
					background-position: center center;
					-webkit-background-size: cover;
					background-size: cover;

					/*-moz-animation: rotation 180s infinite linear;
					-webkit-animation: rotation 180s infinite linear;
					-o-animation: rotation 180s infinite linear;
					animation: rotation 180s infinite linear;*/
				}

				.bg_globe_web .globe{
			
					right: -455px;
				}

				.bg_globe_software .globe{
				
					left: -455px;
				}

				.bg_globe_web .globe_bg{
					background-image: url('../../img/globe_blue.jpg');			
				}

				

				.bg_globe_software .globe_bg{
					background-image: url('../../img/globe_green.jpg');
					
				}


	.service_container{
	

		/*background-color: #233948;*/
		background-color: transparent;
		height: 100%;
		padding: 0;
		overflow: hidden;

		position: absolute;
		z-index: 10;

		cursor: pointer;

		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;




	}

	.service_container.expanded_service{
		width: 96%;
	
		top: 0;

		-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.75);
		box-shadow: 0 0 30px 0 rgba(0,0,0,0.75);
	
		border: none;

		cursor: default;

		-webkit-transition-delay: 500ms;
	    -moz-transition-delay: 500ms;
	    -o-transition-delay: 500ms;
	    transition-delay: 500ms;



	}

	.closing_service.service_container{	
	    z-index: 13 !important;
	}

	.service_container.active_service{		
		z-index: 13 !important;
	}

	.service_container.shrinked_service{		
		z-index: 9 !important;
	}

		

	.service_container__web{
		left: 0;
		z-index: 11;
	}

	.service_container__software{
		right: 0;
		z-index: 10;
	}

	.service_container__software.shrinked_service {
		border-left: 1px solid rgba(255, 255, 255, 0.75);
	}

		.service_container:before{
			content: "";
			display: block;
			width: 100%;
			padding-bottom: 100%;
			position: absolute;
			top: 0;
			z-index: 3;		

			opacity: 0.5;

			-webkit-transition: all 350ms ease-in-out;
			-moz-transition: all 350ms ease-in-out;
			-ms-transition: all 350ms ease-in-out;
			-o-transition: all 350ms ease-in-out;
			transition: all 350ms ease-in-out;

			-webkit-transform: translateZ(0); 
			
		}

		.service_container:hover:before{
			opacity: 0.7;
		}

		.service_container.expanded_service:before{			
			display: none;

			z-index: 4;

		}

		.service_container:after{	

			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			z-index: 4;	

			opacity: 0;
		
			-webkit-transition: all 350ms ease-in-out;
			-moz-transition: all 350ms ease-in-out;
			-ms-transition: all 350ms ease-in-out;
			-o-transition: all 350ms ease-in-out;
			transition: all 350ms ease-in-out;

			-webkit-transition-delay: 500ms;
		    -moz-transition-delay: 500ms;
		    -o-transition-delay: 500ms;
		    transition-delay: 500ms;

		    -webkit-transform: translateZ(0); 

		}

		.service_container.expanded_service:after{	

			height: 100%;
			opacity: 1;		

			-webkit-transition-delay: 150ms;
		    -moz-transition-delay: 150ms;
		    -o-transition-delay: 150ms;
		    transition-delay: 150ms;	
		   
			
		}

		.closing_service.service_container:after{
			-webkit-transition-delay: 350ms;
		    -moz-transition-delay: 350ms;
		    -o-transition-delay: 350ms;
		    transition-delay: 350ms;	

		    
		}

		.service_container.shrinked_service:after{
			opacity: 0;
			position: absolute;
			z-index: 6;
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			/*background-color: rgba(0, 0, 0, 0.5);*/

			cursor: default;

			-webkit-transition-delay: 350ms;
		    -moz-transition-delay: 350ms;
		    -o-transition-delay: 350ms;
		    transition-delay: 350ms;

		    -webkit-transform: translateZ(0); 
		}


		.service_container__web:after{

			background: rgb(18,59,73);
			background: -moz-linear-gradient(-45deg,  rgba(18,59,73,1) 0%, rgba(0,0,0,1) 64%);
			background: -webkit-linear-gradient(-45deg,  rgba(18,59,73,1) 0%,rgba(0,0,0,1) 64%);
			background: linear-gradient(135deg,  rgba(18,59,73,1) 0%,rgba(0,0,0,1) 64%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123b49', endColorstr='#000000',GradientType=1 );
		
			opacity: 0;
			left: 0;

			-webkit-transform: translateZ(0); 
		}

		.service_container__software:after{
			
			background: rgb(0,0,0);
			background: -moz-linear-gradient(45deg,  rgba(0,0,0,1) 36%, rgba(58,73,28,1) 100%);
			background: -webkit-linear-gradient(45deg,  rgba(0,0,0,1) 36%,rgba(58,73,28,1) 100%);
			background: linear-gradient(45deg,  rgba(0,0,0,1) 36%,rgba(58,73,28,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3a491c',GradientType=1 );
	
			opacity: 0;
			right: 0;

			-webkit-transform: translateZ(0); 
		}

		.service_container.expanded_service:after{			
					
			opacity: 0.93;

		}



		.service_container__web:before{

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38b5e6+0,38b5e6+100&1+0,0+69 */
			background: -moz-radial-gradient(center, ellipse cover,  rgba(56,181,230,1) 0%, rgba(56,181,230,0) 69%, rgba(56,181,230,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(56,181,230,1)), color-stop(69%,rgba(56,181,230,0)), color-stop(100%,rgba(56,181,230,0))); /* Chrome,Safari4+ */
			background: -webkit-radial-gradient(center, ellipse cover,  rgba(56,181,230,1) 0%,rgba(56,181,230,0) 69%,rgba(56,181,230,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-radial-gradient(center, ellipse cover,  rgba(56,181,230,1) 0%,rgba(56,181,230,0) 69%,rgba(56,181,230,0) 100%); /* Opera 12+ */
			background: -ms-radial-gradient(center, ellipse cover,  rgba(56,181,230,1) 0%,rgba(56,181,230,0) 69%,rgba(56,181,230,0) 100%); /* IE10+ */
			background: radial-gradient(ellipse at center,  rgba(56,181,230,1) 0%,rgba(56,181,230,0) 69%,rgba(56,181,230,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b5e6', endColorstr='#0038b5e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			left: -50%;	

		}

		.service_container__software:before{

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8ff60+0,c8ff60+100&1+0,0+69 */
			background: -moz-radial-gradient(center, ellipse cover,  rgba(200,255,96,1) 0%, rgba(200,255,96,0) 69%, rgba(200,255,96,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(200,255,96,1)), color-stop(69%,rgba(200,255,96,0)), color-stop(100%,rgba(200,255,96,0))); /* Chrome,Safari4+ */
			background: -webkit-radial-gradient(center, ellipse cover,  rgba(200,255,96,1) 0%,rgba(200,255,96,0) 69%,rgba(200,255,96,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-radial-gradient(center, ellipse cover,  rgba(200,255,96,1) 0%,rgba(200,255,96,0) 69%,rgba(200,255,96,0) 100%); /* Opera 12+ */
			background: -ms-radial-gradient(center, ellipse cover,  rgba(200,255,96,1) 0%,rgba(200,255,96,0) 69%,rgba(200,255,96,0) 100%); /* IE10+ */
			background: radial-gradient(ellipse at center,  rgba(200,255,96,1) 0%,rgba(200,255,96,0) 69%,rgba(200,255,96,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8ff60', endColorstr='#00c8ff60',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

			right: -50%;	

		}


		.service_container__web{
			border-right: 1px solid rgba(255, 255, 255, 0.75);
		}

		.close_service_container{
			display: block;

			font-size: 4vw;			
			
			line-height: 1.1;
			font-weight: 300;
			width: 64px;
			height: 64px;					
		
			position: absolute;
			
			margin-top: 25px;
			margin-bottom: 10px;

			cursor: pointer;

			z-index: 6;

			opacity: 0;
			

			-webkit-transition: all 350ms ease-in-out;
			-moz-transition: all 350ms ease-in-out;
			-ms-transition: all 350ms ease-in-out;
			-o-transition: all 350ms ease-in-out;
			transition: all 350ms ease-in-out;

			
		}

	

			.close_service_container:before,
			.close_service_container:after{
				width: 100%;
				height: 3px;
				content: "";
				display: block;
				background-color: #fff;
				position: absolute;
				z-index: 7;
				transform-origin: 50% 50%;
				border-radius: 4px;
				
			}			

			.close_service_container:after{
				-moz-transform: rotate(45deg) translateX(22px) translateY(22px);
				-webkit-transform: rotate(45deg) translateX(22px) translateY(22px);
				-o-transform: rotate(45deg) translateX(22px) translateY(22px);
				-ms-transform: rotate(45deg) translateX(22px) translateY(22px);
				transform: rotate(45deg) translateX(22px) translateY(22px);
			}

			.close_service_container:before{
				-moz-transform: rotate(-45deg) translateX(-22px) translateY(22px);
				-webkit-transform: rotate(-45deg) translateX(-22px) translateY(22px);
				-o-transform: rotate(-45deg) translateX(-22px) translateY(22px);
				-ms-transform: rotate(-45deg) translateX(-22px) translateY(22px);
				transform: rotate(-45deg) translateX(-22px) translateY(22px);
			}

			.close_service_container b{
				display: block;
				transform: scale(1.3, 1);

				-ms-transform-origin: 50% 50%; /* IE 9 */		 
			    -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */		  
			    transform-origin: 50% 50%;

			    font-weight: 300;
			}

			

		.expanded_service .close_service_container{
			opacity: 1;

			-webkit-transition-delay: 650ms;
		    -moz-transition-delay: 650ms;
		    -o-transition-delay: 650ms;
		    transition-delay: 650ms;
		}

	

			.service_container__web .close_service_container{
				/*background: url('../../img/close_white.png') center center no-repeat;*/
				/*color: #38b5e6;*/
				right: 4vw;
			}

			

			.service_container__software .close_service_container{
				/*background: url('../../img/close_dark.png') center center no-repeat;*/
				/*color: #c8ff60;*/
				left: 4vw; 
			}

			
		.service_container h2{

			font-weight: 300;
			font-size: 64px;
			/*font-size: 4vw;*/
			position: absolute;
			z-index: 6;
			top: 43%;	
			text-transform: uppercase;
			color: #fff;			
			letter-spacing: 1px;

			text-shadow: 0 18px 16px rgba(0, 0, 0, 0.35);

			-webkit-transition: all 600ms ease;
			-moz-transition: all 600ms ease;
			-ms-transition: all 600ms ease;
			-o-transition: all 600ms ease;
			transition: all 600ms ease;

		}

		.expanded_service.service_container h2{
			top: 0;
			text-shadow: 0 6px 8px rgba(0, 0, 0, 0.5);

			-webkit-transition-delay: 900ms;
		    -moz-transition-delay: 900ms;
		    -o-transition-delay: 900ms;
		    transition-delay: 900ms;
		}


		.closing_service.service_container h2{
			
			-webkit-transition-delay: 100ms;
		    -moz-transition-delay: 100ms;
		    -o-transition-delay: 100ms;
		    transition-delay: 100ms;
		}

		.service_container:hover h2{
			/*color: #fff;*/
		}

		.service_container__web h2{
			/*color: #38b5e6;*/
			left: 0px;
		}

		.service_container__software h2{
			/*color: #c8ff60;*/
			right: 0px;
		}

		.expanded_service.service_container__web h2{
			color: #38b5e6;
			/*text-shadow: none;*/
		}


		.expanded_service.service_container__software h2{
			color: #c8ff60;
			/*text-shadow: none;*/
		}

			.service_container__web h2:before,
			.service_container__software h2:after{
				font-family: "FontAwesome";		
				display: inline-block;		
				opacity: 0;	
				color: #fff;
				font-size: 100%;

				vertical-align: top;
				

				-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;
			}

			.service_container__web:hover h2:before,
			.service_container__software:hover h2:after{
				opacity: 1;

				-moz-transform: translateX(0px);
				-webkit-transform: translateX(0px);
				-o-transform: translateX(0px);
				-ms-transform: translateX(0px);
				transform: translateX(0px);
			}

			.expanded_service.service_container__web:hover h2:before,
			.expanded_service.service_container__software:hover h2:after,
			.closing_service.service_container__web:hover h2:before,
			.closing_service.service_container__software:hover h2:after{
				opacity: 0;
				
			}

			.service_container__web h2:before{			
				content: "\f104";			
				margin-right: 10px;

				-moz-transform: translateX(-30px);
				-webkit-transform: translateX(-30px);
				-o-transform: translateX(-30px);
				-ms-transform: translateX(-30px);
				transform: translateX(-30px);
			}

			.service_container__software h2:after{			
				content: "\f105";			
				margin-left: 10px;

				-moz-transform: translateX(30px);
				-webkit-transform: translateX(30px);
				-o-transform: translateX(30px);
				-ms-transform: translateX(30px);
				transform: translateX(30px);
			}

		

		.service_container__web:hover h2{
			-moz-transform: translateX(20px);
			-webkit-transform: translateX(20px);
			-o-transform: translateX(20px);
			-ms-transform: translateX(20px);
			transform: translateX(20px);
		}

		.service_container__software:hover h2{
			-moz-transform: translateX(-20px);
			-webkit-transform: translateX(-20px);
			-o-transform: translateX(-20px);
			-ms-transform: translateX(-20px);
			transform: translateX(-20px);
		}

		.expanded_service.service_container__web:hover h2,
		.expanded_service.service_container__software:hover h2{
			-moz-transform: none;
			-webkit-transform: none;
			-o-transform: none;
			-ms-transform: none;
			transform: none;
		}

	
		


		.expanded_service .globe_bg,
		.shrinked_service .globe_bg,
		.closing_service .globe_bg	{
			-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
    		animation-play-state: paused;
		}

		.service_container.expanded_service .globe{

			-webkit-transition-delay: 500ms;
		    -moz-transition-delay: 500ms;
		    -o-transition-delay: 500ms;
		    transition-delay: 500ms;

		}

		

		.service_container.closing_service .globe{

			-webkit-transition-delay: 1000ms;
		    -moz-transition-delay: 1000ms;
		    -o-transition-delay: 1000ms;
		    transition-delay: 1000ms;

		}

		.service_container.expanded_service .globe{

			-webkit-transition-delay: 0ms;
		    -moz-transition-delay: 0ms;
		    -o-transition-delay: 0ms;
		    transition-delay: 0ms;	

			opacity: 0;		
			
		}

		.globe_opened{
			width: 100%;
			width: 100%;
			padding-bottom: 100%;

			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: contain;
			background-size: contain;

			z-index: 5;

			position: absolute;			
			top: -20%;

			opacity: 0;

			-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;

			/*-moz-animation: rotation 180s infinite linear;
				-webkit-animation: rotation 180s infinite linear;
				-o-animation: rotation 180s infinite linear;
				animation: rotation 180s infinite linear;*/

		}

			.service_container.expanded_service .globe_opened{

				opacity: 0.75;	

				-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;

				-webkit-transition-delay: 1100ms;
			    -moz-transition-delay: 1100ms;
			    -o-transition-delay: 1100ms;
			    transition-delay: 1100ms;		
				
			}
	

				.service_container__web .globe_opened{
							
					/*background-image: url('../../img/globe_blue_opened.jpg');	
					background-color: #38b5e6;*/
					z-index: 5;
					
				}

				.service_container__software .globe_opened{
			
					/*background-image: url('../../img/globe_green_opened.jpg');		
					background-color: #00d6ba;*/
					z-index: 5;
					
				}

		

		@-moz-keyframes rotation {
		    from {-moz-transform: rotate(0deg);}
		    to   {-moz-transform: rotate(359deg);}
		}
		@-webkit-keyframes rotation {
		    from {-webkit-transform: rotate(0deg);}
		    to   {-webkit-transform: rotate(359deg);}
		}
		@-o-keyframes rotation {
		    from {-o-transform: rotate(0deg);}
		    to   {-o-transform: rotate(359deg);}
		}
		@keyframes rotation {
		    from {transform: rotate(0deg);}
		    to   {transform: rotate(359deg);}
		}

		

		.services_menu{
			position: absolute;
			z-index: 9;
			width: 100%;			
			padding-bottom: 5%;
			padding-top: 3%;
			bottom: 0;	

			opacity: 0;

			
		
		}

		.services_menu.animatemenu{

			opacity: 1;

			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease; 

			-webkit-transition-delay: 900ms;
		    -moz-transition-delay: 900ms;
		    -o-transition-delay: 900ms;
		    transition-delay: 900ms;


		}


			

			.service_container.closing_service .services_menu,
			.service_container.closing_service .services_menu:before{
				-webkit-transition-delay: 0ms;
			    -moz-transition-delay: 0ms;
			    -o-transition-delay: 0ms;
			    transition-delay: 0ms;	
			}

		.services_menu:before{
			display: block;
			content: "";
			height: 1px;
			width: 96%;			

			background-color: #fff;
			position: absolute;
			left: 2%;
			top: 0;

			opacity: 0;

			-moz-transform: translateY(60px);
			-webkit-transform: translateY(60px);
			-o-transform: translateY(60px);
			-ms-transform: translateY(60px);
			transform: translateY(60px);

			-webkit-transition: all 350ms ease;
			-moz-transition: all 350ms ease;
			-ms-transition: all 350ms ease;
			-o-transition: all 350ms ease;
			transition: all 350ms ease;

			-webkit-transition-delay: 900ms;
		    -moz-transition-delay: 900ms;
		    -o-transition-delay: 900ms;
		    transition-delay: 900ms;	
		}

		.service_container__software .services_menu:before{
			background-color: #c8ff60;
		}

		.service_container__web .services_menu:before{
			background-color: #38b5e6;
		}

			.service_container.expanded_service .services_menu:before{
				opacity: 0.3;

				-moz-transform: translateY(0px);
				-webkit-transform: translateY(0px);
				-o-transform: translateY(0px);
				-ms-transform: translateY(0px);
				transform: translateY(0px);
			}

		
			.services_menu ul{			
				height: 100%;
				display: block;					
				margin-bottom: 0;
				padding-left: 2%;
				padding-right: 2%;
			}

				.services_menu ul li{
					display: block;
					padding-bottom: 4%;

					opacity: 0;

					-moz-transform: translateY(60px);
					-webkit-transform: translateY(60px);
					-o-transform: translateY(60px);
					-ms-transform: translateY(60px);
					transform: translateY(60px);

					-webkit-transition: all 350ms ease;
					-moz-transition: all 350ms ease;
					-ms-transition: all 350ms ease;
					-o-transition: all 350ms ease;
					transition: all 350ms ease;
				}

				.service_container.expanded_service .services_menu ul li{

					opacity: 1;

					-moz-transform: translateY(0px);
					-webkit-transform: translateY(0px);
					-o-transform: translateY(0px);
					-ms-transform: translateY(0px);
					transform: translateY(0px);
				}

					.services_menu ul li a{
						display: block;
						
						font-weight: 300;
						/*font-size: 30px;*/
						font-size: 2vw;
						letter-spacing: 1px;
					
						-webkit-transition: all 150ms ease;
						-moz-transition: all 150ms ease;
						-ms-transition: all 150ms ease;
						-o-transition: all 150ms ease;
						transition: all 150ms ease;
					}

					.service_container__software .services_menu ul li a{
						color: #c8ff60;
					}

					.service_container__web .services_menu ul li a{
						color: #38b5e6;
					}




						.services_menu ul li a:before{	
							font-family: "FontAwesome";		
							display: inline-block;		
							opacity: 0;	
							color: #fff;
							font-size: 100%;

							vertical-align: top;

							-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;

							content: "\f105";		
							font-family: "FontAwesome";	
							margin-right: 10px;

							-moz-transform: translateX(-30px);
							-webkit-transform: translateX(-30px);
							-o-transform: translateX(-30px);
							-ms-transform: translateX(-30px);
							transform: translateX(-30px);					
						}

					.service_container__software .services_menu ul li a,
					.service_container__software .services_menu ul li a:before{
						/*color: #000;*/
					}

					.services_menu ul li a:hover{

						color: #fff;

						text-decoration: none;
											
						-moz-transform: translateX(12px);
						-webkit-transform: translateX(12px);
						-o-transform: translateX(12px);
						-ms-transform: translateX(12px);
						transform: translateX(12px);
					}

						.services_menu ul li a:hover:before{
							opacity: 1;

							-moz-transform: translateX(0px);
							-webkit-transform: translateX(0px);
							-o-transform: translateX(0px);
							-ms-transform: translateX(0px);
							transform: translateX(0px);
						}

			

			.service_container.expanded_service .link_row_1{
				-webkit-transition-delay: 900ms;
			    -moz-transition-delay: 900ms;
			    -o-transition-delay: 900ms;
			    transition-delay: 900ms;	
			}

			.service_container.expanded_service .link_row_2{
				-webkit-transition-delay: 1000ms;
			    -moz-transition-delay: 1000ms;
			    -o-transition-delay: 1000ms;
			    transition-delay: 1000ms;	
			}

			.service_container.expanded_service .link_row_3{
				-webkit-transition-delay: 1100ms;
			    -moz-transition-delay: 1100ms;
			    -o-transition-delay: 1100ms;
			    transition-delay: 1100ms;	
			}

			.service_container.expanded_service .link_row_4{
				-webkit-transition-delay: 1200ms;
			    -moz-transition-delay: 1200ms;
			    -o-transition-delay: 1200ms;
			    transition-delay: 1200ms;	
			}

			.service_container.expanded_service .link_row_5{
				-webkit-transition-delay: 1300ms;
			    -moz-transition-delay: 1300ms;
			    -o-transition-delay: 1300ms;
			    transition-delay: 1300ms;	
			}

#home_access{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18232b+0,23333e+53 */
	background: rgb(24,35,43); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(24,35,43,1) 0%, rgba(35,51,62,1) 53%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,35,43,1)), color-stop(53%,rgba(35,51,62,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(24,35,43,1) 0%,rgba(35,51,62,1) 53%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(24,35,43,1) 0%,rgba(35,51,62,1) 53%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(24,35,43,1) 0%,rgba(35,51,62,1) 53%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(24,35,43,1) 0%,rgba(35,51,62,1) 53%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18232b', endColorstr='#23333e',GradientType=0 ); /* IE6-9 */

	color: #fff;

	padding: 30px 0;

}

	#home_download i,
	#home_download b{
	 	color: #00ffde;
	}

	#home_access__webmail i,
	#home_access__webmail b{
	 	color: #BEFF01;
	}

	#home_access__fatture i{
	 	color: #cd6ae3;
	}

	#home_download .btn{
		color: #00ffde;
	 	border-color: #00ffde;
	}

		#home_download .btn:hover{
			background-color: #00ffde;
		}

	#home_access__webmail .btn{
	 	color: #BEFF01;
	 	border-color: #BEFF01;
	}

		#home_access__webmail .btn:hover{
		 	background-color: #BEFF01;
		}

	#home_access__fatture .btn{
	 	color: #ed8cff;
	 	border-color: #cd6ae3;
	}

		#home_access__fatture .btn:hover{
		 	background-color: #cd6ae3;
		}

	#home_access h4{
		font-weight: 300;
		font-size: 24px;
		letter-spacing: 1px;
		padding-bottom: 10px;
	}

		#home_access h4 i{
			margin-left: 15px;
		}

	#home_access .form-control{
		padding: 10px 15px;
		height: 42px;
	}

	#home_access button.btn{
		margin-left: 15px;
	}

		#home_access .btn:hover{
			color: #1e2f3a;
		}


	#home_access a{
		color: #fff;
	}

#servicepage_preload{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 102;
	left: 0;
	top: 0;
	background-color: #fff;
}


header{
	/*height: 350px;*/
	background-color: #eaeaea;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header_service{
	height: 100vh;
	overflow: hidden;
	color: #fff;
}

.header_service__videobg{
	height: 58vw;	
	max-height: 90vh;
}


/*
.header_siti{
	background-image: url('../../img/header_bg_2.jpg');
}

.header_software{
	background-image: url('../../img/header_bg_software.jpg');
}*/

.header_clion{
	background-image: url('../../img/header_bg_3.jpg');
}

.header_web{

	background: transparent radial-gradient(circle farthest-side at right bottom, #84c2da 5%, #38b5e6 30%, #00384e 95%) repeat scroll 0% 0%;

}

.header_software{

	background: transparent radial-gradient(circle farthest-side at right bottom, #CFE3A9 5%, #8FAF52 30%, #4D6224 95%) repeat scroll 0% 0%;

}


.header_consulenza{

	background: transparent radial-gradient(circle farthest-side at right bottom, #e5a28a 5%, #bc542f 30%, #512718 95%) repeat scroll 0% 0%;

}

.header_chi_siamo{
	height: 100vh;
	background: url('../../img/header_bg_4.jpg') center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.header_azienda{
	height: 100vh;
	background: url('../../img/header_bg_5.jpg') center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

html[lang='\
it'] .header_web{
	background-color: #268eb7;
}


html[lang='\
it'] .header_software{
	background-color: #688336;
}



html[lang='\
it'] .header_consulenza{
	background-color: #bc542f;
}



	header .container{
		position: relative;

	}

	


		.header_hero_container{
			position: relative;
			height: 300px;
		}

		.header_hero_container{
			height: 100vh;
		}

		.header_service .header_hero_container{			
			height: 100%;			
		}

				.scrollmore{
					width: 48px;
					height: 48px;
					border: 1px solid rgba(255, 255, 255, 0.7);
					color: #fff !important;
					text-align: center;
					display: block;
					border-radius: 50%;
					font-size: 30px;
					padding-top: 7px;
					position: fixed;
					z-index: 10;
					bottom: 48px;
					left: 50%;
					margin-left: -24px;

					-webkit-transition: all 300ms ease;
					-moz-transition: all 300ms ease;
					-ms-transition: all 300ms ease;
					-o-transition: all 300ms ease;
					transition: all 300ms ease;
				}

				.scrollmore:hover{
					color: #fff;
					background-color: rgba(0, 0, 0, 0.2);
				}

				.header_hero{
					position: absolute;			
					/*max-width: 80%;			*/
					bottom: 150px;
					z-index: 10;
				}

				.header_hero{
					
				}

					header:not(.header_service) .header_hero{
						bottom: 50%;
						width: 100%;
						text-align: center;
					}
							
					header h1{
						font-size: 36px;	
					}

					header h3{
						font-size: 26px;		
					}


				.header_service .header_hero{
					bottom: auto;
					width: 100%;
					max-width: none;
					top: 50%;
					margin-top: -160px;
				}

					not(.header_service) header h1{
						color: #000;
						background-color: #fff;
						font-weight: 300;		
						padding: 15px 20px;
						letter-spacing: 1px;
						text-transform: uppercase;
						margin: 0;	
						display: inline-block;
						font-size: 26px;				
					}

					header:not(.header_service) h3{
						color: #fff;
						background-color: #1f2c35;
						font-weight: 300;			
						padding: 15px 20px;
						letter-spacing: 1px;	
						margin: 0;
						font-size: 16px;		
						width: 100%;
					}

					header:not(.header_service) h1{
						color: #fff;
						font-size: 300%;
						font-weight: 300;
					}

					.header_service h1{				
						font-size: 600%;
						font-weight: 100;
					}

					.header_service h3{
						font-weight: 700;						
						line-height: 1.3;
						letter-spacing: 2px;
						text-transform: uppercase;
					}

					.header_service .globe_page{			
						position: absolute;
						
						top: 50%;
						margin-top: -238px;
						z-index: -1;
						
		  				background-blend-mode: screen;
						background-position: center center;
						background-repeat:  no-repeat;
						-webkit-background-size: contain;
						background-size: contain;

						width: 485px;
						
						max-width: 100%;

						-moz-animation: rotation 180s infinite linear;
						-webkit-animation: rotation 180s infinite linear;
						-o-animation: rotation 180s infinite linear;
						animation: rotation 180s infinite linear;
					}

						.header_service .globe_page img{
						
							width: 100%;
						}

						/*.globe_page__web{
							background-image: url('../../img/globe_page_web.png');
						}

						.globe_page__software{
							background-image: url('../../img/globe_page_software.png');
						}*/

						.globe_page ul{
							display: block;
							width: 100%;
							height: 100%;
							padding: 0;
							list-style-type:none; 
							position: relative;
						}

							.globe_page ul li{
								position: absolute;
							}

							.g_s_1{
								left: 48%;
								top: 29%;
							}

								.globe_page ul li a{
									display: block;
									width: 7px;
									height: 7px;
									background-color: #fff;
									border-radius: 50%;
								}

									.globe_page ul li a span{
										display: none;
									}

		

.main{
	background-color: #fff;
}

.fullphoto_container{
	overflow: hidden;
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

	.top_diagonal:before,
	.parallax-mirror:before{
		display: block;
		content: "";
		position: absolute;
		z-index: 10;
		left: 0;
		top: 0;
		height: 30px;
		width: 0;
		height: 0;
		border-top: 30px solid #fff;
		border-left: 100vw solid transparent;

		display: none;
	}

	.bottom_diagonal:after,
	.parallax-mirror:after{
		display: block;
		content: "";
		position: absolute;
		z-index: 10;
		left: 0;
		bottom: 0;
		height: 30px;
		width: 0;
		height: 0;
		border-bottom: 30px solid #fff;
		border-right: 100vw solid transparent;

		display: none;
	}

	.parallax-mirror img{
		
	}



.main .staffWidget{
	margin: 50px 0;
}

.main .staffWidget>div:hover{
	background-color: #f4f4f4;
}

	.main .staffMember{
		text-align: center;
		display: block;
		max-width: 200px;
		margin-bottom: 50px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		border-radius: 5px;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}


	/*article*/
	.main .staffMember{
	  -webkit-background-size: cover;
	  	background-size: cover;	
	  position: relative;	
	 
	  transition: box-shadow 0.15s ease-out, transform 0.25s ease;
	  perspective: 500px;
	  perspective-origin: 50% 50%;

	  transform-style: preserve-3d;
	}
	.main .staffMember:hover {
	  transform: scale(1.1);
	  box-shadow: none;
	}
	.main .staffMember.hover--ending {
	  transition: box-shadow 0.5s ease;
	}

	.main .staffWidget > div:hover .staffMember {
		color: #fff;
		background-color: #38b5e6;
		
	}

	

		.staffMember .staffMemberDescription{
			padding: 10px;	
			padding-top: 45px;
		}

		 .staffWidget > div:hover .staffMemberDescription{
			color: #fff;			
		}


			.staffMember .staffMemberDescription h3{
				margin: 10px 0;
				color: #fff;
				font-size: 80%;
				padding-left: 10px;
				padding-right: 10px;
			}

			.staffMember .staffMemberDescription h4{
				height: 38px;	
				color: #fff;		
				font-size: 70%;
				letter-spacing: 1px;
			}



		.staffMemberAvatar{
			position: relative;
			overflow: hidden;
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: cover;
			background-size: cover;
			padding-bottom:100%;
			border-radius: 50%;
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.2);
			margin-bottom: 40px;

		}

			.eyes{
				position: absolute;
				display: none;
			}		

			.eyes.blink{
				display: block;
			}

			.simona_eyes{
				top: 54px;
				left: 48px;
			}

			.raffaella_eyes{
				top: 51px;
				left: 49px;
			}

			.ripa_eyes{
				top: 59px;
				left: 57px;
			}

			.alessandra_eyes{
				top: 60px;
				left: 53px;
			}

			.carmine_eyes{
				top: 58px;
				left: 56px;
			}

			.debora_eyes{
				top: 47px;
				left: 54px;				
			}

			.mariella_eyes{
				top: 50px;
				left: 48px;				
			}

			.taisa_eyes{
				top: 46px;
				left: 45px;
			}

			.giulia_eyes{
				top: 54px;
				left: 55px;			
			}

			/* Smoke container */
			#smoke {
			  position: absolute;
			  z-index: 3;
			  width: 1px;
			  height: 160px;
			  left: 83%;
			  bottom: 32px;
			  opacity: 0.75;
			 -moz-transform: scale(0.8) rotate(45deg);
			-webkit-transform: scale(0.8) rotate(45deg);
			-o-transform: scale(0.8) rotate(45deg);
			-ms-transform: scale(0.8) rotate(45deg);
			transform: scale(0.8) rotate(45deg);
			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;
			}

			.staffWidget > div:hover #smoke{
				opacity: 0;
			}

			/* No animations? Display a static smoke image */
			.disableAnimations #smoke,
			.no-cssanimations #smoke {
			  width: 86px;
			  margin-left: -25px;
			  bottom: 146px;
			  /*background: url("../img/smokeNoAni.png") no-repeat center bottom;*/
			}

			/* smoke balls */
			.cssanimations #smoke span {
			  display: block;
			  position: absolute;
			  bottom: -35px;
			  left: 50%;
			  margin-left: -20px;
			  height: 0px;
			  width: 0px;
			  border: 35px solid #4b4b4b;
			  border-radius: 35px;
			  box-shadow: 0 0 40px rgba(0, 0, 0, 0.9);
			  left: -14px;
			  opacity: 0;
			  transform: scale(0.2);
			}

			/* Smoke animation */
			@-webkit-keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@-moz-keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@-o-keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@-webkit-keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			@-moz-keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			@-o-keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			@keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			#smoke .s0 {
			  -webkit-animation: smokeL 10s 0s infinite;
			  -moz-animation: smokeL 10s 0s infinite;
			  -o-animation: smokeL 10s 0s infinite;
			  animation: smokeL 10s 0s infinite;
			}

			#smoke .s1 {
			  -webkit-animation: smokeR 10s 1s infinite;
			  -moz-animation: smokeR 10s 1s infinite;
			  -o-animation: smokeR 10s 1s infinite;
			  animation: smokeR 10s 1s infinite;
			}

			#smoke .s2 {
			  -webkit-animation: smokeL 10s 2s infinite;
			  -moz-animation: smokeL 10s 2s infinite;
			  -o-animation: smokeL 10s 2s infinite;
			  animation: smokeL 10s 2s infinite;
			}

			#smoke .s3 {
			  -webkit-animation: smokeR 10s 3s infinite;
			  -moz-animation: smokeR 10s 3s infinite;
			  -o-animation: smokeR 10s 3s infinite;
			  animation: smokeR 10s 3s infinite;
			}

			#smoke .s4 {
			  -webkit-animation: smokeL 10s 4s infinite;
			  -moz-animation: smokeL 10s 4s infinite;
			  -o-animation: smokeL 10s 4s infinite;
			  animation: smokeL 10s 4s infinite;
			}

			#smoke .s5 {
			  -webkit-animation: smokeR 10s 5s infinite;
			  -moz-animation: smokeR 10s 5s infinite;
			  -o-animation: smokeR 10s 5s infinite;
			  animation: smokeR 10s 5s infinite;
			}

			#smoke .s6 {
			  -webkit-animation: smokeL 10s 6s infinite;
			  -moz-animation: smokeL 10s 6s infinite;
			  -o-animation: smokeL 10s 6s infinite;
			  animation: smokeL 10s 6s infinite;
			}

			#smoke .s7 {
			  -webkit-animation: smokeR 10s 7s infinite;
			  -moz-animation: smokeR 10s 7s infinite;
			  -o-animation: smokeR 10s 7s infinite;
			  animation: smokeR 10s 7s infinite;
			}

			#smoke .s8 {
			  -webkit-animation: smokeL 10s 8s infinite;
			  -moz-animation: smokeL 10s 8s infinite;
			  -o-animation: smokeL 10s 8s infinite;
			  animation: smokeL 10s 8s infinite;
			}

			#smoke .s9 {
			  -webkit-animation: smokeR 10s 9s infinite;
			  -moz-animation: smokeR 10s 9s infinite;
			  -o-animation: smokeR 10s 9s infinite;
			  animation: smokeR 10s 9s infinite;
			}



		.staffMemberDescription{

		}

		.flipper {
		  position: relative;
		  margin: 0 auto;
		  width: 150px;
		  height: 150px;
		  margin: 50px auto;
		  border-radius: 100%;
		}

		.staffMember.flipper:before {
			pointer-events: none;
		    display: block;
		    content: "";
		    width: 107px;
		    height: 120px;
		    position: absolute;
		    top: -19px;
		    left: 50%;
		    margin-left: -62px;
		    /*background: url(http://www.officialpsds.com/images/thumbs/Santa-Hat-psd89865.png) no-repeat center top;*/
		    background-size: contain;
		    z-index: 100;
		    	-webkit-transition: all 350ms ease;
		    	-moz-transition: all 350ms ease;
		    	-ms-transition: all 350ms ease;
		    	-o-transition: all 350ms ease;
		    	transition: all 350ms ease;
		}

		.staffWidget > div:hover .staffMember.flipper:before {
			opacity: 0;
		}

		.staffWidget > div:hover .front {
		  -moz-transform: rotateX(180deg) scale(1.3);
		  -ms-transform: rotateX(180deg) scale(1.3);
		  -webkit-transform: rotateX(180deg) scale(1.3);
		  transform: rotateX(180deg) scale(1.3);

		-moz-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  -webkit-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);

		}
		.staffWidget > div:hover .back {
		  -moz-transform: rotateX(0deg) scale(1.3);
		  -ms-transform: rotateX(0deg) scale(1.3);
		  -webkit-transform: rotateX(0deg) scale(1.3);
		  transform: rotateX(0deg) scale(1.3);
		  -moz-box-shadow: 0 35px 110px -19px rgba(0, 0, 0, 0.7);
		  -webkit-box-shadow: 0 35px 110px -19px rgba(0, 0, 0, 0.7);
		  box-shadow: 0 35px 110px -19px rgba(0, 0, 0, 0.7);
		}
		.flipper .front, .flipper .back {
		  position: absolute;
		  width: 150px;
		  height: 150px;
		  border-radius: 100%;
		  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		  -moz-transform: translate3d(0, 0, 0);
		  -ms-transform: translate3d(0, 0, 0);
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  -moz-transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  -o-transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  -webkit-transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  -moz-backface-visibility: hidden;
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		}
		.flipper .front img, .flipper .back img {
		 
		}
		.flipper .front {		
		  z-index: 11;
		  overflow: hidden;
		  -moz-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  -webkit-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		}
		.flipper .back {		
		  border: 1px solid #fff; 		 
		  overflow: hidden;
		  text-align: center;
		  z-index: 10;
		  -moz-transform: rotateX(180deg);
		  -ms-transform: rotateX(180deg);
		  -webkit-transform: rotateX(180deg);
		  transform: rotateX(180deg);
		}


.side_menu_toggle_container{
	padding-top: 20px;
}

.side_menu{
	width: 100%;
	background-color: #fff;
	position: relative;
	top: -25px;
	padding: 15px;

	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}





	.side_menu > ul{
		list-style-type: none;
		padding-left: 0;
	}

		.side_menu > ul li{
			display: block;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}

		.side_menu > ul li.current{
			background-color: #38b5e6;
			box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
			border-bottom: none;
		}

		.side_menu > ul li:last-child{
			border-bottom: none;
		}

			.side_menu > ul li a{
				display: block;
				font-size: 16px;
				
				padding: 10px;
				color: #888;
				text-decoration: none;

				transform: translate3d(0, 0, 0);

				-webkit-transition: all 200ms ease;
				-moz-transition: all 200ms ease;
				-ms-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				transition: all 200ms ease;
			}


				.side_menu > ul li a:before{	
					font-family: "FontAwesome";		
					display: inline-block;		
					opacity: 0;	
			
					font-size: 100%;

					vertical-align: top;

					-webkit-transition: all 200ms ease;
					-moz-transition: all 200ms ease;
					-ms-transition: all 200ms ease;
					-o-transition: all 200ms ease;
					transition: all 200ms ease;

					content: "\f105";		
					font-family: "FontAwesome";	
					margin-right: 5px;

					-moz-transform: translateX(-10px);
					-webkit-transform: translateX(-10px);
					-o-transform: translateX(-10px);
					-ms-transform: translateX(-10px);
					transform: translateX(-10px);					
				}



			.side_menu > ul li:hover a{
				color: #092f6f;		
				-moz-transform: translateX(10px);
				-webkit-transform: translateX(10px);
				-o-transform: translateX(10px);
				-ms-transform: translateX(10px);
				transform: translateX(10px);		
			}


			.side_menu > ul li.current a,
			.side_menu > ul li.current:hover a{
				color: #fff;
				-moz-transform: translateX(10px);
				-webkit-transform: translateX(10px);
				-o-transform: translateX(10px);
				-ms-transform: translateX(10px);
				transform: translateX(10px);	
			}

				
				.side_menu > ul li.current a:before,
				.side_menu > ul li:hover a:before{	
					opacity: 1;
					-moz-transform: translateX(0px);
					-webkit-transform: translateX(0px);
					-o-transform: translateX(0px);
					-ms-transform: translateX(0px);
					transform: translateX(0px);
				}

	.software .side_menu_container .btn-primary{
		border-color: #c8ff60;
		color: #c8ff60;
	}

	.software .side_menu_container .btn-primary:hover{
		background-color: #c8ff60;
		color: #fff;
	}

	.software .side_menu_container .btn-primary:focus{
		border-color: #c8ff60;
		background-color: #c8ff60;
		color: #fff;
	}

.main{
	padding-bottom: 20px;
}

.video_chi_siamo_section{
	padding-bottom: 0;
}

	.video_column{
		padding: 40px 0;	
	}

		.video_column iframe{
			 height: 250px;
			 box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
		}


.blue_section{
	background-color: #38b5e6;
	color: #fff;
}

	.main h1{
		font-weight: 400;
		margin-bottom: 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}	

	.main h3{
		margin-bottom: 30px;
	}

.one_page_menu{
	height: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.one_page_menu:not(.sticky){
	pointer-events: none;
}

.one_page_menu.sticky{
	position: fixed;
	
	z-index: 100;
	width: 100%;
	opacity: 1;
	top: 0;

	box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
}

.page_web .one_page_menu.sticky{
	background-color: #38b5e6;
}


.page_software .one_page_menu.sticky{
	background-color: #87BB27;
}

.page_consulenza .one_page_menu.sticky{
	background-color: #ff5113;
}

.one_page_menu_spacer{
	display: block;
	width: 100%;
	height: 50px;
}

	.one_page_menu ul{
		padding-left: 0;
	}	

		.one_page_menu li{	
			display: inline-block;
			margin-right: 50px;		
			padding-top: 4px;
			padding-bottom: 4px;
		}

		/*.header_software .one_page_menu li,
		.header_web .one_page_menu li,
		.header_consulenza .one_page_menu li{
			margin-right: 0;
			float: left;
			text-align: center;
			width: 11.11111%;
			height: 50px;
			padding-top: 0;
		}*/
		.header_software .one_page_menu li, .header_web .one_page_menu li, .header_consulenza .one_page_menu li {
    margin-right: 0;
    float: left;
    text-align: center;
    width: 9%;
    height: 50px;
    padding-top: 0;
}

		/*.header_web .one_page_menu li{
			width: 14.2%;
		}*/
		.header_web .one_page_menu li {
		    width: 12.5%;
		}

		.header_consulenza .one_page_menu li{
			width: 16.6%;
		}

	

		.header_software .one_page_menu li:before,
		.header_web .one_page_menu li:before,
		.header_consulenza .one_page_menu li:before{
			content: "";
			display: inline-block;
			vertical-align: middle;
			height: 100%;
			margin-left: -7px;
		}

		.one_page_menu li.active{
			background-color: rgba(0, 0, 0, 0.15);
		}


		.one_page_menu li:last-child{	
			margin-right: 0;
		}

			.one_page_menu li a{	
				text-transform: uppercase;
				font-size: 16px;
				font-weight: 700;
				text-decoration: none;		
				outline: none;		
			}

			.header_software .one_page_menu li a,
			.header_web .one_page_menu li a,
			.header_consulenza .one_page_menu li a{
				font-size: 12px;
				line-height: 14px;		
				padding: 10px 5px;
				vertical-align: middle;
				display: inline-block;
			}

			.header_web .one_page_menu li a{
				font-size: 13px;				
			}

			.header_consulenza .one_page_menu li a{
				font-size: 13px;				
			}

			.one_page_menu.sticky li a{
				color: #fff !important;	
			}

				.one_page_menu li a span{	
					position: relative;
					display: block;
				}

			.one_page_menu li.active a:hover,
			.one_page_menu li.active a:active{
				background-color: transparent !important;
			}

				.one_page_menu li a span:before{
					position: absolute;
					width: 100%;
					height: 2px;
					content: "";
					left: 0;
					bottom: -6px;
					background-color: #fff;
					opacity: 0;

					-moz-transform: scale(0, 1);
					-webkit-transform: scale(0, 1);
					-o-transform: scale(0, 1);
					-ms-transform: scale(0, 1);
					transform: scale(0, 1);

					-webkit-transition: all 300ms ease;
					-moz-transition: all 300ms ease;
					-ms-transition: all 300ms ease;
					-o-transition: all 300ms ease;
					transition: all 300ms ease;
				}


			.nav > li > a:hover, .nav > li > a:focus{
				background-color: transparent;
			}

				.one_page_menu li.active a span:before, .one_page_menu li.active a:hover span:before, .one_page_menu li.active a:focus span:before{
					opacity: 1;

					-moz-transform: scale(1, 1);
					-webkit-transform: scale(1, 1);
					-o-transform: scale(1, 1);
					-ms-transform: scale(1, 1);
					transform: scale(1, 1);
				}

.clion_one_page_menu{
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

	.clion_one_page_menu a{
		color: #000;
	}

	.clion_one_page_menu a:hover{
		color: #38b5e6;
	}


.service_one_page_menu{
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

article{
	/*overflow-x: hidden;*/
}		


.content_hero{
	background-color: #38b5e6;	
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.page_chi_siamo .content_hero{
	min-height: 500px;
	background-image: url('../../img/chi-siamo-storia.jpg');
}

	.content_hero h2{
		margin-top: 100px;
	}

	.content_hero h2, .content_hero h2 small{
		font-weight: 300;
		color: #fff;
	}

		.content_hero h2 i{
			display: inline-block;
		}

		 .content_hero h2 small{
			display: inline-block;
			margin-top: 30px;		 	
		 }

.single_service__Page h2{
	font-weight: 300;
	font-size: 40px;
	margin: 4rem auto;
}

@media (max-width: 500px) {

	.single_service__Page h2{
		font-size: 30px;
	}
	
}

article section h1{
	font-weight: 300;
	font-size: 300%;
}

article section h3{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #38b5e6;
	font-weight: 700;
	font-size: 110%;
	margin-bottom: 30px;
}

#target_form_container{
	background-color: #fff;
}

.page_software article section.single_service__Page h3,
.page_software article section.single_service__Page h2{
	color: #71b020;
}

article section p{
	font-size: 110%;
	padding-bottom: 40px;
	font-weight: normal;
	letter-spacing: 0.5px;
	line-height: 1.7;
}

.page_contatti article section p{
	line-height: 2;
}

article section p a{
	color: #38b5e6;
	font-weight: 700;
	border-bottom: 2px solid rgba(56, 181, 230, 0.35);
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
	
}

article section p a:hover{
	text-decoration: none;
	border-color: #092e6e;
	color: #092e6e;
	border-bottom: 2px solid rgba(56, 181, 230, 1);
}

.team-container{
	background-image: url('../../img/staff_bg.jpg');
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	min-height: 100vh;
}

.inverted-container{
	background-color: #38b5e6;
	/*background-image: url('../../img/staff_bg.jpg');
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;*/
}


.inverted-container h1, .inverted-container h3, .inverted-container p{
	color: #fff;
}

.inverted-container .title_divider{
	background-color: #fff;
}

.inverted-container a,
.inverted-container a:hover{
	color: #fff;
}

/* -------------------------- target --------------------------- */


	.target_content{
		padding-top: 30px;
		overflow: hidden;
/*		background-color: #fffffff0;*/
	}


#cloud_message{
	position: absolute;
	z-index: 19;
	width: 450px;
	height: 164px;
	background-color: #38b5e6;
	background-image: url('../../img/stop-icon.png');
	background-repeat: no-repeat;
	background-position: 317px 26px;
	border-radius: 10px;
	left: 6px;
	color: #fff;
	top: 0px;
	-webkit-box-shadow: 0 10px 50px 1px rgba(0,0,0,0.2);
box-shadow: 0 10px 50px 1px rgba(0,0,0,0.2);
	background-size: 0px 0px;
}

#cloud_message.animatebg{
	transition: background-size 600ms ease-out;
	-moz-transition: background-size 600ms ease-out;
	-ms-transition: background-size 600ms ease-out;
	-o-transition: background-size 600ms ease-out;
	-webkit-transition: background-size 600ms ease-out;

	/* background-size: 164px 148px; */
	background-size: 134px 121px;
}



#cloud_message.inoutbg{

	background-size: 164px 148px;

	-webkit-transition: background-size  900ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition: background-size  900ms cubic-bezier(0.680, -2.550, 0.265, 3.550); 
	-moz-transition: background-size  900ms cubic-bezier(0.680, -2.550, 0.265, 3.550); 
	-o-transition: background-size  900ms cubic-bezier(0.680, -2.550, 0.265, 3.550); 
	transition: background-size  900ms cubic-bezier(0.680, -2 .550, 0.265, 3.550); /* easeInOutBack */

}



	#cloud_message p{
		font-family: 'Lato';
		color: #fff;
		font-size: 24px;
		line-height: 30px;
		padding: 10px 10px 10px 16px;
	}

		#cloud_message p #logo-small-white{
			position: relative;
			display: inline;
		}

		#cloud_message #cloud_arrow{
			position: absolute;
			left: -23px;
			/* transform: rotateZ(180deg); */
			top: 26px;
		}

		#cloud_message #cross_icon{
			position: absolute;
			right: 10px;
			top: 10px;
			z-index: 99;
			cursor: pointer;
		}

		#top-numeri {
			float: right;
			margin-top: 13px;
		}

		#header_title{
			font-size: 17px;
			position: relative;
			background-color: #38b5e6;
			border-radius: 60px;
			color: #fff;
			text-align: center;
			
			display: block;
			width: auto;
			font-family: "Lato", sans-serif;
			font-weight: 700;
		}

		@media (max-width: 767px) {

			#header_title{
				border-radius: 4px;
			}
			
		}

			#clientsblocktext_container{
				display: inline-block;
				width: 110px;
				height: 20px;
				position: relative;
			}

			span#clientsblocktext{
				width: 110px;
				left: -3px;			
			}

			@media (max-width: 1199px) {
				span#clientsblocktext{
					
				}
			}

			@media (max-width: 991px) {
				span#clientsblocktext{
									
				}

				#header_title{
					line-height: 32px;
				}
			}

			span#clientsblocktext.zoomnumber{
		        -moz-transform: scale(0.9);
		        -webkit-transform: scale(0.9);
		        -o-transform: scale(0.9);
		        -ms-transform: scale(0.9);
		        transform: scale(0.9);
		    }

		     #clients_div{
	            background-color: #eaeaea;
	            padding: 10px 0px 10px 0px;
	            width: 250px;
	            overflow: hidden;
	            margin-top: 20px;
	            height:159px;	      
	            background-repeat:no-repeat;
	        }

                span#clientsblocktext{
                    font-family: "Lato";
                    font-weight: 700;
                    position: absolute;
                    display: block;
                    font-size: 40px;
                    color: #1d536d;
                    
                    text-align: center;
                    width: 110px;
					top: -3px;

                    -moz-transform: scale(0.2);
                    -webkit-transform: scale(0.2);
                    -o-transform: scale(0.2);
                    -ms-transform: scale(0.2);
                    transform: scale(0.2);
                }

                span#clientsblocktext.zoomnumber{
                    color: #ff0000;
                    text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 0px #FFFFFF;

                    -moz-transform: scale(1);
                    -webkit-transform: scale(1);
                    -o-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);

                    -webkit-transition: all 3000ms ease-out;
                    -moz-transition: all 3000ms ease-out;
                    -ms-transition: all 3000ms ease-out;
                    -o-transition: all 3000ms ease-out;
                    transition: all 3000ms ease-out;
                }

		.target_content h1{
			font-size: 26px;
		}

		.target_colors_1 .seo_hero_top{
			background-color: #ffe024;
		}

		.target_colors_1 .additional_block{
			background-color: #ffe024dd;
		}

		.target_colors_1 .hero_form,
		.target_colors_1 .leaflet-popup:after,
		.target_colors_1 .leaflet-popup:before{
			background-color: #854299;
 		}

		.target_colors_1 .hero_text .btn-primary,
		.target_colors_1 #form_lascia_numero .btn,
		.target_colors_1 ._heading h2{				
			color: #fff;
			border-color: #854299;
			background-color: #854299;
		}

		.target_colors_1 .hero_text .btn-outline,
		.target_colors_1 .hero_text h1 strong,
		.target_text h4{
			color: #854299;
			border-color: #854299;
		}





	.target_colors_2 .seo_hero_top{
			background-color: #F96706;
		}

		.target_colors_2 .additional_block{
			background-color: #F96706dd;
		}

		.target_colors_2 .hero_form,
		.target_colors_2 .leaflet-popup:after,
		.target_colors_2 .leaflet-popup:before{
			background-color: #0698F9;
 		}

 		.target_colors_2 #form_lascia_numero p{
 			color: #fff;
 		}

		.target_colors_2 .hero_text .btn-primary,
		.target_colors_2 #form_lascia_numero .btn,
		.target_colors_2 ._heading h2{				
			color: #fff;
			border-color: #0698F9;
			background-color: #0698F9;
		}

		.target_colors_2 .hero_text .btn-outline,
		.target_colors_2 .hero_text h1 strong,
		.target_text h4{
			color: #0698F9;
			border-color: #0698F9;
		}


 .target_colors_3 .seo_hero_top{
			background-color: #00CD75;
		}

		.target_colors_3 .additional_block{
			background-color: #00CD75dd;
		}

		.target_colors_3 .hero_form,
		.target_colors_3 .leaflet-popup:after,
		.target_colors_3 .leaflet-popup:before{
			background-color: #FF4900;
 		}

 		.target_colors_3 #form_lascia_numero p{
 			color: #fff;
 		}

		.target_colors_3 .hero_text .btn-primary,
		.target_colors_3 #form_lascia_numero .btn,
		.target_colors_3 ._heading h2{				
			color: #fff;
			border-color: #FF4900;
			background-color: #FF4900;
		}

		.target_colors_3 .hero_text .btn-outline,
		.target_colors_3 .hero_text h1 strong,
		.target_text h4{
			color: #FF4900;
			border-color: #FF4900;
		}


		.seo_hero_top{
			position: absolute;
			right: 0;
			top: 0; 
			width: 35vw;
			height: calc( 100vh - 110px );
			max-height: 48vw;
			background: none !important;
			border-radius: 26vw 0 0 0 ;
		}

		@media (max-width: 1199px) {
			.seo_hero_top{
				top: 100px;
			}
		}

			.seo_hero_top img{
				position: absolute;
				bottom: 0;
				max-height: 94%;
				right: 0;
/*    		left: -3vw;*/
    border-top-left-radius: 370px;
			}

			.hero_form{
				position: relative;
				margin-right: -15px;
				clear:both;
				width: 65vw;
				min-height: 30vw;
				padding: 3vw;
				float: right;
				border-radius: 40px 0 0 40px;
/*					margin-bottom: 220px;*/
				margin-bottom: 10vw;
			}


			#clion_map_seo{
				border-radius: 30px;
				width: 60vw;
				height: 30vw;
				position: absolute;
				z-index: 80;
				left: -46%;
				margin-top: 1vw;
			}


			img.leaflet-marker-icon,
			img.leaflet-marker-shadow{
				display: none !important;
			}

			@keyframes scaleIn {
			  from {
			    transform: scale(1, 1);
			    opacity: .7;
			  }
			  to {
			    transform: scale(3.5, 3.5);
			    opacity: 0;
			  }
			}

		 .leaflet-popup:after,
		 .leaflet-popup:before{
		 		display: block;
		 		content: "";
		 		width: 20px;
		 		height: 20px; 
		 		border-radius: 50%;
		 		left: 50%;
		 		margin-left: -10px;
		 		top: 60px;
		 		position: absolute;
		 		animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);
		 }

			.leaflet-popup:before{
				 animation-delay: 1s; 
			}

		
			.numeri_seo{
				border-radius: 20px;
				padding: 2vw;
				backdrop-filter: blur(12px);
				background-color: #ffffffaa;
				position: absolute;
				z-index: 80;
				left: -51%;
				bottom: -9vw;
				margin-top: 1vw;
			}

			@media (max-width: 1800px) {

				.numeri_seo{

				}
				
			}

			.target_text{
				position: relative;
/*				font-size: 1.2vw;*/
font-size: 16px;
				line-height: 1.4;
				padding: 2vw 5vw; 
/*				padding-top: 14vw;*/
			}

				.target_text h4{
					font-size: 1.4em;
					font-weight: bold;
					margin-bottom: 20px;
				}

				._about_2{
					padding-top: 50px;
				}

				._about_2 .img_about{
					margin-top: 40px;	
				}

			@media(max-width:1200px){
				.target_text{
					font-size: 15px;
					margin-top: 20px;
				}
			}


@media (min-width: 1225px) {

	#target_form_container{
		padding-left: 55px;
	}
	
}


		.map_text{
			max-width: 25vw;
	    position: relative;
	    right: 2vw;
	    top: 0;
			margin-left: auto;
			margin-right: 0;
		}

			.map_text *{
				color: #fff;
			}


		.additional_block{
			max-width: 25vw;
	    position: relative;
	    right: 2vw;
	    top: 1vw;
			backdrop-filter: blur(12px);
			border-radius: 30px;
			margin-top: 2vw;
			margin-left: auto;
    	margin-right: 0;
    	margin-bottom: -9vw;
			min-height: 17vw;
			padding: 2vw;
		}

		#form_lascia_numero{
			
			color: #000;
		
			background-color: transparent;
		}

			#form_lascia_numero p{
				text-align: center;
				text-transform: uppercase;
				font-weight: 900;
				font-size: 1.2vw;
				line-height: 1.3;
			}

		#target_form .form-control,
		#form_lascia_numero .form-control{
			margin-bottom: 10px;
		}

			#form_lascia_numero .form-control,
			#form_lascia_numero .btn{
				font-size: 1.2vw;
				padding: 0.8vw 1.5vw;
				height: auto;
				border-radius: 3vw;
				margin-bottom: 1vw !important;
			}
 

			.hero_text{
				  float: left;
			    padding: 2vw 6vw;
			    padding-top: 0;
			    padding-bottom: 0;
			    position: static;
			    left: -15px;
			    max-width: 60vw;
			    min-height: 39vw;
			}

			.hero_text h1{
				font-size: 2.2vw;
				line-height: 1.5;
				padding-right: 5%;			
			}



			.hero_text p{
				padding-top: 20px;
				padding-bottom: 20px;
				line-height: 1.6;
			}

			.hero_text .btn{
				font-weight: 600;
				text-transform: uppercase;
				font-size: 1.1vw;
				border-width: 2px;
				margin-right: 20px;
				background-color: #fff;
/*				text-transform: none;*/
				letter-spacing: 1px;
			}

			.hero_text .btn:hover{
				background-color: #f4f4f4;
				filter: grayscale(20%);
			}

			@media (max-width: 1400px) {

				#clion_map_seo{
					width: 50vw;
    			height: 40vw;
				}

				.map_text,
				.additional_block{
					    max-width: 36vw;
				}
 
				
			}



			@media (max-width: 1200px) {
					.hero_text .btn{
						font-size: 14px;
					}
			}

			@media (max-width: 991px) {

				.map_text, .additional_block {
				    max-width: 100%;
				    right: 0;
				}

				#form_lascia_numero{
					position: relative;
				}

				.additional_block{
					width: 270px;
					height: auto;
					min-height: 0;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 20px;
					border-radius: 15px;
				}

				.map_text{
					padding: 15px;
				}
  
				.hero_form,
				#clion_map_seo{
					position: relative;
					width: 100%;
					margin-right: 0;
					float:none;
					margin-top: 0;
					left: 0;
					padding: 0;
					border-radius: 0;

				}

				.hero_form{
					background-color: #fff !important;
					margin-bottom: 0;
				}

				.map_text *{
					color: #000;
				}

				#clion_map_seo{
					top: 100%;
				}

				.numeri_seo{
					position: relative;
					margin-bottom: 10px;
					left: 0;
					bottom: 0;
				}

				.target_content .container-fluid{
					padding-left: 0;
					padding-right: 0;
				}
 
				.target_content{
					padding-top: 0;
				}

				.hero_text h1{
					margin-top: 0;
					padding-right: 0;
					font-size: 20px;
				}

		
				.hero_text p{
					padding-top: 10px;
					padding-bottom: 10px;
				}


					#form_lascia_numero p{ 
						font-size: 12px; 
					}
 

					#form_lascia_numero .form-control,
					#form_lascia_numero .btn{
						font-size: 12px; 
						padding: 7px 16px; 
						border-radius: 3vw;
						margin-bottom: 10px !important;
					}
				
			}

			@media (max-width: 767px) {

				.seo_hero_top{
					max-height: 52vw;
					margin-top: 0;
					top: 360px;
				}

				.seo_hero_top img{
/*					left: -12vw;*/
				}

				.hero_text .btn{
/*					display: none;*/
				}

				.map_text h2{
					line-height: 1.5;
				    font-size: 20px;
				}
		
	
			}

			.mobile__img{
				display: none;
			}

			@media (max-width: 560px) {

				.numeri_seo {
					width: 250px;
					margin-left: auto;
					margin-right: auto;
				}

			 .numeri_seo img{
			 		max-height: none !important;
			 		margin-bottom: 15px;
			 }

				#clion_map_seo{
					top: 0;
					height: 300px;
				}

					.mobile__img{
						border-radius: 60px 60px 0 0;
						display: block;
						width: 100%;
					}

					.seo_hero_top{
						position: relative;
						width: 90%;
						margin-left: 5%;
						margin-right: 5%;
						left: 0;
						right: 0;
						float: none;
						border-radius: 20vw 20vw 0 0;
						margin-top: 20px;
						top: 0;
						display: none !important;
					}

						.seo_hero_top img{
							max-height: 110%;
							left: 50%;
							transform: rotateY(180deg) translateX(50%);
						}

					.hero_text{
						left: 0;
						text-align: center;
						max-width: 100vw;
						float: none;
						padding: 20px;
						padding-bottom: 0;
					}

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

			}

	 

		.target_image{
			width: 100%;
			max-width: 600px;
			display: block;
			margin: 30px auto;
			-webkit-box-shadow: 0 10px 40px 1px rgba(0,0,0,0.3);
			box-shadow: 0 10px 40px 1px rgba(0,0,0,0.3);
			border-radius: 4px;
		}

		.tablet_container{
			display: block;
			position: absolute;			
			background-color: #46495a;			
			z-index: 10;
			left: -150.096px;
			top: -419.787px;
			width: 121.856px;
			height: 75.0571px;
			transform: rotateZ(357.036deg);
			z-index: 10;
			border-radius: 3px;
			opacity: 0;
			overflow: hidden;
		}

			.tablet_container span{
				display: block;
				position: absolute;
				z-index: 9;
				width: 129px;
				height: 82px;
				left: 58%;
				top: 95%;				
				margin-left: -75px;
				margin-top: -75px;
				border-radius: 3px;
				-webkit-transition: all 1000ms ease-out;
				-moz-transition: all 1000ms ease-out;
				-ms-transition: all 1000ms ease-out;
				-o-transition: all 1000ms ease-out;
				transition: all 1000ms ease-out;
				-moz-transform: scale(0);
				-webkit-transform: scale(0);
				-o-transform: scale(0);
				-ms-transform: scale(0);
				transform: scale(0);
			}

			.tablet_container span.circle_1{
				display: block;
				position: absolute;
				z-index: 9;
				background-color: #ff0000;
				background-repeat: no-repeat;
				-webkit-background-size: cover;
				background-size: cover;
				background-position: center center;
			}

			.tablet_container span.circle_2{
				display: block;
				position: absolute;
				z-index: 8;
				background-color: #38b5e6;
				
				
			}

			.tablet_container span.zoomedtablet{
				-moz-transform: scale(1);
				-webkit-transform: scale(1);
				-o-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
			}

		.target_woman{
			bottom: 0;
			left: -260px;
			position: absolute;
			z-index: 10;
			pointer-events: none;
		}

		#tablet_msg {
			position: absolute;
			display: block;
			width: 129px;
			height: 75px;
			z-index: 13;
			left: 109px;
			top: 85px;
		}

		#tablet_msg #loading_tablet {
			position: absolute;
			z-index: 99;
			width: 131px;
			height: 77px;
			background-color: #56a0d3;
			background-image: url('../../img/preloadtablet.gif');
			background-repeat: no-repeat;
			background-position: center center;
			border-radius: 2px;
		}

		#tablet_msg>img {
			border-radius: 2px;
		}

		#tablet_msg>span {
			display: block;
			width: 180px;
			height: 41px;
			position: absolute;
			background-color: #f45b53;
			bottom: -38px;
			left: -25px;
			border-radius: 50px;
		}	

		#tablet_msg>span>span {
			display: block;
			text-align: center;
			color: #fff;
			font-size: 18px;
			font-family: "Lato", sans-serif;
			font-weight: 500;
			padding-top: 10px;
		}

		#tablet_msg>span>img {
			position: absolute;
			left: 77px;
			top: -12px;
		}

		.target_content #mymap{
			z-index: 9;
			margin-left: -30%;
			width: 130%;
			height: 360px;	
			border-radius: 6px;
		}

		#target_numbers{
			width: 100%;
			height: 206px;
			
			background: #fff url('../../img/realizzazione_siti_internet_vert.jpg') center top no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
		}


		

			.target_content #mymap{
				margin-left: 0;	
				width: 100%;
			}	

			#target_numbers{
				width: 450px;
				display: inline-block;
				height: 56px;
				background: #fff url('../../img/realizzazione_siti_internet.jpg') 0 0 no-repeat;
			}
			
		

		@media (max-width: 693px) {
		/*	#target_numbers{
				width: 100%;
				background-position: center top;
			}*/
		}

		@media (max-width: 480px) {
		/*	#target_numbers{
				height: 206px;
				background: #fff url('../../img/realizzazione_siti_internet_vert.jpg') center top no-repeat;
			}*/
		}



		@media (min-width: 992px) {

		/*	.target_text{
				min-height: 265px;
			}*/
			
		}


		.linkpage {			
			font-family: "Lato",sans-serif;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 1px;
			line-height: 20px;
			display: inline-block;
		}

	 
			.target_woman{
				width: 200px;
				left: -190px;
			}

			#tablet_msg{
				left: 120px;
				top: 116px;
			}

		 

/* /target  */

	.serviceModal{
		position: fixed;
		z-index: 101;
		width: 100%;		
		height: 100%;		
		left: 0;
		bottom: 0;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 20px;
		padding-top: 120px;		
		opacity: 0;
		color: #fff;
	}

		.serviceModal p a{
			color: #fff;
			text-decoration: underline;
		}

	.page_software .serviceModal{
		background-color: #71b020;
	}

	.page_consulenza .serviceModal{
		background-color: #ff5113;
	}

	.page_web .serviceModal{
		background-color: #38b5e6;
	}

	.serviceModal.serviceModal__inverted{

		color: #000;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+43,e5e5e5+100 */
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 43%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 43%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  rgba(255,255,255,1) 43%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}

		.serviceModal.serviceModal__inverted p a{
			color: #000;
		}

		.close_single_service_modal{
			color: #fff;
			font-size: 42px;
			position: fixed;
			right: 50px;
			top: 40px;
			z-index: 102;			
			cursor: pointer;

			-webkit-transition: all 1000ms ease;
			-moz-transition: all 1000ms ease;
			-ms-transition: all 1000ms ease;
			-o-transition: all 1000ms ease;
			transition: all 1000ms ease;
		}

		.page_software .serviceModal__inverted .close_single_service_modal{
			color: #71b020;
		}

		.page_web .serviceModal__inverted .close_single_service_modal{
			color: #38b5e6;
		}

		.page_consulenza .serviceModal__inverted .close_single_service_modal{
			color: #ff5113;
		}

		.serviceModal h1,
		.serviceModal h4{
			color: #fff;
		}

		.serviceModal h4{
			font-weight: 900;
			letter-spacing: 3px;
			margin-bottom: 0px;
			font-size: 70%;
		}

		.serviceModal h1{		
			font-weight: 300; 
			margin-bottom: 30px;
		}

		.serviceModal.serviceModal__inverted h1,
		.serviceModal.serviceModal__inverted h4{
			color: #111;
		}

		.serviceModal .form-group{
			margin-bottom: 40px;
			text-align: center;
		}

			.serviceModal .form-control{
				max-width: 450px;
				margin-left: auto;
				margin-right: auto;
				border-width: 2px;
			}

			.page_software .serviceModal__inverted  .form-control,
			.page_software .serviceModal.serviceModal__inverted button{
				border-color: #71b020;
			}

			.page_consulenza .serviceModal__inverted  .form-control,
			.page_consulenza .serviceModal.serviceModal__inverted button{
				border-color: #ff5113;
			}

			.page_web .serviceModal__inverted  .form-control,
			.page_web .serviceModal.serviceModal__inverted button{
				border-color: #38b5e6;
			}

			.serviceModal:not(.serviceModal__inverted) .form-control{
				background-color: transparent;				
				border-color: #fff;
				color: #fff;
			}

			.serviceModal:not(.serviceModal__inverted) .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			  color: rgba(255, 255, 255, 0.7);
			}
			.serviceModal:not(.serviceModal__inverted) .form-control::-moz-placeholder { /* Firefox 19+ */
			  color: rgba(255, 255, 255, 0.7);
			}
			.serviceModal:not(.serviceModal__inverted) .form-control:-ms-input-placeholder { /* IE 10+ */
			  color: rgba(255, 255, 255, 0.7);
			}
			.serviceModal:not(.serviceModal__inverted) .form-control:-moz-placeholder { /* Firefox 18- */
			  color: rgba(255, 255, 255, 0.7);
			}

			.serviceModal button{
				border-width: 2px;
				outline: none !important;
				color: #222;
				background-color: #fff;
				border-color: #fff;
				text-transform: uppercase;
				-webkit-box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
				box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
			}

			.serviceModal button:hover, .serviceModal button:active, .serviceModal button:active:hover, .serviceModal button:active:focus{
				background-color: #f0f0f0;
				color: #000;
				border-color: #fff;
			}

			.serviceModal.serviceModal__inverted button{				
				background-color: transparent;		
				color: #fff;		
			}

			.page_consulenza .serviceModal.serviceModal__inverted button{
				background-color: #ff5113;
			}

			.page_software .serviceModal.serviceModal__inverted button{
				background-color: #71b020;
			}
			
			.page_web .serviceModal.serviceModal__inverted button{
				background-color: #38b5e6;
			}



	.single_service{
		padding: 130px 40px 100px 40px;
		background-color: #fff;

		background: rgb(249,249,249);
		background: -moz-linear-gradient(-45deg,  rgba(249,249,249,1) 59%, rgba(221,221,221,1) 100%);
		background: -webkit-linear-gradient(-45deg,  rgba(249,249,249,1) 59%,rgba(221,221,221,1) 100%);
		background: linear-gradient(135deg,  rgba(249,249,249,1) 59%,rgba(221,221,221,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=1 );

		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		background-size: cover;
		background-attachment: fixed;

		/*margin-bottom: 200px;*/
		/*margin-top: 100px;*/
		position: relative;	
		overflow: hidden;	
		min-height: 100vh;

		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.page_web .single_service{
		background-image: url('../../img/services/bg/bg_services_web.jpg');
	}

	.page_software .single_service{
		background-image: url('../../img/services/bg/bg_services_software.jpg');
	}

	.page_consulenza .single_service{
		background-image: url('../../img/services/bg/bg_services_consulenza.jpg');
	}

	.page_web .single_service.single_service__inverted{
		
	}


	.column_media
	.transform_sevice{		
		z-index: 99;
		top: 0;
	}

		.single_service:before{
			content: "";
			display: block;
			position: absolute;
			z-index: 0;
			width: 100%;			
			height: 100%;
			left: 0;			
			top: 0;
			
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,1+100 */
			background: -moz-linear-gradient(top,  rgba(255,255,255,0.55) 0%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,0.55) 0%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(255,255,255,0.55) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		}

		.page_web .single_service.single_service__inverted:before{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38b5e6+0,38b5e6+100&0.5+0,1+100 */
			background: -moz-linear-gradient(top,  rgba(56,181,230,0.2) 0%, rgba(56,181,230,1) 70%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(56,181,230,0.2) 0%,rgba(56,181,230,1) 70%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(56,181,230,0.2) 0%,rgba(56,181,230,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8038b5e6', endColorstr='#38b5e6',GradientType=0 ); /* IE6-9 */

		}

		.page_software .single_service.single_service__inverted:before{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38b5e6+0,38b5e6+100&0.5+0,1+100 */
			background: -moz-linear-gradient(top,  rgba(135,187,39,0.2) 0%, rgba(135,187,39,1) 70%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(135,187,39,0.2) 0%,rgba(135,187,39,1) 70%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(135,187,39,0.2) 0%,rgba(135,187,39,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8038b5e6', endColorstr='#38b5e6',GradientType=0 ); /* IE6-9 */

		}

		.page_consulenza .single_service.single_service__inverted:before{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38b5e6+0,38b5e6+100&0.5+0,1+100 */
			background: -moz-linear-gradient(top,  rgba(255,81,19,0.2) 0%, rgba(255,81,19,1) 70%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(255,81,19,0.2) 0%,rgba(255,81,19,1) 70%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(255,81,19,0.2) 0%,rgba(255,81,19,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8038b5e6', endColorstr='#38b5e6',GradientType=0 ); /* IE6-9 */

		}



	article .single_service:last-child{
		margin-bottom: 0;
	}

	.page_web .single_service.single_service__inverted{
		color: #fff;

		background-image: url('../../img/services/bg/bg_services_web_invert.jpg');

	}

	.page_software .single_service.single_service__inverted{
		color: #fff;

		background-image: url('../../img/services/bg/bg_services_software_invert.jpg');

	}

	.page_consulenza .single_service.single_service__inverted{
		color: #fff;

		background-image: url('../../img/services/bg/bg_services_consulenza_invert.jpg');

	}


	html[lang='\
	it'] .page_web .single_service.single_service__inverted
	{
		background-color: #268eb7;
	}


	html[lang='\
	it'] .page_software .single_service.single_service__inverted
	{
		background-color: #688336;
	}

	html[lang='\
	it'] .page_consulenza .single_service.single_service__inverted
	{
		background-color: #688336;
	}

		

		.single_service__opened{
			z-index: 100;
			min-height: 100vh !important; 
		}

		.single_service__opened .close_single_service_modal{
			position: fixed;
			opacity: 1;
		}

		.richiedi_info_btn{
			display: block;
			width: 260px;
			height: 62px;
			border-radius: 30px;
			padding: 20px;
			font-weight: 400;
			font-size: 18px;
			text-transform: uppercase;
			letter-spacing: 2px;
			text-align: center;
			position: absolute;
			overflow: hidden;
			left: 50%;
			margin-left: -130px;
			z-index: 12;
			bottom: 70px;
			outline: none;
			cursor: pointer;
			
			-webkit-box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
			box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
			transform: translateZ(0);
			
			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			-ms-transition: all 400ms ease;
			-o-transition: all 400ms ease;
			transition: all 400ms ease; 
		}

		.highlight_box .richiedi_info_btn{
			bottom: auto;
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.richiedi_info_btn::-moz-focus-inner {
		  border: 0 !important;
		}

			.richiedi_info_btn span{
				display: block;
				white-space: nowrap;

				-webkit-transition: all 400ms ease;
				-moz-transition: all 400ms ease;
				-ms-transition: all 400ms ease;
				-o-transition: all 400ms ease;
				transition: all 400ms ease; 	
			}

		.richiedi_info_btn__motioncircle{
			-webkit-box-shadow: none !important;
			box-shadow: none !important;			
			width: 62px;

			-moz-transform: scale(0.8)  translateZ(0);
			-webkit-transform: scale(0.8)  translateZ(0);
			-o-transform: scale(0.8)  translateZ(0);
			-ms-transform: scale(0.8)  translateZ(0);
			transform: scale(0.8)  translateZ(0);

			margin-left: -31px;
			/*bottom: 50%;
			margin-bottom: -31px;			*/

		}

			.richiedi_info_btn__motioncircle span{
				opacity: 0;
			}

		.richiedi_info_btn__motioncircle__expand{	
			-ms-transform: scale(42,42);		
			transform: scale(42);		
			cursor: default;			
		}

		.page_web .richiedi_info_btn{
			background-color: #38b5e6;	
			color: #fff;
		}

		.page_software .richiedi_info_btn{		
			background-color: #71b020;
			color: #fff;
		}

		.page_consulenza .richiedi_info_btn{		
			background-color: #ff5113;
			color: #fff;
		}

		.single_service.single_service__inverted .richiedi_info_btn,
		.highlight_box .richiedi_info_btn{
			background-color: #fff;			
		}

		.highlight_box .richiedi_info_btn{
    		border: 3px solid #467b00;				
    		line-height: 1;
		}

		.page_web  .single_service.single_service__inverted .richiedi_info_btn{
			color: #38b5e6;
		}

		.page_software  .single_service.single_service__inverted .richiedi_info_btn,
		.page_software .highlight_box .richiedi_info_btn{
			color: #71b020;
		}

		.page_consulenza  .single_service.single_service__inverted .richiedi_info_btn{
			color: #ff5113;
		}

		.richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover{
			text-decoration: none;	
			-webkit-box-shadow: 0 10px 20px -10px rgba(0,0,0,0.8);
			box-shadow: 0 10px 20px -10px rgba(0,0,0,0.8);		
		}

		.page_web .richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover{
			background-color: #18a6d6;
		}

		.page_software .richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover{
			background-color: #5f941b;
		}

		.page_consulenza .richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover{
			background-color: #ff5113;
		}

		.page_web .single_service.single_service__inverted .richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover{
			background-color: #f4f4f4;
			color: #1f2c35;
		}

		.page_software .single_service.single_service__inverted .richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover,
		.page_software .highlight_box .richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover{
			background-color: #f4f4f4;
			color: #111;
		}

		.page_consulenza .single_service.single_service__inverted .richiedi_info_btn:not(.richiedi_info_btn__motioncircle__expand):hover{
			background-color: #f4f4f4;
			color: #111;
		}
		
		.richiedi_info_btn:active{
			text-decoration: none;
		}

		.btn_readmore{
			font-family: "Playfair Display";
    		font-style: italic;
    		font-size: 34px;
    		border: none !important;
		}

			.btn_readmore .fa{
				font-size: 24px;
			}

		.single_service__inverted .btn_readmore{
			color: #fff;
		}

		

		.single_service h1{
			font-family: "Lato";
			font-weight: 300;
			font-size: 300%;
			margin-top: 0;
		}

		.single_service p{
			font-size: 110%;
			padding-bottom: 40px;
			font-weight: normal;
			letter-spacing: 0.5px;
			line-height: 1.2;
		}

			.page_software .single_service:not(.single_service__inverted) p .fa-check-circle-o,
			.page_software .single_service:not(.single_service__inverted) p strong{
				color: #71b020;
			}

			.page_web .single_service:not(.single_service__inverted) p .fa-check-circle-o, .page_web .single_service:not(.single_service__inverted) p strong{
				color: #38b5e6;
			}

			.page_consulenza .single_service:not(.single_service__inverted) p .fa-check-circle-o, .page_consulenza .single_service:not(.single_service__inverted) p strong{
				color: #ff5113;
			}

		.title_divider{
			display: block;
			width: 60px;
			height: 2px;
			margin: 30px 0;	
			background-color: #38b5e6;		
		}

		.title_divider.title_divider_centered{
			margin-left: auto;
			margin-right: auto;
		}

		.page_web .title_divider{
			background-color: #38b5e6;
		}

		.page_software .title_divider{
			background-color: #71b020;		
		}

		.page_consulenza .title_divider{
			background-color: #ff5113;		
		}

		.page_web .single_service.single_service__inverted .title_divider,
		.page_consulenza .single_service.single_service__inverted .title_divider,
		.page_software .single_service.single_service__inverted .title_divider,
		.header_service  .title_divider{
			background-color: #fff;
		}

		.mediablock{			
			
			width: 100%;
			height: auto;
				
			position: relative;
			/*top: -20px;*/
			z-index: 11;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
	
			border-radius: 4px;

			-webkit-box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
				box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);

			overflow: hidden;

			
		}

			.mediablock video{
				display: block;
			}

			.parallax-object{
				width: 100%;
				height: 150%;
				padding: 30px;
				background-repeat: no-repeat;
				-webkit-background-size: cover;
				background-size: cover;

				border-radius: 4px;			

			}

		.page_web .mediablock{
			/*background-color: #fff;*/
		}

		.page_web .parallax-mirror, .page_software .parallax-mirror{
			border-radius: 4px;
			-webkit-box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
			box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
		}

	.column_media{
		overflow: hidden;
		position: absolute;
		/*background: url('http://prova.clion.it/clion_2015/img/globe_blue.jpg') center center no-repeat;*/
		background-color: #fff;
		-webkit-background-size: cover;
		background-size: cover;		
		background-attachment: fixed;	
		z-index: 0;
		width: 100%;
		height:100%;	
		min-height: 100vh;
		left: 0;
		top: 0;
	}

	.page_web .single_service__inverted .column_media{
		background-color: #38B5E6; 
	}



		
		.video-viewport {
		    position: absolute;
		    top: 0;
		    overflow: hidden;
		    z-index: -1; /* for accessing the video by click */
		}	

			


		video#bgvid {
		    position: relative;
		    z-index: 0;
		    background: url(mel.jpg) no-repeat;
		    background-size: 100% 100%;
		    top: 0px;
		    left: 50%;
		    margin-left: -50%;
		    min-width: 100%;
		    min-height: 100%;
		    width: auto;
		    height: auto;
		}

	.column_data{
		position: relative;
		z-index: 10 !important;			
		border-radius: 2px;
		padding: 0px 90px 50px 50px;			
		/*padding-bottom: 150px;
		min-height: calc(100vh - 250px);*/
	}

	.col-lg-push-6.column_data{
		padding: 0px 50px 50px 90px;
	}




footer{
	min-height: 600px;
	background: url('../../img/footer_bg.jpg') no-repeat center top;
	position: relative;
	z-index: 1;
	padding-top: 30px;

	-webkit-background-size: cover;
	background-size: cover;

	color: #fff;	
}


footer *{
	z-index: 2;
}

	footer:before{
		display: block;
		content: "";		
		width: 100%;
		height: 300px;

		position: absolute;
		top: 0;
		left: 0;

		z-index: 1;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+34 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(34%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

	}

	#footer_logo{
		position: relative;
		z-index: 2;
	}

	.social_menu{
		padding-left: 0;
		padding-top: 16px;
	}
		.social_menu li{
			list-style: none;
			float: left;
			margin-left: 10px;
			display: block;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			border: 1px solid #fff;

			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}

			.social_menu li a{
				display: block;
				width: 100%;
				height: 100%;
				font-size: 16px;
				text-align: center;		
				color: #fff;
				border-radius: 50%;
			}

			.social_menu li:hover a{
				color: #fff;
			}

				.social_menu li a i{
					-webkit-transition: all 150ms ease;
					-moz-transition: all 150ms ease;
					-ms-transition: all 150ms ease;
					-o-transition: all 150ms ease;
					transition: all 150ms ease;

						
				}

				.social_menu li:hover a i{
					-moz-transform: translateY(-3px);
					-webkit-transform: translateY(-3px);
					-o-transform: translateY(-3px);
					-ms-transform: translateY(-3px);
					transform: translateY(-3px);

					

					text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
				}

			.social_menu li.fb_link:hover{
				background-color: #507cbe;
				border-color: #507cbe;
			}

			.social_menu li.tw_link:hover{
				background-color: #63cdf1;
				border-color: #63cdf1;
			}

			.social_menu li.yt_link:hover{
				background-color: #ef6c53;
				border-color: #ef6c53;
			}

			.social_menu li.ln_link:hover{
				background-color: #1e88c9;
				border-color: #1e88c9;
			}

				.social_menu li a i{

				}



	#footer_menu{			
		padding-bottom: 15px;
	}

		#footer_menu .row:first-child{
			margin-bottom: 30px;	
		}

		#footer_menu h4{
			padding-bottom: 15px;	
			font-size: 20px;
			font-weight: 300;
			letter-spacing: 1px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		}

		#footer_menu p{
			font-size: 13px;
			line-height: 26px;
		}

			#footer_menu p i{
				color: #38b5e6;
				margin-right: 3px;
				width: 16px;
				display: inline-block;
			}

		#footer_menu ul{
			padding-left: 0;
		}

			#footer_menu ul li{
				list-style: none;
				display: block;
				padding-bottom: 3px;
				padding-top: 3px;
			}

				#footer_menu ul li a{ 
					color: #fff;
					font-size: 13px;
				}



	#bottom_text p{
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		font-size: 11px;
		line-height: 20px;
		font-weight: 300;
		letter-spacing: 1px;
		padding-top: 15px;
	}

	#footer_contact{
		padding-top: 5px; 
	}


		#footer_sociale img{
			max-width: 100%;
			max-height: 50px;
			margin: 10px auto;
		}	

#overlay {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16, 21, 25, 0.85);
	display: none;
	z-index: 19;
}

.form_offcanvas{
	width: 450px;
	min-height: 230px;
	background-color: #fff;
	border-radius: 4px;

	position: fixed;
	z-index: 99;
	left: -450px;
	bottom: 10px;

	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease; 
}

.form_offcanvas.translate_offcanvas{
	-moz-transform: translateX(450px);
	-webkit-transform: translateX(450px);
	-o-transform: translateX(450px);
	-ms-transform: translateX(450px);
	transform: translateX(450px);

	-webkit-box-shadow: 0 20px 80px -15px rgba(0,0,0,0.9);
	box-shadow: 0 20px 80px -15px rgba(0,0,0,0.9);
}

	.form_offcanvas__container{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		padding: 75px 15px 15px 15px;
	}

		.form_offcanvas_logo{
			height: 40px;
			position: absolute;
			left: 108px;
			top: 15px;
		}

		.form_offcanvas_number{			
			position: absolute;
			left: 230px;
			top: 15px;
		}

			.form_offcanvas_number img{
				height: 39px;
			}


		.form_offcanvas__close{
			position: absolute;
			width: 32px;
			height: 32px;
			right: 15px;
			top: 15px;
			cursor: pointer;
			text-align: center;

			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			-ms-transition: all 400ms ease;
			-o-transition: all 400ms ease;
			transition: all 400ms ease; 
			
			border-radius: 50%;
			font-size: 20px;
			padding-top: 3px;
		}

		.form_offcanvas__close:hover{
			background-color: rgba(0, 0, 0, 0.1);
		}

		.form_offcanvas__close:active{
			background-color: rgba(0, 0, 0, 0.2);
		}

		.form_offcanvas__container p{
			color: #092f6f;
			font-size: 120%;
			text-align: center;
		}

		#form_offcanvas{
			padding-top: 10px;
		}

			#form_offcanvas button{
				text-transform: uppercase;
				letter-spacing: 2px;
				margin-bottom: 0;
				font-weight: 700;
				outline: none;
				background-color: #38b5e6;
				color: #fff !important;
				border: none !important;
				-webkit-box-shadow: 0 12px 30px -10px rgba(0,0,0,0.7);
				box-shadow: 0 12px 30px -10px rgba(0,0,0,0.7);
			}

			#form_offcanvas button:hover{
				background-color: #2d90b7;
				-webkit-box-shadow: 0 10px 20px -10px rgba(0,0,0,0.8);
				box-shadow: 0 10px 20px -10px rgba(0,0,0,0.8);
			}

.form_offcanvas__label{
	cursor: pointer;
	width: 180px;
	height: auto;
	
	background-color: #38b5e6;
	color: #fff;
	
	display: block;
	text-align: center;
	border-radius: 40px;
	padding-top: 8px;
	padding-bottom: 8px;

	-webkit-box-shadow: 0 20px 60px -10px rgba(0,0,0,0.8);
	box-shadow: 0 20px 60px -10px rgba(0,0,0,0.8);

	position: fixed;
	z-index: 98;
	left: 10px;
	bottom: 10px;		

	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease; 
}


.form_offcanvas__label.translate_offcanvas{
	background-color: #1f2c35;
	border-color: #1f2c35;
	box-shadow: none;
	-moz-transform: translateX(250px);
	-webkit-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}

	.form_offcanvas__label span{
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;

		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease; 
	}

	.form_offcanvas__label i{
		display: inline-block;
		vertical-align: middle;
		width: 32px;
		height: 32px;
		font-size: 16px;
		background-color: #fff;
		background-image: url('../../img/offcanvas_icon.jpg');
		background-repeat: no-repeat;
		background-position: 3px center;
		border-radius: 50%;
		
		padding-top: 8px;
		margin-right: 10px;

		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease; 
	}

	.form_offcanvas__label.translate_offcanvas i,
	.form_offcanvas__label.translate_offcanvas span{
		border-color: #1f2c35;
		color: #1f2c35;
	}

.page_index .form_offcanvas__label,
.page_index .form_offcanvas{
	display: none;
}

#contatti img{
	mix-blend-mode: multiply;
}

#clion_map{
	width: 100%;
	height: 600px;
}



.numeri_seo img{
	height: 60px;
	max-height: 4vw;
	margin-left: 10px;
	margin-right: 10px;
}

.single_post{
	position: relative;
	margin-bottom: 30px;
}


.single_post:after{
	content: "";
	display: block;
	background-color: rgba(0, 0, 0, 0.2);
	width: 10%;
	height: 2px;
	position: absolute;
	left: 45%;
	bottom: -20px;

}

.post_list .single_post:last-child:after{
	display: none;
}

	.single_post h2{
		font-size: 40px;
		margin-top: 0;
		font-weight: 900;
		color: #000;
	}

	#news-dal-mondo .single_post h2 {
		font-size: 20px;
	}

		.single_post h2 a{
			font-weight: 900;
			color: #000;
		}

	.single_post p{
		display: block;
		padding-bottom: 20px;
		max-width: 768px;
		margin-left: auto;
		margin-right: auto;
	}

	#news-dal-mondo .single_post h2{
		height: 66px;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}

	#news-dal-mondo .single_post p{
		font-size: 90%;
		padding-bottom: 5px;
	}

	#news-dal-mondo .single_post a.btn{
		font-size: 12px;
	}

	.single_post img{
			-webkit-box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
			box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
			
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 40px;
			margin-bottom: 60px;
			border-radius: 3px;
			max-width: 100%;
			max-height: 500px;
	}

	#news-dal-mondo .post_img_container{
		width: 100%;
		height: 220px;
		display: block;
		text-align: center;
		margin-bottom: 30px;
		position: relative;
	}

		#news-dal-mondo .post_img_container:before{
			content: "";
			height: 100%;
			vertical-align: middle;
			display: inline-block;
		}

		#news-dal-mondo .post_img_container:after{
			display: block;
			color: #ccc;
			font-family: "FontAwesome";
			content: "\f1c5";
			position: absolute;
			left: 50%;
			margin-left: -16px;
			top: 50%;
			margin-top: -16px;
			font-size: 32px;
			z-index: 0;
		}

		#news-dal-mondo .post_img_container img{
			position: relative;
			z-index: 1;
			margin: 0;
			width: auto;
			height: auto;
			max-width: 95%;
			max-height: 100%;
			display: inline-block;
			vertical-align: middle;
		}


	.single_post__article img{
		margin-bottom: 100px;
	}

	.single_post small{
		color: #aaa;
		font-style: italic;
		display: block;
		margin-bottom: 20px;
	}

.pagination {
	text-align: center;
}

.pagination > li {
	display: inline-block;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 9px 5px;
	width: 38px;
	height: 38px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #38b5e6;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 50%;
	font-size: 12px;
}

.pagination > li.current > a, .pagination > li.current > span {
	background-color: #38b5e6;
	color: #fff;
	-webkit-box-shadow: 0 10px 20px -8px rgba(0,0,0,0.8);
	box-shadow: 0 10px 20px -8px rgba(0,0,0,0.8);
	border: none;
}

.pagination > li:last-child > a, .pagination > li:last-child > span,
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;		
	border-radius: 50%;
}

.single_post__article{
	padding-left: 60px;
	padding-right: 60px;

}

	article section .single_post__article p{
		font-size: 1.3em;
	}

	.sharebar{
		border-top: 2px solid #eee;
		padding-top: 15px;
	}

		.sharebar a{
			display: inline-block;
			width: 32px;
			height: 32px;
			text-align: center;
			border: 2px solid rgba(0, 0, 0, 0.1);
			border-radius: 50%;
			margin-left: 8px;
			padding-top: 3px;
			-webkit-box-shadow: 0 8px 27px -7px rgba(0,0,0,0.57);
			box-shadow:  0 8px 27px -7px rgba(0,0,0,0.57);
		}

#progetti .row{
	margin-top: 100px;
	margin-bottom: 100px;
}	

	#progetti h2 a{
		font-size: 60%;
		display: inline-block;
		vertical-align: top;
		background-color: rgba(0, 0, 0, 0.05);
		border-radius: 50%;
		width: 32px; 
		height: 32px;
		padding-top: 7px;
		text-align: center;
	}

	#progetti h3{
			line-height: 1.6;
	}


	.col_media__item{
		-webkit-box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
		box-shadow: 0 20px 70px -15px rgba(0,0,0,0.8);
		margin-bottom: 50px;
	}


	

@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loading-spinner {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 30px;
  width: 30px;
  border: 8px solid #ffffff;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;

   position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}

.video_clion{
	margin: 30px auto;
	background-color: #000;
}
.atvImg {
	border-radius: 5px;
	transform-style: preserve-3d;
	-webkit-tap-highlight-color: rgba(#000,0);
	width: 90%;
	margin-left: 5%;
	max-width: 600px;
	height: 300px;
	margin: 30px auto;
	text-align: center;
}
@media (max-width: 991px) {
	.atvImg {
		height: 220px;
	}
	
}
@media (max-width: 767px) {
	.atvImg {
		height: 280px;
	}
	
}
@media (max-width: 520px) {
	.atvImg {
		height: 180px;
	}
	
}
.atvImg img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(14,21,47,0.25);
}
.atvImg-container {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	transition: all 0.2s ease-out;
}
.atvImg-container.over .atvImg-shadow {
	box-shadow: 0 45px 100px rgba(14,21,47,0.4), 0 16px 40px rgba(14,21,47,0.4);
}
.atvImg-layers {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	transform-style: preserve-3d;
}
.atvImg-rendered-layer {
	position: absolute;
	width: 104%;
	height: 104%;
	top: -2%; 
	left: -2%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-size: cover;
	transition: all 0.1s ease-out;
}
.atvImg-shadow {
	position: absolute;
	top: 5%; 
	left: 5%;
	width: 90%;
	height: 90%;
	transition: all 0.2s ease-out;
	box-shadow: 0 8px 30px rgba(14,21,47,0.6);
}
.atvImg-shine {
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	border-radius: 5px;
	background: linear-gradient(135deg, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 60%);
}
#popupemail{
	width: 100%;
	max-width: 400px;
	background-color: #fff;
	padding: 30px 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#popupemail h3{
	color: #38b5e6;
	font-size:16px;
}

#toMenu {
	display:none;
	text-decoration:none;
	position:fixed;
	z-index: 100;
	top:15px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border-radius: 50%;
	padding-top: 14px;
	text-align: center;
	cursor: pointer;
	
	background: #fff;
	color: #092f6f;

	-webkit-box-shadow: 0 10px 30px 1px rgba(0,0,0,0.2);
	box-shadow: 0 10px 30px 1px rgba(0,0,0,0.2);
}

.page_index #toMenu {
	display: none !important;
}

	#toMenu:before{
		font-family: "FontAwesome" !important;
		color: #38b5e6;
		content:"\f0c9";
		font-size: 24px;
		display: block;
	}

.richiamami{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#18232B;
	border: thin solid #18232B;
	box-shadow: 0px 0px 3px #18232B	inset;
	border-radius:10px;
}
::-webkit-scrollbar-thumb {
	background:#38b5e6;
	border: thin solid #38b5e6;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#38b5e6;
}	

.welcome{padding:4em 0; text-align:center; overflow:hidden;}
.welcome p{width:80%; margin:15px auto;}
.welcome h1{font-size:300%; font-weight:300;}
.welcome h1:after{content:''; background:#38b5e6; height:2px; width:10%; margin:auto; display:block; margin:20px auto 40px;}		

#overlay-chat{
	position: fixed;
	right: 5px;
	bottom:0px;
	z-index:100000000;
	width:240px;
	height:140px;
	pointer-events:none;
}

.snowflakes{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	pointer-events: none;
}
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}


.comodo_secure{
	position: absolute;
	bottom: 30px;
	right: 15px;
}

img[src="https://www.clion.it/img/comodo_secure.png"]{
	position: absolute;
	bottom: 46px;
	right: 0px;
}

@media (max-width: 767px) {

	.comodo_secure,
	img[src="https://www.clion.it/img/comodo_secure.png"]{
		position: static;
	}


}


#popup_pasqua{
/*	background: #fff url('../../img/easter_pattern.jpg') 0 0;
	background-size: cover;
	width: 600px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;*/
}

#clion_cookieBar,
#clion_cookieBar *{
	font-family: 'Segoe UI',Arial,Helvetica,Verdana,sans-serif;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#clion_cookieBar{
	animation: none;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: 0;
    animation-fill-mode: none;
    animation-iteration-count: 1;
    animation-name: none;
    animation-play-state: running;
    animation-timing-function: ease;
    backface-visibility: visible;
    background: #ffffff;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-size: auto auto;
    border: 0;
    border-width: medium;
    border-color: inherit;
    border-bottom: 0;
    border-bottom-color: inherit;
    border-collapse: separate;
    border-image: none;
    border-left: 0;
    border-left-color: inherit;
    border-radius: 0;
    border-right: 0;
    border-right-color: inherit;
    border-spacing: 0;
    border-top: 0;
    border-top-color: inherit;
    bottom: auto;
    caption-side: top;
    clear: none;
    clip: auto;
    columns: auto;
    column-count: auto;
    column-fill: balance;
    column-gap: normal;
    column-rule: medium none currentColor;
    column-rule-color: currentColor;
    column-rule-style: none;
    column-rule-width: none;
    column-span: 1;
    column-width: auto;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    display: inline;
    empty-cells: show;
    font: 400;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    hyphens: none;
    list-style: disc;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    orphans: 0;
    outline: 0;
    outline-width: medium;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    right: auto;
    tab-size: 8;
    table-layout: auto;
    text-align-last: auto;
    text-decoration: none;
    text-decoration-color: inherit;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    transform: none;
    transform-style: flat;
    transition: none;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: none;
    transition-timing-function: ease;
    vertical-align: baseline;
    white-space: normal;
    widows: 0;
    word-spacing: normal;
    position: fixed;
    z-index: 2147483645;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    opacity: 1;
    filter: Alpha(opacity=100);
    color: #2a2a2a;
    font-size: 13px;
    box-shadow: #121212 2px 2px 14px 2px;
    padding: 0 0 8px;
    line-height: 14px;
    margin: 0;
    text-rendering: geometricPrecision;

    visibility: visible;
    letter-spacing: normal;
    float: none;
    text-align: left;

    box-sizing: content-box;
}

#clion_cookieBar__container{
	display: block;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

	#clion_cookieBar__container h4{
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#clion_cookieBar__container p{
		margin-bottom: 10px;
	}

	#clion_cookieBar__extLinks{
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 15px;
	}

		#clion_cookieBar__extLinks a{
			display: inline-block !important;
			color: #1894dc !important;
			font-size: 14px !important;
			margin: 0 5px !important;
			padding: 5px !important;
			vertical-align: middle !important;
			text-decoration: none !important;
			opacity: 1 !important;

		}

	#clion_cookieBar__btn{
		background-color: #24bb56;
		font-size: 16px;
		line-height: 1.5;
		color: #fff;
		width: 67px;
		text-align: center;
		height: 27px;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		border-radius: 3px;
		margin-right: 10px;
		margin-bottom: 15px;
	}

	#clion_cookieBar__options{
		display: inline-block;
		border: 1px solid rgba(130, 130, 130, 0.53);
		border-radius: 3px;
		overflow: hidden;		
		vertical-align: middle;
		margin-bottom: 15px;
		margin-right: 10px;
	}



		#clion_cookieBar__options label{
			cursor: pointer;
			padding: 6px 10px;
			font-weight: normal;
			display: inline-block;
			border-right: 1px solid rgba(130, 130, 130, 0.53);
			margin: 0;
			float: left;

			
		}


		#clion_cookieBar__options label:hover{
			background-color: #d2d2d2;
		}

		label#opt-1{
			cursor: default;
		}

		label#opt-4{
			border-right: none;
		}


		@media (max-width: 480px) {

			label#opt-2{
				border-right: none;
			}

			#clion_cookieBar__options label{
				width: 50%;
				border-bottom: 1px solid rgba(130, 130, 130, 0.53);
			}			
		}

			#clion_cookieBar__options input[type="checkbox"]{
				margin: 0 3px 0 0;
				display: inline-block;
				vertical-align: bottom;
			}

#clion_cookieBar.theme_clionDark{
	background: #111 !important;
}

	.theme_clionDark #clion_cookieBar__container h4{
		color: #1894dc !important;
	}

	.theme_clionDark #clion_cookieBar__container p,
	.theme_clionDark #clion_cookieBar__options label{
		color: #fff !important;
	}

	.theme_clionDark #clion_cookieBar__options label:hover{
		background-color: #000 !important;
	}

	.theme_clionDark #clion_cookieBar__extLinks a:hover{
		color: #fff !important;
	}


.video_bg{
	position: absolute;
    z-index: 1;
    opacity: 0.2;
    top: 128px;
    mix-blend-mode: overlay;
}

.single_service__Page{
	z-index: 1 !important;		
	background-color: #fff !important;
}

.page_software .single_service__Page{
	background-image: url('../../img/services/bg/bg_services_software_light.jpg') !important;
	background-attachment: scroll;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center top;
}

	.single_service__Page:before{
		content: "";
		display: none;
	}


.single_service__Page p{
	padding-bottom: 5px;
}

.faq_section h3{

	position: relative;
	 -webkit-touch-callout: none; 
	    -webkit-user-select: none;
	     -khtml-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	            user-select: none;
	margin-bottom: 0;
	margin-top: 10px;

	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #f4f4f4;

	color: #444 !important;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	text-transform: none;
	font-weight: 900;
	letter-spacing: 1px;

	transition: all 350ms ease; 
}

.faq_section h3:after{
	width: 24px;
	height: 24px;
	border-radius: 30px;
	color: #fff;
	background-color: #71b020;
	text-align: left;
	padding-left: 8px;
	content: "\f106";
	font-family: "FontAwesome";
	position: absolute;
	right: -12px;
	top: 6px;
	font-size: 14px;
    line-height: 1.6;
	transition: all 350ms ease; 
}

.faq_section h3.active:after{
	content: "\f107";
	color: #71b020;
	background-color: #fff;
	    box-shadow: 0 0 0 2px rgba(0,0,0,0.2), 0 5px 14px -1px rgba(0,0,0,0.9);
}

.faq_section h3:hover{
	color: #000 !important;
}

.faq_section h3.active,
.faq_section h3.active:hover{
	color: #fff !important;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#71b020+1,4b8401+100 */
background: rgb(113,176,32); /* Old browsers */
background: -moz-linear-gradient(left, rgba(113,176,32,1) 1%, rgba(75,132,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(113,176,32,1) 1%,rgba(75,132,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(113,176,32,1) 1%,rgba(75,132,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b020', endColorstr='#4b8401',GradientType=1 ); /* IE6-9 */
}

.page_software .faq_section h3:hover{
	border-bottom-color: #71b020;
}

.faq_entry{
	transition: all 350ms ease; 
	margin-bottom: 20px;
	display: none;
	padding: 15px;
	background-color: #fff;	
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0px 20px -2px rgba(0,0,0,0.4);
}

.highlight_box,
.text_vantaggi{
	border-radius: 6px;
	padding: 40px;
}

@media (max-width: 767px) {

	.highlight_box,
	.text_vantaggi{
		padding: 20px;
	}

	#target_form{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}

.text_vantaggi{
	padding-bottom: 0;
}

	.highlight_box h2{
		margin-top: 0;
		color: #fff !important;
	}

.highlight_box h3{
	color: #fff !important;
	text-transform: none;
	font-size: 30px;
}

.highlight_box h3, 
.highlight_box h3 *{
	font-family: "Playfair Display";
	font-style: italic;
}

.page_software .highlight_box{
	color: #fff !important;	
	background: -webkit-linear-gradient(left, rgb(24, 62, 95) 1%, rgb(65, 117, 46) 100%);
	background: -o-linear-gradient(left, rgb(24, 62, 95) 1%, rgb(65, 117, 46) 100%);
	background: linear-gradient(to right, rgb(24, 62, 95) 1%, rgb(65, 117, 46) 100%);
}

.text_vantaggi__entry {
    margin-bottom: 10px;
    height: auto;
}

@media (max-width: 991px) {

	.text_vantaggi__entry{
		margin-bottom: 0;
	}
	
}

.text_vantaggi__entry{

}

.coffee_icon{
	width: 256px;
	height: 256px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.coffee_icon img.rotate{
	position: absolute;
	left: 0;
	top: 0;
	animation: rotate infinite 20s linear;
}

.embed__load{
	background-image: url('../../img/preload.gif');
	background-repeat: no-repeat;
	background-position: center center;	
}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media print {

	.navbar, .form_offcanvas, .breadcrumb_container, footer, #toMenu, #toTop, .testo_invito, .form_offcanvas__label{
		display: none !important;
	}
	
}

#toTop{
	background-image: none !important;
	background-color: #4AC959 !important;
	text-align: center;
	color: rgba(0,0,0,0.8);
	text-indent: 0 !important;
	font-size: 30px !important;
	line-height: 1.6 !important;
}