/***
====================================================================
	IMPOSTAZIONI GLOBALI
====================================================================
***/

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

body {
	font-size:15px;
	color:#777777;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Poppins', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#003f8a;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Poppins', sans-serif;
}

input,button,select,textarea{
	font-family: 'Poppins', sans-serif;
}

.no-padd-top{
	padding-top:0px !important;
}

.separator{
	position:relative;
	width:100%;
	height:1px;
	background-color:#f2f2f2;
}

p{
	position:relative;
	line-height:1.8em;	
	text-align: justify;
}

.auto-container{
	position:static;
	max-width:1500px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

/***
====================================================================
BOTTONI
====================================================================
***/

/* Btn Style One */
.btn-style-one{
	position:relative;
	line-height:24px;
	color:#222222;
	font-size:15px;
	font-weight:600;
	background:none;
	display:inline-block;
	padding:12px 40px 12px;
	border:2px solid #e7e7e7;
	border-radius:50px;
	text-transform:uppercase;
}

.btn-style-one:hover{
	opacity:0.70;
	color:#ffffff;
	border-color:#003f8a;
	background-color:#003f8a;
}

/* Btn Style Two */
.btn-style-two{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:15px;
	font-weight:500;
	background:#003f8a;
	display:inline-block;
	padding:13px 40px 13px;
	border-radius:50px;
	text-transform:uppercase;
}

.btn-style-two:hover{
	background:#ff4052;
	color:#ffffff;
}

/* Btn Style Three */
.btn-style-three{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	background:none;
	border-radius:50px;
	letter-spacing:1px;
	display:inline-block;
	padding:11px 38px 11px;
	text-transform:uppercase;
	border:2px solid #ffffff;
}

.btn-style-three:hover{
	background:#003f8a;
	color:#ffffff;
	border-color:#003f8a;
}

/* Immagini */
img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/***
====================================================================
	Scroll To Top style (index.php)
====================================================================
***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	line-height:50px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#444444;
	display:none;
	border-radius:3px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#ff4052;
}

.scroll-to-top .fas {
	position: relative;
	top: 20px
}

/***
====================================================================
	Main Header style
====================================================================
***/

.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:1001;
	width:100%;
}

.main-header .auto-container{
	position:relative;	
}

/*Main Box*/
.main-header .main-box{
	position:fixed;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background-color: #fff;
	border-bottom: 1px solid #efefef;
}

.main-header .main-box .outer-container{
	position:relative;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:15px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .nav-outer{
	position:relative;
	float:right;
}

.main-header .nav-outer .outer-box{
	position: relative;
    right: 0px;
    top: 50%;
	float: right;
    margin-top: 26px;
	margin-left:30px;
}

/* Main menù */
.main-menu{
	position:relative;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:15px 0px;
	margin-left:30px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	padding:20px 0px 20px;
	color:#2f2f2f;
	text-align:center;
	line-height:30px;
	letter-spacing:0px;
	font-weight:600;
	font-size:15px;
	opacity:1;
	text-transform:uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .main-menu .navigation > li > a{
	font-size:15px !important;	
}

.sticky-header .main-menu .navigation > li{
	margin:0px 0px 0px 25px !important;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color:#003f8a !important;
	opacity:1;
}

.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .main-menu .navigation > li.current > a,
.header-style-five .main-menu .navigation > li:hover > a,
.header-style-five .main-menu .navigation > li.current > a{
	color:#ff5151 !important;
}

.header-style-four .main-menu .navigation > li:hover > a,
.header-style-four .main-menu .navigation > li.current > a{
	color:#8075f2 !important;
}

.header-style-six .main-menu .navigation > li:hover > a,
.header-style-six .main-menu .navigation > li.current > a{
	color:#00d541 !important;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
	width:100%;
}

.main-menu .navigation > li.dropdown > a{
	padding-right:18px;	
}

.main-menu .navigation > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-9px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:15px;
	font-weight:normal;
	z-index:5;	
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:220px;
	z-index:100;
	display:none;
	padding:0px 0px;
	background:#101010;
	border-top:2px solid #003f8a;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:last-child > ul{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 20px;
	line-height:22px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	text-transform:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background-color:#003f8a;
}

.header-style-three .main-menu .navigation > li > ul > li:hover > a,
.header-style-five .main-menu .navigation > li > ul > li:hover > a{
	background-color:#ff5151;
}

.header-style-four .main-menu .navigation > li > ul > li:hover > a{
	background-color:#8075f2;
}

.header-style-six .main-menu .navigation > li > ul > li:hover > a{
	background-color:#00d541;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	line-height:21px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:220px;
	z-index:100;
	display:none;
	background:#101010;
	border-top:2px solid #003f8a;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:12px 20px;
	line-height:22px;
	font-weight:400;
	font-size:14px;
	color:#ffffff;
	text-align:left;
	text-transform:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	color:#ffffff;
	background-color:#003f8a;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;	
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:28px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .btn-outer{
	position:relative;
	float:right;
	padding:24px 0px;
	margin-left:30px;
}

.main-header .header-upper{
	position:relative;
	padding:0px 0px;
	z-index:5;
	overflow:hidden;
	background:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border-bottom:1px solid #f1f1f1;
}











.sticky-header .logo{
	padding:10px 0px 10px;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

/***
====================================================================
	STILE SLIDER
====================================================================
***/

.main-slider{
	position:relative;
	z-index:10;
	overflow:hidden;
}

.main-slider .tp-caption{
	z-index:5 !important;
}

.main-slider h2{
	position:relative;
	color:#2a2a2a;
	font-size:65px;
	font-weight:300;
	line-height:1.2em;
	padding-bottom:20px;
}

.main-slider h2.bold{
	font-weight:800;
	font-size:70px;
}

.main-slider h3{
	position:relative;
	color:#ffffff;
	font-size:62px;
	line-height:1.2em;
	font-weight:700;
}

.main-slider h4{
	position:relative;
	color:#ffffff;
	font-size:60px;
	font-weight:600;
	line-height:1.2em;
	padding-bottom:20px;
}

.main-slider h4.bold{
	color:#00102d;
	font-size:72px;
	line-height:1.1em;
	font-weight:700;
	font-family: 'Poppins', sans-serif;
}

.main-slider .text{
	position:relative;
	font-size:18px;
	font-weight:400;
	line-height:1.6em;
	color:rgba(0,0,0,0.60);
}

.main-slider .text.white{
	color:#ffffff;
}

.main-slider .text.dark{
	color:#00102d;
}

/***
====================================================================
	Section Title
====================================================================
***/
.sec-title{
	position:relative;
	margin-bottom:65px;
}

.sec-title h2{
	position:relative;
	font-size:38px;
	font-weight:600;
	color:#00000a;
	line-height:1.2em;
	text-transform:none;
}

.sec-title .text{
	position:relative;
	font-size:16px;
	margin-top:25px !important;
	color:rgba(0,0,0,0.60);
}

.sec-title.centered{
	text-align:center;
}

.sec-title.centered .text{
	max-width:790px;
	margin:0 auto;
}

.sec-title.style-two h2{
	font-weight:800;
	font-size:45px;
	font-family: 'Poppins', sans-serif;
}

.sec-title.light h2{
	color:#ffffff;
}

.sec-title .title{
	position:relative;
	color:#a8acb9;
	font-size:14px;
	margin-bottom:5px;
	letter-spacing:1px;
	text-transform:uppercase;
}

/***
====================================================================
	Section Title Two
====================================================================
***/

.sec-title-two{
	position:relative;
	margin-bottom:60px;
}

.sec-title-two .title{
	position:relative;
	font-size:16px;
	font-weight:600;
	padding-bottom:5px;
	margin-bottom:25px;
	color:rgba(0,0,0,0.40);
	text-transform:uppercase;
}

.sec-title-two .title:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:3px;
	background-color:#ff4052;
	background:-webkit-linear-gradient(left, #009036, #eeeeef, #d10019);
}

.sec-title-two h2{
	position:relative;
	color:#00000a;
	font-size:38px;
	font-weight:500;
	line-height:1.4em;
}

.services-section{
	position:relative;
	padding:80px 0px 80px;
	background:url(images/resource/pattern-1.png) center top no-repeat;
}

/***
====================================================================
	Counter Section
====================================================================
***/

.counter-section{
	position:relative;
	padding:90px 0px 60px;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
}

.counter-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0.9;
	background:-webkit-linear-gradient(left, #009036, #eeeeef, #d10019);
}

.counter-section.style-two{
	background-color:#ff4052;
	padding:180px 0px 150px;
}

.counter-section.style-two:before{
	display:none;
}

/***
====================================================================
	Fact Counter style
====================================================================
***/

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	z-index:5;
	margin-bottom:30px;
}

.fact-counter .column .inner{
	position:relative;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fact-counter .count-outer{
	position:relative;
}

.fact-counter .count-outer .plus-icon{
	position:relative;
	font-size:45px;
	color:#003f8a;
	line-height:1em;
	font-weight:500;
	display:inline-block;
}

.fact-counter .count-outer .count-text{
	position:relative;
	font-size:45px;
	color:#003f8a;
	line-height:1em;
	font-weight:700;
}

.fact-counter .column .counter-title{
	position:relative;
	font-weight:400;
	color:#003f8a;
	font-size:18px;
	margin-top:10px;
	font-family: "Poppins", sans-serif;
}

/***
====================================================================
	Project Section
====================================================================
***/

.project-section{
	position:relative;
	padding-top:90px;
}

.project-section .owl-dots,
.project-section .owl-nav{
	display:none;
}

/***
====================================================================
	Call To Action
================================================================
***/

.call-to-action{
	position:relative;
	padding:35px 0px 15px;
	background-color:#1f1f1f;
}

.call-to-action .column{
	position:relative;
	margin-bottom:20px;
}

.call-to-action .column .text{
	position:relative;
	color:#ffffff;
	font-size:22px;
	font-weight:300;

	line-height:1.4em;
	margin-top:10px;
}

/***
====================================================================
	Testimonial Section
====================================================================
***/
.testimonial-section{
	position:relative;
	padding:120px 0px 90px;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
}

.testimonial-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(19,145,252,0.10);
}

.testimonial-section .testimonial-column{
	position:relative;
}

.testimonial-section .testimonial-column .inner-column{
	position:relative;
	padding:60px 60px;
	margin-right:80px;
	background-color:#ffffff;
}

.testimonial-section .testimonial-column .inner-column .quote-icon{
	position:absolute;
	left:-32px;
	top:65px;
	width:65px;
	height:65px;
	color:#ffffff;
	text-align:center;
	line-height:65px;
	border-radius:50%;
	font-size:28px;
	background-image: -ms-linear-gradient(top, #12CAD0 0%, #1174de 100%);
	background-image: -moz-linear-gradient(top, #12CAD0 0%, #1174de 100%);
	background-image: -o-linear-gradient(top, #12CAD0 0%, #1174de 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #12CAD0), color-stop(100, #1174de));
	background-image: -webkit-linear-gradient(top, #12CAD0 0%, #1174de 100%);
	background-image: linear-gradient(to bottom, #12CAD0 0%, #1174de 100%);
}

.testimonial-section .owl-nav{
	display:none;
}

.testimonial-section .owl-dots{
	position:relative;
	text-align:right;
	margin-top:-25px;
}

.testimonial-section .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin:0px 4px;	
}

.testimonial-section .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:10px;
	height:10px;
	margin:0px;
	background:#f1f1f1;
	border-radius:50%;
	transition:all 500ms ease;
}

.testimonial-section .owl-dots .owl-dot:hover span,
.testimonial-section .owl-dots .owl-dot.active span{
	background:#003f8a;
}

/***
====================================================================
	Location Section
====================================================================
***/

.location-section{
	position:relative;
	padding:50px 0px 50px;
}

.map-box{
	position:relative;
	text-align:center;
	margin-bottom:60px;
}

.map-box .map-icon{
	position:absolute;
	left:33%;
	top:65%;
}

.map-box .map-icon .icon{
	cursor:pointer;
}

.map-box .map-icon:hover .map-detail-box{
	opacity:1;
	visibility:visible;
}

.map-box .map-icon .map-detail-box{
	position:absolute;
	left:-180px;
	width:365px;
	opacity:0;
	visibility:hidden;
	padding:30px 20px 25px;
	text-align:center;
	bottom:130% !important;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
	-webkit-box-shadow:2px 2px 15px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 15px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 15px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 15px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 15px 1px rgba(0,0,0,0.05);
}

.map-box .map-icon .map-detail-box h3{
	position:relative;
	color:#00000a;
	font-size:20px;
	font-weight:600;
	margin-bottom:15px;
	line-height:1em;
}

.map-box .map-icon .map-detail-box .text{
	position:relative;
	font-size:15px;
	line-height:1.8em;
	color:rgba(33,33,33,0.65);
}

.location-section .map-info-section{
	position:relative;
}

.location-section .map-info-section .column:nth-child(2){
	/* text-align:center; */
}

.location-section .map-info-section .column:nth-child(3){
	text-align:right;
}

/*Map Info*/
.location-section .map-info{
	position:relative;
	min-height:70px;
	margin-bottom:30px;
}

.location-section .map-info .inner{
	position:relative;
	padding-left:110px;
	display:inline-block;
}

.location-section .map-info .inner .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:85px;
	height:85px;
	color:#bcbcbc;
	font-size:40px;
	line-height:78px;
	text-align:center;
	border-radius:50%;
	margin-bottom:20px !important;
	border:2px solid #ececec;
}

.location-section .map-info .inner h3{
	position:relative;
	color:#00000a;
	font-size:22px;
	font-weight:600;
	text-align:left;
	margin-bottom:6px;
}

.location-section .map-info .inner .text{
	font-size:15px;
	line-height:1.7em;
	text-align:left;
	color:rgba(51,51,51,0.65);
}

/***
====================================================================
	FOOTER
====================================================================
 ***/
.footer-style-two{
	position:relative;
}

.footer-style-two .widgets-section{
	position:relative;
	padding:75px 0px;
}

.footer-style-two .footer-column{
	margin-bottom:30px;	
}

.footer-style-two .footer-column h2{
	font-size:20px;
	font-weight:600;
	color:#222328;
	margin-bottom:15px;
	text-transform:none;
	font-family: 'Poppins', sans-serif;
}

.footer-style-two .link-widget{
	position:relative;
}

.footer-style-two .link-widget .widget-content ul li{
	position:relative;
	margin-bottom:5px;
}

.footer-style-two .link-widget .widget-content ul li a{
	position:relative;
	font-size:16px;
	color:rgba(0,0,0,0.40);
	font-family: 'Poppins', sans-serif;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.footer-style-two .link-widget .widget-content ul li a:hover{
	color:rgba(0,0,0,1);
}

.footer-style-two .subscribe-widget .social-icon-two{
	position:relative;
	margin-top:10px;
}

.footer-style-two .subscribe-widget .social-icon-two li{
	margin-left:0px;
	margin-right:15px;
}

.footer-style-two .subscribe-widget .text{
	position:relative;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:20px;
	color:rgba(0,0,0,0.40);
	font-family: 'Poppins', sans-serif;
}

.footer-style-two .footer-bottom{
	position:relative;
	padding:50px 0px 50px;
	border-top:1px solid #e6e6e9;
}

.footer-style-two .footer-bottom .copyright{
	position:relative;
	color:#222328;
	font-size:15px;
	font-family: 'Poppins', sans-serif;
}

.footer-style-two.alternate .auto-container{
	position:relative;
}

.footer-style-two.alternate .big-letter{
	position:absolute;
	right:0px;
	top:-220px;
	color:#f6f8f9;
	font-size:300px;
	line-height:1em;
	font-weight:700;
	text-transform:uppercase;
}

.footer-style-two.alternate{
	padding-top:100px;
	background:url(images/resource/map-pattern-2.png) center bottom no-repeat;
}

.footer-style-two.alternate-two{
	padding-top:50px;
}

.footer-style-two.alternate .footer-column h2{
	font-size:16px;
	margin-bottom:30px;
	text-transform:uppercase;
}

.footer-style-two .alternate .footer-bottom{
	padding-top:0px;
	border:0px;
	padding-bottom:150px;
}

.footer-style-two.alternate .footer-bottom .copyright{
	color:#9c9c9f;
	font-size:16px;
}

/***
====================================================================
	About Section
====================================================================
 ***/

.about-box-background {
	background-color: #d7f6f7 !important;
}

.about-section-two .card-body h3, .page-dettagli-settore h3, .page-sottosettori-settori h3{
	color: #00000a;
	/* font-size: 30px; */
	/* font-weight: 600; */
	line-height: 1.4em;
	padding-bottom: 10px;
}	

.about-section-two p{
	font-size: 16px;
	text-align: justify;
}

/***
====================================================================
	About Section Two
====================================================================
 ***/
.about-section-two{
	position:relative;
	z-index:10;
	padding:80px 0px 0px;
}

.about-section-two .big-letter{
	position:absolute;
	right:20px;
	top:0px;
	color:#f6f8f9;
	font-size:345px;
	font-weight:700;
	line-height:1em;
}

.about-section-two .auto-container{
	position:relative;
}

.about-section-two .section-count{
	position: absolute;
    right: -230px;
    bottom: 110%;
    width: 300px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left top;
}

.about-section-two .section-count .video-box{
	position: absolute;
    top: -10px;
    left: 100%;
    width: 230px;
	font-size:18px;
	color:#ffffff;
	font-weight:400;
    margin-left: 100px;
	padding-left:100px;
}

.about-section-two .section-count .video-box span{
	font-weight:600;
}

.about-section-two .section-count .video-box .icon{
	position:absolute;
	left:0px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	padding-left:4px;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	background-color:rgba(255,255,255,0.40);
}

.about-section-two .section-count .video-box .icon:after{
	position:absolute;
	content:'';
	left:-12px;
	top:-12px;
	right:-12px;
	bottom:-12px;
	border-radius:50%;
	background-color:rgba(255,255,255,0.20);
}

.about-section-two .section-count .count{
	position: relative;
    font-size: 53px;
    font-weight: 300;
    line-height: 1em;
    color: rgba(0,0,10,0.17);
}

.about-section-two .section-count:after{
	position: absolute;
    content: '';
    left: 80px;
    top: 25px;
    height: 250px;
    width: 2px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left top;
    background-color: #ededed;
}

.about-section-two .column .text{
	position:relative;
	margin-top:20px;
}

.about-section-two .column .text p{
	position:relative;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:25px;
	color:rgba(0,0,10,0.45);
}

.about-section-two.style-two{
	padding-top:150px;
}

/***
====================================================================
	Project Section
====================================================================
 ***/

.project-section .three-item-carousel .owl-dots,
.project-section .three-item-carousel .owl-nav{
	display:none;
}

/***
====================================================================
	INFORMAZIONI CONTATTI
====================================================================
 ***/

.contact-info-section{
	position:relative;
	padding:160px 0px 90px;
}

.contact-info-section .sec-title-four{
	margin-bottom:80px;
}

.contact-info-block{
	position:relative;
	margin-bottom:30px;
}

.contact-info-block .inner{
	position:relative;
	text-align:center;
}

.contact-info-block .inner .icon-box{
	position:relative;
	color:#00000a;
	font-size:52px;
	line-height:1em;
	margin-bottom:15px;
}

.contact-info-block .inner h3{
	position:relative;
	font-size:24px;
	font-weight:500;
	color:#00000a;
	margin-bottom:8px;
}

.contact-info-block .inner .text{
	position:relative;
	font-size:16px;
	line-height:1.8em;
	color:rgba(0,0,0,0.65);
}

.contact-info-block .inner .social-icon-two{
	margin-top:10px;
}

.contact-info-block .inner .social-icon-two li a{
	color:#d8d8d8;
}

.contact-info-block .inner .social-icon-two li a:hover{
	color:#000000;
}

/***
====================================================================
	Contact FullWidth Section
====================================================================
 ***/

.contact-fullwidth-section{
	position:relative;
}

.contact-fullwidth-section .outer-container{
	position:relative;
	background-color:#232323;
}

.contact-fullwidth-section .outer-container .map-column{
	/*position:absolute;
	left:0px;
	top:0px;*/
	width:100%;
	height:500px;
	display:block;
	float:left;
}

.contact-fullwidth-section .outer-container .form-column{
	position:relative;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
	float:right;
}

.contact-fullwidth-section .outer-container .form-column .inner-column{
	position:relative;
	padding:100px 75px 60px;
}

.contact-fullwidth-section .outer-container .form-column .inner-column h2{
	position:relative;
	color:#ffffff;
	font-size:38px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:40px;
}

/***
====================================================================
	Map Section Style
====================================================================
***/

.contact-fullwidth-section .outer-container .map-column .map-canvas{
	position: absolute !important;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

/***
====================================================================
	VARIE INFO (in index.php)
====================================================================
***/

.location-section .varie-info{
	position:relative;
	min-height:70px;
	margin-bottom:30px;
}

.location-section .varie-info .inner{
	position:relative;
	padding-left:110px;
	display:inline-block;
}

.location-section .varie-info .inner .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:85px;
	height:85px;
	color:#003f8a;
	font-size:40px;
	line-height:78px;
	text-align:center;
	border-radius:50%;
	margin-bottom:20px !important;
	border:2px solid #ececec;
}

.location-section .varie-info .inner h3{
	position:relative;
	color:#00000a;
	font-size:22px;
	font-weight:600;
	text-align:left;
	margin-bottom:6px;
}

.location-section .varie-info .inner .text{
	font-size:15px;
	line-height:1.7em;
	text-align:left;
	color:rgba(51,51,51,0.65);
}

.srlu-section .info{
	position:relative;
	min-height:70px;
	margin-bottom:30px;
}

.srlu-section .info .inner{
	position:relative;
	/* display:inline-block; */
	text-align: center;
}

.srlu-section .info .inner h4{
	padding-top: 10px;
}
.srlu-section .info .inner .icon{
	display: inline-block;
	height:85px;
	text-align: center;
	width:85px;
}	
	
#corsi img{
	/* height: 200px; */
	display: block;
	width: 100%;
	height: auto;
}

#corsi .owl-carousel .carousel-item-text {
  padding: 12px;
}
#corsi span{
	font-weight: 600 !important;
	padding-bottom: 10px;
}

#corsi .owl-dots {
  margin-top: 40px;
  text-align: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

#corsi .owl-dot {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  display: inline-block;
  background: rgba(127, 127, 127, 0.5);
  margin-left: 5px;
  margin-right: 5px;
}

#corsi .owl-dot.active {
  background: rgba(127, 127, 127, 1);
}

/*** 
====================================================================
	Slider Corso Intero
====================================================================
***/

#corsointero img{
	/* height: 200px; */
	display: block;
	width: 100%;
	height: auto;
}

#corsointero .owl-carousel .carousel-item-text {
  padding: 12px;
}
#corsointero span{
	font-weight: 600 !important;
	padding-bottom: 10px;
}

#corsointero .owl-dotsr {
  margin-top: 40px;
  text-align: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

#corsointero .owl-dotr {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  display: inline-block;
  background: rgba(127, 127, 127, 0.5);
  margin-left: 5px;
  margin-right: 5px;
}

#corsointero .owl-dotr.active {
  background: rgba(127, 127, 127, 1);
}

#corsointero .owl-prev{
	display: none;
}

#corsointero .owl-next{
	display: none;
}
	
/*** 
====================================================================
	Slider Corso Retraining
====================================================================
***/
#corsoretraining img{
	/* height: 200px; */
	display: block;
	width: 100%;
	height: auto;
}

#corsoretraining .owl-carousel .carousel-item-text {
  padding: 12px;
}
#corsoretraining span{
	font-weight: 600 !important;
	padding-bottom: 10px;
}

#corsoretraining .owl-dotsr {
  margin-top: 40px;
  text-align: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

#corsoretraining .owl-dotr {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  display: inline-block;
  background: rgba(127, 127, 127, 0.5);
  margin-left: 5px;
  margin-right: 5px;
}

#corsoretraining .owl-dotr.active {
  background: rgba(127, 127, 127, 1);
}

#corsoretraining .owl-prev{
	display: none;
}

#corsoretraining .owl-next{
	display: none;
}

/*** 
====================================================================
	Dettagli Sottosettore
====================================================================
***/

.card-corsi {
	max-width: 250px;
}

/*** 
====================================================================
	Offerta Formativa
====================================================================
***/
	.page-offerta-formativa .card {

		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 360px;
		height: 400px;
		background: #000;
	}
	.page-offerta-formativa .card .image {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.page-offerta-formativa .card .image img {
		width: 100%;
		transition: .5s;
	}
	.page-offerta-formativa .card:hover .image img {
		opacity: .5;
		transform: translateX(30%);/*100%*/
	}
	.page-offerta-formativa .card .details {
		position: absolute;
		top: 0;
		left: 0;
		width: 70%;/*100%*/
		height: 100%;
		background: #f0f8ff;
		transition: .5s;
		transform-origin: left;
		transform: perspective(2000px) rotateY(-90deg);
	}
	.page-offerta-formativa .card:hover .details {
		transform: perspective(2000px) rotateY(0deg);
	}
	.page-offerta-formativa .card .details .center {
		padding: 20px;
		text-align: center;
		background: #003f8a;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width:130%;
	}
	.page-offerta-formativa .card .details h2 {
		margin: 0;
		padding: 10px;
		/* color: white; */
		line-height: 20px;
		font-size: 20px;
		text-transform: uppercase;
		text-align: center;
	}
	.page-offerta-formativa .card .details .center h2 span {
		font-size: 14px;
		color: #262626;
	}
	.page-offerta-formativa .card .details .center p {
		margin: 5px 0;
		padding: 0;
		color: #262626;
	}
	.page-offerta-formativa .card .details .center ul {
		margin: 10px auto 0;
		padding: 0;
		display: table;
	}
	.page-offerta-formativa .card .details ul li {
		list-style: none;
		margin: 0 5px;
		float: left;
	}
	.page-offerta-formativa .card .details .center ul li a {
		display: block;
		background: #262626;
		color: #fff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		transform: .5s;
	}
	.page-offerta-formativa .card .details ul li a:hover {
		/* background: #ff3636; */
	}
	
	.grassetto{
		font-weight: bold;

	}
	
	.title-apprendistato{
		font-weight: bold;
		font-size:24px;
		color:black;
	}