/*	################################################################
	
	0) General
	1) Logged Bar Style
	2) Menu
	3) Carousel
	4) Utenti section
	5) Service section (PUNTI DI FORZA)
	6) Footer section
	7) Video Youtube
	8) SOCIAL MEDIA SECTION (Effetti bottoni social nel footer)
    9) FAQ
    10) CUSTOM CSS SECTION
    11) MOBILE RESPONSIVE SECTIONS
	
/*	################################################################
	0. General
	################################################################# */
	
	/* Fonts Caricati dalla nostra directori (FONT PRINCIPALE)*/
	@font-face {
	    font-family: 'Glyphicons Halflings';
	    src: url('/fonts/glyphicons-halflings-regular.eot');
	    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
	         url('/fonts/glyphicons-halflings-regular.woff') format('woff'),
			 url('/fonts/glyphicons-halflings-regular.woff2') format('woff'),
	         url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
	         url('/fonts/glyphicons-halflings-regular.svg#maven_pro_light300') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	/* Settaggi base del body */
	
	body {
		background:#fff;
		color:#666666;
		font-size:13px !important;
		line-height:24px;
		font-family: 'Open Sans', sans-serif !important;


	}
	
		
	/* Style della Scroll Bar */

	::-webkit-scrollbar {
	width: 10px;
	}

	::-webkit-scrollbar-track {
	   background-color: rgba(0,0,0,0.3);
	   opacity: 0.2;
	    border-radius: 2px;
	}

	::-webkit-scrollbar-thumb {
	    border-radius: 2px;
	    background-color: rgba(0,0,0,0.5) ;
	    opacity: 0.2;
	}
	
	
	img.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
		margin-top: 5px;
	}
	.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}
	img.alignleft {
		margin: 5px 20px 20px 0;
		float: left;
	}
	.alignleft {
		margin: 5px 10px 20px 0;
		float: left;
	}
	img.alignright {
		margin: 5px 0 20px 20px;
		float: right;
	}
	.alignright {
		margin: 5px 0 20px 20px;
		float: right;
	}
	.transparent {
		z-index:1;
		display:block;
		padding:100px 0;
		position:relative;
	}
	.white-wrapper {
		z-index:1;
		display:block;
		padding-top:100px;
		position:relative;
		background-color:#f7f7f7;
	}
	
	.dark-wrapper {
		display:block;
		padding:100px 0 0;
		position:relative;
		background-color:#fff;
	}
		
	/* Logo */
	.brand{
	    font-size: 40px;
	    color: #fff;
	    font-weight: 100;
	}
	    
	    
	/* Logo:hover */
	.brand:hover {
	    color: rgba(255,255,255,.5);
	    text-decoration: none;
	    -webkit-transition: color 0.5s linear;
	    -moz-transition: color 0.5s linear;
	    -ms-transition: color 0.5s linear;
	    -o-transition: color 0.5s linear;
	    transition: color 0.5s linear;
	}
	
	.brand:focus {
	    color: #E6E7E8;
	    text-decoration: none;
	}
		
	/* Scritte azzurre senza link */
	.evidence-normal {
	    font-weight: 600;
	    color: rgb(97, 187, 222);
	}
	/* Scritte azzurre con link */
	.evidence {
	    font-weight: 600;
		color: rgb(97, 187, 222);
	}
	
	.evidence:hover {
	    color:#63DBEA;
	    text-decoration:none;
	}
	
	.evidence:focus {
	    color:#63DBEA;
	    text-decoration:none;
	}
		
	/* Link Generico */
	.general-link{
	    color: #61BBDE;
	}
	
	.general-link:hover{
	    color: #1F9ACA;
	    text-decoration:underline; 
	
	}
	/* Un height fix per i bottoni delle caratteristiche */
	.height-fix {
	    height:150px;
	}
	
	/* Alcuni fix per img e di padding */
	.image-responsiva{
	    max-width: 100%;
	    height: auto;
	}
	
	.pb20{
	    padding-bottom:20px;
	}
	
	.pb50{
	    padding-bottom:50px;
	}
	
	.pl90{
	    padding-left: 70px;
	}
	
	
	
	.mt90{
	    margin-top: 90px;   
	}

    .section-caratteristiche h3{
        font-weight: 600; 
        color: #333;
    }
    .section-caratteristiche ul{
        line-height: 30px; 
        padding-bottom:30px;
    }
    .section-caratteristiche li{
        list-style-image:url(../IT/caratteristiche/images/check.png); 
        font-size:16px;
        line-height: 1.3;
        padding: 5px 0px;
    }
	
	.service-border {
	float: left;
	color: #b9b9b9;
	padding-top: 5px;
	}

    .service-box:hover h3 {
	
	color: #4F8EF7;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -ms-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;		
	}

    .service-box:hover .service-border {
		color: #4F8EF7;
	    -webkit-transition: color 0.5s ease;
	    -moz-transition: color 0.5s ease;
	    -ms-transition: color 0.5s ease;
	    -o-transition: color 0.5s ease;
	    transition: color 0.5s ease;		
	}

    .hoverbox:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
	
	.how-border {
		border: 1px solid #DDD;
		position: relative;
		display: inline-block;
		
	}
	
	.logo-border {
		border: 1px solid;
		position: relative;
		display: inline-block;
		
	}
	
	/* Bottone login */
	
	.button-login {
		background-color: #eb0028;
		font-size: 15px;
		text-decoration: none;
		color: #fff;
		margin-top:10px;
		position: relative;
		padding: 10px 10px 7px 10px;
		border-radius: 5px;
		/*background-image: linear-gradient(bottom, #eb0028 0%, rgb(62,184,229) 100%);
		background-image: -o-linear-gradient(bottom, #eb0028 0%, rgb(62,184,229) 100%);
		background-image: -moz-linear-gradient(bottom, #eb0028) 0%, rgb(62,184,229) 100%);
		background-image: -webkit-linear-gradient(bottom, #eb0028 0%, rgb(62,184,229) 100%);
		background-image: -ms-linear-gradient(bottom, #eb0028 0%, rgb(62,184,229) 100%);
		background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #eb0028), color-stop(1, rgb(62,184,229)) );
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px rgba(93, 93, 93, 0.3);
		-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px rgba(93, 93, 93, 0.3);
		-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px rgba(93, 93, 93, 0.3);
		box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px rgba(93, 93, 93, 0.3);*/
	}
	
	/* Bottone Register */
	
	.button-register {
		background-color: #1DE62C;
		font-size: 18px;
		text-decoration: none;
		color: #fff;
		position: relative;
		padding: 13px 10px;
		background-image: linear-gradient(bottom, rgb(37, 153, 58) 0%, rgb(29, 225, 58) 100%);
		background-image: -o-linear-gradient(bottom, rgb(37, 153, 58) 0%, rgb(29, 225, 58) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(37, 153, 58) 0%, rgb(29, 225, 58) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(37, 153, 58) 0%, rgb(29, 225, 58) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(37, 153, 58) 0%, rgb(29, 225, 58) 100%);
		background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(37, 153, 58)), color-stop(1, rgb(29, 225, 58)) );
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0px 1px 0px #22FF0F, 0px 5px 0px 0px #1F651F, 0px 10px 5px rgba(93, 93, 93, 0.3);
		-moz-box-shadow: inset 0px 1px 0px #22FF0F, 0px 5px 0px 0px #1F651F, 0px 10px 5px rgba(93, 93, 93, 0.3);
		-o-box-shadow: inset 0px 1px 0px #22FF0F, 0px 5px 0px 0px #1F651F, 0px 10px 5px rgba(93, 93, 93, 0.3);
		box-shadow: inset 0px 1px 0px #22FF0F, 0px 5px 0px 0px #1F651F, 0px 10px 5px rgba(93, 93, 93, 0.3);
	}
	
	.clearfix {
	  *zoom: 1;
	}
	
	.clearfix:before,
	.clearfix:after {
	  display: table;
	  line-height: 0;
	  content: "";
	}
	
	.clearfix:after {
	  clear: both;
	}
	
	.clear {
	  clear: both;
	}

/*	#################################################################
	1. Top Logged Bar Style
	################################################################# */
		
	.top-line {
		padding-top: 8px;
		border-bottom: rgba(255, 255, 255, 0.13);
	}
	
	.top-line ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.top-line ul li {
		float:left;
		padding: 0px 8px;
		}

	/* Bottoni google semplice e azzurro */
	

	.g-button {
		display: inline-block;
		background-color: #f5f5f5;
		background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
		background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
		background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
		background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
		background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
		color: #444;
		
		border: 1px solid #dcdcdc;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		
		cursor: pointer;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		height: 27px;
		line-height: 27px;
		min-width: 54px;
		padding: 0 7px;
		text-decoration: none;
		margin-right: 3px;
	}
	
	.g-button:hover {
		background-color: #F8F8F8;
		background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
		background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
		background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
		background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
		background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
		
		border: 1px solid #C6C6C6;
		color: #333;
		
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
		box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	}
	
	/* blue */
	
	.g-button.blue {
		background-color: #4D90FE;
		background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
		background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
		background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
		background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
		background-image: linear-gradient(top,#4d90fe,#4787ed);
	
		border: 1px solid #3079ED;
		color: white;
	}
	
	.g-button.blue:hover {
		border: 1px solid #2F5BB7;
		
		background-color: #357AE8;
		background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
		background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
		background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
		background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
		background-image: linear-gradient(top,#4d90fe,#357ae8);
		
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
		box-shadow: 0 1px 1px rgba(0,0,0,.1);
	}
	
	.g-button.red {
		background-color: #D14836;
		background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
		background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
		background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
		background-image: -o-linear-gradient(top,#dd4b39,#d14836);
		background-image: linear-gradient(top,#dd4b39,#d14836);
		
		border: 1px solid transparent;
		color: white;
		text-shadow: 0 1px rgba(0, 0, 0, 0.1);
		margin-top:10px;
	}
	
	.g-button.red:hover {
		background-color: #C53727;
		background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
		background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
		background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
		background-image: -o-linear-gradient(top,#dd4b39,#c53727);
		background-image: linear-gradient(top,#dd4b39,#c53727);	
	}
	
	.menu-space{
		margin-left: 50px;
		margin-right: 30px;
	}

/*	#################################################################
	2. Menu
	################################################################# */
	
	.header {		
		top:0;
		background: transparent;
		z-index:0;
		width:100%;
		z-index:999;
		padding-top:0px;
		z-index: 999;
		/*
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
		*/
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
	
	.header.vi-affix {
		background-color: #4F8EF7;
		background-image: url(../images/header-repeat.png);
		background-position: center bottom;
	}
	
	.header.affix {
		width:100%;
		top:0;
		right:0;
		padding:0;
		margin:0;
		position: fixed;
		z-index: 9999;
		/*
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
		*/
	}
	
	.header.affix .top-line{
		background:#000;
	}
	
	.navbar-default {
		background:none;
		border:none;
		margin-top:10px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
        font-size: 18px;
        margin: 0;
        line-height: 45px;
		border-bottom: none;
		border-top: 4px solid transparent;
		text-transform: uppercase;
    	font-size: 16px;
	}
	
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background:none;
		border-bottom: 1px solid #fff;
       	line-height: 44px;
	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #fff;
		border-top: 4px solid #4F8EF7;
		border-top: 4px solid #fff;
	}
	
	.navbar-default .navbar-nav > li > a:focus {
		color:#fff;
	}
	
	 .affix .navbar-default .navbar-nav > .open > a:focus {
	 	border-top: 2px #4F8EF7 solid;
	 	color:#fff;
	 	background: transparent;
	 }
	
	 .affix-top .navbar-default .navbar-nav > .open > a:focus {
	 	border-bottom: 2px #4F8EF7 solid;
	 	background: transparent;
	 }
	
	.navbar-nav > li > a {
		margin-top: 4px;
		margin-bottom: 2px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
	}
	
	.navbar-default .navbar-nav > .open > a {
		background-color: transparent;
	 	border-bottom: 2px solid transparent;
		color: #fff;
	}

    .dropdown-menu > li > a {
	    color: #333;
	    background-color: #fff;
	    padding: 10px 20px;
    }

    .navbar-nav > li > .dropdown-menu{
	    padding-top: 0px;
	    padding-bottom: 0px;
	    box-shadow: 0 2px 6px #eee;
	    border: 1px solid #ddd!important;
	    box-shadow: none!important; 
	    border: none;
	    border-radius: 0;
    }

	.feature-img img {
		padding:100px 0;
		margin:auto;
	}
	.features-widget {
		margin-bottom:25px;
	}
	
	.features-widget h3 {
		color: #000;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 20px;
	}
	
	.features-widget p {
		color: #000;
		letter-spacing: 1px;
		font-weight: 400;
		font-size: 12px;
	}
	
	.borderright {
		padding:0 25px;
		border-right:1px solid #dddddd;
	}
	
	.borderleft {
		padding:0 25px;
		border-left:1px solid #dddddd;
	}
	
	.title hr {
		width:40%;
		border-color:#dddddd;
	}
		
	.title h2 {
		color:#000;
        font-size: 40px;
	}
	
	.transparent .title h2 {
		border-bottom: 1px solid #111;
		display: inline-block;
		font-weight: 300;
		padding: 0 0 25px;
		text-transform: none;
	}
	
	.title p {
		color:#444;
        font-size: 20px;
	}	
	
	.dropdown-menu:before {
	/*
	  position: absolute;
	  top: -7px;
	  left: 80%;
	  display: inline-block;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #ccc;
	  border-left: 7px solid transparent;
	  border-bottom-color: #000;
	  content: '';
	  */
}
	
	.profile-dropdown {
		margin: 20px;
		color: #333;
		width: 320px;
		height: 71px;
	}
	
	.profile-logout-bar{
		margin-bottom: 20px;
		margin-left: 20px;
		margin-right: 20px;
		color: #fff;
		width:100%;
	}
	
/*	################################################################
	3. Carousel 
	################################################################# */
	
	.slide-wrapper{
        z-index: 1;
        display: block;
        position: relative;
    }
	
	
	
	#owl-demo .item img{
	    display: block;
	    width: 100%;
	    height: auto;
	}
	
	
	
	.item-animation {
	    min-width: 184px;
	    height: 45px;
	    overflow: hidden;
	    cursor:pointer;
	    margin-left:50px;
	}
	
	.hover-item-animation{
	    margin-top:-45px;    
	    padding-top: 0px;
	    padding-bottom: 20px;    
	    border-bottom: 3px solid transparent;
	}
	
	.hover-item-animation:hover{
	    margin-top:0px;
	    border-bottom: 3px solid #ff0000;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	
	}
	
	.synced > .item > .item-animation > .hover-item-animation{
	    margin-top:0px;
	}
	
	.box-slider{
	    background-color: rgba(207, 207, 207, 0.13);
	    padding: 20px 20px;
	    text-align: center;
	}
	
	.owl-theme .owl-controls .owl-buttons div{
	    position: absolute !important;
	    top: 35% !important;
	    border-radius: 2px !important;
	    background: transparent !important;
	    color: #777 !important;
	    font-size: 39px !important;
	    padding: 65px 20px !important;
	}
	
	.owl-theme .owl-controls .owl-buttons div:hover{
	    background: rgba(0, 0, 0, 0.07) !important;
	    opacity:0.5 !important;
	    -webkit-transition: all 0.5s linear;
	    -moz-transition: all 0.5s linear;
	    -ms-transition: all 0.5s linear;
	    -o-transition: all 0.5s linear;
	    transition: all 0.5s linear;
	}
	
	.owl-prev{
	    left:30px;
	}
	.owl-next{
	    right:30px;
	}
	
	
/*	################################################################
	4. Utenti Sections
	################################################################# */
	
	/* Wrapper con Sfondo bianco */
	.about-wrapper {
		display: block;
		padding: 60px 0;
		position: relative;
		background-color: #FFF;
	}
	
	.about-box img {
		padding-bottom:15px;
		
		}
	.about-box {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.about-box h3 {
		margin:20px 0;
		font-size:16px;
		text-transform:uppercase;
		color:#000;
		font-weight:500;
	}
	
	.how-box img {
		padding: 15px;
		}
	
	.how-box {
		margin:0px 40px 0;
		color:#999999;
		padding:0;
	}
	
	.how-box-head {
		margin:40px 0;
		color:#999999;
		padding:0;
	}
	
	.how-box h3 {
	    margin: 10px 0;
        font-size: 33px;
        color: #000;
        font-weight: 500;
	}

    .how-box p {
	    color: #333;
        line-height: 1.5;
	}
	
	.how-box-head h2 {
		margin: 0px 0;
		font-size: 22px;
		color: #000;
		font-weight: 600;
		
	}
	
	.how-box-head.makebg1 {
		padding:32px;
		height:300px;
		margin:10px !important;
		background:url(demos/aboutbox1.png) no-repeat left center;
	}
	
	.how-box-head.makebg2 {
		padding:32px;
		height:300px;
		margin:10px !important;
		background:url(demos/aboutbox2.png) no-repeat left center;
	}
	
	.how-box-head h3 {
		margin: 0px 0;
		font-size: 16px;
		font-weight: 500;
	}
	
	.navbar{
		margin-bottom:10px;
		margin: 0;
	}
	
/*	################################################################
	5. Service section (PUNTI DI FORZA)
	################################################################# */	
	
	.service-box img {
		padding-right:15px;
		margin-right:5px;
	}
	.service-box {
		margin:20px 0;
		color:#999999;
		padding:0;
	}
	
	.service-box p {
		padding-left: 80px;
		margin-top: -10px;
        font-size: 16px;
        line-height: 1.3;
        color: #444;
	}
	
	.service-box h3 {
		margin: 20px 0;
		font-size: 22px;
		color: #000;
		font-weight: 500;
		padding-left: 80px !important;
	}

/*	################################################################
	6. Footer section
	################################################################# */
	
	.footer-wrapper {
		display:block;
		padding:50px 0;
		position:relative;
		background-color: #4F8EF7;
	}
	
	.footer-wrapper img {
		padding: 15px;
	}
	
	.footer-wrapper p {
		font-weight: 600;
		font-size:11px;
		color: #FFF;
	}
	
	i.fa.fa-angle-up {
		color: #FFF;
		font-size: 30px;
		padding: 10px;
	}	
	
	.social-icons img {
		border: none;
		padding: 30px 0px 30px 5px;
	}
	
	.hovereffect .icon {
		font-size: 31px;
		font-weight: 300;
		height: 75px;
		left: 0;
		line-height: 75px;
		margin: -35px auto 0;
		position: absolute;
		right: 0;
		top:38%;
		text-align: center;
		width: 75px;
		}
		
	.hovereffect h4 {
		text-align:center;
		font-size:20px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h5 {
		text-align:center;
		font-size:12px;
		padding:10px 30px;
		text-transform:uppercase;
		width:auto;
		color:#fff;
		margin-bottom:0;
		display:block;
		font-weight:700;
		}
		
	.hovereffect h4,
	.hovereffect .icon {
		color:#fff;
	}
	.hovereffect .buttons {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		height:auto;
		bottom: 29%;
		margin-top: -20px;
		-webkit-transform: scale(0.2);
		-moz-transform: scale(0.2);
		-ms-transform: scale(0.2);
		-o-transform: scale(0.2);
		transform: scale(0.2);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
		.hovereffect:hover .buttons {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		.entry:hover .hovereffect { 
		opacity: 1;
		visibility: visible;
		}
		.entry {
		display:block;
		position:relative;	
	}
	.hovereffect {
		background-color:rgba(0,0,0,0.6);
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
	
	
/*	################################################################
	7. Video Youtube
	################################################################# */
	
	.home-wrapper {
		background: url(demos/home-banner.png) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:1;
		width:100%;
	}
	
	.title-video {
		font-size: 66px;
		color: #fff;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
		padding-bottom: 10px;
	}

     .title-video h2 {
         margin-top: 0px;
        font-size: 150px;
        font-weight: 100;
        color: #E6E7E8;
        
        font-size: 112px;
        font-weight: bold;
    }

    .title-video p{
        font-size: 46px;
        font-weight: 200;
        line-height: 0px;
        color: #222;
        color: #fff;
        margin-top: 0px;
    }
	
	
	.intro-icon {
		margin: 0 auto;
		padding: 0 10px 20px 0;
		width: 60px;
		text-align: center;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
	}
	
	span.intro-icon a {
		font-size: 50px;
		color: #FFF;
	}	
		
	#videobgfull {
		width:100% !important;
		min-height:500px !important;
		max-height:100% !important;
		position:relative !important;
	}
	
	.videooverlay {
		padding: 90px 0;
		padding-top: 135px;
		/*background-image: url(/images/gridtile.png);*/
		background: #4F8EF7;
		background-image: url(../images/header-repeat.png);
		background-position: center bottom;
	}
	
	.videooverlay .general-title h2 {
		color:#fff;
	}
	
	.video-js {width:100%; height:100%;}
	
	#revvideo {
		width:100% !important;
		height:100% !important;
	}
			
	#volume {
		bottom: 0;
		color: #ffffff;
		cursor: pointer;
		font-size: 17px;
		height: 30px;
		line-height: 28px;
		position: absolute;
		right: 0;
		text-align: center;
		width: 30px;
		z-index: 10;
		background: #000;
		border: 1px solid #222;
	}
	
	.js-video {
		height: 0;
		padding-top: 25px;
		padding-bottom: 50.5%;
		border:1px solid #ffffff;
		position: relative;
		overflow: hidden;
	}
	.js-video.widescreen {
		padding-bottom: 57.25%;
		border:1px solid #ffffff;
	}
	.js-video.vimeo {
		padding-top: 0;
		border:1px solid #ffffff;
	}	
	
	.js-video embed, .js-video iframe, .js-video object, .js-video video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	
	.mb_YTVPlayer {z-index:-10;}
	.videobg {
		padding:0; 
		color:#ffffff !important;
	}
	
	.videobg-wrap .general-title hr {
		background-color:#ffffff;
	}
	.videobg-wrap { background-color: rgba(43, 46, 49, 0.8);padding:30px 0 0}
	
	.animationload {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#fff; /* change if the mask should have another color then white */
		z-index:999999; /* makes sure it stays on top */
	}
	.loader {
		width:200px;
		text-indent:-99999;
		height:200px;
		font-size:0;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-image:url(/images/loading.gif); /* path to your loading animation */
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
	.loaderDashboard{
		position: relative;
		margin: 0 auto;
	}
    .loader2 {
		width:200px;
		text-indent:-99999;
		height:200px;
		font-size:0;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-repeat:no-repeat;
		background-position:center;
		margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
	
	
/*	################################################################
	8. SOCIAL MEDIA SECTION (Effetti bottoni social nel footer)
	################################################################# */
	
	.social li{display:inline;text-indent:-9999px}
	.social li a{background-position:0 0;width:33px;height:33px;margin-right:3px;margin-bottom:3px;float:left;-webkit-transition:140ms ease-in-out all;-moz-transition:140ms ease-in-out all;transition:140ms ease-in-out all}
	.social li a:hover{background-position:0 -33px}
	.social .facebook{background:url(/images/facebook-icon.png) no-repeat}
	.social .twitter{background:url(/images/twitter-icon.png) no-repeat}
	.social .pinterest{background:url(/images/pinterest-icon.png) no-repeat}
	.social .dribbble{background:url(/images/dribbble-icon.png) no-repeat}
	
	ul.social {
		margin: auto;
		display: inline-table;
		padding: 10px;
	}


/*	################################################################
	9. FAQ
	################################################################# */

	.banner6 {
	background: url(/images/banner-faq.jpg) repeat-x;
	margin-top: 90px;
	padding-top: 30px;
	height: 120px;
	}
	
	.faq-content {
	padding: 80px 0;
	}
	.mb40 {
	margin-bottom: 40px !important;
	}
	
	/* Accordion */
	
	#accordion-container {
	}
	
	.accordion-header {
	  font-size: 16px;
	  margin: 5px 0 10px 0;
	  padding: 15px 15px 15px 40px;
	  cursor: pointer;
	  font-weight: 100;
	  font-family: 'Roboto';
	  color: #3c414c;
	  border: 1px solid #eef0f2;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	}
	
	.active-header {
	  background: url(..//images/active-header.png) 95% center;
	  background-repeat: no-repeat;  
	  color: #285fdb;
	  margin-bottom: 0;
	  
	}
	
	.inactive-header {
	  background: url(..//images/inactive-header.png) 95% center;
	  background-repeat: no-repeat;
	  
	}
	
	.accordion-content {
	  display: none;
	  padding: 30px;
	  border: 1px solid #eef0f2;
	  border-top: 0;
	}
	
	.helpin i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	color: #08d9ff;
	font-size: 16px;
	border: 1px solid #eef0f2;
	margin-right: 20px;
	border-radius: 50%;
	}
	
	.aside-vid iframe {
	  width: 100%;
	  height: 245px;
	  border: 0;
	  border-radius: 10px;
	}
	
	
	.panel-default > .panel-heading {
	    background-color: #fff;
	}
	.panel-mod {
	    padding: 5px 0px;
	    border-radius: 2px !important;
}

/*	################################################################
	10. CUSTOM CSS SECTION
	################################################################# */
		
	
	.logo{
	padding-top: 10px;
	padding-left: 20px;
	color: #fff;
	font-size: 200%;
	
	}
	
	.navbar-toggle {
	  margin-top: 0px;
	}
	
	.logo-footer{
		color: #fff;
		font-size: 200%;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.prof-icons{
			color: #08d9ff;
		}
	
	
	.text-center {
		text-align: center;
	}
	
	.shadow-content-top {
	background: transparent url('/images/shadow-top.png') no-repeat center bottom;
	padding-top: 100px;
	overflow: auto;
	position: relative;
}

/*	################################################################
	11. Mobile Responsive Da Template
	################################################################# */	
	
	@media (max-width: 767px) { 
		.home-content h1 {font-size:31px !important}
		.tparrows,
		.small_title,
		.slider_menu a {display:none}
         .service-box {padding-left:40px; padding-right:40px;}
         .how-box h3 {font-size:25px; font-weight:600;}
         .header:hover{background-color: #4F8EF7;padding-top:0px}
         .header:focus{background-color: transparent;}
         .int-collapse-menu > li > a{color:#fff;background-color:#000;}
         .menu-space{
	         margin-left: 20px;
			 margin-right: 10px;
         }
         header:not(.affix) .brand, 
         .affix-top .brand {
         	color: #fff!important;
         }
         header {
         	background-color: #4F8EF7!important;
         }
         header .brand {
         	color: #fff!important;
         }
         header:not(.affix) .navbar-default .navbar-nav > li > a, .affix-top .navbar-default .navbar-nav > li > a {
         	color: #fff!important;
         }
         header:not(.affix) .brand, .affix-top .logo, .affix-top .brand {
         	color: #fff!important;
         }
		.affix-top {
		    background: #4F8EF7!important;
		}
		
		.navbar-default .navbar-toggle {
			border-color: transparent!important;
			background-color: transparent!important;
		}
		.navbar-default .navbar-toggle .icon-bar {
			background-color: #fff!important;
		}
		.navbar-default .navbar-nav .open .dropdown-menu > li > a {
			background: transparent!important;
			color: #fff!important;
		}
	}


	/*ul.nav.navbar-nav.navbar-right {
		background: rgba(0, 0, 0, 0.55);
	}*/
		
	.tp-caption p {
		margin-top:110px!important;
		line-height:1.3;
		
		}
		
	.tp-caption h2 {
		font-size : 26px!important;
    }	 
	
	
	#slider4container .tparrows:before,
	#slider4container .tparrows:hover,
	#slider4container .tparrows {
		color: #000 !important;
	}
	#slider4container .tparrows {
		background:#fff !important;
		background:rgba(255,255,255,0.5) !important;
	}
	#slider4container .tparrows:hover	{
		background:#fff !important
	}
	
	.sliderbigtitle {
	font-size: 26px;
	}
	.navbar-nav > li > a {
	margin-right: 3px;
	}


@media (max-width: 991px){
    .pl90{
        padding-left: 20px;
    }
    .section-caratteristiche h3{
        font-size:18px;
    }
    .section-caratteristiche p{
        font-size:15px;
    }
    .section-caratteristiche li{
        font-size:13px;
    }

}

@media (min-width: 992px){
    .img-ditte{
        max-height: 277px;
        max-width: 445px;
        }
    .pr90{
        padding-right:90px;
    }
}

/* Tablet Samsung 7pollici */
@media (max-width: 768px){
    .height-fix {
    height:130px;
    }
    .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #fff;
    }

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

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        color:#fff;
        background-color: #fff;
    }


    
}

/* Iphone 5 query Landscape */
@media (max-width: 568px){
.title-video h2{
    font-size:130px;
}
.videooverlay{
	/*
        background-image:url(/images/bg-phone-landascape.jpg);
        */
    }

    .title-video h2{
        font-size:70px;
    }

    .title-video p{
        font-size:26px;
    }
    .how-box h3{
        font-size:21px; 
    }
    .how-box {
        margin: 60px 0px 0;
    }

    .how-box p{
        font-size:16px; 
    }
        .about-wrapper {
        padding-top:70px;
        padding-bottom:30px;
    }
    .white-wrapper {
        padding-top:70px;
        padding-bottom:30px;
    }

    
}


/* Iphone 6 query Landscape */
@media (max-width: 410px){
    .service-box p {
    font-size: 13px;
    }
    .service-box h3 {
    font-size: 18px;
    }
    .service-box {
    padding-left: 0px;
    padding-right: 0px;

    }
    .height-fix {
        height: 130px;
        }

        .title-video h2{
        font-size:70px;
    }

    .title-video p{
        font-size:18px;
    }
    .how-box h3{
        font-size:18px; 
    }
    .how-box {
        margin: 60px 0px 0;
    }

    .how-box p{
        font-size:13px; 
    }
        .about-wrapper {
        padding-top:70px;
        padding-bottom:30px;
    }
    .white-wrapper {
        padding-top:70px;
        padding-bottom:30px;
    }

}







/* Iphone 5 query portraint */
@media (max-width: 320px){

   
    .videooverlay{
    /*
        background-image:url(/images/bg-phone.jpg);
        */
    }

}


.affix-top {
    background: #fff;
    background: transparent;
}

header:not(.affix) .brand,
.affix-top .logo,
.affix-top .brand {
	/*
	color: #4F8EF7;
	*/
}

header:not(.affix) .navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	border-top: 4px solid #fff;
}

header:not(.affix) .navbar-default .navbar-nav > li > a,
.affix-top .navbar-default .navbar-nav > li > a {
	color: #fff;
	border-top: 4px solid transparent;
}

header .fiscal-logo {
	background-color: #fff; 
	text-align: center;
	width: 37px; 
	height: 36px; 
	border-radius: 50%; 
	color: #4F8EF7; 
	padding-top: 7px; 
	font-size: 21px; 
	font-weight: bold; 
	float: left; 
	margin-top: -6px; 
	margin-right: 10px;
}

header.affix-top .fiscal-logo {
	background-color: #4F8EF7; 
	background-color: transparent; 
	color: #fff; 
	
	background-color: #fff; 
	color: #4F8EF7; 
}

header.affix .fiscal-logo {
	background-color: #fff; 
	color: #4F8EF7; 
}


.title-video h2 {
	color: #333;
    color: #fff;	
}

.vi-header-but-alpha {
    display: inline-block;
    color: #4F8EF7;
    border: 2px solid #377ef6;
    border-color: #377ef6;
    
    border-color: #fff;
    color: #fff;
    
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    line-height: 1.428571429;
    font-weight: 600;
    border-radius: 3px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    padding: 20px 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "AvenirNextLTPro-Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 3px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.vi-header-but-full {
    display: inline-block;
    /*
    color: #fff;
    background-color: #4F8EF7;
    border-color: #377ef6;
    */
    color: #4F8EF7;
    background-color: #fff;
    border-color: #ffff;
    
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.428571429;
    font-weight: 600;
    border-radius: 3px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    padding: 20px 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "AvenirNextLTPro-Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 3px;
    margin-right: 15px;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
	.vi-float {
	    float: left!important;
	}
	.vi-right {
	}
}

.round-icons {
	overflow: auto;
    text-align: center;
}

.round-icons > div {
    display: inline-block;
    font-weight: bold;
    color: #222;
    text-shadow: none;
    font-size: 15px;
}

.round-icons > div > div {
	width: 110px;
   	height: 110px;
    border-radius: 50%;
    margin: 50px 30px;
    margin-bottom: 10px;
    border: 4px solid transparent;
	-webkit-transition: all .2s ease-in-out;
}

.round-icons > div > div:hover {
	cursor: pointer;
}

.round-icons > div > div i {
	font-size: 48px;
    padding-top: 27px;
}

.round-icons > div > div.blue {
	border-color: #3b82f8;
}
.round-icons > div > div.blue i {
	color: #3b82f8;
}
.round-icons > div > div.blue.selected,
.round-icons > div > div.blue:hover {
	background-color: #3b82f8;
}
.round-icons > div > div.blue.selected i,
.round-icons > div > div.blue:hover i {
	color: #fff;
}

.round-icons > div > div.red {
	border-color: #fb5d72;
}
.round-icons > div > div.red i {
	color: #fb5d72;
    padding-top: 30px;
}
.round-icons > div > div.red.selected,
.round-icons > div > div.red:hover {
	background-color: #fb5d72;
}
.round-icons > div > div.red.selected i,
.round-icons > div > div.red:hover i {
	color: #fff;
}

.round-icons > div > div.green {
	border-color: #46d5aa;
}
.round-icons > div > div.green i {
	color: #46d5aa;
   	font-size: 70px;
    padding-top: 17px;
}
.round-icons > div > div.green.selected,
.round-icons > div > div.green:hover {
	background-color: #46d5aa;
}
.round-icons > div > div.green.selected i,
.round-icons > div > div.green:hover i {
	color: #fff;
}

.round-icons > div > div.violet {
	border-color: #965bda;
}
.round-icons > div > div.violet i {
	color: #965bda;
}
.round-icons > div > div.violet.selected,
.round-icons > div > div.violet:hover {
	background-color: #965bda;
}
.round-icons > div > div.violet.selected i,
.round-icons > div > div.violet:hover i {
	color: #fff;
}

.round-icons > div > div.orange {
	border-color: #ffb15d;
	border-color: #d37511;
}
.round-icons > div > div.orange i {
	color: #ffb15d;
	color: #d37511;
}
.round-icons > div > div.orange.selected,
.round-icons > div > div.orange:hover {
	background-color: #ffb15d;
	background-color: #d37511;
}
.round-icons > div > div.orange.selected i,
.round-icons > div > div.orange:hover i {
	color: #fff;
}

.vi-slider {
    min-height: 320px;
}

.vi-slider .item > div {
	display: inline-block; 
	width: 45%;
}

@media (max-width: 767px) { 
	.vi-slider .item > div {
		display: block; 
		width: 100%!important;
		text-align: center!important;
		margin: 0!important;
	}
	.vi-slider .item > div div {
		text-align: center!important;
	}
}

header:not(.affix) .navbar-default .navbar-nav > li > a {
	color: #fff!important;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.logo-footer {
    color: #fff;
    font-size: 200%;
    padding-top: 5px;
    padding-bottom: 5px;
}

p {
    margin: 1em 0;
}

.cookiepolicy {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 20px;
    line-height: 20px;
    opacity: .9;
    z-index: 1000;
    display: none;
}

.loader1 {
  position: relative;
  margin: 0px auto;
}

.loader1 svg {
    stroke: white;
}

.loader1:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%, 90% {
    stroke: #fff;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%, 90% {
    stroke: #fff;
  }
}
.no-padding{
	padding: 0 !important;
}
.no-padding-right{
	padding-right: 0 !important;
}
.no-padding-left{
	padding-left: 0 !important;
}
.logoF{
	background-color: #4d90f0;
	text-align: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #fff;
	padding-top: 3px;
	font-size: 21px;
	font-weight: normal;
	float: left;
}

.navbar-brand{
	font-weight: bold;
	font-size: 16px !important;
	line-height: inherit !important;
	margin: 0 !important;
	padding: 13px 20px !important;
}
.popover-content{
	padding: 10px 0 0 0 !important;
}
.login-info-width{
	min-width: 240px;
}
.years-width{
	min-width: 140px;
}
.years-dropdown li {
	font-size: 12px;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333333;
	white-space: nowrap;
}

.years-dropdown li:not(.separator):not(.fixed-item):hover {
	cursor: pointer;
	background: #32BFF1;
	color: #fff;
}

.years-dropdown li .fixed-item:hover {
	cursor: default !important;
}
.popover.bottom{
	margin-top: 0px !important;
}
.doc-container{
	min-width: 82.5%;
}
.elem-section{
	width: 100%;
}
.dashboard-stats{
	margin: 2px 2px 2px 3px;
}
ul {
	margin: 0 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-weight: bold !important;
}