/********************************************
SIMPLE RESET
********************************************/

h1, h2, h3, h4, a, p {
	margin:0;
	padding:0;
	color:#3f3f3f;
	font-size:1.5em;
}
ul{list-style:none; display:block; position:relative; margin:0; padding:0;}
ul>li{display:inline-block;}
a:hover, a:active, a:focus {
	color:inherit;
	text-decoration:none;
}

/********************************************
STILI TESTO
********************************************/

.pagetitle {
	font-size:4em;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#737373;
	padding:0 0 1em 0;
}
.subpagetitle {
    width: 100%;
    padding: 1em 3%;
    font-size: 2.5em;
    font-weight: bold;
    background-color: #005eff;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    margin-top: 0;
    position: relative;
}
    .subpagetitle:before {
        content: "";
        width: 100%;
        position: absolute;
        height: 2px;
        background: #005eff; /* Old browsers */
        top: 0px;
        left: 0;
    }

    .subpagetitle:after {
        content: "";
        width: 100%;
        position: absolute;
        height: 2px;
        background: #005eff; /* Old browsers */
        bottom: 0 !important;
        left: 0;
    }

.pagetitle span {
    color: #005eff;
}
.sectiontitle{
    font-size:2.5em;
    color:#a5a5a5;
    text-align:left;
    padding:0 0 1.7em 0;
}
.sectiontitle:after {
	content:"";
	display:block;
	width:2em;
	height:1px;
	background-color:#c66c15;
	margin-top:1em;
}
p, span{line-height:1.8em;}
    p strong {
        color: #005eff;
        font-size: 1.3em;
    }



/********************************************
STRUCTURE AND GENERAL RULES
********************************************/
body 
{
   color:#3f3f3f;
   font-family: 'Open Sans', sans-serif;
   background-color:#f9f9f9;
   min-height:100%;
   width:100%;
   font-size:100%;
}
#contenitor {
	position:relative;
	width:100%;
	top:0;
	left:0;
	height:auto;
	overflow:auto;
	display:block;
	z-index:0;
}
.mycontainer{
	display:block;
	width:94%;
	left:3%;
	position:absolute;
	background-color:#fff;
	min-height:100%;
	padding-top: 117px;
	box-shadow:0 0 20px rgba(0,0,0,0.5);
	z-index:997;
	/*overflow:auto;*/
}
.container {
	width:100%;
	padding:0;
}
.contnav {
	width:100%;
	height:auto;
	overflow:auto;
	background-color:transparent;
	position:fixed;
	top:0;
	left:0;
	z-index:998;
}
.contnav>div{
	width:94%;
	/*
	left:3%;
	top:0;
	position:fixed;
    */
    display:block;
    margin-left:3%;
	height:auto;
	background-color:#f5f5f5;
	z-index:998;
}
.contenuti {
	display:block;
	width:100%;
	padding:0 8%;
	/*background-color:#f5f5f5;*/
}
.imgmobile{display:none;}

/*----------- scrollbar ----------------*/
body::-webkit-scrollbar {
width: 12px;
}
body::-webkit-scrollbar-track {
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
background-color:#aaa;
}
body::-webkit-scrollbar-thumb {
    background-color: #005eff;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

/*-------------------------- NAV -----------------------*/
/*--------- lenguage ---------*/
.lenguage {
	/*padding:0.8em 1%;*/
	overflow:auto;
}
.lenguage *{color:#e6e6e6;}
.navlg {
    width: 100%;
    background-color: #005eff;
    overflow: auto;
    height: auto;
}
.flag{width:12em; height:3em; overflow:hidden; padding:0.5em 0.5em 0 0;}
.flag>div{float:right; width:2em; height:2em; margin-left:0.8em;}
#ita{background-image:url("../../images/graphic/ita.png"); background-size:100%;}
#ru{background-image:url("../../images/graphic/ro.png"); background-size:100%;}
#eng{background-image:url("../../images/graphic/eng.png"); background-size:100%;}
.flag a{width:100%; height:100%; display:block;}

/*--------- navigation ---------*/
.navbar, .navbar-default
{
    border-color: transparent;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
    background-color:#fff;
    margin-bottom:0;
}
nav ul{float:right; height:100%;}
nav ul li {
	padding:1em 1em;
	font-size:1em;
	text-transform:uppercase;
	position:relative;
	z-index:999;
}
.navbar-brand{padding: 27px 15px;}
.navbar-brand img {
	width:115px;
	display:block;
	margin-top:-3px;
}
/*--------- navigation link animation ---------*/
.contarrow {
	position:relative;
	width:100%;
	display:block;
	height:1.5em;
	overflow:hidden;
}
.arrow {
	display:block;
	margin:0 auto;
	width:1.2em;
	height:1.2em;
	position:relative;
	background-image:url("../../images/arrow.png");
	background-size:100%;
	background-repeat:no-repeat;
	position:relative;
}
.a2{
	background-image:url("../../images/arrow2.png");
	bottom:-1.5em;
	-webkit-transition:all 0.5s; /* Safari */
    transition:all 0.5s;
}
.a1 {
	top:-1em;
	-webkit-transition:all 0.5s; /* Safari */
    transition:all 0.5s;
}
.nav > li > a{color:#999999; padding: 0.5em 0.6em;}
.navbar-default .navbar-nav > li:hover a,
.navbar-default .navbar-nav > li >:active a, 
.navbar-default .navbar-nav > li >:focus a{color:#cd7725;}

.navbar-default .navbar-nav > li:hover .a1 {
	top:0.5em !important;
}
.navbar-default .navbar-nav > li:hover .a2 {
	bottom:0em !important;
}

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

/*--------- informativa cookie ---------*/
#divInformativaCookie {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 999;
    bottom:0;
}
    #divInformativaCookie .wrap980 {
    position: absolute;
    font-size: 1.2rem;
    padding: 2rem 4rem 2rem 1rem;
    text-align: center;
    bottom: 0;
    background-color:#ccc;
    display:block;
    width:100%;
}
#divInformativaCookie .wrap980>span{
    line-height:1.3rem;
}


    #divInformativaCookie a {
        font-weight: bold;
        color: #005eff;
        font-size: 1.2rem;
    }
#divInformativaCookie .closeX {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #005eff;
    width: 30px;
    height: 30px;
    color: #fff;   
}
#divInformativaCookie .closeX span{
    line-height:30px;
    font-size: 15px;
}

/*--------- pagina informativa cookie ---------*/
#cookie section.cookie{
    padding:0 5%;
}
.cookieTitle span {
    padding: 3.5rem 5% 0rem 5%;
    font-weight:bold;
    text-transform:uppercase;
    line-height:2.2rem !important;
    display:block;
}
.cookie h2{
    font-size:1.5rem;
    font-weight:bold;
    margin:2rem 0;
}
.cookie p{
    margin:2rem 0;
}
.cookie ul li {
    display: block;
    font-size: 1.5em;
    line-height: 1.8em;
    margin:0.5rem 0;
    padding-left:2rem;
}
.cookie ul li:before{
    content:"-";
    display:inline-block;
    position:relative;
    left:-2rem;
}
.cookie .dataAggiornata{
    margin:1rem 0;
    display:block;
    font-size:1.2rem;
    text-align:right;
    font-style:italic;
}
/*-------------------------- FOOTER -----------------------*/
footer {
    height: auto;
    width: 100%;
    background-color: #eaeaea;
    position: relative;
}
footer .container .row 
{
    margin-right:0;
    margin-left:0;
}
footer .container .row >div
{
    padding:2em 0;
}
footer .container .row >#finpromInfo
{
    font-size:0.7em;
    background-color:#ccc;    
    text-align:center;
    padding:11em 2%;
}
footer .container .row >#finpromInfo >div
{
    display:inline-block;
}
.dati-contatto
{
    padding:0 3em;
}
.dati-contatto li
{
    margin:0.5em 0;
    display:block;
    font-size:1.2em;
    line-height:1em;
}
    .dati-contatto .finprom {
        font-size: 2em;
        color: #005eff;
        font-weight: bold;
    }
/********************************************
INDEX
********************************************/

/*-------------------------- titoli intro -----------------------*/
header .title {
    text-align: center;
    background-color: #005eff;
    color: #fff;
    padding: 20px 0;
    position: relative;
}
    header .title:before {
        content: "";
        width: 100%;
        position: absolute;
        height: 3px;
        background: #005eff; /* Old browsers */
        top: 0px;
        left: 0;
    }
    header .title:after {
        content: "";
        width: 100%;
        position: absolute;
        height: 3px;
        background: #005eff; /* Old browsers */
        bottom: 0 !important;
        left: 0;
    }

header .title *
{
    color:#fff;
    margin:0;
    font-size:14px;
}
header .title h1
{
    font-size:45px;
    font-weight:bold;
}
header .title p
{
    padding:0.5em 2% 0 2%;
    line-height:1.5em;
}
/*-------------------------- header -----------------------*/
header .par {
	padding: 2em 10% 10em 10%;
	text-align:center;
}
/*-------------------------- imgFade -----------------------*/
@keyframes example {
    0% {background-image: url('/images/slider/slide1.jpg');}
    16% {background-image: url('/images/slider/slide2.jpg');}
    32% {background-image: url('/images/slider/slide3.jpg');}
    48% {background-image: url('/images/slider/slider4-min.jpg');}
    64% {background-image: url('/images/slider/slider5-min.jpg');}
    80% {background-image: url('/images/slider/slider6-min.jpg');}
    100% {background-image: url('/images/slider/slide1.jpg');}
}
@-ms-keyframes example {
    0% {background-image: url('/images/slider/slide1.jpg');}
    16% {background-image: url('/images/slider/slide2.jpg');}
    32% {background-image: url('/images/slider/slide3.jpg');}
    48% {background-image: url('/images/slider/slider4-min.jpg');}
    64% {background-image: url('/images/slider/slider5-min.jpg');}
    80% {background-image: url('/images/slider/slider6-min.jpg');}
    100% {background-image: url('/images/slider/slide1.jpg');}
}
@-webkit-keyframes example {
    0% {background-image: url('/images/slider/slide1.jpg');}
    16% {background-image: url('/images/slider/slide2.jpg');}
    32% {background-image: url('/images/slider/slide3.jpg');}
    48% {background-image: url('/images/slider/slider4-min.jpg');}
    64% {background-image: url('/images/slider/slider5-min.jpg');}
    80% {background-image: url('/images/slider/slider6-min.jpg');}
    100% {background-image: url('/images/slider/slide1.jpg');}
}
#imgFade {
    width: 100%;
    display: block;
    background-color: #ccc;
    height: 40em;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    animation-name: example;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    -ms-animation-name: example;
    -ms-animation-duration: 20s;
    -ms-animation-iteration-count: infinite;
    -moz-animation-name: example;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-name: example;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    background-image: url('/images/slider/slide1.jpg');
}


/*-------------------------- specializzati -----------------------*/
#specializzati .text {
	    padding: 9em 10% 9em 0;
}
#specializzati img {
	width:100%;
}
#specializzati{
	background-image:url("../../images/paper.jpg");
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:100% 0;
}
/*-------------------------- dipendenti -----------------------*/
#dipendenti {
    background-color: #005eff;
    padding: 10em 5%;
    background-image: url("../../images/manibg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
#dipendenti>div {
	display:inline-block;
}
#dipendenti * {
	color:#fff;
	font-size:1.3em;
}
#dipendenti h2>span {
	font-size:3.5em;
}

/********************************************
STRUTTURA INTERNA
********************************************/
.subpage .row {
	margin:0;
}
.subpage{min-height:80em;}
.subpage .contenuti {
	padding:0em 3%;
}
#subpcontent {
	padding:5em 3%;
}
#subpcontent img {
	display:block;
	width:90%;
	height:auto;
	background-color:#ccc;
	margin:0em 0 0 5%;
	position:relative;
	z-index:980;
}
#subpcontent .par {
	padding-right:5%;
}
#subpcontent ul{margin-top:2.5em;}
#subpcontent ul li {
	display:block;
	font-size:1.5em;
	padding:0.2em 0em 0.2em 2em;
	position:relative;
}
    #subpcontent ul li:before {
        content: "";
        width: 0.7em;
        height: 0.7em;
        border: 2px solid #005eff;
        display: inline-block;
        border-radius: 200px;
        position: absolute;
        left: 0;
        top: 0.95em;
    }

/********************************************
TESTIMONIANZE
********************************************/
.testimonialcont>div {
	text-align:center;
}
.testimonianza {
	display:inline-block;
	background-color:#f3f3f3;
	height:auto;
	padding:10%;
	margin:2em;
	border:1px solid #e0e0e0;
	cursor:pointer;
	
	-webkit-transition:all 0.5s; /* Safari */
    transition:all 0.3s;
	
	
}
.v2 .testimonianza {
	display:inline-block;
	background-color:#fff;
	height:auto;
	padding:10%;
	margin:1.5em;
	border:1px solid #fff;
}
.v3 .testimonianza {
	display:inline-block;
	background-color:#fff;
	height:auto;
	padding:10%;
	margin:1.5em;
	border:1px solid #e0e0e0;
	min-width:80%;
}
.imgtestimonial {
	display:block;
	width:13em;
	height:13em;
	border-radius:10em;
	overflow:hidden;
	margin:0em auto 1em auto;
	border:2px solid #ccc;
	position:relative;
}
.imgtestimonial>img {
	display:block;
	width:104%;
	position:absolute;
	top:-2%;
	left:-2%;
}
.testimonianza>h3 {
	font-size:1.7em;
	font-weight:bold;
	margin:1em 0 0.5em 0;
	color:#868686;
}
.testimonianza>h3:after {
	content:"";
	display:block;
	width:6em;
	height:1px;
	background-color:#c66c15;
	margin: 0.9em auto;
}
.testimonianza>p>span {
	line-height:1.5em;
}

/*------- animazione testimonianze -----*/
.testimonianza:hover {
	box-shadow: 0 0  20px #ccc;
}

/********************************************
EVENTI
********************************************/
.subpage .contenuti {
	padding-top:4em;
	padding-bottom:4em;
}
.evento {
	background-color:#ededed;
	margin:5% 2%;
	-webkit-transition:all 0.5s; /* Safari */
    transition:all 0.3s;
}
.evento img {
	display:block;
	width:100%;
}
.evento .par {
	padding:4% 8% 4% 8%;
	overflow:auto;
}
.evento .par>* {
	float:left;
	text-align:left;
	clear:both;
	font-size:1.2em;
	margin:0.3em 0;
}
.evento .par a {
	float:right;
	text-align:right;
	color:#3c719e;
	font-weight:bold;
	font-size:1.3em;
}
.evento .par a span {
	margin-left:0.5em;
	opacity:0;
	-webkit-transition:all 0.5s; /* Safari */
    transition:all 0.3s;
}
.evento .data {
	color:#3c719e;
	font-size:1.4em;
	padding-bottom:0.3em;
	border-bottom:1px solid #3c719e;
	margin-bottom:0.8em;
	width:100%;
}
.evento .event-title{
	font-weight:bold;
	font-size:1.6em;
}
.evento .par .event-title:after {
	content:"";
	display:block;
	margin:0.5em 0 0.1em 0;
	width:25%;
	height:1px;
	background-color:#545454;
}
/* -------- pagina evento ---------*/
.event-title{
	font-weight:bold;
	font-size:2.5em;
	color:#555;
}
#evento .data {
	color:#777;
	font-size:1.4em;
	padding-bottom:0.3em;
	border-bottom:1px solid #777;
	margin:0.8em 0;
	width:100%;
	display:block;
}

/*------- animazione testimonianze -----*/
.evento:hover {
	box-shadow: 0 0  20px #ccc;
}
.evento:hover a>span {
	margin-left:1.5em;
	opacity:1;
}
#noEvent
{
    display:block;
    text-align:center;
    font-size:1.8em;
    color:#c66c15;
    text-transform:uppercase;
}
/********************************************
VALUES
********************************************/
.values {
	margin-bottom:7em !important;
}
.values .sectiontitle{
	text-align:center;
}
.values .sectiontitle:after {
	margin:1em auto 0 auto;
}
    .values .intestazione > span {
        font-size: 5em;
        text-align: center;
        width: 100%;
        display: block;
        font-weight: bold;
        color: #005eff;
        line-height: 1em;
    }
.values .text p{
	line-height:1.3em ;
	padding-left:3%;
}

/********************************************
CARIERA
********************************************/
#career #subpcontent {
	padding-top:0;
}
.career {
    width: 100%;
    background-color: #005eff;
    margin-top: -1.65em;
    background-image: url("../images/graphic/testbg4.jpg");
    background-size: cover;
    background-position: 100% 72%;
    padding: 16em 11% 9em 11%;
    text-align: left;
}
.career span:nth-child(1)>p {
	color:#fff;
	font-size:2.8em;
	text-transform:uppercase;
	letter-spacing:-0.01em;
	font-weight:bold;
	line-height:normal;
}
.career span:nth-child(2)>p {
	color:#fff;
	font-size:2em;
	letter-spacing:-0.01em;
	font-weight:normal;
	padding:0.5em 0% 1.5em 0%;
}
.career span:nth-child(3)>p {
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
	line-height:normal;
}
/* -------- careerintro element -----*/
.careerintro + .row {
	padding-top:6em;
	padding-bottom:6em;
}
.careerintro {
	display:block;
	width:100%;
	height:auto;
	position:relative;
	z-index:998;
	margin:0em 0;
}
.careerintro h2 {
	font-size:1.8em;
	letter-spacing: 0.08em;
	line-height:1.7em;
}
.careerintro span span {
	font-weight:bold;
	font-size:1.3em;
	color:#606060;
}
    .careerintro strong {
        font-size: 1.7em;
        color: #005eff;
    }
.careerintro p {
	font-size:1.7em;
	margin-top:0.5em;
	letter-spacing:0.05em;	
}
.careerintro .par {
	width:100%;
	height:auto;
	background-color:#fff;
	padding:6em 0 6em 9%;
	display:block;
}
/* effetto ombra */
.shadowtop {
	width:100%;
	height:4em;
	background-image:url("../images/graphic/shadow2.jpg");
	background-size:100% auto;
	background-position:0% 100%;
	display:block;
	background-repeat:no-repeat;
}
.shadowbottom {
	width:100%;
	height:4em;
	background-image:url("../images/graphic/shadow.jpg");
	background-size:100% auto;
	background-position:0% 0%;
	display:block;
	background-repeat:no-repeat;
}
/* pop up modale */
 .popupBox
{
    min-height:50%;
    padding:4em;
    background-color:#fff;
    background-color:#fff;
    border:1px solid #ccc; 
    display:none;
}
.modScheda .popupBox p, .modScheda .popupBox h4
{
    text-align:left;
}
.popupBox .closeModal
{
   width:30px;
   height:30px;
   cursor:pointer;
   background-color:#ccc; 
   position:absolute;
   top:0;
   right:0;
   background-image:url("../images/graphic/close-red.jpg");
   background-size:cover;
}


/* -----------------------------------*/
#career #subpcontent img {
	height:auto;
	width:100%;
	
}
#subpcontent .arrowul {
	margin-top:0;
}
#subpcontent .arrowul li {
	padding:0.7em 0em 0.7em 1.5em;
	position:relative;
	line-height:normal;
}
#subpcontent .arrowul li:before {
	content:"";
	background-image:url(../images/arrow.png);
	background-size:cover;
	transform: rotate(45deg);
    width: 0.6em;
    height: 0.6em;
    border:none;
    display: inline-block;
    position:absolute;
    border-radius:0;
    left:-0.5em;
    margin-top:0.5em;
}
#sendCv{
    text-align:center;
}
.simpleBtn {
    background-color: #FFF;
    color: #005eff !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 2em 3.5em;
    display: inline-block;
    margin: 0 auto;
    border-radius: 0.5em;
    border: 1px solid #005eff;
    font-size: 1.7em;
    letter-spacing: 0.1em;
    line-height: initial;
}

    .simpleBtn:hover {
        background-color: #005eff;
        color: #fff !important;
        transition: all 0.2s;
    }
/********************************************
CONTATTI
********************************************/
    #contatti .contenuti {
        padding: 0 0;
    }
#contactinfo{
	padding-top:2em;
	margin:0;
}
#contatti iframe {
	width:95%;
	margin:0em auto 0 auto;
	height:500px;
	border:7px solid #e7e7e7 !important;
	padding:0.3em;
	display:block;
}
#contatti .info {
	padding:0 0 0 5%;
}
#contatti ul{
	text-align:left;
	display:block;
	margin-bottom:2em;
}
#contatti ul:first-child {
	margin-top:3em;
}
#contatti ul li {
	display:block;
	margin:0.1em 0;
	font-size:1.4em;
	color:#888888;
}

    #contatti ul li:first-child {
        color: #005eff;
        font-weight: bold;
        font-size: 1.8em;
    }
#contatti h2{
	margin:1.5em 0;
	font-weight:bold;
	color:#a3a3a3;
	font-size:2em;
}
#contatti a {
	font-size:1em;
	color:#c66c15;
	font-weight:bold;
}
#faceIco
{
    margin-top:10px !important;
}
#faceIco a
{
    width:50px;
    height:50px;
    display:inline-block;
    background-color:#ccc;
    background-image:url("/Images/graphic/facebook.jpg");
    background-size:cover;
    
}