/* GENERAL
-------------------------------------------------------------- */
body        {font-family: 'Lato', sans-serif; font-weight:400; font-size:14px; color:#444;background:#fff; overflow-x:hidden; }
.content    {width:980px; margin:0 auto;}
a           {text-decoration:none;color:#444;font-size:12px;transition: color 0.3s ease-out 0s;-webkit-transition: color 0.3s ease-out 0s;-moz-transition: color 0.3s ease-out 0s;   outline: none;}
a:focus     { outline: 0;}
h1, h2, h3  {font-weight:normal;}
h1          {font-size:80px;font-weight:300;color:#333;}
h3          {font-size:30px;font-weight:300; text-transform:uppercase;}
.sx         {float:left;}
.dx         {float:right;}
strong      {font-weight:600;}
input[type=text],textarea{font-weight:400; font-family: 'Lato', sans-serif; font-size:14px;color:#666;}
.clear      {clear:both;}

::-webkit-scrollbar              { background:#ffffff; width:5px; }
::-webkit-scrollbar-thumb        { background:#666; -webkit-border-radius: 6px; }



#awwwards{ position:fixed; top:60px; left:0px; z-index:555; } 
#awwwards a{ width:69px; height:105px; text-indent:-8000px; display:block; background:url(../awwwards.png) no-repeat; overflow:hidden; } 


/* HEADER
-------------------------------------------------------------- */

#header { height:65px; background:#fff;width:100%; z-index:100; position:relative;bottom:0px;}
#header #loader{height:5px;width:0%;background-image:url(../images/loader.jpg);background-repeat:repeat-x;position:relative; z-index:10;transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s; }
#header.top-fix{position:fixed; top:0;left:0;}
#header-fixe { border-bottom:1px solid #ccc;  box-shadow:0 0 7px #888; height:60px; padding:0 40px; padding-right:0; background:#fff; z-index:10; position:relative;  line-height:60px;}
#header #logo { width:150px; height:60px; margin-left:20px;  display:block; text-indent:-9999px; background:url(../images/logo-mini.jpg) no-repeat; float:left; position:relative; z-index:1; }
#header nav { float:right; font-size:12px; text-transform:uppercase;}
#header li { display:block;float:left; border-left:1px solid #ddd; }
#header li a { color:#aaa; padding:0 25px;display:block; font-weight:700; letter-spacing:1px; }
#header li a.current, #header li a:hover { color:#333; }
/*
#header li.facebook{background:url(../images/facebook.png) no-repeat center;}
#header li.googleplus{background:url(../images/googleplus.png) no-repeat center;}
#header li.twitter{background:url(../images/twitter.png) no-repeat center;}
*/

.social a{width:43px;height:48px; float:left;}
.social.facebook{background:url(../images/bg-hover-fb.png) repeat-x 0 -75px #fff;}
.social.twitter{background:url(../images/bg-hover-tw.png) repeat-x 0 -75px #fff;}
.social.googleplus{background:url(../images/bg-hover-gplus.png) repeat-x 0 -75px #fff;}
.reserved-area {background:url(../images/bg-hover-gplus.png) repeat-x 0 0 #fff;}
.social.facebook span{background: url(../images/fb.png) no-repeat 10px 7px;display:block;width:100%;height:100%;}
.social.twitter span{background: url(../images/tw.png) no-repeat 10px 7px;display:block;width:100%;height:100%;}
.social.googleplus span{background: url(../images/gplus.png) no-repeat 10px 7px;display:block;width:100%;height:100%;}
.reserved-area span {background:url(../images/reserved-area.png) no-repeat 10px 7px; display:block;width:100%;height:100%;}


#header li.social{ overflow:hidden;}
#header li.social a{width:65px; height:60px; padding:0;}
#header li.link-top-list a{width:65px; height:60px; padding:0;}
#header li.lang{position:relative; width:80px;}
#header li .lang-it{background:url(../images/lang.png) no-repeat 155px -3px;}
#header li .lang-en{background:url(../images/lang.png) no-repeat 155px -71px;}
#header li .lang-it:hover{background-position:155px -135px;}
#header li .lang-en:hover{background-position:155px -199px;}
#header li .lang-selected.lang-it{background-position:center -133px;}
#header li .lang-selected.lang-en{background-position:center -198px;}

#header li .lang-it span, #header li .lang-en span {/*border-right:1px solid #ddd;*/width:111px; display:block;}
#header li .lang-selected{height:60px;cursor:pointer;}
#header ul li ul    {position:absolute;right:0; width:223px; right:0;border-top:1px solid #DDDDDD;background:#fff; display:none;opacity:0;top:70px;}
#header ul li ul li {width:100%;border-bottom:1px solid #DDDDDD; height:55px; line-height:55px;}

.info-home{  font-family: 'Lato', sans-serif;font-size:20px;}
.loader-percent, #loader-percent{position:absolute; top:50%; left:50%; width:100px; text-align:center; color:#fff;font-size:30px;margin-left:-50px;margin-top:100px;}
#loader-percent{color:#222;margin-top:0px;font-family: 'Lato', sans-serif; font-weight:300;}
.logo-loader{position:absolute; top:50%; margin-top:-70px;left:50%; margin-left:-120px; width:589px;height:115px; background:transparent;  text-align:center; color:#202020; line-height:80px; z-index:100;}
.logo-bold{font-weight:600; }
.logo-light{font-weight:300; }
.logo-about{display:none; z-index:50; background:transparent; width:689px; height:215px; color:#fff;position:absolute;top:50%; margin-top:-30px; left:50%; margin-left:-300px; line-height:60px; text-align:center; }
.logo-about-bottom{z-index:20; opacity:0;width:260px; height:60px; line-height:60px; background:#fff; color:#212121; text-align:center; position:absolute;top:50%; left:50%; margin-left:40px; margin-top:90px; -moz-box-sizing: border-box;box-sizing: border-box;}

.video_button{display:none; z-index:100; cursor:pointer; /*opacity:0;*/width:201px; height:60px; line-height:-20px; /*background:#fff;*/ color:#212121; text-align:center; position:absolute;top:500%; left:50%; margin-left:-100px; margin-top:150px; -moz-box-sizing: border-box;box-sizing: border-box;}
.video_button--left{ top:80%; margin-left: 0; left: 10%; margin-top: 0; }
#video { display:none; width:100%; height:100%;}


/* MAIN
-------------------------------------------------------------- */

.page-content{/*padding-top:65px;*/  opacity:0; position:relative;}
#main       {padding-top:65px;}


/* HOME
-------------------------------------------------------------- */

#slide-home { background:#111; width:100%; height:100%; overflow:hidden; position:relative;}
#slide-home #home-panels{opacity:0; top:-500px;position:relative;}
#slide-home .info-home{position:absolute; top:0; left:0; width:100%; height:100%;}
/*#slide-home .panel { width:100%; float:left; position:relative; overflow:hidden; }*/
#slide-home .panel .info { width:100%; position:absolute; }
#slide-home .panel .info-content { width:100%; text-align:center; vertical-align:middle; display:table-cell; }
#slide-home ul {left:50%; position:absolute; bottom:30px;display:none;}
#slide-home ul li { float: left; height: 8px; margin: 0 3px; width: 8px;}
#slide-home ul li a{background: #fff;color: #FFFFFF;display: block;height: 8px;text-indent: -9999px;width: 8px;}

.section-home{ margin-top:50px; text-align:center;position:relative;}
.section-home h1{ margin-bottom:50px; letter-spacing:1px; line-height:96px;}
.section-home h3{ margin-bottom:30px;letter-spacing:1px;line-height:37px; text-transform:uppercase;}
.section-home .btn-home{background:#e9e9e9; transition: background 0.2s ease-out 0s;-webkit-transition: background 0.2s ease-out 0s;-moz-transition: background 0.2s ease-out 0s; border-radius:4px; width:155px; display:block; margin:40px auto; text-transform:uppercase; height:50px; line-height:50px;}
.section-home .btn-home:hover {background:#333; color:#fff;}
#contatti.section-home{margin-bottom:100px;}
#contatti.section-home h3{font-size:28px;}

#movie { background-image: url(../images/sfondo_movie_pic.png); background-repeat:no-repeat; background-size:cover; padding:100px 0 70px; height:312px; color:#ffffff;}
#movie h1 { color: #ffffff;}

#slide-home .panel{width:100%; height:100%; position:absolute;  background-size:cover; }
#panel1{background:url(../images/home/slide1.jpg) no-repeat center;}
#panel2{background:url(../images/home/slide2.jpg) no-repeat center;}
#panel3{background:url(../images/home/slide3.jpg) no-repeat center;}

#slide-home img{width:100%;}

.contatti-same-height {
    min-height: 150px;
}
#titulodavid
{
  font-weight: bold;
  FONT-SIZE: 50px;
  font-family: Arial;
  margin: 20px;
  padding: 20px;
}
#estiloware
{
span style="color: black;
  font-weight: bold;
  FONT-SIZE: 20px;
  font-family: Arial;
  margin: 20px;
  padding: 20px;
  text-align : justify;
}


#arrow-scroller 
{
    position: absolute;
    z-index: 10000;
    bottom: 110px;
    left: 50%;
    margin-left: -10px;
    width: 21px;
    height: 29px;
    background: url(../images/scroll.png) no-repeat center center;
    display: block;
    -webkit-animation: bounce-fade 0.9s infinite; /* Safari 4+ */
    -moz-animation:    bounce-fade 0.9s infinite; /* Fx 5+ */
    -o-animation:      bounce-fade 0.9s infinite; /* Opera 12+ */
     animation:        bounce-fade 0.9s infinite; /* IE 10+ */
}

#arrow-scroller.hidden 
{
    display: none !important;
    visibility: hidden;
}


@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 170px; }
    100% { opacity: 1; bottom: 90px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 170px; }
    100% { opacity: 1; bottom: 90px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 170px; }
    100% { opacity: 1; bottom: 90px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 170px; }
    100% { opacity: 1; bottom: 90px; }
}


/* LOADER PERCENT */
#skills{margin:100px 0;width:100%; height:290px; }
#skill li{float:left; margin-right:20px; text-align:center;}
#skill li h2{font-size:18px; font-weight:300; text-transform:uppercase; margin-top:0px; opacity:0; position:relative;transition: color 0.8s ease-in-out 0s;}
.notesite {cursor: default; display: inline-block; font-size: 5.4em; height: 225px;  position: relative;  width: 225px;transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6); opacity:0;}
.notesite > .percent { font-size: 50px; font-weight:300;  left: 0; position: absolute; text-align: center; top: 80px; width: 100%; z-index: 2;}
.notesite > .bar { clip: rect(0px, 225px, 225px, 112px); height: 225px; position: absolute; width: 225px; left:0;}
.notesite > .bar.gt50 {  clip: rect(auto, auto, auto, auto);}
.notesite > .bar > .pie { border: 0.1em solid #444444;  border-radius: 225px; clip: rect(0em, 112px, 225px, 0em);  height: 210px; position: absolute;  width: 210px; left:0;}
li.qualita .notesite > .bar > .pie { border-color: #E03B33;}
li.logistica .notesite > .bar > .pie { border-color: #7AC3B1;}
li.analisi .notesite > .bar > .pie { border-color: #FCCC38;}
li.altro .notesite > .bar > .pie { border-color: #0099CC;}
.notesite > .bar > .pie.fill { transform: rotate(290deg) !important;-webkit-transform: rotate(300deg) !important;-moz-transform: rotate(360deg) !important;}
.notesite.fill > .percent { display: none;}
.notesite:after { background: none repeat scroll 0 0 #fff; border-radius: 100%; content: ""; display: block; height: 215px; left: 5px; position: absolute; top: 5px; width: 215px; z-index: 1;}
.notesite:before { background: none repeat scroll 0 0 #ddd; border-radius: 100%; content: "";  display: block; height: 225px;  opacity: 0.5; position: absolute;  width: 225px; z-index: 0;}


/* SERVICE SCROLL 3D */
#slide-services{ height:450px; width:100%; background:#000;position:relative;overflow: auto; }
.cont-service{position:relative;height:450px; width:100%; } 
.block-service{position:relative;width:100%;}
.block-service img{width:100%;}
.stage{position:absolute; z-index:20; top:50%;left:50%; margin-left:-200px;  margin-top:-30px; width:415px; height:60px;}
#spinner{ -moz-transform-style: preserve-3d; -moz-transform-origin: 0px 30px 0;-webkit-transform-origin: 0px 30px 0;-webkit-transform-style: preserve-3d;-ms-transform-origin: 0px 30px 0;-ms-transform-style: preserve-3d; transform-style: preserve-3d; transform-origin: 0px 30px 0;  }
#spinner div  {  position: absolute;width:515px; height: 60px;   text-align: center; line-height: 60px; font-size: 14px; } 
#spinner .face1 { -webkit-transform: translateZ(30px);-moz-transform: translateZ(30px);-ms-transform: translateZ(30px);transform: translateZ(30px); z-index:20;} 
#spinner .face2 { -webkit-transform: rotateX(270deg) translateZ(30px);-moz-transform: rotateX(270deg) translateZ(30px);-ms-transform: rotateX(270deg) translateZ(30px); transform: rotateX(270deg) translateZ(30px);z-index:20; } 
#spinner .face3 { -webkit-transform: rotateX(180deg) translateZ(30px); -moz-transform: rotateX(180deg) translateZ(30px);-ms-transform: rotateX(180deg) translateZ(30px);transform: rotateX(180deg) translateZ(30px);z-index:20;} 
#spinner .face4 { -webkit-transform: rotateX(90deg) translateZ(30px); -moz-transform: rotateX(90deg) translateZ(30px);-ms-transform: rotateX(90deg) translateZ(30px);transform: rotateX(90deg) translateZ(30px);z-index:20;}
#spinner .face5 { -webkit-transform: rotateX(360deg) translateZ(30px); -moz-transform: rotateX(360deg) translateZ(30px);-ms-transform: rotateX(360deg) translateZ(30px);transform: rotateX(360deg) translateZ(30px);} 
#spinner .face6 { -webkit-transform: rotateX(270deg) translateZ(30px); -moz-transform: rotateX(270deg) translateZ(30px);-ms-transform: rotateX(270deg) translateZ(30px);transform: rotateX(270deg) translateZ(30px);}

#spinner .face7 { -webkit-transform: rotateX(180deg) translateZ(30px); -moz-transform: rotateX(180deg) translateZ(30px);-ms-transform: rotateX(180deg) translateZ(30px);transform: rotateX(180deg) translateZ(30px);}
#spinner .face8 { -webkit-transform: rotateX(90deg) translateZ(30px); -moz-transform: rotateX(90deg) translateZ(30px);-ms-transform: rotateX(90deg) translateZ(30px);transform: rotateX(90deg) translateZ(30px);}

.ie #spinner div {display:none;}
.ie #spinner .face1 { -moz-transform: translateZ(0px);transform: translateZ(0px); z-index:20;display:block;} 
.ie #spinner .face2 { -ms-transform: rotateX(0deg) translateZ(0px); transform: rotateX(0deg) translateZ(0px);z-index:20; } 
.ie #spinner .face3 { -ms-transform: rotateX(0deg) translateZ(0px);transform: rotateX(0deg) translateZ(0px);z-index:20;} 
.ie #spinner .face4 { -ms-transform: rotateX(0deg) translateZ(0px);transform: rotateX(0deg) translateZ(0px);z-index:20;}
.ie #spinner .face5 { -ms-transform: rotateX(0deg) translateZ(0px);transform: rotateX(0deg) translateZ(0px);} 
.ie #spinner .face6 { -ms-transform: rotateX(0deg) translateZ(0px);transform: rotateX(0deg) translateZ(0px);}
.ie #spinner .face7 { -ms-transform: rotateX(0deg) translateZ(0px);transform: rotateX(0deg) translateZ(0px);} 
.ie #spinner .face8 { -ms-transform: rotateX(0deg) translateZ(0px);transform: rotateX(0deg) translateZ(0px);}

#service1 .service{ background:#56AD7A;}
#service2 .service{ background:#3A738C;}
#service3 .service{ background:#FFBA6E;}
#service4 .service{ background:#FF4D4D;}
#service5 .service{ background:#FF5C26;}
#service6 .service{ background:#00B2B2;}
#service7 .service{ background:#655669;}
#service8 .service{ background:#00716B;}


.number{width:65px; height:100%;float:left;font-size:20px; margin-right:100px;margin-left:-30px;background: #fff; box-shadow: inset 0 0 20px rgba(0,0,0,0.2); font-weight:600  }
.service{width:365px;height:100%; float:left; background:#fff; color:#fff;font-size:20px;}


.btn-green { cursor:pointer; transition: all 0.3s ease-out 0s;  background:#37BA85; margin-top:20px; overflow:hidden; display:block; font-size:20px; font-weight:300; color:#fff;border:1px solid #ddd; border-radius:6px; height:100px; width:325px;}
.btn-green span.fumetto{display:block;margin-left:-110px; border-radius:6px 0 0 6px; float:left; background-image:url(../images/fumetto.png);background-color: #39A879;  background-repeat: no-repeat; background-position: 35px 30px; width:110px; height:100%; }
.btn-green span.brochure{border-radius:6px 0 0 6px; margin-left:-200px; float:left; background:url(../images/brochure.png) no-repeat 30px 30px ##3A01DF; display:block; width:110px; height:100%;}
.btn-green span.brochure2{border-radius:6px 0 0 6px; margin-left:-200px; float:left; background:url(../images/brochure2.png) no-repeat 30px 30px ##3A01DF; display:block; width:110px; height:100%;}
.btn-green strong{font-weight:600;}
.btn-green .text-button{text-align:center;display: block;line-height: 23px;margin-top: 25px; position:relative;width:325px;float:left;}
.sx-contatti{width:475px; float:left;text-align:left;}
.dx-contatti{width:400px; float:right;text-align:left;}

/* BLOG HOMEPAGE */
#blog                   { text-align:center;position:relative;}
.blog-list{text-align:center;}
.blog-list li {display:block;float:left; width:260px;padding:0 15px 0px; text-align:center;  margin-top:40px;margin-bottom:40px; margin-left:20px;}
.blog-list h3           { font-size: 14px;font-weight: 400;height: 60px;line-height: 20px;overflow: hidden;padding: 45px 20px 10px;margin-bottom:0}
.blog-list em           { line-height:20px; font-size:14px; margin:0 15px 20px;display:block; color:#999; font-style:normal; }
.animatedText           { opacity:0; filter:alpha(opacity=0); position:relative; top:-10px;}
.itemBlog               {cursor:pointer;border-radius: 50% 50% 50% 50%;cursor: default;height: 205px;width: 205px;position: relative;margin:0 auto;
                         -webkit-transition: all 0.4s ease;	-moz-transition: all 0.4s ease;	-o-transition: all 0.4s ease;	-ms-transition: all 0.4s ease;	transition: all 0.4s ease;
                           -webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7); transform:scale(0.7);opacity:0;}
                           
.itemBlog.on {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1); opacity:1;}
.internal-blog-title{color: #FFFFFF;font-weight:400;font-size: 12px;height: 60px;letter-spacing: 2px;margin: 0 20px;text-transform: uppercase;display:block;}
.scopri             {border-top: 1px solid rgba(255, 255, 255, 0.5); color: #FFFFFF;    font-size: 12px;    font-style: italic; margin: 0 30px; padding: 10px 5px; display:block;}

.notie .itemBlog { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.notie .itemBlogCont {position: absolute; top: 15px;left: 15px; width: 175px;height: 175px; background: #F9F9F9;color:#fff;  border-radius: 50% 50% 50% 50%; box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.2), 0 0 3px rgba(115, 114, 23, 0.8) inset; -webkit-perspective: 800px;-moz-perspective: 800px;-o-perspective: 800px;-ms-perspective: 800px;perspective: 800px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.notie .img-cont { border-radius: 50% 50% 50% 50%; height: 175px;  width: 175px;  position: absolute;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;	-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.notie .img-cont > div { backface-visibility:hidden; -webkit-backface-visibility:hidden;  -moz-backface-visibility:hidden;background-position: center center; border-radius: 50% 50% 50% 50%;  display: block;  height: 100%; position: absolute; width: 100%;}
.notie .img-cont .ch-info-back { background: none repeat scroll 0 0 #222; -webkit-transform: rotate3d(0,1,0,180deg);-moz-transform: rotate3d(0,1,0,180deg);	-o-transform: rotate3d(0,1,0,180deg);	-ms-transform: rotateY(180deg);	transform: rotate3d(0,1,0,180deg);}
.notie .itemBlog:hover .itemBlogCont { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 3px rgba(115, 114, 23, 0.8) inset;}
.notie .itemBlog:hover .img-cont { -webkit-transform: rotate3d(0,1,0,-180deg);-moz-transform: rotate3d(0,1,0,-180deg);-o-transform: rotate3d(0,1,0,-180deg);-ms-transform: rotateY(-180deg);transform: rotate3d(0,1,0,-180deg);}
.notie .internal-blog-title{padding: 40px 0 0;text-shadow: 0 0 1px #FFFFFF, 0 1px 2px rgba(0, 0, 0, 0.3);}

.ie10 .itemBlog,.ie9 .itemBlog,.ie8 .itemBlog {box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.2),inset 0 0 0 5px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.1);}
.ie10 .itemBlog:hover,.ie9 .itemBlog:hover,ie8 .itemBlog:hover{ box-shadow: inset 0 0 0 110px rgba(34,34,34, 0.5),inset 0 0 0 10px rgba(255,255,255,0.4), 0 1px 2px rgba(34,34,34,0.1);}
.ie10 .ch-info-back,.ie9 .ch-info-back,.ie8 .ch-info-back {position: absolute;width: 100%;height: 100%;border-radius: 50%;opacity: 0;	-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden; /*for a smooth font */}
.ie10 .itemBlog:hover .ch-info-back,.ie9 .itemBlog:hover .ch-info-back,.ie8 .itemBlog:hover .ch-info-back {	opacity: 1;	-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);	}
.ie10 .internal-blog-title,.ie9 .internal-blog-title,.ie8 .internal-blog-title {padding: 60px 10px 0 10px;}



/* GRUPPO
-------------------------------------------------------------- */
#page-gruppo h1{margin-bottom:20px; position:relative; opacity:0; left:-100px;}
#page-gruppo h3{line-height:35px;}
#page-gruppo #vision {  float: left;  margin-left: 10%;  margin-top: 200px;  position: relative;  width: 670px;}
#page-gruppo #storia {  float: right;  margin-right: 0;  margin-top: 300px;  position: relative;  width: 570px;}
#page-gruppo #strategia {  float: left;  margin-left: 300px;  margin-top: 300px; margin-bottom: 200px; position: relative;  }
#page-gruppo #brand{margin-top:300px;margin-bottom:100px;float:left; width:100%; clear:both; }
#page-gruppo .contattaci{float:left; width:100%; clear:both;}
#page-gruppo .text{ margin:30px 0;color:#999; line-height:32px; font-size:25px;font-weight:300;}
#page-gruppo #storia strong, #page-gruppo #vision strong{font-weight:300;color:#333;}

#page-gruppo #vision .text{ padding-right:70px;}
#page-gruppo #vision .text .indent{padding-left: 100px; display: block;}
#page-gruppo #storia .text{ padding-right:60px;}
#page-gruppo #strategia .text{ padding-right:160px;}

.first-img {background: url("../images/gruppo/first-level.png") no-repeat 0 0; background-size:100%; height: 1400px;  left: 0;  opacity: 0;  position: fixed;  top: 0px;  width: 30%;  z-index: -99;}
.second-img {background: url("../images/gruppo/second-level.png") no-repeat 0 0; background-size:100%; height: 711px;  opacity: 0;  position: fixed;  right: 0;  top: -200px;  width: 45%;  z-index: -99;}

.featured_list{margin-top:50px;}
.features_slider li{width:200px;}

.fade{opacity:0;}

#page-gruppo .effect-text { margin-top: 100px; }


/* DOVE SIAMO
-------------------------------------------------------------- */

#header-dovesiamo{position:relative;height:495px;overflow:hidden;}
.header-dovesiamo-content, #map_canvas{height:495px;overflow:hidden;}
#map_canvas{width:100%; position:absolute; top:0; left:0;background:#F4F3F0;}
#header-dovesiamo .img-dove{background-repeat: no-repeat; background-size:cover; background-position:center; height:100%; width:100%;position:absolute;z-index:40;left:0;}
#paese1{background-image:url(../images/dovesiamo/colombia.jpg);z-index:40; }
#paese2{background-image:url(../images/dovesiamo/usa.jpg);z-index:30; }
#paese3{background-image:url(../images/dovesiamo/salvador.jpg);z-index:30; }
#paese4{background-image:url(../images/dovesiamo/info.jpg);z-index:30; }

#header-dovesiamo ul{position:absolute; bottom:0; left:50%; margin-left:-480px;z-index:50;}
#header-dovesiamo ul li{width:480px; height:55px; line-height:57px; float:left;}
#header-dovesiamo ul li a{display:block; text-align:center;font-size:20px; font-weight:300; height:80px; border-radius:3px;}
.sedi{background:#3B0B2E;color:#fff; transition:none;-webkit-transition:none; -moz-transition:none;}
.sedi.contacto{background:#01DF74;color:#fff; transition:none;-webkit-transition:none; -moz-transition:none;}
.sedi.usa{background:#08088A;color:#fff; transition:none;-webkit-transition:none; -moz-transition:none;}
.sedi.current{background:#fff;color:#212121;}


.tab-dovesiamo{padding-top:70px;display:none;}
#codetex-italia{display:block;}
.tab-dovesiamo .colonna{float:left;width:250px; margin-right:115px;}
.tab-dovesiamo .colonna:last-child{margin:0;}
.colonna h3{font-weight:300; font-size:35px; margin-bottom:50px; text-transform:none;}

.address{margin-bottom:70px;}
.address h4{ font-size:15px; text-transform:uppercase;float:left;clear:both; margin-bottom:15px;padding-bottom:5px;}
.address p{ color:#777; line-height:24px; font-size:16px; font-weight:300;clear:both;}
.address strong{font-weight:600;}
.address a{ transition: background 0.3s ease-out 0s; margin-top:20px; display:block; font-size:16px; font-weight:300; color:#888;border:1px solid #ddd; border-radius:5px; line-height:40px; height:40px; width:170px;}
.address a span.marker{transition: background 0.3s ease-out 0s;border-right:1px solid #ddd;float:left; background:url(../images/dovesiamo/marker.png) no-repeat 14px 10px; display:block; width:40px; height:100%; margin-right:20px; }
.address a:hover{background:#eee;}
.address a:hover .marker{background-color:#ddd;}

.sedi-codetex h4{ border-bottom:3px solid #00B285;}
.sedi-coteco h4{ border-bottom:3px solid #FECD20;}
.sedi-cvt h4{ border-bottom:3px solid #35738D;}



/* SERVIZI
-------------------------------------------------------------- */
#page-servizi .content{position:relative;}
#page-servizi section{ background-size:cover; background-repeat:no-repeat;  background-attachment:fixed; background-position: 0 0; }
#s1{background: url("../images/servizi/01.jpg") #fff;height: 700px;  }
#s2{background: url("../images/servizi/02.jpg") #fff;height: 900px; }
#s3{background: url("../images/servizi/03.jpg") #fff;height: 900px;}
#s4{background: url("../images/servizi/04.jpg") #fff;height: 900px;}
#s5{background: url("../images/servizi/05.jpg") #fff;height: 900px;}
#s6{background: url("../images/servizi/06.jpg") #fff;height: 900px;}
#s7{background: url("../images/servizi/07.jpg") #fff;height: 900px;}
#s8{background: url("../images/servizi/08.jpg") #fff;height: 900px;}

.block-servizi{background: #FFFFFF;height: 150px;padding-bottom: 80px;padding-top: 80px; position:relative;}
.block-servizi h3{font-weight:300; float:left; width:400px;}
.block-servizi p{float:right;width:470px;font-size:16px; line-height:22px;color:#999;}
.block-servizi p:first-letter{background: none repeat scroll 0 0 #000000;color: #FFFFFF;display: block;float: left;font-size: 40px;font-weight: 600;padding:10px;margin-bottom: 100px;margin-right: 10px;margin-top: 5px;text-align: center;} 

#s2 .block-servizi p:first-letter{margin-bottom:160px;}
#s2 .block-servizi p{width:500px; margin-top:-35px;}

#s1 .block-servizi{top:600px;}
#s2 .block-servizi{top:800px;}
#s3 .block-servizi{top:800px;}
#s4 .block-servizi{top:800px;}
#s5 .block-servizi{top:800px;}
#s6 .block-servizi{top:800px;}
#s7 .block-servizi{top:800px;}
#s8 .block-servizi{top:800px;}


.face{position: absolute;height: 60px;   top:-140px; text-align: center; line-height: 60px; font-size: 14px;overflow:hidden;}
.face .number{margin:0;box-shadow:none;width:80px;position:relative; z-index:10;}
.face .service{background:none; width:auto;font-weight:300; font-size:20px; padding:0 40px;z-index:5; left:-100%; position:relative;}
#s1 .service,#s1 .block-servizi p:first-letter{ background:#56AD7A;}
#s2 .service,#s2 .block-servizi p:first-letter{ background:#3A738C;}
#s3 .service,#s3 .block-servizi p:first-letter{ background:#FFBA6E;}
#s4 .service,#s4 .block-servizi p:first-letter{ background:#FF4D4D;}
#s5 .service,#s5 .block-servizi p:first-letter{ background:#FF5C26;}
#s6 .service,#s6 .block-servizi p:first-letter{ background:#00B2B2;}

#s7 .service,#s7 .block-servizi p:first-letter{ background:#655669;}
#s8 .service,#s8 .block-servizi p:first-letter{ background:#00716B;}

.titleSkills{border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;padding-bottom: 30px;padding-top: 30px;margin-top:200px;position:relative;}
.titleSkills h3{text-transform:none;}


.subtitle-services 
{
    font-weight: 300;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 20px;
}


/* ETICA
-------------------------------------------------------------- */
#page-etica     { background:#7AC8B5;padding-bottom:100px;}
#uomo           { width:190px; height:265px; background:url(../images/etica/uomo.png) no-repeat center; position:relative;float:left;}
#ruota1         { width:45px; height:45px; background:url(../images/etica/ruota1.png) no-repeat center; position:absolute;left:84px;top:20px;}
#ruota2         { width:40px; height:40px; background:url(../images/etica/ruota2.png) no-repeat center; position:absolute;left:72px;top:60px;}

#occhio           { width:294px; height:245px; position:relative;float:left;margin-top:100px;overflow:hidden;}
.occhio-overflow{overflow:hidden;width:295px; height:200px;top:45px; position:absolute;}
.sopracciglio {  width:295px; height:80px; background:url(../images/etica/sopracciglio.png) no-repeat center; position:absolute;top:0;z-index:10;}
.interno{background:url(../images/etica/internal-eye-big.png) no-repeat center; position:absolute;width:400px; height:215px; left:-60px; top:-15px; }
.palpebra{background:url(../images/etica/internal-transparent.png) no-repeat center; position:absolute;width:294px; height:200px;}
.palpebra-close{background:url(../images/etica/internal-transparent-close.png) no-repeat center; position:absolute;width:294px; height:200px;}

.block-etica    { padding:100px 0 0;}
.block-etica .right{width:725px;float:right; margin-top:50px; margin-bottom:50px;}
.block-etica .left{width:545px;float:left; margin-top:50px; margin-bottom:50px;}
.block-etica.block-occhio .right{width:575px;float:right; margin-top:50px; margin-bottom:50px;}
#page-etica h3.numberEtica   {color:#fff; margin-bottom:10px;}
#page-etica h3.title  {color:#FFF0BD; text-transform:uppercase; margin-bottom:35px;}
#page-etica p           {color:#fff; line-height:39px; font-size:30px; color:#fff; font-weight:300; clear:both; float:left;margin-bottom:40px;}
#page-etica p.small     {font-size:16px;line-height:24px;}

.evidence{ font-size:30px; font-weight:300;line-height:39px;margin-bottom:40px;float:left;width:100%;}
.evidence .cont-txt{position: relative;overflow: hidden;text-align: left; float:left; clear:both;height:45px;width:100%; margin-left:-15px;}
.evidence .cont-txt .txt{color: #fff;  height:100%; position:absolute; top:0; left:0; padding:0 15px; overflow:hidden; }
.evidence .cont-txt .txt.overevidence{width:0px;color:#76C7B4;background-color: #FFEFBF;z-index:10; white-space:nowrap; overflow:hidden;z-index:-1; }

#salvadanaio-cont{float:right;position:relative;width:301px; margin-top:30px; }
#salvadanaio{width:301px; height:405px; position:relative; float:right;}
.salvadanaio-top{width:100%;height:159px;background: url(../images/etica/salvadanaio-top.png) no-repeat center top;position:relative;}
.salvadanaio-bottom{width:100%;height:246px;background: url(../images/etica/salvadanaio-bottom.png) no-repeat center top;position:relative;z-index:20;}
#soldi-cont{width:301px; margin-bottom:35px;height:100px;position:relative; }
.soldino {width:92px; height:92px; }
.carousel-image {  border:0;  display:block;}



/* CONTATTI
-------------------------------------------------------------- */
#page-contatti h3{color:#333; margin-bottom:60px; letter-spacing:1px;}
.address-space{font-size:18px; font-weight:300;color:#666; text-align:left; margin:60px 0; line-height:28px;}
.address-space a{font-size:18px; font-weight:300;color:#aaa; }
.address-space a:hover{color:#37BA85;}
.address-space strong{display: block;font-weight: 400;margin-bottom: 10px;}
.form-space{float:left;width:480px; margin-bottom:200px;}
.right-space{float:right;width:840px;}
.formContact{width:420px;}   
.formContact input[type=text]{width:400px; height:48px; border:1px solid #ccc; margin-bottom:115px;padding-left:20px;}
.formContact textarea{width:200px; max-width:200px; height:50px; border:1px solid #ccc;margin-bottom:15px;padding-left:200px;padding-top:20px; }
.more-contact{border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:20px;}
.more-contact .checkPrivacy{float:left;}
.more-contact #logDiv{float:right;}
.inviaForm.btn-green              {width:420px; height:60px;}
.inviaForm.btn-green .text-button { margin-top:20px; font-weight:400; text-align:center;width:420px;}
.inviaForm.btn-green span.fumetto {background-image:url(../images/fumetto-mini.png); background-position:center;width:80px;}
.inviaForm.btn-green span.fumetto{margin-left:-80px;}
#response{ width:980px; margin:0 auto; padding:200px 0; text-align:center; font-size:40px; font-weight:300;}
.loghi{background:url(../images/loghi.jpg) no-repeat;width:930px; height:170px;float:left; margin-bottom:20px;opacity:0.5;}


/* CONTATTI FOOTER
-------------------------------------------------------------- */
.contattaci{ border-top:1px solid #ddd; padding-top:65px;padding-bottom:65px;}
.contattaci .btn-green{float:left;margin-top:0;}
.text-form{float:left;width:500px; margin-left:50px; margin-top:0px;line-height:34px;}
.contact-hide               { display:none;float:left; position:relative; height:0; overflow:hidden;width:100%; border-top:1px solid #ddd; margin: 5px; padding: 0px;}
.contact-hide .cont         { position:relative;}
#left-contact               { float:left;  width:300px;  margin:0;padding-top:65px; text-transform:none;}
#right-contact              { float:right;  width:640px;  margin:0;padding-top:65px; text-transform:none;}
#left-contact input[type=text]{ float:left; -moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing:border-box;font-size:13px; color:#999; width:100%; border:1px solid #ddd; margin-bottom:10px; height:48px;padding-left:10px;}
#left-contact input[type=text]:focus, .formContact textarea:focus {color:#666; }
#right-contact textarea     { float:left;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing: border-box;margin-bottom:10px; color:#999;font-size:13px; font-family: Georgia, Sans-Serif;width:100%; height:164px;  border:1px solid #ddd;padding-left:10px;padding-top:10px; }
#right-contact .prvLightbox { /*float:left; */line-height:20px;color:#999;}
#required-fields            { font-size:12px;font-style:italic;color:#666;letter-spacing:0.1px; line-height:25px;float:left;}
.right-contact-inner        { float:right; width:100%;}
.close                      { background: url("../images/close.png") no-repeat scroll right center #FFFFFF;color: #999999;font-size: 12px;height: 27px;top:20px; line-height: 27px;padding-right: 20px;position: absolute;right: -10px;width: 53px; text-transform:uppercase;}
.checkPrivacy               { float:left;}
.contact-hide .inviaFormFooter.btn-green {width:230px; height:60px;float:right;margin-top:10px;cursor:pointer;}
.contact-hide .inviaFormFooter .text-button {width:230px; margin-top:0;margin-top:20px; font-weight:400; text-align:center;}
.inviaFormFooter.btn-green span.fumetto {background-image:url(../images/fumetto-mini.png); background-position:center;width:80px;}
.inviaFormFooter.btn-green span.fumetto{margin-left:-80px;}
.contact-hide #logDiv       {color: #999999;float: left;font-size: 12px;margin-top: 5px;}

/* FOOTER
-------------------------------------------------------------- */
footer{ border-top:1px solid #ddd; padding:40px 0;/* margin-top:50px;*/ color:#202020; letter-spacing:1px;clear:both;width:100%;float:left; background:#fff;}
footer a{font-size:14px;}






/* ANIMAZIONI CSS3
-------------------------------------------------------------- */
@-webkit-keyframes flip {
	0% { -webkit-transform: translate3d(0px, 0px, 0px) rotateX(-100deg) skewX(20deg); opacity: 0; }	
	100% { -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) skewX(0deg); opacity: 1; }
}

@-moz-keyframes flip {
	0% { -moz-transform: translate3d(0px, 0px, 0px) rotateX(-100deg) skewX(20deg); opacity: 0; }	
	100% { -moz-transform: translate3d(0px, 0px, 0px) rotateX(0deg) skewX(0deg); opacity: 1; }
}

@-ms-keyframes flip {
	0% { -ms-transform: translate3d(0px, 0px, 0px) rotateX(-100deg) skewX(20deg); opacity: 0; }	
	100% { -ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) skewX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { transform: translate3d(0px, 0px, 0px) rotateX(-100deg) skewX(20deg); opacity: 0; }	
	100% {transform: translate3d(0px, 0px, 0px) rotateX(0deg) skewX(0deg);  opacity: 1;}
}

.flip {
	-webkit-backface-visibility: visible !important;-moz-backface-visibility: visible !important;-o-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;
	-webkit-animation-name: flip;-moz-animation-name: flip;-o-animation-name: flip;-ms-animation-name: flip;animation-name: flip;
    -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -ms-animation-duration: 0.4s;-o-animation-duration: 0.4s; animation-duration: 0.4s;
	-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;-ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;
}


@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-ms-keyframes hinge {
	0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	100% { -ms-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
     opacity:1;
	-webkit-animation-name: hinge;-moz-animation-name: hinge;	-o-animation-name: hinge;-ms-animation-name: hinge;animation-name: hinge;
	-webkit-animation-duration: 2s;-moz-animation-duration: 2s; -o-animation-duration: 2s;-ms-animation-duration: 2s; animation-duration: 2s;
}



@-webkit-keyframes ruota {
	0% {-webkit-transform-origin: center center;-webkit-transform: rotate(0);}
	100% {-webkit-transform-origin: center center;-webkit-transform: rotate(360deg);}
}
@-moz-keyframes ruota {
	0% {-moz-transform-origin: center center;-moz-transform: rotate(0);	}
	100% {-moz-transform-origin: center center;-moz-transform: rotate(360deg);}
}
@-ms-keyframes ruota {
	0% {-ms-transform-origin: center center;-ms-transform: rotate(0);}
	100% {-ms-transform-origin: center center;-ms-transform: rotate(360deg);}
}
@-o-keyframes ruota {
	0% {-o-transform-origin: center center;	-o-transform: rotate(0);}
	100% {-o-transform-origin: center center;-o-transform: rotate(360deg);}
}
@keyframes ruota {
	0% {transform-origin: center center;transform: rotate(0);}
	100% {transform-origin: center center;transform: rotate(360deg);}
}

@-webkit-keyframes ruota2 {
	0% {-webkit-transform-origin: center center;-webkit-transform: rotate(0);}
	100% {-webkit-transform-origin: center center;-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes ruota2 {
	0% {-moz-transform-origin: center center;-moz-transform: rotate(0);	}
	100% {-moz-transform-origin: center center;-moz-transform: rotate(-360deg);}
}
@-ms-keyframes ruota2 {
	0% {-ms-transform-origin: center center;-ms-transform: rotate(0);}
	100% {-ms-transform-origin: center center;-ms-transform: rotate(-360deg);}
}
@-o-keyframes ruota2 {
	0% {-o-transform-origin: center center;	-o-transform: rotate(0);}
	100% {-o-transform-origin: center center;-o-transform: rotate(-360deg);}
}
@keyframes ruota2 {
	0% {transform-origin: center center;transform: rotate(0);}
	100% {transform-origin: center center;transform: rotate(-360deg);}
}

.ruota
{
    z-index:3;
    -webkit-animation-fill-mode: both;	-moz-animation-fill-mode: both;	-ms-animation-fill-mode: both;	-o-animation-fill-mode: both;    animation-fill-mode: both;	
    -webkit-animation: 5s linear 10 alternate;	-moz-animation: 5s linear 10 alternate;	-ms-animation: 5s linear 10 alternate;	-o-animation: 5s linear 10 alternate;	animation: 5s linear 10 alternate;  
    animation-play-state:paused;
}


#ruota1
{
    -webkit-animation-name: ruota;
	-moz-animation-name: ruota;
	-ms-animation-name: ruota;
	-o-animation-name: ruota;
	animation-name: ruota;
}
#ruota2
{
	-webkit-animation-name: ruota2;
	-moz-animation-name: ruota2;
	-ms-animation-name: ruota2;
	-o-animation-name: ruota2;
	animation-name: ruota2;
}

.ruota.start
{
    animation-play-state:running;
}

/* BOX Privacy */
.privacy_overlay {
  position: relative;
  /*padding: 20px;*/
  background-color: #000000;
  width: 100%;
  /*height: 650px;*/
  left: 50%;
  /*margin-top:80px;*/
  float: left;
  /*margin-left: -400px;*/
  z-index: 2000;
}

.prycarrello {
  width: 900px;
  margin-left: -450px;
  font-size: 11px;
}

.privacy_overlay h1 {
  float: left;
  margin: 25px 0px;
  width: 100%;
  text-align: center;
  font-size: 30px;
}

.privacy_overlay p {
  float: left;
  text-align: left;
  margin: 13px 20px 60px;
  font-size: 13px;
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2000;
  display: none;
}

.img-closebox {
  float: right;
  cursor: pointer;
  position:absolute;
  right:0;
  top:0;
}

/************************************************************/

/* AREA RISERVATA lightbox */

.reserved-lightbox{
	position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 20px 50px;
    background-color: #fff;
    left: 50%;
    z-index: 999999;
	display: none;
}

.reserved-lightbox .close {
    background: url("../images/close.png") no-repeat scroll right center #FFFFFF;
    color: #999999;
    font-size: 12px;
    height: 27px;
    top: 5px;
    line-height: 27px;
    padding-right: 20px;
    position: absolute;
    right: 0px;
    width: 53px;
    text-transform: uppercase;
}

.reserved-lightbox .title{
	text-align:center;
	font-size:18px;
}

.linkReserved{
    padding: 15px 20px;
    border: 2px solid #ff4d4d;
    margin: 20px 0px;
    font-size: 14px;
	display:block;
	transition: 0.3s ease-out 0s;
	-webkit-transition: 0.3s ease-out 0s;
	-moz-transition: 0.3s ease-out 0s;
}

.linkReserved:hover{
	background-color:#ff4d4d;
	color:#fff;
}
   
.layer-opac-reserved{
	position: fixed;
    z-index: 99999;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    top: 0;
	display:none;
}