/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ==========================================================================
   FONTS
   ========================================================================== */
@font-face {
    font-family: 'armataregular';
    src: url('font/Exo-Regular.otf');
    src: url('font/Exo-Regular.otf?#iefix') format('embedded-opentype'),
         url('font/Exo-Regular.otf') format('woff'),
         url('font/Exo-Regular.otf') format('truetype'),
         url('font/Exo-Regular.otf#armataregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'loveloblack';
    src: url('font/Exo-Bold.otf');
    src: url('font/Exo-Bold.otf?#iefix') format('embedded-opentype'),
         url('font/Exo-Bold.otf') format('woff'),
         url('font/Exo-Bold.otf') format('truetype'),
         url('font/Exo-Bold.otf#loveloblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jennasue';
    src: url('font/jennasue-webfont.eot');
    src: url('font/jennasue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/jennasue-webfont.woff') format('woff'),
         url('font/jennasue-webfont.ttf') format('truetype'),
         url('font/jennasue-webfont.svg#jennasue') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =============================================================================
   Base
   ========================================================================== */
* {margin:0;padding:0;}
html {height:100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {width:100%;height:100%;margin:0;font-size:11pt;font-family:'armataregular';color:#ffffff;line-height:23px;background-color:#d9162d;}
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
button, input, select, textarea {font-family:'armataregular';}

.left {float:left;margin:0;padding:0;}
.right {float:right;margin:0;padding:0;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;float:none;overflow:hidden;}

::-moz-selection { background: #20365a; color: #fff; text-shadow: none; }
::selection { background: #20365a; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a {text-decoration:none;color:#ffffff}
a:hover {color:#ffffff;text-decoration:underline; }
a:hover, a:active , a:focus{ outline: 0; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {list-style:none;margin:0;padding:0;overflow:hidden;}
nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}

ol li{list-style:decimal outside none;margin:5px 0 5px 20px;}
ul.disc li{margin:10px 0 10px 15px;list-style:disc outside none;display:list-item;}

/* =============================================================================
   Embedded content
   ========================================================================== */
img {border:0;-ms-interpolation-mode: bicubic;vertical-align: middle;}
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form{font-size:14px;overflow:hidden;margin: 0; padding: 0;}
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {cursor: default;}
label.error{color:#f0887d;margin:0;font-size:11px;}

button, input,  textarea { font-size: 100%; margin: 0;vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box;}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input[type=text],input[type=file],textarea{height:30px;color:#fff;background-color:#828994;border:1px solid #697587;padding:0 7px;}
input[type=text]:focus,input[type=file]:focus,textarea:focus {border:1px solid #aeaeae;}
input[type=text].error,input[type=file].error,textarea.error {border:1px solid #f0887d;}
input[type="submit"]{float:right;text-align:left;padding-left:15px;color:#0c274f;width:100px;height:30px;background:url(../images/btn-invia.png) no-repeat;border:none;}
input[type="submit"]:hover{color:#fff;background-position:0 -30px;}
input[type="submit"]:active{color:#fff;padding:0;background-position:0 -60px;}
/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== primary styles =====================================================
   Author: NetWareHouse Srl
   ========================================================================== */
#dialog{padding:50px;text-align:center;}
#portrait{display:none;position:absolute;z-index:1100;width:100%;height:100%;font-size:30px;line-height:30px;background-color:#0c274f;}
#portrait p{position:absolute;top:50%;left:50%;width:660px;height:100px;margin-left:-330px;margin-top:-50px;text-align:center;line-height:50px;}

header{position:absolute;width:100%;height:119px;top:0;left:0;z-index:10;overflow:hidden;background:url("../images/bg-header.png") repeat-x;}
#top-wrap{position:relative;height:80px;}


nav{height:83px;margin:0 auto;overflow:hidden;}
nav ul{float:right;font-family:'loveloblack';font-size:normal;background:url("../images/mSep.gif") no-repeat top left;}
nav ul>li{float:left;height:80px;line-height:80px;padding-right:10px;padding-left:8px;text-transform:uppercase;font-size:15px;background:url("../images/mSep.gif") no-repeat top right;}
nav ul>li a{color:#868686;}
nav ul>li a:hover,nav ul>li a.on{color:#383636;text-decoration:none;}
nav ul>li a.aktif {color:#383636 !important;text-decoration:none;}


#logo{float:left;}

footer{position:relative;height:61px;z-index:10;overflow:hidden;background:url("../images/bg-footer.png") repeat-x; -webkit-box-shadow: 0px -4px 32px -5px rgba(0,0,0,0.64);
-moz-box-shadow: 0px -4px 32px -5px rgba(0,0,0,0.64);
box-shadow: 0px -4px 32px -5px rgba(0,0,0,0.64);}   
#bottom-wrap{margin:0 auto;text-align:center;}
#bottom-wrap a{color:#3f454e;}
#bottom-wrap a:hover{color:#fff;text-decoration:none;}
ul#bottom{display:table;margin:0 auto;margin-top:9px;}
ul#bottom>li.social{float:right;height:42px;line-height:42px;color:#3f454e;font-size:10px;padding-right:20px;padding-left:18px;}
ul#bottom>li#fsc {width:760px;float:left; text-align: left;}
ul#lang>li,ul#social>li{float:left;margin-left:10px;}
ul#lang>li.last,ul#social>li.last{margin-right:0;}
ul#lang>li.on a{color:#fff;}

ul#social>li a#fb{}
ul#social>li a#pinterest{}
ul#social>li a#linkedin{background:url("../images/ico-linkedin.png") no-repeat;}
ul#social>li a#fb:hover,ul#social>li a#pinterest:hover,ul#social>li a#linkedin:hover{}

#container{position:relative;min-height:100%;height:auto !important;height:100%;margin:-80px auto -61px; background:  #383636}
#container:before {
    content: "";

    /* Expand element */
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    -moz-box-shadow: inset 0 0 8px rgba(0,0,0,.55);
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.55);
    box-shadow: inset 0 0 8px rgba(0,0,0,.55);

    /* Disable click events */
    pointer-events: none;
}
#push{clear:both;}
#push.top{height:80px;}
#push.bottom{height:61px;}

#popvideo-wrap{display:none;}
#popvideo{width:853px;height:480px;cursor:pointer;}

.content{width:840px;height:300px;margin:0 auto;padding:85px 0px;overflow:auto;}
.refe{width:65%;height:100%; margin:0 auto; overflow:auto;}

#close-wrap{position:absolute;z-index:1;top:95px;right:60px;}
#close-wrap a{padding:20px;padding-right:40px;font-family:'loveloblack';background:#152134 url("../images/ico-close.png") no-repeat top 23px right 20px;}
#close-wrap span{font-size:20px;font-family:'jennasue';font-weight:bold;margin-right:10px;}

#carouFredSel{position:absolute;top:80px;width:100%;overflow:hidden;}
#carouFredSel>img#arrows{position:absolute;width:100px;height:32px;top:50%;left:50%;margin-top:-16px;margin-left:-50px;z-index:10;}

#carousel {width:100%;height:100%;position:absolute;top:auto;left:0;overflow:hidden;}
#carousel>div{display:block;float:left;position:relative;height:100%;width:100%;}
#carousel>img{height:100%;width:auto;display:block;float:left;border-right:1px solid #fff;}
#carousel.collezioni{display:none;}
#carousel.collezioni>div{width:auto;}
#carousel.collezioni img{height:100%;width:auto;display:block;float:left;border-right:1px solid #fff;}

a#fredPrev,a#fredNext{position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;z-index:1000;}
a#fredPrev{left:3%;background:url(../images/fredprev.png) no-repeat center center;}
a#fredNext{right:3%;background:url(../images/frednext.png) no-repeat center center;}
a#fredPrev:hover{background:url(../images/fredprev-hover.png) no-repeat center center;}
a#fredNext:hover{background:url(../images/frednext-hover.png) no-repeat center center;}
a#fredPrev span,a#fredNext span{display:none;}

#carousel ul{height:100%;}
#carousel ul.carosello li,#carousel ul.main li{position:relative;float:left;width:50%;overflow:hidden;text-align:center;}
#carousel ul.full li{position:relative;width:100%;height:100%;overflow:hidden;text-align:center;}
ul.main li ul li:before,ul.full li:before,#carousel ul li:before,#carousel ul li#news:before {content:'';display: inline-block;height:100%;vertical-align: middle;}

.frame{display:inline-block;vertical-align: middle;font-size:13pt;font-family:"loveloblack"; text-transform: uppercase;}
/*.frame a{position:relative;z-index:100;padding:15px 20px;color:#fff;background:rgba(12,39,79,0.5);}*/
.frame a{position:relative;display:block;height:54px;line-height:54px;z-index:100;padding:0 75px;color:#474747;background:rgba(255,255,255,0.7);}
.no-rgba .frame a{background-color: rgb(255,255,255);filter:alpha(opacity=70);}
.frame a:hover{border:none;text-decoration:none;background:none;}
.frame a span{font-family:"jennasue";font-size:25px;}

/**************************************************** 2015 ******************************************************/
.frame a#bluedenim:hover{background:url("../images/hover-bluedenim.png") no-repeat top 2px right 10px;}
.frame a#travel:hover{background:url("../images/hover-travel.png") no-repeat top 5px right 3px;}
/*.frame a#colorspastels:hover{background:url("../images/hover-colorspastels.png") no-repeat top 5px right 0;}*/
.frame a#nature:hover{background:url("../images/hover-nature.png") no-repeat top 5px right 8px;}
.frame a#blualchemy:hover{background:url("../images/hover-blualchemy.png") no-repeat top 5px right 3px;}
.frame a#exploring:hover{background:url("../images/hover-exploring.png") no-repeat top 7px right 3px;}
.frame a#modern:hover{background:url("../images/hover-modern.png") no-repeat top 3px right 8px;}
.frame a#preciouslove:hover{background:url("../images/hover-preciouslove.png") no-repeat top 3px right 7px;}
/****************************************************************************************************************/
/**************************************************** 2017 ******************************************************/
.frame a#womancasual:hover{background:url("../images/hover-womancasual.png") no-repeat top 0px right 10px;}
.frame a#womandenim:hover{background:url("../images/hover-womandenim.png") no-repeat top 3px right 10px;}
.frame a#mancasual:hover{background:url("../images/hover-mancasual.png") no-repeat top 6px right 12px;}
.frame a#mandenim:hover{background:url("../images/hover-mandenim.png") no-repeat top 4px right 4px;}
.frame a#brightcolors:hover{background:url("../images/hover-brightcolors.png") no-repeat top 4px right 8px;}
.frame a#carsandmotors:hover{background:url("../images/hover-carsandmotors.png") no-repeat top 3px right 10px;}
.frame a#colorspastels:hover{background:url("../images/hover-colorspastels.png") no-repeat top 4px right 11px;}
.frame a#denim:hover{background:url("../images/hover-denim.png") no-repeat top 7px right 5px;}
/****************************************************************************************************************/

.noise:hover:after{
/*-webkit-animation: grain 5s steps(10) infinite;
-moz-animation: grain 5s steps(10) infinite;
-ms-animation: grain 5s steps(10) infinite;
animation: grain 5s steps(10) infinite;*/
background:url("../images/noise.png");
content: "";display: block;height: 300%;left: -100%; position: absolute; top: -100%; width: 300%; z-index: 1;}

#carousel ul li#news{background-image:url(../images/bg/bg-news-home.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel ul li#news a:hover{background:url("../images/hover.png") no-repeat top 0 left 0;}
#carousel ul li#urun{background-image:url(../images/bg/bg-video-home.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

#carousel ul li#dokuma{}
#carousel ul li#sallanti{background-image:url(../images/bg/bg-sallanti.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel ul li#tanitim{background-image:url(../images/bg/bg-tanitim.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel ul li#karton{background-image:url(../images/bg/bg-karton.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}


#carousel ul li#box1{background-image:url(../images/bg/bg-womancasual.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel ul li#box2{background-image:url(../images/bg/bg-womandenim.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel ul li#box3{background-image:url(../images/bg/bg-mancasual.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel ul li#box4{background-image:url(../images/bg/bg-mandenim.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

#carousel div#home-aboutus{background-image:url(../images/bg/gulluce-HAKKIMIZDA.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#home-aboutus a:hover{background:url("../images/hover-aboutus.png") no-repeat top 5px left 2px;}
#carousel div#home-styleroom{background-image:url(../images/bg/bg-styleroom-home.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#home-styleroom a:hover{background:url("../images/hover-styleroom.png") no-repeat top 0px left 0px;}
#carousel div#home-qualita{background-image:url(../images/bg/gullu-referans.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#home-qualita a:hover{background:url("../images/hover-qualita.png") no-repeat top 0px left 3px;}

#carousel div#storia-wrap{background-image:url(../images/bg/bg-storia.jspDrag);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

#carousel div#etica-wrap{background-image:url(../images/bg/bg-etica.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#filosofia-wrap{background-image:url(../images/bg/bg-filosofia.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#video-wrap{background-image:url(../images/bg/bg-video.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#styleroom-wrap{background-image:url(../images/bg/bg-styleroom.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#referans{background:#fff;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#referenze-wrap{background-image:url(../images/bg/bg-referenze.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#madeinitaly-wrap{background-image:url(../images/bg/bg-madeinitaly.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

#carousel div#qualita-wrap{background-image:url(../images/bg/bg-qualita.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

#carousel div#dove-wrap{background-image:url(../images/bg/bg-dove.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#carousel div#job-wrap{background-image:url(../images/bg/bg-job.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

#carousel div.bgnews{background-image:url(../images/bg/bg-news.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

/* =============================================================================
   MENU PAGINE INTERNE
   ========================================================================== */
ul.menu{position:absolute;top:100px;z-index:10;width:100%;text-align:center;}
ul.menu li{display:inline-block;cursor:pointer;color:#babdbf;margin:0 30px;font-family:"jennasue";font-size:30px;}
ul.menu li:hover{color:#fff;}
ul.menu li.on{color:#fff;}

ul#aboutus>li{width:91px;height:51px;line-height:51px;}
ul#aboutus>li.on{background:url("../images/bgaboutus-on.png") no-repeat;}

ul#styleroom>li{width:105px;height:59px;line-height:59px;}
ul#styleroom>li.on{background:url("../images/bgstyleroom-on.png") no-repeat;}
ul#styleroom>li#menu-madeinitaly{width:124px;text-align:left;padding-left:15px;}
ul#styleroom>li#menu-madeinitaly.on{background:url("../images/bgmadeinitaly-on.png") no-repeat;}

ul#contatti>li{width:107px;height:53px;line-height:63px;}
ul#contatti>li#menu-dove.on{background:url("../images/bgdove-on.png") no-repeat;}
ul#contatti>li#menu-job{width:149px;}
ul#contatti>li#menu-job.on{background:url("../images/bgjob-on.png") no-repeat;}

/* =============================================================================
   ABOUT US
   ========================================================================== */
.videoPane{width:100%;height:100%;}
.holder{display:none;text-align:left;}
span#video-mobile{text-align:center;width:100%;display:inline-block;vertical-align:middle;}
.videoPane>#ytplayer{position:relative;width:640px;height:360px;margin:0 auto;background-color:#000;}
.videoPane>#ytplayer>#loading{position:absolute;left:50%;top:50%;margin-top:-12px;margin-left:-12px;}
/* =============================================================================
   COLLEZIONI
   ========================================================================== */
.cover{position:absolute;z-index:500;top:0;width:50%;height:100%;text-align:center;overflow:hidden;}
.cover:before {content:'';display: inline-block;height:100%;vertical-align: middle;}

#fw-cover{left:0;background-image:url(../images/bg/bg-vintage.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
#ss-cover{right:0;background-image:url(../images/bg/bg-lifestyle.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

.collection{position:absolute;top:0;width:100%;height:100%;}
.collection ul{height:100%;}
.collection ul li{position:relative;float:left;width:50%;text-align:center;overflow:hidden;}
.collection ul li:before {content:'';display: inline-block;height:100%;vertical-align: middle;}
.collection ul li a{display:block;color:#333;font-size:20px;font-family:"loveloblack";}
.collection ul li a span{font-family:"jennasue";font-size:25px;;}

li#ss-vintage{background-image:url(../images/bg/bg-vintage.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-lifestyle{background-image:url(../images/bg/bg-lifestyle.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-fashion{background-image:url(../images/bg/bg-fashion.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-colors{background-image:url(../images/bg/bg-colors.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

li#fw-blualchemy{background-image:url(../images/bg/bg-blualchemy.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#fw-exploring{background-image:url(../images/bg/bg-exploring.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#fw-modern{background-image:url(../images/bg/bg-modern.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#fw-preciouslove{background-image:url(../images/bg/bg-preciouslove.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-bludenim{background-image:url(../images/bg/bg-bludenim.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-travel{background-image:url(../images/bg/bg-travel.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-colorpastels{background-image:url(../images/bg/bg-colorpastels.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-nature{background-image:url(../images/bg/bg-nature.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}

li#fw-brightcolors{background-image:url(../images/bg/bg-brightcolors.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#fw-carsandmotors{background-image:url(../images/bg/bg-carsandmotors.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#fw-colorpastels{background-image:url(../images/bg/bg-colorpastels.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#fw-denim{background-image:url(../images/bg/bg-denim.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-womancasual{background-image:url(../images/bg/bg-womancasual.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-womandenim{background-image:url(../images/bg/bg-womandenim.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-mancasual{background-image:url(../images/bg/bg-mancasual.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
li#ss-mandenim{background-image:url(../images/bg/bg-mandenim.jpg);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
/* =============================================================================
   REFERENZE
   ========================================================================== */
/*ul#references{width:100%}
ul#references>li{float:left;width:183px;height:75px;margin-right:23px;margin-bottom:30px;border:1px solid green;}
ul#references>li.first{clear:both;}
ul#references>li.last{margin-right:0;}*/

/* =============================================================================
   MADE IN ITALY
   ========================================================================== */
#madeinitaly ul{width:100%;height:170px;margin-top:50px;border-left:1px solid #565f6d;}
#madeinitaly ul>li{display:block;float:left;text-align:center;width:33%;height:170px;border-right:1px solid #565f6d;}
#madeinitaly ul>li>h1{font-size:18px;font-weight:normal;text-transform:uppercase;margin-bottom:20px;}
#madeinitaly ul>li #img-wrap{height:40px;}
#madeinitaly ul>li a{display:block;font-size:12px;margin-bottom:5px;}

/* =============================================================================
   QUALITA'
   ========================================================================== */
#qualita { background: #fff}
#qualita #txt-wrap{float:left;width:550px;}
#qualita #img-wrap{float:right;width:230px;}
/* =============================================================================
   NEWS
   ========================================================================== */
ul#categorie{position:absolute;top:100px;z-index:10;width:100%;text-align:center;}
ul#categorie li{width:91px;height:51px;line-height:51px;display:inline-block;margin:0 30px;font-family:"jennasue";font-size:30px;}
ul#categorie li a{color:#babdbf;}
ul#categorie li a:hover{color:#fff;text-decoration:none;}
ul#categorie li.on a{color:#fff;}

ul#categorie li#news.on{background:url("../images/bgnews-on.png") no-repeat;}
ul#categorie li#press{width:180px;}
ul#categorie li#press.on{background:url("../images/bgrassegna-on.png") no-repeat;}

.newsPane>.news-wrap{position:relative;height:400px;background-color:#fff;color:#6a6a6a;font-size:11px;line-height:16px;text-align:center;}
div#nonews{font-size:20px;text-align:center;}

.news-arrow{position:absolute;right:0;width:10px;height:18px;z-index:100;background:url("../images/news-arrow.png") no-repeat;}

.news-wrap ul>li{float:left;width:50%;height:200px;text-align:left;overflow:hidden;}
.news-wrap ul>li.row{border-bottom:1px solid #26303e;box-sizing:border-box;-webkit-box-sizing:border-box;}
.news-wrap ul>li.col{border-right:1px solid #26303e;box-sizing:border-box;-webkit-box-sizing:border-box;}

.news-wrap .img-wrap{position:relative;float:left;width:210px;height:200px;overflow:hidden;}
.news-wrap.index .img-wrap{width:210px;height:200px;}
.news-wrap.index .img-wrap>.news-arrow{top:91px;}
.news-wrap.detail .img-wrap{width:420px;height:400px;}
.news-wrap.detail .img-wrap>.news-arrow{top:191px;}

.news-wrap .txt-wrap{float:left;overflow:hidden;text-align:left;}
.news-wrap.index .txt-wrap{width:170px;height:160px;margin:0px;margin-left:15px;margin-top:20px;overflow:hidden;}
.news-wrap.detail .txt-wrap{width:355px;height:320px;margin:40px;margin-right:0;}

.news-wrap a{color:#6a6a6a;}
.news-wrap h1{font-size:14px;}
.news-wrap h1,.news-wrap h4{color:#0c274f;margin-bottom:15px;}
.news-wrap h1>a{color:#0c274f;}

.newsfile{height:18px;margin-top:20px;padding-top:10px;border-top:1px solid #d6d6d6;}
.newsfile img{float:left;margin-right:10px;}
.newsfile>p{padding-top:1px;}

#referans ul>li{text-align:left;display:inline-block; width:auto; height:125px;  margin:10px 15px;}
/* =============================================================================
   CONTATTI
   ========================================================================== */
#googlemap{margin-top:20px;}
#dove div{margin:0;padding:0;}
#dove h1{font-size:16px;font-weight:normal;}
#dove ul{width:100%;height:40px;margin-top:20px;}
#dove ul>li{text-align:left;float:left;width:auto;font-size:11pt;line-height:20px;margin-right:30px;}



#frmjob .field{float:left;width:240px;height:80px;margin-right:33px;overflow:hidden;}
#frmjob .field.last{clear:right;margin-right:0;}
#frmjob .field.long{width:513px;}
#frmjob .field.file{height:90px;}
#frmjob .field label{display:block;height:25px;font-size:13px;}
#frmjob label.lbl{height:30px;}
#frmjob label.accettazione{float:left;margin:0;margin:0;margin-right:10px}
#frmjob label.error{height:18px;margin:0;font-size:11px;}
#frmjob input[type=text]{width:224px;}
#frmjob>.field.long input[type=text]{width:497px;}
#frmjob>.field.long input[type=file]{width:497px;}
#frmjob input#codice{width:100px;float:left;}
#frmjob input[type=radio]{float:left;}
#frmjob label.left{width:20px;margin-right:10px;}
#frmjob #cv-error>label.error{line-height:8px;margin:0;padding:0;}
#frmjob p{display:block;margin:0;padding:0;font-size:11px;}
#frmjob p.mandatory{line-height:11px;color:#e59b1a;margin-bottom:7px;}
#frmjob #informativa{width:786px;font-size:10px;line-height:16px;}
#frmjob #informativa>a{text-decoration:none;}
#frmjob #consenso-wrap{display:block;overflow:hidden;}
#frmjob #consenso{float:left;font-size:12px;line-height:16px;width:110px;margin-top:5px;}
#frmjob #consenso-error{float:left;width:450px;line-height:21px;}
#frmjob .sep{width:786px;margin:5px 0;height:1px;background-color:#656e7b;}
#frmjob #submit-wrap{width:786px;}

/* =============================================================================
   jScrollPane
   ========================================================================== */
.jspContainer{overflow: hidden;position: relative;}
/*.jspPane{position: absolute;}
.jspPane p{padding-right:30px;}*/
.jspPane{display:table;height: 100%;*display: block;position: absolute;}
.jspPane p{display:table-cell;vertical-align:middle;*display:block;*position:absolute;*left:0px;*width:100%;*cursor:pointer;padding-right:30px;}
.jspPane>div{display:table-cell;vertical-align:middle;*display:block;*position:absolute;*left:0px;*width:100%;*cursor:pointer;padding-right:30px;}
.jspPane>div.videoPane{width:640px;padding-right:0;}
.jspPane>div.newsPane{width:840px;padding-right:0;}
.jspPane>div.newsDetail{vertical-align:top;padding-right:20px;}

.jspVerticalBar{position:absolute;top:0;right:0;width:19px;height:100%;background:url("../images/bgBar.png") repeat-y;}
.news-wrap.detail .jspVerticalBar{height:318px;border-top:1px solid #d9d7d8;border-bottom:1px solid #d9d7d8;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float: left;}
.jspDrag{background:#0c1626;position:relative;top:5px;left:3px;width:13px;cursor: pointer;}
.jspCorner{background:#eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}

/* ==|== KEYFRAMES ========================================red
   Author: NetWareHouse Srl
   ========================================================================== */
@-webkit-keyframes grain {
  0%, 100%{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);  transform: translate(0, 0);}
  10%{-webkit-transform: translate(-5%, -10%);-moz-transform: translate(-5%, -10%);-ms-transform: translate(-5%, -10%);-o-transform: translate(-5%, -10%);transform: translate(-5%, -10%);}
  20%{-webkit-transform: translate(-15%, 5%);-moz-transform: translate(-15%, 5%);-ms-transform: translate(-15%, 5%);-o-transform: translate(-15%, 5%);transform: translate(-15%, 5%);}
  30%{-webkit-transform: translate(7%, -25%);-moz-transform: translate(7%, -25%);-ms-transform: translate(7%, -25%);-o-transform: translate(7%, -25%);transform: translate(7%, -25%);}
  40%{-webkit-transform: translate(-5%, 25%);-moz-transform: translate(-5%, 25%);-ms-transform: translate(-5%, 25%);-o-transform: translate(-5%, 25%);transform: translate(-5%, 25%);}
  50% {-webkit-transform: translate(-15%, 10%);-moz-transform: translate(-15%, 10%);-ms-transform: translate(-15%, 10%);-o-transform: translate(-15%, 10%);transform: translate(-15%, 10%);}
  60% {-webkit-transform: translate(15%, 0%);-moz-transform: translate(15%, 0%);-ms-transform: translate(15%, 0%);-o-transform: translate(15%, 0%);transform: translate(15%, 0%);}
  70%{-webkit-transform: translate(0%, 15%);-moz-transform: translate(0%, 15%);-ms-transform: translate(0%, 15%);-o-transform: translate(0%, 15%);transform: translate(0%, 15%);}
  80%{-webkit-transform: translate(3%, 35%);-moz-transform: translate(3%, 35%);-ms-transform: translate(3%, 35%);-o-transform: translate(3%, 35%);transform: translate(3%, 35%);}
  90%{-webkit-transform: translate(-10%, 10%);-moz-transform: translate(-10%, 10%);-ms-transform: translate(-10%, 10%);-o-transform: translate(-10%, 10%);transform: translate(-10%, 10%);}
}
@-moz-keyframes grain {
0%, 100%{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);  transform: translate(0, 0);}
  10%{-webkit-transform: translate(-5%, -10%);-moz-transform: translate(-5%, -10%);-ms-transform: translate(-5%, -10%);-o-transform: translate(-5%, -10%);transform: translate(-5%, -10%);}
  20%{-webkit-transform: translate(-15%, 5%);-moz-transform: translate(-15%, 5%);-ms-transform: translate(-15%, 5%);-o-transform: translate(-15%, 5%);transform: translate(-15%, 5%);}
  30%{-webkit-transform: translate(7%, -25%);-moz-transform: translate(7%, -25%);-ms-transform: translate(7%, -25%);-o-transform: translate(7%, -25%);transform: translate(7%, -25%);}
  40%{-webkit-transform: translate(-5%, 25%);-moz-transform: translate(-5%, 25%);-ms-transform: translate(-5%, 25%);-o-transform: translate(-5%, 25%);transform: translate(-5%, 25%);}
  50% {-webkit-transform: translate(-15%, 10%);-moz-transform: translate(-15%, 10%);-ms-transform: translate(-15%, 10%);-o-transform: translate(-15%, 10%);transform: translate(-15%, 10%);}
  60% {-webkit-transform: translate(15%, 0%);-moz-transform: translate(15%, 0%);-ms-transform: translate(15%, 0%);-o-transform: translate(15%, 0%);transform: translate(15%, 0%);}
  70%{-webkit-transform: translate(0%, 15%);-moz-transform: translate(0%, 15%);-ms-transform: translate(0%, 15%);-o-transform: translate(0%, 15%);transform: translate(0%, 15%);}
  80%{-webkit-transform: translate(3%, 35%);-moz-transform: translate(3%, 35%);-ms-transform: translate(3%, 35%);-o-transform: translate(3%, 35%);transform: translate(3%, 35%);}
  90%{-webkit-transform: translate(-10%, 10%);-moz-transform: translate(-10%, 10%);-ms-transform: translate(-10%, 10%);-o-transform: translate(-10%, 10%);transform: translate(-10%, 10%);}
}
@-ms-keyframes grain {
  0%, 100%{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);  transform: translate(0, 0);}
  10%{-webkit-transform: translate(-5%, -10%);-moz-transform: translate(-5%, -10%);-ms-transform: translate(-5%, -10%);-o-transform: translate(-5%, -10%);transform: translate(-5%, -10%);}
  20%{-webkit-transform: translate(-15%, 5%);-moz-transform: translate(-15%, 5%);-ms-transform: translate(-15%, 5%);-o-transform: translate(-15%, 5%);transform: translate(-15%, 5%);}
  30%{-webkit-transform: translate(7%, -25%);-moz-transform: translate(7%, -25%);-ms-transform: translate(7%, -25%);-o-transform: translate(7%, -25%);transform: translate(7%, -25%);}
  40%{-webkit-transform: translate(-5%, 25%);-moz-transform: translate(-5%, 25%);-ms-transform: translate(-5%, 25%);-o-transform: translate(-5%, 25%);transform: translate(-5%, 25%);}
  50% {-webkit-transform: translate(-15%, 10%);-moz-transform: translate(-15%, 10%);-ms-transform: translate(-15%, 10%);-o-transform: translate(-15%, 10%);transform: translate(-15%, 10%);}
  60% {-webkit-transform: translate(15%, 0%);-moz-transform: translate(15%, 0%);-ms-transform: translate(15%, 0%);-o-transform: translate(15%, 0%);transform: translate(15%, 0%);}
  70%{-webkit-transform: translate(0%, 15%);-moz-transform: translate(0%, 15%);-ms-transform: translate(0%, 15%);-o-transform: translate(0%, 15%);transform: translate(0%, 15%);}
  80%{-webkit-transform: translate(3%, 35%);-moz-transform: translate(3%, 35%);-ms-transform: translate(3%, 35%);-o-transform: translate(3%, 35%);transform: translate(3%, 35%);}
  90%{-webkit-transform: translate(-10%, 10%);-moz-transform: translate(-10%, 10%);-ms-transform: translate(-10%, 10%);-o-transform: translate(-10%, 10%);transform: translate(-10%, 10%);}
}
@keyframes grain {
  0%, 100%{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);  transform: translate(0, 0);}
  10%{-webkit-transform: translate(-5%, -10%);-moz-transform: translate(-5%, -10%);-ms-transform: translate(-5%, -10%);-o-transform: translate(-5%, -10%);transform: translate(-5%, -10%);}
  20%{-webkit-transform: translate(-15%, 5%);-moz-transform: translate(-15%, 5%);-ms-transform: translate(-15%, 5%);-o-transform: translate(-15%, 5%);transform: translate(-15%, 5%);}
  30%{-webkit-transform: translate(7%, -25%);-moz-transform: translate(7%, -25%);-ms-transform: translate(7%, -25%);-o-transform: translate(7%, -25%);transform: translate(7%, -25%);}
  40%{-webkit-transform: translate(-5%, 25%);-moz-transform: translate(-5%, 25%);-ms-transform: translate(-5%, 25%);-o-transform: translate(-5%, 25%);transform: translate(-5%, 25%);}
  50% {-webkit-transform: translate(-15%, 10%);-moz-transform: translate(-15%, 10%);-ms-transform: translate(-15%, 10%);-o-transform: translate(-15%, 10%);transform: translate(-15%, 10%);}
  60% {-webkit-transform: translate(15%, 0%);-moz-transform: translate(15%, 0%);-ms-transform: translate(15%, 0%);-o-transform: translate(15%, 0%);transform: translate(15%, 0%);}
  70%{-webkit-transform: translate(0%, 15%);-moz-transform: translate(0%, 15%);-ms-transform: translate(0%, 15%);-o-transform: translate(0%, 15%);transform: translate(0%, 15%);}
  80%{-webkit-transform: translate(3%, 35%);-moz-transform: translate(3%, 35%);-ms-transform: translate(3%, 35%);-o-transform: translate(3%, 35%);transform: translate(3%, 35%);}
  90%{-webkit-transform: translate(-10%, 10%);-moz-transform: translate(-10%, 10%);-ms-transform: translate(-10%, 10%);-o-transform: translate(-10%, 10%);transform: translate(-10%, 10%);}
}

/* ==|== CSS File for ezMark jQuery Plugin =================================== */
.ez-hide { opacity: 0; filter:alpha(opacity=0);width:38px;height:25px;}
.ez-radio {
	width:20px;height:20px;padding:0;margin:0;margin-right:10px;
	background: transparent url("../images/radiobox.png") 0 0 no-repeat;
	float:left;
}
.ez-selected {background-position: 0 -20px; }
.ez-radio { zoom: 1; *display:inline; _height:20px; }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media screen and (max-aspect-ratio: 1/1) { 
    /* portrait styles here */
    #portrait{display:block;}
}
@media screen and (min-width: 1200px) {
     nav ul>li{padding-right:20px;padding-left:18px;}
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

audio:not([controls]) {
    display: none;
}
user agent stylesheet
audio {
    width: 300px;
    height: 32px;
}
.mute {
  width: 24px;
  height: 26px;
  display: inline-block;
  float: left;
  background: url(../images/volume2.png) no-repeat;
    z-index: 900000000;
}