<style>
/* ==========================================================================
     FONT RALEWAY
     ========================================================================== */
     @font-face {
      font-family: 'ralewayextrabold';
      src: url('./font/raleway-extrabold-webfont.eot');
      src: url('./font/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
      url('./font/raleway-extrabold-webfont.woff') format('woff'),
      url('./font/raleway-extrabold-webfont.ttf') format('truetype'),
      url('./font/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: fallback;

    }

    @font-face {
      font-family: 'ralewaybold';
      src: url('./font/raleway-bold-webfont.eot');
      src: url('./font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
      url('./font/raleway-bold-webfont.woff') format('woff'),
      url('./font/raleway-bold-webfont.ttf') format('truetype'),
      url('./font/raleway-bold-webfont.svg#ralewayextrabold') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: fallback;

    }


    @font-face {
      font-family: 'ralewaymedium';
      src: url('./font/raleway-medium-webfont.eot');
      src: url('./font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
      url('./font/raleway-medium-webfont.woff') format('woff'),
      url('./font/raleway-medium-webfont.ttf') format('truetype'),
      url('./font/raleway-medium-webfont.svg#ralewaymedium') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: fallback;

    }


    @font-face {
      font-family: 'ralewaysemibold';
      src: url('./font/raleway-semibold-webfont.eot');
      src: url('./font/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
      url('./font/raleway-semibold-webfont.woff') format('woff'),
      url('./font/raleway-semibold-webfont.ttf') format('truetype'),
      url('./font/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: fallback;

    }

    @font-face {
      font-family: 'ralewaylight';
      src: url('./font/raleway-light-webfont.eot');
      src: url('./font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
      url('./font/raleway-light-webfont.woff') format('woff'),
      url('./font/raleway-light-webfont.ttf') format('truetype'),
      url('./font/raleway-light-webfont.svg#ralewaylight') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: fallback;

    }

    @font-face {
      font-family: 'ralewayextralight';
      src: url('./font/raleway-extralight-webfont.eot');
      src: url('./font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
      url('./font/raleway-extralight-webfont.woff') format('woff'),
      url('./font/raleway-extralight-webfont.ttf') format('truetype'),
      url('./font/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: fallback;

    }



/* ==========================================================================
 FONTS fine
 ========================================================================== */

/* ==========================================================================
 GENERIC INIZIO
 ========================================================================== */
 body textarea.form-control:focus,
 input[type="text"]:focus,
 input[type="password"]:focus,
 input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="date"]:focus,
 input[type="month"]:focus,
 input[type="time"]:focus,
 input[type="week"]:focus,
 input[type="number"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus,
 select.form-control:focus,
 .uneditable-input:focus {
  border-color: rgba(138, 177, 11, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(138, 177, 11, 0.6);
  outline: 0 none;
  -webkit-appearance: none;
}
.loading {
  width: 100%;
  background: transparent url(/wbresp/img/loading.gif) no-repeat center center;
}
.loading.darkloading {
  background: #000 url(/wbresp/img/loading_ondark.gif) no-repeat center center;
}
.loading * {
  visibility: hidden;
}
body {
  padding-top: 0px !important;
  font-family: 'ralewaymedium', arial;

}
.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
a:hover,
a:active,
a:focus,
button:focus,
input:focus,
input:active,
input:checked,
.radio label::before,
.radio label::after,
.radio label:focus::before,
.radio label:active::before,
.radio label:checked::before,
.radio label:focus::after,
.radio label:active::after,
.radio label:checked::after {
  outline: 0!important;
}
.inlineB {
  display: inline-block;
}
.hiddenDiv {
  display: none;
}
.invisibleDiv {
  visibility: hidden;
}
.img100 {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mob100 {
    width: 100%;
  }
}
.grayBackground {
  background: #e9e9e9;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.fnone {
  float: none;
}
.uppercase {
  text-transform: uppercase;
}
.heroimage {
  max-width: 100%;
}
.alignCenter {
  text-align: center;
}
.glyphicon-remove::before {
  content: "‚ñæ";
  margin-top: -4px;
}
h1 {
  display: block;
  margin-bottom: 10px;
  /*margin: 0;
  padding: 0;*/
}
.wbgreen {
  color: #8ab10b;
}
.submenu {
  background: #f6f6f6;
  list-style: none;
  text-indent: 0;
  padding: 0;
  margin: 0;
}
.submenu li {
  padding: 10px 13px 10px 10px;
  border-bottom: 1px solid #e9e9e9;
  line-height: 16px;
}
.submenu li a {
  color: #666;
  font-family: "ralewaysemibold", arial, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
}
.submenu li a.selected,
.submenu li a:hover,
.submenu li a:focus {
  text-decoration: none;
  color: #8ab10b;
}
.navbar-brand-print {
  display: none;
}
@media (max-width: 1199px) {
  .submenu {
    margin-bottom: 10px;
  }
  .submenu li {
    padding: 0;
    display: none;
  }
  .submenu li.current {
    display: block;
  }
  .submenu li a {
    display: block;
    padding: 20px 13px 20px 10px;
  }
  .submenu li a.selected {
    background: transparent url("/img/dropdown-open.png") no-repeat right 20px;
    margin-right: 10px;
  }
  .submenu li.compress a.selected {
    background: transparent url("/img/dropdown-close.png") no-repeat right 20px;
    margin-right: 10px;
  }
}
.bcrumbs {
  font-size: 14px;
  color: #666666;
  clear: both;
  float: none;
  overflow: hidden;
}
.bcrumbs span.lastleaf {
  display: block;
  float: left;
  height: 16px;
  line-height: 16px;
}
.bcrumbs span.symb {
  color: #999999;
  font-size: 8px;
  display: block;
  float: left;
  height: 16px;
  line-height: 16px;
  margin: 0 4px;
}
.bcrumbs a {
  color: #a6cc28;
  display: block;
  float: left;
  height: 16px;
  line-height: 16px;
}
.bcrumbs a:hover {
  text-decoration: none;
}
/* fix z-index dropdown-menu */

.open > .dropdown-menu {
  display: block;
  z-index: 15;
}
.form-group label {
  width: 100%;
}
.note {
  font-size: 12px!important;
  display: block;
  color: #aaa!important;
  clear: both;
  padding: 10px 0 15px
}
@media (max-width: 991px) {
  label {
    margin-top: 20px;
    margin-bottom: 2px;
  }
  label.error {
    margin-top: 0;
  }
  .radio-inline label {
    margin-top: 0;
  }
  .spacer {
    display: none;
  }
  form label .hidden-xs {
    display: none;
  }
  /* Print rimosso da mobile */

  .btn-print {
    display: none !important;
  }
  #fascioneCookie {
    display: none !important;
  }
}
/* ==========================================================================
 GENERIC FINE
 ========================================================================== */
/* ==========================================================================
 footer inizio
 ========================================================================== */

 footer .splitter {
  width: 100%;
  background-color: rosybrown;
}
footer .splitter.bgreen {
  background-color: #8ab10b;
  padding: 30px 0 84px 0;
  color: #FFF;
  font-size: 14px;
}
footer .splitter.bgreen .firstROW,
footer .splitter.bgreen .firstROW a {
  color: #FFF;
  font-size: 16px;
  font-family: "ralewaysemibold", arial;
  margin: 10px 0 6px 0;
}
footer .splitter.bgreen a {
  color: #e9e9e9;
  font-size: 14px;
  font-family: "ralewaymedium", arial;
}
footer .splitter.bblack {
  background-color: #000;
  font-size: 14px;
  color: #999999;
  text-align: center;
  padding: 28px 0 28px 0;
  font-family: "ralewaymedium", arial;
}
footer .boxPad {
  padding-bottom: 10px;
}
.newsletterbox {
  background: transparent url(/wbresp/img/btn/newsletterbox.png) left top no-repeat;
  height: 56px;
  width: 425px;
  max-width: 100%;
}
#newsletter-btn {
  display: block;
  height: 56px;
  width: 20%;
  float: right;
  background: transparent url(/wbresp/img/btn/newsletterbox.png) right top no-repeat;
  text-indent: -9999px;
}
#newsletter-btn:hover {
  background: transparent url(/wbresp/img/btn/newsletterbox_hover.png) right top no-repeat;
}
#newsletter-email {
  color: #666666;
  margin: 10px 0 0 20px;
  height: 36px;
  width: 70%;
  border: 1px solid #FFF;
  font-size: 16px;
  float: left;
  font-family: ralewaylight, arial;
  font-style: italic;
  /*
      ::-moz-focus-inner;
      -webkit-appearance: none;
      */
    }
    #carousel123 .carousel-control.left {
     left: -15px;
   }
   #carousel123 .carousel-control.right {
     right: -15px;
   }
   /* Portrait tablets and small desktops / era 991px */

   @media (min-width: 768px) {
     #carousel123 .carousel-control.left {
      left: -35px;
    }
    #carousel123 .carousel-control.right {
      right: -35px;
    }
  }
/* ==========================================================================
 footer fine
 ========================================================================== */
/* ==========================================================================
 myCarousel inizio
 ========================================================================== */

 .carousel-control .glyphicon,
 .carousel-control .icon-prev,
 .carousel-control .icon-next {
  height: 40px!important;
  width: 23px;
}
.glyphicon-chevron-left::before {
  content: "" !important;
}
.glyphicon-chevron-right::before {
  content: ""!important;
}
.glyphicon-chevron-left:before {
  content: "" !important;
}
.glyphicon-chevron-right:before {
  content: ""!important;
}
.left.carousel-control .glyphicon {
  background: transparent url(/wbresp/img/carousel/fsx.png) center top no-repeat;
}
.right.carousel-control .glyphicon {
  background: transparent url(/wbresp/img/carousel/fdx.png) center top no-repeat;
}
@media (max-width: 767px) {
  .left.carousel-control .glyphicon {
    background: transparent url(/wbresp/img/carousel/mobile/fsx.png) center top no-repeat;
  }
  .right.carousel-control .glyphicon {
    background: transparent url(/wbresp/img/carousel/mobile/fdx.png) center top no-repeat;
  }
}
.carousel-inner .item div {
  /*
  margin:0 auto;
  width:1000px;
  display:block;
  min-height:100px;
  border: 1px solid red;
  */
}
.titCarousel {
 font-size: 44px;
 font-family: "ralewaybold", arial;
 color: #FFF;
 margin: 0;
 padding: 0;
 font-weight: normal;
 text-shadow: none;
}
.titCarouselGreen {
 font-size: 44px;
 font-family: "ralewaybold", arial;
 color: #d3ff40;
 margin: 0;
 padding: 0;
 font-weight: normal;
 text-shadow: none;
}
.strillo150 {
 font-size: 164px;
 font-family: "ralewaysemibold", arial;
 line-height: 140px;
}
.strillo150 span {
 font-size: 129px;
}
.strillo14 {
 font-family: "ralewaybold", arial;
 line-height: 14px;
}
.strilloFlag {
 font-family: "ralewaybold", arial;
 line-height: 14px;
 padding-left: 30px;
 background: transparent url(/wbresp/img/carousel/flag.png) left top no-repeat;
}
/* Portrait phones and smaller */

@media (max-width: 479px) {
 .titCarousel {
  font-size: 20px;
}
.titCarouselGreen {
  font-size: 20px;
}
.carousel-caption {
  bottom: 0px;
}
.strillo150 {
  font-size: 82px;
  font-family: "ralewaysemibold", arial;
  line-height: 70px;
}
.strillo150 span {
  font-size: 64px;
}
.strillo14 {
  font-family: "ralewaybold", arial;
  line-height: 12px;
  font-size: 12px;
  margin-bottom: 20px;
  display: inline-block;
}
.socialBlock img {
  width: 50px;
}
}
/* Portrait phones and smaller */

@media (min-width: 480px) and (max-width: 767px) {
  .titCarousel {
    font-size: 24px;
  }
  .titCarouselGreen {
    font-size: 24px;
  }
  .strillo150 {
    font-size: 82px;
    font-family: "ralewaysemibold", arial;
    line-height: 70px;
  }
  .strillo150 span {
    font-size: 64px;
  }
  .strillo14 {
    font-family: "ralewaybold", arial;
    line-height: 12px;
    font-size: 12px;
  }
}
/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 1024px) {
  .titCarousel {
    font-size: 32px;
  }
  .titCarouselGreen {
    font-size: 32px;
  }
  .strillo150 {
    font-size: 80px;
    font-family: "ralewaysemibold", arial;
    line-height: 70px;
  }
  .strillo150 span {
    font-size: 70px;
  }
  .strillo14 {
    font-family: "ralewaybold", arial;
    line-height: 13px;
    font-size: 11px;
  }
}
/* Landscape tablets and medium desktops */

@media (min-width: 1025px) and (max-width: 1199px) {
  .titCarousel {
    font-size: 36px;
  }
  .titCarouselGreen {
    font-size: 36px;
  }
  .strillo150 {
    font-size: 100px;
    font-family: "ralewaysemibold", arial;
    line-height: 90px;
  }
  .strillo150 span {
    font-size: 90px;
  }
  .strillo14 {
    font-family: "ralewaybold", arial;
    line-height: 15px;
    font-size: 12px;
  }
}
.carImgMob {
  display: none !important;
  width: 100%;
}
.carImgNoMob {
  display: block !important;
  width: 100%;
}
@media (max-width: 479px) and (orientation: portrait) {
  .carImgMob {
    display: block !important;
  }
  .carImgNoMob {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .carousel .carousel-control .glyphicon-chevron-left,
  .carousel .carousel-control .icon-prev {
    margin-left: -12px !important;
  }
  .carousel .carousel-control .glyphicon-chevron-right,
  .carousel .carousel-control .icon-next {
    margin-right: -12px !important;
  }
}
@media (max-width: 767px) {
  /*
carte-di-credito.html
assicurazioni.html
investimenti.html
mutuo.html
trading-team-ok.html
trading.html

*/

.large-mob-carousel .item {
  margin-left: 15px;
  margin-right: 15px;
}
.large-mob-carousel {
  margin-left: -15px;
  margin-right: -15px;
}
.mutuo.container02.large-mob-carousel {
  margin-left: 0;
  margin-right: 0
}
}
/* ==========================================================================
  myCarousel fine
  ========================================================================== */
/* ==========================================================================
 BARRA TITOLI INIZIO
 ========================================================================== */

 .sectionTitle {
  background: #8ab10b;
  color: #ffffff;
  height: 75px;
  position: fixed;
  left: 0;
  top: 120px;
  width: 100%;
  z-index: 16;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}
.aol .sectionTitle {
  top: 85px;
}
.sectionTitle h1,
.sectionTitle h2 {
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  line-height: 75px;
}
.sectionTitle h1.sub {
  font-size: 14px;
  color: #fff;
  margin: -60px 0 0 0px;
  padding: 0;
  display: block;
}
.sectionTitle .btn-white {
  float: right;
  width: 260px;
  background-position: 210px center;
  font-weight: normal;
}
.sectionTitle .btn-white.btn-arrow:hover {
  background-color: #282828;
  color: #fff;
  background-image: url("/wbresp/img/arrow-btn-arrow-white.png");
}
.mainContent {
  margin: 140px 0 100px 0;
}
.aol .mainContent {
  margin-top: 120px;
}
/* Portrait tablets and small desktops / purple */

@media (max-width: 1025px) {
  .sectionTitle {
    top: 64px;
  }
}
/* Portrait tablets and small desktops / red */

@media (max-width: 991px) {
  .mainContent {
    margin-top: 90px;
  }
  .sectionTitle {
    height: 90px;
    top: 84px;
  }
  .sectionTitle h1 {
    font-size: 26px;
  }
}
/* Portrait tablets and small desktops / red */

@media (max-width: 480px) {
  .sectionTitle {
    height: 64px;
    top: 64px;
  }
  .sectionTitle h1,
  .sectionTitle h2 {
    font-size: 18px;
    line-height: 64px;
  }
  .sectionTitle h1.sub {
    margin: -45px 0 0 0px;
  }
}
/* ==========================================================================
 BARRA TITOLI FINE
 ========================================================================== */
/* ==========================================================================
 SPOSTAMENTO MENU MOBILE A FONDO PAGINA INIZIO
 ========================================================================== */

 .mtop-50 {
  margin-top: 50px;
}
/* ==========================================================================
 SPOSTAMENTO MENU MOBILE A FONDO PAGINA FINE
 ========================================================================== */
/* ==========================================================================
CLASSI COMUNI PAGINE GENERICHE inizio
========================================================================== */

.img100 {
  width: 100%;
}
.nopadding {
  padding: 0
}
.centered {
  float: none;
  margin: 0 auto;
}
.align-center {
  text-align: center;
}
.basic-content {
  margin: 30px 30px 30px 30px;
}
.no-submenu {
  margin-left: 20px;
}
.basic-content h2{
  color: #666666;
  font-size: 40px;
  line-height: 36px;
  margin: 0 0 30px 0;
  font-family: "ralewaysemibold", arial, sans-serif;
  text-align: left;
}
.basic-content h3 {
  color: #666666;
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 30px 0;
  font-family: "ralewaysemibold", arial, sans-serif;
}
.basic-content h4 {
  color: #666666;
  font-family: "ralewaysemibold", arial, sans-serif;
  font-size: 18px;
  margin: 10px 0 6px 0;
}
.basic-content .spacer {
  margin-top: 20px;
  border-top: 1px solid #e9e9e9;
  height: 10px;
}
.basic-content b {
  font-family: "ralewaysemibold", arial, sans-serif;
  font-weight: normal;
}
.basic-content p {
  font-size: 16px;
}
.basic-content p.sottotitolo {
  font-size: 20px;
}
.basic-content p.smaller {
  font-size: 12px;
  margin-top: 20px;
}
/*.basic-content p a {
  color: #666;
  text-decoration: underline;
  }*/

  @media (max-width: 767px) {
   .basic-content {
    margin: 10px 10px 10px 10px;
  }
}
.basic-content.content .doc-contents {
  display: inline-block;
  width: 100%;
}
.basic-content.content .doc-contents .doc-content {
  display: block;
  max-width: 80%;
  float: left;
}
.basic-content.content .doc-contents .doc-content span {
  margin-left: 45px;
  color: #999;
}
.basic-content.content .doc-contents .doc-functions {
  float: right;
  max-width: 85px;
  display: block;
}
.basic-content.content .doc-contents .doc-content a {
  display: inline-block;
  color: #999999;
  padding: 0 0 0 40px;
  background: transparent url("/wbresp/img/trasparenza/pdf.png") 0 center no-repeat;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #666;
}
.basic-content.content .doc-contents .doc-functions a.print {
  display: inline-block;
  color: #999999;
  padding: 0 0 0 40px;
  background: transparent url("/wbresp/img/trasparenza/print.png") 0 center no-repeat;
  height: 40px;
  line-height: 40px;
}
.basic-content.content .doc-contents .doc-functions a.download {
  display: inline-block;
  color: #999999;
  padding: 0 0 0 40px;
  background: transparent url("/wbresp/img/trasparenza/download.png") 0 center no-repeat;
  height: 40px;
  line-height: 40px;
}
@media (max-width: 768px) {
  .basic-content.content .doc-contents {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
  }
  /* modifica wb */

  .basic-content.content .doc-contents .doc-content {
    width: 100%;
    max-width: 100%;
    float: left;
    clear: both;
  }
  .basic-content.content .doc-contents .doc-functions {
    display: block;
    clear: both;
    float: right;
  }
  .basic-content.content .doc-contents .doc-content a {
    height: auto;
    min-height: 40px;
    line-height: 16px;
    font-size: 14px;
    background: transparent url("/wbresp/img/trasparenza/pdf.png") 0 0 no-repeat;
  }
}
.spacerdark {
  height: 20px;
  border-bottom: 1px solid #ccc;
  margin: 0 -5px 10px -5px;
}
.modal-dialog {
  z-index: 9999;
}
.modal-header {
  border-bottom: 0px;
}
.modal-header h4 {
  margin: 0;
  padding: 15px 0 0;
}
.modal-header .modal-title,
.trading.container06 .modal-header h4.modal-title {
  margin: 0;
  color: #333333;
  font-size: 20px;
  font-family: "ralewaybold", arial, sans-serif;
  line-height: 30px;
  text-transform: uppercase;
  padding: 15px 15px 0;
  margin: 0;
}
.modal-footer {
  border-top: 0px;
}
.modal-header .close {
  font-size: 40px;
  margin-top: -12px;
}
.modal-body {
  padding: 0 15px 15px;
}
.greenarrows .left.carousel-control .glyphicon {
  background: transparent url("/wbresp/img/carousel/fsx_green.png") no-repeat scroll center top;
}
.greenarrows .right.carousel-control .glyphicon {
  background: transparent url("/wbresp/img/carousel/fdx_green.png") no-repeat scroll center top;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border: 2px solid #ddd;
}
.nav-tabs>li>a {
  border: 2px solid transparent;
}
.nav-tabs>li {
  float: left;
  margin-bottom: -2px;
}
@media (max-width: 767px) {
  .greenarrows .left.carousel-control .glyphicon {
    background: transparent url("/wbresp/img/carousel/mobile/fsx_green.png") no-repeat scroll center top;
  }
  .greenarrows .right.carousel-control .glyphicon {
    background: transparent url("/wbresp/img/carousel/mobile/fdx_green.png") no-repeat scroll center top;
  }
  .tableContainer {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative;
  }
  .tableContainer .nav.nav-tabs {
    width: 668px;
  }
}
/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
  .basic-content {
    margin: 10px 10px 10px 10px;
  }
  .sectionTitle .btn-white {
    float: right;
    background-position: 210px center;
    font-weight: normal;
    font-size: 14px;
    background-image: url("/wbresp/img/arrow-btn-white-l.png");
    background-position: right center;
    padding-right: 30px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    width: 205px;
    max-width: 100%;
    height: 36px;
    line-height: 33px;
    padding: 2px 0 0 18px;
    border-width: 2px;
  }
}
/* Landscape phones and portrait tablets */

nav>li.active>a {
  color: #a6cc28;
  background-color: transparent;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
/* ==========================================================================
CLASSI COMUNI PAGINE GENERICHE fine
========================================================================== */
/* ==========================================================================
FASCIONE COOKIE
========================================================================== */

#cookieCheck {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 15px 0;
  float: left;
  background-color: #333;
  z-index: 9999;
  border-top: solid 2px #555;
}
#cookieCheck p {
  color: #fff;
  padding: 5px 0 0;
  margin: 0;
}
#cookieCheck .btn-grlit {
  float: right;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 0 15px;
  cursor: pointer;
  position: relative;
  z-index: 10000;
}
@media (max-width: 1199px) {
  #cookieCheck .btn-grlit {
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 0 15px;
    width: auto;
  }
}
@media (max-width: 991px) {
  #cookieCheck p {
    font-size: 13px;
  }
}
/* ==========================================================================
FASCIONE COOKIE fine
========================================================================== */
/* ==========================================================================
CLASSI COMUNI PAGINE GENERICHE fine
========================================================================== */

ol,
ul {
  margin-bottom: -12px;
}
/*BOX di esito generico*/

.boxesito {
  width: 100%;
  float: none;
  background-color: #fff;
  border: 2px solid;
  border-radius: 10px 6px 6px;
  color: #222;
  margin-bottom: 10px;
  box-sizing: border-box;
  clear: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
*:first-child+html .boxesito {
  width: auto
}
.boxesito .top span,
.boxesito .bottom span {
  display: none
}
.boxesito div.text {
  clear: none
}
.boxesito .middle {
  width: 100%;
  padding: 5px 0 8px 0;
  float: none
}
.boxesito .middle .imgCont {
  width: 31px;
  height: 31px;
  float: left;
  margin: -11px 0 0 -6px;
  margin: -12px 0 0 -6px\9
}
.boxesito ul.lista {
  padding-left: 20px;
}
#contenuti .boxesito p,
#contenuti .boxesito strong,
.boxesito strong {
  color: #000;
  padding: 0;
}
#contenuti .boxesito strong,
.boxesito strong {
  color: #222;
  font-weight: bold
}
#contenuti .boxesito .middle div.text,
.boxesito .middle div.text {
  padding: 3px 9px 0 30px
}
#contenuti .boxesito p {
  padding-bottom: 10px;
}
/*BOX di esito positivo generico*/

.boxesito.positivo .middle .imgCont {
  background: transparent url(/wscmn/img/ico2or_boxesito_pos.png) no-repeat 0 0
}
.boxesito.positivo {
  border-color: #a7c44a
}
/*BOX di esito negativo generico*/

.boxesito.negativo .middle .imgCont {
  background: transparent url(/wscmn/img/ico2or_boxesito_neg.png) no-repeat 0 0
}
.boxesito.negativo {
  border-color: #ff4d3b
}
/*BOX di esito attenzione generico*/

.boxesito.attenzione .middle .imgCont {
  background: transparent url(/wscmn/img/ico2or_boxesito_att.png) no-repeat 0 0
}
.boxesito.attenzione {
  border-color: #ffcc33
}
/* Accordion */

.panel-default > .panel-heading {
  background-image: none;
  background-color: #fff;
  border-color: #fff;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
.accordion-group .panel {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #a6cc28;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: 0;
}
.accordion-group .panel-title {
  font-size: 18px;
  font-weight: bold
}
.accordion-group .panel-title a {
  display: block;
  background: url(/wbresp/img/ico1gr_aolacc_up.png) no-repeat right 0;
}
.accordion-group .panel-title a.collapsed {
  display: block;
  background: url(/wbresp/img/ico1gr_aolacc_down.png) no-repeat right 0;
}
.accordion-group .panel-heading p {
  margin: 0;
}
/* NUOVI OGGETTI GENERICI */
/* Wrapper bordo "grigio" */

.fieldwrapped {
  border: solid 1px #e9e9e9;
  padding: 15px;
  margin: 0 0 15px;
}
.fieldwrapped hr {
  margin: 5px 0 15px;
}
.fieldwrapped>.radio label {
  font-weight: bold;
  font-size: 16px
}
.fieldwrapped.selected {
  border: solid 2px #a6cc28;
  padding: 14px;
}
.fieldwrapped.selected>.radio label {
  color: #8ab10b;
}
.fieldwrapped ul {
  margin-bottom: 0;
}
/* Immagini full */

img.fullwidth {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  display: inline-block;
}
/* Alert box */

.boxalert {
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 15px;
  background: transparent url(/wbresp/img/boxalert_info.png) no-repeat 22px 10px;
}
.boxalert .boxcont {
  min-height: 60px;
  border: solid 8px #6eb0c6;
  border-top: 0;
  border-bottom: 0;
  padding: 10px 15px 5px 70px;
}
.boxalert.conferma {
  background-image: url(/wbresp/img/boxalert_conferma.png);
}
.boxalert.conferma .boxcont {
  border-color: #5bc3a2
}
.boxalert.attenzione {
  background-image: url(/wbresp/img/boxalert_attenzione.png);
}
.boxalert.attenzione .boxcont {
  border-color: #fed16c
}
.boxalert.errore {
  background-image: url(/wbresp/img/boxalert_errore.png)
}
.boxalert.errore .boxcont {
  border-color: #d9675d
}
.boxalert .boxcont h4 {
  color: #666;
  font-weight: bold;
}
.boxalert .boxcont ul {
  margin-bottom: 10px
}
/* Caricamento file e chat */

.btn-file-group .btn-file,
.btn-chat-group .btn-chat {
  position: relative;
  font-family: ralewaybold, arial, serif;
  font-size: 14px;
  padding: 0;
  margin: -1px 0 0 -20px !important;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  border-radius: 38px;
  overflow: hidden;
}
.btn-file-group .btn-file-action,
.btn-chat-group .btn-chat-action {
  border-radius: 38px;
  z-index: 200;
  background: #a6cc28 url(/wbresp/img/btn_file_upload.png) no-repeat right 7px;
  height: 38px;
  float: right;
  padding: 9px 50px 4px 20px
}
.btn-chat-group .btn-chat-action {
  background: #a6cc28 url(/wbresp/img/scrivi_ico_white.png) no-repeat 67px 7px;
}
.btn-file-group .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block
}
.btn-file-group .btn-file-name,
.btn-chat-group .btn-chat-name {
  background: #fff;
  white-space: nowrap;
  border: solid 1px #eee;
  text-overflow: ellipsis
}
@media screen and (max-width: 479px) {
  /* Alert box */

  .boxalert {
    padding: 20px 0 0;
    background-position: center top;
  }
  .boxalert .boxcont {
    padding: 35px 15px 15px;
  }
  .btn-file-group .btn-file-action,
  .btn-chat-group .btn-chat-action {
    padding: 9px 15px;
    background-image: none;
  }
}
.carousel-control.left,
.carousel-control.right {
  filter: none
}
/*REGOLE MENU AGGIUNTE E MODIFICATE DA SPOSTARE POI NEL CSS OTTIMIZZATO*/
/* ==========================================================================
 dropdown-large inizio
 ========================================================================== */

 .navbar-inverse .navbar-nav > .open > a,
 .navbar-inverse .navbar-nav > .active > a {
  box-shadow: none
}
.dropdown-menu {
  border-top: 0px solid transparent
}
#triangle,
#triangle2 {
  display: none
}
#triangle {
  left: 423px;
  position: absolute;
  top: -10px
}
#panelMenu2 #triangle2 {
  left: 1059px;
  position: absolute;
  top: -10px
}
.nav > li > a {
  padding: 14px 0 10px 0;
  margin-left: 22px;
  text-transform: uppercase
}
#nav-apple-link,
#nav-google-link {
  position: absolute;
  left: 260px;
  top: -10px;
  width: 180px
}
#nav-google-link {
  top: 30px
}
#pnmn1v.dropdown-large-view .dleft,
#pnmn3v.dropdown-large-view .dleft {
  padding-bottom: 5px;
  margin: 0
}
#pnmn1v.dropdown-large-view .bottomLink a {
  margin-top: 10px
}
#pnmn3v.dropdown-large-view .bottomLink a {
  margin-top: 0px
}
.container {
  position: relative
}
.dropdown-large {
  position: static !important;
}
#toplogin input[type=text] {
  font-style: normal !important;
  font-family: Arial, Serif !important
}
#toplogin .radio label::after {
  background-color: #6f8f0a;
  width: 10px;
  height: 10px;
  left: 4px;
  top: 4px;
}
#toplogin .radio label::before {
  width: 18px;
  height: 18px;
  border: none
}
.dropdown-menu-large {
  position: absolute;
  margin: 0 15px 0 15px;
  width: 1140px;
  box-sizing: border-box;
  padding: 0
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
#panelMenuButton,
#panelMenu2Button {
  height: 66px
}
.dropdown-large-lbl {
  background: #e9e9e9
}
.dropdown-large-lbl.active {
  background: #fff
}
.dropdown-large-lbl a {
  font-size: 13px;
  font-family: "ralewaysemibold", arial;
  text-transform: uppercase;
  line-height: 26px;
  color: #999999;
  border-bottom: 1px solid #d1d1d1;
  padding: 9px 8px 9px 8px;
  width: 86%;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 25px 0 25px;
  text-decoration: none;
  cursor: pointer;
}
.dropdown-large-lbl.active a {
  color: #a6cc28;
  border-bottom: 1px solid #fff
}
.dropdown-large {
  position: static !important
}
.dropdown-large-view .dleft h2 {
  color: #333333;
  font-size: 32px;
  font-family: "ralewaysemibold", arial;
  text-transform: uppercase
}
.dropdown-large-view .dleft p {
  font-family: "ralewaymedium", arial;
  line-height: 24px;
  font-size: 16px;
  margin-top: 5px;
  color: #999999
}
/* inserimento nuovo bottone windows*/

.mobile-banking a.btn-apple img,
.mobile-banking a.btn-google img,
.mobile-banking a.btn-windows img {
  max-width: 100%;
}
.no-margin {
  margin: 0
}
#nav-windows-link {
  position: absolute;
  left: 260px;
  width: 180px;
  top: 71px
}
@media (max-width: 1199px) and (min-width: 1024px) {
  #nav-windows-link {
    left: 170px;
    top: 43px
  }
}
/* fine inserimento nuovo bottone windows*/

.dropdown-large-view .dleft {
  float: left;
  width: 50%;
  padding: 20px 20px 20px 30px;
  position: relative;
  z-index: 1
}
.dropdown-large-view .dright {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
  width: 55%;
  text-align: center
}
.bottomLink {
  float: left;
  margin-left: 20px;
  position: relative;
  z-index: 5;
  width: 100%;
}
.dropdown-large-view .dright img {
  max-width: 452px;
  width: 100%;
  float: right
}
.anmnv {
  min-height: 395px
}
.dropdown-large-view img {
  margin: 0 auto;
  max-width: 100%
}
.dropdown-large-view .dleft .bottomLink {
  width: 100%;
  margin-top: 70px
}
.dropdown-large-view .dleft .bottomLink img {
  max-width: 49%;
  cursor: pointer;
}
.navTwo {
  width: 100%
}
/* ==========================================================================
 dropdown-large fine
 ========================================================================== */
/* ==========================================================================
 doppio-nav inizio
 ========================================================================== */

 .btn-c {
  color: #999999;
  font-family: "ralewaysemibold", arial;
  font-size: 12px;
  text-align: left;
  float: right;
  cursor: pointer;
  display: block;
  text-decoration: none
}
.btn-c-search {
  background: #eeeeee url(/wbresp/img/header/search.png) no-repeat scroll left 7px;
  padding: 9px 5px 9px 24px;
  width: 150px
}
.btn-c-chat {
  background: #eeeeee url(/wbresp/img/header/chat.png) no-repeat scroll left 7px;
  padding: 9px 5px 9px 34px;
  width: 150px
}
.btn-c-stato {
  background: #eeeeee url(/wbresp/img/header/apertura.png) no-repeat scroll left 7px;
  padding: 9px 5px 9px 34px;
  width: 226px
}
.btn-c-accesso {
  color: #fff;
  background: #8ab10b url(/wbresp/img/header/open.png) no-repeat scroll right 7px;
  padding: 9px 5px 9px 22px;
  width: 196px;
}
#accessoClientiMob.btn-c-accesso {
  background: #8ab10b url(/wbresp/img/header/close.png) no-repeat scroll right 7px;
}
.btn-c-chat:hover,
.btn-c-search:hover {
  color: #8ab10b;
  text-decoration: none
}
.btn-c-stato:hover {
  background: #eeeeee url(/wbresp/img/header/apertura_active.png) no-repeat scroll left 7px;
  color: #8ab10b;
  text-decoration: none
}
.btn-c-accesso:hover {
  background: #8ab10b url(/wbresp/img/header/open_active.png) no-repeat scroll right 7px;
  color: #fff;
  text-decoration: none
}
#accessoClientiMob.btn-c-accesso:hover {
  background: #8ab10b url(/wbresp/img/header/close_active.png) no-repeat scroll right 7px
}
.navTwo {
  margin-top: 35px;
  min-height: 85px
}
.aol .navTwo {
  margin-top: 0
}
#topContent {
  position: fixed;
  z-index: 1040;
  left: 0;
  top: 0;
  background: #eee;
  display: block;
  height: 35px;
  width: 100%;
  box-sizing: border-box
}
#topContent .row {
  text-align: right;
  margin: 0 auto
}
#topContent .row ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}
#topContent .row ul li {
  margin: 0;
  padding: 0
}
.navbar-header {
  height: 84px;
}
#tabletButton {
  display: none;
}
.tabletCustomDiv {
  display: block;
  min-height: 40px;
}
.tabletCustom {
  display: none;
}
#modalBlockLogin {
  width: 100%;
  position: fixed;
  left: 0;
  top: 63px;
  height: 380px;
  background: transparent url(/wbresp/img/header/sfumo.png) center top repeat-x;
  z-index: 2000;
  text-align: center;
  display: none;
}
#modalBlockLoginContent {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.serveAiuto {
  float: right
}
#topContent .formLogin {
  width: 195px;
  height: 295px;
  display: block;
  position: absolute;
  font-family: "ralewaybold", arial;
  right: 16px;
  top: 30px;
  color: #FFF;
  font-size: 12px;
  background: #8ab10b;
  display: none;
  overflow: hidden;
}
#topContent .formLogin .row {
  text-align: left;
}
#modalBlockLoginContent .formLogin {
  width: 195px;
  height: 325px;
  display: block;
  font-family: "ralewaybold", arial;
  margin-top: 30px;
  color: #FFF;
  font-size: 12px;
  background: #8ab10b;
  display: block;
  margin: 5px auto;
  padding-top: 5px;
  overflow: hidden
}
.formLogin a {
  color: #FFF
}
.formLogin a:hover {
  color: #FFF
}
.formLogin .wrapper-login {
  margin: 0 auto;
  margin-top: 30px;
  padding: 0 7px;
  text-align: left!important
}
.formLogin input[type="text"],
.formLogin input[type="password"] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.formLogin input[type="password"] {
  margin-bottom: 18px;
}
.formLogin .radio {
  margin-top: 0
}
.formLogin table td.mrg {
  padding-top: 0px;
}
.formLogin table td hr {
  margin: 0;
  padding: 0;
  height: 2px;
  background: #FFF
}
.formLogin input[type='tel'],
.formLogin input[type='text'],
.formLogin input[type='password'] {
  width: 100%;
  height: 32px;
  color: #666;
  font-family: arial, sans-serif;
  font-size: 13px;
}
.formLogin .btn-whlit.btn-whlit-arrow {
  width: 156px;
  color: #333333;
  font-size: 16px;
  line-height: 46px;
  background: #fff url(/wbresp/img/arrow-btn-white.png) no-repeat scroll 105px center;
  margin: 0;
}
.formLogin .btn-whlit.btn-whlit-arrow:hover {
  color: #000;
  background: #fff url(/wbresp/img/arrow-btn-white-hover.png) no-repeat scroll 105px center;
}
.statoContoMenu {
  display: none
}
.footerInfo,
.footerInfo a {
  color: #999999;
  text-decoration: none
}
.navbar-nav {
  padding-top: 19px;
}
/* login in nuova posizione */

.accessoClientiMobLink.icoButton {
  position: absolute;
  right: 15px;
  color: #fff;
  text-decoration: none;
  background: transparent url(/wbresp/img/icona_accedi.png) no-repeat center 10px;
  height: 56px;
  padding-top: 37px
}
/* ==========================================================================
 doppio-nav fine
 ========================================================================== */
 /* PAGINA DI ERRORE LOGIN*/

 .erroreLogin .overlayer {
  display: none;
  position: absolute
}
.erroreLogin .widget05 {
  margin-top: 0
}
.errore_center p {
  margin-top: 30px
}
.erroreLogin .errore_left {
  display: none
}
.erroreLogin h2 {
  color: #666;
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 30px 0;
  font-family: "ralewaysemibold", arial, sans-serif;
}
.errore_center form {
  margin-left: -15px;
  margin-right: -15px
}
.erroreLogin .fieldcontributileft,
.erroreLogin .fieldcontributiright {
  width: 50%;
  float: left;
  padding: 0 15px;
}
.erroreLogin p {
  font-size: 16px
}
.erroreLogin input {
  width: 100%;
  height: 38px;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.erroreLogin input:focus {
  border-color: #8ab10b;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 3px #c5d29d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px #c5d29d;
}
.fieldcontributiright span,
.fieldcontributileft span {
  display: none
}
.erroreLogin input.error {
  border: 1px solid #ff2a00;
  color: #666;
  font-weight: normal
}
.erroreLogin .greenbutton {
  text-transform: uppercase;
  font-weight: normal;
  font-family: "ralewaybold", arial;
  color: #FFF;
  background: #a6cc28 url(/wbresp/img/arrow-btn-green.png) right center no-repeat;
  padding-right: 50px;
  text-decoration: none;
  border-radius: 25px;
  height: 50px;
  font-size: 16px;
  padding: 0 50px 0 20px;
  line-height: 48px;
  margin: 20px 10px 0 0;
  text-shadow: none;
  border: 2px solid #a6cc28;
  display: block;
  float: right
}
.erroreLogin .greenbutton:hover {
  background-image: url(/wbresp/img/arrow-btn-black-hover.png);
  background-color: #222;
  border-color: #222;
  color: #8ab10b
}
.formLogin label {
  font-size: 12px
}
/* MEDIA QUERY MENU*/

@media (max-width: 1023px) {
  .navbar-toggle {
    position: absolute;
    height: 40px;
    width: 45px;
    border: none;
  }
  .navbar-inverse .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover {
    background-color: #000;
    border-color: #000;
  }
  #topContent {
    display: none
  }
  .navTwo {
    margin-top: 0px
  }
  .dropdown-large-lbl,
  .dropdown-large-lbl.active {
    background: #000
  }
  .dropdown-large-lbl a,
  .dropdown-large-lbl.active a {
    color: #ccc
  }
  .navbar-header {
    text-align: center;
    background-color: #000
  }
  .navbar-brand {
    float: none;
    display: inline-block
  }
  .formLogin .btn-whlit.btn-whlit-arrow {
    line-height: 34px
  }
  .navbar-inverse .navbar-nav>li> a:hover {
    color: #fff!important
  }
  .navbar-inverse .navbar-nav>li.active> a:hover {
    color: #a6cc28!important
  }
  .navbar-inverse .navbar-nav>li.open> a:hover {
    color: #a6cc28!important
  }
  .navbar.erroreLogin .tabletCustom,
  .navbar.erroreLogin .pnmn,
  .navbar.erroreLogin .col-md-9.no-padding.dspTblCell.hidden-sm.hidden-xs {
    display: none
  }
  .navbar.erroreLogin .erroreLoginTablet {
    display: block
  }
  .navbar.erroreLogin .nav.navbar-nav li {
    display: none
  }
  .navbar.erroreLogin .nav.navbar-nav li.hidden-md {
    display: block!important
  }
  #navbar .nav.navbar-nav {
    overflow: auto
  }
  .navbar-nav {
    margin: 0 -15px;
    padding-top: 0
  }
  .grayBackground {
    width: 100%
  }
  #panelMenuButton,
  #panelMenu2Button {
    height: 50px
  }
  .dropdown-large-lbl a {
    border-bottom: 0;
    text-transform: none
  }
  .dropdown-large-lbl.active a {
    border-bottom: 0
  }
  .navbar-toggle .icon-bar.first {
    transition: transform .5s;
    transform-origin: 6px 2px;
    -ms-transition: transform .5s;
    -webkit-transform-origin: 6px 2px;
    -webkit-transition: transform .5s;
  }
  .navbar-toggle.opened .icon-bar.first {
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .navbar-toggle.opened .icon-bar {
    display: none
  }
  .navbar-toggle .icon-bar.last {
    transition: transform .5s;
    transform-origin: 8px 1px;
    -ms-transition: transform .5s;
    -ms-transform-origin: 8px 1px;
    -webkit-transition: transform .5s;
    -webkit-transform-origin: 8px 1px;
  }
  .navbar-toggle.opened .icon-bar.last {
    display: block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .navbar-toggle.openedFix {
    background: url(/wbresp/img/icon-close-white.png) no-repeat 10px 6px;
  }
  .navbar-toggle.openedFix .icon-bar {
    display: none
  }
  .tabletCustomDiv {
    display: none
  }
  #pnmn7 a,
  #anmn2 a {
    border-bottom: 0
  }
  #openChatWrapper .btn-c-chat,
  #openChatWrapper .btn-c-chat:hover {
    color: #fff;
    float: none;
    padding: 16px 0px;
    margin-left: 22px;
    font-size: 15px;
    font-family: ralewaysemibold, arial;
    background: none;
  }
  #modalBlockLogin {
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    height: 100%
  }
  #modalBlockLoginContent {
    margin-top: 63px
  }
  .formLogin .wrapper-login {
    padding: 15px 20px 0 20px
  }
  .formLogin .radio {
    margin-bottom: 10px
  }
  #navbar .nav.navbar-nav .dropdown-toggle.dropdown-arrow {
    background: transparent url(/wbresp/img/arrow-btn-white_down.png) no-repeat right 17px;
    margin-right: 32px
  }
  #navbar .nav.navbar-nav .open .dropdown-toggle.dropdown-arrow {
    background: transparent url(/wbresp/img/arrow-btn-white_up.png) no-repeat right 17px;
  }
  #toplogin .mrg {
    padding-top: 10px
  }
  #toplogin .mrg input {
    margin-top: -5px
  }
  .formLogin .radio label {
    margin-top: 15px
  }
  .formLogin .radio label {
    margin-top: 5px
  }
  .formLogin table tr:first-child td {
    padding-top: 10px
  }
  .nav > li > a {
    text-transform: none
  }
}
/* Portrait phones and smaller */

@media (max-width: 479px) {
  body {
    /*padding-top: 64px*/
  }
  .navbar-toggle {
    left: 10px;
    top: 10px
  }
  .navbar {
    min-height: 64px
  }
  .navbar-header {
    height: 64px;
  }
  h1 {
    display: inline-block;
    float: none
  }
  .navbar-brand {
    padding: 10px
  }
  .navbar-brand > img {
    margin: 0 auto;
    max-width: 160px;
  }
  .socialBlock {
    text-align: center
  }
  .socialTitle {
    margin-top: 40px !important;
  }
  .footerInfo {
    padding: 0 20px 0 20px;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  #openChat {
    display: none
  }
}
/* Landscape phones and portrait tablets */

@media (min-width: 480px) and (max-width: 1023px) {
  .navbar-toggle {
    left: 10px;
    top: 20px;
  }
  .navbar-brand > img {
    margin: -7px auto;
  }
  .socialTitle {
    margin-top: 20px
  }
  .accessoClientiMobLink.icoButton {
    padding-top: 47px;
    background: transparent url(/wbresp/img/icona_accedi.png) no-repeat center 20px
  }
  /*menu a metà*/
  /*.container{width:100%;padding:0;}
  .navTwo{background-color:transparent;}
  .navbar-header{background-color:#000}
  #navbar{width:50%;background-color:#000}*/
}
/* Portrait tablets and small desktops / era 991px */

@media (min-width: 768px) and (max-width: 1023px) {
 .navbar-nav > li > a {
  padding: 16px 0px;
}
/*.navbar-inverse .navbar-nav > li > a {font-size: 12px;}*/

.navbar-brand > img {
  margin: -7px auto;
}
.dropdown-menu-large {
  width: 720px;
  margin-left: 15px
}
#openChatWrapper .btn-c-chat,
#openChatWrapper .btn-c-chat:hover {
  font-size: 15px;
  padding: 16px 0px;
}
}
/* Landscape tablets and medium desktops */

@media (min-width: 1024px) {
  /*interventi per aumentare l'area menu */

  .dropdown-menu-large {
    background-color: transparent;
    padding: 0 30px 30px 30px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 1200px;
    margin-left: -15px
  }
  .dropdown-menu-large .dspTblCell {
    background-color: #fff;
  }
  .dspTblCell.grayBackground {
    background-color: #e9e9e9;
  }
  .box-shadow-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
    webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }
  .dropdown.hover .dropdown-menu {
    display: block
  }
  .navbar-inverse .navbar-nav > li.hover > a.dropdown-arrow,
  .navbar-inverse .navbar-nav > .open > a.dropdown-arrow,
  .navbar-inverse .navbar-nav > .open > a.dropdown-arrow:focus,
  .navbar-inverse .navbar-nav > .open > a.dropdown-arrow.hover {
    background: transparent url(/wbresp/img/header/punta.png) center bottom no-repeat !important;
    filter: none;
  }
  .navbar.erroreLogin .nav.navbar-nav {
    display: none
  }
  .navbar.erroreLogin .nav.navbar-nav li {
    display: none
  }
  .navbar.erroreLogin .nav.navbar-nav li.hidden-md {
    display: block;
  }
  /*chat spostata*/

  .fixedPosition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1040
  }
  .fixedPosition #topContent,
  .fixedPosition .navTwo {
    position: static;
    margin-top: 0
  }
  #openChatWrapper {
    position: absolute!important;
    top: -35px;
    right: 437px
  }
  .fixedPosition #topContent .formLogin {
    z-index: 16
  }
  /*FINE chat spostata*/

  .accessoClientiMobLink.icoButton {
    display: none
  }
  #toplogin .mrg {
    padding-top: 10px
  }
  .formLogin .radio label {
    margin-top: 5px
  }
  .formLogin .radio:first-child label {
    margin-top: 0px
  }
  #toplogin .mrg .btn-whlit {
    margin-top: -5px
  }
  .navbar-inverse .navbar-nav>li>a:focus,
  .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
  }
  .navbar-inverse .navbar-nav>li>a.colorFocus:focus,
  .navbar-inverse .navbar-nav>li>a.colorFocus:hover,
  .navbar-inverse .navbar-nav>li.hover>a:focus,
  .navbar-inverse .navbar-nav>li.hover>a:hover {
    color: #a6cc28;
  }
}
@media (max-width: 1199px) and (min-width: 1024px) {
  .dropdown-menu-large {
    width: 1000px
  }
  #triangle {
    left: 280px;
  }
  .dropdown .dropdown-toggle {
    padding-bottom: 31px !important
  }
  #nav-apple-link {
    left: 170px;
    top: -40px;
  }
  #nav-google-link {
    left: 170px;
    top: 1px;
  }
  .pnmnv,
  .anmnv {
    min-height: 425px;
  }
  .dspTblCell {
    float: none;
    display: table-cell;
    vertical-align: top;
    height: 100%
  }
  .navbar-brand img {
    margin: 12px 12px 0 0;
    float: right;
    width: 190px
  }
  .navbar-nav > li > a {
    padding: 15px 0px;
  }
  .navbar-inverse .navbar-nav > li > a {
    font-size: 15px;
  }
  .formLogin .btn-whlit.btn-whlit-arrow {
    line-height: 34px
  }
}
@media (min-width: 1200px) {
  .dropdown .dropdown-toggle {
    padding-bottom: 31px !important;
    text-transform: uppercase
  }
  .pnmnv,
  .anmnv {
    width: 855px;
  }
  .dspTblCell {
    float: none;
    display: table-cell;
    vertical-align: top;
    height: 100%
  }
}

/* FINE MEDIA QUERY MENU*/


/* ==========================================================================
STYLE
========================================================================== */
/* ==========================================================================
STYLE
========================================================================== */
body {padding-bottom: 20px;font-family: ralewaymedium, arial; background: #000;overflow-x:hidden;}
h1,h2,h3,h4 {font-weight: normal;}
h2{text-align:center; font-family: 'ralewaybold', arial; font-size: 38px;}
.logo{margin:20px 0 10px 0;}

strong{font-family: ralewaybold, arial;}
.img100{width: 100%}
.pop{display: none;}
.arrow img{display: none;}
/*.pop.pop1{display: block;}*/




.clear-b{ clear: both;}

.navbar-fixed-top { position: absolute !important; top: 0px;}

.chat-button {display:none; cursor:pointer;}

.nopadding { padding: 0 !important; margin: 0 !important;}

.center
{
  text-align: center;
}

.jumbotron
{
  background: #444344 url(../images/jumbo.png) center top;
  padding-top:0;
  margin-bottom:0;
  overflow-x:hidden !important;
  max-width: 100%;
}



.bl3 h1
{
  font-family: ralewaybold, arial;
  margin:25px 0 25px 0;
  font-size:25px;
  color:#000000;
  text-align: center;
}

.jumbotron .strillo td
{
  font-size:30px;
  color:#000;
  text-align:left;
  font-family: ralewaybold, arial;
  text-transform: uppercase;
}


.jumbotron .container{
  background: url(../images/bg_header.jpg) no-repeat center top; background-size: cover;
}

.jumbotron .container h2
{
  font-family: ralewaysemibold, arial;
  font-size:38px;
  margin-top:50px;
  /*color:#FFF;*/
  text-align:center;
}



.jumbotron .container .cta.bottom
{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.jumbotron .container .info
{
  /*text-align:center;*/
  color:#fff;
  font-size:14px;
  font-family: ralewaymedium, arial;
  margin-top:30px;
}

.jumbotron .container .info div
{
  margin-top: 10px;
}

.jumbotron .container .info div p
{
  padding-left: 10px;
  float:left;
}

.jumbotron .container .info .b-4 img
{
  margin: 0 auto 20px auto;
}

.jumbotron .container .info h4
{
  font-size: 18px;
  text-align:left;
}

.jumbotron .container .info  .b-4 p
{
  margin:0;
  padding:0;
  text-align:left;
  font-size:16px;
  font-family: ralewaylight, arial !important;
}

.jumbotron .container .info  .b-4 ul
{
  margin:0;
  padding-left:14px;
  text-align:left;
  font-size:16px;
  font-family: ralewaylight, arial !important;
}

.jumbotron .container .info2
{
  text-align:center;
  color:#000;
  font-size:18px;
  font-family: ralewaymedium, arial;
  margin-top: 30px;
}

.jumbotron .container .info2 p.nota
{
  font-size:13px;
  font-family: ralewaymedium, arial;
  color:#fff;
  margin-top:7px;
}

.jumbotron .container p
{
  font-family: ralewaymedium, arial;
  font-size:16px;
  color:#FFF;
  padding-left:20px;
}

.jumbotron .container #visual{margin: 0 auto;}


.bl2 .container img, .bl3 .container img{display:inline-block;}

.nota-vincolate
{
  position:absolute;
  bottom:30px;
  width:90%;
  margin:0 5% 0 5%;
  font-size:13px;
  font-family: ralewaymedium, arial;

}

.bl2{
  width:100%;
  background: #fbfbfb;
    /*background: url(../images/bg_bl2.png) repeat-x 0 -50px;*/
}

.bl2.parte2{background: #323231;padding-top: 50px;}

.bl2 h2{
  color:#8ab10b;
  text-align: left;
  font-size:40px !important;
  text-transform: uppercase;
  /*font-family: ralewaybold, arial;*/
  /*margin-top:60px;*/
  margin-bottom:25px;

  font-family: ralewaymedium, arial;

  margin-top: 40px;


}

.bl2 p{ 
  /*color:#FFF;*/
  /*font-size:28px;*/
  text-align: left;
  /*font-family: ralewaybold, arial;*/
  margin-bottom:15px;

  font-family: ralewaymedium, arial;
  font-size: 20px;
  color: #000;
}

.bl2 .prova li{ 
  color:#000;
  font-size:20px;
  text-align: left;
  font-family: ralewaylight, arial;
  margin-bottom:15px;

}

.bl2 li{  
  color:#FFF;
  font-size:15px;
  text-align: left;
  font-family: ralewaylight, arial;

}

.bl2 ul{  
  margin-bottom:50px;
  list-style-image: url(../images/check.png);

}

.bl2 .note{ color:#666666;
  font-size:11px;
  text-align: center;
  font-family: ralewaymedium, arial;
  margin-bottom:15px;
}

.partner{ margin-bottom:20px;}

.bl3{background:#FFF; width:100%;box-sizing: border-box;padding-bottom:0px;}

.bl3 h3{font-family: ralewaybold, arial;font-size:18px; text-align:center;color:#2f3030; text-transform:uppercase;margin:30px 0 30px 0;}


.bl3 .v-link{text-align:center;margin-bottom:30px;text-transform: uppercase;}
.bl3 .v-link a
{
  color:#8ab10b;
  font-size:13px;
  font-family: ralewaybold, arial;

}
.bl4
{
  background: rgba(47,47,47,1);
  background: -moz-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(71,71,71,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47,47,47,1)), color-stop(100%, rgba(71,71,71,1)));
  background: -webkit-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(71,71,71,1) 100%);
  background: -o-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(71,71,71,1) 100%);
  background: -ms-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(71,71,71,1) 100%);
  background: linear-gradient(to bottom, rgba(47,47,47,1) 0%, rgba(71,71,71,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#474747', GradientType=0 );

}



.bl4 h4
{
  font-size:18px;
  color:#FFF;
  font-family: ralewaybold, arial;
  text-align: center;
  margin-top:20px;
}



.bl4 .testatina h4
{
  font-size:18px;
  text-align: center;
  font-family: ralewaybold, arial;
  color:#FFF;
  margin-bottom:20px;
}

.bl4 .testatina p
{
  font-size:13px;
  text-align: center;
  font-family: ralewaysemibold, arial;
  color:#FFF;
  margin-top:20px;
}

footer
{
  text-align:center;
  background: #000;
  padding-top:20px;
}

footer p
{

  font-size:13px;
  color:#FFF;
}





.numeroverde
{
  color:#8ab10b;
  font-size:40px;
  font-family: ralewaybold, arial;

}
.numeroverde:hover
{
  color:#FFF;
  text-decoration: none;

}


a.btn-grlit {text-decoration: none;text-align:left;white-space: nowrap;background: #a6cc28; color: #FFF;  font-weight:normal; font-family: "ralewaymedium", arial;
display:inline-block;  padding: 0 50px 0 20px; text-shadow: none;border:2px solid #a6cc28;}
a.btn-grlit:hover {text-decoration: none; color: #a6cc28; background-color: #222;border:2px solid #222;}
a.btn-grlit-arrow {background: #a6cc28 url("https://www.webank.it/img/arrow-btn-green.png") right center no-repeat;padding-right:50px;}
a.btn-grlit-arrow:hover {background-image:url("https://www.webank.it/img/arrow-btn-green-l-hover.png");}
a.btn-grlit {font-size: 15px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; min-width: 197px; max-width:100%; height: 36px; line-height:33px; padding: 0 0 0 14px; margin:5px 4px 0 4px;border-width:2px;}
a.btn-grlit-arrow {background-image:url("https://www.webank.it/img/arrow-btn-green-l.png");background-position: right center;padding-right:30px;}

#imma-g
{
  float:right;margin-top:-120px;
}

#jumbo2, #jumbo2-cont
{
  display:none;
}

#app-img-cnt,
#app-img
{
  display:none;

}

.rww-break
{
  display:none;
}


@media screen and (max-width: 1199px)
{
  .jumbotron .strillo h1
  {
    font-size:34px;
  }

  .jumbotron .strillo td
  {
    font-size:25px;
  }

  .jumbotron .container h2
  {
    font-size:28px;
  }

  .basic-content h2{font-size: 28px;}
  .basic-content p.sottotitolo{font-size: 16px;}

  #imma-g
  {
    float:right;margin-top:-80px;
  }
}

@media screen and (max-width: 991px)
{
  .jumbotron .strillo h1
  {
    font-size:27px;
    margin-top:40px;
    margin-bottom:30px;
  }

  .jumbotron .strillo td
  {
    font-size:20px;
  }

  .jumbotron .container h2
  {
    font-size:28px;
  }

  #imma-g
  {
    float:right;margin-top:20px;
  }

  #cta2
  {
    margin-top:40px;
    width:240px;

  }

  .bl2 h2{

    font-size:26px !important;
  }

  .rwd-break
  {
    display:none;
  }

}

@media screen and (max-width: 767px)
{
  #app-img
  {
    display:block;
    width:290px;
    margin-right:15px;
    margin-top:15px;
    float:right;

  }
  #app-img-cnt
  {
    display:block;
    width:100%;
    text-align: right;
  }

  #jumbo2-cont
  {

    overflow:hidden;
    width:100%;
    max-width:100%;
    position:absolute;
    left:0;top:0;
    height:650px;
    display:block;

  }

  #jumbo2
  {
    position:absolute;
    right:0;
    top:95px;
    max-width:140%;
    min-width:60%;
    z-index:0;
    display:block;


  }

  .nota-vincolate
  {
    bottom:20px;
    line-height:15px;
  }

  .jumbotron
  {
    overflow-x:hidden;
  }

  .jumbotron .container .info  .b-4 ul,
  .jumbotron .container .info  .b-4 p
  {
    margin-bottom:40px;
    width:100%;
  }

  .v-link.acapo
  {
    clear:both;
  }

  .rww-break
  {
    display:block;
  }
  #tbk
  {
    max-width:260px;

  }

  .jumbotron .strillo td {
    margin-bottom:15px;
  }

}

@media screen and (max-width: 480px)
{
  #app-img
  {
    display:block;
    width:212px;
    margin-right:0px;
    margin-top:15px;
    float:right;

  }
  #app-img-cnt
  {
    display:block;
    width:100%;
    text-align: right;
  }

  #jumbo2-cont
  {

    overflow:hidden;
    width:100%;
    max-width:100%;
    position:absolute;
    left:0;top:0;
    height:650px;
    display:block;

  }

  #jumbo2
  {
    position:absolute;
    left:0;
    top:95px;
    max-width:140%;
    min-width:100%;
    z-index:0;
    display:block;


  }

  .nota-vincolate
  {
    bottom:-5px;
    line-height:15px;
  }


  .jumbotron .container .info  .b-4 ul,
  .jumbotron .container .info  .b-4 p
  {
    margin-bottom:40px;
    width:100%;
  }

  .v-link.acapo
  {
    clear:both;
  }

  .rww-break
  {
    display:block;
  }

  #tbk
  {
    max-width:260px;

  }

  .jumbotron .strillo td {
    margin-bottom:15px;
  }

}


.barra-nera
{
  width:100%;
  height:80px;
  display:block;
  color: #fff;
  background:#000;
}
.barra-nera img {margin-top: 11px}

.barra-nera-scroll{display: none;color: #fff;position: fixed;top: 0px;width:100%;height:80px;background: #000;z-index: 999;}

.barra-nera-scroll img {margin-top: 11px}

.new-hero
{
  width:100%;

}

.jumbotron {
  position: relative;
  background: transparent url("../images/hero.png") no-repeat center center;
  width:100%;
  height: 100%;
  background-size: 100% 100%;
  background-size:     cover;                      /* <------ */
  background-repeat:   no-repeat;
  background-position: right bottom;
}

@media screen and (max-width: 480px)
{
  .jumbotron
  {
    background: #ececec;
    padding: 0;
  }
  .jumbotron .container
  {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px
    /*padding: 0;   */
  }

}

.aprip1b
{
  width:373px;
  height:373px;
  background: transparent url("../images/aprip1b.png") no-repeat center center;
  text-align:center;
}

.box-due
{
  position: relative;
  webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;;
  display:block;
  text-align:center;
  margin:2px;
  background: #ECECEC url("../images/gratis.png?v1") no-repeat center bottom;
  min-height:180px;
}

.box-due.no-gratis
{

  background: #ECECEC;
  font-size:11px;
  color:#5a5a5a;
}


.box-due img
{
  margin-top:20px;
}

.box-due h2
{
  font-family: ralewaybold, arial;
  margin:20px auto 0 auto;
  font-size:12px;
  color:#000000;
  text-transform: uppercase;
  text-align: center;
  max-width:90%;

}

/*.box-due:hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  cursor:pointer;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  }*/

  .giu
  {
   position: absolute;
   right:20px;
   bottom:8px;

 }


 .box-tre
 {
   position: relative;
   webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;;
   display:block;
   text-align:center;
   margin:2px;
   background: #ECECEC;
   min-height:180px;
   padding-top: 20px;
 }



 .box-tre img
 {
   margin:10px auto 0px auto;
 }

 .box-tre h2
 {
   font-family: ralewaybold, arial;
   margin:0 auto 0 auto;
   font-size:20px;
   color:#000000;
   text-transform: uppercase;
   text-align: center;
   max-width:90%;

 }

 .box-tre h3
 {
   font-family: ralewaymedium, arial;
   font-size:13px;
   color:#000000;
   text-align: center;
   max-width:90%;
   margin: 20px auto;

 }

 .box-quattro
 {
   position: relative;
   webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
   display:block;
   text-align:center;
   margin:2px;
   /*background: #ECECEC url("../images/sfondo_espansione.png") no-repeat 0 0;*/
   min-height:280px;
   padding-top: 40px;
   padding-bottom: 40px;
   text-align: left;
   font-family:'ralewaymedium', arial;
   font-weight:400;
   color:#000;
   font-size:15px;
 }

 .box-quattro div
 {
   padding:5px;
 }

 strong.t2
 {
   font-size:15px;
 }

 .box-quattro strong
 {
   font-family:'ralewaybold', arial;
   font-weight:800 !important;

 }
 .box-quattro span.verde
 {
   font-family:'ralewaybold', arial;
   font-weight:800 !important;
   color: #89b300;

 }

 #espanso2, #navigatore2
 {
   display:none;
 }
/*
#espanso2. #espanso2
{
float:left;
  width:100%;
}
*/

.pop1 .box-quattro{padding:10px;padding-top: 26px;background: #ECECEC url("../images/sfondo_espansione1.png") no-repeat center top;background-size:cover;}
.pop2 .box-quattro{padding:20px;padding-top: 26px;background: #ECECEC url("../images/sfondo_espansione2.png") no-repeat center top;background-size:cover;}
.pop3 .box-quattro{padding:20px;padding-top: 35px;background: #ECECEC url("../images/sfondo_espansione3.png") no-repeat center top;background-size:cover;}
.pop4 .box-quattro{padding:20px;padding-top: 0px;background: #ECECEC url("../images/sfondo_espansione4.png") no-repeat center top;background-size:cover;}
.pop5 .box-quattro{padding:20px;padding-top: 65px;background: #ECECEC url("../images/sfondo_espansione5.png") no-repeat center top;background-size:cover;}
.pop6 .box-quattro{padding:20px;padding-top: 35px;background: #ECECEC url("../images/sfondo_espansione6.png") no-repeat center top;background-size:cover;}

.pop1 .popaltezza{display:block;}
.pop2 .popaltezza{display:block;}
.pop3 .popaltezza{display:block;}
.pop4 .popaltezza{display:block;}
.pop5 .popaltezza{display:block;}
.pop6 .popaltezza{display:block;}


.shopPopMobile
{
  width:100%;
  display:none;
}

.box-quattro h3{font-size: 20px; margin-top:20px; margin-bottom: 30px;}



.pop{padding-top: 4px;}


.pop6 p {/*margin-top: 40px;*/}
.pop6 p.disclaimer {font-size: 11px;margin-top: 22px;}

.box-quattro .linea{border-right: 1px solid #8ab10b;min-height: 170px}

/*.pop3 .box-quattro .linea{min-height: 170px}
.pop4 .box-quattro .linea{min-height: 150px}*/
/*.box-quattro{}*/

.arrow{height: 10px;}

.bl1{background: #fff;padding-bottom: 30px}

.trasloco{margin:2px;padding-top: 20px;padding-bottom: 20px;text-align: left;    margin-top: 30px;}
.trasloco .image{background: #ECECEC;padding-top: 1%;padding-bottom: 2%;}
.trasloco h2 {margin-top: 3px;font-family: ralewaybold, arial;font-size: 22px;color: #000000;text-transform: uppercase;}

.arco
{
  margin-top:20px;
  background: transparent url(../images/arco.png) center bottom no-repeat;
}

.x-close
{
  position: absolute;
  right: 30px;
  top: 20px;
  z-index:100;
  cursor:pointer;
}

.vertical-align{display: flex;align-items: center;}

.aright
{
  text-align:right;
}



@media screen and (min-width: 1200px)
{


  .vcontentr {position: absolute;top: 50%;transform: translateY(-50%);left: 50%;padding-left: 0;}
  .vcontent {position: absolute;top: 50%;transform: translateY(-50%);left: 0;}

  .vcontainer{position: relative;min-height: 170px;}
  /*.vcontent{position: absolute;top: 50%;transform: translateY(-50%);}
  .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 50%}*/

  .pop1 p {margin-top:10px;}
  .pop1 .box-quattro .linea, .pop1 .box-quattro .vcontainer{min-height: 450px;}

  .pop2 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 34%;}
  .pop2 .vcontent {position: absolute;top: 50%;transform: translateY(-50%);left: 18%;}


  /*.pop3 p {margin-top:10px;}
  .pop3 .vcontent{position: absolute;top: 50%;transform: translateY(-50%); left: 0px;}
  .pop3 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 42%}*/
  .pop3 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 34%;}
  .pop3 .vcontent {position: absolute;top: 50%;transform: translateY(-50%);left: 18%;}

  .pop4 p {margin-top:0px;margin-bottom: 0;}
  .pop4 .box-quattro .linea, .pop4 .box-quattro .vcontainer{min-height: 270px;}
  .pop4 .vcontent{position: absolute;top: 50%;transform: translateY(-50%); left: 0px;}
  .pop4 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 42%}

  .pop5 .vcontent {position: absolute;top: 50%;transform: translateY(-50%);left: 17%;}
  .pop5 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 33%;}

  .pop6 .vcontent {position: absolute;top: 40%;transform: translateY(-50%);left: 9%;}
  .pop6 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 36%}

  /*.pop2 .box-quattro{padding-top: 50px;padding-bottom: 30px;}
  .pop2 img{padding-top:30px;}

  .pop3 .box-quattro{padding-top: 50px;padding-bottom: 30px;}
  .pop3 img{padding-top:30px;}

  .pop5 .box-quattro{padding-top: 50px;padding-bottom: 30px;}
  .pop5 img{padding-top:30px;}
  .pop5 .testo{padding-top: 54px;}

  .pop6 .box-quattro{padding-top: 50px;padding-bottom: 30px;}
  .pop6 img{padding-top:30px;}
  .pop6 .testo{padding-top: 33px;}*/
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{



 .pop2 .vcontent {left: 9%;}
 .pop2 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 25%}
 .pop3 .vcontent {left: 9%;}
 .pop3 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 25%}
 .pop5 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 23%}
 .pop6 .vcontentr{position: absolute;top: 50%;transform: translateY(-50%); left: 35%}

 .pop5 .box-quattro {padding-top: 35px;padding-bottom: 20px;}
 .pop6 .box-quattro {padding-top: 35px;padding-bottom: 20px;}
}

@media screen and (max-width: 1199px)
{




 .box-due{margin-bottom: 20px}
 .pop .box-quattro img {margin-bottom: 20px;}
 .pop .box-quattro p {margin-bottom: 20px;}
  /*.pop3 img {margin-bottom: 20px;}
  .pop3 p {margin-bottom: 20px;}
  .pop4 .box_interno > div:first-child{min-height: 200px;}*/
  .arrow img{display: none!important;}
  .pop .testo{padding: 0 15px;}
  .box-quattro .linea{min-height: 301px}
  .pop1 .box-quattro .linea{min-height: 510px}
  /*.pop3 .box-quattro .linea{min-height: 301px}
  .pop4 .box-quattro .linea{min-height: 292px}*/
}

@media screen and (max-width: 991px)
{
 /*.pop4 .box_interno > div:first-child{min-height: 180px;}*/
 .pop6 p {margin-top: 0px;padding: 30px}
 .barra-nera-scroll{bottom: 0; top:auto;}
 .giu {display: none;}
 .pop.pop1{display: none;}

}

@media screen and (min-width: 990px)
{
 .box-due:hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  cursor:pointer;
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
}
}

@media screen and (max-width: 767px)
{
  /*.pop4 .box_interno > div:first-child{min-height: auto;}*/
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    padding-right: 4px;
    padding-left: 4px;
  }


  /*.trasloco > .col-xs-1, .trasloco > .col-sm-1, .trasloco > .col-md-1, .trasloco > .col-lg-1, .trasloco > .col-xs-2, .trasloco > .col-sm-2, .trasloco > .col-md-2, .trasloco > .col-lg-2, .trasloco > .col-xs-3, .trasloco > .col-sm-3, .trasloco > .col-md-3, .trasloco > .col-lg-3, .trasloco > .col-xs-4, .trasloco > .col-sm-4, .trasloco > .col-md-4, .trasloco > .col-lg-4, .trasloco > .col-xs-5, .trasloco > .col-sm-5, .trasloco > .col-md-5, .trasloco > .col-lg-5, .trasloco > .col-xs-6, .trasloco > .col-sm-6, .trasloco > .col-md-6, .trasloco > .col-lg-6, .trasloco > .col-xs-7, .trasloco > .col-sm-7, .trasloco > .col-md-7, .trasloco > .col-lg-7, .trasloco > .col-xs-8, .trasloco > .col-sm-8, .trasloco > .col-md-8, .trasloco > .col-lg-8, .trasloco > .col-xs-9, .trasloco > .col-sm-9, .trasloco > .col-md-9, .trasloco > .col-lg-9, .trasloco > .col-xs-10, .trasloco > .col-sm-10, .trasloco > .col-md-10, .trasloco > .col-lg-10, .trasloco > .col-xs-11, .trasloco > .col-sm-11, .trasloco > .col-md-11, .trasloco > .col-lg-11, .trasloco > .col-xs-12, .trasloco > .col-sm-12, .trasloco > .col-md-12, .trasloco > .col-lg-12 {*/
    .trasloco, .trasloco .image {padding-right: 15px;padding-left: 15px;}
    .trasloco .col-lg-10, .trasloco .col-md-10,.trasloco .col-sm-8, .trasloco .col-xs-10{padding-right: 15px;padding-left: 15px;}
    .box-quattro .linea{border-right: 0 none;}


    .box-due h2{font-size:11px;}
    .arco{background: transparent url(../images/arco.png) center 20px no-repeat;  }


  }
  @media screen and (max-width: 480px)
  {
    #cta2{width: 100%}
  }

  .row
  {
    max-width:1600px;
    margin:0 auto !important;


  }

  .ulBullet
  {
    margin-top:4px;
    margin-left:-12px;
  }

  .ulBullet li
  {
    list-style-image: url('/../images/baf.png');

  }


  .tabBullet td
  {
    margin:0 !important;  padding:3px !important;
  }


  .b4txt
  {
    padding-right:5px;

  }

  @media only screen and (max-width : 3000px) {


    .pop1 .box-quattro{height:300px !important;}
    .pop2 .box-quattro{height:300px !important;}
    .pop3 .box-quattro{height:300px !important;}
    .pop4 .box-quattro{height:300px !important;}
    .pop5 .box-quattro{height:300px !important;}
    .pop6 .box-quattro{height:300px !important;}

  }

  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1500px) {


    .pop1 .box-quattro{height:315px !important;}
    .pop2 .box-quattro{height:315px !important;}
    .pop3 .box-quattro{height:315px !important;}
    .pop4 .box-quattro{height:315px !important;}
    .pop5 .box-quattro{height:315px !important;}
    .pop6 .box-quattro{height:315px !important;}

  }

  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1400px) {


    .pop1 .box-quattro{height:330px !important;}
    .pop2 .box-quattro{height:330px !important;}
    .pop3 .box-quattro{height:330px !important;}
    .pop4 .box-quattro{height:330px !important;}
    .pop5 .box-quattro{height:330px !important;}
    .pop6 .box-quattro{height:330px !important;}

  }

  @media only screen and (max-width : 1360px) {


    .pop1 .box-quattro{height:340px !important;}
    .pop2 .box-quattro{height:340px !important;}
    .pop3 .box-quattro{height:340px !important;}
    .pop4 .box-quattro{height:340px !important;}
    .pop5 .box-quattro{height:340px !important;}
    .pop6 .box-quattro{height:340px !important;}

  }

  @media only screen and (max-width : 1280px) {


    .pop1 .box-quattro{height:360px !important;}
    .pop2 .box-quattro{height:360px !important;}
    .pop3 .box-quattro{height:360px !important;}
    .pop4 .box-quattro{height:360px !important;}
    .pop5 .box-quattro{height:360px !important;}
    .pop6 .box-quattro{height:360px !important;}

  }

  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1200px) {


    .pop1 .box-quattro{height:380px !important;}
    .pop2 .box-quattro{height:380px !important;}
    .pop3 .box-quattro{height:380px !important;}
    .pop4 .box-quattro{height:380px !important;}
    .pop5 .box-quattro{height:380px !important;}
    .pop6 .box-quattro{height:380px !important;}

    .pop5 .box-quattro{padding-top: 85px;}
    .pop6 .box-quattro{padding-top: 65px;}

  }


  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1100px) {


    .pop1 .box-quattro{height:380px !important;}
    .pop2 .box-quattro{height:380px !important;}
    .pop3 .box-quattro{height:380px !important;}
    .pop4 .box-quattro{height:380px !important;}
    .pop5 .box-quattro{height:380px !important;}
    .pop6 .box-quattro{height:380px !important;}

    .pop5 .box-quattro{padding-top: 85px;}
    .pop6 .box-quattro{padding-top: 65px;}

  }

  /* Medium Devices, Desktops */
  @media only screen and (max-width : 992px) {

    .pop1 .box-quattro{height:470px !important;}
    .pop2 .box-quattro{height:470px !important;}
    .pop3 .box-quattro{height:470px !important;}
    .pop4 .box-quattro{height:470px !important;}
    .pop5 .box-quattro{height:470px !important;}
    .pop6 .box-quattro{height:470px !important;}






  }

  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px) {

  }

  /* Extra Small Devices, Phones */
  @media only screen and (max-width : 480px) {

  }

  /* Custom, iPhone Retina */
  @media only screen and (max-width : 320px) {

  }

  ========================================================================== */
/* ==========================================================================
trading-commissioni inizio
========================================================================== */
.trading-commissioni {width:}
.trading-commissioni .tabular select.selectnav {display: none;}
.trading-commissioni .heroimg {width:100%; margin-bottom: 20px;}
.trading-commissioni .tabular {overflow:hidden; margin: 20px 0; }
.trading-commissioni .tabular table {background:#fff; width:100%; border:2px solid #8ab10b; vertical-align: top; position:relative; z-index:2; margin-top:0; border-top:0px;}
.trading-commissioni .tabular table#tabella_variabile {display:none;}
.trading-commissioni .tabular table th {font-weight:normal; text-align: center;}
.trading-commissioni .tabular table tr {height:50px;}
.trading-commissioni .tabular table .upbold {padding: 0 10px 0 30px; text-transform:uppercase; font-family:"ralewaysemibold",arial,sans-serif; color: #666; font-size:14px; font-weight:normal; text-align:left;}
.trading-commissioni .tabular p.exp {padding: 0 10px 0 55px; text-transform:uppercase; font-family:"ralewaysemibold",arial,sans-serif; color: #666; font-size:14px; font-weight:normal; background: transparent url("../images/more.png") no-repeat 32px 3px; cursor:pointer;}
.trading-commissioni .tabular p.moretext {padding: 0 10px 0 40px; font-size: 12px; color:#999; display:none;}
.trading-commissioni .tabular p.less {padding: 0 10px 0 55px; text-transform:uppercase; font-family:"ralewaysemibold",arial,sans-serif; color: #666; font-size:14px; font-weight:normal; background: transparent url("../images/less.png") no-repeat 32px 3px; cursor:pointer;}
.trading-commissioni .tabular .verysmall {font-size: 11px; }
.trading-commissioni .tabular .lev {width:100px; padding:0; margin:0;}
.trading-commissioni .tabular .lev1 {background: #f6fae9; text-align:center; font-size:16px;}
.trading-commissioni .tabular .lev2 {background: #eef5d4; text-align:center; font-size:16px;}
.trading-commissioni .tabular .lev3 {background: #e4f0be; text-align:center; font-size:16px;}
.trading-commissioni .tabular .lev4 {background: #dbebaa; text-align:center; font-size:16px;}
.trading-commissioni .tabular .lev5 {background: #afd245; text-align:center; font-size:16px;}
.trading-commissioni .tabular .lev5 b {color:#fff;}
.trading-commissioni .tabular .vbott {vertical-align:bottom;}
.trading-commissioni .tabular .nav-tabs {border-bottom:1px solid #a6cc28; position:relative; z-index:3;}
.trading-commissioni .tabular .nav-tabs > li {width:200px; text-align:left;}
.trading-commissioni .tabular .nav-tabs > li > a,
.trading-commissioni .tabular .nav-tabs > li > a:hover,
.trading-commissioni .tabular .nav-tabs > li > a:focus {border-color: #8ab10b #8ab10b transparent; color: #8ab10b; font-family:"ralewaysemibold",arial, sans-serif; font-size:12px; text-transform:uppercase;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; border-width: 2px; text-align:left; padding-left:60px;}
.trading-commissioni .tabular .nav-tabs > li > a:hover {background: #fff; cursor:pointer;}
.trading-commissioni .tabular .nav-tabs > li a.nav1, .trading-commissioni .tabular .nav-tabs > li a.nav1:hover, .trading-commissioni .tabular .nav-tabs > li a.nav1:focus {background: transparent url("../img/trading/commissioni_fisso.png") no-repeat 16px 3px;}
.trading-commissioni .tabular .nav-tabs > li a.nav2, .trading-commissioni .tabular .nav-tabs > li a.nav2:hover, .trading-commissioni .tabular .nav-tabs > li a.nav2:focus {background: transparent url("../img/trading/commissioni_variabile.png") no-repeat 16px 3px;}
.trading-commissioni .tabular .nav-tabs > li.active > a,.trading-commissioni .tabular .nav-tabs > li.active > a:hover {background-color:#FFF;}
.trading-commissioni .row_bg {background: transparent url("/wbresp/img/contatti/dialoga_bg.png") 0 0 no-repeat;}
.trading-commissioni.basic-content b {font-family:"ralewaysemibold",arial,sans-serif; font-weight:bold;}

.trading-commissioni1 .nav > li > a, .trading-mercati-azioni .nav > li > a {
  padding: 14px 0 10px 10px;
  margin-left:0;
}


@media (max-width: 767px) {

  .trading-commissioni .tabular
  {
    position:relative;
    width:100%;
    /*min-height:400px;*/
  }


  .trading-commissioni1 .tabular div.containertabular
  {-ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5);position:absolute;left:-165px;top:-20px;}


  .trading-commissioni .tabular table {border-top:2px solid #8ab10b; margin-top: 10px;}
  .trading-commissioni .tabular .nav-tabs {display:none;}


  .trading-commissioni .tabular table {border-top:none; margin-top: 0px;}
  .trading-commissioni .tabular .nav-tabs {display:none;}
  .trading-commissioni .tabular select.selectnav {display: none;}

  .trading-commissioni1.tabular table {border-top:2px solid #8ab10b; margin-top: 10px;}
  .trading-commissioni1.tabular .nav-tabs {display:none;}
  .trading-commissioni1.tabular select.selectnav {display: block;}

}


@media (max-width: 479px) {


.trading-commissioni .tabular { /* min-height:200px;*/ }

}


/* ==========================================================================
trading-commissioni fine
========================================================================== */
.bl25 {overflow:hidden; background: #474747 url('../images/bg_focus_app.png') repeat-x 0 0; min-height:400px;}
.focus-item img {display:block; margin:20px auto 10px auto;}
.focus-item h4 {color:#fff; text-transform: uppercase;}
.focus-item p {color:#fff; font-family:ralewaylight, sans-serif;}
.focus-item ul {text-indent:0; color: #fff; padding:0 20px 20px 20px; font-family:ralewaylight, sans-serif;}
.bl25 .cta_link {display:block; margin:10px auto 10px auto; text-align:center;}
</style>
