@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,600,600italic,700,700italic);
@import url(../font/font.css);/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,400italic,600,600italic,700,700italic,300italic);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

#edicola-content-popup::-webkit-scrollbar { width: 3px; height: 3px;}
#edicola-content-popup::-webkit-scrollbar-button {  background-color: #666; }
#edicola-content-popup::-webkit-scrollbar-track {  background-color: #999;}
#edicola-content-popup::-webkit-scrollbar-track-piece { background-color: #ffffff;}
#edicola-content-popup::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
#edicola-content-popup::-webkit-scrollbar-corner { background-color: #999;}
#edicola-content-popup::-webkit-resizer { background-color: #666;}

#edicola-content-popup .scrollbarbutton { max-width: 3px !important; -moz-appearance: none !important; }

/* IE color */
/*#edicola-content-popup {

    scrollbar-face-color:#903030;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#C0B0B0;
    scrollbar-shadow-color:rgb(0,0,0);
    scrollbar-highlight-color:rgb(0,0,0);
    scrollbar-3dlight-color:#808080;
    scrollbar-darkshadow-Color:#202020;

}*/

body {
    margin: 0;
}
.both {
    clear:both;
}
.inlineBlock {
    display: inline-block;
    font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden], template {
    display: none
}
a {
    background-color: transparent;
    color:#333;
    text-decoration:none;
}
a:active, a:hover {
    outline: 0;
    color:#333;
    text-decoration:underline;
}

table {
    width:100%;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb; 
    border-collapse: collapse;   
}
td, th {
    text-align: left;            
    padding:10px;            
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    font-size:13px;
    color: #333;
}
th {
    background: #fed300;
    vertical-align:middle;
    text-transform:uppercase;
    height:60px;
    font-size:13px;
    font-weight:600;
    border-right: 1px solid #dcb704;
    border-bottom: 1px solid #dcb704;   
    color:#333; 
    vertical-align:middle;
}
.cont table {
    border:none !important;
}
.cont table td, .cont table th{
    border:none;
}
ul {
    padding:0;
    margin:0 0 20px 0;    
}
li {
    list-style: outside disc;
    list-style-type: disc;
    display: list-item;
}
.table {
    display: table !important;
}
.head p a {
    color:#333;
    text-decoration: underline;
}
.head p a:active, .head p a:hover {
    color:#333;
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted
}
b, strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
h1.far {
    position: absolute;
    left:-9999999px;
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button, select {
    text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled], html input[disabled] {
    cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height: normal
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height:auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
body {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #eee;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
/*a {
    color: #fed300;
    text-decoration: none
}
a:hover, a:focus {
    color: #fed300;
    text-decoration: underline
}*/
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
figure {
    margin: 0
}
img {
    vertical-align: middle
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px auto
}

@media (min-width:1023px) {
    .img-responsive {
        margin: 0
    }
}
.img-rounded {
    border-radius: 6px
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ebebeb;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transition: all all .2s ease-in-out ease-out;
    -moz-transition: all all .2s ease-in-out ease-out;
    -o-transition: all all .2s ease-in-out ease-out;
    transition: all all .2s ease-in-out ease-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}
.img-circle {
    border-radius: 50%
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #ebebeb
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%
}
h1, .h1 {
    font-size: 46px
}
h2, .h2 {
    font-size: 18px
}
h3, .h3 {
    font-size: 23px
}
h4, .h4 {
    font-size: 18px
}
h5, .h5 {
    font-size: 14px
}
h6, .h6 {
    font-size: 12px
}
p {
    margin: 0 0 10px
}
.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}
small, .small {
    font-size: 85%
}
mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.text-justify {
    text-align: justify
}
.text-nowrap {
    white-space: nowrap
}
.text-lowercase {
    text-transform: lowercase
}
.text-uppercase {
    text-transform: uppercase
}
.text-capitalize {
    text-transform: capitalize
}
.text-muted {
    color: #ebebeb
}
.text-primary {
    color: #fed300
}
a.text-primary:hover {
    color: #cba900
}
.text-success {
    color: #3c763d
}
a.text-success:hover {
    color: #2b542c
}
.text-info {
    color: #31708f
}
a.text-info:hover {
    color: #245269
}
.text-warning {
    color: #8a6d3b
}
a.text-warning:hover {
    color: #66512c
}
.text-danger {
    color: #a94442
}
a.text-danger:hover {
    color: #843534
}
.bg-primary {
    color: #fff;
    background-color: #fed300
}
a.bg-primary:hover {
    background-color: #cba900
}
.bg-success {
    background-color: #dff0d8
}
a.bg-success:hover {
    background-color: #c1e2b3
}
.bg-info {
    background-color: #d9edf7
}
a.bg-info:hover {
    background-color: #afd9ee
}
.bg-warning {
    background-color: #fcf8e3
}
a.bg-warning:hover {
    background-color: #f7ecb5
}
.bg-danger {
    background-color: #f2dede
}
a.bg-danger:hover {
    background-color: #e4b9b9
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #fafafa
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}
ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}
.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}
.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}
dl {
    margin-top: 0;
    margin-bottom: 20px
}
dt, dd {
    line-height: 1.42857143
}
dt {
    font-weight: bold
}
dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}
abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #ebebeb
}
.initialism {
    font-size: 90%;
    text-transform: uppercase
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #fafafa
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}
blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #ebebeb
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}
.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #fafafa;
    border-left: 0;
    text-align: right
}
.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ''
}
.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width:768px) {
    .container {
        width: 660px
    }
}

@media (min-width:1023px) {
    .container {
        width: 788px
    }
}

@media (min-width:1280px) {
    .container {
        width: 1420px
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}
.row {
    margin-left: -10px;
    margin-right: -10px;
    clear:both;
}
.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 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}
.col-xs-12 {
    width: 100%
}
.col-xs-11 {
    width: 91.66666667%
}
.col-xs-10 {
    width: 83.33333333%
}
.col-xs-9 {
    width: 75%
}
.col-xs-8 {
    width: 66.66666667%
}
.col-xs-7 {
    width: 58.33333333%
}
.col-xs-6 {
    width: 50%
}
.col-xs-5 {
    width: 41.66666667%
}
.col-xs-4 {
    width: 33.33333333%
}
.col-xs-3 {
    width: 25%
}
.col-xs-2 {
    width: 16.66666667%
}
.col-xs-1 {
    width: 8.33333333%
}
.col-xs-pull-12 {
    right: 100%
}
.col-xs-pull-11 {
    right: 91.66666667%
}
.col-xs-pull-10 {
    right: 83.33333333%
}
.col-xs-pull-9 {
    right: 75%
}
.col-xs-pull-8 {
    right: 66.66666667%
}
.col-xs-pull-7 {
    right: 58.33333333%
}
.col-xs-pull-6 {
    right: 50%
}
.col-xs-pull-5 {
    right: 41.66666667%
}
.col-xs-pull-4 {
    right: 33.33333333%
}
.col-xs-pull-3 {
    right: 25%
}
.col-xs-pull-2 {
    right: 16.66666667%
}
.col-xs-pull-1 {
    right: 8.33333333%
}
.col-xs-pull-0 {
    right: auto
}
.col-xs-push-12 {
    left: 100%
}
.col-xs-push-11 {
    left: 91.66666667%
}
.col-xs-push-10 {
    left: 83.33333333%
}
.col-xs-push-9 {
    left: 75%
}
.col-xs-push-8 {
    left: 66.66666667%
}
.col-xs-push-7 {
    left: 58.33333333%
}
.col-xs-push-6 {
    left: 50%
}
.col-xs-push-5 {
    left: 41.66666667%
}
.col-xs-push-4 {
    left: 33.33333333%
}
.col-xs-push-3 {
    left: 25%
}
.col-xs-push-2 {
    left: 16.66666667%
}
.col-xs-push-1 {
    left: 8.33333333%
}
.col-xs-push-0 {
    left: auto
}
.col-xs-offset-12 {
    margin-left: 100%
}
.col-xs-offset-11 {
    margin-left: 91.66666667%
}
.col-xs-offset-10 {
    margin-left: 83.33333333%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-8 {
    margin-left: 66.66666667%
}
.col-xs-offset-7 {
    margin-left: 58.33333333%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-5 {
    margin-left: 41.66666667%
}
.col-xs-offset-4 {
    margin-left: 33.33333333%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-2 {
    margin-left: 16.66666667%
}
.col-xs-offset-1 {
    margin-left: 8.33333333%
}
.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1023px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1280px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}
input[type="file"] {
    display: block
}
input[type="range"] {
    display: block;
    width: 100%
}
select[multiple], select[size] {
    height: auto
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -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;
    -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.form-control::-moz-placeholder {
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#999
}
.form-control::-webkit-input-placeholder {
    color:#999
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fafafa;
    opacity: 1
}
textarea.form-control {
    height: auto
}
input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
        line-height: 34px
    }
    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px
    }
}
.form-group {
    margin-bottom: 15px
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}
.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}
.radio+.radio, .checkbox+.checkbox {
    margin-top: -5px
}
.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}
.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
select.input-sm {
    height: 30px;
    line-height: 30px
}
textarea.input-sm, select[multiple].input-sm {
    height: auto
}
.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}
textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control {
    height: auto
}
.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}
select.input-lg {
    height: 46px;
    line-height: 46px
}
textarea.input-lg, select[multiple].input-lg {
    height: auto
}
.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}
select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}
textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control {
    height: auto
}
.form-group-lg .form-control-static {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}
.has-feedback {
    position: relative
}
.has-feedback .form-control {
    padding-right: 42.5px
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}
.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}
.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}
.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #67b168
}
.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}
.has-success .form-control-feedback {
    color: #3c763d
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}
.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}
.has-warning .form-control-feedback {
    color: #8a6d3b
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}
.has-error .form-control-feedback {
    color: #a94442
}
.has-feedback label~.form-control-feedback {
    top: 25px
}
.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}
.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}
.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 10px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none
}
.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    background-image: none
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}
.btn-default .badge {
    color: #fff;
    background-color: #333
}
.btn-primary {
    color: #fff;
    background-color: #fed300;
    border-color: #e5be00
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #cba900;
    border-color: #a78b00
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    background-image: none
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #fed300;
    border-color: #e5be00
}
.btn-primary .badge {
    color: #fed300;
    background-color: #fff
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}
.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    background-image: none
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}
.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    background-image: none
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #5bc0de
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}
.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
    background-image: none
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}
.btn-danger {
    color: #fff;
    background-color: #ce1141;
    border-color: #b60f3a
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #9f0d32;
    border-color: #7e0a28
}
.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    background-image: none
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #ce1141;
    border-color: #b60f3a
}
.btn-danger .badge {
    color: #ce1141;
    background-color: #fff
}
.btn-link {
    color: #fed300;
    font-weight: normal;
    border-radius: 0
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}
.btn-link:hover, .btn-link:focus {
    color: #fed300;
    text-decoration: underline;
    background-color: transparent
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #ebebeb;
    text-decoration: none
}
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.btn-block {
    display: block;
    width: 100%
}
.btn-block+.btn-block {
    margin-top: 5px
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    -webkit-transition: all opacity .15s linear ease-out;
    -moz-transition: all opacity .15s linear ease-out;
    -o-transition: all opacity .15s linear ease-out;
    transition: all opacity .15s linear ease-out
}
.fade.in {
    opacity: 1
}
.collapse {
    display: none;
    visibility: hidden
}
.collapse.in {
    display: block;
    visibility: visible
}
tr.collapse.in {
    display: table-row
}
tbody.collapse.in {
    display: table-row-group
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch
}
.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:320px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:768px) {
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}
.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}
.navbar-brand {
    float: left;
    padding: 15px 10px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}
.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}
.navbar-brand>img {
    display: block
}

@media (min-width:768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -10px
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}
.navbar-toggle:focus {
    outline: 0
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}
.navbar-nav {
    margin: 7.5px -10px
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}
.navbar-form {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .form-control-static {
        display: inline-block
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }
    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}
.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }
    .navbar-right {
        float: right !important;
        margin-right: -10px
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}
.navbar-default .navbar-brand {
    color: #777
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}
.navbar-default .navbar-text {
    color: #777
}
.navbar-default .navbar-nav>li>a {
    color: #777
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}
.navbar-default .navbar-toggle {
    border-color: #ddd
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}
.navbar-default .navbar-link {
    color: #777
}
.navbar-default .navbar-link:hover {
    color: #333
}
.navbar-default .btn-link {
    color: #777
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333
}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}
.navbar-inverse {
    background-color: #222;
    border-color: #080808
}
.navbar-inverse .navbar-brand {
    color: #fff
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}
.navbar-inverse .navbar-text {
    color: #fff
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}
.navbar-inverse .navbar-toggle {
    border-color: #333
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}
.navbar-inverse .navbar-link {
    color: #fff
}
.navbar-inverse .navbar-link:hover {
    color: #fff
}
.navbar-inverse .btn-link {
    color: #fff
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff
}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}
a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.label:empty {
    display: none
}
.btn .label {
    position: relative;
    top: -1px
}
.label-default {
    background-color: #ebebeb
}
.label-default[href]:hover, .label-default[href]:focus {
    background-color: #d2d2d2
}
.label-primary {
    background-color: #fed300
}
.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #cba900
}
.label-success {
    background-color: #5cb85c
}
.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44
}
.label-info {
    background-color: #5bc0de
}
.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5
}
.label-warning {
    background-color: #f0ad4e
}
.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}
.label-danger {
    background-color: #ce1141
}
.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #9f0d32
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}
.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}
.modal-open {
    overflow: hidden
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: 0
}
.modal-content-ntp {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    outline: 0
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #152a3f
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}
.modal-backdrop.in {
    opacity: .9;
    filter: alpha(opacity=90)
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}
.modal-header .close {
    margin-top: -2px
}
.modal-title {
    margin: 0;
    line-height: 1.42857143
}
.modal-body {
    position: relative;
    padding: 15px
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
    margin-left: 0
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width:1023px) {
    .modal-lg {
        width: 900px
    }
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    max-width: 500px; 
    filter: alpha(opacity=0)
}
.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .modal-footer:after {
    clear: both
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right !important;
}
.pull-right button, .pull-right .button{
    width:100% !important;
}

.pull-left {
    float: left !important
}
.pull-left button, .pull-left .button{
    width:100% !important;
}

@media (min-width:767px) {
    .pull-right button, .pull-right .button {
        width:175px !important;
    }  
    .pull-left button, .pull-left .button {
        width:175px !important;
    }   
}

.hide {
    display: none !important
}
.show {
    display: block !important
}
.invisible {
    visibility: hidden
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.hidden {
    display: none !important;
    visibility: hidden !important
}
.affix {
    position: fixed
}
@-ms-viewport {
    width:device-width
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
    .text-xs-center {
        text-align: center;
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:1022px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
    .text-sm-center {
        text-align: center;
    }
}

@media (min-width:768px) and (max-width:1022px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:1022px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:1022px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1023px) and (max-width:1279px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width:1023px) and (max-width:1279px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:1023px) and (max-width:1279px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:1023px) and (max-width:1279px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1280px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1280px) {
    .visible-lg-block {
        display: block !important
    }
    .text-lg-left {
        text-align: left;
    }
}

@media (min-width:1280px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1280px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1022px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:1023px) and (max-width:1279px) {
    .hidden-md {
        display: none !important;
    }
    .text-md-left {
        text-align: left;
    }
}

@media (min-width:1280px) {
    .hidden-lg {
        display: none !important
    }
}
.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}
.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}
.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}
.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
a:focus, button:focus, .button:focus {
    outline: none
}
a::-moz-focus-inner {
    border:0
}
img.desk {
    display: none
}

@media (min-width:768px) {
    img.desk {
        display: block
    }
}
img.mobi {
    display: block
}

@media (min-width:768px) {
    img.mobi {
        display: none
    }
}
.noPadding {
    padding: 0 !important
}
.noMargin {
    margin: 0 !important
}
.noMarginTop {
    margin-top: 0 !important
}
.noBorder {
    border: 0 none !important
}
.noShadows {
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}
.noBg {
    background:none !important;
}
.disabled {
    cursor: default;
    opacity: .6
}
.w100 {
    width: 100%
}
.noFloat {
    float:none;
}
.clear {
    clear:both;
}

.gradimento label {
    font-weight: normal;
    display: inline-block;
    float: right;
    width: 94%
}
.gradimento label a {
    color: #333;
    text-decoration: underline;
    line-height: 36px
}
.gradimento label a:hover {
    color: #333;
    text-decoration: none
}
a.back {
    color: #bb9b00;
    text-decoration: none;
    display: block;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    bottom: 20px;
    right: 20px
}
a.back:hover {
    color: #bb9b00;
    text-decoration: none
}
.breadcrumb .col-sm-3 a.back, .breadcrumb .col-sm-12 a.back {
    color: #bb9b00;
    right: 0;
    bottom: 0;
    line-height: 40px;
    margin-top: 10px;
    display: none
}
.breadcrumb .col-sm-3 a.back:hover, .breadcrumb .col-sm-12 a.back:hover {
    color: #bb9b00;
    text-decoration: none
}

@media (min-width:1023px) {
    .breadcrumb .col-sm-3 a.back, .breadcrumb .col-sm-12 a.back {
        margin-top: 10px;
        display: block
    }
}

@media (min-width:1280px) {
    .breadcrumb .col-sm-3 a.back, .breadcrumb .col-sm-12 a.back {
        margin-top: 0
    }
}
.box .promozioni-item .cont.height250 {
    height: auto
}
.box .promozioni-item .cont.height245 {
    height: auto
}

@media (min-width:768px) and (max-width:1023px){
    .box .promozioni-item .cont.height250 {
        height: 500px
    }
    .box .promozioni-item .cont.height245 {
        height: 490px
    }
}
.box .promozioni-item .cont.height250 .overflow .noPadding {
    height: auto
}
.box .promozioni-item .cont.height245 .overflow .noPadding {
    height: auto
}

@media (min-width:1023px) {
    .box .promozioni-item .cont.height250 .overflow .noPadding {
        height: 170px
    }
    .box .promozioni-item .cont.height245 .overflow .noPadding {
        height: 166px
    }
}
.box .promozioni-item .cont.height250 h2, .box .promozioni-item .cont.height250 p, .box .promozioni-item .cont.height245 h2, .box .promozioni-item .cont.height250 p {
    position: relative
}
.box .promozioni-item .cont.height250 .more, .box .promozioni-item .cont.height245 .more {
    bottom: 10px;
    height: 90%
}
@media (max-width:767px){
    .box .promozioni-item .cont.height250 .more, .box .promozioni-item .cont.height245 .more {
        bottom: 0;
        height: auto
    }
}
.mediumNopadding {
    padding-left: 0;
    padding-right: 0
}
body {
    position: relative;
    top: 0
}
a.black {
    color: #333;
    font-weight: bold;
    text-decoration: underline
}
a.black:hover {
    text-decoration: none;
    color: #333
}
a.greenHead {
    color: #3ba038 !important;
    font-weight: bold;
    text-decoration: underline
}
a.greenHead:hover {
    text-decoration: none;
    color: #3ba038
}
.search span.smallHead {
    font-size: 12px;
    display: inline-block;
    width: auto
}
.tooltip {
    width: 100%
}
.tooltip .tooltip-inner {
    max-width: none;
    display: inline-block;
    text-align: left
}
.popover {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    display: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.42857;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 99999;
}
.popover.top {
    margin-top: -10px
}
.popover.right {
    margin-left: 10px
}
.popover.bottom {
    margin-top: 10px
}
.popover.left {
    margin-left: -10px
}
.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    margin: 0;
    padding: 8px 14px
}
.popover-content {
    padding: 9px 14px;
    width: 160px
}
.popover-content a {
    color: #333;
    text-transform: uppercase;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center
}
.popover-content a:last-child {
    border-bottom: none
}
.popover>.arrow, .popover>.arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}
.popover>.arrow {
    border-width: 11px
}
.popover>.arrow:after {
    border-width: 10px;
    content: ""
}
.popover.top>.arrow {
    border-bottom-width: 0;
    border-top-color: rgba(0,0,0,0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px
}
.popover.top>.arrow:after {
    border-bottom-width: 0;
    border-top-color: #fff;
    bottom: 1px;
    content: " ";
    margin-left: -10px
}
.popover.right>.arrow {
    border-left-width: 0;
    border-right-color: rgba(0,0,0,0.25);
    left: -11px;
    margin-top: -11px;
    top: 50%
}
.popover.right>.arrow:after {
    border-left-width: 0;
    border-right-color: #fff;
    bottom: -10px;
    content: " ";
    left: 1px
}
.popover.bottom>.arrow {
    border-bottom-color: rgba(0,0,0,0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px
}
.popover.bottom>.arrow:after {
    border-bottom-color: #fff;
    border-top-width: 0;
    content: " ";
    margin-left: -10px;
    top: 1px
}
.popover.left>.arrow {
    border-left-color: rgba(0,0,0,0.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%
}
.popover.left>.arrow:after {
    border-left-color: #fff;
    border-right-width: 0;
    bottom: -10px;
    content: " ";
    right: 1px
}
#sub-home .box .cont, #home .box .cont, .bannerHome .cont.red {
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.24)
}
#sub-home.liv-3 .box .cont {
    -webkit-box-shadow:  0 2px 1px 0 rgba(0,0,0,0.22);
    -moz-box-shadow:  0 2px 1px 0 rgba(0,0,0,0.22);
    box-shadow:  0 2px 1px 0 rgba(0,0,0,0.22)
}
#sub-home.liv-4 .box .cont.red {
    -webkit-box-shadow: 0 2px 0 0 #98302e;
    -moz-box-shadow: 0 2px 0 0 #98302e;
    box-shadow: 0 2px 0 0 #98302e
}
#sub-home.liv-4 .box .cont.yellow {
    -webkit-box-shadow: 0 2px 0 0 #cba800;
    -moz-box-shadow: 0 2px 0 0 #cba800;
    box-shadow: 0 2px 0 0 #cba800
}
#sub-home.liv-4 .box .cont.grayCard {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.8);
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.8);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.8)
}
#area-riservata .box .cont, #area-riservata .award-card {
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.16)
}

.bannerHome {
    margin:0;
    display: block;
    clear: both;
}

.bannerHome .cont.red {
    display: block;
    clear: both;
    position: relative;
    text-decoration: none;
    overflow: hidden;
}
.bannerHome .cont.red img.middle {
    position: absolute;
    height: auto;
    margin-top: -43px;
    right: 0;
    top: 50%;
    width: 68px;
}
.bannerHome .cont.red h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
    text-transform: none;
    font-family: "EniTabBold";
    font-weight:normal;
    border:0 none;
    padding:0;
}
.bannerHome .cont.red p {
    width: 233px;
}




#sub-home.liv-3 .mainBoxContainer, #area-riservata .mainBoxContainer, #sub-home.liv-4 .mainBoxContainer {
    padding: 0
}

@media (min-width:1023px) {
    #sub-home.liv-3 .mainBoxContainer, #area-riservata .mainBoxContainer, #sub-home.liv-4 .mainBoxContainer {
        padding: 0 20px 50px 20px
    }
}
#sub-home.liv-3 .box .cont.mainBox, #sub-home.liv-4 .box .cont.mainBox, #area-riservata .box .cont.mainBox {

    -webkit-box-shadow:  0 2px 8px 0 rgba(30, 30, 30, 0.15), 0 2px 8px 0 rgba(30, 30, 30, 0.15);
    -moz-box-shadow:  0 2px 8px 0 rgba(30, 30, 30, 0.15), 0 2px 8px 0 rgba(30, 30, 30, 0.15);
    box-shadow:  0 2px 8px 0 rgba(30, 30, 30, 0.15), 0 2px 8px 0 rgba(30, 30, 30, 0.15);
}
h1, h2, h3 {
    font-family: 'EniTabBold'
}
h3.premi {
    color: #333;
    font-size: 18px
}
.box .cont.mainBox {
    background: #fff
}
.green {
    color: #3ba038
}
input {
    height: 32px;
    line-height: 32px;
    padding: 0 20px
}

#edicola_italiana_privacy input {
    height: 13px;
    line-height: 32px;
    padding: 0 20px
}
input[type="text"], input[type="email"], input[type="password"], textarea {
    background: #eaeaea;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    font-style: italic;
    font-size: 12px;
    padding: 0 20px;
    text-align: left;
    padding: 10px 20px
}

textarea {
    height: 120px;
    resize: none;
    text-align: left
}
.search input[type="text"] {
    background: #fff;
    width: 365px
}
.search button.green {
    padding-left: 0
}
.search button.green i {
    font-size: 40px;
    margin-top: -5px;
    color: #327c35;
    float: left
}
.btn-arrow {
    display: inline-block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    background-image: url('../images/icons/button-arrow@2x.png');
    background-position: 10px 10px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    margin: 10px 20px 0 0;
    width: 100%
}
.btn-card2 {
    display: inline-block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    margin: 10px 20px 0 0;
    width: 100%;
    background-image: url('../images/icons/ico-card@2x.png');
    background-position: 10px 15px;
    background-size: 14px 10px;
    background-repeat: no-repeat;
}

@media (min-width:768px) {
    .btn-arrow {
        background-image: url('../images/icons/button-arrow.png');
        background-position: 10px 10px;
        background-repeat: no-repeat;
        width: auto
    }
    .btn-card2 {
        width: auto;
        background-image: url('../images/icons/ico-card.png');
        background-position: 10px 15px;
        background-repeat: no-repeat;
    }
}
.btn-arrow.yellow {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.btn-arrow.yellow:hover {
    text-decoration: none;
    background-color: #fea400
}
.btn-card2.green {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.btn-card2.green:hover {
    text-decoration: none;
    background-color: #41a145
}
.btn-card {
    display: inline-block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    background-image: url('../images/icons/ico-card@2x.png');
    background-position: 10px 15px;
    background-size: 14px 10px;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    margin: 10px 20px 0 0;
    width: 100%
}

@media (min-width:768px) {
    .btn-card {
        background-image: url('../images/icons/ico-card.png');
        background-position: 10px 15px;
        background-repeat: no-repeat;
        width: auto
    }
}
.btn-prod {
    display: inline-block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    margin: 10px 20px 0 0;
    width: 100%
}
.btn-prod:hover {
    text-decoration: none
}
.btn-prod.yellow {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.btn-prod.yellow:hover {
    text-decoration: none;
    background-color: #fea400
}
.btn-prod.video {
    background-image: url('../images/icons/ico-video@2x.png');
    background-position: 10px 15px;
    background-size: 11px 12px;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .btn-prod.video {
        background-image: url('../images/icons/ico-video.png');
        background-repeat: no-repeat;
        width: auto
    }
}
.btn-prod.arrow {
    background-image: url('../images/icons/ico-arrow@2x.png');
    background-position: 10px 10px;
    background-size: 20px 20px;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .btn-prod.arrow {
        background-image: url('../images/icons/ico-arrow.png');
        background-repeat: no-repeat;
        width: auto
    }
}
.btn-prod.fuel {
    background-image: url('../images/icons/ico-fuel@2x.png');
    background-position: 10px 10px;
    background-size: 21px 20px;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .btn-prod.fuel {
        background-image: url('../images/icons/ico-fuel.png');
        background-repeat: no-repeat;
        width: auto
    }
}
.btn-prod.finder {
    background-image: url('../images/icons/ico-finder@2x.png');
    background-position: 10px 10px;
    background-size: 14px 20px;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .btn-prod.finder {
        background-image: url('../images/icons/ico-finder.png');
        background-repeat: no-repeat;
        width: auto
    }
}
.btn-prod.oil {
    background-image: url('../images/icons/ico-oil@2x.png');
    background-position: 10px 10px;
    background-size: 16px 20px;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .btn-prod.oil {
        background-image: url('../images/icons/ico-oil.png');
        background-repeat: no-repeat;
        width: auto
    }
}
.btn-prod.key {
    background-image: url('../images/icons/ico-key@2x.png');
    background-position: 10px 10px;
    background-size: 20px 20px;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .btn-prod.key {
        background-image: url('../images/icons/ico-key.png');
        background-repeat: no-repeat;
        width: auto
    }
}
.btn-clear {
    display: inline-block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    background-position: 10px 10px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin: 10px 20px 0 0;
    width: 100%
}

@media (min-width:768px) {
    .btn-clear {
        width: auto
    }
}
button, .button {
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    letter-spacing: 2px
}
button:hover, .button:hover {
    text-decoration: none
}
button.green, .button.green {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color: white;
    display: inline-block;
    background-color: #48b24d;
    border-radius: 2px
}
button.green:hover, .button.green:hover {
    text-decoration: none;
    background-color: #41A145
}
button.blue, .button.blue {
    background: #3b579d;
    line-height: 48px;
    height: 48px;
    padding: 0 20px 0 60px;
    margin: 20px auto;
    color: #fff;
    display: inline-block
}
button.blue:hover, .button.blue:hover {
    text-decoration: none
}
.button.card {
    margin:0 auto;
    position: absolute;
    left:30px;
    bottom:20px;
    padding-left:5px;
}
.ie8 .button.card {
    left:20px;
    width:210px;
}
button.card i, .button.card i {
    /*font-family: 'icomoon';
    speak: none;*/
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    height:30px;
    width:30px;
    display:inline-block;
    float:left;
    /*content: "\e636";    
    padding-right: 10px;
    position:relative;*/
}
.button.card span {
    line-height:15px;
    padding-left:10px;
    display: inline-block;
    border-left: 1px solid #43a747;
    float:left;
    margin-top:8px;
    margin-left:5px;
}

.button.cardInt {
    display: block;
    text-align:left;
    width:100%;
    clear:both;
    position:relative;
}
button.cardInt i, .button.cardInt i {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    height:30px;
    width:30px;
    display:inline-block;
    float:left;
}
.button.cardInt span {
    line-height:15px;
    padding-left:10px;
    display: inline-block;
    border-left: 1px solid #43a747;
    float:left;
    margin-top:8px;
    margin-left:5px;
}

button.black, .button.black {
    text-decoration: none
}
.btn-category {
    background-color: #000;
    /*max-width: 10px;*/
    width:85%;
    height: 40px;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    white-space: normal;
    display: table;
    padding:6px 10px;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    -webkit-transition: all box-shadow .3s ease-out;
    -moz-transition: all box-shadow .3s ease-out;
    -o-transition: all box-shadow .3s ease-out;
    transition: all box-shadow .3s ease-out
}
.btn-category:hover {
    color: white;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.24)
}
.btn-category span {
    font-size: 13px;
    line-height: 13px;
    color: white;
    display: table-cell;
    vertical-align: middle;
    background:#000;
    padding:0;
}
.btn-small-grey {
    background-color: #333;
    height: 32px;
    border-radius: 2px;
    font-size: 11px;
    color: white;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 20px;
    min-width: 100%
}
.btn-small-grey:hover {
    color: white;
    text-decoration: none
}

@media (min-width:768px) {
    .btn-small-grey {
        min-width: 110px
    }
}
button.large, .button-large {
    margin-top: 20px;
    padding: 10px 20px;
    font-transform: uppercase;
    color: white;
    background-color: gray;
    background-image: none;
    height: auto;
    border-radius: 2px
}
button.large .green, .button-large .green {
    background-color: #48b24d
}
button.large .yellow, .button-large .yellow {
    background-color: #fed300
}
button.large .black, .button-large .black {
    background-color: #000
}
button.large .gray, .button-large .gray {
    background-color: #ccc
}
ul {
    margin: 0
}
ul li {
    list-style: inside none;
    list-style-type: none
}
ul.disc {
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    display: block
}
ul.disc li {
    display: list-item;
    list-style: outside disc;
    sist-style-type: disc
}
ul.numbers {
    margin: 0;
    padding: 0;
    display: block
}
ul.numbers li {
    display: block;
    padding: 0 0 0 34px;
    position: relative;
    margin: 0 0 16px 0;
    line-height: 24px
}
ul.numbers li span {
    background: #333;
    color: #fff;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 24px
}
ol {
    margin: 0;
    padding: 0 0 0 20px;
    display: block
}
ol li {
    display: list-item;
    list-style: outside decimal;
    sist-style-type: decimal
}
#cookie {
    background-color: #333;
    height: auto;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    position: relative;
    z-index: 100001;
    display: block;
    padding:20px;
}
@media (min-width:1023px) {
    #cookie {
        height: 50px;
        line-height: 21px;
        padding:0;
    }    
}
#cookie a {
    color: #fff;
    text-decoration: underline
}
#cookie a:hover {
    color: #fff;
    text-decoration: none
}
#cookie a.closeCookiePdf {
    font-weight: bold;
    color: #fed300;
    text-decoration: none;
    display: inline;
    text-decoration: underline
}
#cookie a.closeCookie {
    font-weight: bold;
    color: #fed300;
    text-decoration: none;
    display: inline;
    padding: 0 10px 0 0;
    text-decoration: underline
}
#cookie a.closeCookie:last-child {
    padding: 0;
}
#cookie a.closeCookie:hover {
    color: #fed300;
    text-decoration: none
}
.menu-top {
    background: #444;
    width: 100%;
    max-width: none;
    height: 36px;
    line-height: 36px;
    top: 0;
    left: 0;
    z-index: 100000;
    font-size: 11px
}
.menu-top nav {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 10px
}
.menu-top nav ul {
    margin: 0;
    padding: 0;
    display: inline-block
}
.menu-top nav ul li {
    display: inline-block;
    position: relative;
    float: left
}
.menu-top nav ul li:hover {
    background-color: #555
}
.menu-top nav ul li a {
    color: #ebebeb;
    padding: 0 10px;
    border-right: 1px solid #666;
    line-height: 35px;
    display: block
}
.menu-top nav ul li a i {
    margin-left: 10px;
    line-height: 35px;
    font-size: 11px
}
.menu-top nav ul li a:hover {
    color: #fed300;
    text-decoration: none
}
.menu-top nav ul li a:hover i {
    opacity: 0
}
.menu-top nav ul li a.active {
    color: #fed300
}
.menu-top nav ul .hideCont {
    position: absolute;
    top: 35px;
    left: 0;
    width: 200px;
    background: #555
}
.menu-top nav ul .hideCont li {
    border-bottom: 1px dotted #aaa8a2;
    border-image: none;
    border-style: none none dotted;
    border-width: medium medium 1px;
    display: block;
    float: none;
    margin: 0;
    width: 100%
}
.menu-top nav ul .hideCont li:last-child {
    border-bottom: 0 none
}
.menu-top nav ul .hideCont li a {
    color: #fed300
}
.menu-top nav ul .hideCont li a:hover {
    text-decoration: underline
}
.menu-top nav ul .hideCont li.title {
    color: #c7c7c7;
    display: block;
    margin: 0;
    padding: 5px 10px 0 10px;
    line-height: 26px;
    border-bottom: 1px solid #aaa8a2
}
.menu-top nav ul.pull-right li.lingua {
    border-right: 1px solid #666;
    padding-right: 20px;
    height: 36px
}
.menu-top nav ul.pull-right li.lingua:hover {
    background-color: transparent
}
.menu-top nav ul.pull-right li.lingua a {
    border-right: 0 none;
    border-radius: 2px;
    color: #818181;
    background-color: #494949;
    line-height: 29px;
    float: right;
    margin-left: 3px;
    margin-top: 3px
}
.menu-top nav ul.pull-right li.lingua a.active {
    color: #fff;
    background-color: #737373
}
.menu-top nav ul.pull-right li.eni:hover {
    background-color: transparent
}
.menu-top nav ul.pull-right li.eni a {
    color: #fed300;
    padding-right: 0;
    border-right: none 0;
    display: inline-block;
    padding: 0 10px;
    float: right
}
.menu-top nav ul.pull-right li.eni a img {
    margin-left: 10px
}

.slider {
    height: auto;
    margin-bottom: 0;
    margin-top: 1px !important
}

.slider #owl-hp .owl-item .item {
    display: block;
    width: 100%;
    height: auto;
    /*background-size:cover;*/
    border-radius: 10px;
}

.slider #owl-hp .owl-item {
    height: auto;
}

.slider #owl-hp .owl-item h1, .slider #owl-hp .owl-item p {
    color: #fff;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%
}

/*@media (min-width:480px) {
    .slider {
        height: 250px;
    }
    .slider #owl-hp .owl-item .item {
        display: block;
        width: 100%;
        height: 250px;
    }
    .slider #owl-hp .owl-item {
        height: 250px;
    }
}

@media (min-width:768px) {
    .slider {
        height: 380px;
    }
    .slider #owl-hp .owl-item .item {
        display: block;
        width: 100%;
        height: 380px;
    }
    .slider #owl-hp .owl-item {
        height: 380px;
    }
    .slider #owl-hp .owl-item h1, .slider #owl-hp .owl-item p {
        color: #fff;
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%
    }
}*/

/*@media (min-width:1023px) {
    .slider #owl-hp .owl-item {
        height: 380px;
    }
    .slider #owl-hp .owl-item h1, .slider #owl-hp .owl-item p {
        width: 325px
    }

    .slider #owl-hp .owl-item p {
        font-size: 13px;
        font-style: italic
    }
    .slider #owl-hp .owl-item a:hover {
        text-decoration: none
    }
    .slider #owl-hp .owl-item .item {
        padding: 15px;
        height: 380px;
    }
    .slider #owl-hp .owl-item .item {
        padding: 40px
    }

    .slider #owl-hp .owl-item #item-1 {
        background-image: url('../images/sfondi/slider-hp/img_1@2x.png');
        background-position: center center;
        background-size: cover;
        border-radius: 10px;
        -ms-behavior: url(backgroundsize.min.htc)
    }
}
@media (min-width:1280px) {
    .slider #owl-hp .owl-item #item-1 {
        background-image: url('../images/sfondi/slider-hp/img_1.png');
        background-position: center center;
        background-size: cover
    }

    .slider #owl-hp .owl-item #item-2 {
        background-image: url('../images/sfondi/slider-hp/img_1@2x.png');
        background-position: center center;
        background-size: cover;
        -ms-behavior: url(backgroundsize.min.htc)
    }

    .slider #owl-hp .owl-item #item-2 {
        background-image: url('../images/sfondi/slider-hp/img_1.png');
        background-position: center center;
        background-size: cover
    }
}
.slider #owl-hp .owl-item #item-3 {
    background-image: url('../images/sfondi/slider-hp/img_1@2x.png');
    background-position: center center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc)
}

@media (min-width:1280px) {
    .slider #owl-hp .owl-item #item-3 {
        background-image: url('../images/sfondi/slider-hp/img_1.png');
        background-position: center center;
        background-size: cover
    }
}*/






/*.slider .owl-theme .owl-controls {
    position: relative;
    margin: 0 auto;
    z-index: 9;
    text-align: left;
    height: 30px;
    width: 100%;
    max-width: 1024px;
    bottom: 0
}
.slider .owl-theme .owl-controls .owl-page {
    background-color: #ebebeb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    float: left;
    height: 14px;
    margin-top: -7px;
    margin-right: 20px;
    width: 14px;
    padding: 2px
}
.slider .owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    background-color: #333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block
}
.slider .owl-theme .owl-controls .owl-page.active {
    height: 26px;
    width: 26px;
    padding: 3px;
    margin-top: -13px;
    background: #ebebeb
}
.slider .owl-theme .owl-controls .owl-page.active span {
    background: #fed300;
    padding: 0;
    display: block;
    width: 19px;
    height: 19px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}*/
section.content {
    margin-top: 0
}
.search {
    line-height: 45px;
    position: relative;
    z-index: 50000;
    padding-left: 0;
    height: 70px
}

@media (min-width:1023px) {
    .search {
        padding-left: 0
    }
}

@media (min-width:1280px) {
    .search {
        height: 50px;
        padding-left: 20px
    }
}

.search.hidden-xs.hidden-sm:first-child .col-sm-12 {
    position: relative; 
    top: -4px;
    height: 40px;
}
.search .pull-right {
    padding-right: 20px
}
.search span {
    margin: 0 10px;
    font-size: 14px;
}
.search span a {
    color: #333;
    font-weight: bold;
    text-decoration: underline
}
.search span a:hover {
    text-decoration: none
}
.search span a.green {
    color: #3ba038
}
.search input[type="text"] {
    padding-right: 40px
}
.search input[type="submit"] {
    position: absolute;
    right: 30px;
    border: 0 none;
    width: 36px;
    border-radius: 4px;
    background: transparent;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    padding: 0;
    background-image: url('../images/icons/search@2x.png');
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .search input[type="submit"] {
        background-image: url('../images/icons/search.png');
        background-position: center center;
        background-size: auto;
        background-repeat: no-repeat
    }
}
header {
    margin-top: 10px;
    margin-bottom: 10px;
    top: 87px;
    z-index:10;
    background: #fed300;
    height: 70px;
    -webkit-transform: translateZ(0)
}
header .col-sm-4, header .col-sm-9 {
    border-right: 1px solid #e4be27;
    background: #fed300
}
header .col-sm-4 p, header .col-sm-9 p {
    display: none
}

@media (min-width:1023px) {
    header .col-sm-4 p, header .col-sm-9 p {
        margin: 0;
        display: block
    }
}
header .col-sm-4 a, header .col-sm-9 a {
    color: #333;
    font-size: 12px;
    padding: 0 20px;
    height: 80px;
    display: block;
    font-family: 'EniTabBold';
    font-size: 18px;
    line-height: 21px
}
header .col-sm-4 a span, header .col-sm-9 a span {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    line-height: 17px
}
header .col-sm-4 a.align, header .col-sm-9 a.align {
    height: 70px
}
header .col-sm-4 a:hover, header .col-sm-9 a:hover {
    text-decoration: none
}
header .col-sm-4:hover, header .col-sm-9:hover {
    background-color: #fedb33
}
header .col-sm-4 .arrow-yellow, header .col-sm-9 .arrow-yellow {
    display: none
}
header .col-sm-4.active, header .col-sm-9.active, header .col-sm-4:hover, header .col-sm-9:hover {
    background-color: #fedb33;
    position: relative
}
header .col-sm-4.active .arrow-yellow, header .col-sm-9.active .arrow-yellow, header .col-sm-4:hover .arrow-yellow, header .col-sm-9:hover .arrow-yellow {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    z-index: 9
}
.breadcrumb {
    background-color: #fed300;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    font-weight: bold;
    padding: 0 20px;
    margin-top: 0
}

@media (min-width:768px) {
    .breadcrumb {
        font-size: 12px;
        margin-top: 0
    }
}

@media (min-width:1023px) {
    .breadcrumb {
        margin-top: 0px;
    }
}

@media (min-width:1280px) {
    .breadcrumb {
        margin-top: 0
    }
}
.breadcrumb .col-sm-3 a, .breadcrumb .col-sm-12 a {
    color: #333;
    font-size: 12px;
    padding: 0;
    height: 40px;
    display: inline;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    line-height: 21px;
    font-weight: normal
}

@media (min-width:768px) {
    .breadcrumb .col-sm-3 a, .breadcrumb .col-sm-12 a {
        font-size: 12px
    }
}
.breadcrumb .col-sm-3 a span, .breadcrumb .col-sm-12 a span {
    display: inline;
    font-style: italic;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    line-height: 17px
}

@media (min-width:768px) {
    .breadcrumb .col-sm-3 a span, .breadcrumb .col-sm-12 a span {
        font-size: 12px
    }
}
.breadcrumb .col-sm-3 .arrow-yellow, .breadcrumb .col-sm-12 .arrow-yellow {
    display: none
}
.breadcrumb .col-sm-3.active, .breadcrumb .col-sm-12.active, .breadcrumb .col-sm-3:hover, .breadcrumb .col-sm-12:hover {
    position: relative
}
.breadcrumb .col-sm-3.active .arrow-yellow, .breadcrumb .col-sm-12.active .arrow-yellow, .breadcrumb .col-sm-3:hover .arrow-yellow, .breadcrumb .col-sm-12:hover .arrow-yellow {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    z-index: 90
}
.row {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto
}
section {
    width: 100%;
    display: block;
    clear: both;
    margin: 0 auto;
    z-index: 9;
    position: relative
}
section .vertical {
    display: table;
    width: 100%;
    height: 100%
}
section .vertical .align {
    display: table-cell;
    width: 100%;
    height: 100%
}
section .vertical .align.middle {
    vertical-align: middle
}
section .vertical .align.top {
    vertical-align: top
}
section .vertical .align.bottom {
    vertical-align: bottom
}
section .band {
    padding: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: block;
    clear: both;
    overflow: hidden;
    /*padding-top: 100px;*/
}
section .band2 {
    padding: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto !important;
    display: block;
    clear: both;
    overflow: hidden;
    /*padding-top: 100px;*/
}
section .band.noPadding {
    max-width: 1044px
}
section .bandPad {
    padding: 0 10px
}
.menu-sx {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0
}
.menu-sx .assistenza-sx{
    clear: both;
}
.menu-sx .assistenza-sx .box{
    width:127px;
    height:63px;
    display: inline-block;
    padding:0;
    margin-bottom:20px;
}
.menu-sx .assistenza-sx .box .cont{
    padding:10px;
}
.menu-sx .assistenza-sx .box.sx{
    font-size:15px;
    line-height: normal;
    font-family:'EniTabBold';
}
.menu-sx .assistenza-sx .box.sx .cont{
    padding:15px 10px 15px 50px;
    background-image: url(../images/icons/finder-small.png);
    background-position: 17px 17px;
    background-repeat: no-repeat
}
.menu-sx .assistenza-sx .box.dx .cont{
    font-size:12px;
    font-style:italic;
    line-height: 14px;
    color:#333;
    padding:10px 20px;
}
.menu-sx .assistenza-sx .box.dx .cont .green{
    font-size:11px;
    font-style:normal;
    font-weight:bold;
    color:#15730B;
    background:none;
}

@media (min-width:1280px) {
    .menu-sx {
        width: 300px
    }
}
.content-12 {
    padding-left: 0;
    width: 100%;
    display: block;
    overflow: hidden
}

@media (min-width:768px) {
    .content-12 {
        padding-left: 0
    }
}

@media (min-width:1280px) {
    .content-12 {
        padding-left: 300px
    }
}
.box {
    width: 100%;
    display: block;
    padding: 10px;
    position: relative
}
.box h2 {
    margin: 10px 0;
    color: #333;
    line-height: 26px;
    font-size: 22px
}
.item.box .red h2,.item.box .red p {
    width:60%;
}
.box h2.greenText {
    color: #3ba038
}
.box h2.redText {
    color: #ca0638;
}
.box h2 .grayText {
    color: #333
}
.box p.redText {
    color: #ca0638
}
.box p .grayText {
    color: #333
}
.box .cont {
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px
}

@media (min-width:768px) {
    .box .cont {
        padding: 17px 20px
    }
}
.box .cont.img {
    color: #fff
}
.box .cont.img .cont {
    background-position: center center;
    background-size: cover
}

@media (min-width:768px) {
    .box .cont.img .cont {
        background-position: center center;
        background-size: cover;
        -ms-behavior: url(backgroundsize.min.htc)
    }
}
.box .cont.imgList ul {
    padding: 0;
    margin-top: 20px;
    display: block;
    clear: both
}
.box .cont.imgList ul li {
    display: inline-block;
    width: 16%;
    margin: 10px;
    text-align: center;
    background: #ffffff;
    padding: 10px;
}
.box .cont.imgList ul li img {
    width: 100%;
    height: auto
}
.box .cont.head {
    overflow: hidden;
    padding: 0
}
.box .cont.head.height232 .img-50 {
    height: 200px
}
@media (min-width:480px) {
    .box .cont.head.height232 .img-50 {
        height: 232px
    }
}
.box .cont.head.height250 .img-50 {
    height: 250px
}
.box .cont.head.height245 .img-50 {
    height: 245px
}
.box .cont.head.height315 .img-50 {
    height: 200px
}
.box .cont.head.height578 .img-50 {
    height: 365px
}
.box .cont.head.height274 .img-50 {
    height: 175px;
}
.box .cont.head .img-50 {
    height: 230px;
    width: 100%;
    background-position: top center;
    background-size: cover
}

@media (min-width:768px) {
    .box .cont.head.height315 .img-50 {
        height: 315px
    }
    .box .cont.head.height578 .img-50 {
        height: 578px
    }
    .box .cont.head.height274 .img-50 {
        height: 274px
    }
    .box .cont.head .img-50 {
        background-position: top center;
        background-size: cover;
        -ms-behavior: url(backgroundsize.min.htc)
    }
}
.box .cont.head .img-50 h2 {
    width: 250px;
    margin: 0;
    padding: 17px 20px 10px 20px
}
.box .cont.head .img-50 p {
    font-family: 'EniTabBold';
    font-size: 20px;
    width: 250px;
    margin: 0;
    padding: 0 20px;
    color: #333
}
.box .cont.head .text-50 {
    padding: 17px 20px;
    position: relative;
    min-height: 125px
}
.box .cont.head .text-50.cars {
    min-height: 88px
}
.box .cont.head .img-dx.img-50 {
    height: 170px
}
.box.box-50 {
    width: 100%;
    float: none;
    height: 212px
}

@media (min-width:1280px) {
    .box.box-50 {
        width: 50%;
        float: left
    }
}
.box .sectionButton {
    border-radius: 4px;
    height: 20px;
    line-height: 19px;
    padding: 0 10px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 1px
}
.box .white h2, .box .white p {
    color: #fff
}
.box .white i {
    color: #333
}
.box .yellow {
    background-color: #fed300;
    color: #333
}
.box .yellow .arrow-cont {
    color: #fed300
}
.box .yellow .arrow-cont span {
    font-size: 11px;
    color: #333;
    position: absolute;
    top: 0;
    right: -70px
}
.box .yellow-dark {
    background-color: #dcb704;
    color: #fff
}
.box .red-dark {
    background-color: #a23432;
    color: #fff
}
.box .yellow-dark .arrow-cont {
    color: #fed300
}
.box .red {
    background-color: #bf3c3a;
    color: #fff
}
.box .red .arrow-cont {
    color: #bf3c3a
}
.box .red h2, .box .red p {
    color: #fff;
    width: 250px
}
.box .greenShadow {
    background: #a5e179;
    background: -moz-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: -webkit-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: -o-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: -ms-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: linear-gradient(183deg, #a5e179 0, #6aa340 100%);
    text-align: center
}
.box .greenShadow h2 {
    color: #fff;
    font-size: 32px;
    margin-top: 0
}
.box .greenShadow h2 a, .box .greenShadow h2 a:hover {
    color: #fff;
    text-decoration: none
}
.box .greenShadow i {
    font-size: 78px;
    height: 38px;
    color: #79a856
}
.box .blue {
    background: #3b579d
}
.box .blue h2, .box .blue p {
    color: #fff;
    width: 240px
}
.box .blue a, .box .blue a:hover {
    text-decoration: none;
    color: #3b579d
}
.box .blue img {
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;
    position: absolute
}

@media (min-width:768px) {
    .box .blue img {
        width: 100px;
        height: 100px
    }
}
.box .gray-sand {
    background-color: #efeee7
}
.box .green {
    background-color: #48B24D;
    color: #fff
}
.box .green .arrow-cont {
    color: #bf3c3a
}
.box .green h2, .box .green p {
    color: #fff;
    width: 250px
}
.box .gray {
    background: #fafafa;
    color: #666
}
.box .gray .arrow-cont {
    color: #fff
}
.box .dark-gray {
    background: #333;
    color: #fff
}
.box .dark-gray .arrow-cont {
    color: #fff
}
.box .darkgray-mondadori {
    background: #f0efe7;
    color: #666;
    min-height: 250px;
}
.box .bg {
    background-position: center center;
    background-size: cover
}

@media (min-width:768px) {
    .box .bg {
        background-position: center center;
        background-size: cover;
        -ms-behavior: url(backgroundsize.min.htc)
    }
}
.box .list .text-center {
    text-align: center
}
.box .list .text-right {
    text-align: right
}
.box .list img {
    height: 55px;
    width: 55px
}

@media (min-width:768px) {
    .box .list img {
        width: 90%;
        height: auto
    }
}
.box .list h2 {
    text-transform: uppercase;
    letter-spacing: 1;
    font-size: 13px;
    font-family: "Source Sans Pro", sans-serif;
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ebebeb;
    font-weight: bold
}
.box .list ul {
    padding: 0
}
.box .list ul li {
    display: block;
    width: 100%;
    clear: both;
    padding: 20px 0;
    overflow: hidden;
    color: #333;
    text-align: left;
    border-bottom:1px solid #ebebeb;
}
.box .list ul li:last-child {
    border-bottom:0 none;
}
.box .list ul li .sectionButton {
    position: relative;
    top: -6px
}
.box .list ul li h3 {
    font-family: 'EniTabBold';
    font-size: 18px;
    line-height: 21px;
    margin: 0
}
.box .list ul li h3 a {
    color: #333
}
.box .list ul li p {
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    margin: 0
}
.box .list .arrow-cont {
    position: relative;
    float: right
}

.box.box-product h2 {
    margin-bottom:20px;
}
.box.box-product .premio {
    display: inline-block;
    width:70%;
    float: left;
    padding:0 20px;
}
.box.box-product h3 {
    margin-top:7px;
}
/*
.box.box-product a {
    display: inline-block;
    width:55px;
    float: left;
    margin:0 20px;
}*/
.box.box-product h3 a {
    font-size:18px;
    color:#333;
}
.box.box-product .list img {
    height: auto;
    width: 55px;
    float:left;
    margin:0;
}

@media (min-width:1023px) {
    .box.box-product .list img {
        width: auto;
        /*height: 100px;*/
        width:90%;
        float:none;
        margin:0 auto 10px auto;
    }
    .box.box-product .premio {
        float:none;
        display: block;
        clear:both;
        width:100%;
        padding:0;
    }
    /*.box.box-product a {
        float:none;
        display: block;
    }*/
}

@media (min-width:1023px) {
    .box .list .arrow-cont {
        position: absolute;
        top: 20px;
        right: 23px;
        left: auto;
        bottom: auto
    }
}
.box .absolute {
    position: absolute
}
.box .relative {
    position: relative
}
.box .sectionButton.absolute {
    left: 20px;
    top: -10px
}
.box .overflow {
    overflow: hidden;
    height: 100%
}
.box .more {
    border-top: 1px solid #ddd;
    height: auto;
    position: relative;
    text-align: center;
    display: block;
    clear: both;
    padding: 17px 20px;
    margin-top: 17px;
    width: 100%;
    float: none
}

@media (min-width:1023px) {
    .box .more {
        border-left: 1px solid #ddd;
        border-top: 0 none;
        height: 100px;
        position: absolute;
        bottom: 17px;
        right: 0;
        display: inline-block;
        float: right;
        width: 25%;
        text-align: center
    }
}
.box .more .arrow-cont {
    margin: 0 auto
}
.box img.bottom {
    position: absolute;
    bottom: 10px;
    right: 10px
}
.box img.bottom.edicola {
    width:auto;
    height:130px;
}
.box img.middle {
    position: absolute;
    height: 146px;
    top: 50%;
    margin-top: -73px;
    right: 10px
}
.box .box212 {
    height: auto
}
.edicolaText {
    width:70%;
}
.edicola-reg {
    margin:40px 0 !important;
}

@media (min-width:1023px) {
    .box img.bottom.edicola {
        width:63%;
        height:auto;
    }
    .edicolaText {
        width:100%;
    }
    .box .box212 {
        height: 212px
    }
    .box .box70 {
        height: 70px
    }
}
.box .box286 {
    height: auto
}
.box .box246 {
    height: auto
}

@media (min-width:1023px) {
    .box .box286 {
        height: 286px
    }
    .box .box246 {
        height: 246px
    }
}
.box .box305 {
    height: auto
}
.box .box316 {
    height: auto
}

@media (min-width:1023px) {
    .box .box305 {
        height: 305px
    }
    .box .box316 {
        height: 316px
    }
    .box .box355 {
        height: 355px
    }
}
.box .box355 {
    height: 100%
}
.box .box360 {
    height: 100%
}
.box .box365 {
    height: 100%
}
.box .box395 {
    height: 100%
}

@media (min-width:1023px) {
    .box .box365 {
        height: 365px
    }
    .box .box360 {
        height: 360px
    }
    .box .box395 {
        height: 395px
    }
}
.box .box441 {
    height: auto
}
.box .box444 {
    height: auto
}
.box .box474 {
    height: auto
}
.box .box495 {
    height: auto
}
.box .box535 {
    height: auto
}
.box .box547 {
    height: auto
}
.box .box705 {
    height: auto
}

@media (min-width:1023px) {
    .box .box441 {
        height: 441px
    }
    .box .box444 {
        height: 444px
    }
    .box .box474 {
        height: 474px
    }
    .box .box495 {
        height: 495px
    }
    .box .box547 {
        height: 547px
    }
    .box .box705 {
        height: 705px
    }

}
.box .arrow-cont {
    border-radius: 50%;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    display: block;
    position: relative
}

@media (min-width:1023px) {
    .box .arrow-cont {
        position: absolute;
        bottom: 25px;
        left: 23px
    }
}
.box .arrow-cont:hover {
    text-decoration: none
}
.box .arrow-cont.whiteArrow {
    background-color: #fff
}
.box .arrow-cont.yellowArrow {
    background-color: #c0a31f
}
.box .arrow-cont.grayArrow {
    background-color: #979797
}
.box .arrow-cont.lightGrayArrow {
    background-color: #e1e1e1
}
.box .arrow-cont i {
    line-height: 38px;
    font-size: 10px;
    margin-left: 6px
}
.box .more .arrow-cont {
    position: relative;
    margin: 10px auto 0 auto;
    left: auto;
    top: auto
}

@media (min-width:1023px) {
    .box .more .arrow-cont {
        position: relative;
        left: 50%;
        margin-left: -19px;
        top: 50%;
        margin-top: -19px
    }
}
.box p.italic {
    font-size: 12px;
    font-style: italic
}
.box p.bigItalic {
    font-size:16px;
}
footer {
    max-width: 100%;

    margin: 0 auto
}
footer .border {
    border-top: 1px solid #ddd;
    text-align: center;
    margin-top: 20px
}
footer .border .footer-tornasu {
    cursor: pointer
}
footer .border .footer-menu {
    margin: 0 auto;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    line-height: 17px;
    padding: 0;
    display: block;
    width: auto;
    margin: 20px auto;
    list-style-type: none
}
footer .border .footer-menu LI {
    margin: 0;
    padding: 0;
    display: inline-block;
    white-space: nowrap
}
footer .border .footer-menu LI:first-child {
    list-style-type: none;
    margin-right: 10px
}
footer .border .footer-menu a {
    color: inherit;
    font-weight: 700;
    margin: 0 7px
}
.with-icon i {
    width: 68px;
    height: 68px;
    font-size: 64px;
    color: #333;
    display: block;
    float: left
}
.with-icon p {
    height: 68px;
    display: inline
}
.with-icon.image-station {
    background-image: url(../images/header-bar-icon01.png);
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width:1023px) {
    .with-icon.image-station {
        background-position: left 20px center;
        padding-left: 105px
    }
}
.with-icon.image-card {
    background-image: url(../images/header-bar-icon02.png);
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width:1023px) {
    .with-icon.image-card {
        background-position: left 20px center;
        padding-left: 95px
    }
}
.with-icon.image-cards {
    background-image: url(../images/icons/cards-gray.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px !important;
    background-size: 66px 48px
}
.with-icon.image-bag {
    background-image: url(../images/header-bar-icon03.png);
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width:1023px) {
    .with-icon.image-bag {
        background-position: left 20px center;
        padding-left: 95px
    }
}
.with-icon.image-program {
    background-image: url(../images/icons/ico-programma.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 70px 48px;
    padding-left: 105px !important
}
.with-icon.image-catalog {
    background-image: url(../images/icons/ico-catalog.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 70px 48px;
    padding-left: 105px !important
}
.with-icon.image-premi {
    background-image: url(../images/icons/ico-premi.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 70px 48px;
    padding-left: 105px !important
}
.with-icon.image-handshake {
    background-image: url(../images/icons/ico-handshake.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 70px 48px;
    padding-left: 105px !important
}
#home .with-icon i {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    opacity: .7
}

@media (min-width:1023px) {
    #home .with-icon i {
        margin: 0 0 0 10px;
        width: 68px
    }
}
#home .with-icon p {
    height: auto;
    position: relative;
    display: none;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600
}

@media (min-width:1023px) {
    #home .with-icon p {
        display: inline;
        height: 68px;
        display: table-cell;
        vertical-align: middle;
        padding-left:13px;
    }
}
#home .with-icon p span {
    font-size: 12px;
    font-weight: 200;
    text-transform: none
}
#home .active .with-icon i {
    opacity: .4
}
#sub-home .with-icon.image-station {
    background-image: url(../images/header-bar-icon01.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 105px
}
#sub-home .with-icon.image-card {
    background-image: url(../images/header-bar-icon02.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px
}
#sub-home .with-icon.image-bag {
    background-image: url(../images/header-bar-icon03.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px
}
#sub-home .with-icon.image-servizi {
    background-image: url(../images/icons/ico-servizi.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px
}

@media (min-width:1023px) {
    #sub-home .with-icon.image-servizi {
        background-image: url(../images/icons/ico-servizi.png);
        background-position: left 20px center;
        padding-left: 95px
    }
}
#sub-home .searchResult a {
    color: #333;
    text-decoration: underline;
    font-weight: bold;
    font-size: 13px
}
#sub-home .searchResult a:hover {
    text-decoration: none
}
.menu-tablet {
    display: block;
    height: 70px;
    padding: 10px 0;
    background: #e5e5e5;
    background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f9f9f9, #e5e5e5);
    background-image: -ms-linear-gradient(top, #f9f9f9, #e5e5e5);
    background-image: -o-linear-gradient(top, #f9f9f9, #e5e5e5);
    background-image: linear-gradient(top, #f9f9f9, #e5e5e5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe5e5e5', GradientType=0)
}
.menu-tablet>ul>li img {
    height: 40px;
    vertical-align: top
}
.menu-tablet ul {
    margin: 0;
    padding: 0
}
.menu-tablet li {
    text-align: center;
    border-right: 1px solid #ddd;
    cursor: pointer
}
.menu-tablet li div.menu-icon {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center
}
.menu-tablet li div.menu-icon span {
    text-align: center;
    color: #1e1e1e;
    font-size: 16px;
    padding-left: 35px;
    font-family: 'EniTabBold';
    font-weight: normal;
    display: inline-block;
    padding-bottom: 10px
}
.menu-tablet li div.menu-icon .menu-card {
    background: url(../images/you.png) 0 13px no-repeat
}
.menu-tablet li div.menu-icon .menu-mail {
    background: url(../images/contact.png) 0 13px no-repeat
}
.menu-tablet li div.menu-icon .menu-handbag {
    background: url(../images/business.png) 0 10px no-repeat
}
.menu-tablet li div.menu-icon .menu-station {
    background: url(../images/stazione.png) 0 10px no-repeat
}
.menu-tablet li p {
    display: inline;
    float: right
}
.mobiSlider {
    height: 200px
}
.mobiSlider #owl-subHp {
    height: 200px
}
.mobiSlider #owl-subHp .owl-item {
    display: block;
    width: 100%;
    height: 150px
}
.mobiSlider #owl-subHp .owl-item .slide {
    padding: 20px 0 0 0;
    width: 100%;
    text-align: center;
    top: 0 !important
}
.mobiSlider #owl-subHp .owl-item .slide img {
    margin: 0 3px;
    width: 28%
}
.mobiSlider #owl-subHp .owl-controls {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 9;
    text-align: left;
    height: 30px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}
.mobiSlider #owl-subHp .owl-page {
    background-color: #d5d5d5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    float: left;
    height: 10px;
    margin-top: 0;
    margin-right: 20px;
    width: 10px;
    padding: 0
}
.mobiSlider #owl-subHp .owl-page span {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block
}
.mobiSlider #owl-subHp .owl-page.active {
    height: 10px;
    width: 10px;
    padding: 0;
    margin-top: 0;
    background: #7d7e7e
}
.mobiSlider #owl-subHp .owl-page.active span {
    padding: 0;
    display: block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.tablet-submenu {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #333;
    z-index: 2000;
    color: white;
    line-height: 18px;
    overflow: hidden;
    height: 0;
    background: url(../images/linea.png) center center no-repeat #333
}
.tablet-submenu.open {
    height: 320px
}
.tablet-submenu h3 {
    color: #fed300;
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 25px
}
.tablet-submenu .col-sm-3 {
    height: inherit;
    display: table;
    min-height: 320px
}
.tablet-submenu .col-sm-3>.cell {
    display: table-cell;
    vertical-align: middle
}
.tablet-submenu .col-sm-3>.cell.alignleft * {
    text-align: left
}
.tablet-submenu .col-sm-3>.cell h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px
}
.tablet-submenu .col-sm-3>.cell p {
    font-size: 11px;
    font-style: italic
}
.tablet-submenu .col-sm-3>.cell li {
    margin-bottom: 4px;
    color: rgba(255,255,255,0.5);
    font-size: 13px
}
.tablet-submenu .col-sm-3>.cell li:hover {
    color: #fff;
    text-decoration: underline
}
.tablet-submenu .col-sm-3>.cell li.with-childs {
    background: url(../images/arrow-gray.png) 90% center no-repeat;
    position: relative
}
.tablet-submenu .col-sm-3>.cell li.with-childs ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    display: none
}
.tablet-submenu .col-sm-3>.cell li.with-childs:hover {
    background: url(../images/arrow-white.png) 90% center no-repeat
}
.tablet-submenu .col-sm-3>.cell li.with-childs:hover ul {
    display: block
}
.tablet-submenu li {
    border: none
}
.tablet-submenu a {
    color: inherit
}
.tablet-search {
    position: relative;
    z-index: 2000;
    background-color: #333;
    top: 8px
}
.tablet-search input {
    width: 100% !important;
    background: transparent !important;
    border: none;
    color: white;
    font-style: normal;
    font-weight: bold
}
.tablet-search .bottone {
    text-align: right;
    color: white;
    text-decoration: underline;
    font-style: normal;
    font-weight: bold
}
.tablet-search .bottone a {
    color: inherit
}
.band.band-list {
    margin-top: 20px
}
.band.band-list .box {
    padding: 10px
}

@media (min-width:1023px) {
    .band.band-list .box {
        padding: 20px
    }
}
.band.band-list .box h2 {
    display: inline-block;
    margin: 10px 0;
    line-height: normal
}

@media (min-width:1023px) {
    .band.band-list .box h2 {
        margin: 0 0 10px 0
    }
}
.band.band-list .box h2.data-enter {
    margin: 0 0 30px 0
}
.band.band-list .box h2.data-enter span {
    font-size: 12px;
    font-style: italic;
    color: #666;
    display: block;
    margin-bottom: 5px;
    font-family: "Source Sans Pro", sans-serif
}
.band.band-list .box .cont {
    padding: 10px
}

@media (min-width:1023px) {
    .band.band-list .box .cont {
        padding: 20px 10px
    }
}
.band.band-list .box .cont .list-img {
    display: block;
    width: 100%;
    height: auto
}
.band.band-list .box .cont .list-img-you {
    display: block;
    width: 100%;
    height: auto
}
.band.band-list .box .cont .row {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb
}
.band.band-list .box .cont .row.related {
    border-bottom: 0 none;
    padding: 0 10px;
    margin: 0 0 40px 0
}

@media (min-width:1023px) {
    .band.band-list .box .cont .row.related {
        padding: 0
    }
}
.band.band-list .box .cont .row.related .box {
    margin: 0 0 20px 0
}

@media (min-width:1023px) {
    .band.band-list .box .cont .row.related .box {
        margin: 0
    }
}
.band.band-list .box .cont .row.related h2 {
    display: block;
    margin: 0 0 17px 10px;
    line-height: 20px;
    font-size: 18px
}
.band.band-list .box .cont .row.related .box .cont.head .img-50 {
    height: 185px
}
.band.band-list .box .cont .row.related .box .cont.head .text-50 h2 {
    margin-left: 0
}
.band.band-list .box.contact-info .cont {
    padding: 0 !important
}
.band.band-list .box.contact-info .wrapper {
    padding: 20px
}
.band.band-list .box.contact-info .contact-list li {
    padding: 20px;
    background: #e9e7dd;
    position: relative
}
.band.band-list .box.contact-info .contact-list li:not(:last-child) {
    margin-bottom: 1px
}
.band.band-list .box.contact-info .contact-list .desc, .band.band-list .box.contact-info .contact-list .number {
    display: block
}
.band.band-list .box.contact-info .contact-list .desc {
    font-size: 12px;
    margin-bottom: 5px
}
.band.band-list .box.contact-info .contact-list .number {
    font-weight: bold;
    font-size: 15px;
    color: #333
}
.band.band-list .box.contact-info .contact-list .icon {
    float: left;
    margin: 7px 20px 7px 0;
    width: 33px
}
.band.band-list .box.contact-info .contact-list .arrow-cont {
    position: absolute;
    right: 20px;
    left: auto;
    top: 23px
}
.band.band-list .choose h2 {
    display: block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    background-color: #e9e7dd;
    height: 60px;
    line-height: 60px
}
.band.band-list .choose input[type="text"] {
    margin: 20px 0;
    float: none
}

@media (min-width:1023px) {
    .band.band-list .choose input[type="text"] {
        margin: 0;
        float: right
    }
}
.band.band-list .choose button.black, .band.band-list .choose .button.black {
    width: 100%
}

@media (min-width:1023px) {
    .band.band-list .choose button.black, .band.band-list .choose .button.black {
        margin: 0;
        float: right
    }
}
.band.band-list .choose .category {
    position: relative;
    text-align: center;
    float: left;
    width: 20%;
    display: inline-block
}
.band.band-list .choose .category:hover {
    background-color: #f1efeb;
    text-decoration: none
}
.band.band-list .choose .category.active {
    background-color: #fed300
}
.band.band-list .choose .category.select-and.active {
    background-image: url(../images/icons/icon-check.png);
    background-position: 90% 10px;
    background-repeat: no-repeat
}
.band.band-list .choose .category .vertical {
    height: 120px
}
.band.band-list .choose .category .vertical span {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #333
}
.band.band-list .choose .searchCategory {
    padding: 20px;
    border-top: 1px solid #ebebeb;
    overflow: hidden
}
.band.band-list .box-risultati .well {
    background: #e9e7dd;
    border-radius: 2px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 20px;
    padding: 10px;
    height: 44px
}
.band.band-list .box-risultati .well .badge {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 10px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-right: 5px
}
.band.band-list .box-risultati .results .main-result {
    margin-bottom: 20px
}
.band.band-list .box-risultati .results>.result>.btn-prod {
    width: 100%
}
.band.band-list .box-risultati .results>.result>.btn-prod.light-gray {
    background-color: #f1f0eb;
    border-radius: 2px;
    color: #333
}
.band.band-list .box-risultati .results>.result>.btn-prod.green {
    background-color: #c2da08;
    border-radius: 2px;
    color: #333;
}
.navigation-bottom-container {
    margin: 0 -10px -10px -10px
}

@media (min-width:1023px) {
    .navigation-bottom-container {
        margin: 0 -10px -20px -10px
    }
}
.navigate .prev, .navigate .next {
    height: 60px
}

@media (min-width:768px) {
    .navigate .prev, .navigate .next {
        height: 100px
    }
}
.navigate .prev {
    background-color: #efeee7
}
.navigate .next {
    background-color: #e9e7dd
}
.navigate a {
    padding: 0;
    display: block
}
.navigate a h2 {
    margin: 0 !important;
    line-height: normal;
    font-size: 14px
}

@media (min-width:768px) {
    .navigate a h2 {
        font-size: 22px;
        line-height: normal
    }
}
.navigate a.navigate-right {
    padding-right: 30px;
    background-image: url(../images/icons/arrow-right@2x.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 16px
}

@media (min-width:768px) {
    .navigate a.navigate-right {
        padding-right: 50px;
        background-image: url(../images/icons/arrow-right.png);
        background-position: right 20px center;
        background-repeat: no-repeat;
        background-size: 10px 16px
    }
}
.navigate a.navigate-left {
    padding-left: 30px;
    background-image: url(../images/icons/arrow-left@2x.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px 16px
}

@media (min-width:768px) {
    .navigate a.navigate-left {
        padding-left: 50px;
        background-image: url(../images/icons/arrow-left.png);
        background-position: left 20px center;
        background-repeat: no-repeat;
        background-size: 10px 16px
    }
}
.navigate .arrow-cont {
    position: relative;
    display: inline-block;
    bottom: auto;
    left: auto;
    height: 25px;
    width: 25px;
    line-height: 22px
}
.navigate .arrow-cont i {
    line-height: 22px;
    font-size: 8px
}

@media (min-width:1023px) {
    .navigate .arrow-cont i {
        font-size: 10px;
        line-height: 38px;
        margin-left: 6px
    }
}

@media (min-width:1023px) {
    .navigate .arrow-cont {
        height: 38px;
        width: 38px;
        line-height: 38px
    }
}
.navigate .left {
    float: left
}
.navigate .right {
    float: right
}
.band.band-list.foglia .row.social {
    padding-bottom: 10px
}
.band.band-list.foglia .row.social #shares {
    padding: 10px 0 0 0
}
.band.band-list.foglia .row.social #shares .service {
    padding: 20px 0 10px 0;
    text-align: center
}

@media (min-width:768px) {
    .band.band-list.foglia .row.social #shares .service {
        text-align: right;
        padding: 10px 0
    }
}
.band.band-list.foglia .row.social #shares .service a {
    display: inline-block;
    margin: 0 10px
}
.band.band-list.foglia p, .band.band-list.foglia h2 {
    margin-bottom: 20px
}
.band.band-list.foglia .box .cont .row.navigate a h2 {
    color: #666;
    margin: 0 20px;
    line-height: normal;
    font-size: 14px
}

@media (min-width:768px) {
    .band.band-list.foglia .box .cont .row.navigate a h2 {
        font-size: 18px;
        line-height: normal
    }
}

.band.band-list.foglia .img-100 {
    height: 150px;
    width: 100%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:480px) {
    .band.band-list.foglia .img-100 {
        height: 250px;
    }
}
@media (min-width:768px) {
    .band.band-list.foglia .img-100 {
        height: 340px;
    }
}
.ie8 .band.band-list.foglia .img-100 {
    height: 340px;
}

.box-colors-cont p a, .box-colors-cont ul a {
    color: #333;
    text-decoration: underline
}
.box-colors-cont p a:hover, .box-colors-cont ul a:hover {
    color: #333;
    text-decoration: none
}
.box-colors-cont a.arrow-cont {
    text-decoration: none
}
.box-colors-cont table {
    width: 100%;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb
}
.box-colors-cont table td, .box-colors-cont table th {
    text-align: left;
    padding: 10px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    color: #666
}

@media (min-width:1023px) {
    .box-colors-cont table td, .box-colors-cont table th {
        padding: 10px 20px
    }
}
.box-colors-cont table th {
    background: #fed300;
    text-transform: uppercase;
    height: 60px;
    font-size: 10px;
    font-weight: 600;
    border-right: 1px solid #dcb704;
    border-bottom: 1px solid #dcb704;
    color: #333;
    vertical-align: middle
}

@media (min-width:1023px) {
    .box-colors-cont table th {
        font-size: 13px
    }
}
.box-colors-cont table td.center, .box-colors-cont table th.center {
    text-align: center
}
.box-colors-cont table .tabTitle {
    background: #ebebeb;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    height: 60px;
    text-transform: uppercase;
    vertical-align: middle
}
.box-colors-cont table .imgSmall {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center
}

@media (min-width:1023px) {
    .box-colors-cont table .imgSmall {
        width: 135px;
        margin: 0 5px;
        padding: 50px 0
    }
}

@media (min-width:1280px) {
    .box-colors-cont table .imgSmall {
        margin: 0 10px
    }
}
.box-colors-cont table .imgSmall p.desc {
    margin: 0
}
.box-colors-cont table .imgSmall img.card {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .box-colors-cont table .imgSmall img.card {
        width: 150px
    }
}

@media (min-width:1023px) {
    .box-colors-cont table .imgSmall img.card {
        width: 100%
    }
}

@media (min-width:1280px) {
    .box-colors-cont table .imgSmall img.card {
        width: 100%
    }
}
.box-colors-cont table .imgSmall.centered {
    margin: 0 auto;
    float: none
}
.box-colors-cont .grayCard table td {
    width: 100%;
    display: block
}

@media (min-width:1023px) {
    .box-colors-cont .grayCard table td {
        width: 50%;
        display: table-cell
    }
}
.box-colors-cont .cont {
    display: block;
    margin: 0 0 20px 0;
    position: relative;
    overflow: hidden
}
.box-colors-cont .cont .cont {
    padding: 17px 20px
}
.box-colors-cont .cont:last-child {
    /*margin-bottom: 0*/
}
.box-colors-cont .cont:hover {
    text-decoration: none
}
.box-colors-cont .cont.yellow .arrow-cont {
    color: #fed300;
    bottom: 0
}

@media (min-width:1023px) {
    .box-colors-cont .cont.yellow .arrow-cont {
        bottom: 20px
    }
}
.box-colors-cont .cont.red,.box-colors-cont .cont.green {
    overflow: hidden
}
.band.band-list .box .cont .box-colors-cont .cont.green {
    padding:30px;
}
.band.band-list .box .cont .box-colors-cont .cont.green img.middle{
    height:72px;
    width:auto;
}
.box-colors-cont .cont.red h2,.box-colors-cont .cont.green h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px
}
.box-colors-cont .cont.red h2, .box-colors-cont .cont.red p,.box-colors-cont .cont.green h2, .box-colors-cont .cont.green p {
    width: 233px
}
.box-colors-cont .cont.red p,.box-colors-cont .cont.green p {
    margin: 0
}
.box-colors-cont .cont.grayCard {
    background-color: #f3f3f3;
    color: #333
}
.box-colors-cont .cont.grayCard .arrow-cont {
    margin: 20px 0 0 0;
    position: relative;
    bottom: auto;
    left: auto;
    display: block;
    clear: both;
    color: #fff;
    background-color: #333
}
.box-colors-cont .cont.grayCard .arrow-cont span {
    font-size: 11px;
    position: absolute;
    right: -70px;
    top: 0;
    color: #333
}
.box-colors-cont .cont.grayCard img {
    width: 231px;
    height: 145px;
    position: relative;
    margin: 0 auto;
    display: block
}
.box-colors-cont .cont.grayCard h2 {
    color: #333;
    margin: 0 0 5px 0;
    line-height: normal
}
.box-colors-cont .cont.grayCard p {
    color: #333;
    margin: 0 0 20px 0;
    line-height: normal
}
.box-colors-cont .cont img.middle {
    width: 68px;
    height: auto;
    right: 0;
    top: 50%;
    margin-top: -40px
}
.box-colors-cont .cont img.bottom {
    bottom: 0;
    right: 0
}
#owl-related {
    height: 450px
}
#owl-related .owl-item {
    display: block;
    width: 100%;
    height: 425px
}
#owl-related .owl-item .slide {
    padding: 20px 0 0 0;
    width: 100%;
    text-align: center;
    top: 0 !important
}
#owl-related .owl-item .slide img {
    margin: 0 3px;
    width: 28%
}
#owl-related .owl-controls {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 9;
    text-align: left;
    height: 30px;
    width: 100%;
    max-width: 320px;
    margin: 20px auto 0 auto
}
#owl-related .owl-page {
    background-color: #d5d5d5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    float: left;
    height: 10px;
    margin-top: 0;
    margin-right: 20px;
    width: 10px;
    padding: 0
}
#owl-related .owl-page span {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block
}
#owl-related .owl-page.active {
    height: 10px;
    width: 10px;
    padding: 0;
    margin-top: 0;
    background: #7d7e7e
}
#owl-related .owl-page.active span {
    padding: 0;
    display: block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.partners-browser .box .cont {
    height: 212px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    position: relative
}
.partners-browser .partners-box {
    background-color: #f3f3f3;
    display: inline-block;
    width: 100%
}
.partners-browser .partners-filters {
    display: table;
    width: 100%;
    height: 40px
}
.partners-browser .partners-filters>div {
    text-align: left;
    display: table-cell;
    height: inherit;
    margin-bottom: 20px
}
.partners-browser #btn_all {
    text-align: left;
}
@media (min-width:1023px) {
    .partners-browser #btn_all {
        text-align: center;
    }
    .partners-browser .partners-filters>div {
        margin-bottom: 0
    }
}
.partners-browser .partners-filters>div>span {
    display: block;
    text-align: left
}
.partners-browser .partners-filters>div.no-icon {
    text-align: center
}
.partners-browser .partners-filters>.active {
    border-bottom: 4px solid #fed300
}
.partners-browser .icon {
    background-repeat: no-repeat;
    background-position: center center;
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 5px
}
.partners-browser .icon.icon-punti {
    background-image: url(../images/partner-filter2-big.png)
}
.partners-browser .icon.icon-premio {
    background-image: url(../images/partner-filter1-big.png)
}
.partners-browser .icon+p {
    float: left;
    font-size: 12px;
    color: #333;
    line-height: 17px
}
.partners-browser .icon+p span {
    display: block;
    font-size: 13px;
    color: #1a1a1a;
    letter-spacing: .86px;
    line-height: 18px
}
.partners-browser .categories {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 10px;
    left: 10px
}
.partners-browser .categories li {
    width: 25px;
    height: 25px;
    float: left;
    display: table;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px
}
.partners-browser .categories li.punti {
    background-image: url(../images/partner-filter2.png)
}
.partners-browser .categories li.premio {
    background-image: url(../images/partner-filter1.png)
}
.form-container.pos {
    margin-top: 40px
}
.form-container.pos .form {
    padding-left: 20px;
    padding-right: 20px
}
.form-container.pos button, .form-container.pos .button {
    background-clip: padding-box;
    background-color: rgba(0,0,0,0.2);
    border-radius: 3px;
    color: #333;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    height: auto;
    line-height: 16px;
    padding: 15px 60px;
    transition: all .2s ease-out 0s
}
.form-container.pos button.blackPos, .form-container.pos .button.blackPos {
    background-color: #000;
    color:#fff;
    margin-bottom:20px;
}
.form-container.pos button.blackPos a, .form-container.pos .button.blackPos a {
    color:#fff;
}
@media (min-width:768px) {
    .form-container.pos button.blackPos {
        margin-bottom:0;
    }
}

.form-container.pos button.black, .form-container.pos .button.black {
    margin-bottom: 20px;
    margin-top: 20px
}
.form-container.pos button a, .form-container.pos .button a {
    color: #333
}
.form-container.pos .row.formBox {
    border-bottom: 0 none
}
.form-container.pos .row.formBox .gray-form {
    background-color: #ebebeb;
    display: table
}
.form-container.pos .row.formBox .form-row {
    display: table;
    margin-bottom: 10px;
    width: 100%
}
.form-container.pos .row.formBox .form-row:last-child {
    margin-bottom: 0
}
.form-container.pos .row.formBox input[type="text"] {
    margin-bottom: 10px
}
.form-container.pos .row.formBox .vertical {
    height: 40px
}
.form-container.pos .row.formBox label {
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%
}
.form-container.pos .row.formBox .input-text {
    background-clip: padding-box;
    background-color: #eaeaea;
    background-image: none;
    border-radius: 3px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%
}
.form-container.pos .row.formBox .multipleText {
    display: block;
    overflow: hidden
}
.form-container.pos .row.formBox .multipleText .form-row {
    margin-bottom: 0
}
.form-container.pos .row.formBox .multipleText .form-row input[type="text"] {
    margin-bottom: 20px
}
.form-container.pos .ticket {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/voucherBg.png);
    background-position: top left;
    background-repeat: no-repeat;
}

@media (min-width:1023px) {
    .form-container.pos .ticket {
        margin-top: 0;
        height: 100%
    }
}
.form-container.pos .ticket button, .form-container.pos .ticket .button {
    bottom: auto;
    left: auto !important;
    margin-left: 0;
    margin-top:20px;
    position: relative;
    width: 150px
}
@media (min-width:768px) {
    .form-container.pos .ticket button, .form-container.pos .ticket .button {
        bottom: 20px;
        left: 50%;
        margin-left: -75px;
        margin-top:0;
        position: absolute;
        width: 150px;
    }
}

.arrow-cont.relative {
    position: relative;
    top: 0;
    left: 0;
    background-color: black
}
.arrow-cont.relative span {
    position: relative;
    display: block;
    color: black;
    width: 200px;
    text-align: left;
    margin-left: 50px;
    font-size: 11px
}
.arrow-cont.relative .icon-arrow {
    position: absolute;
    top: 1px;
    left: 12px
}
.arrow-cont.relative:hover {
    background-color: #333
}
.awards .title {
    margin-top: 10px
}
.awards .box {
    background-color: #ededed
}
.awards .box.award-card {
    margin-bottom: 20px
}
.awards .filters .filter {
    margin-bottom: 20px
}

@media (min-width:1023px) {
    .awards .filters .filter {
        float: left;
        width: 30%;
        padding: 0 20px 0 0;
        margin-bottom: 0
    }
}

@media (min-width:1023px) {
    .awards .filters .filter:last-child {
        width: 3%;
        padding: 0
    }
}
.awards .filters .btn-new {
    padding: 8px 20px;
    height: 48px;
    width: 100%
}

@media (min-width:1023px) {
    .awards .filters .btn-new {
        width: 84px
    }
}

.band.band-list.awards .box.award-card{
    text-align: center;
    color: #333;
    height:400px;
    /*height: auto;*/
}
@media (max-width:767px) {
    .band.band-list.awards .box.award-card{
        height:auto;
    }
}
.awards .award-card picture {
    position: relative;
    display: block
}
.awards .award-card picture .label {
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    padding: 7px 10px
}
.awards .award-card .titleAward {
    font-size: 18px;
    line-height: 20px;
    margin: 20px 0;
    height: 40px
}
.awards .award-card .points {
    font-family: 'EniTabBold';
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 17px;
    line-height: normal;
    letter-spacing: .87px;
    margin-bottom: 10px;
    padding: 15px 0;
    height: 117px;
    font-weight: normal;
}
.awards .award-card .points label{
    font-weight: normal;
}
.awards .award-card .voucher {
    margin-bottom:10px;
    height:30px;
    line-height:16px;
}
.awards .award-details.award-card .points:nth-child(3) {
    height:auto;
    border:0 none;
    padding:0;
}


.awards .award-card .points input {
    line-height: normal;
    height: auto;
    margin: 0
}
.awards .award-card .points span.points {
    border-top: 0 none;
    border-bottom: 0 none
}
.awards .award-card .points .or {
    font-weight: normal;
    font-style: italic;
    display: inline;
    margin: 0 10px;
    letter-spacing: 0;
    font-size: 12px;
    line-height: 25px
}
.awards .award-card .btn-small-grey {
    margin-bottom: 10px;
    display: block;
    float: none;
    width:70%;
    margin:10px auto;
    background:#fed300;
    color:#333;
    font-weight:bold;
}
.awards .award-card .btn-small-grey-disabled {
    margin-bottom: 10px;
    display: block;
    float: none;
    width:70%;
    margin:10px auto;
    background:#9d9d9d;
    color:#333;
    font-weight:bold;
}
.awards .award-card .btn-small-grey.red {
    color:#fff;
    background:#BF3C3A;
}

.awards .award-card .award-details th, .awards .award-card .award-details td {
    text-align: center
}
.awards .award-card .award-details .title {
    margin: 0;
    height: auto
}
.awards .award-card .award-details .code {
    margin: 0 0 15px;
    color: #666;
    font-weight: normal;
    display: block
}
.awards .award-card .award-details .points {
    margin-bottom: 20px
}
.awards .award-card button.yellow, .awards .award-card .button.yellow, .awards .award-card button.black, .awards .award-card .button.black  {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 48%
}
.awards .product-image {
    position: relative;
    display: block;
    margin-bottom: 10px;
    /*height:140px;*/
    overflow:hidden;
    border-bottom: 1px solid #ebebeb;
}
.awards .product-image .label {
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    padding: 7px 10px
}
.awards .product-image .thumb {
    width: 100%;
}
.accredito-punti-pos-offline .filters {
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%
}

/*premi richiesti*/
.band.band-list.awards.requested .box.award-card {
    height: auto;
}
.awards .award-card.requested .points {
    height:auto;
}
.awards .award-card.requested .voucher {
    height: auto;
    margin-bottom:15px;
}

@media (min-width:1023px) {
    .accredito-punti-pos-offline .filters {
        width: auto
    }
}
@media (min-width:769px) {
    .band.band-list.awards .box.award-card{
        height: 400px;
    }
    .band.band-list.awards .box.award-card.requested {
        height: 420px;
    }
}

.accredito-punti-pos-offline .filters button.large, .accredito-punti-pos-offline .filters .button.large {
    width: 100%;
    margin-top: 20px
}

@media (min-width:1023px) {
    .accredito-punti-pos-offline .filters button.large, .accredito-punti-pos-offline .filters .button.large {
        width: auto;
        margin-top: 0
    }
}
.accredito-punti-pos-offline .filters .filter {
    width: 100%;
    float: none;
    text-align: center
}

@media (min-width:1023px) {
    .accredito-punti-pos-offline .filters .filter {
        width: 300px;
        float: left
    }
}
.accredito-punti-pos-offline button.large, .accredito-punti-pos-offline .button.large {
    margin-top: 0;
    padding: 8px 20px
}
.accredito-punti-pos-offline .browser {
    display: table;
    clear: both
}
.accredito-punti-pos-offline .promozioni-item {
    margin-bottom: 20px
}
.box-videoplayer a.btn-play {
    display: inline-block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    margin: 10px 20px 0 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    height: 60px;
    padding-top: 10px;
    padding-left: 50px
}
.box-videoplayer a.btn-play.gray {
    background: #fafafa;
    color: #666;
    background-image: url('../images/icons/icon-play-off.png');
    background-position: 20px;
    background-size: 11px 12px;
    background-repeat: no-repeat
}
.box-videoplayer a.btn-play.yellow {
    background-color: #fed300;
    color: #333;
    background-image: url('../images/icons/icon-play-on.png');
    background-position: 20px;
    background-size: 11px 12px;
    background-repeat: no-repeat
}
.affix-top {
    position: initial
}
.affix {
    position: fixed;
    -webkit-transform: translateZ(0);
    z-index: 10
}
.affix.search {
    background-color: #f2f2f2
}
.affix.breadcrumb-desktop {
    top: 86px
}
.affix.hidden-lg.hidden-xs.search {
    top: 36px
}
.affix.breadcrumb-tablet {
    top: 156px
}
.menu-top, .search, .breadcrumb, .navbar {
    -webkit-transform: translateZ(0)
}
.faq-list .faq-item {
    border-radius: 2px;
    overflow: hidden
}
.faq-list .faq-item:not(:last-child) {
    margin-bottom: 20px
}
.faq-list .faq-item-heading .faq-title {
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
    position: relative
}
.faq-list .faq-item-heading .faq-title .arrow-cont {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    left: auto;
    right: 20px
}
.faq-list .faq-item-heading .faq-title a {
    color: #333;
    display: block;
    background: #e9e7dd;
    padding: 25px 70px 25px 20px
}
.faq-list .faq-item-heading .faq-title a:hover, .faq-list .faq-item-heading .faq-title a:active, .faq-list .faq-item-heading .faq-title a:focus {
    text-decoration: none
}
.faq-list .faq-item-heading .faq-title a .icon-arrow4 {
    display: none
}
.faq-list .faq-item-heading .faq-title a.collapsed .icon-arrow3 {
    display: none
}
.faq-list .faq-item-heading .faq-title a.collapsed .icon-arrow4 {
    display: block
}

@media (min-width:1023px) {
    .faq-list .faq-item-heading .faq-title a {
        padding: 25px 70px 25px 20px
    }
}
.faq-list .faq-item-heading .faq-title a span {
    display: block;
    font-style: italic;
    font-weight: normal;
    margin-top: 10px
}
.faq-list .faq-body {
    background: #efeee7
}
.faq-list .faq-body .wrapper {
    padding: 20px
}
.faq-list .faq-body p:last-child {
    margin-bottom: 0
}
.embed-responsive {
    margin-bottom: 20px
}
.band.band-list.faq .box h2 {
    margin-top:20px;
    margin-bottom:40px;
    position:relative;
    display: block;
}
.band.band-list.faq .box ul.disc {
    margin-bottom:17px;
}
.band.band-list.faq .box .faqTop {
    position:absolute;
    height:65px;
    right:0;
    top:-20px;
    cursor:pointer;
}
@media (min-width:1023px) {
    .embed-responsive {
        margin-bottom: 0
    }
}
.img-responsive {
    margin: 0 auto 20px auto
}

@media (min-width:1023px) {
    .img-responsive {
        margin: 0
    }
}
#home .scrollHeader {
    height: 40px;
    line-height: 40px
}
#home .scrollHeader a.align {
    height: 40px
}
#home .scrollHeader .with-icon i {
    height: 35px;
    font-size: 35px
}
#home .scrollHeader .with-icon p {
    height: 40px;
    line-height: 40px
}
.hiddenArgument1, .hiddenArgument2 {
    display: none
}
.hiddenFaq1, .hiddenFaq2, .hiddenFaq3, .hiddenFaq4, .hiddenFaq5, .hiddenFaq6 {
    display: none
}
.button.green.edicola {
    height: 48px;
    line-height: 48px;
    margin: 40px auto 0 auto
}
.button.green.edicola i {
    color: #327c35;
    float: left;
    font-size: 40px;
    line-height: 48px
}
.edicolaIt p {
    width: 70%
}
#edicola_firstAccord input, #edicola_secondAccord input, #edicola_thirdAccord input {
    float: left;
    line-height: 26px;
    padding: 0
}
#edicola_firstAccord label, #edicola_secondAccord label, #edicola_thirdAccord label {
    display: inline-block;
    float: left;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 0;
    max-width: 100%;
    padding: 0 20px
}
.card_prepaid_named_sex label, .card_prepaid_named_type label, .card_prepaid_named_sex input, .card_prepaid_named_type input {
    float: left;
    margin-bottom: 0;
    line-height: 46px;
    height: 46px
}
.card_prepaid_named_sex label, .card_prepaid_named_type label {
    display: inline-block;
    padding: 0 20px;
    font-weight: normal
}
#home .band .title, #sub-home .band .title {
    background-color: #fff;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    background-image: url('../images/go@2x.png');
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    color: #333;
    height: 60px;
    line-height: 60px
}

@media (min-width:768px) {
    #home .band .title, #sub-home .band .title {
        height: auto;
        line-height: normal;
        padding: 10px
    }
}
#home .band .title.noBg, #sub-home .band .title.noBg {
    background-image: none;
    background-color:#fff !important;
}
#home .band .title:hover, #sub-home .band .title:hover {
    text-decoration: none
}

@media (min-width:768px) {
    #home .band .title, #sub-home .band .title {
        background-image: url('../images/go.png');
        background-position: center right 20px;
        background-repeat: no-repeat
    }
}
.ie8 #home .band .title, #sub-home .band .title {
    background-image: url('../images/go.png');
    background-position: center right;
    background-repeat: no-repeat;
    background-size:40px 40px;
}
#home .band .title .text-right, #sub-home .band .title .text-right {
    float: right;
    margin-right: 70px;
    font-size: 13px
}
#home .band .title .text-right u, #sub-home .band .title .text-right u {
    font-weight: bold
}
#home .band .title p, #sub-home .band .title p {
    width: 60%;
    display: none;
    margin: 0;
    line-height: 20px;
    margin-bottom: 7px;
    font-size: 18px;
    font-family: 'EniTabBold'
}

@media (min-width:768px) {
    #home .band .title p, #sub-home .band .title p {
        display: inline-block
    }
}
#home .band .title p.italic, #sub-home .band .title p.italic {
    line-height: normal;
    font-style: italic;
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif
}
#home .band .title p span.tag, #sub-home .band .title p span.tag {
    display: inline-block;
    padding: 0 6px;
    background-color: #fed300;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0 4px 0 0
}
#sub-home header {
    position: relative;
    z-index: 8
}
#sub-home header .align {
    height: 70px;
    color: #333;
    font-size: 12px;
    padding: 0 20px;
    font-family: 'EniTabBold';
    font-size: 18px;
    line-height: 21px
}
#sub-home header .align span {
    display: block;
    font-style: italic;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    line-height: 17px
}
#sub-home header .align:hover {
    background-color: #fed300
}
#sub-home header .col-sm-9:hover {
    background-color: #fed300
}
.ie8 .band .title {
    background-position: center right
}

@media (max-width:1023px) {
    .mobile {
        /*        padding-top: 115px*/
    }
}
.mobile .col-sm-12 {
    padding: 0
}
.mobile .foglia .col-sm-12 {
    padding-right: 10px;
    padding-left: 10px;
}
.mobile .container {
    width: 100%
}
.mobile .searchbox {
    height: 50px
}
.mobile .searchbox input {
    width: 100%;
    margin-top: 10px
}
.mobile header {
    width: 100% !important;
    position: relative !important;
    top: 0px!important
}
.mobile .menu-mobile-top .navbar-inverse {
    background-color: #444;
    border: none
}
.mobile .menu-mobile-top .pull-left {
    margin: 0;
    padding: 0
}
.mobile .menu-mobile-top .pull-left .eni {
    padding-top: 13px
}
.mobile .menu-mobile-top .container-bright {
    background-color: #ffffff;
    height: 80px;
    padding: 0
}
.mobile .menu-mobile-top .container-bright>div {
    height: 100%;
    display: table
}
.mobile .menu-mobile-top .container-bright>div>p {
    display: table-cell;
    vertical-align: middle
}
.mobile .menu-mobile-bottom .navbar-inverse {
    height: 75px;
    background-color: #fff;
    border: none
}
.mobile .menu-mobile-bottom UL {
    padding: 0;
    margin: 0;
    list-style-type: none;
    clear: both;
    display: table;
    width: 100%;
    height: 100%
}
.mobile .menu-mobile-bottom UL LI {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 25%;
    height: 100%;
    display: inline;
    float: left;
    border-right: 1px solid #eee
}
.mobile .menu-mobile-bottom UL LI>div {
    position: relative;
    top: -4px
}
.mobile .menu-mobile-bottom UL LI.active p {
    border-bottom: 10px solid #fed300
}
.mobile .menu-mobile-bottom .menu-icon {
    width: 100%;
    height: 30px;
    margin-top: 12px
}
.mobile .menu-mobile-bottom .menu-icon span {
    display: block;
    height: inherit
}
.mobile .menu-mobile-bottom .menu-icon .menu-card {
    background: url(../images/you.png) center center no-repeat
}
.mobile .menu-mobile-bottom .menu-icon .menu-mail {
    background: url(../images/contact.png) center center no-repeat
}
.mobile .menu-mobile-bottom .menu-icon .menu-handbag {
    background: url(../images/business.png) center center no-repeat
}
.mobile .menu-mobile-bottom .menu-icon .menu-station {
    background: url(../images/stazione.png) center center no-repeat
}
.mobile .menu-mobile-bottom p {
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px
}
.mobile .menu-mobile-bottom a {
    color: black;
    text-transform: uppercase
}
.mobile footer {
    /*padding-bottom: 100px*/
}
.mobile .menu-utente, .mobile .menu-laterale {
    position: fixed;
    top: 50px;
    right: -100%;
    z-index: 9999;
    display: table
}
.mobile .menu-utente h3, .mobile .menu-laterale h3 {
    color: rgba(255,255,255,0.5);
    margin-bottom: 30px
}
.mobile .menu-utente p, .mobile .menu-laterale p {
    color: #fed300
}
.mobile .menu-utente .backgrounded, .mobile .menu-laterale .backgrounded {
    background-color: #444
}
.mobile .menu-utente .height-fill, .mobile .menu-laterale .height-fill {
    height: 600px
}
.mobile .menu-utente .userMenuClose, .mobile .menu-laterale .userMenuClose, .mobile .menu-utente .sideMenuClose, .mobile .menu-laterale .sideMenuClose {
    height: 75px;
    padding-top: 20px
}
.mobile .menu-utente .accedi_btn, .mobile .menu-laterale .accedi_btn {
    background-color: #45b13a;
    color: white;
    width: 100%;
    text-transform: initial;
    font-size: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 45px
}
.mobile .menu-utente .registrati_btn, .mobile .menu-laterale .registrati_btn {
    background-color: #fed300;
    color: white;
    width: 100%;
    text-transform: initial;
    font-size: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 45px
}
.mobile .menu-utente input, .mobile .menu-laterale input {
    width: 100%;
    margin-bottom: 10px;
    color: black
}
.mobile .menu-laterale {
    right: auto;
    left: -100%
}
.mobile .menu-laterale ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.mobile .menu-laterale ul li {
    margin: 0;
    padding: 0;
    color: white;
    text-transform: uppercase;
    margin-bottom: 15px
}
.mobile .menu-laterale .details {
    color: white
}
.mobile .menu-laterale .details .icon-svg {
    font-size: 35px
}
.mobile .owl-pagination {
    clear: both;
    display: table;
    margin: 0 auto
}
.mobile .side-right-menu {
    background-color: #222;
    border: none
}
.mobile .side-right-menu h3 {
    color: rgba(255,255,255,0.5);
    margin-bottom: 30px
}
.mobile .side-right-menu p {
    color: #fed300
}
.mobile .side-right-menu .backgrounded {
    background-color: #444
}
.mobile .side-right-menu .height-fill {
    height: 600px
}
.mobile .side-right-menu .userMenuClose, .mobile .side-right-menu .sideMenuClose {
    height: 75px;
    padding-top: 20px
}
.mobile .side-right-menu .accedi_btn {
    background-color: #45b13a;
    color: white;
    width: 100%;
    text-transform: initial;
    font-size: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 45px
}
.mobile .side-right-menu .registrati_btn {
    background-color: #fed300;
    color: white;
    width: 100%;
    text-transform: initial;
    font-size: 18px;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 45px
}
.mobile .side-right-menu input {
    width: 100%;
    margin-bottom: 10px;
    color: black
}
.mobile .side-left-menu {
    position: fixed;
    top: 128px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1d1d1d;
    z-index: 99999;
    overflow: auto;
    display: none
}
.mobile .side-left-menu .nav-tabs {
    display: table;
    width: 100%;
    background-color: #222
}
@media (min-width:768px) and (max-width:1022px) {
    .mobile .side-left-menu {
        left: 55%;
        width: 45%;
    }
}


.mobile .side-left-menu .nav-tabs>div.active {
    position: relative
}
.mobile .side-left-menu .nav-tabs>div.active:after {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(68,68,68,0);
    border-bottom-color: #444;
    border-width: 10px;
    margin-left: -10px
}
.mobile .side-left-menu .menu-icon {
    width: 100%;
    height: 30px;
    margin-top: 12px
}
.mobile .side-left-menu .menu-icon span {
    display: block;
    height: inherit
}
.mobile .side-left-menu .menu-icon .menu-card {
    background: url(../images/you.png) center center no-repeat
}
.mobile .side-left-menu .menu-icon .menu-mail {
    background: url(../images/contact.png) center center no-repeat
}
.mobile .side-left-menu .menu-icon .menu-handbag {
    background: url(../images/business.png) center center no-repeat
}
.mobile .side-left-menu .menu-icon .menu-station {
    background: url(../images/stazione.png) center center no-repeat
}
.mobile .side-left-menu a {
    color: #FFF;
    text-decoration: none;
}
.mobile .side-left-menu header {
    background-color: #222
}
.mobile .side-left-menu .tab-content {
    color: white
}
.mobile .side-left-menu .tab-content .tab-pane {
    display: none;
    background-color: #444
}
.mobile .side-left-menu .tab-content .tab-pane h3 {
    padding: 10px;
    border-bottom: 1px solid #373737
}
.mobile .side-left-menu .tab-content .tab-pane ul, .mobile .side-left-menu .tab-content .tab-pane li {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.mobile .side-left-menu .tab-content .active {
    display: block
}
.mobile .side-left-menu .panel-group h4 {
    padding: 0;
    margin:0;
    border-bottom:1px solid #373737;
}
.mobile .side-left-menu .panel-group h4 a{
    padding: 20px;
    display:block;
    width:100%;
}
.mobile .side-left-menu .panel-group h4 a:hover{
    text-decoration:none;
}
.mobile .side-left-menu .panel-group .panel-body {
    padding: 10px 20px;
    border-bottom: 1px solid #373737;
}
#leftOverlayMenu {
    display: block
}

@media (min-width:1023px) {
    #leftOverlayMenu {
        display: none
    }
}
#btnPerson img, #btnPersonLogged img, #btnHamburger img {
    max-width: 32px
}
#btnHamburger.active, #btnPerson.active {
    background-color: #222
}
#headerLogo {
    text-align: center
}
.mobile #headerLogo a{
    line-height:65px;
}

#headerLogo img {
    max-height: 36px;
    width: auto;
    float: left;
    margin: 20px 5px;
}
/*#headerLogo p {
    margin-top:5px;
    margin-bottom:5px;
}*/
.menu-tablet img {
    max-width: 350px;
    height:50px !important;
}
.menu-tablet .cell img {
    height:auto !important;
}

.box.servito h2 {
    font-size: 18px;
    margin: 0;
    line-height: 20px
}
.box.servito p.italic {
    margin: 6px 0 2px 0
}
.box.servito .cont {
    padding: 17px 15px
}
.box.servito img.bottom {
    width: 100px
}
.popover-logged {
    width: 90%
}
.popover-logged .popover-content {
    padding: 9px 14px;
    width: 100%
}
.popover-logged .popover-content a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center
}
.popover-logged .popover-content a:last-child {
    border-bottom: 0
}
.navigation .menu-sidebar .menu-icon a {
    padding-left: 0;
    width: 50px;
    height: 50px;
    display: block
}
.sidebar {
    position: fixed;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #efebeb;
    -webkit-box-shadow: 2px 0 2px 0 rgba(50,50,50,0.2);
    -moz-box-shadow: 2px 0 2px 0 rgba(50,50,50,0.2);
    box-shadow: 2px 0 2px 0 rgba(50,50,50,0.2);
    z-index: 20; 

    background-image: linear-gradient(0deg, #E5E5E5 0%, #F9F9F9 100%);
    background: #F9F9F9;
}
.sidebar SECTION {
    margin-bottom: 20px;
    width: 220px
}

@media (min-width:1280px) {
    .sidebar SECTION {
        width: 260px
    }
}
.sidebar SECTION IMG {
    max-width: 100%
}
.sidebar SECTION.logo {
    margin-top: 20px;
    height: 76px
}
.sidebar SECTION.logo img {
    margin-top: 20px
}
.sidebar SECTION.launches {
    padding: 0
}
.sidebar SECTION.launches .cont.gray {
    padding: 0
}
.sidebar SECTION.launches UL {
    padding: 0;
    margin: 0;
    border: 1px solid #e9e7dd;
    clear: both;
    display: table;
    width: 100%
}
.sidebar SECTION.launches UL LI {
    height: 32px;
    width: 50%;
    display: table;
    float: left;
    cursor: pointer
}
.sidebar SECTION.launches UL LI:first-child {
    border-right: 1px solid #e9e7dd
}
.sidebar SECTION.launches UL LI p {
    display: table-cell;
    vertical-align: middle;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    background: white
}
.sidebar SECTION.launches UL LI.navigation:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    content: "\e603";
    font-size: 15px;
    float: left;
    padding: 9px;
    height: inherit;
    background: white
}
.sidebar SECTION.launches UL LI.promotions:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e606";
    font-size: 15px;
    float: left;
    padding: 9px;
    height: inherit;
    background: white
}
.sidebar SECTION.banner {
    height: 160px;
    padding: 0;
    text-align: center;
}
.sidebar SECTION.banner .cont {
    padding: 0
}
.sidebar SECTION.banner button {
    margin: 0 auto;
    display: inherit;
    position: relative;
    top: -15px
}
.sidebar SECTION.details.box {
    padding: 0
}
.sidebar SECTION.details.box .cont {
    font-size: 12px;
    font-style: italic
}
.sidebar SECTION.details.box .cont:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    content: "\e600";
    border-right: 1px solid rgba(0,0,0,0.2);
    padding-right: 10px;
    margin-right: 10px;
    padding-left: 0;
    font-size: 43px;
    margin-left: -5px;
    float: left;
    height: 36px
}
.sidebar SECTION.details.box .cont .green {
    font-style: normal;
    font-weight: bold;
    color: #15730b;
    background-color: transparent
}
@font-face {
    font-family: 'icomoon';
    src: url('../font/icomoon.eot?-yfdzf6');
    src: url('../font/icomoon.eot?#iefix-yfdzf6') format('embedded-opentype'), url('../font/icomoon.woff?-yfdzf6') format('woff'), url('../font/icomoon.ttf?-yfdzf6') format('truetype'), url('../font/icomoon.svg?-yfdzf6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-app:before {
    content: "\e642"
}
.icon-Ricerca:before {
    content: "\e643"
}
.icon-Accessori:before {
    content: "\e600"
}
.icon-Carburanti:before {
    content: "\e601"
}
.icon-Lubrificanti:before {
    content: "\e602"
}
.icon-Premium:before {
    content: "\e603"
}
.icon-Racing:before {
    content: "\e604"
}
.icon-ancoraBusiness:before {
    content: "\e605"
}
.icon-ancoraenistation:before {
    content: "\e606"
}
.icon-ancorayoueni:before {
    content: "\e607"
}
.icon-AreaPrivata:before {
    content: "\e608"
}
.icon-Carte:before {
    content: "\e609"
}
.icon-Catalogo:before {
    content: "\e60a"
}
.icon-Contatti:before {
    content: "\e60b"
}
.icon-enicafe:before {
    content: "\e60c"
}
.icon-GestionePunti:before {
    content: "\e60d"
}
.icon-Partner:before {
    content: "\e60e"
}
.icon-Piuservito:before {
    content: "\e60f"
}
.icon-Premi:before {
    content: "\e610"
}
.icon-Profilo:before {
    content: "\e611"
}
.icon-Programma:before {
    content: "\e612"
}
.icon-Promo:before {
    content: "\e613"
}
.icon-Registazione:before {
    content: "\e614"
}
.icon-Ricercaprodotto:before {
    content: "\e615"
}
.icon-Servisiperiltuoveicolo:before {
    content: "\e616"
}
.icon-Serviziperte:before {
    content: "\e617"
}
.icon-A_closed:before {
    content: "\e618"
}
.icon-A_opened:before {
    content: "\e619"
}
.icon-Accessori2:before {
    content: "\e61a"
}
.icon-Arrowdown:before {
    content: "\e61b"
}
.icon-ArrowM:before {
    content: "\e61c"
}
.icon-Arrownext:before {
    content: "\e61d"
}
.icon-Assistenza:before {
    content: "\e61e"
}
.icon-business:before {
    content: "\e61f"
}
.icon-Carburante:before {
    content: "\e620"
}
.icon-Card:before {
    content: "\e621"
}
.icon-CheckS:before {
    content: "\e622"
}
.icon-Checked:before {
    content: "\e623"
}
.icon-Close:before {
    content: "\e624"
}
.icon-contatti:before {
    content: "\e625"
}
.icon-enistation:before {
    content: "\e626"
}
.icon-Facebook:before {
    content: "\e627"
}
.icon-Fax:before {
    content: "\e628"
}
.icon-finder:before {
    content: "\e629"
}
.icon-GO:before {
    content: "\e62a"
}
.icon-info:before {
    content: "\e62b"
}
.icon-Login:before {
    content: "\e62c"
}
.icon-Lubrificante:before {
    content: "\e62d"
}
.icon-Menu:before {
    content: "\e62e"
}
.icon-playS:before {
    content: "\e62f"
}
.icon-Print:before {
    content: "\e630"
}
.icon-Search:before {
    content: "\e631"
}
.icon-Seemore:before {
    content: "\e632"
}
.icon-Twitter2:before {
    content: "\e633"
}
.icon-Twitter:before {
    content: "\e634"
}
.icon-ViaMail:before {
    content: "\e635"
}
.icon-youeni:before {
    content: "\e636"
}
.icon-svg:before {
    content: "\e637"
}
.icon-arrow:before {
    content: "\e638"
}
.icon-arrow2:before {
    content: "\e639"
}
.icon-arrow3:before {
    content: "\e63a"
}
.icon-arrow4:before {
    content: "\e63b"
}
.icon-promotions:before {
    content: "\e63c"
}
.icon-hamburger:before {
    content: "\e63d"
}
.icon-mail:before {
    content: "\e63e"
}
.icon-handbag:before {
    content: "\e63f"
}
.icon-card:before {
    content: "\e640"
}
.icon-station:before {
    content: "\e641"
}
.masonry-box {
    margin: 0
}

.masonry-box .item.span-5 {
    width: 100%
}
.masonry-box .item.span-4 {
    width: 100%
}

.ie8 .masonry-box .item.span-4 {width:80%;}
@media (min-width:1023px) {
    .masonry-box .item.span-4 {
        width: 80%
    }
}
.masonry-box .item.span-3 {
    width: 100%
}

@media (min-width:1023px) {
    .masonry-box .item.span-3 {
        width: 60%
    }
}
.ie8 .masonry-box .item.span-3 {width:60%;}
.masonry-box .item.span-2 {
    width: 100%
}

@media (min-width:1023px) {
    .masonry-box .item.span-2 {
        width: 40%
    }
}

.ie8 .masonry-box .item.span-2 {width:40%;}

.masonry-box .item.span-3 {
    width: 100%
}
.masonry-box .item.span-2 {
    width: 100%
}

.masonry-box .item.span-1 {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.masonry-box .item.span-1 .cont{
    height:212px;   
}


.masonry-box .item.span-1 {
    width: 100%;    
}
@media (min-width:1023px) {
    .masonry-box .item.span-1 {
        width: 20%;    
    }
}



@media (min-width:1023px) {
    /*.masonry-box {
        margin: 10px
    }*/
    .masonry-box .item.span-4 {
        width: 80%
    }    
    .masonry-box .item.span-3 {
        width: 60%
    }    
    .masonry-box .item.span-2 {
        width: 40%
    }    
    .masonry-box .item.span-1 {
        width: 20%
    }    
}

.masonry-box .item.span-1 .red h2, .masonry-box .item.span-1 .red p {
    width: auto
}

.ie8 .masonry-box .box212 {height:212px;}
.ie8 .masonry-box .box .box535 {height:535px;}
.ie8 .masonry-box .box .box365 {height:365px;}
.ie8 .masonry-box .box .box360 {height:360px;}
.ie8 .masonry-box .box .box395 {height:395px;}
.ie8 .masonry-box .box .box464 {height:474px;}
.ie8 .masonry-box .box .box286 {height:286px;}
.ie8 .masonry-box .box .box246 {height:246px;}
.ie8 .masonry-box .item.span-1 {width:20%;}

#area-riservata .promozioni-item .cont {
    padding: 0;
    margin-bottom: 20px
}
#area-riservata .infinite-scroll-btn.yellow {
    font-size: 11px;
    color: #333;
    letter-spacing: 2px;
    line-height: 16px;
    background-color: #fed300;
    text-align: center;
    padding: 15px;
    cursor: pointer
}
#area-riservata .pageVisual .vertical {
    padding: 20px 10px
}

@media (min-width:768px) {
    #area-riservata .pageVisual .vertical {
        padding: 40px
    }
}
#area-riservata .pageVisual .vertical h1, #area-riservata .pageVisual .vertical p {
    color: #fff;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {
    #area-riservata .pageVisual .vertical h1, #area-riservata .pageVisual .vertical p {
        width: 325px
    }
}
#area-riservata .pageVisual .vertical p {
    font-size: 13px;
    font-style: italic
}
#area-riservata table {
    border-collapse: collapse;
    border-radius: 12px;
    width: 100%
}
#area-riservata table td, #area-riservata table th {
    border: 1px solid #ebebeb;
    padding: 20px
}
#area-riservata table td:not(:last-child), #area-riservata table th:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,0.1)
}
#area-riservata table td.header, #area-riservata table th.header {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 20px;
    text-transform: uppercase;
    color: #333
}
#area-riservata table td.dark, #area-riservata table th.dark {
    background-color: #ebebeb;
    text-transform: uppercase
}
#area-riservata table td.labelTd, #area-riservata table th.labelTd {
    font-weight: bold;
    width: 40%;
    border-right: 1px solid #ebebeb;
    color: #333
}
#area-riservata table.noBorderTd td {
    border: none;
    padding: 10px 20px 0 20px
}
#area-riservata table.noBorderTd td.header {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 20px
}
#area-riservata table.noBorderTd td.labelTd {
    width: 30%;
    border: none
}
#area-riservata .height {
    height: 650px;
    margin-bottom: 10px
}
#area-riservata .form-container .form .noBorderTd .eni-checkbox {
    float: left;
    display: inline-block;
    width: auto;
    margin-right: 30px;
    line-height: 50px
}
#area-riservata .form-container .form .noBorderTd .eni-checkbox .checkbox-label {
    padding-left: 10px
}
#area-riservata .eni-checkbox .hidden-field {
    opacity: 0;
    display: block;
    position: absolute;
    z-index: -1
}
#area-riservata .form-container .form button.black.profile, #area-riservata .form-container .form .button.black.profile {
    margin: 20px 0;
    width: 100%
}

@media (min-width:1023px) {
    #area-riservata .form-container .form button.black.profile, #area-riservata .form-container .form .button.black.profile {
        margin-top: 0
    }
}
#area-riservata .boxes {
    margin-bottom: 0
}
#area-riservata .boxes .color {
    height: 280px;
    padding: 20px 10px;
    margin-bottom: 20px;
    text-align: center
}
#area-riservata .boxes .color.radius-int {
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.24)
}
#area-riservata .boxes .color h2, #area-riservata .boxes .color p, #area-riservata .boxes .color a.button, #area-riservata .boxes .color img {
    display: block;
    margin-bottom: 13px
}
#area-riservata .boxes .color a.button, #area-riservata .boxes .color img {
    display: inline-block;
    clear: both;
    width: auto
}
#area-riservata .boxes .color h2 {
    color: #fff;
    text-shadow: 1px 1px #999;
    width: 100%;
    font-size: 29px
}
#area-riservata .boxes .color p {
    color: #666;
    width: 100%
}
#area-riservata .boxes .color.red p {
    color: #fff
}
#area-riservata .boxes .color.green {
    background: #a5e179;
    background: -moz-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: -webkit-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: -o-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: -ms-linear-gradient(93deg, #a5e179 0, #6aa340 100%);
    background: linear-gradient(183deg, #a5e179 0, #6aa340 100%)
}
button.green i.icon-hamburger, .button.green i.icon-hamburger {
    font-size: 18px;
    left: 5px;
    line-height: 37px;
    position: relative;
    top: 3px;
}
#area-riservata button.green .icon-Login, #area-riservata .button.green .icon-Login {
    /*font-size: 26px; 
    top: 8px; */
}
#area-riservata .row {
    border-bottom: 0 none;
    padding-bottom: 0
}
#area-riservata .row:last-child {
    margin-bottom: 0
}
#area-riservata .row.gray {
    background-color: #f2f4f3
}
#area-riservata .row.facebook {
    border-bottom: 1px solid #ddd
}
#area-riservata .row.facebook .button, #area-riservata .row.facebook button {
    background-image: url(../images/icons/facebook-white@2x.png);
    background-position: 15px 13px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
#area-riservata .row.facebook .button:hover, #area-riservata .row.facebook button:hover {
    text-decoration: none;
    background-color: #5b81e1
}
#area-riservata .row.partners {
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.16);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.16)
}
#area-riservata .row.partners h2 {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 60px;
    height: 60px;
    display: block;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 0
}
#area-riservata .row .points .cont {
    border: 1px solid #ddd;
    box-shadow: none
}
#area-riservata .row .points h2 {
    display: block;
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #ddd;
    background-color: #f0f0f0;
    font-weight: bold;
    margin: 0
}
#area-riservata .row .points h2 a {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 20px;
    display: block;
    background-image: url(../images/icons/bullet-giallo@2x.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
    padding-right: 60px;
    background-size: 38px 38px
}

@media (min-width:1023px) {
    #area-riservata .row .points h2 a {
        background-image: url(../images/icons/bullet-giallo.png);
        background-position: center right 10px;
        padding-right: 60px
    }
}
#area-riservata .row .points .dati {
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    margin: 0 10px
}
#area-riservata .row .points .dati:last-child {
    border-bottom: 0 none
}
#area-riservata .row .points .dati .green {
    background: transparent;
    color: #6aa340;
    font-weight: bold
}
#area-riservata .row .points .dati .red {
    background: transparent;
    color: #bf3c3a;
    font-weight: bold
}
#area-riservata .row .points .dati.totalPoints {
    line-height: normal;
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url(../images/icons/cards-gray@2x.png);
    background-position: center left 10px;
    background-repeat: no-repeat;
    background-size: 62px 44px;
    height: auto
}
#area-riservata .row .points .dati.totalPoints span {
    font-size: 44px;
    color: #7ed321;
    line-height: 45px;
    text-align: center;
    display: block
}
#area-riservata .row .points .dati.totalPoints p.italic {
    display: block;
    text-align: center;
    margin: 0
}

@media (min-width:1023px) {
    #area-riservata .row .points .dati.totalPoints {
        background-image: url(../images/icons/cards-gray.png);
        background-position: center left 10px
    }
}
#area-riservata header .align {
    color: #333;
    font-family: "EniTabBold";
    font-size: 18px;
    height: 80px;
    line-height: 21px;
    padding: 0 20px
}
#area-riservata header .align span {
    display: block;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 17px
}
#area-riservata .with-icon.image-riservata {
    background-image: url('../images/icons/ico-riservata@2x.png');
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px;
    background-size: 36px 48px
}

@media (min-width:1023px) {
    #area-riservata .with-icon.image-riservata {
        background-image: url(../images/icons/ico-riservata.png);
        background-position: left 20px center;
        padding-left: 95px
    }
}
#area-riservata .with-icon.image-gestione-punti {
    background-image: url(../images/icons/ico-gestione-punti@2x.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px;
    background-size: 66px 48px
}

@media (min-width:1023px) {
    #area-riservata .with-icon.image-gestione-punti {
        background-image: url(../images/icons/ico-gestione-punti.png);
        background-position: left 20px center;
        padding-left: 95px
    }
}
#area-riservata .with-icon.image-cards {
    background-image: url(../images/icons/cards-gray.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px;
    background-size: 66px 48px
}

@media (min-width:1023px) {
    #area-riservata .with-icon.image-cards {
        background-image: url(../images/icons/cards-gray.png);
        background-position: left 20px center;
        padding-left: 95px;
        background-size: 66px 48px
    }
}
#area-riservata .with-icon.image-profilo {
    background-image: url(../images/icons/profilo@2x.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px;
    background-size: 48px 47px
}

@media (min-width:1023px) {
    #area-riservata .with-icon.image-profilo {
        background-image: url(../images/icons/profilo.png);
        background-position: left 20px center;
        padding-left: 95px;
        background-size: 48px 47px
    }
}
#area-riservata .with-icon.image-award {
    background-image: url(../images/icons/ico-award@2x.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px;
    background-size: 63px 48px
}
#area-riservata .with-icon.image-register {
    background-image: url(../images/icons/ico-register@2x.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    padding-left: 95px;
    background-size: 66px 48px
}
#area-riservata h2.apPage {
    display: block;
    font-size: 13px;
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 40px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    text-align: center
}
#area-riservata .row.sub-menu-punti {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding-top: 17px;
    padding: 0 10px
}

@media (min-width:1023px) {
    #area-riservata .row.sub-menu-punti {
        padding: 0
    }
}
#area-riservata .row.sub-menu-punti .menu-link {
    width: 100%;
    display: inline-block;
    float: left
}

@media (min-width:1023px) {
    #area-riservata .row.sub-menu-punti .menu-link {
        width: 33.3%;
    }
}
#area-riservata .row.sub-menu-punti .showClick {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/icons/arrow-top.png);
    background-position: top 5px right;
    background-repeat: no-repeat;
    background-size: 15px 8px
}
#area-riservata .row.sub-menu-punti .showClick.active {
    background-image: url(../images/icons/arrow-bottom.png);
    border-bottom: 1px solid #ddd;
    margin: 0 auto 17px auto
}
#area-riservata .row.sub-menu-punti a {
    color: #333;
    display: inline-block;
    height: 40px;
    margin: 0
}
#area-riservata .row.sub-menu-punti a.active {
    border-bottom: 4px solid #fed300
}
#area-riservata .row.sub-menu-punti a:hover {
    border-bottom: 4px solid #fed300;
    text-decoration: none
}
#area-riservata .form-container .form-title1 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .87;
    text-transform: uppercase;
    color: #333;
    font-weight: bolder
}
#area-riservata .form-container .form-title2 {
    font-size: 22px;
    line-height: 24px;
    color: #333
}
#area-riservata .form-container .form-title3 {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px
}
#area-riservata .form-container .form-tabs {
    padding-left: 20px;
    padding-right: 20px
}
#area-riservata .form-container .form-tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
#area-riservata .form-container .form-tabs ul li {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 12px
}
#area-riservata .form-container .form-tabs ul li .number {
    background-color: rgba(0,0,0,0.1);
    width: 30px;
    height: 30px;
    display: inline-block;
    padding-left: 11px;
    padding-top: 5px;
    font-weight: bolder;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
#area-riservata .form-container .form-tabs ul li.active {
    background: url(../images/richiedicarte-selectedtab.png) left center no-repeat
}
#area-riservata .form-container .form-tabs ul li.visited {
    background-color: #ececec
}
#area-riservata .form-container .form-tabs ul li.previous {
    background: url(../images/richiedicarte-lasttab.png) left center no-repeat #fed300;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (min-width:1023px) {
    #area-riservata .form-container .form {
        padding-left: 60px;
        padding-right: 60px
    }
}
#area-riservata .form-container .form ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
#area-riservata .form-container .form ul li {
    margin: 0;
    padding: 0
}
#area-riservata .form-container .form .input-text:read-only {
    background-color: #ffffff;
}
#area-riservata .form-container .form .input-text {
    width: 100%;
    background-color: #eaeaea;
    background-image: none;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 48px;
    box-shadow:none;
    border:1px solid #dbdbdb;
}
#area-riservata .form-container .form textarea.input-text {
    height: 120px
}
#area-riservata .form-container .form .label-style, #area-riservata .form-container .form .field {
    height: 50px;
    display: table;
    margin-bottom: 14px
}
#area-riservata .form-container .form .label-style .chosen-results li, #area-riservata .form-container .form .field .chosen-results li {
    padding-left: 10px;
    padding-right: 10px
}
#area-riservata .form-container .form .label-style.third .chosen-container, #area-riservata .form-container .form .field.third .chosen-container {
    width: 32% !important
}
#area-riservata .form-container .form .label-style.list, #area-riservata .form-container .form .field.list {
    height: auto
}
#area-riservata .form-container .form .label-style.list label, #area-riservata .form-container .form .field.list label {
    display: block
}
#area-riservata .form-container .form .label-style p, #area-riservata .form-container .form .field p {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}
#area-riservata .form-container .form .labelTd {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .87;
    font-weight: bolder;
    text-transform: uppercase;
    margin-top: 17px
}
#area-riservata .form-container .form .labelTd span.voto {
    text-transform: none;
    font-size: 11px;
    margin: 0 0 0 20px
}
#area-riservata .form-container .form .labelTd span.stella {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    cursor: pointer;
    background: url(../images/icons/star.png) center center no-repeat
}
#area-riservata .form-container .form .labelTd span.stella:hover {
    background: url(../images/icons/star-active.png) center center no-repeat
}
#area-riservata .form-container .form .labelTd span.stella.active {
    background: url(../images/icons/star-active.png) center center no-repeat
}
#area-riservata .form-container .form button, #area-riservata .form-container .form .button {
    display: inline-block;
    font-size: 11px;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 16px;
    letter-spacing: .5;
    color: #333;
    width:100%;
    background-color: rgba(0,0,0,0.2);
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 15px 60px 15px 60px;
    height: auto;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
@media (min-width:640px) {
    #area-riservata .form-container .form button, #area-riservata .form-container .form .button {
        width:auto;
    }
}
#area-riservata .form-container .form button.black, #area-riservata .form-container .form .button.black {
    background-color: #000;
    display: inline-block;
    color: #fff
}
#area-riservata .form-container .form button.black:hover, #area-riservata .form-container .form .button.black:hover {
    background-color: rgba(0,0,0,0.2);
    color: #333
}
#area-riservata .form-container .form button.yellow, #area-riservata .form-container .form .button.yellow {
    background-color: #fed300
}
#area-riservata .form-container .form button.yellow:hover, #area-riservata .form-container .form .button.yellow:hover {
    background-color: #fea400
}
#area-riservata .form-container .form button.green, #area-riservata .form-container .form .button.green {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color: #fff;
    display: inline-block;
    background-color: #48b24d;
    border-radius: 2px
}
#area-riservata .form-container .form button.green:hover, #area-riservata .form-container .form .button.green:hover {
    text-decoration: none;
    background-color: #41A145
}
#area-riservata .form-container .form button.gray, #area-riservata .form-container .form .button.gray {
    color: white;
    background-color: rgba(0,0,0,0.2)
}
#area-riservata .form-container .form button.gray:hover, #area-riservata .form-container .form .button.gray:hover {
    background-color: rgba(0,0,0,0.4)
}
#area-riservata .form-container .form button.disabled, #area-riservata .form-container .form .button.disabled {
    display: inline-block;
    cursor: default;
    opacity: .6
}
#area-riservata .form-container .form button.disabled.black, #area-riservata .form-container .form .button.disabled.black {
    background-color: rgba(0,0,0,0.2);
    color: #333
}
#area-riservata .form-container .form button.disabled.black:hover, #area-riservata .form-container .form .button.disabled.black:hover {
    background-color: rgba(0,0,0,0.2);
    color: #333
}
#area-riservata .form-container .form button.disabled.yellow:hover, #area-riservata .form-container .form .button.disabled.yellow:hover {
    background-color: #fed300
}
#area-riservata .form-container .form button.disabled.gray:hover, #area-riservata .form-container .form .button.disabled.gray:hover {
    color: white;
    background-color: rgba(0,0,0,0.2)
}
#area-riservata .form-container .form button a, #area-riservata .form-container .form .button a {
    color: inherit;
    text-decoration: none
}
#area-riservata .form-container .form .eni-checkbox {
    width: 100%;
    min-height: 50px;
    display: table
}
#area-riservata .form-container .form .eni-checkbox .checkbox-core {
    display: table-cell;
    width: 100%;
    height: inherit;
    vertical-align: middle
}
#area-riservata .form-container .form .eni-checkbox .checkbox-core .checkbox-icon {
    background: url(../images/radio-off.png) center center no-repeat;
    width: 20px;
    padding: 20px;
    display: table-cell;
    vertical-align: middle
}
#area-riservata .form-container .form .eni-checkbox .checkbox-core .checkbox-label {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    left: 10px
}
.checkbox-core .checkbox-label,.checkbox-core label {
    line-height:36px;
    margin:0 10px;
    float:left;
    display: inline-block;
    font-weight:normal;
}
.checkbox-core input[type=radio ], .checkbox-core input[type=checkbox ] {
    line-height:36px;
    margin:0;
    float:left;
    clear:both;
    display: inline-block;
    margin-top:2px;
}
#base_fase_5 .field {
    padding-top:7px;
}

.field_group input[type=radio ] {
    float: left;
    line-height: 42px;
    height:42px;
    padding: 0;
}
.field_group label {
    display: inline-block;
    float: left;
    font-weight: normal;
    line-height: 42px;
    height:42px;
    margin-bottom: 0;
    margin-top:4px;
    max-width: 100%;
    padding: 0 20px;
}
#privacy_last_step {
    line-height:normal;
    height:auto;
    margin-right:10px;
}
#area-riservata .form-container .form .eni-checkbox.checked .checkbox-icon {
    background: url(../images/radio-on.png) center center no-repeat
}
#area-riservata .form-container .form .eni-checkbox.inline {
    display: inline-block;
    margin-right: 30px;
    width: auto;
    min-height: initial
}
#area-riservata .form-container .form .eni-checkbox[data-type=checkbox] .checkbox-icon {
    background: url(../images/checkbox-off.png) center center no-repeat;
    width: 20px;
    padding: 20px;
    display: table-cell;
    vertical-align: middle
}
#area-riservata .form-container .form .eni-checkbox[data-type=checkbox].checked .checkbox-icon {
    background: url(../images/checkbox-on.png) center center no-repeat
}
#area-riservata .button-row {
    margin-top: 20px;
    margin-bottom: 10px
}
#area-riservata .note-row {
    font-size: 12px;
    font-style: italic;
    line-height: 50px
}
#area-riservata form {
    margin: 0;
    padding: 0
}
#area-riservata.mobile {
    background-color: white
}
#area-riservata.mobile .form-tabs {
    display: none
}
#area-riservata.mobile .form-title1 {
    text-align: left
}
#area-riservata.mobile .band-list {
    width: 100%;
    margin-top: 0
}
#area-riservata.mobile .band-list .box {
    padding: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
#area-riservata.mobile .band-list .box .cont {
    padding: 10px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
#area-riservata.mobile .band-list .box>.gray {
    background-color: #fff
}
#area-riservata.mobile .button-row button,#area-riservata.mobile .button-row .button {
    width: 100%;
    text-align: center;
}
#area-riservata.mobile .button-row .pull-left, #area-riservata.mobile .button-row .pull-right {
    line-height: 48px;
    float: none;
    width: 100%;
    margin-bottom: 10px;
    text-align: center
}
#area-riservata.mobile .le-mie-carte .cont.grayer {
    background-color: white;
    padding: 0
}
#area-riservata.mobile .le-mie-carte .imageCarta {
    height: auto !important;
    margin-top: 20px;
    margin-bottom: 20px
}
#area-riservata.mobile .le-mie-carte .imageCarta .cont {
    box-shadow: none !important
}
#area-riservata.mobile .le-mie-carte .summaryCarta, #area-riservata.mobile .le-mie-carte .summaryCartaMobile {
    padding: 0
}
#area-riservata.mobile .le-mie-carte .summaryCarta td:first-child, #area-riservata.mobile .le-mie-carte .summaryCartaMobile td:first-child {
    border-right: none
}
#area-riservata.mobile .le-mie-carte .summaryCarta .header, #area-riservata.mobile .le-mie-carte .summaryCartaMobile .header {
    text-align: left;
    background-color: #f3f3f3
}
#area-riservata.mobile .le-mie-carte .summaryCarta .labelTd, #area-riservata.mobile .le-mie-carte .summaryCartaMobile .labelTd {
    width: 40%
}
#area-riservata.mobile .le-mie-carte .summaryCartaMobile td {
    width: 10%;
    text-align: center
}
#area-riservata.mobile .le-mie-carte .summaryCartaMobile .labelTd {
    width: 80%;
    font-weight: normal;
    text-align: left
}
#area-riservata.mobile .le-mie-carte .summaryCartaMobile .labelTd span {
    font-weight: bold;
    display: block
}
#area-riservata.mobile .le-mie-carte .summaryCartaMobile .points {
    font-size: 20px
}
#area-riservata.mobile .le-mie-carte .summaryCartaMobile .points.plus {
    color: green
}
#area-riservata.mobile .le-mie-carte .summaryCartaMobile .points.minus {
    color: red
}
#area-riservata.mobile .le-mie-carte .summaryCartaMobile .sign {
    font-size: 20px;
    color: gray
}
#area-riservata.mobile .le-mie-carte .summaryTable {
    display: none
}
#area-riservata.mobile .le-mie-carte .summaryTableMobile {
    display: block
}
#area-riservata .row.formBox {
    padding: 10px 0
}

@media (min-width:1023px) {
    #area-riservata .row.formBox {
        padding: 10px
    }
}
#area-riservata .row.formBox .gray-form {
    background-color: #ebebeb;
    display: table
}
#area-riservata .row.formBox .gray-form h2 {
    display: block;
    font-size: 13px;
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    text-align: center
}
#area-riservata .row.formBox .light-gray-form {
    background-color: #f3f3f3;
    display: table;
    clear: both
}
#area-riservata .row.formBox .light-gray-form h2 {
    display: block;
    font-size: 13px;
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    text-align: center
}
#area-riservata .row.formBox .light-gray-form input[type=text] {
    width: 100%
}
#area-riservata .row.formBox .light-gray-form button, #area-riservata .row.formBox .light-gray-form .button {
    padding: 15px
}
#area-riservata .row.formBox .ice-gray-form {
    background-color: #f9f9f9
}
#area-riservata .row.formBox button.black, #area-riservata .row.formBox .button.black {
    margin-top: 20px;
    margin-bottom: 20px
}

#area-riservata .row.formBox button.black.pos, #area-riservata .row.formBox .button.black.pos {
    padding-left:30px;
    padding-right:30px;
}
.pulsanteNero {
    text-align:center;
}
@media (min-width:767px) {
    .pulsanteNero {
        text-align:right;
    }
}
#area-riservata .row.formBox .multipleText {
    display: block;
    overflow: hidden
}
#area-riservata .row.formBox .multipleText input[type=text] {
    margin-bottom: 20px
}
#area-riservata .row.formBox .multipleText .form-row {
    margin-bottom: 0
}
#area-riservata .row.formBox .vertical {
    height: auto;
    margin: 10px 0
}

@media (min-width:1023px) {
    #area-riservata .row.formBox .vertical {
        height: 40px
    }
}

@media (min-width:1023px) {
    #area-riservata .row.formBox .vertical.h40 {
        height: 40px
    }
}
#area-riservata .row.formBox .form-row {
    margin-bottom: 10px;
    display: table;
    width: 100%
}
#area-riservata .row.formBox .form-row:last-child {
    margin-bottom: 0
}
#area-riservata .row.formBox .form-row label {
    text-transform: uppercase
}
#area-riservata .row.formBox .form-row select, #area-riservata .row.formBox .form-row input {
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%
}

@media (min-width:1023px) {
    #area-riservata .row.formBox .form-row select, #area-riservata .row.formBox .form-row input {
        width: 423px
    }
}
#area-riservata .row.formBox .form-row.w100 select, #area-riservata .row.formBox .form-row.w100 input {
    width: 100%
}

@media (min-width:1023px) {
    #area-riservata .row.formBox .form-row.w100 select, #area-riservata .row.formBox .form-row.w100 input {
        width: 100%
    }
}
#area-riservata .row.formBox .form-row input[type=button] {
    margin-top: 20px;
    width: auto
}
#area-riservata .row.formBox .ticket {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../images/icons/ico-ticket@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px 64px;
    height: 300px
}

@media (min-width:1023px) {
    #area-riservata .row.formBox .ticket {
        background-image: url(../images/icons/ico-ticket.png);
        background-position: center center;
        margin-top: 0;
        height: 100%
    }
}
#area-riservata .row.formBox .ticket button, #area-riservata .row.formBox .ticket .button {
    bottom: 20px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    width: 150px
}
#area-riservata .card-req .row {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px
}
#area-riservata .card-req .row:last-child {
    padding-bottom: 10px;
    border-bottom: 0 none
}
#area-riservata .card-req .row.sub-menu-punti {
    padding-bottom: 0
}
#area-riservata .le-mie-carte .cont.grayer {
    background-color: #f6f6f6
}
#area-riservata .le-mie-carte .highest-row {
    display: table;
    width: 100%;
    clear: both
}
#area-riservata .le-mie-carte .summaryCarta .cont {
    padding: 0
}
#area-riservata .le-mie-carte .imageCarta {
    display: table
}
#area-riservata .le-mie-carte .imageCarta .cont {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
#area-riservata .le-mie-carte .summaryCarta .cont, #area-riservata .le-mie-carte .summaryCartaMobile .cont {
    border: 1px solid #ebebeb
}
#area-riservata .le-mie-carte .summaryCarta td, #area-riservata .le-mie-carte .summaryCartaMobile td {
    border-bottom: 1px solid #ebebeb
}
#area-riservata .le-mie-carte .summaryCarta td:first-child, #area-riservata .le-mie-carte .summaryCartaMobile td:first-child {
    border-right: 1px solid #ebebeb
}
#area-riservata .le-mie-carte .summaryCarta td[colspan=2], #area-riservata .le-mie-carte .summaryCartaMobile td[colspan=2] {
    border-right:none
}
#area-riservata .le-mie-carte table {
    border-collapse: separate;
    border-radius: 12px;
    width: 100%
}
#area-riservata .le-mie-carte table td {
    padding: 20px
}
#area-riservata .le-mie-carte table .labelTd {
    font-weight: bold;
    width: 20%
}
#area-riservata .le-mie-carte table .header {
    padding: 20px;
    text-align: center;
    font-weight: bold
}
#area-riservata .le-mie-carte table .header-left {
    padding: 20px;
    text-align: left;
    font-weight: bold
}
#area-riservata .le-mie-carte table .header-left .summary-table-title {
    padding: 6px;
    display: inline-block
}
#area-riservata .le-mie-carte table.summary .btn-filters {
    float: right;
    display: inline-block
}
#area-riservata .le-mie-carte table.summary .btn-filters button, #area-riservata .le-mie-carte table.summary .btn-filters .button {
    border-radius: 0;
    border: none;
    font-size: 11px;
    letter-spacing: .5px;
    line-height: 16px;
    font-weight: 600
}
#area-riservata .le-mie-carte table.summary .btn-filters button.list, #area-riservata .le-mie-carte table.summary .btn-filters .button.list {
    padding-left: 40px;
    background: url(../images/icon-sm-list.png) 10px center no-repeat
}
#area-riservata .le-mie-carte table.summary .btn-filters button.gift, #area-riservata .le-mie-carte table.summary .btn-filters .button.gift {
    padding-left: 40px;
    background: url(../images/icon-sm-gift.png) 10px center no-repeat
}
#area-riservata .le-mie-carte table.summary .btn-filters button.fuel, #area-riservata .le-mie-carte table.summary .btn-filters .button.fuel {
    padding-left: 40px;
    background: url(../images/icon-sm-fuel.png) 10px center no-repeat
}
#area-riservata .le-mie-carte table.summary .btn-filters button.puzzle, #area-riservata .le-mie-carte table.summary .btn-filters .button.puzzle {
    padding-left: 40px;
    background: url(../images/icon-sm-puzzle.png) 10px center no-repeat
}
#area-riservata .le-mie-carte table.summary .btn-filters button.print, #area-riservata .le-mie-carte table.summary .btn-filters .button.print {
    padding-left: 0;
    background: url(../images/icon-sm-print.png) center center no-repeat;
    min-width: 30px
}
#area-riservata .le-mie-carte table.summary .btn-filters button.black, #area-riservata .le-mie-carte table.summary .btn-filters .button.black {
    background-color: black;
    color: #fff
}
#area-riservata .le-mie-carte table.summary .btn-filters button.yellow, #area-riservata .le-mie-carte table.summary .btn-filters .button.yellow {
    background-color: #fed300;
    color: black
}
#area-riservata .le-mie-carte table.summary td {
    border-bottom: 1px solid #ebebeb
}
#area-riservata .le-mie-carte table.summary td:first-child {
    border-right: 1px solid #ebebeb
}
#area-riservata .le-mie-carte table.summary td[colspan="2"] {
    border-right: none
}
#area-riservata .le-mie-carte table.summary .header-dark {
    background-color: #ebebeb;
    font-weight: bold
}
#area-riservata .le-mie-carte table.summary .cella {
    border-right: 1px solid #ebebeb
}
#area-riservata .le-mie-carte table.summary .last {
    border-right: none
}
#area-riservata .le-mie-carte table.summary tr.emissione-punti span {
    font-size: 14px;
    color: #00b5b6;
    line-height: 18px;
    display: block
}
#area-riservata .le-mie-carte table.summary tr.emissione-punti td:first-child {
    padding-left: 60px;
    background: url(../images/icon-fuel.png) 20px center no-repeat
}
#area-riservata .le-mie-carte table.summary tr.punti-partner span {
    font-size: 14px;
    color: #b19300;
    line-height: 18px;
    display: block
}
#area-riservata .le-mie-carte table.summary tr.punti-partner td:first-child {
    padding-left: 60px;
    background: url(../images/icon-puzzle.png) 20px center no-repeat
}
#area-riservata .le-mie-carte table.summary tr.richiesta-premio span {
    font-size: 14px;
    color: #d0021b;
    line-height: 18px;
    display: block
}
#area-riservata .le-mie-carte table.summary tr.richiesta-premio td:first-child {
    padding-left: 60px;
    background: url(../images/icon-gift.png) 20px center no-repeat
}
#area-riservata .le-mie-carte .summaryTable {
    margin-top: 20px
}
#area-riservata .le-mie-carte .summaryTable .cont {
    border: 1px solid #ebebeb;
    padding: 0
}
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 48px;
    border: none;
    border-radius: 3px;
    background-color: #fed300;
    background-image: none;
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0,0,0,0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}
.chosen-container-single .chosen-single span {
    padding-top: 10px
}
.chosen-container-single .chosen-single div b {
    margin-top: 10px;
    width: 100%;
    height: 100%
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    background-color: #fed300;
    background-image: none;
    background-clip: padding-box;
    box-shadow: 0 1px 0 #fff inset
}
.owl-carousel .owl-item {
    display: block;
    width: 100%;
    padding: 0px;
}

@media (min-width:1023px) {
    .owl-carousel .owl-item {
        padding: 0
    }
}
.owl-carousel .owl-item .slide {
    width: 100%;
    text-align: center;
    top: 0 !important;
    overflow: hidden;
    position: relative
}
.owl-carousel .owl-controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9;
    text-align: left;
    height: 15px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}
.owl-carousel .owl-page {
    background-color: rgba(0,0,0,.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    float: left;
    height: 6px;
    margin-top: 2px;
    margin-right: 15px;
    width: 6px;
    padding: 0
}
.owl-carousel .owl-page span {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block
}
.owl-carousel .owl-page.active {
    height: 10px;
    width: 10px;
    padding: 0;
    margin-top: 0;
    background: #333
}
.owl-carousel .owl-page.active span {
    padding: 0;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.owl-carousel.pallini {
    height: 300px
}

@media (min-width:1023px) {
    .owl-carousel.pallini {
        margin-bottom: 0;
        height: 382px
    }
}
.owl-carousel.pallini .owl-item {
    padding: 10px 0
}
.owl-carousel.pallini .owl-item .slide {
    background-color: #f0f0f0;
    height: 280px;
    text-align: left;
    padding: 30px
}

@media (min-width:1023px) {
    .owl-carousel.pallini .owl-item .slide {
        height: 382px
    }
}
.owl-carousel.pallini .owl-item .slide h2, .owl-carousel.pallini .owl-item .slide p {
    width: 350px
}
.owl-carousel.pallini .owl-item .slide a:hover {
    text-decoration: underline;
}
.owl-carousel.pallini .owl-item .slide h2 {
    font-size: 30px
}
.owl-carousel.pallini .owl-item .slide img.right {
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 80%
}

@media (min-width:320px) {
    .owl-carousel.pallini .owl-item .slide img.right {
        width: 60%
    }
}

@media (min-width:1023px) {
    .owl-carousel.pallini .owl-item .slide img.right {
        width: 60%
    }
}
.owl-carousel.pallini .owl-pagination {
    float: left
}
.owl-carousel.frecce {
    height: 120px;
    margin: 0 auto;
    width: 100%
}

@media (min-width:1023px) {
    .owl-carousel.frecce {
        width: 80%
    }
}
.owl-carousel.frecce .item {
    margin: 3px;
    height: 120px
}
.owl-carousel.frecce .item img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto
}
.owl-carousel.frecce .owl-controls {
    max-width: none
}
.owl-carousel.frecce .owl-controls .owl-prev {
    position: absolute;
    width: 10px;
    height: 16px;
    /*top: -30px;*/
    top: -25px;
    left: 0;
    background-image: url(../images/icons/arrow-left@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
    margin-right: 15px;
}

.partners .owl-carousel .owl-controls {
    top:0;
    left:0;
    width:100%;
}
.partners .owl-carousel.frecce .owl-controls .owl-prev {
    height:120px;
    top:0;
    left:0;
    width:30px;
}
.partners .owl-carousel.frecce .owl-controls .owl-next {
    height:120px;
    top:0;
    right:0;
    width:30px;
}

@media (min-width:1023px) {
    .owl-carousel.frecce .owl-controls .owl-prev {
        left: -80px
    }
}

@media (min-width:1023px) {
    .owl-carousel.frecce .owl-controls .owl-prev {
        background-image: url(../images/icons/arrow-left.png);
        background-position: center center;
        background-repeat: no-repeat
    }
}
.owl-carousel.frecce .owl-controls .owl-next {
    position: absolute;
    width: 10px;
    height: 16px;
    /*top: -30px;*/
    top: -25px;
    right: 40px;
    background-image: url(../images/icons/arrow-right@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
}

@media (min-width:1023px) {
    .owl-carousel.frecce .owl-controls .owl-next {
        right: -30px
    }
}

@media (min-width:1023px) {
    .owl-carousel.frecce .owl-controls .owl-next {
        background-image: url(../images/icons/arrow-right.png);
        background-position: center center;
        background-repeat: no-repeat;
    }
}
.owl-carousel.categories {
    height: 111px;
    margin: auto;
    /*background-color: white;*/
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
}
.owl-carousel.categories a p {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #333333;
    opacity: 0.5;
    margin-top: 12px
}
.owl-carousel.categories .item {
    margin: 5px 15px 5px 15px;
    text-align: center;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 101px;
}
.owl-carousel.categories .item:hover {
    cursor: pointer;
    background-color: #fed300;
}

.owl-carousel.categories .item a:hover{
    text-decoration: none;
}
.owl-carousel.categories .item img {
    display: block;
    width: auto;
    height: 52px;
    margin: 0 auto;
    padding-top: 15px;
}

.owl-carousel.categories .item span{
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    color: #888;
}
.owl-carousel.categories .item .btn {
    margin: 0 auto
}
.owl-carousel.categories .owl-controls {
    max-width: none
}
.owl-carousel.categories .owl-controls .owl-prev {
    position: absolute;
    width: 10px;
    height: 16px;
    /*top: -30px;*/
    top: -25px;
    left: -20px;
    background-image: url(../images/icons/arrow-left@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
}

@media (min-width:1023px) {
    .owl-carousel.categories .owl-controls .owl-prev {
        background-image: url(../images/icons/arrow-left.png);
        background-position: center center;
        background-repeat: no-repeat
    }
}
.owl-carousel.categories .owl-controls .owl-next {
    position: absolute;
    width: 10px;
    height: 16px;
    /*top: -30px;*/
    top: -25px;
    right: 25px;
    background-image: url(../images/icons/arrow-right@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
}

@media (min-width:1023px) {
    .owl-carousel.categories .owl-controls .owl-next {
        background-image: url(../images/icons/arrow-right.png);
        background-position: center center;
        background-repeat: no-repeat
    }
}
#area-riservata .form-container .form #reclami .eni-checkbox {
    display: inline-block;
    float: left;
    min-height: 50px;
    width: 100%
}

@media (min-width:1023px) {
    #area-riservata .form-container .form #reclami .eni-checkbox {
        width: 33%
    }
}
#area-riservata .form-container .form #reclami .eni-checkbox .checkbox-core {
    display: inline-block;
    height: inherit;
    vertical-align: middle;
    width: auto
}
.mobi-change td, .mobi-change th {
    width: 100%;
    display: block;
    text-align: center
}

@media (min-width:768px) {
    .mobi-change td, .mobi-change th {
        width: auto;
        display: table-cell;
        text-align: left
    }
}
.mobi-change td span, .mobi-change th span {
    background-color: #ebebeb;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    padding: 10px 20px;
    margin-bottom: 20px;
    text-align: center
}
.reduced .chosen-results {
    height: 140px
}
.reduced .chosen-results li {
    padding: 4px 10px !important
}
.modal {
    padding-right: 0 !important
}
.modal .modal-backdrop {
    background-color: #ebebeb;
    opacity: .9
}
.modal .modal-dialog {
    margin: 60px auto
}
.modal .modal-dialog label {
    font-size: 12px;
    display: inline-block;
    line-height: 26px;
    padding: 0 20px;
    font-weight: normal;
    float: left
}
.modal .modal-dialog input[type=radio] {
    line-height: 26px;
    float: left;
    display: inline-block;
    margin: 0
}
.modal .modal-content .modal-header {
    background-image: linear-gradient(0deg, #e5e5e5 0, #f9f9f9 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.modal .modal-content .modal-header h4 {
    font-family: 'EniTabBold';
    font-size: 22px;
    color: #555;
    line-height: 24px;
    text-align: center
}
.modal .modal-content .modal-body {
    position: relative;
    padding: 15px;
    padding-bottom: 30px
}
.modal .modal-content .modal-body .item {
    margin-bottom: 20px
}

@media (min-width:1023px) {
    .modal .modal-content .modal-body .item {
        margin-bottom: 0
    }
}
.modal .modal-content .modal-body h4 {
    font-family: 'EniTabBold';
    font-size: 22px;
    color: #555;
    line-height: 24px
}
.modal .modal-content .modal-body p {
    opacity: .69;
    font-size: 12px;
    color: #333;
    line-height: 17px;
    font-style: italic;
    font-family: "Source Sans Pro", sans-serif;
    clear: both
}
.modal .modal-content .modal-body button.large {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 16px;
    border-radius: 2px
}
.modal .modal-content .modal-body button.large.green {
    background-color: #48b24d !important;
    color: #fff !important
}
.modal .modal-content .modal-body button.large.yellow {
    background-color: #fed300 !important;
    color: #333 !important
}
.modal .modal-content .modal-body button.large.black {
    background-color: #000 !important;
    color: #fff !important
}
.modal .modal-content .modal-body a {
    font-weight: bold;
    color: inherit
}
.accedi1 .item .image {
    min-height: 150px;
    display: table;
    width: 100%
}
.accedi1 .item .image>p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.accedi2 .modal-body .image {
    min-height: 180px;
    display: table;
    width: 100%
}
.accedi2 .modal-body .image>p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.accedi3 .modal-body .image {
    min-height: 180px;
    display: table;
    width: 100%
}
.accedi3 .modal-body .image>p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
.accedi4 .modal-body .image {
    min-height: 180px;
    display: table;
    width: 100%
}
.accedi4 .modal-body .image>p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
#reg-ok .modal-body .image {
    min-height: 180px;
    display: table;
    width: 100%
}
#reg-ok .modal-body .image>p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
#card-ok .modal-body .image {
    min-height: 180px;
    display: table;
    width: 100%
}
#card-ok .modal-body .image>p {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}
#card-ok .modal-body p {
    font-style: normal;
    font-family: "Source Sans Pro";
    font-size: 14px;
    color: #888;
    line-height: 18px
}
#card-ok .modal-body p strong {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    font-weight: bold;
    display: block
}
#card-ok .modal-body p small {
    font-size: 12px;
    font-style: italic
}
.form-container .form .eni-checkbox {
    min-height: 30px !important
}
.form-container .form .eni-checkbox .checkbox-label {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: #888;
    line-height: 18px
}
.form-container .input-text {
    margin-bottom: 15px
}
.mobile .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none
}
.mobile .modal-backdrop {
    opacity: 0
}
.mobile .modal-dialog {
    margin: 115px auto
}
.navigation .menu-sidebar {
    position: relative;
    z-index: 100
}
.navigation .menu-sidebar .cont.gray {
    padding: 0
}
.navigation .menu-sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative
}
.navigation .menu-sidebar ul.shadow {
    box-shadow: 2px 0 2px -2px rgba(50,50,50,0.2)
}
.navigation .menu-sidebar ul li {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 11px;
    color: #333;
    letter-spacing: .5px;
    line-height: 16px;
    text-transform: uppercase;
    display: table;
    width: 100%;
    height: 50px; 
}

.navigation .menu-sidebar-interno ul li {
    border-bottom: 1px solid transparent; 
}
.navigation .menu-sidebar ul li div {
    display: table-cell;
    height: 100%;
    width: 50px
}
.navigation .menu-sidebar ul li p {
    margin: 0;
    height: inherit;
    width: 100%
}
.navigation .menu-sidebar ul li div+p {
    display: block;
    float: left;
    height: 100%;
    padding: 15px 0;
    width: 100%;
    min-height:45px;
}
.navigation .menu-sidebar ul li div+p a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}
.navigation .menu-sidebar ul li:hover .submenu {
    display: block
}

.navigation .menu-sidebar ul li .submenu LI A {
    opacity: 0.5; 
}

.navigation .menu-sidebar ul li .submenu LI:hover A {
    opacity: 1; 
}

.navigation .menu-sidebar ul li .menu-slider {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background-color: #efeee7
}
.navigation .menu-sidebar ul li:hover .menu-icon span.icon-enistation,
.navigation .menu-sidebar ul li:hover .menu-icon span.icon-youeni,
.navigation .menu-sidebar ul li:hover .menu-icon span.icon-business,
.navigation .menu-sidebar ul li:hover .menu-icon span.icon-contatti
{
    /*background-color: #FFDE3B !important;*/
    color: #555555;
}
.navigation .menu-sidebar-interno .menu-icon:hover span, 
.navigation .menu-sidebar-interno .menu-back:hover span 
{
    opacity: 1;
}

.hovering .menu-icon {
    background-color: #FFDE3B !important;
}

.hovering .menu-back {
    background-color: #FFDE3B !important;
}


.navigation .menu-sidebar ul li .menu-slider .menu-slider-cont {
    display: block;
    width: 200%;
    height: inherit;
    position: relative;
    left: -100%
}
.navigation .menu-sidebar ul li .menu-slider .menu-slider-cont.still {
    left: 0
}
.navigation .menu-sidebar ul li .menu-slider .menu-slider-cont.still .menu-label {
    right: 0;
    top: 0
}
.navigation .menu-sidebar ul li .menu-slider .menu-slider-cont>p {
    width: 50%
}
.navigation .menu-sidebar ul li .menu-slider .menu-slider-cont>p a {
    display: table-cell;
    width: 100%;
    height: inherit;
    vertical-align: middle
}
.navigation .menu-sidebar ul li .menu-slider .menu-slider-cont .menu-back {
    display: block;
    padding:15px 0;
    width: 50%
}
.navigation .menu-sidebar ul li .menu-slider .menu-slider-cont .menu-label {
    position: relative;
    display: block;
    top: -100%;
    right: -50%;
    padding:15px 0;
}

.navigation .menu-sidebar-interno ul li .menu-slider .menu-slider-cont>p {
    opacity: 0.5; 
}

.navigation .menu-sidebar-interno ul li.active .menu-slider .menu-slider-cont>p {
    opacity: 0.5; 
}

.navigation .menu-sidebar-interno ul li:hover .menu-slider .menu-slider-cont>p {
    opacity: 1; 
}

.navigation .menu-sidebar a {
    color: inherit;
    text-decoration: none;
    padding-left: 10px;
    font-weight: 600;
    display: block !important;
    width:100%;
}
.navigation .menu-sidebar .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 240px;
    width: 100%;
    z-index: 1;
    min-height: 100%;
    padding-left: 3px
}
.ie8 .navigation .menu-sidebar .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 200px;
    width: 100%;
    z-index: 1;
    min-height: 100%;
    padding-left: 3px
}
.navigation .menu-sidebar .submenu li {
    background-color: #efeee7;
    display: table;
    padding: 15px;
    cursor: pointer; 
}
.navigation .menu-sidebar .submenu li:hover {
    background-color: #e9e7dd
}
.navigation .menu-sidebar .submenu.active {
    display: block !important
}
.navigation .menu-sidebar .menu li>p {
    display: table-cell;
    vertical-align: middle
}
.navigation .menu-sidebar .menu-icon {
    overflow: hidden;
    width: 50px;
    height: 50px;
    position: relative;
    vertical-align: top;
}
.navigation .menu-sidebar .menu-icon span {
    width: 50px;
    height: 50px;
    display: block;
    font-size: 40px;
    text-align: center;
    padding-top: 5px; 
}
.navigation .menu-sidebar-interno .menu-icon span {
    opacity: 0.3;
}
.navigation .menu-sidebar-interno .active .menu-icon span {
    opacity: 1;
}
.navigation .menu-sidebar li:hover {
    /*background-color: #e9e7dd*/
}

.navigation .menu-sidebar li:hover p {
    background-color: #e9e7dd
}
.navigation .menu-sidebar .with-childs p {
    background: url(../images/menu-dark-arrow.png) 88% center no-repeat;
}
.navigation .menu-sidebar-interno .submenu {
    display: none !important
}
.navigation .menu-sidebar-interno .submenu li a {
    display: block
}
.navigation .menu-sidebar-interno li {
    margin-bottom: 1px
}
.navigation .menu-sidebar-interno li.active .menu-icon, .navigation .menu-sidebar-interno li.active .menu-slider .menu-back {
    background-color: #fed300;
    color: #555555;
}

.navigation .menu-sidebar-interno li:hover .menu-label {
    background-color: #e9e7dd
}
.navigation .menu-sidebar-interno .subsection-selected .menu-label {
    background: url(../images/icons/icon-chapter-selected.png) 93% center no-repeat #efeee7
}
.navigation .menu-sidebar-interno .with-childs .menu-label {
    background: url(../images/menu-dark-arrow.png) 88% center no-repeat; 
}
.navigation .menu-sidebar-interno li.empty:hover {
    background-color: transparent; 
}
.navigation .menu-sidebar-interno li.empty:hover .menu-icon {  
    pointer-events: none; 
}

.navigation .menu-sidebar-interno li.empty {
    margin-left: 50px;
    padding-right: 50px;
}
.navigation .menu-sidebar-interno li.empty .menu-icon {
    display: none; 
}
.navigation .menu-sidebar-interno li.no-label .menu-slider {
    background: transparent; 
}
.navigation .menu-sidebar-interno li.no-label:hover {
    background: transparent !important; 
}
.navigation .menu-sidebar-interno li.no-label:hover .menu-label{
    background: transparent !important; 
}
.navigation .menu-sidebar .menu-icon, 
.navigation .menu-sidebar .menu-label,
.navigation .menu-sidebar .submenu LI {
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

/*errore form*/
.genericErrorList {
    clear: both;
    display: block;
    max-width: 910px;
    overflow: hidden;
    padding: 0;
    width: 100%;
    margin:20px auto;
    font-weight:normal !important;
}

.new-banner-mediaworld-text {
    font-family: EniTabBold;
    font-size: 23px !important;
}
@media (max-width:1022px) {
    .new-banner-mediaworld-text {
        font-family: EniTabBold;
        font-size: 20px !important;
    }
}

.new-banner-mediaworld-text-mobile {
    font-family: EniTabBold;
    font-size: 28px !important;
}
@media (max-width:767px) {
    .new-banner-mediaworld-text-mobile {
        font-family: EniTabBold;
        font-size: 4vw !important;
    }
}

.new-banner-mediaworld-text-desktop {
    font-family: EniTabBold;
    font-size: 30px !important;
}
@media (max-width:767px) {
    .new-banner-mediaworld-text-desktop {
        font-family: EniTabBold;
        font-size: 4vw !important;
    }
}

.new-banner-mediaworld-text-desktop-small {
    font-family: "EniTabReg";
    font-size: 20px !important;
}
@media (max-width:767px) {
    .new-banner-mediaworld-text-desktop-small {
        font-family: "EniTabReg";
        font-size: 3vw !important;
    }
}

.banner-mediaworld .row {
    border-bottom: 0 !important;
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}

.banner-mediaworld {
    background: url('../images/banner/banner-mediaworld-bg-new.png') no-repeat 50% 50%;
    min-height: 280px;
    color: white;
    overflow: hidden;
    padding-left:17px;
    padding-right:17px;
}

/*.banner-mediaworld a {
    color: white;    
}*/

.banner-mediaworld .banner-title{
    font-family: "EniTabLight";
}

.banner-mediaworld .banner-title strong,
.banner-mediaworld .banner-text strong {
    font-family: "EniTabBold";
}

.banner-mediaworld .banner-title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 17px;
    margin-top: 15px;
}

.banner-mediaworld .banner-text {
    font-size: 20px;
    line-height: 20px;
    background: url(../images/banner-text.png) top left repeat;
    padding:12px 20px;
    font-size:19px;
    font-family: "EniTabBold";
    margin-bottom:10px!important;
}

.banner-mediaworld .mac {
    margin-top: 20px;
    margin-bottom: 10px;
}


.banner-mediaworld .banner-title {
    font-size: 29px;
    line-height: 29px;
    margin-bottom: 10px;
    margin-top: 35px;
    text-align:center;
}


.banner-mediaworld-2 {
    background: url('../images/banner/banner-mediaworld-bg-small.png') no-repeat top right;
    height:400px;
    color: white;
    overflow: hidden;
    /*border-radius: 4px;*/
    padding-left:10px;
    padding-right:10px;
    padding-bottom:40px;
    position:relative;
}
@media (max-width:767px) {
    .banner-mediaworld-2 {
        background: url('../images/banner/banner-mediaworld-sm.png') no-repeat top right;
        margin-bottom: 20px;
        height:250px;
        background-size: 100%;
        min-height: 250px;

    }
}
/*.banner-mediaworld-2 a{
    color:#fff;
}*/
.banner-mediaworld-2 a:hover{
    text-decoration: none;
}
.banner-mediaworld-2 .banner-title {
    font-size: 26px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align:center;
    font-family: "EniTabLight";
}
@media (max-width:1023px) {
    .banner-mediaworld-2 .banner-title {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 15px;
    }
}


.banner-mediaworld-2 .banner-title strong{
    font-family: "EniTabReg";
}
.banner-mediaworld .banner-title .title-resize,
.banner-mediaworld-2 .banner-title .title-resize {
    max-width: 325px;
    width: 100%;
}
.banner-mediaworld-2 p {
    font-size: 14px;
    line-height: 17px;
    padding:0;
    font-family: "Source Sans Pro",sans-serif;
}
.height-banner-resize {
    background-size: 100% 100%;
}

@media (max-width:1023px) {
    .banner-mediaworld-2 p {
        font-size: 14px;
        line-height: 19px;
        padding:10px 0;
    }

    .banner-mediaworld .mac {
        width: 100%;
    }
}

@media (max-width:767px) {
    .banner-mediaworld .mac {
        max-width: 167px;
        width: 100%;
    }

    .height-banner-resize {
        background-size: 100% 100%;
        height: auto;
    }

}

.banner-mediaworld-2 .small {
    font-size:10px;
    line-height:13px;
    font-family: "Source Sans Pro",sans-serif;
    margin-bottom:10px !important;
    position:absolute;
    padding:0 10px;
    bottom:0;
    left:0;
}

.banner-mediaworld-2 .mac {
    display: none;
}
@media (min-width:1024px) {
    .banner-mediaworld-2 .mac {
        width:255px;
        height:auto;
        display: block;
        margin:6px auto;
    }
}




img.grad {
    width:130px;
    right:20px;
    position:absolute;
    bottom:30px;
    right:30px;
}
@media (min-width:1023px) {
    img.grad {
        width:150px;
        right:20px;
        position:absolute;
        bottom:60px;
        right:30px;
    }
}

.slide.radius-int a{
    display:block;
    width:100%;
    height:100%;
    padding:30px;
}

.paddingFoglia {
    padding-left:0;
    padding-right:0;
}
@media (min-width:768px) {
    .paddingFoglia {
        padding-left:10px;
        padding-right:10px;
    }
}
.paddingFoglia.paddingTop {
    padding-top:20px;
}
.foglia .navigate {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

#area-riservata .row .points .welcome h2 {
    background:transparent;
    border: 0 none;
    color:#555;
    font-size:36px;
    line-height:36px;
    height:auto;
    display: block;
    clear:both;
    float:none;
    margin-bottom:0;
    font-weight:normal;
}
#area-riservata .row .points .welcome p {
    display: block;
    clear:both;
    float:none;
    margin-top:10px;
    margin-bottom:20px;
}
#area-riservata .row .points .welcome img.ico-welcome {
    margin:10px 0;
}

.no-product {
    padding:20px;
    text-align: center;
    font-weight:bold;
    display: block;
}
.redeemable .no-product {
    margin:120px 0;
    display: block;
}

#headerLogo IMG {
    position: relative; 
}

#card_prepaid_base_personal_birth_date_day, 
#card_prepaid_base_personal_birth_date_month, 
#card_prepaid_base_document_date_day, 
#card_prepaid_base_document_date_month {
    width: 31%;
    margin-right: 1%; 
}

#card_prepaid_base_personal_birth_date_year,
#card_prepaid_base_document_date_year {
    width: 32%; 
    margin-right: 0; 
}

#card_prepaid_base_document_province, 
#card_prepaid_base_personal_birth_province, 
#card_prepaid_base_personal_address_province {
    width: 100%; 
}

select {
    margin-bottom: 20px; 
}

#area-riservata #headerLogo a {
    display: table;
    height: inherit;
}

#area-riservata #headerLogo a p {
    display: table-cell;
    vertical-align: middle;
    height: 100%;    
}

#contactFormCaptcha img{
    margin-bottom:20px;
    margin-right:20px;
}
#contactFormCaptcha input{
    margin-left:0;
}
@media (min-width:768px) {
    #contactFormCaptcha img{
        margin-bottom:0;
    }
}

.subFooter {
    color: rgba(255,255,255,0.6);
    clear: both;
    min-height: 360px;
    height: 100%;
    text-align: left;
    font-size: 14px;
    padding-top: 35px;
    background: #222;
    line-height: 22px;
    font-family: 'Source Sans Pro'
}
.subFooter div{
    margin-bottom:30px;
    min-height:70px;
}

.panel-group .with-childs {
    background: url(../images/icons/freccia-mobi.png) right 20px center no-repeat;
    position: relative;
}
a.hpLink {
    background: url(../images/icons/freccia-mobi-active.png) center center no-repeat;
    position: absolute;
    right:20px;
    top:20px;
    width:31px;
    height:31px;
    display: block;
}
a.hpLink:hover {
    text-decoration:none;
}
.mobile .side-left-menu .panel-group h4 a.hpLink {
    background: url(../images/icons/freccia-mobi-active.png) center center no-repeat;
    position: absolute;
    right:5px;
    top:10px;
    width:31px;
    height:31px;
    display: none;
}

/*SCONTRINO POS OFFLINE*/
#voucherSample {
    clear:both;
    width: 100%;
    height:120px;
    text-align: center;
    background: none transparent;
}
@media (min-width:768px) {
    #voucherSample {
        font-size: 13px;
        padding: 97px 42px 0 5px;
        position: absolute;
        right: -53px;
        top: 0;
        width: 270px;
        height:auto;
        background-image:url("../images/voucherBg.png");
        background-repeat:no-repeat;
        height:100%;
    }
}
#voucherSampleTable {
    border:0 none;
    font-family:helvetica,arial,sans-serif;
    display: none;
}
@media (min-width:768px) {
    #voucherSampleTable {
        border:0 none;
        font-family:helvetica,arial,sans-serif;
        display: block;
    }
}

#voucherSampleTable td, #voucherSampleTable th {
    color: #7a7a7a;
    padding:0;
    background:transparent;
    border:0 none;
    text-transform:none;
    line-height:normal;
    height:auto;
    padding: 2px 0;
}
#voucherSampleTable th {
    text-align: center;
    font-weight: normal;  
    line-height:16px;  
}
#voucherSampleTable td { 
    width:50%;
    line-height:19px;
}
#voucherSampleTable .voucherTitle {
    text-align: left;
    padding-left:11px;
}
#voucherSampleTable .voucherValue {
    text-align: right;
    padding-right:11px;
}
#voucherSampleTable .voucherCode {
    padding-left:11px;
    padding-right:11px;
}
#voucherSampleTable .selected {
    background: url(../images/voucherHighLightBg.png) 5px 0 no-repeat;
}
#voucherSampleTable .multipleSelected {
    background: url(../images/voucherHighLightBigBg.png) 5px 0 no-repeat;
}
/*SCONTRINO POS OFFLINE*/

h2.viewVideo {
    font-size:18px;
}

/*OVERLAYER IE6/7*/
.overlay{
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    /*    #display:block;
        #overflow:hidden;*/
    top:0;
    left:0;
    z-index:999991;
    background:#666;
}
*html .overlay{
    display:block;
    overflow:hidden;
    position:absolute;
}

.overlay p{
    display:block;
    background-color:#fff;
    margin:0;
    position:absolute;
    width:600px;
    height:150px;
    top:50%;
    left:50%;
    margin-top:-80px;
    margin-left:-300px;
    line-height:25px;
    text-align:center;
}
.overlay p strong{
    display:block;
    margin:10px 0 7px 0;
}
.overlay a{
    margin:10px 0;
}
/*OVERLAYER IE6/7*/

/*nuova altezza visori*/
.band.band-list.foglia .img-100 {
    height: 130px;
    width: 100%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}
@media (min-width:374px) {
    .band.band-list.foglia .img-100 {
        height: 170px;
    }
}
@media (min-width:481px) {
    .band.band-list.foglia .img-100 {
        height: 250px;
    }
}
@media (min-width:641px) {
    .band.band-list.foglia .img-100 {
        height: 310px;
    }
}

@media (min-width:769px) {
    .band.band-list.foglia .img-100 {
        height: 390px;
    }
}
@media (min-width:969px) {
    .band.band-list.foglia .img-100 {
        height: 430px;
    }
}
@media (min-width:1280px) {
    .band.band-list.foglia .img-100 {
        height: 365px;
    }
}
@media (min-width:1281px) {
    .band.band-list.foglia .img-100 {
        height: 400px;
    }
}
@media (min-width:1367px) {
    .band.band-list.foglia .img-100 {
        height: 430px;
    }
}
/*nuova altezza visori*/

/*PROMO*/
/*promo ponte*/
.promo {

}
.band.band-list.foglia.promo .img-100 {
    background-position: center right;
}
h2.big {
    font-size: 32px;
    font-family: "EniTabReg";
}
.band.band-list .box h2.box {
    padding:0;
    margin:15px 0 7px 0;
    display: block;
    clear: both;
    font-size:28px;
    font-family: "EniTabLight";

}
.promo h4 {
    color:#333;
    font-size:16px;
}
.band.band-list.foglia.promo p.small {
    color: #888888;
    font-size:12px;
    margin:0 0 15px 0;
    padding:0;
}
span.redText {
    color: #ca0638;
}
span.whiteText {
    color:white;
}
span.yellowText {
    color:#fed300;
}
.promo .border {
    border-bottom: 1px solid #e9e7dd;
    padding-bottom:20px;
    margin-bottom: 20px;
    color:#333;
    display: block;
    clear: both;
}
.grayBox {
    background:#EFEEE7;
    padding:30px 20px;
    border-bottom:1px solid white;
}
.grayBox ul,.grayBox ol{
    margin-bottom:0;    
}
.grayBox ul li,.grayBox ol li{
    margin-bottom:20px;
}
.promo .text-center {
    text-align: center;
}
/*promo ponte*/
/*LAVAZZA*/
.lavazza h2.light {
    font-family:'EniTabLight';
}
.lavazza h2.light strong{
    font-family:'EniTabBold';
    font-weight:normal;
}
.lavazza h2.white, .white {
    color:#fff;
}
.lavazza .greenBox {
    background:#48B24D;
    padding:20px 10px;
    margin-top:20px;
    margin-bottom:20px;
}
.lavazza .whiteButton {
    background:#fff;
    display: inline-block;
    min-height:48px;
    height:auto;
    line-height:32px;
    padding-top:7px;
    padding-bottom:7px;
    padding-right:20px;
    width:55%;
}
@media (max-width:768px) {
    .lavazza .whiteButton {
        width:100%;
        line-height:25px;
    }
}
.lavazza .button.whiteButton i {
    color: #666;
    float: left;
    font-size: 35px;
    width:40px;
    height:11px;
    margin:6px 0 0 -5px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    height:35px;
    margin-top:0;
}
.lavazza .button.whiteButton:hover {
    text-decoration: none;
    background-color: #efeee7;
}
.promo .lavazza .border {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.lavazza .lavazzaText h2{
    padding-top:30px;
    padding-bottom:30px;
}
.lavazza .with-icon i {
    display: block;
    float: left;
    width:17%;
    width:35px;
}
.lavazza .with-icon span {
    display: block;
    float: left;
    width:83%;
    text-align: center;
}

.lavazza .btn-prod.finder {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    min-height:48px;
    height:auto;
    line-height:25px;
    padding-top:10px;
    padding-bottom:10px;
    background-position: left 10px center;
}
/*LAVAZZA*/

/*ALITALIA*/
.italicBig {
    font-size:14px;
    font-style:italic;
}
.band.band-list.foglia h2.medium {
    font-size:27px;
    font-family: "EniTabReg";
    font-weight: normal;
    margin-bottom:4px;
}
.margTop {
    margin-top:33px;
    width: 100%;
}
.bgGray {
    background:#f3f2ed;
}
/*ALITALIA*/
/*SMARTPASS*/
.smartPass .smartPassText{
    padding-left:20px;
}
.smartPass .smartPassText h2{
    padding-top:30px;
    padding-bottom:30px;
}
.smartPass .detail {
    margin-top:60px;
    margin-bottom:60px;
}
.smartPass .detail h2 {
    font-size:27px;
    font-family: "EniTabReg";
    font-weight: normal;
}
.smartPass p {
    font-size:16px;
    font-weight: normal;
    color:#333;
    line-height:24px;
}
.smartPass .detail img.circle {
    max-width:136px;
    width:100%;
    margin:0 auto;
}
.smartPass .lookStation{
    margin-top:20px;
}
.smartPass .lookStation p{
    font-size:16px;
    line-height:40px;
}
.smartPass .detail .img-bg div .img{
    background: url('../images/cardPass-riga.png') repeat-x left center;
    margin-bottom:20px;
}
.smartPass .detail .img-bg div:first-child .img {
    background: url('../images/cardPass-riga.png') no-repeat center left 60px;
}
.smartPass .detail .img-bg div:last-child .img {
    background: url('../images/cardPass-riga.png') no-repeat center right 60px;
}
.smartPass .detail .img-bg div h2,.smartPass .detail .img-bg div p{
    padding:0 10px;
    padding:0 10px;
}

@media (max-width:767px) {
    .smartPass .detail .img-bg div .img,.smartPass .detail .img-bg div:first-child .img,.smartPass .detail .img-bg div:last-child .img {
        background:none;
    }
}
.smartPass .detail a {
    font-weight:bold;
}

.smartPass .faq-list p {
    color:#888;
    font-size:14px;
    font-weight: normal;
}
.band.band-list.foglia .smartPass h2.medium {
    margin:20px 0 40px 0;
}
p.smart {
    font-weight:normal;
}
/*SMARTPASS*/

/*CAFE*/
.cafe .band.band-list.foglia.promo .img-100 {
    background-position: center left;
}
.cafe .lavazzaText {
    padding:20px 10px 20px 18px;
}
.cafe .lavazzaText h2{
    margin:0 0 30px 0;
    padding:0;
}
.cafe .lavazzaText p{
    color:#333;
    font-size:18px;
    margin-bottom:20px;
}
.cafe p.medium{
    color:#333;
    font-size:16px;
    margin-bottom:20px;
}
.cafe .band.band-list.foglia.promo p.small {
    color:#555;
}
.cafe .lavazza .btn-prod.finder {
    margin:0;
}
.cafe .overflow.box {
    padding-top:0;
    padding-bottom:0;
}
.cafe .overflow.box.border {
    padding-bottom:30px;
}
.cafe .padding {
    padding-top:10px;
    padding-bottom:40px;
}
/*CAFE*/

.text-red {
    color:#C42A2A;
}

/*cookie*/
.cookieTable {
    display: block;
    margin:20px auto; 
    border-collapse: collapse;
    border-top: 1px solid #614736;
    border-right: 1px solid #614736;}

.cookieTable td, .cookieTable th {
    border-bottom: 1px solid #614736;
    border-left: 1px solid #614736;
    padding: 5px;
    vertical-align: middle;
    font-size: 11px; }

.cookieTable .break {
    word-break: break-all; }

.cookieTable th {
    text-align: center;
    text-transform: uppercase; }

.cookieTable .title {
    display: none; }

.cookieTable .separatore {
    display: none; }

@media only screen and (max-width: 767px) {
    .cookieTable {
        border-collapse: collapse;
        border-top: 1px solid #614736;
        border-right: 1px solid #614736;}
    .cookieTable th {
        /*font-size:8px;*/
        display: none; }

    .cookieTable td {
        /*font-size:9px;*/
        display: block; }

    .cookieTable td, .cookieTable th {
        padding: 5px 4px; }

    .cookieTable .title {
        display: block;
        font-weight: bold;
        font-family: "Source Sans Pro",sans-serif;
        text-transform: uppercase; }

    .cookieTable tr td:last-child {
        border-bottom: 0 none; }

    .cookieTable tr:last-child td:last-child {
        border-bottom: 1px solid #614736; }

    .cookieTable .separatore {
        display: block; }

    .cookieTable tr.separatore td:last-child {
        padding: 0;
        height: 10px;
        border-bottom: 0 none;
        border-bottom: 7px solid #614736; } }

li.cookieList {
    line-height: 1.7;
    display: list-item;
    list-style: outside disc;
    list-style-type: disc;
    margin-left:15px;
}
/*landing auchan*/
.auchan p {
    font-size:18px;
}
.auchan .subFooter p {
    font-size:12px;
}

.auchan .bannerTop {
    margin-bottom:20px;
}
.auchan .img-100 {
    background-position: center center;
}
.auchan .img-100.left {
    background-position: left center !important;
}
.auchan .block {
    display: block;
    height:48px;
    line-height:48px;
    margin:0;
    padding:0 7px;
}
.banner-yellow-new{
    padding:10px !important;
    margin:20px 0;
    text-align: left;
}
.banner-yellow-new img{
    float:left;
}
.banner-yellow-new a{
    float:left;
    padding:0 20px;
}
.band.band-list.foglia h2.auchanText {
    margin-top:50px;
}
.auchan .relative {
    height:70px;
}
.auchan .box .arrow-cont {
    top:50%;
    margin-top:-16px;
    bottom:auto;
    padding:0;
    right:30px;
    left:auto;
    position:absolute;
}
.auchan .noPaddingLeft {
    padding-left:0 !important;
}
.auchan .noPaddingRight {
    padding-right:0 !important;
}
.auchan .noPaddingTop {
    padding-top:0 !important;
}
.auchan .noPaddingBottom {
    padding-bottom:0 !important;
}
.auchan .mBottom {
    margin-bottom:15px;
}
.auchan .noMarginTop {
    margin-top:0;
}

.band.band-list.auchan .box.award-card {
    margin-top:20px;
    margin-bottom: 0;
}

.auchan .award-card .points {
    height:auto;
}
.band.band-list.auchan .box.award-card {
    height: auto;
}

.auchan .grayBox {
    background:transparent;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
}
.auchan .lookStation p{
    font-size:14px;
    line-height:50px;
}

@media only screen and (max-width: 767px) {
    .auchan .banner-yellow-new{
        text-align:center;
    }
    .auchan .banner-yellow-new img{
        float:none;
        margin-bottom:20px;
        margin-top:10px;
    }
    .auchan .block {
        margin:20px 0;
    }
    .auchan .lookStation p{
        line-height:21px;
    }
}

/*modifiche iperself e più servito*/
p.big {
    font-family: 'EniTabReg';
    color: #333333;
    font-size: 24px;
    line-height:30px;
}

p.big.bold {
    font-family: 'EniTabBold'
}
p.big .bold {
    font-family: 'EniTabBold'
}

.points .red {
    background:transparent;
    color:#CF1040;
}
#sub-home.liv-3 .box.points .cont {
    padding:10px;
}
.band.band-list.foglia .points p {
    padding:6px 0;
    margin:0;
}
.points .col-sm-2 {
    padding:0 10px 0 0;
}
.relative.newArrow {
    height:70px;
}
.box .relative.newArrow .arrow-cont {
    top:50%;
    margin-top:-16px;
    bottom:auto;
    padding:0;
    right:30px;
    left:auto;
    position:absolute;
}
.newBanner h2 {
    padding-top:7px;
}
.band.band-list.foglia p.servito-big {
    font-size:27px;
    line-height:28px;
    font-family: "EniTabLight";
    color:#333;
    margin:10px 0 0 0;
    padding:0 60px;
}

.grayBox.margin {
    margin-bottom:20px;
    clear: both;
}
.imgTot {
    min-height:400px;
}

section .vertical.edicolaServito {
    height:400px;
    color:#333;
    padding:40px;
}
section .band.band-list.foglia .vertical.edicolaServito h2{
    margin-top:30px;
    margin-bottom:37px;
    display: block;
    clear: both;
    font-size:40px;
    font-family: "EniTabLight";
    font-weight:normal;
}
section .vertical.edicolaServito p{
    line-height:30px;
    margin:0;
    padding:0;
}
@media only screen and (max-width: 1023px) {
    section .vertical.edicolaServito {
        height:290px;
        padding:10px;
    }
    section .band.band-list.foglia .vertical.edicolaServito h2{
        margin-top:20px;
        margin-bottom:20px;
    }
    section .vertical.edicolaServito p{
        line-height:25px;
    }
    .imgTot {
        min-height:auto;
    }
}

#video.modal .modal-content .modal-body {
    /*padding-top:0;*/
}
#video .modal-footer .button{
    background:#fed300;
}
#video .modal-content .video {
    display: none;
}
#video .modal-content .navigate a {
    display: inline-block;
    float:left;
    line-height:40px;
    padding:0 10px;
    border-right:1px solid #eee;
}
#video .modal-content-ntp .navigate a {
    display: inline-block;
    float:right;
    line-height:42px;
    padding:0 10px;
    right: 0;
    top: 0;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    z-index: 1;
}

#video .modal-content .navigate a:last-child {
    border-right:0 none;
}
#video .modal-content .video#video1 {
    display: block;
}

.videoOver.active {
    background:#fed300;
}

.boxes {
    margin:20px 0;
}
.boxes h2 {
    font-size:28px;
    font-family: "EniTabLight";
    font-weight:normal;
    line-height:23px !important;
}
.boxes .banner-yellow-new a{
    padding:0 10px;
}
.boxes .box .red h2, .box .red p {
    width:auto;
}
section .smallGray .vertical.edicolaServito {
    height: 300px;
}
section .band.band-list.foglia .smallGray .vertical.edicolaServito h2 {
    margin-bottom:10px;
    font-size:37px;
    font-family: "EniTabLight";
    font-weight:normal;
}

.respVideo {
    height: 300px;
    overflow: hidden;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    position: relative;
}
.respVideo iframe,
.respVideo object,
.respVideo embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.respVideo img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.respVideo .launch6 {    
    width:80px;
    height:80px;
}
@media (max-width:640px) {
    .respVideo {
        height: auto;
    }
}


.respVideoHeader {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    /*position: relative;*/
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}
.respVideoHeader iframe,
.respVideoHeader object,
.respVideoHeader embed {
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media (min-width:480px) {
    .respVideoHeader iframe,
    .respVideoHeader object,
    .respVideoHeader embed {
        height: 250px;
    }
}
@media (min-width:768px) {
    .respVideoHeader iframe,
    .respVideoHeader object,
    .respVideoHeader embed {
        height: 430px;
    }
}

.video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    clear:both;
}
.video iframe,
.video object,
.video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.boxes .newBanner {
    margin:0;
}
.boxes .box .arrow-cont i {
    color:#BF3C3A;
}
.boxes a:hover {
    text-decoration: none;
}

#sub-home.liv-3 .box .cont.red {
    box-shadow: 0 2px 0 0 #98302e;
}
#sub-home.liv-3 .box .cont.yellow {
    box-shadow: 0 2px 0 0 #cba800;
}
.banner {
    padding: 0 40px;
}
.video-hp {
    overflow:hidden;
    height:444px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.24);
    position:relative;
    background:#000;
}
.video-hp .w100 {
    background:#000;
}
.absHp {
    position:absolute;
    height:80px;
    width:80px;
    top:50%;
    margin-top:-40px;
    left:50%;
    margin-left:-40px;
}
.mobile #video .modal-backdrop {
    opacity: 0.9;
}
#thevideo1, #thevideo2, #thevideo3, #thevideo4, #thevideo5 {
    display: none;
}

@media only screen and (max-width: 767px) {
    .band.band-list.foglia p.servito-big {
        padding:0;
        margin-bottom:20px;
    }
    .points {
        text-align: center;
        margin-bottom:20px;
    }
    .points .w100 {
        width:auto;
        margin:0 auto;
    }
    .boxes .newBanner {
        margin-bottom:20px;
    }
    .banner {
        padding: 0;
    }
    .video-hp {
        height:250px;
    }

    .videoEdicola {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        padding-top: 30px;
        position: relative;
        clear:both;
    }
    .videoEdicola iframe,
    .videoEdicola object,
    .videoEdicola embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }    

}

.band.band-list .box.videoBox {
    padding:0;
    margin:0 0 20px 0;
}
.band.band-list .box.videoBox .img-100{
    background: url(../images/sfondi/promo/auchan.jpg) center center no-repeat;
    background-size:cover;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-behavior: url(backgroundsize.min.htc);
}
.band.band-list .box.videoBox .img-100 iframe{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.boxGrayHeight{
    padding:15px 0 0 0;
}
.cafe .guzziniText {
    padding: 0 10px 0 18px;
}
.cafe .guzziniText h2 strong{
    color:#000;
    background:#fed300;
    width:54px;
    line-height:54px;
    text-align: center;
    display: inline-block;
    border-radius:50%;
}
.band.band-list.foglia .guzziniText h2{
    margin:10px 0 5px 0;
    padding:0;
}
.band.band-list.foglia .guzziniText p{
    color:#333;
    font-size:18px;
    margin-bottom:10px;
}
@media only screen and (min-width: 1024px) {
    .band.band-list.foglia .guzziniText p{
        margin-bottom:0;
    }
}
.guzziniBox {
    margin:20px 0 0 0;
}
.guzziniMargin {
    margin:20px 0;
}
.guzziniMargin a{
    font-weight:bold;
}
.guzziniTextImg {
    position:absolute;
    top:100px;
    left:10px;
    width: 90%;
}
@media only screen and (min-width: 1023px) {
    .guzziniTextImg {
        width:auto;
        top:40px;
        left:40px;
    }
}

.telethonText {
    position: absolute;
    left: 10%;
    top: 14%;
    text-align: left;
    font-size: 45px;
    text-shadow: 1px 0px 0px gray;
    line-height: 1.3;
    font-family: EniTabLight;
}

@media only screen and (max-width: 1023px) {
    .telethonText {
        position: absolute;
        left: 10%;
        top: 14%;
        text-align: left;
        font-size: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .telethonText {
        position: absolute;
        left: 10%;
        top: 14%;
        text-align: left;
        font-size: 4.9vw;
    }
}

h2.telepassTitleBold {
    font-family: 'EniTabBold';
    font-size: 32px;
}

.telepassText {
    position: absolute;
    left: 5%;
    top: 34%;
    text-align: left;
    font-size: 36px;
    line-height: 1.3;
    font-family: EniTabReg;
    letter-spacing: -0.7px;
}

@media only screen and (max-width: 1023px) {
    .telepassText {
        position: absolute;
        left: 5%;
        top: 7%;
        text-align: left;
        letter-spacing: -0.7px;
        font-size: 36px;
    }
}
@media only screen and (max-width: 768px) {
    .telepassText {
        position: absolute;
        left: 5%;
        top: 7%;
        text-align: left;
        letter-spacing: -0.7px;
        font-size: 5vw;
    }
}

/* ENI DIESEL PLUS */
.eniDieselPlusText {
    position: absolute;
    left: auto;
    right: auto;
    width: 100%;
    top: 50%;
    text-align: center;
    font-size: 47px;
    font-family: EniTabReg;
}
@media only screen and (max-width: 1023px) {
    .eniDieselPlusText {
        position: absolute;
        left: auto;
        right: auto;
        width: 100%;
        top: 50%;
        text-align: center;
        font-size: 47px;
        font-size: 4.7vw;
    }
}
@media only screen and (max-width: 924px) {
    .eniDieselPlusText {
        position: absolute;
        left: auto;
        right: auto;
        width: 100%;
        top: 50%;
        text-align: center;
        font-size: 4.7vw;
    }
}

@media only screen and (max-width: 768px) {
    .marginCenterMobile {
        margin-right: -3%;
        margin-left: 3%;
    }
}

.eniDieselPlusTextPlus {
    font-size: 85px;
    font-family: EniTabBold;
}
@media only screen and (max-width: 924px) {
    .eniDieselPlusTextPlus {
        font-size: 10vw;
    }
}

.eniDieselPlusTextOther {
    text-align: left;
    line-height: 45px;
}
@media only screen and (max-width: 924px) {
    .eniDieselPlusTextOther {
        line-height: 110%;
    }
}

.eniDieselPlusImg {
    position:absolute;
    top: 23%;
    text-align: center;
    left: auto;
    right: auto;
    width: 100%
}

@media only screen and (max-width: 924px) {
    .scrollOnTop {
        top: 9% !important;
    }
}

.item_img {
    position: absolute;
    padding-top: 0;
    padding-left: 0px;
}
.item_text {
    border: 0;
    margin-top: 0;
    padding-top: 3px;
    padding-left: 40px;
    padding-bottom: 20px;
    font-size: 14px
}

/* ENI DIESEL PLUS */

@media only screen and (max-width: 1023px) {
    .edicola-reg .image {
        margin-top: 20px;
    }
    .videoEdicola {
        min-height: 300px;
    }
}

@media only screen and (min-width: 1024px) {
    .band.band-list .box.videoBox {
        padding:0 40px 0 40px;
    }
}

/* PROMO TUA CARD */
.pointDetail {
    margin:20px 0 0 0;
    font-size:13px;
}
.pointDetail .vertical{
    height:70px;
}

.tuaCardText {
    padding:20px 10px 20px 18px;
}
.tuaCardText h2{
    margin:0 0 30px 0;
    padding:0;
}
.tuaCardText p{
    color:#333;
    font-size:18px;
    margin-bottom:20px;
}

.tuaCardTextImg {
    position:absolute;
    top:40px;
    left:10px;
    width: 40%;
}
@media only screen and (min-width: 1023px) {
    .tuaCardTextImg {
        width:auto; 
        top:152px;
        left:66px;
    }
}

.band.band-list .choose .searchVehicle {
    border-right: 1px solid #E2E1DF;
}
.band.band-list .choose .searchVehicle h2{
    background:#E2E1DF;    
}

.band.band-list .choose .searchProduct {

}
.band.band-list .choose .searchProduct h2{
    background:#E9E7DD;
}
.box-colors-cont .cont.grayCard p.giftError {
    display: block;
    margin:20px 0 0 0;
}
.box-colors-cont p.giftError a, .box-colors-cont p.giftError a:hover{
    color:#c42a2a;
    font-weight:bold;
}

/* box hp 237/6 */
.whiteBox {
    background:#fff;
}
.whiteBoxBottom {
    position:absolute;
    right:26px;
    top:43px;
}
.whiteBox .img {
    width:100%;    
    background-size:cover;
    background-position: top left;
    background-repeat: no-repeat;
    padding:10px;
    position:relative;
}
.whiteBox h2 {
    padding:6px 10px 10px 10px;
}

.whiteBox.img1 .img {
    background-image: url(../images/hp-box1.jpg);
    height:122px;    
}
.whiteBox.img1 h2 {
    font-size:18px;
    line-height:19px;
    padding:2px 10px 10px 10px;
}

.whiteBox.img2 .img {
    background-image: url(../images/hp-box2.jpg);
    height:136px;  
}

.whiteBox.buonissimo .img {
    background-image: url(../images/bg_buonissimo_nocard.png);
    height:136px;
}

.whiteBox.promo-colazione .img {
    background-image: url(../images/box-promo-colazione.png);
    height:136px;
}

.whiteBox.ntp .img {
    background-image: url(../images/box-home-ntp.png);
    height:117px;
}

.whiteBox.telethon .img {
    background-image: url(../images/box-home-telethon.png);
    height:117px;
}

.whiteBox.img2 h2 {
    font-size:17px;
    line-height:20px;
}

.whiteBox.img4 .img {
    background-image: url(../images/hp-box4.jpg);   
    height:146px; 
}
.whiteBox.imgAlgida .img {
    background-image: url(../images/hp-box-algida.png);   
    height:146px; 
}
.whiteBox.img4 h2 {
    font-size:17px;
    padding:10px;
    line-height:22px;
}
.servito .h100 {
    height:100% !important;
    width:auto !important;
}

.overflow {
    overflow:hidden;
}
.servito a:hover {
    text-decoration: none;
}
img.served {
    position:absolute;
    bottom:0;
    left:10px;
}

@media only screen and (max-width: 1023px) {
    .whiteBox h2, .whiteBox.img1 h2, .whiteBox.img2 h2, .whiteBox.img4 h2, .whiteBox.imgAlgida h2, .whiteBox.promo-colazione h2, .whiteBox.buonissimo h2, .whiteBox.ntp h2, .whiteBox.telethon h2 {
        padding:20px 10px;
        font-size: 22px;
    }
    .whiteBox .img {
        background-size:cover;        
        background-position: bottom center;
    }
    .masonry-box .item.span-1 .cont {
        height: auto;
    }
    .whiteBox.img1 .img {
        background-image: url(../images/hp-box1-big.jpg);
        height:400px;
    }
    .whiteBox.img2 .img {
        background-image: url(../images/hp-box2-big@2x.jpg);  
        height:480px;
    }
    .whiteBox.buonissimo .img {
        background-image: url(../images/bg_buonissimo_big.png);
        height:480px;
    }
    .whiteBox.promo-colazione .img {
        background-image: url(../images/box-promo-colazione-big.png);
        height:480px;
    }
    .whiteBox.ntp .img {
        background-image: url(../images/box-home-ntp-big.png);
        height:480px;
    }
    .whiteBox.telethon .img {
        background-image: url(../images/box-home-telethon-big.png);
        height:480px;
    }
    .whiteBox.img4 .img {
        background-image: url(../images/hp-box4-big@2x.jpg);  
        height:500px;
    }
    .whiteBox.imgAlgida .img {
        background-image: url(../images/hp-boxAlgida-big@2x.jpg);
        height:500px;
    }
    .servito .h100 {
        width:100% !important;
        height:auto !important;
    }
}
/* box hp 237/6 */

/* PROMO ALGIDA */
img.topLeft {
    position: absolute;
    top:40px;
    left:60px;
    width:12%;
}
img.bottomRight {
    position: absolute;
    bottom:20px;
    right:100px;
    width:10%;
}
@media only screen and (max-width: 768px) {
    img.topLeft {
        position: absolute;
        top:20px;
        left:20px;
        width:12%;
    }
    img.bottomRight {
        position: absolute;
        bottom:20px;
        right:20px;
        width:10%;
    }
}
.bgCenter {
    background-position:center center;
}
.borderYellow-box {
    padding:20px 10px;
    margin-top:20px;
    margin-bottom:20px;
    border:10px solid #fed300;
}
.band.band-list.foglia .borderYellow-box p.medium{
    margin-bottom:7px;
}
.greenButton {
    background:#48B24D;
    color:#fff;
    display: inline-block;
    min-height:48px;
    height:auto;
    line-height:32px;
    padding-top:7px;
    padding-bottom:7px;
    padding-right:20px;
    width:55%;
}
@media (max-width:768px) {
    .greenButton {
        width:100%;
        line-height:25px;
    }
}
.button.greenButton i {
    color: #666;
    float: left;
    font-size: 35px;
    width:40px;
    height:11px;
    margin:6px 0 0 -5px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    height:35px;
    margin-top:0;
}
.button.greenButton:hover {
    text-decoration: none;
    background-color: #41a145;
    color:#fff;
}





.yellowButton {
    background:#fed300;
    color:#fff;
    display: inline-block;
    min-height:48px;
    height:auto;
    line-height:32px;
    padding-top:7px;
    padding-bottom:7px;
    padding-right:20px;
    width:55%;
}
@media (max-width:768px) {
    .yellowButton {
        width:100%;
        line-height:25px;
    }
}
.button.yellowButton i {
    color: #666;
    float: left;
    font-size: 35px;
    width:40px;
    height:11px;
    margin:6px 0 0 -5px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    height:35px;
    margin-top:0;
}
.button.yellowButton:hover {
    text-decoration: none;
    background-color: #41a145;
    color:#fff;
}





.singleRow {
    line-height:48px;
}
/* PROMO ALGIDA */

/*PROMO ALITALIA*/
.alitaliaTextImg {
    position:absolute;
    top:70px;
    left:70px;
    width: auto;
}
@media (max-width:768px) {
    .alitaliaTextImg {
        top:20px;
        left:20px;
        width:50%;
    }
}

.alitaliaTextImg2 {
    position:absolute;
    bottom:10px;
    left:60px;
    width: auto;
}
@media (max-width:768px) {
    .alitaliaTextImg2 {
        bottom:10px;
        left:20px;
        width:40%;
    }
}

.bgCenter {
    background-position:bottom center !important;
}
.mBot {
    margin-bottom:5px !important;
}
.lightGray {
    margin:20px auto;
}
.lightGray h2{
    width:450px;
}
.alitaliaText{
    padding:20px 10px;
}
.alitaliaText p{
    font-size:18px;
    color:#333;
}
@media (max-width:768px) {
    .lightGray h2{
        width:100%;
    }
    .lightGray img{
        width:100%;
    }
}
/*PROMO ALITALIA*/

/*modifiche registrazione e pos offline 8 luglio 2015*/
#area-riservata .form-container .form .input-text#register_lite_card_number {
    background: url(../images/icons/form-tooltip.png) center right 10px no-repeat #eaeaea; 
    padding-right:50px;
}
.form-tooltip {
    position:absolute;
    top:-240px;
    left:-10px;
    padding:20px;
    display: none;
}
.form-tooltip .content{
    background: #fff;
    -webkit-box-shadow: 0px 15px 10px 15px rgba(0, 0, 0, 0.18);
    -moz-box-shadow:    0px 15px 10px 15px rgba(0, 0, 0, 0.18);
    box-shadow:         0px 15px 10px 15px rgba(0, 0, 0, 0.18);
    width:288px;
    height:194px;  
    padding:20px 25px 20px 15px; 
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form-tooltip .content .arrow{
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-11px;
}
#area-riservata .box .cont button.green.medium {
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 50px auto 0;
    padding: 0;
    width: 80%;
}

/* NTP */
.gestore_carousel {
    background-repeat: no-repeat;
    background-position: top center;
    margin-right: 10px;
    margin-left: 10px;
    height: 495px;
    outline: 0;
    width: 100%
}
.info_gestore {
    text-align: left;
    color: #000000;
    margin-bottom: 10px;
    min-height: 125px
}

/* BEST OF */
.title_video {
    margin-top: 10px;
    margin-bottom: 14px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    margin-left: 7px;
}

.box_video {
    background-color: #dcdcdc;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    outline: 0;
}

/* PROMO-AUCHAN */
.auchanInput {
    height: 50px;
    margin: 0 auto;
    background-color: white;
    width: 100%
}
/* PROMO-AUCHAN */

/* WELCOME-AUCHAN */
.welcome-auchan-box {
    text-align: left;
    background-color: #fafafa;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 15px;
}

.welcome-auchan-submit {
    text-align: center;
    margin-top: 50px;
}
/* WELCOME-AUCHAN */

/* SOCCORSO STRADALE */
.soccorsoStradaleTextImg {
    position:absolute;
    top:70px;
    left:70px;
    width: auto;
}
@media (max-width:768px) {
    .soccorsoStradaleTextImg {
        top:20px;
        left:20px;
        width:50%;
    }
}

.soccorsoStradaleTextImg2 {
    position:absolute;
    bottom:140px;
    left:60px;
    width: auto;
}
@media (max-width:768px) {
    .soccorsoStradaleTextImg2 {
        bottom:10px;
        left:20px;
        width:40%;
    }
}
/* SOCCORSO STRADALE */

.promoVisoreText .boldText {
    font-family: EniTabBold;
}

/*PROMO*/

/* MONDADORI PARTNER */

.box-mondadori {
    background-color: #fafafa;
    padding: 25px;
    min-height: 250px;
}

.box-mondadori-button {
    width: 230px;
    height: 48px;
}
@media (max-width:768px) {
    .box-mondadori-button {
        width: 100%;
    }
}

/* MONDADORI PARTNER */

/* EUROCAP PARTNER */

.box-eurocap {
    background-color: #f0efe7;
    padding: 27px 23px 20px 23px;
}

/* EUROCAP PARTNER */

/* Catalog static carousel */

.owl-carousel.categoriesHome {
    /* height: 111px; */
    margin: auto;
    /* background-color: white; */
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 31px;
    padding-right: 30px;
}

@media (max-width:1430px) {
    .owl-carousel.categoriesHome {
        padding-left: 65px;
        padding-right : 55px;
    }
}
@media (max-width:1280px) {
    .owl-carousel.categoriesHome {
        padding-left: 75px;
        padding-right: 55px;
    }
}
@media (max-width:1080px) {
    .owl-carousel.categoriesHome {
        padding-left: 70px;
        padding-right: 65px;
    }
}
@media (max-width:968px) {
    .owl-carousel.categoriesHome {
        padding-left: 110px;
        padding-right: 90px;
    }
}
@media (max-width:768px) {
    .owl-carousel.categoriesHome {
        padding-left: 135px;
        padding-right: 100px;
    }
}
@media (max-width:630px) {
    .owl-carousel.categoriesHome {
        padding-left: 115px;
        padding-right: 135px;
    }
}
@media (max-width:610px) {
    .owl-carousel.categoriesHome {
        padding-left: 190px;
        padding-right: 170px;
    }
}
@media (max-width:550px) {
    .owl-carousel.categoriesHome {
        padding-left: 150px;
        padding-right: 170px;
    }
}
@media (max-width:510px) {
    .owl-carousel.categoriesHome {
        padding-left: 140px;
        padding-right: 150px;
    }
}
/*.owl-carousel.categoriesHome .owl-item {
    
    width: 185px!important;
}*/




.owl-carousel.categoriesHome .item img:hover {
    cursor: pointer;
    opacity : 0.5;
    /*background-color: #008899;*/
}

#catalog-static-carousel{
    background-color: white;
    padding : 0px;
}

.owl-carousel.categoriesHome .owl-controls {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9;
    text-align: left;
    height: 15px;
    width: 100%;
    max-width: 1020px; 
    margin: 0 auto;
}

.owl-carousel.categoriesHome .owl-controls .owl-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    /*top: -30px;*/
    top: -75px;
    left: -20px;
    background-image: url(../images/icons/arrow_grey_left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}

@media (min-width:1023px) {
    .owl-carousel.categoriesHome .owl-controls .owl-prev {
        background-image: url(../images/icons/arrow_grey_left.png);
        background-position: center center;
        background-repeat: no-repeat
    }
}
.owl-carousel.categoriesHome .owl-controls .owl-next {
    position: absolute;
    width: 40px;
    height: 40px;
    /*top: -30px;*/
    top: -75px;
    right: 25px;
    background-image: url(../images/icons/arrow_grey_right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
}

@media (min-width:1023px) {
    .owl-carousel.categoriesHome .owl-controls .owl-next {
        background-image: url(../images/icons/arrow_grey_right.png);
        background-position: center center;
        background-repeat: no-repeat
    }
}


/* Catalog static carousel */

/* BOX MONTH PRIZE */

.item-month-prize{
    margin-top:10px;
}

.owl-carousel.premi .owl-wrapper{
    height: 130px;
}

.owl-carousel.premi .red{
    margin-top: 25px;
    margin-left: 5px;
}

.owl-carousel.premi h5{
    margin-top: 10px;
    margin-bottom : 10px;
    margin-left: 5px;
}

.owl-carousel.premi h5 a{
    font-weight: 700;
}

.owl-carousel.premi p{
    font-style: oblique;
    font-weight: 600;
    font-size: 11px;
    margin-left: 5px;
}

.owl-carousel.premi .owl-page.active{
    height: 7px;
    width : 7px;
}
.owl-carousel.premi .owl-page{
    /*background-color: #D3D3D3;*/
    height: 7px;
    width : 7px;
    margin-top:0px;
    margin-right : 7px;
}

.partners .owl-carousel.premi .owl-controls .owl-prev {
    height: 145px;
    top: 0;
    left: -3%;
    width: 40px;
    float: left;
    position:absolute;
}

.partners .owl-carousel.premi .owl-controls .owl-next {
    height: 145px;
    top: 0;
    right: -3%;
    width: 40px;
    float: right;
    position:absolute;
}

.owl-carousel.premi .owl-pagination{
    padding-left : 50%;
}

.owl-carousel.premi .owl-controls {
    position: static;
    bottom: 20px;
    left: 20px;
    z-index: 9;
    text-align: left;
    height: 15px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

.owl-carousel.premi .owl-controls .owl-prev {
    background-image: url(../images/icons/arrow_grey_left.png);
    background-position: center left;
    background-repeat: no-repeat;
}

.owl-carousel.premi .owl-controls .owl-next {
    background-image: url(../images/icons/arrow_grey_right.png);
    background-position: center right;
    background-repeat: no-repeat;
}

@media (max-width: 1020px) {
    .partners .owl-carousel.premi .owl-controls .owl-prev {
        left: -2%;
    }
    .partners .owl-carousel.premi .owl-controls .owl-next {
        right: -2%;
    }
    /*    .item-month-prize img {
            width: 35%!important;
        }*/
}

@media (max-width: 480px) {
    .partners .owl-carousel.premi .owl-controls .owl-next {
        right: 0%;
    }
    .partners .owl-carousel.premi .owl-controls .owl-prev {
        left: 0%;
    }
    /*    .item-month-prize img {
            width: 80%!important;
        }*/
}
@media (max-width: 768px) {
    .partners .owl-carousel.premi .owl-controls .owl-prev {
        left: -1%;
    }
    .partners .owl-carousel.premi .owl-controls .owl-next {
        right: -1%;
    }
}
@media (max-width: 680px) {
    /*    .item-month-prize img {
            width: 60%!important;
        }*/
}

.box .list .item-month-prize img {
    width: auto;
    /* min-width: 100px; */
    height: auto;
    float: right;
}

/* BOX MONTH PRIZE */

/* BOXS YOU&ENI HOME */

.three-boxes .box365 {
    height:212px;
}
.three-boxes p {
    margin: 0 auto;
}
.three-boxes h2 {
    margin-bottom: 0px;
}
/*@media (min-width: 768px){
    .masonry-box.three-boxes{
        min-heigth: 708px;
    }
}*/

/* BOXS YOU&ENI HOME */


/* CATALOGO STATICO OPEN */
.ciccioprova{
    min-width: 188px;
}


.ciccio {
    margin: 5px 2px 5px 2px;
    text-align: center;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 180px;
    float: left;
    width: 20%;
}
@media (max-width: 968px) {
    .ciccio{
        width: 25%;
    }
}
@media (max-width: 768px) {
    .ciccio{
        width: 33%;
    }
}
@media (max-width: 590px) {
    .ciccio{
        width: 50%;
    }
}
@media (max-width: 410px) {
    .ciccio{
        width: 100%;
    }
}

.box.catalog-static-ciccio{
    text-align: center;
}


.owl-carousel.categoriesCatStatic {
    /*height: 111px;*/
    margin: auto;
    /*background-color: white;*/
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    /*    padding-left: 20px;
        padding-right: 20px;*/
}
.owl-carousel.categoriesCatStatic .owl-wrapper {
    left: 0px;
    display: block;
}

.owl-carousel.categoriesCatStatic a p {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #333333;
    opacity: 0.5;
    margin-top: 25px;
    padding: 0px 10px 5px 10px;
}
.owl-carousel.categoriesCatStatic .item {
    margin: 5px 2px 5px 2px;
    text-align: center;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 140px;
}
.owl-carousel.categoriesCatStatic .item:hover {
    cursor: pointer;
    background-color: #fed300;
}

.owl-carousel.categoriesCatStatic .item a:hover{
    text-decoration: none;
}
.owl-carousel.categoriesCatStatic .item .imgBox {
    display: block;
    width: auto;
    height: 75px;
    margin: 0 auto;
    padding-top: 25px; 
}
.owl-carousel.categoriesCatStatic .item img {
    display: block; 
    width: auto;
    height: 75px;
    max-width: 100%;
    max-height: 100%;
    padding-top: 25px;
    /* height: 52px; */
    margin: 0px auto;
}

.owl-carousel.categoriesCatStatic .item span{
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    color: #888;
}
.owl-carousel.categoriesCatStatic .item .btn {
    margin: 0 auto
}
.owl-carousel.categoriesCatStatic .owl-controls {
    max-width: none
}
.owl-carousel.categoriesCatStatic .owl-controls .owl-prev {
    position: absolute;
    width: 10px;
    height: 16px;
    /*top: -30px;*/
    top: -25px;
    left: -20px;
    background-image: url(../images/icons/arrow-left@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
}

@media (min-width:1023px) {
    .owl-carousel.categoriesCatStatic .owl-controls .owl-prev {
        background-image: url(../images/icons/arrow-left.png);
        background-position: center center;
        background-repeat: no-repeat
    }
}
.owl-carousel.categoriesCatStatic .owl-controls .owl-next {
    position: absolute;
    width: 10px;
    height: 16px;
    /*top: -30px;*/
    top: -25px;
    right: 25px;
    background-image: url(../images/icons/arrow-right@2x.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
}

@media (min-width:1023px) {
    .owl-carousel.categoriesCatStatic .owl-controls .owl-next {
        background-image: url(../images/icons/arrow-right.png);
        background-position: center center;
        background-repeat: no-repeat
    }
}


#subMenuCatalogoProva li {
    padding: 10px;
    height: 35px;
}

.accediButton {
    background-color: #fed300;
    color: #333;
    font-family: 'EniTabBold';
    font-size: 13px;
    line-height: normal;
    padding: 10px;
    text-align: center;
    width: 135px;
    height: 38px;
}

.btnClose {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: transparent url(../images/white_x.png) no-repeat;
}

.icon-arrow.buoniCatal:before {
    content: "\e638";
    color: white;
}

/*errore form contatti*/
.genericErrorListContatti {
    color: red;
    clear: both;
    display: block;
    max-width: 910px;
    overflow: hidden;
    padding-top : 20px;
    width: 100%;
    margin:20px auto;
    font-weight:normal !important;
}

/* LANDING TELL A FRIEND */

.tellafriendText {
    position: absolute;
    left: 5%;
    top: 35%;
    text-align: left;
    font-size: 50px;
    text-shadow: 1px 0px 0px gray;
    line-height: 1.2;
    font-family: EniTabLight;
}

@media only screen and (max-width: 1023px) {
    .tellafriendText {
        position: absolute;
        left: 5%;
        top: 35%;
        text-align: left;
        font-size: 40px;
    }
}
@media only screen and (max-width: 768px) {
    .tellafriendText {
        position: absolute;
        left: 5%;
        top: 35%;
        text-align: left;
        font-size: 4.9vw;
    }
}

.band.band-list.foglia p.servito-big-tell {
    font-size: 17px;
    line-height: 0px;
    font-family: "EniTabBold";
    color: #333;
    /*margin: 10px 0 0 0;*/
    padding: 0 5px;
    /*    text-decoration: underline;*/
}

.tellafriendBox .headTell{
    font-family: 'EniTabBold';
}

.tellafriendButton {
    margin-top: 10px;
    width: 300px;
    height: 40px;
    background-color: #fed300;
    color: #333;
    margin-bottom: 20px;
}
.footerTellAFriend{
    font-family: 'EniTabBold';
}

.tellafriendBoxPremi {
    height: 312px;
    padding:0px 10px 0px 10px;
    border-radius: 10%;
    margin-bottom: 15px;
}
.tellafriendBoxPremiTop {
    height: 178px;
    background-color: #e9e7dd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}
.tellafriendBoxPremiBottom{
    height: 140px;
    border-bottom-left-radius: 5px;
    background-color: #fafafa;
    border-bottom-style: groove;
    border-bottom-right-radius: 5px;
    border-bottom-color: #d6d6d6;
}

.tellafriendBoxPremiBottom h2 {
    font-size: 16px;
    width: 95%;
    /*    padding-left: 10px;
        padding-right: 10px;*/
    min-height: 36px;
}

.tellafriendBoxPremiBottom p {
    padding-left: 10px;
    padding-right: 10px;
}



.boxAppEni {
    margin-top: 40px;
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
}

.boxAppEni h2 {
    padding-top: 20px;
    font-size: 24px;
}
.boxAppEni p {
    font-size: 16px
}
.boxAppEni button {
    background-color: #fed300;
    font-size: 12px;
    text-transform: uppercase;
    /*font-family: 'EniTabBold';*/
    letter-spacing: 1px;
    min-width: 180px;
    color:#333;
    width: 100%;
    min-height: 45px;
}

@media (min-width: 768px ) {
    .boxAppAndroid{
        float:left;
    }
    .boxAppApple{
        float:right;
    }
}
.newAlitalia p {
    color:#333;
}
.bonusAlitalia p {
    color:#333;
}

/* LANDING PIT SHOP */
.pitShopText {
    position: absolute;
    left: 5%;
    top: 7%;
    text-align: left;
    font-size: 52px;
    text-shadow: 1px 0px 0px gray;
    line-height: 1;
    font-family: 'EniTabReg';
}

/* LANDING COCA COLA */
.cocaColaText {
    position: absolute;
    left: 5%;
    top: 10%;
    text-align: left;
    font-size: 40px;
    text-shadow: 1px 0px 0px gray;
    line-height: 1;
    font-family: 'EniTabReg';
}
.subpitShopText {
    font-size: 36px;
}

@media only screen and (max-width: 1023px) {
    .pitShopText {
        position: absolute;
        left: 5%;
        top: 7%;
        text-align: left;
        font-size: 40px;
    }
    .subpitShopText {
        font-size: 28px;
    }
}
@media only screen and (max-width: 768px) {
    .pitShopText {
        position: absolute;
        left: 5%;
        top: 7%;
        text-align: left;
        font-size: 4.9vw;
    }
    .subpitShopText {
        font-size: 3.4vW;
    }
}
@media only screen and (max-width: 1023px) {
    .cocaColaText {
        position: absolute;
        left: 5%;
        top: 10%;
        text-align: left;
        font-size: 30px;
    }
}
@media only screen and (max-width: 768px) {
    .cocaColaText {
        position: absolute;
        left: 5%;
        top: 10%;
        text-align: left;
        font-size: 3.8vw;
    }
}

.boxPitShop button {
    min-height: 46px;
    min-width: 170px;
    height: 100%;
    width: 100%;    
    letter-spacing: 1px;
    font-size: 12px;
    background-color: #fed300;
    color: #333;
}

.boxPitShop h2 {
    font-family: 'EniTabReg';
    font-size: 24px;
}

.boxPitShop img {
}
.boxPitShop .text-left {
    position: relative;
    top: 30px;
}
@media (max-width: 968px){
    .boxPitShop .text-left {
        position: relative;
        top: 0;
    }
}
@media (min-width: 768px){
    .boxPitShop img {
        float: left;
    }
}

/* LANDING DOPPI PUNTI */

.tableDoublePoints th {
    width: 25%;
}

.tableDoublePoints td span {
    color: #333;
}

.tableDoublePoints td {
}

.boxDoublePoints img {
    padding-top: 70px;
    padding-bottom: 55px;
}
.boxDoublePoints li {
    font-size: 16px;
    margin-bottom: 10px;
}

/* LANDING DHL */

.dhlText {
    position: absolute;
    left: 5%;
    top: 12%;
    letter-spacing: 1px;
    text-align: left;
    font-size: 52px;
    text-shadow: 1px 0px 0px gray;
    line-height: 1;
    font-family: 'EniTabReg';
}

@media only screen and (max-width: 1023px) {
    .dhlText {
        position: absolute;
        left: 5%;
        top: 12%;
        letter-spacing: 1px;
        text-align: left;
        font-size: 40px;
    }

}
@media only screen and (max-width: 768px) {
    .dhlText {
        position: absolute;
        left: 5%;
        top: 12%;
        letter-spacing: 1px;
        text-align: left;
        font-size: 4.9vw;
    }

}

.blockDHL {
    max-width: 275px;
    margin: 15px auto;
}

.blockDHL ul li {
    text-align: left;
    padding-left: 1em; 
    text-indent: -.7em;
    /*    list-style: outside disc;
        list-style-type: disc;
        display: list-item;*/

}

.blockDHL ul li:before {
    content: "• ";
    color: #ca0638;
}

.blockDHL img {
    height: 86px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* LANDING ALGIDA */
.algidaText {
    position: absolute;
    left: 5%;
    top: 13%;
    text-align: left;
    font-size: 40px;
    text-shadow: 1px 0px 0px gray;
    line-height: 1;
    font-family: 'EniTabReg';
}


@media only screen and (max-width: 1023px) {
    .algidaText {
        position: absolute;
        left: 5%;
        top: 13%;
        text-align: left;
        font-size: 30px;
    }
}
@media only screen and (max-width: 768px) {
    .algidaText {
        position: absolute;
        left: 5%;
        top: 13%;
        text-align: left;
        font-size: 3.7vw;
    }
}


.boxAlgida button {
    min-height: 46px;
    min-width: 170px;
    height: 100%;
    width: 100%;    
    letter-spacing: 1px;
    font-size: 12px;
    background-color: #fed300;
    color: #333;
}

.boxAlgida h2 {
    font-family: 'EniTabReg';
    font-size: 24px;
}

.boxAlgida img {
}
.boxAlgida .text-left {
    position: relative;
    top: 30px;
}
@media (max-width: 968px){
    .boxAlgida .text-left {
        position: relative;
        top: 0;
    }
}
@media (min-width: 768px){
    .boxAlgida img {
        float: left;
    }
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, input {  
        height: 32px;
        line-height: 30px;
        padding: 0 20px 
    } /* IE11 */
    *::-ms-backdrop, input[type="text"], input[type="email"], input[type="password"], textarea {
        background: #eaeaea;
        box-shadow: none;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        font-style: italic;
        font-size: 12px;
        padding: 0 20px;
        text-align: left;
    }/* IE11 */
}
.boxDieselImgs img {
    width: 100%;
    max-width: 128px;
    height: auto;
    margin: 20px auto;
}
.boxDieselImgs h4 {
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
}
.boxDieselImgs p {
    font-size: 14px;
    color: #333;
    font-style: italic;
    line-height: 18px;
}

.boxBorderYellowDieselPlus {
    border: 3px solid #fed300;
    /*height: 100px;*/
    margin-top: 50px;
    margin-bottom: 40px;
}

.boxBorderYellowDieselPlus p{
    font-size: 17.5px;
    color: #333;
    font-style: italic;
    line-height: 21px;
    margin-bottom: 10px!important;
}

.boxBorderYellowDieselPlus h4{
    margin-top: 15px; 
    margin-bottom: 5px;
    font-size: 19.5px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
}

.boxBorderYellowDieselPlus img {
    right: 10px;
    top: -20px;
    position: absolute;
}

.boxEniDieselPlus {}
.boxEniDieselPlus h2 {
    font-size: 28px;
    color: #333;
    line-height: 34px;
    font-family: 'EniTabBold';
}
.boxEniDieselPlus p {
    font-size: 16px;
    color: #333;
    line-height: 22px;    
}

.boxDieselImgsGrafici {
    margin: 0px 0px;
}
.boxDieselImgsGrafici img {
    width: 100%;
    margin: 20px 0px;
    max-width: 315px;
    height: auto;
}

/* BOX PARTNER EDICOLA */

.box .darkgray-edicola {
    background: #f0efe7;
    color: #666;
    min-height: 250px;
}

.box-edicola {
    background-color: #fafafa;
    padding: 25px;
    min-height: 250px;
}

.box-edicola-button {
    width: 230px;
    height: 48px;
}
@media (max-width:768px) {
    .box-edicola-button {
        width: 100%;
    }
}

.cluster_popup {
    height: 200px;
    overflow-y: scroll;
}

.cluster_popup label {
    margin: 2px 10px 10px 10px;
}

/* LANDING CARNET LAVAZZA */
.carnetLavazzaText {
    position: absolute;
    left: 5%;
    top: 7%;
    text-align: left;
    font-size: 45px;
    text-shadow: 1px 0px 0px gray;
    line-height: 1;
    font-family: 'EniTabReg';
}

@media only screen and (max-width: 1023px) {
    .carnetLavazzaText {
        position: absolute;
        left: 5%;
        top: 7%;
        text-align: left;
        font-size: 32px;
    }
}
@media only screen and (max-width: 768px) {
    .carnetLavazzaText {
        position: absolute;
        left: 5%;
        top: 7%;
        text-align: left;
        font-size: 3.9vw;
    }
}

/* BOX VENTIS */

.boxVentis {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.boxVentis img {
    width: 100%;
    height: auto;
    max-width: 275px;
}

.boxVentisSub {
    padding: 35px 20px;
    float: right;
}

.box-ventis-button {
    width: 230px;
    height: 48px;
}
@media (max-width:768px) {
    .box-ventis-button {
        width: 100%;
    }
}

.boxVentisSubTitle {
    font-family: 'EniTabReg';
    font-size: 30px;
    line-height: 30px;
    color:#ca0638;
}

.boxVentisSubSTitle {
    font-family: 'EniTabReg';
    font-size: 24px;
    line-height: 30px;
}

/*@media (min-width:768px) and (max-width:1050px) {
    .boxVentisSub {
        padding: 25px;
    }
}

@media (min-width:1280px) and (max-width:1366px) {
    .boxVentisSub {
        padding: 25px;
    }
}

@media (min-width:1051) and (max-width:1280px) {
    .boxVentisSub {
        padding: 40px 25px;
    }
}

@media (min-width:768px) and (max-width:801px) {
    .boxVentisSubSTitle {
        font-size: 22px;
    }
}*/

.boxTelethon {
    padding: 0px 15px 0px 15px;
    margin-bottom: 20px;
}

.divTelethon {
    background: #fafafa;
    padding: 30px 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #d2d2d2;
}

.textTelethon {
    padding-top: 50px;
    padding-bottom: 50px;
}
@media (max-width:767px) {
    .textTelethon {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.imgTelethon {
    padding-bottom: 10px;
    padding-top: 10px;
}

.divVentis {
    padding: 0px;
    height: auto;
    background: #fafafa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #d2d2d2;
}

.eurVentis {
    padding: 15px;
    height: 240px;
    background-color: #fed300; 
}

.pVentis {
    font-size: 18px;
    margin-bottom:30px;
}

.btnVentis {
    color : #333;
    width: 100%;
    max-width: 300px;
    height: 50px;
    background: #fed300;
    margin-bottom:30px;
    letter-spacing: 1px;
}

.pVentis.pEnjoy {
    font-size: 30px;
    font-weight: 600;
    color: #ca0638;
    font-family : 'EniTabBold';
}

.btnVentis.btnEnjoy {
    background: #ca0638;
    color: #fff;

}

.titleBorderYellow {
    top: 20px;
}

/*.boxBorderYellow {
    margin-top: 30px;
}*/

@media (min-width:1023px) {
    .titleBorderYellow {
        top: 20px;
    }

    /*    .boxBorderYellow {
            margin-top: 20px;
        }*/
}

.inputVentis {
    width: 100%;
    max-width: 320px;
    height: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #eaeaea;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    font-style: italic;
    font-size: 12px;
    text-align: left;
    padding: 10px 20px;
}

.pLabelVentis {
    color: #333!important;
    font-size: 13px!important;
    font-weight: 600!important;
    font-style: normal!important;
    opacity: 1!important;
}

.btnVentis.btnAccediVentis {
    background: #48b24d!important;
    max-width:175px;
    color: #fff!important;
    margin-top: 20px;
}

.otherCtaVentis {
    border-top: 1px solid #dbdbdb;
}

.pOtherCta {
    font-size: 22px;
    font-family: 'EniTabBold';
    color: #333;
    margin-top: 20px;
}

.btnVentis.btnAccediEnjoy {
    background: #ca0638;
    max-width: 175px;
    color: #fff;
    /*margin-top: 40px;*/
}

.btnVentis.btnRegistratiVentis {
    background: #444444;
    max-width: 175px;
    color: #fff;
    /*margin-top: 40px;*/
}

.modal-header.headerEnjoy {
    background: #fff!important;
    border:none!important;
}
.modal-header.headerEnjoy img{
    margin-top: 5px;
}

.alignRegVentis {
    text-align: left;
}

@media (max-width:768px) {
    .alignRegVentis {
        text-align: center;
    }
}

/* SLIDER CARBURANTI E COMBUSTIBILI */

.item-carburanti-combustibili{
    margin-top:0px;
}

.owl-carousel.carburanticombustibili .owl-wrapper{
    height: 130px;
}

.owl-carousel.carburanticombustibili .red{
    margin-top: 25px;
    margin-left: 5px;
}

.owl-carousel.carburanticombustibili h2{
    font-size: 22px;
    font-weight: normal;
    font-family: 'EniTabBold';
    margin-bottom: 0px!important;
}

.owl-carousel.carburanticombustibili p{
    padding-right: 40px;
    margin-top: 10px;
    margin-bottom: 14px!important;
}

.owl-carousel.carburanticombustibili .owl-page.active{
    height: 7px;
    width : 7px;
}
.owl-carousel.carburanticombustibili .owl-page{
    /*background-color: #D3D3D3;*/
    height: 7px;
    width : 7px;
    margin-top:0px;
    margin-right : 7px;
}

.partners .owl-carousel.carburanticombustibili .owl-controls .owl-prev {
    height: 145px;
    top: 20px;
    left: 0%;
    width: 40px;
    float: left;
    position: absolute;
}

.partners .owl-carousel.carburanticombustibili .owl-controls .owl-next {
    height: 145px;
    top: 20px;
    right: 0%;
    width: 40px;
    float: right;
    position:absolute;
}

.owl-carousel.carburanticombustibili .owl-pagination{
    display: none;
    padding-left: 47%;
}

@media (max-width:768px) {
    .owl-carousel.carburanticombustibili .owl-pagination{
        display: block;
    }
}

@media (min-width:768px)and (max-width : 851px) {
    .partners .owl-carousel.carburanticombustibili .owl-controls .owl-next {
        top: 50px;
    }
    .partners .owl-carousel.carburanticombustibili .owl-controls .owl-prev {
        top: 50px;
    }
    .item-carburanti-combustibili img {
        margin-top: 45px;
    }
}
@media (min-width:851px)and (max-width : 910px) {
    .partners .owl-carousel.carburanticombustibili .owl-controls .owl-next {
        top: 35px;
    }
    .partners .owl-carousel.carburanticombustibili .owl-controls .owl-prev {
        top: 35px;
    }
    .item-carburanti-combustibili img {
        margin-top: 25px;
    }
}


.owl-carousel.carburanticombustibili .owl-controls {
    position: static;
    bottom: 20px;
    left: 20px;
    z-index: 9;
    text-align: left;
    height: 15px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

.owl-carousel.carburanticombustibili .owl-controls .owl-prev {
    background-image: url(../images/icons/arrow_grey_left.png);
    background-position: center left;
    background-repeat: no-repeat;
}

.owl-carousel.carburanticombustibili .owl-controls .owl-next {
    background-image: url(../images/icons/arrow_grey_right.png);
    background-position: center right;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .partners .owl-carousel.carburanticombustibili .owl-controls .owl-prev {
        display: none;
    }
    .partners .owl-carousel.carburanticombustibili .owl-controls .owl-next {
        display : none;
    }
}

.item-carburanti-combustibili img {
    width: 100%;

    /* min-width: 100px; */
    height: auto;
    float: right;
}
@media (min-width: 768px) {
    .imgLPSlider.maxWidth {
        max-width: 430px;
        max-height: 178px;
    }
}

/*LANDING PIT SHOP */

.listItemPitShop {
    list-style-position: outside;
    font-size: 20px;
    color: #333333;
    font-family: 'EniTabReg';
    text-align: left;
    list-style-type: disc;
}

.listItemPitShop .bigItem {
    font-family: 'EniTabBold';
    font-size: 30px;    
}

/* LANDING COCA COLA NATALE */

.boxCocaColaNatale {

}

.imgCocaColaNatale {
    padding-top: 20px;
    padding-bottom: 20px;
    width: auto;
}

.leftBoxCocaColaNatale {
    background: #ebebeb;
}
.rightBoxCocaColaNatale {
    padding-top: 30px ;
    padding-bottom: 30px;
}
/* LANDING QR CODE */

.boxAccettatore {

}

.imgAccettatore {
    padding-top: 50px ;
    padding-bottom: 50px;
    width: auto;
}

.leftBoxAccettatore {
    background: #ebebeb;
}
.rightBoxAccettatore {
    padding-top: 50px ;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.listItemCocaColaNatale {
    margin-left: 20px;
    list-style: decimal;
    font-family: 'EniTabReg';
    font-size: 24px;
    color: #333;
}
.listItemAccettatore {
    margin-left: 20px;
    list-style: decimal;
    font-family: 'EniTabReg';
    font-size: 24px;
    color: #333;
}

/* footer upgrade */

/*.mobile .boxLogoFooter {
    padding-top: 10px;
    padding-left: 40px;
    padding-bottom: 10px;
}*/

.boxLogoFooter {
    font-size: 15px;
    min-height: 90px;
    padding-top: 15px;
    padding-left: 40px;
    padding-bottom: 15px;
}
.boxLogoFooter img {
    height: 55px;
}
.boxLogoFooter span {
    line-height: 90px;
    margin-left: 20px;
}

.boxInfoFooter {
    height: 100%
}
.boxInfoFooter div {

}

.boxLinkFooter ul{
    height: 50%;

}

.boxLinkFooter li {
    margin: 10px 0;
}

.firstLiLinkFooter {
    color: #FFD300;
    border-bottom: 1px solid #666666;
}
.secondLiLinkFooter a {
    color: #fff;
    font-weight: normal;
}

.boxLinkFooter div {

}
.newFooter {
    min-height: 470px;
    height: 100%;
    max-height: 640px;
    background: #000;
    color: #FFF;
    font-family: 'Source Sans Pro';
}

@media (max-width:1023px) {
    .boxLogoFooter img {
        margin-top: 15px;
    }
}

.more_fb_sf {
    float: right;
    width: 60px;
    position: relative;
    height: 65px;
}

.box_fb_sf {
    padding: 30px 20px;
}

.p_box_fb_sf {
    margin-left: 20px;
    margin-bottom: 0px;
    font-size: 20px;
    float: left;
    line-height: 20px;
    color: #333333;
    font-weight: 600;
}
.box_fb_sf_container {
    padding: 30px 20px!important;
}
.containerIconBoxFbSf {
    margin-top: 60px;
}
@media (max-width:767px) {
    .p_box_fb_sf{
        margin-left: 10px;
    }
    .box_fb_sf {
        padding: 30px 10px;
    }
    .containerIconBoxFbSf {
        margin-top: 0px;
    }
    .box_fb_sf_container {
        padding: 30px 20px 30px 5px!important;
    }
}


.span_box_fb_sf {
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
}

.overlaySlider {
    position: absolute;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 1;
    /*opacity: 0.15;*/
    width: 100%;
    border-radius: 10px;
    height: 100%;
}

.imgPromotionResize {
    width: 100%;
    height: auto;

}

/*NUOVA LANDING PRODOTTI*/

.box-prodotti-standard {
    height: auto;
    width: 100%;
    border-radius: 2px;
    background: #fafafa;
    display: inline-block;
    padding: 10px 30px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
}

.box-prodotti-tipologia.rosa {
    background-color: #ba1e64;
}
.box-prodotti-tipologia.grigio {
    background-color: #54525d;
}
.box-prodotti-tipologia.blu {
    background-color: #18479b;
}
.box-prodotti-tipologia.rosso {
    background-color: #ad2f0d;
}
.box-prodotti-tipologia.verde {
    background-color: #236877;
}
.box-prodotti-tipologia .label-tipologia {
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
}
.box-prodotti-standard h2 {
    font-size: 20px;
    line-height: 28px;
    width: 80%;
    text-transform: uppercase;
    font-weight: 600;
    color: #333333;
    margin-bottom: 15px;
    font-family: 'Source Sans Pro';
}
.box-prodotti-standard h4 {
    font-size: 16px;
    line-height: 22px;
    /*text-transform: uppercase;*/
    /*font-weight: 600;*/
    color: #333333;
    margin: 0px;
    width: 80%;
}
.box-prodotti-tipologia {
    height: 20px;
    width: 80px;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 20px;
}

.box-prodotti-freccia {
    position: absolute;
    /* top: 20px; */
    height: 0px;
    /*background: yellow;*/
    height: 110px;
    width: 70px;
    bottom: 20px;
    right: 10px;
    border-left: 1px solid #c7c7c7;
}

.box-prodotti-freccia .arrow-cont.grayArrow {
    top: 35px;
    margin: 0px;
    margin-left: 10px;
}

@media (min-width:767px) {
    .box-prodotti-standard {
        height: 220px;
    }
}
@media (min-width:967px) {
    .box-prodotti-standard {
        height: 175px;
    }
}
@media (min-width:1023px) {
    .box-prodotti-freccia .arrow-cont.grayArrow {
        top: 35px;
        margin: 0px;
        margin-left: -10px;
    }

    .box-prodotti-standard h4 {
        font-size: 16px;
        line-height: 22px;
        /*text-transform: uppercase;*/
        /*font-weight: 600;*/
        color: #333333;
        margin: 0px;
        width: 85%;
    }

    .box-prodotti-standard h2 {
        width: 85%;
    }
/*    .box-prodotti-standard {
        height: 150px;
    }*/

}

/*NUOVA LANDING PRODOTTI*/
.embed-video-container {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    height: 85%
}
/*.embed-video iframe{
    max-height: 274px;
}*/
.embed-video {
    position: relative;
    margin-top: 0px;
    overflow: hidden;
    height: 100%;
    border-radius: 5px 5px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    /*padding-bottom: 56.25%;*/
    /*padding-bottom: 31.25%;*/
}

.embed-video-landing-container {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
    height: 175px;
}
.embed-video-hp-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    height: 230px;
}
.frame-hp-enistationpiu {
    height: 230px;
}
/*.embed-video iframe{
    max-height: 274px;
}*/
.embed-video-landing {
    position: relative;
    margin-top: 0px;
    overflow: hidden;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    /*padding-bottom: 56.25%;*/
    /*padding-bottom: 31.25%;*/
}
@media (min-width: 480px) {
    .embed-video-landing-container {
        height: 200px;
    }
    .embed-video-hp-container {
        height: 265px;
    }
    .frame-hp-enistationpiu {
        height: 265px;
    }
}
@media (min-width: 640px) {
    .embed-video-landing-container {
        height: 300px;
    }
    .embed-video-hp-container {
        height: 395px;
    }
    .frame-hp-enistationpiu {
        height: 395px;
    }
}
@media (min-width: 768px) {
    .embed-video-landing-container {
        height: 430px;
    }
    .embed-video-hp-container {
        height: 600px;
    }
    .frame-hp-enistationpiu {
        height: 600px;
    }
}
/*ENISTATION PLUS*/

.youep-class button {
    color: grey!important;
    background-color: #333333!important;
}
.youep-class button:hover {
    color: grey!important;
    background-color: #333333!important;
}
.youep-class input {
    color: #333!important;
    background-color: #fff9dd!important;
    border: 1px solid #dbdbdb!important;
}
.youep-class input:hover {
    color: #333!important;
    background-color: #fff9dd!important;
    border: 1px solid #dbdbdb!important;
}
.youep-class-opacity {
    opacity: 0.5;
}
.youep-class-pointer-events {
    pointer-events:none;
}

.youep-password {
    color: #666666;
    font-size: 12px;
    line-height: 28px;
    font-style: italic;
    margin-top: -10px;
    margin-bottom: 0px;
}

.youep-genericErrorList {
    color:#f32938;
    font-size: 12px;
    line-height: 28px;
    margin-top: 8px;
    font-style: italic;
}

.youep-input-password.flag-ok input{
    border: 1px solid #00af4c!important;
    color: #00af4c;
    outline: none;
}

.youep-input-password.flag-ko input{
    border: 1px solid #f32938!important;
    color: #f32938;
    outline: none;
}

.youep-input-old-password.flag-ok input{
    border: 1px solid #00af4c!important;
    color: #00af4c;
    outline: none;
}

.youep-input-old-password.flag-ko input{
    border: 1px solid #f32938!important;
    color: #f32938;
    outline: none;
}

.youep-flag-ok {
    position: absolute;
    right: 25px;
    width: 17px;
    height: 14px;
    top: 17px;
}

.eni-station-piu-fixed-bar {
    background: #fed300;
    height: 80px!important;
    padding: 18px 20px!important;
    position: fixed;
    display: none;
    z-index: 9;
    bottom: 0px;
    width: 100%;
}
.eni-station-piu-block-fixed {
    background: #fed300;
    height: 80px!important;
    padding: 18px 20px!important;
    /*position: fixed;*/
    /*z-index: 9;*/
    bottom: 0px;
    width: 100%;
}
.eni-station-piu-block-fixed-mobile {
    background: #fed300;
    height: auto!important;
    padding: 10px!important;
    /*position: fixed;*/
    /*z-index: 9;*/
    bottom: 0px;
    width: 100%;
}
.eni-station-piu-fixed-mobile {
    background: #fed300;
    height: auto!important;
    padding: 10px!important;
    position: fixed;
    display: none;
    z-index: 9;
    bottom: 0px;
    width: 100%;
}

/*ENISTATION PLUS*/

#captcha_voucher > img {
    float: left;
}

/*CREARE BOX ALLINEATO VERTICALMENTE*/

.container-vertical-align-box {
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.24);
    background: #fafafa;
    color: #666;
    position: relative;
    overflow: hidden;
    display: table; 
    height: 150px;
    padding: 5px;
    margin-bottom: 30px;
    width: 100%;
    border-radius: 4px;
}
.vertical-align-box {
    display: table-cell;
    vertical-align: middle;
}

/* CARTE LINK LANDING */
.button-carte-link {
    display: inline-block;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 20px;
    margin: 10px 20px 0 0;
    text-decoration: none;
    font-weight: bold;
}

/* CSS GIFT NUOVA LOYALTY */

.box-dettaglio-generico-premio-1 h2 {
    font-family: 'eniexpregregular';
    font-size: 22px!important;
    line-height: 1.36!important;
    color: #4a4a4a;
}

.box-dettaglio-generico-premio-1 li {
    list-style-type: disc!important;
    list-style: inside!important;
}

.box-dettaglio-generico-premio-1 p strong {
    font-weight: 700;
}

.box-dettaglio-generico-premio-1 p {
    font-family: 'Open Sans';
    font-size: 14px!important;
    line-height: 1.36!important;
    color: #666666!important;
}

.h2-dettaglio-generico-premio-1 {
    font-family: 'eniexpregregular';
    font-size: 22px!important;
    line-height: 1.36!important;
    color: #333333;
    margin-top: 20px!important;
    margin-bottom: 10px!important;
}

.h2-dettaglio-generico-partner-1 {
    font-family: 'eniexpregregular';
    font-size: 36px!important;
    line-height: 0.83!important;
    color: #333333;
    margin-top: 20px!important;
    margin-bottom: 10px!important;
}

.box-dettaglio-premio-1 {
    padding: 15px 20px;
    min-height: 240px;
    background-color: #ffffff;
    border: solid 1px #ededed;
    margin-bottom: 20px!important;
}

.h2-dettaglio-premio-1 {
    font-family: 'EniExpBold';
    font-size: 14px!important;
    line-height: 2.14!important;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 20px!important;
}

.p-dettaglio-premi-1 {
    font-family: 'EniExpBold';
    font-size: 24px!important;
    line-height: 0.75!important;
    color: #4a4a4a;
}

.span-dettaglio-premi-1 {
    font-family: 'Source Sans Pro';
    font-size: 14px!important;
    line-height: 1.29;
    color: #4a4a4a;
}

.button-prize-new {
    width: 134px;
    height: 37px;
    font-family: 'Source Sans Pro';
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    color: #333333;
    border-radius: 4px;
    background: #fed302;
}

.p-premio-momentaneamente-1 {
    font-family: 'EniExpBold';
    font-size: 14px!important;
    line-height: 2.14!important;
    color: #333333;
}

.box-dettaglio-premio-1 input[type="text"] {
    background: #ffffff;
    min-width: 200px;
}

.span-categoria-partner-1 {
    font-family: 'eniexpregregular';
    font-size: 14px!important;
    line-height: 2.14!important;
    color: #c50d22!important;

}

/* END CSS GIFT NUOVA LOYALTY */

/*  CSS PREMIO NUOVA LOYALTY */
.box-img-prize-new {
    background: #ffffff;
    min-height: 160px;
    border: solid 1px #ededed;
}
.img-prize-new {
    margin-top: 30px;                            
}

.p-prize-new-point-3 {
    font-family: 'EniExpLight';
    font-size: 16px;
    line-height: 1.13;
    text-align: left;
    color: #4a4a4a;
    margin-top: 10px!important;
    margin-bottom: 0px!important;
}

.p-prize-new-point-4 {
    font-family: 'Source Sans Pro';
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #4a4a4a;
    margin-bottom: 0px!important;
}

.button-prize-new {
    width: 134px;
    height: 37px;
    font-family: 'Source Sans Pro';
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    color: #333333;
    border-radius: 4px;
    background: #fed302;
}

.box-prize-new{
    min-height: 380px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #ededed;
    box-shadow: 0 2px 0 0 #aaaaaa;
}

.prize-cost-value-new {
    padding: 15px 10px;
    display: inline-block;
    width: 100%;
}

.p-prize-new-1 {
    margin: 0px!important;
    font-family: 'EniExpBold';
    font-size: 18px;
    line-height: 0.78;
    letter-spacing: -1px;
    text-align: center;
    color: #ffffff;
}

.p-prize-new-point-1 {
    font-family: 'EniExpBold';
    font-size: 24px;
    line-height: 0.75;
    color: #4a4a4a;
    margin-bottom: 5px!important;
}

.p-prize-new-point-2 {
    font-family: 'EniExpBold';
    font-size: 14px;
    line-height: 1.29;
    color: #c50d22;
    margin-bottom: 0px!important;
}

.span-prize-new-1 {
    font-family: 'EniExpBold';
    font-size: 12px;
    line-height: 1.17;
}

.point-euro-value {
    width: 60px;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
    height: 60px;
    padding-top: 15px;
}                 

.point-euro-value.grey-one {
    background-color: #9b9b9b;
}

.point-euro-value.green-one {
    background-color: #47b24d;
}

.p-24-enitabbold {
    font-family: 'EniTabBold';
    font-size: 24px!important;
    color: #333333!important;
    margin-bottom: 0px;
}

.p-richiedibili-1 {
    font-family: 'Source Sans Pro';
    font-size: 14px!important;
    color: #333333!important;
}
.p-18-opensans {
    font-family: 'Open Sans';
    font-size: 18px!important;
    line-height: 1.06!important;
    color: #666666!important;
}
.p-18-opensans strong {
    color: #333333!important;
    font-weight: bold!important;
}
/* END CSS PREMIO NUOVA LOYALTY */

/* CSS AREA RISERVATA NUOVA LOYALTY */
.box-punti-ap {
    border-radius: 4px;
    background-color: #fed302;
    box-shadow: 0 2px 0 0 #aaaaaa;
    margin-bottom: 10px;
    min-height: 400px;
}

.box-punti-3-ap.grey-one {
    background-color: #fafafa;
}

.box-punti-3-ap.yellow-one {
    background-color: #fed302;
}

.box-punti-3-ap {
    border-radius: 4px;
    min-height: 300px;
    box-shadow: 0 2px 0 0 #aaaaaa;
    margin-bottom: 10px;
}

.internal-box-1-ap h1 { 
    font-family: 'EniExpBold';
    font-size: 40px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin: 0px;
}

.internal-box-1-ap {
    height: 80px;
    background-color: #ffd300;
    text-align: center;
    padding: 20px;
}
.internal-box-2-ap {
    padding: 15px 20px;
}
.internal-box-3-ap {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.p-ap-1 { 
    font-family: 'eniexpregregular';
    font-size: 16px!important;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.h1-ap-1 {
    font-family: 'EniExpBold';
    font-size: 40px!important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin: 0px!important;
    margin-bottom: 15px!important;
}

.h2-ap-1 {                                                                                
    font-family: 'EniTabBold';
    margin: 0px!important;
    font-size: 20px!important;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #444444!important;
    margin-bottom: 10px!important;
}
.button-ap-1.yellow-one {
    background: #fed302;
}
.button-ap-1.white-one {
    background: #ffffff;
}
.button-ap-1 {
    text-transform: uppercase;
    min-width: 140px;
    height: 40px;
    font-family: 'Source Sans Pro';
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    color: #333333;                            
}

.h2-ap-2 {
    font-family: 'eniexpregregular';
    font-size: 36px!important;
    line-height: 0.78!important;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
    margin-bottom: 20px!important;
}

.h2-ap-2 .span-ap {
    font-size: 20px!important;
    line-height: 1.4!important;
}          

.p-ap-2 {
    font-family: 'eniexpregregular';
    font-size: 12px!important;
    line-height: 1.5;
    text-align: left;
    color: #333333;
}

/* END CSS AREA RISERVATA NUOVA LOYALTY */
/* CSS PIU SERVITO NUOVA LOYALTY */

.container-vertical-align-box-piu-servito {
    position: relative;
    overflow: hidden!important;
    display: table!important; 
    height: 290px!important;
    width: 100%;
    padding: 10px 15px!important;
}

.p-piu-servito {
    font-family: 'Source Sans Pro';
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}

/* END CSS PIU SERVITO NUOVA LOYALTY */
/* CSS IPERSELF NUOVA LOYALTY */
.container-vertical-align-box-iperself {
    position: relative;
    overflow: hidden!important;
    display: table!important; 
    height: 180px!important;
    width: 100%;
    padding: 10px 15px!important;
}

.p-iperself {
    font-family: 'Source Sans Pro';
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}
/* END CSS IPERSELF NUOVA LOYALTY */
/* CSS RACCOLTA-PUNTI NUOVA LOYALTY */

.h1-28-enitabbold {
    font-family: 'EniTabBold';
    font-size: 28px;
    line-height: 1.07;
    color: #333333;
}

.p-20-eniexpregular-1-5 {
    font-family: 'eniexpregregular';
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
}

.partner-box-1 {
    width: 50%;
    padding: 5px;
    height: 105px;
    float: left;
}

.partner-box-2 {
    width: 100%; 
    height: 100%;
    background: #ffffff;
    padding: 15px 0px;
}

.box-raccolta-container-2-bis {
    height: 280px;
    background: #ffffff;
}
.box-raccolta-container-2-bis.active {
    height: 280px;
    background: #fed300;
}

.box-raccolta-container-mobile-2 {
    height: 100px;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    padding: 10px!important;
}
.box-raccolta-container-mobile-2.active{
    background: #fed300;
}

.box-raccolta-container-2 {
    height: 280px;
    /*border-radius: 5px 5px 0px 0px;*/
    border: 10px solid #aaaaaa;
    background: #ffffff;
    /*border-bottom: none;*/
    padding: 30px!important;
}
.box-raccolta-container-2.active{
    border-radius: 5px 5px 0px 0px;
    border: 10px solid #fed300;
    border-bottom: none;      
}

.box-raccolta-container-1.left {        
    padding-right: 0px; 
}
.box-raccolta-container-1.right {        
    padding-left: 0px; 
}

.padding-raccolta-punti-1 {
    padding: 0px!important;
}
.padding-raccolta-punti-2 {
    padding: 0px!important;
}
.padding-raccolta-punti-3 {
    padding: 0px!important;
}
@media (min-width: 1023px) {
    .box-raccolta-container-2-bis {
        height: 290px;
        background: #ffffff;
    }
    .box-raccolta-container-2-bis.active {
        height: 290px;
        background: #fed300;
    }
    .box-raccolta-container-2 {
        height: 280px;
        /*border-radius: 5px;*/
        border: 10px solid #aaaaaa;            
        background: #ffffff;        
        padding: 30px!important;
    }
    .box-raccolta-container-1.left {        
        padding-right: 10px; 
    }
    .box-raccolta-container-1.right {        
        padding-left: 10px; 
    }
    .box-raccolta-container-2.active{
        /*background: #fed300;*/
        border-radius: 5px 5px 0px 0px;
        border: 10px solid #fed300;
        border-bottom: none;        
    }
    .partner-box-1 {
        width: 12.5%;
        padding: 5px;
        height: 80px;
        float: left;
    }
    .padding-raccolta-punti-3 {
        padding: 0px!important;
    }
    .padding-raccolta-punti-2 {
        padding: 0px 20px!important;
    }
    .padding-raccolta-punti-1 {
        padding: 0px 30px!important;
    }
    .margin-raccolta-punti {
        margin: 0px 30px!important;
    }
}

@media (min-width: 767px) and (max-width: 1022px) {
    .partner-box-1 {
        width: 16.6%;
        padding: 5px;
        height: 80px;
        float: left;
    }
    .padding-raccolta-punti-1 {
        padding: 0px;
    }
    .padding-raccolta-punti-2 {
        padding: 0px;
    }
    .margin-raccolta-punti {
        margin: 0px;
    }

}

.box-raccolta-container-1 {
    padding: 0px;
    cursor: pointer;
}

.box-raccolta-container-3 {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 5px;
    height: 75px;
}

.h2-20-enitabbold {
    font-family: 'EniTabBold';
    font-size: 20px;
    margin: 0px;
}

.p-16-eniexpregular {
    font-family: 'eniexpregregular';
    font-size: 16px;
    margin: 0px;
}

.h2-24-enitabbold {
    font-family: 'EniTabBold';
    font-size: 24px!important;
    color: #333333;
    margin-bottom: 10px;
}

.p-20-eniexpregular strong {
    font-family: 'EniTabBold';        
}

.p-20-eniexpregular {
    font-family: 'eniexpregregular';
    font-size: 20px;
    color: #333333;
}

.h2-box-rp-1 {
    font-family: 'EniTabBold';   
    font-size: 20px!important;
    line-height: 1.5!important;
    letter-spacing: -0.1px!important;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #aaaaaa;
    margin: 0px!important;
}

.dim-14 {
    width: 14.16%;
}
.dim-15 {
    width: 15%;
}
.dim-16 {
    width: 16%;
}
.dim-17 {
    width: 17%;
}
.dim-27 {
    width: 27.8%;
}
.dim-28 {
    width: 28.33%;
}
.dim-13 {
    width: 13.9%;
}
.dim-20 {
    width: 20%;
}
.dim-21 {
    width: 21.25%;
}
.dim-40 {
    width: 40%;
}
.diim-63 {
    width: 63.75%;
}

.table-raccolta-punti td {
    background-color: #ffffff!important;
    border: 5px solid #fafafa!important;
    text-align: center!important;
    padding: 12px!important;
}
.table-raccolta-punti th {
    background-color: #eaeaea!important;
    border: 5px solid #fafafa!important;
    text-align: center!important;
}

.h2-box-table-1 {
    font-family: 'EniExpBold';
    font-size: 16px!important;
    color: #333333!important;
}

.p-box-table-1 {
    font-family: 'EniExpLight';
    font-size: 22px!important;
    color: #333333!important;
}

/* END CSS RACCOLTA PUNTI NUOVA LOYALTY */

.box-promo-cinema-1 {
    display: inline-grid;
    background-color: #fafafa;
    padding: 20px;
}
.box-promo-cinema-1 p{
    font-family: 'Open Sans';
    font-size: 18px!important;
    color: #000000!important;
}
.box-promo-cinema-1 p strong{
    font-weight: bold;
}
.box-promo-cinema-1 h1{
    font-family: 'EniTabBold';
    font-size: 48px!important;
    color: #000000!important;
}
@media (min-width: 1023px) {
    .box-promo-cinema-1 {
        padding: 20px 55px;;
    }
}

.container-vertical-align-box-diventa-gestore {
    position: relative;
    overflow: hidden!important;
    display: table!important; 
    height: auto;
    width: 100%;
    /*padding: 10px 15px!important;*/
}
.piu-punti-background {
    background-image: url('../images/icons/piu_punti_background.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center 315px;
}

.piu-premi-background {
    background-image: url('../images/icons/piu_premi_background.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center 315px;
}

.container-vertical-align-box-piva p {
    font-size: 14px;
    line-height: 21px;
    color: #333333;
    margin-bottom: 0px!important;
}
.container-vertical-align-box-piva {
    background: #fafafa;
    color: #666;
    position: relative;
    overflow: hidden;
    display: table; 
    min-height: 200px;
    padding: 20px;
    margin-bottom: 30px;
    width: 100%;
    border-radius: 4px;
}

.container-vertical-align-box-piva-1, .container-vertical-align-box-piva-2, .container-vertical-align-box-piva-3 {
    background: #fafafa;
    color: #666;
    position: relative;
    overflow: hidden;
    display: table; 
    padding: 0px 20px;
    margin-bottom: 30px;
    border-radius: 4px;
}

@media (min-width: 1023px) {
    .container-vertical-align-box-piva-1, .container-vertical-align-box-piva-2, .container-vertical-align-box-piva-3 {
        padding: 0px 50px;
    }
    .container-vertical-align-box-piva {
        padding: 0px 50px;
        min-height: 185px;
    }
}
@media (min-width: 767px) and (max-width: 1022px) {

    .piu-punti-background {
        background-position: center 220px;
    }

    .piu-premi-background {
        background-position: center 220px;
    }
    .container-vertical-align-box-piva {
        min-height: 185px;
    }
}