html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
line-height:1;
background:#fff;
font-family:'Open Sans',sans-serif;
text-rendering:optimizeLegibility;
}


ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

.fix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .fix {
height:1%;
}

:first-child+html .fix {
min-height:1px;
}

#overlay {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
z-index:9999999;
}

#preloader {
width:200px;
height:200px;
position:absolute;
left:50%;
top:50%;
background-image:url(../img/loader.gif);
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px;
}

#preload {
position:absolute;
top:-99999px;
}

.wrap {
width:980px;
margin:0 auto;
padding:0 20px;
}

#topnav {
position:fixed;
width:100%;
top:0;
height:60px;
background:#fff;
clear:both;
z-index:20000;
opacity:0;
}

.shadow {
box-shadow:0 0 0 rgba(0,0,0,0);
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
}

.addshadow {
box-shadow:0 0 4px rgba(0,0,0,.4);
}

.topnav-open {
opacity:1!important;
}

#topnav .wrap {
margin-top:20px;
position:relative;
}

#logo {
width:104px;
height:20px;
position:absolute;
top:0;
left:20px;
}

#navigation {
position:absolute;
top:0;
right:80px;
}

#navigation ul li {
float:left;
display:inline;
height:18px;
line-height:18px;
}

#navigation ul li a {
font-size:14px;
font-weight:600;
color:#2f2f2f;
text-decoration:none;
background:url(../img/navSeparator.png) repeat-y left center;
-webkit-transition:color .4s ease;
-moz-transition:color .4s ease;
-ms-transition:color .4s ease;
-o-transition:color .4s ease;
transition:color .4s ease;
padding:0 15px;
}

#navigation ul li:first-child a {
background:0;
}

#social {
position:absolute;
top:0;
right:20px;
}

#social ul li {
float:left;
display:inline;
}

#social ul li a {
width:19px;
height:19px;
display:block;
background:#ccc url(../img/social.png);
text-indent:-9999px;
margin-left:1px;
-webkit-transition:background .4s ease;
-moz-transition:background .4s ease;
-ms-transition:background .4s ease;
-o-transition:background .4s ease;
transition:background .4s ease;
}

#social ul li.tw a {
background-position:-22px 0;
}

#social ul li.gp a {
background-position:-253px 0;
}

#social ul li.lk a {
background-position:-64px 0;
}

#social ul li.tw a:hover {
background-color:#51bde4;
}

#social ul li.gp a:hover {
background-color:#dd4b39;
}

#social ul li.lk a:hover {
background-color:#027cbf;
}

#social ul li.rs a:hover {
background-color:#ea981e;
}

#container {
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
}

h2 {
font-size:28px;
line-height:32px;
font-weight:600;
margin-bottom:10px;
color:#000;
}

h3 {
font-size:13px;
text-align:center;
margin-top:10px;
font-weight:600;
}

p {
font-size:16px;
line-height:22px;
color:#2f2f2f;
font-weight:400;
}

.item {
float:left;
display:inline;
width:140px;
position:relative;
margin:0 40px 40px 0;
}

a.circle {
cursor:default;
display:block;
width:140px;
height:140px;
border-radius:80px;
border:2px solid #333;
background:#FFF;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
}

a.circle:hover {
border:2px solid #e51026;
}

a.circle-serv {
display:block;
width:140px;
height:140px;
border-radius:70px;
border:2px solid #fff;
background:#e51026;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
}

a.circle-serv:hover {
border:2px solid #720813;
}

a.circle h3 {
color:#2f2f2f;
}

a.circle-serv h3 {
padding-top:140px;
color:#fff;
}

a.circle-serv h3:hover {
color:#720813;
}

.closed {
opacity:0;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-ms-transition:all .6s ease;
-o-transition:all .6s ease;
transition:all .6s ease;
}

.open {
opacity:1;
}

#circle-1 .circle,#circle-2 .circle,#circle-3 .circle,#circle-4 .circle,#circle-5 .circle,#circle-6 .circle,#circle-7 .circle,#circle-8 .circle {
background:#fff url(../img/sprite.png);
}

#circle-1 .circle:hover,#circle-2 .circle:hover,#circle-3 .circle:hover,#circle-4 .circle:hover,#circle-5 .circle:hover,#circle-6 .circle:hover,#circle-7 .circle:hover,#circle-8 .circle:hover {
background:#fff url(../img/spriteHover.png);
}

#circle-9 .circle,#circle-10 .circle,#circle-11 .circle,#circle-12 .circle,#circle-13 .circle,#circle-14 .circle,#circle-15 .circle,#circle-16 .circle,#circle-17 .circle,#circle-18 .circle,#circle-19 .circle,#circle-20 .circle {
background:#e51026 url(../img/sprite.png);
}

#circle-9 .circle:hover,#circle-10 .circle:hover,#circle-11 .circle:hover,#circle-12 .circle:hover,#circle-13 .circle:hover,#circle-14 .circle:hover,#circle-15 .circle:hover,#circle-16 .circle:hover,#circle-17 .circle:hover,#circle-18 .circle:hover,#circle-19 .circle:hover,#circle-20 .circle:hover {
background:#e51026 url(../img/spriteHover.png);
}

#circle-2 .circle,#circle-2 .circle:hover {
background-position:0 -140px;
}

#circle-3 .circle,#circle-3 .circle:hover {
background-position:0 -280px;
}

#circle-4 .circle,#circle-4 .circle:hover {
background-position:0 -420px;
}

#circle-5 .circle,#circle-5 .circle:hover {
background-position:-140px 0;
}

#circle-6 .circle,#circle-6 .circle:hover {
background-position:-140px -140px;
}

#circle-7 .circle,#circle-7 .circle:hover {
background-position:-140px -280px;
}

#circle-8 .circle,#circle-8 .circle:hover {
background-position:-140px -420px;
}

#circle-9 .circle,#circle-9 .circle:hover {
background-position:-280px 0;
}

#circle-10 .circle,#circle-10 .circle:hover {
background-position:-280px -140px;
}

#circle-11 .circle,#circle-11 .circle:hover {
background-position:-280px -280px;
}

#circle-12 .circle,#circle-12 .circle:hover {
background-position:-280px -420px;
}

#circle-13 .circle,#circle-13 .circle:hover {
background-position:-420px 0;
}

#circle-14 .circle,#circle-14 .circle:hover {
background-position:-420px -140px;
}

#circle-15 .circle,#circle-15 .circle:hover {
background-position:-420px -280px;
}

#circle-16 .circle,#circle-16 .circle:hover {
background-position:-420px -420px;
}

#circle-17 .circle,#circle-17 .circle:hover {
background-position:-560px 0;
}

#circle-18 .circle,#circle-18 .circle:hover {
background-position:-560px -140px;
}

#circle-19 .circle,#circle-19 .circle:hover {
background-position:-560px -280px;
}

#circle-20 .circle,#circle-20 .circle:hover {
background-position:-560px -420px;
}

.tts li a span,.tt li a span {
width:200px;
height:auto;
line-height:20px;
left:50%;
margin-left:-110px;
font-weight:400;
font-size:14px;
color:#fff;
text-align:center;
border:2px solid #e51026;
background:#e51026;
position:absolute;
pointer-events:none;
bottom:190px;
opacity:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
text-decoration:none!important;
padding:5px 10px;
}

.tt li a span {
color:#fff;
border:2px solid #720813;
background:#720813;
text-decoration:none!important;
}

.tt li a span:before,.tt li a span:after,.tts li a span:before,.tts li a span:after {
content:'';
position:absolute;
bottom:-13px;
left:50%;
margin-left:-9px;
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid rgba(0,0,0,.1);
text-decoration:none!important;
}

.tts li a span:after,.tt li a span:after {
bottom:-12px;
margin-left:-10px;
border-top:10px solid #e51026;
text-decoration:none!important;
}

.tt li a span:after {
bottom:-12px;
margin-left:-10px;
border-top:10px solid #720813;
text-decoration:none!important;
}

.tts li a:hover span,.tt li a:hover span {
opacity:1;
bottom:180px;
text-decoration:none!important;
}

#home {
position:relative;
height:720px;
z-index:-2;
padding:60px 0 100px;
}

#home-bgr {
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
background:url(../img/home.jpg) no-repeat center 60px;
display:none;
z-index:10;
}

#heroshot {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:url(../img/hero.png) no-repeat center 300px;
text-indent:-9999px;
display:none;
z-index:20;
}

#chisiamo {
background:#fff url(../img/bgr1.png) center 100px no-repeat;
padding:140px 0;
}

#chi {
margin-left:300px;
margin-bottom:100px;
}

#processo {
height:100px;
}

#process {
background:url(../img/bgr1a.png) no-repeat center -218px;
padding:0 0 40px 170px;
}

#process p {
width:640px;
margin-bottom:30px;
}

#red {
padding-top:100px;
background:#e51026 url(../img/bgr2.png) center -150px no-repeat;
}

#servizi {
padding-top:100px;
}

#servizi h2,#servizi p,#outsourcing h2,#outsourcing p,#servizi h3,#outsourcing h3 {
color:#fff;
}

#outsourcing {
margin-top:80px;
padding:100px 0 400px;
}

#map {
background:#edeff2 url(../img/map.jpg) center bottom no-repeat;
}

#arrow {
background:transparent url(../img/bgr3.png) center -1360px no-repeat;
}

#testimonials {
text-align:center;
padding:80px 0 0;
}

span.author {
color:#2f2f2f;
font-weight:600;
}

#testimonials .title {
background:#edeff2;
padding:20px 0 80px;
}

.test-container {
overflow:auto;
padding-top:20px;
margin:0 auto;
}

.left-content {
float:left;
display:block;
width:460px;
text-align:right;
}

.right-content {
float:right;
display:block;
width:460px;
padding-top:70px;
text-align:left;
}

.left-content p,.right-content p {
font-size:14px;
line-height:20px;
font-style:italic;
padding-right:40px;
padding-left:100px;
font-weight:400;
opacity:0;
margin:0 0 140px;
}

.test-container p {
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
}

.left-content .more-padding {
padding-right:0;
padding-left:140px;
opacity:1;
}

.right-content .more-padding {
padding-left:0;
padding-right:140px;
opacity:1;
}

#contatti {
text-align:center;
font-size:14px;
padding:120px 0 100px;
}

#contatti .title {
padding:20px 0 60px;
}

#contatti a {
text-decoration:none;
color:#2f2f2f;
}

#contatti a:hover {
text-decoration:none;
color:#e51026;
}

.left-cont {
float:left;
display:inline;
width:400px;
font-weight:600;
}

.right-cont {
float:right;
display:inline;
width:250px;
font-weight:600;
text-align:left;
}

ul#cont li {
height:32px;
background:url(../img/sprite-cont.png) no-repeat;
padding-left:40px;
margin-bottom:20px;
}

ul#cont li.address {
background-position:0 0;
line-height:16px;
}

ul#cont li.mail {
background-position:0 -32px;
line-height:32px;
}

ul#cont li.telephone {
background-position:0 -64px;
line-height:16px;
}

h4 {
font-size:13px;
font-weight:800;
margin:60px 0 10px;
}

ul#soc-cont li a {
display:block;
height:32px;
padding-left:40px;
margin-bottom:10px;
background:url(../img/sprite-cont.png) no-repeat;
line-height:32px;
}

ul#soc-cont li.tw a {
background-position:0 -96px;
}

ul#soc-cont li.gp a {
background-position:0 -128px;
}

ul#soc-cont li.lk a {
background-position:0 -160px;
}

label {
display:block;
text-align:left;
margin-bottom:4px;
}

input[type=text],textarea {
display:block;
width:250px;
font-family:'Open Sans',sans-serif;
font-size:13px;
border:1px solid;
margin-bottom:10px;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
background:#fff;
border-color:#ccc #ccc #e5e5e5;
padding:4px 6px;
}

input[type=text]:hover,textarea:hover {
border-color:#999 #999 #ccc;
}

input[type=text]:focus,textarea:focus {
border-color:#666 #666 #999;
}

input[type=text].error,textarea.error {
background:#ffeaea;
border-color:#d90000;
}

textarea {
width:300px;
height:100px;
}

.btn {
background:#27ae61;
font-size:14px;
font-weight:800;
color:#fff!important;
text-transform:uppercase;
text-decoration:none;
text-align:center;
margin-top:10px;
border:0;
margin-left:0;
display:block;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
float:left;
border-color:#27ae61;
padding:10px 20px;
}

.btn:hover {
background:#2fcc71;
cursor:pointer;
}

#risposta {
margin-top:10px;
height:80px;
}

#risposta p {
font-size:13px;
line-height:16px;
}

#footer {
font-size:12px!important;
color:#999;
background:#f5f5f5;
border-top:1px solid #e5e5e5;
padding:20px 0;
}

#footer .left {
float:left;
display:inline;
width:450px;
}

#footer .right {
float:right;
display:inline;
width:450px;
text-align:right;
font-size:11px!important;
font-weight:800;
}

#navigation ul li a:hover,#navigation ul li.current a,a.circle:hover h3,#footer .right span {
color:#e51026;
}

#social ul li.rs a,#circle-1 .circle,#circle-1 .circle:hover {
background-position:0 0;
}

#servizi .wrapper,#outsourcing .wrapper {
width:720px;
}

#servizi p,#outsourcing p {
margin-bottom:30px;
}

.vote {
display:none;
}