@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic);
body{margin:0;padding:0;font:18px/26px Lato,Helvetica,Arial,sans-serif;color:#717076;background:#fff}
a{color:#2a60a0;text-decoration:underline}
a:hover{color:#db4a37;text-decoration:none}
img{border:none;vertical-align:top}
img.alignleft{display:inline;float:left;margin-right:15px}
img.alignright{display:inline;float:right;margin-left:15px}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}
input[type=text],input[type=email]{padding:3px 5px;border:solid 1px #c2c2c2;color:#3f4650;font-family:Helvetica,Arial,sans-serif}
input[type=submit]{padding:4px 6px;border:none;color:#fff;background:#3f4650;font-family:Helvetica,Arial,sans-serif;font-weight:bold;cursor:pointer}
input[type=submit]:hover{opacity:0.9}
textarea{padding:3px 5px;border:solid 1px #c2c2c2;color:#596b74;}
nav ul{margin:0;padding:0;list-style:none}
.clearBoth{display:block;clear:both}

#page{text-align:center}
#header{}
#menu a{color:#333;text-decoration:none}
#menu a:hover{color:#333}
#menu .current-menu-item a{color:#6D6E71;font-weight:bold}
a.socialLink{display:inline-block;width:32px;height:32px;margin:0 0 0 5px;background-position:center top}
a.socialLink{margin:0}
a.socialLink:hover{opacity:0.9}

#main{text-align:left}
h1{margin:0 0 10px;padding:10px;line-height:125%;color:#fff;background:#6998bf;text-transform:uppercase}
h2{margin:0 0 10px;line-height:125%;color:#6998bf}
#homeSlides{color:#fff}
#homeSlides ul{height:100%}
#homeSlides li{height:100%}
#homeSlides p{margin:0;padding:10px 0 0}
#homeSlides p:last-child{padding-bottom:10px}
#homeSlides .bx-wrapper{margin-bottom:30px;box-shadow:none;border:none}
#homeSlides .slideBox{padding:0 5%}
#homeImageSlides .flexslider{margin:0;border:none;max-width:100%;overflow:hidden}
#homeContent{text-align:center}
#homeContent h2{padding:0 10px;text-transform:uppercase}
#homeContent p{margin:0 0 10px;padding:0 10px;}
#homeMenu a{display:block;padding:1px 1px 15px;background:#6998bf;text-decoration:none}
#homeMenu a .external{background-image:url('../images/home-background.png?v=3')}
#homeMenu a .internal{position:relative;padding:15px;background-color:#fff;transition:background-color 0.5s}
#homeMenu a h3{margin:0 0 10px;padding:140px 0 0;color:#333;transition:color 0.5s}
#homeMenu a .icon{position:absolute;top:15px;left:15px;width:125px;height:119px;background-repeat:no-repeat}
#homeMenu a .dark{opacity:1;transition:opacity 0.5s}
#homeMenu a.consulenza .dark{background-image:url('../images/icons/consulenza-dark.png?v=3')}
#homeMenu a.certificazioni .dark{background-image:url('../images/icons/certificazioni-dark.png?v=3')}
#homeMenu a.internazionalizzazione .dark{background-image:url('../images/icons/internazionalizzazione-dark.png?v=3')}
#homeMenu a.privacy .dark{background-image:url('../images/icons/privacy-dark.png?v=3')}
#homeMenu a.sicurezza .dark{background-image:url('../images/icons/sicurezza-dark.png?v=3')}
#homeMenu a.finanza .dark{background-image:url('../images/icons/finanza-dark.png?v=3')}
#homeMenu a.dlsg .dark{background-image:url('../images/icons/dlsg-dark.png?v=3')}
#homeMenu a.sviluppo .dark{background-image:url('../images/icons/sviluppo-dark.png?v=3')}
#homeMenu a p{margin:0 0 10px;color:#333;font-weight:bold;transition:color 0.5s}
#homeBoxes{color:#000;background:#6998bf}
#homeBoxes h4{text-transform:uppercase;margin:0 0 5px}
#homeBoxes h3{margin:0 0 5px;line-height:125%;color:#fff}
#homeBoxes h3 a{color:#fff;text-decoration:none}
#homeBoxes h3 a:hover{color:#eee;text-decoration:underline}
#homeBoxes p{margin:0 0 5px}
#homeBoxes p.date{color:#43576e}
#homeBoxes #caseStydyLink{margin-top:10px;text-align:left}
#homeNextEvents .title{color:#6998bf;font-weight:bold}
#homeNextEvents .date{color:#43576e;font-weight:bold}
#homeNextEvents h3 a{color:#ccc;text-decoration:none}
#homeNextEvents h3 a:hover{color:#db4a37}
#homeNextEvents .bx-viewport{border:0;padding:0;box-shadow:none;left:0}
#homeNextEvents .bx-controls-direction{display:none}
#homeNextEvents .bxslider{margin:0;padding:0}
#homeNextEvents .bx-wrapper .bx-pager{padding-top:30px;text-align:left}
#homeNextEvents .bx-wrapper .bx-pager.bx-default-pager a{border:solid 1px #666;border-radius:6px;background:#fff}
#homeNextEvents .bx-wrapper .bx-pager.bx-default-pager a:hover, #homeNextEvents .bx-wrapper .bx-pager.bx-default-pager a.active{background:#959595}
#homeCalendar{color:#61676b;background:#6998bf}
#homeCalendar table{width:100%}
#homeCalendar table td,#homeCalendar table th{width:14.285%;text-align:center;font-weight:normal}
#homeCalendar table th{color:#fff}
#homeCalendar table a{display:block;width:100%;height:100%;color:#fff;text-decoration:none}
#homeCalendar table a:hover{color:#db4a37;background:#fff}
#homeCalendar table td a{border:solid 1px #fff}
#homeCalendar table td span{display:block;width:100%;height:100%;border:solid 1px #6998bf}
#homeCalendar table td a span{display:inline;border:none}

#content h1{display:inline-block;margin:0;padding:5px 10px}
#content h2{margin:20px 0 15px}
.sideBox{color:#000;background:#6998bf}
.sideBox ul{margin:0;padding:0;list-style:none}
.sideBox h2{color:#000;text-transform:uppercase}
.sideBox a{color:#fff;text-decoration:none}
.sideBox a:hover{color:#db4a37}
.sideBox time{color:#43576e}
.sideBox ul.menu{background:#ebebeb}
.sideBox ul.menu li{border-bottom:dotted 1px #333}
.sideBox ul.menu li:last-child{border:none}
.sideBox ul.menu li a{color:#717076;font-size:15px;line-height:120%}
.sideBox ul.menu li a:hover{color:#333}
#searchform label{display:none}
#searchform input{border:none}

#caseStudyFilters{color:#fff;background:#6998bf;text-align:center}
#caseStudyFilters a{display:inline-block;padding:2px 5px;margin:0 0 0 10px;color:#fff;text-decoration:none;cursor:pointer}
#caseStudyFilters a.active{text-decoration:underline}
#caseStudyList .item{color:#333;background:#d1e6ff}
#caseStudyList .intro,#caseStydyLink {text-align:center}
#caseStudyList .more a,#caseStydyLink a{display:inline-block;padding:5px 10px;color:#fff;background:#000;text-transform:uppercase;text-decoration:none}
#caseStudyList .more a:hover,#caseStydyLink a:hover{background:#db4a37}
#caseStudyList .excerpt p{display:inline;margin:0}
#caseStudyList .mix{display:none}

.post .thumb{float:left;margin:0 20px 25px 0 !important}
.postMeta{font-style:italic}
.post h2{margin-top:0 !important}
.post h2 a{text-decoration:none}
.post .more{text-align:right}
.post .more a,a.boxLink{display:inline-block;padding:2px 5px;color:#fff;background:#6998bf;text-decoration:none}
.post .more a:hover,a.boxLink:hover{background:#db4a37}
#respond input,#respond textarea{max-width:90%}
.commentlist li{padding-bottom:20px}
.commentlist a{color:#30393e}
.commentlist a:hover{color:#596b74}
.commentlist img.photo{margin:0 10px 5px 0;float:left;vertical-align:top}

form.wpcf7-form input,form.wpcf7-form textarea{box-sizing:border-box;width:100%;padding:8px 16px;border-radius:3px}
form.wpcf7-form div.wpcf7-response-output{background:#fff}
form.wpcf7-form input[type=submit]{font-size:20px;text-transform:uppercase}
.widget form.wpcf7-form input,.widget form.wpcf7-form textarea{border:none}

#footer{margin:0;padding:20px 0;background:#ebebeb}
#footer a{color:#68696b;text-decoration:underline}
#footer a:hover{text-decoration:none}
#footer h2{color:#333;text-transform:uppercase}
#footer p{margin:15px 0}
#footer nav ul{margin:0;padding:0;list-style:none}
#footer nav ul a{text-decoration:none}
#footer nav ul a:hover{text-decoration:underline}
#footerSignature{text-align:center}


/*** Responsive ***/
@media only screen and (max-width: 767px) {
	.wrapper{width:90%;padding:0 5%;overflow:hidden}
	img{max-width:100%;height:auto}
	iframe{width:100%}
	
	#header .clearBoth{clear:none}
	#logo{float:left}
	#logo img{max-height:40px;margin:10px 0}
	#logo .wrapper{width:100%;padding:0}
	a#menuPull{display:block;float:right;width:32px;height:60px;position:relative;background:url('../images/menu.png?v=3') no-repeat center center}
	#menu{display:none;clear:both;padding:0 3% 10px 0;overflow-y:auto}
	#mainMenu ul{padding:0 0 0 3%;margin:0;text-align:left;font-size:16px}
	#mainMenu li{display:block;float:none;width:100%}
	#mainMenu li a{display:block;padding:3px 1%;border-bottom: 1px dotted #999;text-decoration:none}
	#socialLinks{margin:10px 0}
	
	#homeSlides{font-size:14px;line-height:135%}
	#homeSlides .slideBox{padding:10px 5%}
	#homeSlides .bx-controls-direction{display:none}
	#homeImageSlides .flex-direction-nav{display:none}
	#homeContent h1{font-size:22px}
	#homeContent h2{font-size:18px}
	#homeMenu a{margin:15px 0}
	#homeMenu h3{font-size:20px}
	#homeBoxes{margin:15px 0 0;padding:15px 0}
	#homeBoxes .item{margin:0 0 15px}
	#homeBoxes .item:last-child{margin:0}
	#homeNextEvents .title{margin:5px 0 10px;font-size:20px}
	#homeNextEvents h3,#homeNextEvents p{margin:5px 0}
	#homeNextEvents h3{font-size:16px}
	#homeNextEvents p{font-size:16px}
	#homeCalendar{padding:7px}
	
	#breadcrumbs{display:none}
	.sideBox{margin:10px 0;padding:10px 3%}
	.sideBox h2{font-size:16px}
	.sideBox h3{margin:10px 0 5px}
	.sideBox ul.menu{padding:5px 3%}
	.sideBox ul.menu li{padding:3px 0}
	
	#caseStudyFilters,#caseStudyList .item{margin:0 0 20px;padding:3% 10px}
	#caseStudyList .intro{width:100%;padding-bottom:5px;border-bottom:solid 1px #6998bf}
	#caseStudyList .intro img{max-width:250px;height:auto}
	#caseStudyList .body{padding-top:5px}
	#caseStudyList h2{margin:0 0 10px}
	#caseStudyList p{margin:0 0 5px}
	
	.post .thumb{margin:0 10px 5px 0 !important}
	.post .thumb img{width:100px}
	
	#footer{font-size:14px}
	#footer h2{margin:5px;font-size:16px}
	#footer .footerBox{margin:20px 0}
	#footerCredits span{display:block}
}
@media only screen and (min-width: 768px) {
	.wrapper{width:1200px;margin:0 auto}
	#header{position:fixed;top:0;z-index:2000;height:84px;width:100%;background:#ebebeb}
	#header .wrapper{position:relative;margin:0 auto}
	#menu{display:block !important;font-size:14px;text-transform:uppercase}
	#mainMenu{width:1200px;margin:0 auto;padding:28px 0 0;background:#ebebeb}
	#mainMenu > div{float:right}
	#mainMenu ul{margin:0;padding:0}
	#mainMenu a{display:table-cell;height:36px;line-height:130%;max-width:120px;padding:10px 30px;text-align:center;vertical-align:bottom;white-space:normal}
	#mainMenu a:hover{background:#dbdbdb}
	#logo a{position:absolute;top:10px;left:20px;z-index:2001;display:block;width:155px;height:64px;text-align:left}
	#socialLinks{position:absolute;top:100px;right:46px}
	
	#main{margin-top:84px}
	#homeImageSlides .flex-direction-nav a{font-size:0}
	#homeImageSlides .flex-direction-nav a:before{font-size:30px}
	#homeContent h1{font-size:30px}
	#homeContent h2{font-size:26px}
	#homeMenu{margin:0 0 20px}
	#homeMenu a{float:left;width:283px;margin:20px 16px 0 0;font-size:16px;line-height:24px;overflow:hidden}
	#homeMenu a:nth-child(4n){margin-right:0}
	#homeMenu a .internal{min-height:380px}
	#homeMenu h3{font-size:19px}
	#homeMenu a:hover h3,#homeMenu a:hover p{color:#fff}
	#homeMenu a:hover  .internal{background-color:transparent}
	#homeMenu a .light{opacity:0}
	#homeMenu a:hover .dark{opacity:0}
	#homeMenu a:hover .light{opacity:1}
	#homeMenu a .arrow{position:absolute;top:424px;left:0;width:388px;height:39px;background:url('../images/home-arrow.png?v=3') #6a99bf;transition:top 0.5s}
	#homeMenu a:hover .arrow{top:386px}
	#homeMenu a.consulenza:hover .light{background-image:url('../images/icons/consulenza-light.png?v=3')}
	#homeMenu a.consulenza .arrow{background-color:#fcc249}
	#homeMenu a.certificazioni:hover .light{background-image:url('../images/icons/certificazioni-light.png?v=3')}
	#homeMenu a.certificazioni .arrow{background-color:#77c694}
	#homeMenu a.internazionalizzazione:hover .light{background-image:url('../images/icons/internazionalizzazione-light.png?v=3')}
	#homeMenu a.internazionalizzazione .arrow{background-color:#007495}
	#homeMenu a.privacy:hover .light{background-image:url('../images/icons/privacy-light.png?v=3')}
	#homeMenu a.privacy .arrow{background-color:#ffe257}
	#homeMenu a.sicurezza:hover .light{background-image:url('../images/icons/sicurezza-light.png?v=3')}
	#homeMenu a.sicurezza .arrow{background-color:#c15547}
	#homeMenu a.finanza:hover .light{background-image:url('../images/icons/finanza-light.png?v=3')}
	#homeMenu a.finanza .arrow{background-color:#925fa4}
	#homeMenu a.dlsg:hover .light{background-image:url('../images/icons/dlsg-light.png?v=3')}
	#homeMenu a.dlsg .arrow{background-color:#939598}
	#homeMenu a.sviluppo:hover .light{background-image:url('../images/icons/sviluppo-light.png?v=3')}
	#homeMenu a.sviluppo .arrow{background-color:#94bddf}
	#homeBoxes{margin:20px 0 0;padding:20px 0;font-size:16px;line-height:24px}
	#homeBoxes .item{float:left;width:388px;margin-right:18px;overflow:hidden}
	#homeBoxes .item:last-child{margin:0}
	#homeBoxes h3,#homeBoxes h4,#homeBoxes p{line-height:24px}
	#homeBoxes h3,#homeBoxes p.date{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	#homeBoxes img{max-width:100%;vertical-align:top}
	#homeBoxes iframe{width:348px;height:297px}
	#homeBoxes #caseThumb{max-height:90px}
	#homeEvents{margin:20px 0}
	#homeNextEvents{float:left;width:850px}
	#homeNextEvents .title{margin:10px 0 20px;font-size:34px}
	#homeNextEvents .date{margin:10px 0;font-size:20px}
	#homeNextEvents h3{margin:10px 0;font-size:26px}
	#homeNextEvents p{margin:10px 0}
	#homeCalendar{float:right;width:256px;padding:15px}
	.widget #homeCalendar{padding:14px}
	
	#article{padding:20px 0 0}
	#content{float:left;width:885px}
	#breadcrumbs{padding:3px 10px;background:#ebebeb;font-size:14px}
	#breadcrumbs a{color:#333;text-decoration:underline}
	#breadcrumbs a:hover{text-decoration:none}
	#sidebar{float:right;width:300px}
	.sideBox{margin:0 0 15px;padding:15px}
	.sideBox h2{font-size:16px}
	.sideBox h3{margin:15px 0 5px}
	.sideBox ul.menu{padding:5px 10px}
	.sideBox ul.menu li{padding:3px 0}
	form.wpcf7-form{width:400px;margin:30px auto;padding:10px 20px;background:#ebebeb}
	.widget form.wpcf7-form{width:100%;margin:0;padding:0;background:transparent}
	.widget form.wpcf7-form p{margin:0 0 10px}
	
	#caseStudyFilters{margin:0 0 20px;padding:5px 20px}
	#caseStudyList .item{margin:0 0 20px;padding:10px 20px}
	#caseStudyList .intro{float:left;width:200px;margin:0 20px 0 0}
	#caseStudyList .intro img{max-width:100%;max-height:60px;margin-bottom:20px}
	#caseStudyList .body{float:right;width:625px}
	#caseStudyList h2{margin:0 0 10px}
	#caseStudyList p{margin:0 0 5px}
	
	#footer{text-align:left;font-size:12px}
	#footer .wrapper{position:relative}
	#footer h2{margin:10px 0;font-size:12px}
	#footerInfo{float:left;width:33.3%}
	#footerLogo{margin-bottom:15px}
	#footerSocial{text-align:center}
	#footerMenu{float:right;width:33.3%;text-align:right}
	#footerSignature{float:right;width:33.3%}
	
	/*** QuickMenu ***/
	#mainMenu li{float:left}
	#mainMenu li:first-child{margin-left:0}
	.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1}.qmmc .qmdividery{float:left;width:0px}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1}.qmclear{font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important}.qmmc{position:relative;zoom:1;z-index:10}.qmmc a, .qmmc li{float:left;display:block;white-space:nowrap;position:relative;z-index:1}.qmmc div a, .qmmc ul a, .qmmc ul li{float:none}.qmsh div a{float:left}.qmmc div{visibility:hidden;position:absolute}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1}.qmmc .qmcbox a{display:inline}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto}.qmmc li{z-index:auto}.qmmc ul{left:-10000px;position:absolute;z-index:10}.qmmc, .qmmc ul{list-style:none;padding:0px;margin:0px}.qmmc li a{float:none}.qmmc li:hover>ul{left:auto}.qm0 ul{top:100%}.qm0 ul li:hover>ul{top:0px;left:100%}
	.qm0{width:auto;padding:0;margin-top:0}
	body .qm0 .qmactive, body .qm0 .qmactive:hover{color:#68696b}
	.qm0 div, .qm0 ul{padding:5px 10px 20px 10px;background-color:#ebebeb;min-width:120px}
	.qm0 div a, .qm0 ul a{display:block !important;max-width:250px !important;height:auto !important;padding:7px 28px !important;color:#68696b;font-size:1em;border-bottom:1px dotted #ccc;background:none;border-left:none;border-right:none;white-space:nowrap !important;text-align:left !important;text-transform:none !important;text-decoration:none}
	.qm0 ul li{float:none !important;margin-left:0 !important}
	.qm0 div a:hover{text-decoration:none;color:#fff !important}
	.qm0 ul li:hover>a{text-decoration:none}
	body .qm0 div .qmactive, body .qm0 div .qmactive:hover{background-repeat:repeat}
	ul.qm0 ul li:hover > a.qmparent{text-decoration:underline}
}
@media only screen and (max-width: 359px) {
	#logo img{max-width:220px}
}