a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

@font-face {
    font-family: 'Gotham';
    src: url('../font/Gotham-Light.eot');
    src: url('../font/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Gotham-Light.woff') format('woff'),
        url('../font/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../font/Gotham-Medium.eot');
    src: url('../font/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Gotham-Medium.woff') format('woff'),
        url('../font/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../font/Gotham-Bold.eot');
    src: url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Gotham-Bold.woff') format('woff'),
        url('../font/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


body {
    background: #fff;
    font-size: 10px;
    line-height: 1.2em;
    font-family: 'Gotham', Arial, sans-serif;
    color: #6d6e71;
    font-weight: 300;
}

body * {
    margin: 0;
    padding: 0;
    outline: 0
}

body a {
    text-decoration: none;
    color: #ee7309
}

body b,
body strong {
    font-weight: 700
}

body em,
body i {
    font-style: italic
}

body .row.navigation,
body .row.secondary_navigation {
    border-bottom: 1px solid #dee0e6
}

body .row .inner_row {
    max-width: 1024px;
    margin: auto
}

body .row .inner_row:after {
    content: "";
    display: table;
    clear: both
}

body input,
body textarea {
    font-family: 'Gotham', Arial, sans-serif;
}

body footer {
    border-top: 1px solid #dee0e6;
    padding: 0 15px 60px;
    font-size: 1.4em;
    line-height: 1.4em;
    text-align: center
}

body footer .monocrome_logo {
    background: url(../images/monocrome_logo.png) center center no-repeat;
    display: block;
    width: 138px;
    height: 70px;
    margin: 0 auto 10px
}

body footer .monocrome_logo span {
    display: none
}
body footer a,
body .company_page footer a {
    color: #1d1d1b;
    font-weight: 700;
    font-style: normal;
}

body footer .inner_row {
    padding: 40px 0
}

:not(.iframe) .col_1 {
    width: 6.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_1 {
        width: 6.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_1 {
        width: 6.66667%
    }
}

:not(.iframe) .col_2 {
    width: 13.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_2 {
        width: 13.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_2 {
        width: 13.33333%
    }
}

:not(.iframe) .col_3 {
    width: 20%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_3 {
        width: 20%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_3 {
        width: 20%
    }
}

:not(.iframe) .col_4 {
    width: 26.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_4 {
        width: 26.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_4 {
        width: 26.66667%
    }
}

:not(.iframe) .col_5 {
    width: 33.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_5 {
        width: 33.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_5 {
        width: 33.33333%
    }
}

:not(.iframe) .col_6 {
    width: 40%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_6 {
        width: 40%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_6 {
        width: 40%
    }
}

:not(.iframe) .col_7 {
    width: 46.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_7 {
        width: 46.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_7 {
        width: 46.66667%
    }
}

:not(.iframe) .col_8 {
    width: 53.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_8 {
        width: 53.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_8 {
        width: 53.33333%
    }
}

:not(.iframe) .col_9 {
    width: 60%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_9 {
        width: 60%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_9 {
        width: 60%
    }
}

:not(.iframe) .col_10 {
    width: 66.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_10 {
        width: 66.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_10 {
        width: 66.66667%
    }
}

:not(.iframe) .col_11 {
    width: 73.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_11 {
        width: 73.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_11 {
        width: 73.33333%
    }
}

:not(.iframe) .col_12 {
    width: 80%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12 {
        width: 80%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12 {
        width: 80%
    }
}

:not(.iframe) .col_13 {
    width: 86.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_13 {
        width: 86.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_13 {
        width: 86.66667%
    }
}

:not(.iframe) .col_14 {
    width: 93.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_14 {
        width: 93.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_14 {
        width: 93.33333%
    }
}

:not(.iframe) .col_15 {
    width: 100%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_15 {
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_15 {
        width: 100%
    }
}

:not(.iframe) .col_12_small {
    width: 12.5%
}

:not(.iframe) .col_12_1 {
    width: 8.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_1 {
        width: 8.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_1 {
        width: 8.33333%
    }
}

:not(.iframe) .col_12_2 {
    width: 16.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_2 {
        width: 16.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_2 {
        width: 16.66667%
    }
}

:not(.iframe) .col_12_3 {
    width: 25%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_3 {
        width: 25%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_3 {
        width: 25%
    }
}

:not(.iframe) .col_12_4 {
    width: 33.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_4 {
        width: 33.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_4 {
        width: 33.33333%
    }
}

:not(.iframe) .col_12_5 {
    width: 41.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_5 {
        width: 41.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_5 {
        width: 41.66667%
    }
}

:not(.iframe) .col_12_6 {
    width: 50%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_6 {
        width: 50%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_6 {
        width: 50%
    }
}

:not(.iframe) .col_12_7 {
    width: 58.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_7 {
        width: 58.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_7 {
        width: 58.33333%
    }
}

:not(.iframe) .col_12_8 {
    width: 66.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_8 {
        width: 66.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_8 {
        width: 66.66667%
    }
}

:not(.iframe) .col_12_9 {
    width: 75%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_9 {
        width: 75%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_9 {
        width: 75%
    }
}

:not(.iframe) .col_12_10 {
    width: 83.33333%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_10 {
        width: 83.33333%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_10 {
        width: 83.33333%
    }
}

:not(.iframe) .col_12_11 {
    width: 91.66667%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_11 {
        width: 91.66667%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_11 {
        width: 91.66667%
    }
}

:not(.iframe) .col_12_12 {
    width: 100%
}

@media only screen and (max-width:640px) {
    :not(.iframe) .col_mobile_12_12 {
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    :not(.iframe) .col_tablet_12_12 {
        width: 100%
    }
}

.iframe .col_1 {
    width: 6.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_1 {
        width: 6.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_1 {
        width: 6.66667%
    }
}

.iframe .col_2 {
    width: 13.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_2 {
        width: 13.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_2 {
        width: 13.33333%
    }
}

.iframe .col_3 {
    width: 20%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_3 {
        width: 20%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_3 {
        width: 20%
    }
}

.iframe .col_4 {
    width: 26.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_4 {
        width: 26.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_4 {
        width: 26.66667%
    }
}

.iframe .col_5 {
    width: 33.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_5 {
        width: 33.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_5 {
        width: 33.33333%
    }
}

.iframe .col_6 {
    width: 40%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_6 {
        width: 40%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_6 {
        width: 40%
    }
}

.iframe .col_7 {
    width: 46.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_7 {
        width: 46.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_7 {
        width: 46.66667%
    }
}

.iframe .col_8 {
    width: 53.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_8 {
        width: 53.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_8 {
        width: 53.33333%
    }
}

.iframe .col_9 {
    width: 60%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_9 {
        width: 60%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_9 {
        width: 60%
    }
}

.iframe .col_10 {
    width: 66.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_10 {
        width: 66.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_10 {
        width: 66.66667%
    }
}

.iframe .col_11 {
    width: 73.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_11 {
        width: 73.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_11 {
        width: 73.33333%
    }
}

.iframe .col_12 {
    width: 80%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12 {
        width: 80%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12 {
        width: 80%
    }
}

.iframe .col_13 {
    width: 86.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_13 {
        width: 86.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_13 {
        width: 86.66667%
    }
}

.iframe .col_14 {
    width: 93.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_14 {
        width: 93.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_14 {
        width: 93.33333%
    }
}

.iframe .col_15 {
    width: 100%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_15 {
        width: 100%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_15 {
        width: 100%
    }
}

.iframe .col_12_small {
    width: 12.5%
}

.iframe .col_12_1 {
    width: 8.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_1 {
        width: 8.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_1 {
        width: 8.33333%
    }
}

.iframe .col_12_2 {
    width: 16.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_2 {
        width: 16.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_2 {
        width: 16.66667%
    }
}

.iframe .col_12_3 {
    width: 25%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_3 {
        width: 25%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_3 {
        width: 25%
    }
}

.iframe .col_12_4 {
    width: 33.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_4 {
        width: 33.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_4 {
        width: 33.33333%
    }
}

.iframe .col_12_5 {
    width: 41.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_5 {
        width: 41.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_5 {
        width: 41.66667%
    }
}

.iframe .col_12_6 {
    width: 50%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_6 {
        width: 50%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_6 {
        width: 50%
    }
}

.iframe .col_12_7 {
    width: 58.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_7 {
        width: 58.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_7 {
        width: 58.33333%
    }
}

.iframe .col_12_8 {
    width: 66.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_8 {
        width: 66.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_8 {
        width: 66.66667%
    }
}

.iframe .col_12_9 {
    width: 75%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_9 {
        width: 75%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_9 {
        width: 75%
    }
}

.iframe .col_12_10 {
    width: 83.33333%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_10 {
        width: 83.33333%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_10 {
        width: 83.33333%
    }
}

.iframe .col_12_11 {
    width: 91.66667%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_11 {
        width: 91.66667%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_11 {
        width: 91.66667%
    }
}

.iframe .col_12_12 {
    width: 100%
}

@media only screen and (max-width:600px) {
    .iframe .col_mobile_12_12 {
        width: 100%
    }
}

@media only screen and (max-width:640px) {
    .iframe .col_tablet_12_12 {
        width: 100%
    }
}

.select_menu {
    margin: 0 20px 20px
}

.select_menu select {
    display: block;
    height: 38px!important;
    width: 100%!important
}

.customSelect {
    font: 12px sans-serif;
    background: url(../images/icons/accordion_open.png) right center no-repeat #78287d;
    min-height: 38px;
    color: #fff;
    padding: 10px 40px 10px 10px;
    font-size: 15px;
    width: 100%!important;
    display: block;
    box-sizing: border-box
}

.customSelect.customSelectFocus,
.customSelect.customSelectHover {
    background-color: #ee7309
}

.customSelect .customSelectInner {
    display: inline-block;
    width: 100%!important
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.free_page {
    padding: 50px 0;
    font-size: 1.4em;
    line-height: 1.4em
}

.system_sms {
    font-size: 1.1em;
    line-height: 1.4em;
    margin: auto;
    padding: 20px;
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    border-radius: 5px
}

.system_sms h3 {
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0 0 5px
}

.system_sms .actions {
    padding: 20px 0 0
}

.system_sms .as_btn,
.system_sms button,
.system_sms input[type=submit] {
    display: inline-block;
    color: #fff;
    background: #78287d;
    font-size: 14px;
    line-height: 1.2em;
    padding: 5px 15px;
    border-radius: 5px;
    min-width: 105px;
    text-align: center;
    border: none
}

html#iframe_wrapper {
    overflow: hidden
}

.navigation .main_menu {
    text-align: center;
    padding: 10px 0
}

.navigation .main_menu a {
    text-transform: uppercase;
    font-size: 1.4em;
    height: 1.9em;
    line-height: 1.9em;
    color: #ee7309;
    font-weight: 700;
    display: inline-block;
    padding: 0 8px
}

.navigation .main_menu a.active,
.navigation .main_menu a:hover {
    background: #78287d;
    color: #fff;
    border-radius: 5px
}

.logo {
    display: block;
    width: 160px;
    height: 65px;
    margin: 15px auto 5px
}

.logo a {
    display: block;
    height: 100%;
    width: 100%;
    background: url(../images/seregnoe.png) center center no-repeat
}

.logo a span {
    display: none
}

.social_network {
    height: 35px;
    float: left;
    border-left: 1px solid #dee0e6
}

.social_network a {
    display: block;
    height: 100%;
    width: 35px;
    background: url(../images/social.png) no-repeat;
    float: left;
    border-right: 1px solid #dee0e6
}

.social_network a span {
    display: none
}

.social_network a.fb {
    background-position: 0 0
}

.social_network a.gp {
    background-position: -35px 0
}

.social_network a.tw {
    background-position: -70px 0
}

.social_network a.lk {
    background-position: -105px 0
}

.shortcuts {
    float: right;
    border-left: 1px solid #dee0e6
}

.shortcuts .site_search {
    float: left;
    height: 35px;
    border-right: 1px solid #dee0e6;
    padding: 0 15px 0 0
}

.shortcuts .site_search input {
    height: 35px;
    border: none;
    width: 160px;
    line-height: 21px;
    font-size: 1.4em;
    color: #888889;
    background: url(../images/utility.png) no-repeat;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: 0;
    padding: 7px 0 7px 30px;
    box-sizing: border-box
}

.shortcuts .site_search input:focus {
    color: #ee7309;
    outline: 0
}

.shortcuts .utility_links {
    height: 35px;
    float: left
}

.shortcuts .utility_links>a,
.shortcuts .utility_links>span {
    display: block;
    height: 100%;
    background: url(../images/utility.png) no-repeat;
    float: left;
    border-right: 1px solid #dee0e6;
    padding: 0 15px 0 35px;
    line-height: 35px;
    font-size: 1.4em;
    color: #888889
}

.shortcuts .utility_links>a.newsletter,
.shortcuts .utility_links>span.newsletter {
    background-position: 0 -35px
}

.shortcuts .utility_links>a.call_us,
.shortcuts .utility_links>span.call_us {
    background-position: 0 -70px
}

.shortcuts .utility_links>a.login,
.shortcuts .utility_links>span.login {
    background-position: 0 -105px
}

.shortcuts .utility_links>a.login a,
.shortcuts .utility_links>span.login a,
.shortcuts>a:hover {
    color: #ee7309
}

#sb-site {
    background: #fff
}

.sb-slidebar {
    border-right: 1px solid #dee0e6;
    background: #f4f4f3
}

.sb-slidebar .social_network {
    width: 100%;
    border-bottom: 1px solid #dee0e6;
    float: none
}

.sb-slidebar .social_network:after {
    content: "";
    display: table;
    clear: both
}

.sb-slidebar .logo {
    background: center #fff;
    margin: 0;
    padding: 20px 0;
    width: 100%
}

.sb-slidebar .shortcuts {
    float: none;
    padding: 20px
}

.sb-slidebar .shortcuts:after {
    content: "";
    display: table;
    clear: both
}

.sb-slidebar .shortcuts .site_search {
    float: none;
    width: 100%;
    padding: 20px 0;
    border: none
}

.sb-slidebar .shortcuts .site_search input {
    border: 1px solid #dee0e6;
    width: 100%
}

.sb-slidebar .shortcuts .utility_links a {
    float: none;
    width: 100%;
    border: none
}

.sb-slidebar .main_menu {
    clear: both;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #dee0e6
}

.sb-slidebar .main_menu a {
    display: block;
    text-transform: uppercase;
    font-size: 1.4em;
    height: 1.9em;
    line-height: 1.9em;
    color: #6d6e71;
    font-weight: 700;
    padding: 0 8px;
    margin: 2px 0
}

.sb-slidebar .main_menu a.active,
.sb-slidebar .main_menu a:hover {
    background: #78287d;
    color: #fff;
    border-radius: 5px
}

@media only screen and (max-width:1023px) {
    header {
        display: none
    }
    #sb-site {
        padding-top: 60px
    }
}

.mobile_navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #dee0e6;
    display: none;
    z-index: 999
}

@media only screen and (max-width:1023px) {
    .mobile_navigation {
        display: block
    }
}

.mobile_navigation .logo {
    display: block;
    width: 140px;
    height: 35px;
    margin: 10px 0
}

.mobile_navigation .logo a {
    background-size: contain
}

.mobile_navigation .menu-btn {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 8px;
    right: 20px;
    background: url(../images/icons/menu.svg) center no-repeat;
    cursor: pointer
}

.mobile_navigation .menu-btn span {
    display: none
}

.slideshow {
    position: relative;
    z-index: 1;
    background: #f2f5f9
}

.slideshow .progressbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 5px;
    background: #fff
}

.slideshow .progressbar span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #ee7309
}

.slideshow .slideshow_nav {
    display: none;
    max-width: 1024px;
    position: relative;
    z-index: 2;
    margin: auto
}

.slideshow .slideshow_nav a {
    position: absolute;
    display: block;
    width: 72px;
    height: 72px;
    background: center center/contain no-repeat;
    top: 155px;
    font-size: 0;
    text-indent: -999999px;
    overflow: hidden
}

.slideshow .slideshow_nav a.prev {
    left: 0;
    background-image: url(../images/icons/arrow_prev.png)
}

.slideshow .slideshow_nav a.next {
    right: 0;
    background-image: url(../images/icons/arrow_next.png)
}

@media only screen and (max-width:1023px) {
    .slideshow .slideshow_nav a {
        width: 50px;
        height: 50px;
        top: 105px
    }
}

@media only screen and (max-width:640px) {
    .slideshow .slideshow_nav a {
        width: 40px;
        height: 40px;
        top: 75px
    }
}

@media only screen and (max-width:480px) {
    .slideshow .slideshow_nav a {
        width: 30px;
        height: 30px;
        top: 55px
    }
}

.slideshow .slides {
    position: relative;
    list-style: none;
    overflow: hidden;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 2540px;
    margin: auto
}

.slideshow .slides li {
    -webkit-backface-visibility: hidden;
    position: relative;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
    height: 350px
}

.slideshow .slides li:first-child {
    position: relative;
    display: block;
    float: left
}

.slideshow .slides li img {
    display: block;
    border: 0;
    position: relative;
    margin: auto
}

@media only screen and (max-width:1023px) {
    .slideshow .slides li {
        height: 300px
    }
}

@media only screen and (max-width:640px) {
    .slideshow .slides li {
        height: 160px
    }
}

@media only screen and (max-width:480px) {
    .slideshow .slides li {
        height: 140px
    }
}

.slideshow+.inner_row {
    z-index: 2;
    position: relative
}

.homepage .offers_group .offer .front {
    border-bottom: none
}

.homepage .offers_group {
    position: relative
}

.homepage .offers_group .offer_nav {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0
}

.homepage .offers_group .offer_nav a {
    background: #fff
}

.homepage .offers_group .offer_nav a.active,
.homepage .offers_group .offer_nav a:hover {
    background-color: #fff
}

@media only screen and (max-width:640px) {
    .homepage .offers_group .offer_nav {
        position: relative;
        bottom: auto
    }
}

.homepage .bottom_group {
    border: 1px solid #dee0e6;
    border-top: none;
    border-bottom: none
}

.homepage .bottom_group:after {
    content: "";
    display: table;
    clear: both
}

.homepage .bottom_group .news_resume {
    /*width: 66.6%;*/
    width: 100%;
    height: 480px;
    overflow: auto;
    float: left;
    position: relative;
    display: block;
}

.homepage .bottom_group .news_resume .arrow_link,
.homepage .bottom_group .news_resume .news_list .news .toggle_btn,
.news_list .news .homepage .bottom_group .news_resume .toggle_btn {
    position: absolute;
    right: 20px;
    top: 20px
}

@media only screen and (max-width:640px) {
    .homepage .bottom_group .news_resume .arrow_link,
    .homepage .bottom_group .news_resume .news_list .news .toggle_btn,
    .news_list .news .homepage .bottom_group .news_resume .toggle_btn {
        top: 40px
    }
}

@media only screen and (max-width:640px) {
    .homepage .bottom_group .news_resume {
        height: 340px
    }
}

.homepage .bottom_group .extra_link {
    float: right;
    width: 33.3%;
    height: 170px
}

.homepage .bottom_group .extra_link .box_link {
    width: 50%;
    float: left;
    box-sizing: border-box;
    border-left: 1px solid #dee0e6;
    position: relative;
    height: 100%;
    padding-top: 100px;
    color: #78287d;
    font-size: 1.6em;
    line-height: 1.3em;
    font-style: normal;
    font-weight: 400
}

.homepage .bottom_group .extra_link .box_link span {
    display: inline-block;
    padding: 0 20px
}

.homepage .bottom_group .extra_link .box_link:before {
    content: '';
    border-top: 100px solid #78287d;
    border-right: 100px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.homepage .bottom_group .extra_link .box_link:hover {
    color: #ee7309
}

.homepage .bottom_group .extra_link .box_link:hover:before {
    border-top: 100px solid #ee7309;
    border-right: 100px solid transparent
}

.homepage .bottom_group .extra_link .box_link.EL,
.homepage .bottom_group .extra_link .box_link.ET,
.homepage .bottom_group .extra_link .box_link.orange {
    color: #ee7309
}

.homepage .bottom_group .extra_link .box_link.EL:before,
.homepage .bottom_group .extra_link .box_link.ET:before,
.homepage .bottom_group .extra_link .box_link.orange:before {
    border-top: 100px solid #ee7309;
    border-right: 100px solid transparent
}

.homepage .bottom_group .extra_link .box_link.EL:hover,
.homepage .bottom_group .extra_link .box_link.ET:hover,
.homepage .bottom_group .extra_link .box_link.orange:hover {
    color: #78287d
}

.homepage .bottom_group .extra_link .box_link.EL:hover:before,
.homepage .bottom_group .extra_link .box_link.ET:hover:before,
.homepage .bottom_group .extra_link .box_link.orange:hover:before {
    border-top: 100px solid #78287d;
    border-right: 100px solid transparent
}

@media only screen and (max-width:1024px) {
    .homepage .bottom_group .news_resume {
        width: 66.6%
    }
    .homepage .bottom_group .extra_link {
        width: 33.3%
    }
}

@media only screen and (max-width:1023px) {
    .homepage .bottom_group .news_resume {
        width: 100%;
        border-bottom: 1px solid #dee0e6
    }
    .homepage .bottom_group .extra_link {
        width: 100%;
        height: auto
    }
    .homepage .bottom_group .extra_link .box_link {
        height: 100px;
        padding: 0
    }
    .homepage .bottom_group .extra_link .box_link span {
        padding: 35px 25px 0 90px
    }
}

@media only screen and (max-width:480px) {
    .homepage .bottom_group .extra_link .box_link {
        width: 100%;
        border: none;
        border-bottom: 1px solid #dee0e6
    }
}

.homepage .center_group {
    border: 1px solid #dee0e6;
    border-top: none;
    border-bottom: none
}

.homepage .center_group:after {
    content: "";
    display: table;
    clear: both
}

.homepage .center_group .promo_banner_double {
    float: left;
    width: 66.6%
}

@media only screen and (max-width:1023px) {
    .homepage .center_group .promo_banner_double {
        width: 100%
    }
}

.homepage .center_group .promo_banner_double .promo_banner {
    float: none;
    width: 100%
}

.homepage .center_group .promo_banner_double .bolletta {
    color: #212121;
    font-size: 2.6em;
    line-height: 1.1em;
    font-style: normal;
    font-weight: 500;
}

@media only screen and (max-width:640px) {
    .homepage .center_group .promo_banner_double .bolletta {
        font-size: 2.2em;
        line-height: 1.2em
    }
}

@media only screen and (max-width:480px) {
    .homepage .center_group .promo_banner_double .bolletta {
        font-size: 1.8em;
        line-height: 1.2em
    }
}

.promo_banner_col {
    width: 50%;
    float: left;
    text-align: center;
    background-color: #f8f7f7;
    height: 90px;
    box-sizing: border-box;
    padding: 15px;
}
.promo_banner_small {
    display: inline-block;
    text-align: left;
}
@media only screen and (max-width:640px) {
    .promo_banner_col {
        width: 100%;
        float: left;
        height: auto;
    }
    .promo_banner_col:first-child {
        padding-bottom: 0;
    }
}
.btn {
    display: block;
    margin: 0 auto;
    border: 2px solid #ee7309;
    border-radius: 5px;
    min-height: 50px;
    line-height: 50px;
    text-align: left;
    color: #ee7309;
    font-weight: 500;
    background-position: 95% center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: auto 70%;
    box-sizing: border-box;
    padding: 0 90px 0 15px;
    font-size: 14px;
    font-style: normal!important;
}
.btn-bolletta {
    background-image: url(../images/offerte/icons/energia_elettrica.png);
    padding: 0 70px 0 15px;
}
.btn-tutela {
    background-image: url(../images/logo_tutela_simile.png);   
}




.homepage .center_group .promo_banner_small {
    position: relative;
    cursor: pointer;
    z-index: 1000;
    overflow: hidden;
    padding: 30px 150px 10px 60px;
    min-height: 50px;
    
}

.homepage .center_group .promo_banner_small .image_list {
    position: absolute;
    right: 20px;
    top: 22px
}

.homepage .center_group .promo_banner_small .image_list:after {
    content: "";
    display: table;
    clear: both
}

.homepage .center_group .promo_banner_small .image_list img {
    float: right;
    margin: 0 0 0 10px
}

.homepage .center_group .promo_banner_small:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 145px solid #ee7309;
    border-right: 145px solid transparent;
    z-index: 3;

    /*seregno energia*/
    display: none;
}

@media only screen and (max-width:480px) {
    .homepage .center_group .promo_banner_small {
        padding: 50px 20px 60px 80px
    }
    .homepage .center_group .promo_banner_small:before {
        border-top: 100px solid #ee7309;
        border-right: 100px solid transparent
    }
    .homepage .center_group .promo_banner_small .image_list {
        bottom: 20px;
        top: auto
    }
    .homepage .center_group .promo_banner_small .image_list img {
        width: 40px
    }
}

.homepage .center_group .promo_banner {
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    width: 66.6%;
    height: 350px
}

.homepage .center_group .promo_banner .teaser .text {
    padding: 130px 0 0 90px
}

.homepage .center_group .promo_banner .teaser span {
    font-size: 3em;
    font-weight: bold;
}

@media only screen and (max-width:1023px) {
    .homepage .center_group .promo_banner {
        width: 100%;
        height: 240px
    }
    .homepage .center_group .promo_banner .teaser .text {
        padding: 90px 0 0 90px
    }
    .homepage .center_group .promo_banner .teaser span {
        font-size: 2.1em
    }
}

@media only screen and (max-width:640px) {
    .homepage .center_group .promo_banner {
        height: auto
    }
    .homepage .center_group .promo_banner .teaser .text {
        padding: 60px 0 20px 60px
    }
    .homepage .center_group .promo_banner .teaser span {
        font-size: 2.1em
    }
}

/* BitGiorgio */
.homepage .center_group .promo_banner_sx {
    float: left;
    width: calc(100% - 150px);
    box-sizing: border-box;
    height: 90px;
    padding-right: 80px;
}
.homepage .center_group .promo_banner_double .promo_banner_sx .bolletta {
    font-size: 2em;
    line-height: 1.7em;
}
.homepage .center_group .promo_banner_dx {
    float: right;
    width: 150px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    height: 90px;
    padding: 10px;
}
.homepage .center_group .promo_banner_dx .logo_tutela_simile {
    width: auto;
    float: right;
    border: 2px solid #ee7309;
    /*border-radius: 5px;*/
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
}
@media only screen and (max-width: 640px) {
    .homepage .center_group .promo_banner_double .promo_banner_sx .bolletta {
        font-size: 1.6em;
        line-height: 1.3em;
    }
}
@media only screen and (max-width: 480px) {
    .homepage .center_group .promo_banner_sx {
        width: 100%;
    }
    .homepage .center_group .promo_banner_dx {
        background: #f8f7f7;
        border: 3px solid #f8f7f7;
        width: 100%;
    }
    .homepage .center_group .promo_banner_dx img {

    }
}


.search_box {
    position: relative;
    box-sizing: border-box;
    float: right;
    width: 33.3%;
    height: 440px;
    padding: 165px 0 0;
    background: url(../images/search_bg.png) top left no-repeat #f8f7f7
}

.search_box .error {
    position: absolute;
    max-width: 200px;
    color: #a14644;
    border: 1px solid #a14644;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 1.2em;
    top: 120px;
    right: 20px;
    background: #dbb1b3;
    display: block
}

@media only screen and (max-width:1023px) {
    .search_box .error {
        right: auto;
        left: 100px;
        top: 228px
    }
}

@media only screen and (max-width:640px) {
    .search_box .error {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        max-width: 100%;
        box-sizing: border-box;
        margin: 20px
    }
}

.search_box .box_title {
    position: absolute;
    top: 0;
    left: 0;
    color: #78287d;
    padding: 15px 20px;
    width: 120px;
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.3em;

    /*seregno energia*/
    display: none;
}

.search_box .box_title span {
    position: relative;
    z-index: 2
}

.search_box .box_title:before {
    content: '';
    border-top: 60px solid #78287d;
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.search_box form {
    padding: 25px 15px 10px
}

.search_box form input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #cdd3d8;
    border-radius: 5px;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 10px 15px 10px 30px;
    margin: 0 0 10px;
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #333
}

.search_box form input[type=email] {
    background-image: url(../images/icons/form_email.png)
}

.search_box form input[type=password] {
    background-image: url(../images/icons/form_lock.png)
}

.search_box form::-webkit-input-placeholder {
    font-style: italic
}

.search_box form:-moz-placeholder {
    font-style: italic
}

.search_box form::-moz-placeholder {
    font-style: italic
}

.search_box form:-ms-input-placeholder {
    font-style: italic
}

.search_box form button {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 1.2em
}

.search_box .submit_options {
    padding: 5px 0 25px
}

.search_box .submit_options:after {
    content: "";
    display: table;
    clear: both
}

.search_box .submit_options a {
    display: block;
    font-size: 1.2em;
    margin: 10px 0;
    color: #ee7309;
    font-style: normal;
    font-weight: 400
}

@media only screen and (max-width:1024px) {
    .search_box {
        width: 33.3%;
        height: auto;
        padding: 165px 0 0;
        background: url(../images/search_bg.png) left top no-repeat #f2f5f9
    }
}

@media only screen and (max-width:1023px) {
    .search_box {
        width: 100%;
        height: auto;
        padding: 20px 0 10px 340px;
        background-position: 90px center
    }
}

@media only screen and (max-width:640px) {
    .search_box {
        width: 100%;
        height: auto;
        padding: 165px 0 20px;
        background-position: left 20px
    }
}

.page_header {
    border: 1px solid #dee0e6;
    border-top: none;
    margin: 0 0 20px;
    position: relative;
    height: 200px;
    overflow: hidden;
    z-index: 1
}

.page_header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 200px solid #fff;
    border-right: 220px solid transparent;
    z-index: 2
}

.page_header img {
    display: block;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.page_header.with_logo .contratto_logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 140px;
    height: auto;
    min-width: 0;
    z-index: 3
}

.page_header h2 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2em;
    line-height: 1.2em;
    color: #78287d;
    font-weight: 700;
    z-index: 3;
    padding: 20px
}

.page_header h2 span {
    color: #ee7309
}

.page_header span.subtitle {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1.2em;
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 3
}

.page {
    padding: 0 15px
}

.page.homepage {
    padding: 0
}

@media only screen and (max-width:768px) {
    .page {
        padding: 0
    }
}

.news_list .news .page a.toggle_btn,
.page .news_list .news a.toggle_btn,
.page a.arrow_link {
    color: #6d6e71;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.1em;
    background: url(../images/arrow_orange_right.png) left center no-repeat;
    padding: 0 0 0 30px;
    display: inline-block;
    letter-spacing: 1px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .news_list .news .page a.toggle_btn,
    .page .news_list .news a.toggle_btn,
    .page a.arrow_link {
        font-size: 14px
    }
}

.page .section_title {
    font-size: 2em;
    line-height: 1.3em;
    display: block;
    font-weight: 700;
    padding: 5px 20px 10px;
    border-bottom: 1px solid #dee0e6;
    margin: 0 0 10px;
    position: relative
}

@media only screen and (max-width:768px) {
    .page .section_title {
        padding-right: 60px
    }
}

.page .section_title .menu-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    display: none;
    top: 2px;
    right: 20px;
    background: url(../images/icons/menu_inner.svg) center no-repeat;
    cursor: pointer
}

.page .section_title .menu-btn span,
html body #sb-site .page .tablet_portrait_break {
    display: none
}

@media only screen and (max-width:768px) {
    .page .section_title .menu-btn {
        display: block
    }
}

@media only screen and (max-width:768px) {
    html body #sb-site .page .tablet_portrait_break {
        display: block
    }
}

.page_subscribe h4 {
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0 0 10px
}

.page_subscribe:invalid {
    box-shadow: none
}

.page_subscribe .apply {
    position: relative;
    z-index: 2
}

.page_subscribe .reminder {
    position: relative;
    z-index: 2;
    padding: 0 0 25px
}

.page_subscribe input[type=number]::-webkit-inner-spin-button,
.page_subscribe input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.page_subscribe input[type=number] {
    -moz-appearance: none;
    -moz-appearance: textfield
}

.page_subscribe form button,
.page_subscribe form input,
.page_subscribe form select,
.page_subscribe form textarea {
    font-family: 'Gotham', Arial, sans-serif;
}

.page_subscribe form input[type=date],
.page_subscribe form input[type=email],
.page_subscribe form input[type=number],
.page_subscribe form input[type=password],
.page_subscribe form input[type=search],
.page_subscribe form input[type=tel],
.page_subscribe form input[type=text] {
    height: 36px
}

.page_subscribe form input[type=date],
.page_subscribe form input[type=email],
.page_subscribe form input[type=number],
.page_subscribe form input[type=password],
.page_subscribe form input[type=search],
.page_subscribe form input[type=tel],
.page_subscribe form input[type=text],
.page_subscribe form textarea {
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: 0;
    padding: 7px;
    font-size: 1.3em;
    line-height: 1.3em;
    border: 2px solid #c6ccd3;
    color: #6d6e71;
    display: inline-block;
    box-sizing: border-box
}
.servizio-tutela{
    width: 100%;
    color: grey;
    border: solid #ee7312;
    padding: 10px !important;
    background-color: #f8f7f7;
    border-radius: 5px;
    color: grey;
}

.page_subscribe form input[type=date]:focus,
.page_subscribe form input[type=email]:focus,
.page_subscribe form input[type=number]:focus,
.page_subscribe form input[type=password]:focus,
.page_subscribe form input[type=search]:focus,
.page_subscribe form input[type=tel]:focus,
.page_subscribe form input[type=text]:focus,
.page_subscribe form textarea:focus {
    border: 2px solid #afb7c1;
    outline: 0;
    color: #6d6e71
}

.page_subscribe form button,
.page_subscribe form input[type=submit] {
    -webkit-appearance: none;
    border-radius: 5px;
    box-shadow: 0;
    background: #78287d;
    color: #fff;
    padding: 7px 30px;
    font-size: 1.4em;
    line-height: 1.3em;
    display: inline-block;
    border: 2px solid transparent
}

.page_subscribe form button:hover,
.page_subscribe form input[type=submit]:hover {
    background: #008ecf
}

.page_subscribe form::-webkit-input-placeholder {
    color: #b4bbc2
}

.page_subscribe form::-moz-placeholder {
    color: #b4bbc2;
    opacity: 1
}

.page_subscribe form::-ms-input-placeholder {
    color: #b4bbc2
}

.page_subscribe form .actions {
    padding: 40px 0;
    text-align: center
}

.page_subscribe form .actions button {
    margin: 0 20px
}

.page_subscribe form button[type=submit],
.page_subscribe form input[type=submit] {
    color: #fff;
    background: #78287d;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    font-weight: 400;
    font-style: normal
}

.page_subscribe form .form_row {
    margin: 0 -12px
}

.page_subscribe form .form_row:after {
    content: "";
    display: table;
    clear: both
}

.page_subscribe form .form_row .backup_label {
    position: absolute;
    bottom: 100%;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #c6ccd3
}

.page_subscribe form .form_row.highlighted,
.page_subscribe form .form_row.notes {
    padding: 20px 5px 0;
    margin: 0 -20px 20px
}

.page_subscribe form .form_row.highlighted .form_el,
.page_subscribe form .form_row.notes .form_el {
    padding: 0 12px 20px
}

.page_subscribe form .form_row #DivDatiClienteCodFiscPropr,
.page_subscribe form .form_row#intestatarioIBAN,
.page_subscribe form .form_row.indirizzoFornitura {
    display: none
}

.page_subscribe form .form_row .form_el {
    float: left;
    padding: 0 12px 30px;
    box-sizing: border-box;
    position: relative
}

.page_subscribe form .form_row .form_el input[type=date],
.page_subscribe form .form_row .form_el input[type=email],
.page_subscribe form .form_row .form_el input[type=number],
.page_subscribe form .form_row .form_el input[type=password],
.page_subscribe form .form_row .form_el input[type=search],
.page_subscribe form .form_row .form_el input[type=tel],
.page_subscribe form .form_row .form_el input[type=text],
.page_subscribe form .form_row .form_el textarea {
    width: 100%;
    display: block
}

.page_subscribe form .form_row .form_el>a {
    font-size: 1.4em;
    line-height: 1.2em;
    position: absolute;
    top: 40px;
    right: 12px
}

.page_subscribe form .form_row .form_el .error {
    top: 10px;
    right: 16px
}

.page_subscribe form .form_row .form_el .multiple_elements {
    margin: 0 -6px
}

.page_subscribe form .form_row .form_el .multiple_elements .form_el {
    padding: 0 6px
}

.page_subscribe form .form_row>.radio_group {
    padding-left: 12px;
    padding-right: 12px
}

.page_subscribe form fieldset {
    border-top: 2px solid #c6ccd3
}

.page_subscribe form fieldset.form_group {
    padding: 25px 20px 20px
}

.page_subscribe form fieldset p {
    padding: 0 0 20px
}

.page_subscribe form .radio_group {
    padding: 10px 0;
    position: relative
}

.page_subscribe form .radio_group:after {
    content: "";
    display: table;
    clear: both
}

.page_subscribe form .radio_group .info_popup {
    top: 0;
    left: 0;
    right: auto
}

.page_subscribe form .radio_group .info_popup.error_popup {
    top: -10px
}

.page_subscribe form .radio_group .info_popup .popup {
    left: -22px;
    right: auto
}

.page_subscribe form .radio_group .info_popup .popup:after {
    left: 10px;
    right: auto
}

.page_subscribe form .radio_group label,
.page_subscribe form .radio_group legend {
    float: left;
    font-size: 1.4em;
    line-height: 1.3em;
    padding: 0 15px 0 0
}

.page_subscribe form .radio_group legend.double_legend {
    line-height: 1.2em;
    margin-top: -7px;
    padding: 0 20px 0 0
}

.page_subscribe form .radio_group legend.double_legend span {
    display: block
}

@media only screen and (max-width:640px) {
    .page_subscribe form .radio_group legend.double_legend {
        margin-top: 0
    }
    .page_subscribe form .radio_group legend.double_legend span {
        display: inline
    }
}

.page_subscribe form .radio_group label {
    padding-left: 20px;
    position: relative
}

.page_subscribe form .radio_group label input {
    position: absolute;
    top: 2px;
    left: 0
}

@media only screen and (max-width:640px) {
    .page_subscribe form .radio_group label,
    .page_subscribe form .radio_group legend {
        width: 100%;
        box-sizing: border-box
    }
    .page_subscribe form .radio_group legend,
    .page_subscribe form .radio_group legend.double_legend {
        padding-bottom: 10px
    }
    .page_subscribe form .radio_group label {
        padding-bottom: 5px
    }
}

.page_subscribe .highlighted,
.page_subscribe .notes {
    background: #e6e6e6;
    margin: 0 -20px;
    border: 2px solid #62abd2;
    padding: 20px
}

.page_subscribe .notes p {
    margin: 4px 0
}

.page_subscribe .form_group {
    padding: 0 20px 25px
}

.page_subscribe .form_group:first-of-type {
    border-top: 0
}

.page_subscribe .form_group h3 {
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.4em;
    padding: 0 0 20px;
    font-weight: 700
}

.page_subscribe .form_group ol,
.page_subscribe .form_group p,
.page_subscribe .form_group ul {
    font-size: 1.4em;
    line-height: 1.4em
}

.page_subscribe ul.checks {
    padding: 0 0 20px
}

.page_subscribe ul.checks li {
    position: relative;
    padding: 0 0 10px 22px
}

.page_subscribe ul.checks li:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../images/check.png) center center no-repeat #78287d;
    border-radius: 5px
}

.page_subscribe .selectize-control.single .selectize-input,
.page_subscribe .selectize-control.single .selectize-input.focus,
.page_subscribe .selectize-control.single .selectize-input.input-active {
    font-size: 10px;
    padding: 8px;
    border: none;
    margin: 0;
    box-shadow: none
}

.page_subscribe .selectize-control.single .selectize-input .item,
.page_subscribe .selectize-control.single .selectize-input.focus .item,
.page_subscribe .selectize-control.single .selectize-input.input-active .item {
    font-size: 1.3em;
    line-height: 1.3em
}

.page_subscribe .selectize-control.single .selectize-input input,
.page_subscribe .selectize-control.single .selectize-input.focus input,
.page_subscribe .selectize-control.single .selectize-input.input-active input {
    font-size: 1.4em;
    line-height: 1.3em;
    height: auto
}

.page_subscribe .selectize-control.single .selectize-input.dropdown-active::after,
.page_subscribe .selectize-control.single .selectize-input.focus.dropdown-active::after,
.page_subscribe .selectize-control.single .selectize-input.input-active.dropdown-active::after {
    background: url(../images/select_close.png) center center no-repeat;
    margin-top: -5px
}

.page_subscribe .selectize-control.single .selectize-input.focus::after,
.page_subscribe .selectize-control.single .selectize-input.input-active::after,
.page_subscribe .selectize-control.single .selectize-input::after {
    width: 10px;
    height: 10px;
    background: url(../images/select_open.png) center center no-repeat;
    border: none;
    margin-top: -5px
}

.page_subscribe .primary_select input::-webkit-input-placeholder {
    color: #fff
}

.page_subscribe .primary_select input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.page_subscribe .primary_select input::-ms-input-placeholder {
    color: #fff
}

.page_subscribe .primary_select.selectize-control.single .selectize-input,
.page_subscribe .primary_select.selectize-control.single .selectize-input.focus,
.page_subscribe .primary_select.selectize-control.single .selectize-input.input-active {
    background: #78287d;
    color: #fff
}

.page_subscribe .secondary_select input::-webkit-input-placeholder {
    color: #fff
}

.page_subscribe .secondary_select input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.page_subscribe .secondary_select input::-ms-input-placeholder {
    color: #fff
}

.page_subscribe .secondary_select.selectize-control.single .selectize-input,
.page_subscribe .secondary_select.selectize-control.single .selectize-input.focus,
.page_subscribe .secondary_select.selectize-control.single .selectize-input.input-active {
    background: #c6ccd2;
    color: #fff
}

.page_subscribe form .form_row .form_el .primary_select input[type=text] {
    color: #fff
}

.page_subscribe .fields_as_list {
    padding: 10px 0 20px
}

.page_subscribe nav.group_info {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 1.2em;
    line-height: 1.2em
}

.page_subscribe nav.group_info a {
    padding: 0 0 0 40px;
    display: inline-block;
    text-transform: uppercase
}

@media only screen and (max-width:1023px) {
    .page_subscribe nav.group_info {
        position: relative;
        clear: both;
        top: auto;
        padding: 8px 0 0
    }
    .page_subscribe nav.group_info a {
        padding: 0 40px 0 0
    }
}

.page_subscribe .group_field_header {
    padding: 20px 0 0;
    position: relative
}

.page_subscribe .group_field_header:first-child {
    padding: 0
}

.page_subscribe .group_field_header:after {
    content: "";
    display: table;
    clear: both
}

.page_subscribe .group_field_header nav.group_info {
    top: 20px
}

@media only screen and (max-width:1023px) {
    .page_subscribe .group_field_header nav.group_info {
        top: auto
    }
}

.page_subscribe .group_field_header h4 {
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: 700;
    float: left
}

.page_subscribe .select_ctn .info_popup .toggle_info {
    left: -20px;
    right: auto
}

.page_subscribe .select_ctn .info_popup .popup {
    left: -22px;
    right: auto
}

.page_subscribe .select_ctn .info_popup .popup:after {
    left: 10px;
    right: auto
}

.page_subscribe .info_popup {
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    z-index: 9999
}

.page_subscribe .info_popup .toggle_info {
    position: absolute;
    top: 10px;
    right: 6px;
    background: #ee7309;
    display: block;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer
}

.page_subscribe .info_popup .toggle_info:hover+.popup {
    display: block
}

.page_subscribe .info_popup .popup {
    z-index: 9;
    color: #fff;
    background: #6d6e71;
    padding: 10px 20px;
    position: absolute;
    right: -10px;
    bottom: -3px;
    font-size: 13px;
    line-height: 1.2em;
    border-radius: 5px;
    width: 180px;
    display: none
}

.page_subscribe .info_popup .popup p {
    margin: 0;
    padding: 0
}

.page_subscribe .info_popup .popup:after {
    top: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #6d6e71;
    border-width: 6px;
    margin-left: -6px
}

.page_subscribe .info_popup.error_popup {
    z-index: 9999;
    display: none
}

.page_subscribe .info_popup.error_popup .toggle_info {
    background: #e81817
}

html body .ui-tooltip {
    position: absolute;
    z-index: 9999;
    color: #fff;
    background: #6d6e71;
    padding: 10px 20px;
    font-size: 1.3em;
    line-height: 1.3em;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    max-width: 200px
}

html body .ui-tooltip p {
    margin: 0;
    padding: 0
}

html body .ui-tooltip:after {
    top: 100%;
    right: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #6d6e71;
    border-width: 6px;
    margin-left: -6px
}

html body .ui-datepicker {
    width: 200px;
    padding: 0;
    display: none;
    border-radius: 0
}

html body .ui-datepicker .ui-state-default,
html body .ui-datepicker .ui-widget-content .ui-state-default,
html body .ui-datepicker .ui-widget-header .ui-state-default {
    background: #ccd9dc;
    color: #4b4b4b;
    border: none;
    text-align: center;
    font-weight: 400
}

html body .ui-datepicker .ui-state-hover,
html body .ui-datepicker .ui-widget-content .ui-state-hover,
html body .ui-datepicker .ui-widget-header .ui-state-hover {
    background: #78287d;
    color: #fff
}

html body .ui-datepicker .ui-datepicker-header {
    position: relative;
    border-radius: 0;
    border: none;
    padding: 10px;
    margin: 0;
    background: #78287d;
    color: #fff
}

html body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    line-height: 1.8em;
    text-align: left
}

html body .ui-datepicker .ui-datepicker-header .ui-datepicker-title:after {
    content: "";
    display: table;
    clear: both
}

html body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    margin: 0
}

html body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month,
html body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
    width: 48%;
    float: left
}

html body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
    float: right
}

html body .ui-datepicker table {
    width: 90%;
    margin: 10px auto
}

html body .ui-datepicker table th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    color: #4b4b4b;
    font-size: 1.1em
}

html body .ui-datepicker table td {
    border: 0;
    padding: 1px
}

html body .ui-datepicker table td a,
html body .ui-datepicker table td span {
    display: block;
    padding: 5px;
    text-align: right;
    text-decoration: none
}

html body .ui-datepicker .ui-datepicker-next,
html body .ui-datepicker .ui-datepicker-prev {
    display: none
}

html body .ui-autocomplete.ui-menu .ui-menu-item {
    padding: 8px
}

.feedback {
    padding: 20px;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 10px 0
}

.feedback h3 {
    font-weight: 700;
    margin: 0 0 3px
}

.feedback.alert {
    background: #dbb1b3;
    color: #a14644;
    border: 1px solid #a14644
}

.feedback.success {
    background: #def0d8;
    color: #578550;
    border: 1px solid #578550
}

.feedback.warning {
    background: #fdf8e4;
    color: #aa8e3f;
    border: 1px solid #aa8e3f
}

.feedback.info {
    background: #d9edf6;
    color: #3c677d;
    border: 1px solid #3c677d
}

form.check_validation select.obbligo:invalid {
    border: 2px solid #e81817;
    box-shadow: none
}

form.check_validation input[type=date].obbligo:invalid,
form.check_validation input[type=email].obbligo:invalid,
form.check_validation input[type=number].obbligo:invalid,
form.check_validation input[type=password].obbligo:invalid,
form.check_validation input[type=search].obbligo:invalid,
form.check_validation input[type=tel].obbligo:invalid,
form.check_validation input[type=text].obbligo:invalid,
form.check_validation textarea.obbligo:invalid {
    border: 2px solid #e81817
}

form.check_validation input.obbligo:invalid+.error_popup,
form.check_validation select.obbligo:invalid+.error_popup,
form.check_validation textarea.obbligo:invalid+.error_popup {
    display: block
}

form.check_validation_server .invalid_field select {
    border: 2px solid #e81817;
    box-shadow: none
}

form.check_validation_server .invalid_field input[type=date],
form.check_validation_server .invalid_field input[type=email],
form.check_validation_server .invalid_field input[type=number],
form.check_validation_server .invalid_field input[type=password],
form.check_validation_server .invalid_field input[type=search],
form.check_validation_server .invalid_field input[type=tel],
form.check_validation_server .invalid_field input[type=text],
form.check_validation_server .invalid_field textarea {
    border: 2px solid #e81817
}

form.check_validation_server .invalid_field .info_popup {
    display: none
}

form.check_validation_server .invalid_field .error_popup {
    display: block
}

form.check_validation_server .form_row>.radio_group.invalid_field .info_popup.error_popup {
    left: 12px
}

form.check_validation_server .radio_group.invalid_field .info_popup.error_popup {
    right: 100%;
    top: 0;
    left: auto
}

.contact_form {
    padding: 0 25px 35px
}

.contact_form:after {
    content: "";
    display: table;
    clear: both
}

.contact_form button,
.contact_form input,
.contact_form select,
.contact_form textarea {
    font-family: 'Gotham', Arial, sans-serif;
}

.contact_form input[type=date],
.contact_form input[type=email],
.contact_form input[type=number],
.contact_form input[type=password],
.contact_form input[type=search],
.contact_form input[type=tel],
.contact_form input[type=text] {
    height: 36px
}

.contact_form input[type=date],
.contact_form input[type=email],
.contact_form input[type=number],
.contact_form input[type=password],
.contact_form input[type=search],
.contact_form input[type=tel],
.contact_form input[type=text],
.contact_form textarea {
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: 0;
    padding: 7px;
    font-size: 1.3em;
    line-height: 1.3em;
    border: 2px solid #c6ccd3;
    color: #6d6e71;
    display: inline-block;
    box-sizing: border-box
}

.contact_form input[type=date]:focus,
.contact_form input[type=email]:focus,
.contact_form input[type=number]:focus,
.contact_form input[type=password]:focus,
.contact_form input[type=search]:focus,
.contact_form input[type=tel]:focus,
.contact_form input[type=text]:focus,
.contact_form textarea:focus {
    border: 2px solid #afb7c1;
    outline: 0;
    color: #6d6e71
}

.contact_form button,
.contact_form input[type=submit] {
    -webkit-appearance: none;
    border-radius: 5px;
    box-shadow: 0;
    background: #78287d;
    color: #fff;
    padding: 7px 30px;
    font-size: 1.4em;
    line-height: 1.3em;
    display: inline-block;
    border: 2px solid transparent
}

.contact_form button:hover,
.contact_form input[type=submit]:hover {
    background: #008ecf
}

.contact_form::-webkit-input-placeholder {
    color: #b4bbc2
}

.contact_form::-moz-placeholder {
    color: #b4bbc2;
    opacity: 1
}

.contact_form::-ms-input-placeholder {
    color: #b4bbc2
}

.contact_form .actions {
    padding: 40px 0
}

.contact_form .actions button {
    margin: 0 20px
}

.contact_form .info_popup {
    position: absolute;
    left: 12px;
    right: 12px;
    z-index: 9999
}

.contact_form .info_popup .toggle_info {
    position: absolute;
    top: 10px;
    right: 6px;
    background: #ee7309;
    display: block;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer
}

.contact_form .info_popup .toggle_info:hover+.popup {
    display: block
}

.contact_form .info_popup .popup {
    z-index: 9;
    color: #fff;
    background: #6d6e71;
    padding: 10px 20px;
    position: absolute;
    right: -10px;
    bottom: -3px;
    font-size: 13px;
    line-height: 1.2em;
    border-radius: 5px;
    width: 180px;
    display: none
}

.contact_form .info_popup .popup p {
    margin: 0;
    padding: 0
}

.contact_form .info_popup .popup:after {
    top: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #6d6e71;
    border-width: 6px;
    margin-left: -6px
}

.contact_form .info_popup.error_popup {
    z-index: 9999;
    display: none
}

.contact_form .info_popup.error_popup .toggle_info {
    background: #e81817
}

.contact_form .feedback {
    padding: 20px;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 10px 0
}

.contact_form .feedback h3 {
    font-weight: 700;
    margin: 0 0 3px
}

.contact_form .feedback.alert {
    background: #dbb1b3;
    color: #a14644;
    border: 1px solid #a14644
}

.contact_form .feedback.success {
    background: #def0d8;
    color: #578550;
    border: 1px solid #578550
}

.contact_form .feedback.warning {
    background: #fdf8e4;
    color: #aa8e3f;
    border: 1px solid #aa8e3f
}

.contact_form .feedback.info {
    background: #d9edf6;
    color: #3c677d;
    border: 1px solid #3c677d
}

.contact_form form.check_validation select.obbligo:invalid {
    border: 2px solid #e81817;
    box-shadow: none
}

.contact_form form.check_validation input[type=date].obbligo:invalid,
.contact_form form.check_validation input[type=email].obbligo:invalid,
.contact_form form.check_validation input[type=number].obbligo:invalid,
.contact_form form.check_validation input[type=password].obbligo:invalid,
.contact_form form.check_validation input[type=search].obbligo:invalid,
.contact_form form.check_validation input[type=tel].obbligo:invalid,
.contact_form form.check_validation input[type=text].obbligo:invalid,
.contact_form form.check_validation textarea.obbligo:invalid {
    border: 2px solid #e81817
}

.contact_form form.check_validation input.obbligo:invalid+.error_popup,
.contact_form form.check_validation select.obbligo:invalid+.error_popup,
.contact_form form.check_validation textarea.obbligo:invalid+.error_popup {
    display: block
}

.contact_form form.check_validation_server .invalid_field select {
    border: 2px solid #e81817;
    box-shadow: none
}

.contact_form form.check_validation_server .invalid_field input[type=date],
.contact_form form.check_validation_server .invalid_field input[type=email],
.contact_form form.check_validation_server .invalid_field input[type=number],
.contact_form form.check_validation_server .invalid_field input[type=password],
.contact_form form.check_validation_server .invalid_field input[type=search],
.contact_form form.check_validation_server .invalid_field input[type=tel],
.contact_form form.check_validation_server .invalid_field input[type=text],
.contact_form form.check_validation_server .invalid_field textarea {
    border: 2px solid #e81817
}

.contact_form form.check_validation_server .invalid_field .info_popup {
    display: none
}

.contact_form form.check_validation_server .invalid_field .error_popup {
    display: block
}

.contact_form form.check_validation_server .form_row>.radio_group.invalid_field .info_popup.error_popup {
    left: 12px
}

.contact_form form.check_validation_server .radio_group.invalid_field .info_popup.error_popup {
    right: 100%;
    top: 0;
    left: auto
}

.contact_form .form_el {
    padding: 5px 0;
    position: relative
}

.contact_form .form_el:after {
    content: "";
    display: table;
    clear: both
}

.contact_form .form_el label {
    float: left;
    width: 30%;
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.4em;
    padding-top: 5px
}

@media only screen and (max-width:1023px) {
    .contact_form .form_el label {
        font-size: 1.3em
    }
}

@media only screen and (max-width:640px) {
    .contact_form .form_el label {
        width: 100%
    }
}

.contact_form .form_el input[type=date],
.contact_form .form_el input[type=email],
.contact_form .form_el input[type=number],
.contact_form .form_el input[type=password],
.contact_form .form_el input[type=search],
.contact_form .form_el input[type=tel],
.contact_form .form_el input[type=text],
.contact_form .form_el textarea {
    width: 65%;
    float: right
}

@media only screen and (max-width:640px) {
    .contact_form .form_el input[type=date],
    .contact_form .form_el input[type=email],
    .contact_form .form_el input[type=number],
    .contact_form .form_el input[type=password],
    .contact_form .form_el input[type=search],
    .contact_form .form_el input[type=tel],
    .contact_form .form_el input[type=text],
    .contact_form .form_el textarea {
        width: 100%
    }
}

.contact_form .form_el textarea {
    height: 110px
}

.contact_form .info_popup {
    top: 5px
}

@media only screen and (max-width:640px) {
    .contact_form .info_popup {
        top: 27px
    }
}

.contact_form .radio_group label {
    display: block;
    padding: 5px 0 25px 20px;
    position: relative;
    font-size: 1.2em;
    line-height: 1.4em
}

.contact_form .radio_group label input {
    position: absolute;
    top: 6px;
    left: 0
}

.contact_form .radio_group.divider {
    padding: 35px 0
}

.contact_form .actions {
    text-align: center
}

.contact_form .actions button {
    padding: 10px 45px
}

.contact_form .required_fields {
    font-size: 1.2em;
    position: relative;
    top: -20px;
    display: inline-block;
    color: #78287d;
    font-weight: 700;
    font-style: italic
}

@media only screen and (max-width:640px) {
    .contact_form .required_fields {
        top: 0
    }
}

.company_page .page_header {
    height: 350px;
    margin-bottom: 35px
}

.company_page .page_header:before {
    border-top: 280px solid #ee7309;
    border-right: 280px solid transparent
}

.company_page .page_header:after {
    content: '';
    position: absolute;
    z-index: 99;
    top: 55px;
    left: 10px;
    width: 70px;
    height: 70px;
    background-size: 70px
}

.company_page .page_header h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    text-shadow: 0 0 1px #888;
    font-weight: 400;
    width: 200px
}

.company_page .page_header.business:before,
.company_page .page_header.domestico:before,
.company_page .page_header.piva:before {
    border-top-color: #ee7309
}

.company_page .page_header.domestico:after {
    background: url(../images/offerte/nav_icons/domestico_active.png) center center no-repeat
}

.company_page .page_header.piva:after {
    background: url(../images/offerte/nav_icons/piva_active.png) center center no-repeat
}

.company_page .page_header.business:after {
    background: url(../images/offerte/nav_icons/business_active.png) center center no-repeat
}

.company_page .page_header.gas:after {
    background: url(../images/offerte/nav_icons/gas_active.png) center center no-repeat
}

.company_page .page_header.energia_elettrica h2 {
    font-size: 18px
}

.company_page .page_header.energia_elettrica:after {
    background: url(../images/offerte/nav_icons/energia_elettrica_active.png) center center no-repeat
}

@media only screen and (max-width:1023px) {
    .company_page .page_header.energia_elettrica h2 {
        font-size: 14px
    }
}

@media only screen and (max-width:640px) {
    .company_page .page_header.energia_elettrica h2 {
        font-size: 12px
    }
}

.company_page .page_header.teleriscaldamento h2 {
    font-size: 18px
}

.company_page .page_header.teleriscaldamento:after {
    background: url(../images/offerte/nav_icons/teleriscaldamento_active.png) center center no-repeat
}

@media only screen and (max-width:1023px) {
    .company_page .page_header.teleriscaldamento h2 {
        font-size: 14px
    }
}

@media only screen and (max-width:640px) {
    .company_page .page_header.teleriscaldamento h2 {
        font-size: 12px
    }
}

@media only screen and (max-width:1023px) {
    .company_page .page_header {
        height: 240px
    }
    .company_page .page_header:before {
        border-top: 220px solid #78287d;
        border-right: 220px solid transparent
    }
    .company_page .page_header h2 {
        font-size: 18px;
        padding: 20px 10px
    }
    .company_page .page_header:after {
        top: 45px;
        width: 60px;
        height: 60px;
        background-size: 60px
    }
}

@media only screen and (max-width:640px) {
    .company_page .page_header {
        height: 180px
    }
    .company_page .page_header:before {
        border-top: 180px solid #78287d;
        border-right: 180px solid transparent
    }
    .company_page .page_header:after {
        top: 45px;
        left: 10px;
        width: 50px;
        height: 50px;
        background-size: 50px
    }
    .company_page .page_header h2 {
        font-size: 14px
    }
}

.company_page .promo_banner {
    border: 1px solid #dee0e6;
    border-bottom: none;
    margin: 40px 0 0;
    position: relative;
    height: 300px;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    text-shadow: 0 0 1px #888;
    box-sizing: border-box
}

@media only screen and (max-width:640px) {
    .company_page .promo_banner {
        height: auto
    }
}

.company_page .promo_banner a {
    font-weight: 400;
    font-style: normal
}

.company_page .promo_banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 170px solid #fff;
    border-right: 170px solid transparent;
    z-index: 3;

    /*seregno energia*/
    display: none;
}

.company_page .promo_banner:after {
    position: absolute;
    z-index: 5;
    content: '';
    top: 25px;
    left: 25px;
    width: 45px;
    height: 91px;
    background: url(../images/logo_triangle.png) center center no-repeat;

    /*seregno energia*/
    /*display: none;*/
}

.company_page .promo_banner img {
    display: block;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.company_page .promo_banner .teaser {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: #fff
}

@media only screen and (max-width:640px) {
    .company_page .promo_banner .teaser {
        position: relative
    }
}

/*.company_page .promo_banner .teaser:hover:before {
    background: #ee7309
}*/

.company_page .promo_banner .teaser:before {
    content: '';
    background: -moz-linear-gradient(left,  rgba(196,118,0,0.7) 0%, rgba(98,13,119,0.7) 100%);
    background: -webkit-linear-gradient(left,  rgba(196,118,0,0.7) 0%,rgba(98,13,119,0.7) 100%);
    background: linear-gradient(to right,  rgba(196,118,0,0.7) 0%,rgba(98,13,119,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc47600', endColorstr='#cc620d77',GradientType=1 );


    transition: background .3s;
    left: -160px;
    top: 0;
    bottom: 0;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 4;
    -ms-transform: skew(43deg);
    -webkit-transform: skew(43deg);
    transform: skew(43deg)
}

.company_page .promo_banner .teaser .text {
    position: relative;
    z-index: 4;
    padding: 110px 0 0 130px;
    width: 60%;
    box-sizing: border-box
}

.company_page .promo_banner .teaser span {
    /*text-transform: uppercase;*/
    display: block;
    font-size: 2.4em;
    line-height: 1.3em;
    margin-bottom: 10px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .company_page .promo_banner .teaser span {
        font-size: 2.2em
    }
}

.company_page .promo_banner .teaser a {
    color: #fff;
    font-size: 1.6em;
    line-height: 1em;
    background-image: url(../images/arrow_white.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: initial;
}

@media only screen and (max-width:1024px) {
    .company_page .promo_banner {
        height: 240px
    }
    .company_page .promo_banner:before {
        border-top: 140px solid #fff;
        border-right: 140px solid transparent
    }
    .company_page .promo_banner:after {
        top: 15px;
        left: 5px;
        width: 35px;
        height: 35px;
        background-size: contain
    }
    .company_page .promo_banner .teaser:before {
        width: 70%
    }
    .company_page .promo_banner .teaser .text {
        padding: 80px 0 0 110px;
        width: 65%
    }
}

@media only screen and (max-width:1023px) {
    .company_page .promo_banner {
        height: 240px
    }
    .company_page .promo_banner:before {
        border-top: 140px solid #fff;
        border-right: 140px solid transparent
    }
    .company_page .promo_banner:after {
        top: 15px;
        left: 5px;
        width: 35px;
        height: 35px;
        background-size: contain
    }
    .company_page .promo_banner .teaser:before {
        width: 70%
    }
    .company_page .promo_banner .teaser .text {
        padding: 80px 0 0 110px;
        width: 45%;
        font-size: .9em
    }
}

@media only screen and (max-width:768px) {
    .company_page .promo_banner .teaser .text {
        padding: 100px 0 0 80px
    }
}

@media only screen and (max-width:640px) {
    .company_page .promo_banner {
        height: auto
    }
    .company_page .promo_banner:before {
        border-top: 100px solid #fff;
        border-right: 100px solid transparent
    }
    .company_page .promo_banner .teaser {
        padding-bottom: 180px
    }
    .company_page .promo_banner .teaser:before {
        width: 100%;
        -ms-transform: skew(0);
        -webkit-transform: skew(0);
        transform: skew(0);
        left: 0
    }
    .company_page .promo_banner .teaser .text {
        padding: 30px 20px 30px 90px;
        width: 100%;
        font-size: 1em
    }
    .company_page .promo_banner .teaser span {
        font-size: 1.8em
    }
    .company_page .promo_banner .teaser img {
        z-index: 99;
        width: auto;
        min-height: 0;
        height: 180px;
        top: auto;
        bottom: 0;
        text-align: right
    }
}

.company_page .as_btn,
.company_page button,
.company_page input[type=submit] {
    display: inline-block;
    color: #fff;
    background: #ee7309;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    font-weight: 500;
}

.company_page a {
    color: #ee7309;
    font-style: italic;
    font-weight: bold
}

.company_page a:hover {
    color: #ee7309
}

.wysiwyg {
    color: #6d6e71;
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 0 25px 35px
}

.wysiwyg h2:first-child,
.wysiwyg h3:first-child {
    padding: 0 0 22px
}

.wysiwyg hr {
    margin: 30px -25px;
    border: 1px solid #dee0e6
}

.wysiwyg hr+h2,
.wysiwyg hr+h3 {
    padding: 0 0 22px
}

.wysiwyg h1 {
    color: #78287d;
    font-size: 1.55em;
    line-height: 1.4em;
    padding: 0 0 22px
}

.wysiwyg h2 {
    color: #78287d;
    font-size: 1.45em;
    line-height: 1.4em;
    padding: 10px 0 22px
}

.wysiwyg h3 {
    color: #ee7309;
    font-size: 1.25em;
    line-height: 1.4em;
    padding: 0 0 22px
}

.wysiwyg h4 {
    color: #ee7309;
    font-size: 1.1em;
    line-height: 1.4em;
    padding: 0 0 10px
}

.wysiwyg p {
    margin: 0 0 10px;
    color: #222223;
    font-size: 1.2em;
}
.news .wysiwyg p {
    font-size: 1.2em;
}
.wysiwyg ol {
    margin: 0 0 10px 25px!important
}

.wysiwyg ol li {
    padding: 0 0 10px;
    list-style: decimal
}

.wysiwyg ul {
    margin: 0 0 10px 25px!important
}

.wysiwyg ul li {
    padding: 0 0 10px 10px;
    position: relative
}

.wysiwyg ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #dee0e6;
    position: absolute;
    top: 5px;
    left: -5px;
    display: block
}

.page_section {
    padding: 35px 25px;
    border-top: 1px solid #dee0e6
}

.page_section:first-of-type {
    border-top: none
}

.page_section .wysiwyg {
    padding-left: 0;
    padding-right: 0
}

.page_section.with_aside:after {
    content: "";
    display: table;
    clear: both
}

.page_section.with_aside .content {
    float: left;
    width: 65%
}

.page_section.with_aside aside {
    float: right;
    width: 30%
}

.page_section.with_aside aside a.image_link {
    display: block
}

.page_section.with_aside aside img {
    width: 100%;
    border: 1px solid #dee0e6
}

.news_list .news .page_section.with_aside aside .toggle_btn,
.page_section.with_aside aside .arrow_link,
.page_section.with_aside aside .news_list .news .toggle_btn {
    float: right;
    margin: 10px 0
}

.news_list .news .page_section.with_aside aside .toggle_btn+*,
.page_section.with_aside aside .arrow_link+*,
.page_section.with_aside aside .news_list .news .toggle_btn+* {
    clear: both
}

@media only screen and (max-width:640px) {
    .page_section.with_aside .content {
        width: 100%;
        float: none
    }
    .page_section.with_aside aside {
        width: 100%;
        padding-top: 35px
    }
    .page_section.with_aside aside a.image_link {
        max-width: 250px
    }
}

.downloads {
    color: #6d6e71;
    font-size: 1.4em;
    line-height: 1.5em
}

.downloads.as_section {
    border-bottom: 1px solid #dee0e6;
    padding-top: 15px;
    margin-bottom: 15px
}

.downloads.as_section h3,
.downloads.as_section h4 {
    color: #78287d
}

.downloads .downloads_links {
    padding: 10px 0
}

.downloads .downloads_links a {
    color: #6d6e71;
    font-style: normal;
    display: block;
    padding: 10px 0 10px 50px;
    background: url(../images/downloads_blue.png) no-repeat
}

.downloads .downloads_links a:hover {
    color: #78287d
}

@media only screen and (max-width:1023px) {
    .downloads .downloads_links a {
        padding: 10px 0 10px 40px;
        background-size: 30px;
        background-position: 0 3px
    }
}

@media only screen and (max-width:640px) {
    .downloads .downloads_links a {
        padding: 10px 0 10px 30px;
        background-size: 20px;
        background-position: 0 7px
    }
}

.downloads h3 {
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 10px 0 22px
}

.downloads h4 {
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.4em;
    padding: 10px 0 14px;
    font-weight: 700
}

.downloads p {
    margin: 0 0 10px
}

.EL .downloads.as_section h3,
.EL .downloads.as_section h4,
.EL h1,
.EL h2,
.EL h3,
.ET .downloads.as_section h3,
.ET .downloads.as_section h4,
.ET h1,
.ET h2,
.ET h3,
.orange .downloads.as_section h3,
.orange .downloads.as_section h4,
.orange h1,
.orange h2,
.orange h3 {
    color: #ee7309
}

.EL .downloads .downloads_links a,
.ET .downloads .downloads_links a,
.orange .downloads .downloads_links a {
    background: url(../images/downloads.png) no-repeat
}

.EL .downloads .downloads_links a:hover,
.ET .downloads .downloads_links a:hover,
.orange .downloads .downloads_links a:hover {
    color: #ee7309
}

.page .page_tabs {
    margin: -36px 0 20px
}

.page .page_tabs:after {
    content: "";
    display: table;
    clear: both
}

.page .page_tabs a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-style: normal;
    color: #fff;
    padding: 0 20px;
    float: right;
    background: #dee0e6;
    font-size: 1.2em
}

.page .page_tabs a.active {
    background: #78287d
}

.news_list .actions {
    margin: 35px auto;
    text-align: center
}

.news_list .news {
    border: 1px solid #dee0e6;
    padding: 22px 170px 22px 250px;
    position: relative;
    height: 81px
}

.news_list .news .content {
    height: 100%;
    overflow: hidden
}

.news_list .news.open {
    height: auto
}

.news_list .news.open .wysiwyg p {
    margin: 0 0 10px
}

.news_list .news.open a.toggle_btn {
    background-image: url(../images/arrow_orange_left.png)
}

.news_list .news .wysiwyg {
    padding: 0 0 25px
}

.news_list .news .wysiwyg p {
    margin: 0
}

.news_list .news h1 {
    font-size: 2em;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 .5em
}

.news_list .news .date {
    color: #78287d;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 0 0;
    display: block;
    width: 190px;
    text-align: right;
    font-size: 6.5em;
    line-height: 1em;
    font-weight: 700
}

.news_list .news .date span {
    font-size: .3em;
    line-height: 1em;
    display: block;
    font-weight: 400;
    text-transform: uppercase
}

.news_list .news .date:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 125px solid #ee7309;
    border-right: 125px solid transparent
}

.news_list .news .toggle_btn {
    position: absolute;
    bottom: 24px;
    right: 25px;
    text-align: right
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .news_list .news {
        padding: 22px 170px 22px 160px
    }
    .news_list .news .date {
        width: 130px;
        font-size: 6em;
        padding: 20px 0 0
    }
    .news_list .news .date:before {
        border-top: 80px solid #ee7309;
        border-right: 80px solid transparent
    }
}

@media only screen and (max-width:640px) {
    .news_list .news {
        padding: 100px 25px 25px
    }
    .news_list .news .date {
        width: 135px;
        font-size: 6em;
        padding: 10px 0 0
    }
    .news_list .news .date:before {
        border-top: 80px solid #ee7309;
        border-right: 80px solid transparent
    }
    .news_list .news .toggle_btn {
        bottom: auto;
        top: 68px
    }
}

.news_slideshow {
    position: relative;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;

    background: transparent url('../images/bg_news_homepage.png') 0 0 no-repeat;
}

.news_slideshow .news_nav {
    position: absolute;
    left: 10px;
    top: 80px;
    z-index: 999
}

.news_slideshow .news_nav a {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999999px;
    background: url(../images/icons/slides_arrow_next.png) center center no-repeat;
    top: 0;
    left: 30px
}

.news_slideshow .news_nav a.prev {
    background-image: url(../images/icons/slides_arrow_prev.png);
    left: 0
}

.news_slideshow .controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;

    color: #fff;
}

.news_slideshow .controls:before {
    content: '';
    border-top: 60px solid #ee7309;
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    /*seregno energia*/
    display: none;
}

.news_slideshow .controls span {
    position: absolute;
    text-transform: uppercase;
    color: #fff;
    z-index: 2;
    top: 40px;
    left: 40px;
    font-size: 2.5em;
    max-width: 140px;
    font-weight: 800;
}

@media only screen and (max-width:640px) {
    .news_slideshow .controls:before {
        border-top: 140px solid #ee7309;
        border-right: 140px solid transparent
    }
    .news_slideshow .controls span {
        font-size: 1.8em
    }
    .news_slideshow .controls .news_nav {
        top: 50px
    }
}

.news_slideshow ul {
    position: relative;
    z-index: 1
}

.news_slideshow ul li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

.news_slideshow ul li:first-child {
    position: relative;
    display: block;
    float: left
}

.news_slideshow ul li .news {
    border-top: 1px solid #eee;
    padding: 45px 20px 20px 350px
}
.green {
    color: green;
}
.spacer-bottom {
    padding: 0 0 45px 10px !important;
}
.bold{
    font-weight: bold;
    font-style: oblique;
}

.news_slideshow ul li .news header {
    display: block;
    padding: 0 0 1.5em
}

.news_slideshow ul li .news header h1 {
    font-size: 2.8em;
    line-height: 1.4em;
    font-weight: 700;
    text-transform: uppercase
}

.news_slideshow ul li .news header .date {
    margin-top: 30px;
    display: block;
    color: #5a5a5a;
    font-size: 1.4em;
    line-height: 1.4em
}

.news_slideshow ul li .news .content {
    height: 12.3em;
}

.news_slideshow ul li .news .wysiwyg {
    padding: 0
}

@media only screen and (max-width:640px) {
    .news_slideshow ul li .news {
        padding: 195px 20px 20px 80px
    }
    .news_slideshow ul li .news header h1 {
        font-size: 1.6em
    }
}

.offers_group:after {
    content: "";
    display: table;
    clear: both
}

.offers_group.as_navigation {
    padding-top: 50px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .offers_group.as_navigation {
        padding-top: 300px
    }
}

@media only screen and (max-width:640px) {
    .offers_group.as_navigation {
        padding-top: 100px
    }
}

.offers_group .wysiwyg {
    padding-bottom: 0
}

.offers_group .offer {
    width: 33.33%;
    float: left;
    cursor: pointer
}

@media only screen and (max-width:640px) {
    .offers_group .offer {
        width: 100%
    }
}

.offers_group .offer_nav {
    border-right: 1px solid #dee0e6
}

.offers_group .offer_nav:after {
    content: "";
    display: table;
    clear: both
}

.offers_group .offer_nav a {
    display: block;
    width: 33.33%;
    font-weight: 400;
    position: relative;
    float: left;
    border: 1px solid #dee0e6;
    border-right: none;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8em;
    color: #6d6e71;
    font-style: normal
}

@media only screen and (max-width:480px) {
    .offers_group .offer_nav a {
        width: 100%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .offers_group .offer_nav a {
        font-size: 1.5em;
        height: 60px;
        line-height: 60px
    }
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav a {
        font-size: 1.3em;
        height: 50px;
        line-height: 50px
    }
}

.offers_group .offer_nav a span {
    display: inline-block;
    background: url(../images/offerte/nav_icons/domestico.png) left center no-repeat;
    padding-left: 55px;
    position: relative
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav a span {
        background-size: 30px;
        padding-left: 35px
    }
}

.offers_group .offer_nav a:after,
.offers_group .offer_nav a:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    display: none
}

.offers_group .offer_nav a:after {
    border-color: rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) #78287d;
    border-width: 18px;
    margin-left: -18px
}

.offers_group .offer_nav a:before {
    border-color: rgba(47, 47, 245, 0) rgba(47, 47, 245, 0) #dee0e6;
    border-width: 19px;
    margin-left: -19px
}

.offers_group .offer_nav a.active {
    background: #78287d
}

.offers_group .offer_nav a.active:after,
.offers_group .offer_nav a.active:before {
    display: block
}

@media only screen and (max-width:480px) {
    .offers_group .offer_nav a.active:after,
    .offers_group .offer_nav a.active:before {
        display: none
    }
}

.offers_group .offer_nav a.domestico span {
    background-image: url(../images/offerte/nav_icons/domestico.png)
}

.offers_group .offer_nav a.active.domestico span,
.offers_group .offer_nav a:hover.domestico span {
    background-image: url(../images/offerte/nav_icons/domestico_active.png)
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav.indipendent_navigation a.active:after,
    .offers_group .offer_nav.indipendent_navigation a.active:before,
    .offers_group .offer_nav.indipendent_navigation a:hover:after,
    .offers_group .offer_nav.indipendent_navigation a:hover:before {
        display: none
    }
}

.offers_group .offer_nav.indipendent_navigation a.active.domestico span,
.offers_group .offer_nav.indipendent_navigation a:hover.domestico span {
    background-image: url(../images/offerte/nav_icons/domestico_orange.png)
}

.offers_group .offer_nav a.piva span {
    background-image: url(../images/offerte/nav_icons/piva.png)
}

.offers_group .offer_nav a.active.piva span,
.offers_group .offer_nav a:hover.piva span {
    background-image: url(../images/offerte/nav_icons/piva_active.png)
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav.indipendent_navigation a.active:after,
    .offers_group .offer_nav.indipendent_navigation a.active:before,
    .offers_group .offer_nav.indipendent_navigation a:hover:after,
    .offers_group .offer_nav.indipendent_navigation a:hover:before {
        display: none
    }
}

.offers_group .offer_nav.indipendent_navigation a.active.piva span,
.offers_group .offer_nav.indipendent_navigation a:hover.piva span {
    background-image: url(../images/offerte/nav_icons/piva_orange.png)
}

.offers_group .offer_nav a.business span {
    background-image: url(../images/offerte/nav_icons/business.png)
}

.offers_group .offer_nav a.active.business span,
.offers_group .offer_nav a:hover.business span {
    background-image: url(../images/offerte/nav_icons/business_active.png)
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav.indipendent_navigation a.active:after,
    .offers_group .offer_nav.indipendent_navigation a.active:before,
    .offers_group .offer_nav.indipendent_navigation a:hover:after,
    .offers_group .offer_nav.indipendent_navigation a:hover:before {
        display: none
    }
}

.offers_group .offer_nav.indipendent_navigation a.active.business span,
.offers_group .offer_nav.indipendent_navigation a:hover.business span {
    background-image: url(../images/offerte/nav_icons/business_orange.png)
}

.offers_group .offer_nav a.gas span {
    background-image: url(../images/offerte/nav_icons/gas.png)
}

.offers_group .offer_nav a.active.gas span,
.offers_group .offer_nav a:hover.gas span {
    background-image: url(../images/offerte/nav_icons/gas_active.png)
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav.indipendent_navigation a.active:after,
    .offers_group .offer_nav.indipendent_navigation a.active:before,
    .offers_group .offer_nav.indipendent_navigation a:hover:after,
    .offers_group .offer_nav.indipendent_navigation a:hover:before {
        display: none
    }
}

.offers_group .offer_nav.indipendent_navigation a.active.gas span,
.offers_group .offer_nav.indipendent_navigation a:hover.gas span {
    background-image: url(../images/offerte/nav_icons/gas_orange.png)
}

.offers_group .offer_nav a.energia_elettrica span {
    background-image: url(../images/offerte/nav_icons/energia_elettrica.png)
}

.offers_group .offer_nav a.active.energia_elettrica span,
.offers_group .offer_nav a:hover.energia_elettrica span {
    background-image: url(../images/offerte/nav_icons/energia_elettrica_active.png)
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav.indipendent_navigation a.active:after,
    .offers_group .offer_nav.indipendent_navigation a.active:before,
    .offers_group .offer_nav.indipendent_navigation a:hover:after,
    .offers_group .offer_nav.indipendent_navigation a:hover:before {
        display: none
    }
}

.offers_group .offer_nav.indipendent_navigation a.active.energia_elettrica span,
.offers_group .offer_nav.indipendent_navigation a:hover.energia_elettrica span {
    background-image: url(../images/offerte/nav_icons/energia_elettrica_orange.png)
}

.offers_group .offer_nav a.teleriscaldamento span {
    background-image: url(../images/offerte/nav_icons/teleriscaldamento.png)
}

.offers_group .offer_nav a.active,
.offers_group .offer_nav a:hover {
    color: #fff
}

.offers_group .offer_nav a.active.business,
.offers_group .offer_nav a.active.domestico,
.offers_group .offer_nav a.active.piva,
.offers_group .offer_nav a:hover.business,
.offers_group .offer_nav a:hover.domestico,
.offers_group .offer_nav a:hover.piva {
    background: #ee7309
}

.offers_group .offer_nav a.active.business:after,
.offers_group .offer_nav a.active.domestico:after,
.offers_group .offer_nav a.active.piva:after,
.offers_group .offer_nav a:hover.business:after,
.offers_group .offer_nav a:hover.domestico:after,
.offers_group .offer_nav a:hover.piva:after {
    border-bottom-color: #ee7309
}

.offers_group .offer_nav a.active.energia_elettrica,
.offers_group .offer_nav a.active.gas,
.offers_group .offer_nav a.active.teleriscaldamento,
.offers_group .offer_nav a:hover.energia_elettrica,
.offers_group .offer_nav a:hover.gas,
.offers_group .offer_nav a:hover.teleriscaldamento {
    background: #78287d
}

.offers_group .offer_nav a.active.energia_elettrica:after,
.offers_group .offer_nav a.active.gas:after,
.offers_group .offer_nav a.active.teleriscaldamento:after,
.offers_group .offer_nav a:hover.energia_elettrica:after,
.offers_group .offer_nav a:hover.gas:after,
.offers_group .offer_nav a:hover.teleriscaldamento:after {
    border-bottom-color: #78287d
}

.offers_group .offer_nav a.active.teleriscaldamento span,
.offers_group .offer_nav a:hover.teleriscaldamento span {
    background-image: url(../images/offerte/nav_icons/teleriscaldamento_active.png)
}

.offers_group .offer_nav.indipendent_navigation a.active,
.offers_group .offer_nav.indipendent_navigation a:hover {
    color: #6d6e71
}

.offers_group .offer_nav.indipendent_navigation a.active:after,
.offers_group .offer_nav.indipendent_navigation a.active:before,
.offers_group .offer_nav.indipendent_navigation a:hover:after,
.offers_group .offer_nav.indipendent_navigation a:hover:before {
    display: block
}

@media only screen and (max-width:640px) {
    .offers_group .offer_nav.indipendent_navigation a.active:after,
    .offers_group .offer_nav.indipendent_navigation a.active:before,
    .offers_group .offer_nav.indipendent_navigation a:hover:after,
    .offers_group .offer_nav.indipendent_navigation a:hover:before {
        display: none
    }
}

.offers_group .offer_nav.indipendent_navigation a.active.business,
.offers_group .offer_nav.indipendent_navigation a.active.domestico,
.offers_group .offer_nav.indipendent_navigation a.active.energia_elettrica,
.offers_group .offer_nav.indipendent_navigation a.active.gas,
.offers_group .offer_nav.indipendent_navigation a.active.piva,
.offers_group .offer_nav.indipendent_navigation a.active.teleriscaldamento,
.offers_group .offer_nav.indipendent_navigation a:hover.business,
.offers_group .offer_nav.indipendent_navigation a:hover.domestico,
.offers_group .offer_nav.indipendent_navigation a:hover.energia_elettrica,
.offers_group .offer_nav.indipendent_navigation a:hover.gas,
.offers_group .offer_nav.indipendent_navigation a:hover.piva,
.offers_group .offer_nav.indipendent_navigation a:hover.teleriscaldamento {
    background: #fff
}

.offers_group .offer_nav.indipendent_navigation a.active.business:after,
.offers_group .offer_nav.indipendent_navigation a.active.domestico:after,
.offers_group .offer_nav.indipendent_navigation a.active.energia_elettrica:after,
.offers_group .offer_nav.indipendent_navigation a.active.gas:after,
.offers_group .offer_nav.indipendent_navigation a.active.piva:after,
.offers_group .offer_nav.indipendent_navigation a.active.teleriscaldamento:after,
.offers_group .offer_nav.indipendent_navigation a:hover.business:after,
.offers_group .offer_nav.indipendent_navigation a:hover.domestico:after,
.offers_group .offer_nav.indipendent_navigation a:hover.energia_elettrica:after,
.offers_group .offer_nav.indipendent_navigation a:hover.gas:after,
.offers_group .offer_nav.indipendent_navigation a:hover.piva:after,
.offers_group .offer_nav.indipendent_navigation a:hover.teleriscaldamento:after {
    border-bottom-color: #fff
}

.offers_group .offer_nav.indipendent_navigation a.active.teleriscaldamento span,
.offers_group .offer_nav.indipendent_navigation a:hover.teleriscaldamento span {
    background-image: url(../images/offerte/nav_icons/teleriscaldamento_orange.png)
}

.offers_group .divider {
    padding: 35px 0 0;
    margin: 0 0 35px;
    border-bottom: 1px solid #dee0e6;
    display: block;
    clear: both
}

@media only screen and (max-width:480px) {
    .offers_group .divider {
        display: none
    }
}

.offer {
    position: relative
}

.offer .front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding: 25px;
    box-sizing: border-box;
    border: 1px solid #dee0e6;
    border-right: none
}

.offer .front h3 {
    font-size: 1.8em;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 5px
}

.offer .front .icon {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/offerte/icons/domestico.png) left center/contain no-repeat;
    margin: 0 0 5px
}

@media only screen and (max-width:1023px) {
    .offer .front {
        font-size: .85em;
        padding: 12px
    }
    .offer .front .icon {
        width: 40px;
        height: 40px
    }
    .news_list .news .offer .front .toggle_btn,
    .offer .front .arrow_link,
    .offer .front .news_list .news .toggle_btn {
        font-size: 1.5em
    }
}

@media only screen and (max-width:768px) {
    .offer .front {
        font-size: .7em;
        padding: 10px
    }
    .offer .front .icon {
        width: 35px;
        height: 35px
    }
}

@media only screen and (max-width:640px) {
    .offer .front {
        font-size: 1em;
        padding: 18px
    }
    .offer .front .icon {
        width: 55px;
        height: 55px
    }
}

@media only screen and (max-width:480px) {
    .offer .front {
        padding: 12px;
        font-size: .8em
    }
    .offer .front .icon {
        width: 45px;
        height: 45px
    }
}

.offer.piva .icon {
    background-image: url(../images/offerte/icons/piva.png)
}

.offer.business .icon {
    background-image: url(../images/offerte/icons/business.png)
}

.offer.gas .icon {
    background-image: url(../images/offerte/icons/gas.png)
}

.offer.energia_elettrica .icon {
    background-image: url(../images/offerte/icons/energia_elettrica.png)
}

.offer.teleriscaldamento .icon {
    background-image: url(../images/offerte/icons/teleriscaldamento.png)
}

.offer figure {
    position: relative;
    z-index: 1;
    height: 0;
    padding: 0 0 100%;
    overflow: hidden
}

.offer figure:before {
    content: '';
    position: absolute;
    width: 222.5%;
    height: 222.5%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    z-index: 2;
    top: -140%;
    left: -140%
}

.offer figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.contatti {
    border: 1px solid #dee0e6;
    position: relative;
    margin-bottom: 100px
}

.contatti:after {
    content: "";
    display: table;
    clear: both
}

.contatti .info_container {
    width: 340px;
    float: left
}

.contatti .info_container .info_box {
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 25px 20px 15px;
    border-top: 1px solid #dee0e6
}

.contatti .info_container .info_box:first-of-type {
    border-top: none
}

.contatti .info_container .info_box h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 0 0 20px
}

.contatti .info_container .info_box p {
    margin: 0 0 20px
}

.contatti .info_container .info_box .icon {
    display: block;
    padding: 0 0 0 30px;
    margin: 0 0 20px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.contatti .info_container .info_box .icon.address {
    background-image: url(../images/icons/address.png)
}

.contatti .info_container .info_box .icon.email {
    background-image: url(../images/icons/email.png)
}

.contatti .info_container .info_box .icon.fax {
    background-image: url(../images/icons/fax.png)
}

.contatti .info_container .info_box .icon.greenline {
    background-image: url(../images/icons/greenline.png);
    color: #39b54a;
    font-size: 1.2em
}

.contatti .info_container .info_box .icon.greenline a {
    color: #39b54a;
    font-style: normal
}

.contatti .googleMap {
    position: absolute;
    top: 0;
    left: 339px;
    right: 0;
    bottom: 0;
    border-left: 1px solid #dee0e6
}

.contatti .googleMap #map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f0ede6
}

.contatti .googleMap .infowindow {
    font-size: 12px;
    line-height: 1.4em
}

@media only screen and (max-width:1023px) {
    .contatti .info_container {
        width: 220px
    }
    .contatti .info_container .address_list a {
        font-size: 1.4em;
        line-height: 1.4em
    }
    .contatti .googleMap {
        left: 221px
    }
}

@media only screen and (max-width:640px) {
    .contatti {
        border: none
    }
    .contatti .info_container {
        width: 100%;
        float: none
    }
    .contatti .googleMap {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: 0;
        padding-bottom: 100%;
        margin: 0 20px;
        border: 1px solid #dee0e6
    }
}

.sportelli_page .section_title {
    border: none;
    margin-bottom: none
}

.simple_nav .sportelli_page a,
.sportelli_page .group_title,
.sportelli_page .simple_nav a {
    margin: 20px
}

.sportelli_page .sportelli {
    border: 1px solid #dee0e6;
    position: relative;
    margin-bottom: 100px
}

.sportelli_page .sportelli:after {
    content: "";
    display: table;
    clear: both
}

.sportelli_page .sportelli .info_container {
    width: 340px;
    float: left;
    padding: 10px 0
}

.sportelli_page .sportelli .info_container:after {
    content: "";
    display: table;
    clear: both
}

.sportelli_page .sportelli .googleMap {
    position: absolute;
    top: 0;
    left: 339px;
    right: 0;
    bottom: 0;
    border-left: 1px solid #dee0e6
}

.sportelli_page .sportelli .googleMap #map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f0ede6
}

.sportelli_page .sportelli .googleMap .infowindow {
    font-size: 12px;
    line-height: 1.4em
}

.sportelli_page .sportelli .googleMap #address-info {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding: 20px 40px;
    font-size: 1.4em;
    line-height: 1.4em
}

.sportelli_page .sportelli .googleMap #address-info:after {
    content: "";
    display: table;
    clear: both
}

.sportelli_page .sportelli .googleMap #address-info h1,
.sportelli_page .sportelli .googleMap #address-info h2,
.sportelli_page .sportelli .googleMap #address-info h3,
.sportelli_page .sportelli .googleMap #address-info h4 {
    font-weight: 700
}

.sportelli_page .sportelli .googleMap #address-info .column {
    float: left;
    width: 47%;
    padding: 0 3% 0 0
}

@media only screen and (max-width:1023px) {
    .sportelli_page .sportelli .info_container {
        width: 220px
    }
    .sportelli_page .sportelli .info_container .address_list a {
        font-size: 1.4em;
        line-height: 1.4em
    }
    .sportelli_page .sportelli .googleMap {
        left: 221px
    }
}

@media only screen and (max-width:768px) {
    .sportelli_page .sportelli {
        border: none
    }
    .sportelli_page .sportelli .info_container {
        width: 100%;
        float: none
    }
    .sportelli_page .sportelli .info_container .address_list {
        padding: 20px
    }
    .sportelli_page .sportelli .info_container a.active {
        display: none
    }
    .sportelli_page .sportelli .googleMap {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        border: 1px solid #dee0e6;
        height: 600px;
        margin: 0 20px
    }
    .sportelli_page .sportelli .googleMap #address-info {
        padding: 20px;
        border-bottom: 1px solid #dee0e6;
        box-sizing: border-box
    }
    .sportelli_page .sportelli .googleMap #address-info .column {
        float: none;
        width: 100%;
        padding: 0 0 20px
    }
}

.address_list a {
    font-size: 1.9em;
    line-height: 1.4em;
    display: block;
    padding: 5px 20px;
    font-style: normal;
    color: #b6b7b9
}

.address_list a.active,
.address_list a:hover {
    color: #78287d
}

.double_column_layout:after {
    content: "";
    display: table;
    clear: both
}

.double_column_layout aside {
    float: right;
    width: 35%
}

.double_column_layout .content {
    float: right;
    width: 65%;
    box-sizing: border-box;
    padding: 10px 20px 20px 35px
}

.double_column_layout .content .wysiwyg {
    padding: 0
}

.double_column_layout .content h2 {
    color: #78287d;
    font-size: 2em;
    line-height: 1.4em;
    padding: 0 0 10px
}

@media only screen and (max-width:768px) {
    .double_column_layout aside {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px
    }
    .double_column_layout aside .current {
        display: none
    }
    .double_column_layout .content {
        float: left;
        width: 100%;
        padding: 10px 20px 20px
    }
    .double_column_layout .content .group_content {
        padding: 25px 0
    }
    .double_column_layout.with_select_menu .content .group_content {
        padding: 0 0 25px
    }
}

table.double_table {
    font-size: 1.4em;
    line-height: 1.3em;
    border-bottom: 1px solid #78287d
}

table.double_table tr.with_border {
    border-bottom: 1px solid #78287d
}

table.double_table tr.with_border td,
table.double_table tr.with_border th {
    padding-bottom: 20px
}

table.double_table tr.with_border+tr td {
    padding-top: 30px
}

table.double_table tr:last-child td {
    padding-bottom: 30px
}

table.double_table td,
table.double_table th {
    padding: 9px 10px;
    box-sizing: border-box
}

table.double_table td.with_bg,
table.double_table th.with_bg {
    background: #ecedee;
    text-align: center;
    width: 16%
}

table.double_table td.info,
table.double_table th.info {
    color: #fff;
    text-align: center;
    background: #acadaf;
    font-size: .9em
}

table.double_table td.divider,
table.double_table th.divider {
    width: 0;
    padding: 5px
}

table.double_table th {
    font-weight: 700;
    vertical-align: bottom;
    position: relative
}

table.double_table th .unit {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #78287d;
    bottom: -10px;
    left: 50%;
    margin-left: -10px
}

.clone {
    display: none;
    margin-bottom: 25px
}

@media only screen and (max-width:1023px) {
    .original {
        display: none
    }
    .clone {
        display: block
    }
}

.accordion_menu_options {
    background: #eeeff2;
    padding: 15px 20px 0;
    display: none
}

.accordion_menu_options a {
    display: block;
    font-style: normal;
    padding: 0 0 15px 25px;
    color: #6d6e71;
    font-weight: 400;
    position: relative;
    font-size: 14px;
    line-height: 1.3em
}

.accordion_menu_options a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #6d6e71
}

.accordion_menu_options a.active:before {
    background: #78287d
}

.group_title,
.simple_nav a {
    color: #fff;
    font-size: 16px;
    line-height: 1.3em;
    padding: 10px 40px 10px 20px;
    background: #78287d;
    border-bottom: 1px solid #fff;
    display: block;
    font-weight: 400;
    font-style: normal
}

.group_title:hover,
.simple_nav a:hover {
    background-color: #ee7309;
    color: #fff
}

.simple_nav a.current {
    background-color: #ee7309
}

.simple_nav article a,
article .group_title,
article .simple_nav a {
    text-transform: uppercase;
    background: url(../images/icons/accordion_close.png) right 12px no-repeat #78287d
}

.current .group_title,
.current .simple_nav a,
.simple_nav .current a {
    background-color: #ee7309
}

.current nav {
    display: block
}

.open .group_title,
.open .simple_nav a,
.simple_nav .open a {
    background: url(../images/icons/accordion_open.png) right 8px no-repeat #78287d
}

.open.current .group_title,
.open.current .simple_nav a,
.simple_nav .open.current a {
    background-color: #ee7309
}

.sb-slidebar.sb-right .group_title,
.sb-slidebar.sb-right .simple_nav a,
.simple_nav .sb-slidebar.sb-right a {
    font-size: 13px
}

.sb-slidebar.sb-right .accordion_menu_options a {
    font-size: 12px
}

.sb-slidebar.sb-right .accordion_menu_options a:before {
    top: 2px
}

@media only screen and (max-width:1023px) {
    .accordion_menu_options a,
    .group_title,
    .simple_nav a {
        font-size: 12px
    }
    .accordion_menu_options a:before {
        top: 2px
    }
}

@media only screen and (max-width:768px) {
    .group_title,
    .simple_nav a {
        font-size: 14px
    }
    .accordion_menu_options a {
        font-size: 12px
    }
    .accordion_menu_options a:before {
        top: 2px
    }
}

.links_list .alphabet_group {
    position: relative
}

.links_list .alphabet_group .alphabet {
    font-size: 0;
    padding: 0 10px;
    margin: 0 91px 0 0;
    background: #78287d
}

.links_list .alphabet_group .alphabet a.all {
    display: none
}

.links_list .alphabet_group a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-style: normal;
    font-size: 16px;
    color: #fff;
    padding: 0 10px;
    font-weight: 400
}

.links_list .alphabet_group a.all {
    text-transform: none;
    background: #78287d
}

.links_list .alphabet_group a.all_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    padding: 0;
    text-transform: none;
    border-left: 1px solid #fff;
    text-align: center;
    background: #78287d
}

.links_list .alphabet_group a.active,
.links_list .alphabet_group a:hover {
    color: #01425e
}

@media only screen and (max-width:768px) {
    .links_list .alphabet_group .alphabet {
        margin: 0
    }
    .links_list .alphabet_group .alphabet a.all {
        display: inline-block
    }
    .links_list .alphabet_group a {
        height: 40px;
        line-height: 40px;
        padding: 0 10px
    }
    .links_list .alphabet_group a.all_btn {
        display: none
    }
}

.links_list .results {
    padding: 10px 0 50px
}

.links_list .results .letter {
    color: #ee7309;
    text-transform: uppercase;
    font-size: 2.4em;
    line-height: 2em;
    display: block;
    padding: 0 20px;
    border-bottom: 1px solid #dee0e6
}

.links_list .results>ul li {
    display: block;
    padding: 20px 20px 0;
    font-size: 1.4em;
    line-height: 1.4em
}

.links_list .results>ul li:after {
    content: "";
    display: table;
    clear: both
}

.links_list .results>ul li a {
    float: left;
    margin-left: 50px
}

@media only screen and (max-width:640px) {
    .links_list .results>ul li a {
        margin-left: 0
    }
}

#risultati_ricerca {
    padding: 0 25px 35px;
    color: #6d6e71;
    font-size: 1.4em;
    line-height: 1.5em
}

#risultati_ricerca .results {
    display: block;
    margin: 20px 10px;
    font-size: 1.2em
}

#risultati_ricerca .sarat_searchsite7_navigator {
    padding: 35px 0;
    text-align: center;
    font-size: 1.2em
}

#risultati_ricerca .una_pagina_trovata {
    padding: 10px;
    border-bottom: 1px solid #dee0e6
}

#risultati_ricerca .una_pagina_trovata a {
    text-transform: lowercase
}

#risultati_ricerca .una_pagina_trovata .una_descrizione_trovata {
    display: block
}

#risultati_ricerca .una_pagina_trovata .una_sezione_trovata {
    display: block;
    font-size: 12px;
    font-style: italic
}

#risultati_ricerca .una_pagina_trovata .una_sezione_trovata span {
    font-weight: 700
}

.modulistica {
    padding: 0 25px
}

.modulistica .modulistica_group {
    overflow: hidden
}

.modulistica .modulistica_group * {
    box-sizing: border-box
}

.modulistica .modulistica_group h2 {
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1.2em;
    text-align: center;
    border-bottom: 1px solid #dee0e6;
    padding: 5px 0;
    clear: both
}

.modulistica .modulistica_group h2 span {
    display: inline-block;
    padding: 20px 0 10px 45px
}

@media only screen and (max-width:480px) {
    .modulistica .modulistica_group h2 {
        text-align: left
    }
    .modulistica .modulistica_group h2 span {
        font-size: .85em;
        padding: 15px 0 10px 30px;
        background-size: 25px auto!important;
        background-position: left 10px!important
    }
}

.modulistica .modulistica_group h3 {
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.2em;
    padding: 0 0 15px;
    color: #ee7309
}

.modulistica .modulistica_group .modulistica_group_colum {
    float: left;
    width: 50%;
    padding: 40px 25px 40px 0
}

.modulistica .modulistica_group .modulistica_group_colum a {
    display: block;
    font-style: normal;
    color: #6d6e71;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 10px 0 10px 45px;
    margin: 0 0 15px;
    background: url(../images/downloads.png) no-repeat
}

.modulistica .modulistica_group .modulistica_group_colum a:hover {
    text-decoration: underline
}

@media only screen and (max-width:768px) {
    .modulistica .modulistica_group .modulistica_group_colum {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
    .modulistica .modulistica_group .modulistica_group_colum:first-of-type {
        padding-top: 40px
    }
    .modulistica .modulistica_group .modulistica_group_colum:last-of-type {
        padding-bottom: 40px
    }
    .modulistica .modulistica_group .modulistica_group_colum a {
        padding: 5px 0 5px 35px;
        background-size: 25px auto
    }
}

.sottosezione_modulistica {
    padding: 0 25px
}

.sottosezione_modulistica h2.group_divider {
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1.2em;
    text-align: center;
    border-bottom: 1px solid #dee0e6;
    padding: 5px 0;
    clear: both;
    color: #6d6e71
}

.sottosezione_modulistica h2.group_divider span {
    display: inline-block;
    padding: 20px 0 10px 45px
}

@media only screen and (max-width:480px) {
    .sottosezione_modulistica h2.group_divider {
        text-align: left
    }
    .sottosezione_modulistica h2.group_divider span {
        font-size: .85em;
        padding: 15px 0 10px 30px;
        background-size: 25px auto!important;
        background-position: left 10px!important
    }
}

.sottosezione_modulistica .wysiwyg {
    padding-left: 0;
    padding-right: 0
}

.sottosezione_modulistica .wysiwyg h2,
.sottosezione_modulistica .wysiwyg h2:first-child {
    font-size: 2.2em;
    line-height: 1.2em;
    border-bottom: 1px solid #dee0e6;
    padding: 0 0 5px;
    margin: 0 0 30px;
    font-weight: 400
}

@media only screen and (max-width:480px) {
    .sottosezione_modulistica .wysiwyg h2,
    .sottosezione_modulistica .wysiwyg h2:first-child {
        font-size: 1.8em;
        line-height: 1.2em
    }
}

.sottosezione_modulistica .modulistica {
    padding: 0 0 50px
}

.sottosezione_modulistica .modulistica .modulistica_group .modulistica_group_colum {
    width: 100%;
    padding: 15px 25px 40px 0
}

.sottosezione_modulistica.domestico h2 span {
    background: url(../images/offerte/modulistica/domestico.png) 0 8px/35px 35px no-repeat
}

.sottosezione_modulistica.piva h2 span {
    background: url(../images/offerte/modulistica/piva.png) 0 10px/35px 35px no-repeat
}

.sottosezione_modulistica.business h2 span {
    background: url(../images/offerte/modulistica/business.png) 0 8px/35px 35px no-repeat
}

.sottosezione_modulistica.gas h2 span {
    background: url(../images/offerte/modulistica/gas.png) 0 10px/35px 35px no-repeat
}

.sottosezione_modulistica.energia_elettrica h2 span {
    background: url(../images/offerte/modulistica/energia_elettrica.png) 0 8px/35px 35px no-repeat
}

.sottosezione_modulistica.teleriscaldamento h2 span {
    background: url(../images/offerte/modulistica/teleriscaldamento.png) 0 10px/35px 35px no-repeat
}

.modulistica_dialog {
    background: #fff;
    width: 640px;
    max-width: 100%;
    margin: auto
}

.modulistica_dialog * {
    box-sizing: border-box
}

.modulistica_dialog h2 {
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #fff;
    text-align: center
}

.modulistica_dialog h2 span {
    display: inline-block;
    padding: 20px 0 10px 45px
}

.modulistica_dialog .modulistica_dialog_inner {
    padding: 50px 100px;
    font-size: 1.4em;
    line-height: 1.2em
}

.modulistica_dialog .modulistica_dialog_inner h3 {
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.2em;
    border-bottom: 1px solid #dee0e6;
    padding: 10px 0
}

.modulistica_dialog .modulistica_dialog_inner nav {
    padding: 35px 0
}

.modulistica_dialog .modulistica_dialog_inner nav a {
    display: block;
    font-style: normal;
    color: #6d6e71;
    padding: 10px 0 10px 45px;
    margin: 0 0 15px;
    background: url(../images/downloads.png) no-repeat
}

.modulistica_dialog .modulistica_dialog_inner nav a:hover {
    text-decoration: underline
}

@media only screen and (max-width:768px) {
    .modulistica_dialog .modulistica_dialog_inner {
        padding: 50px
    }
    .modulistica_dialog .modulistica_dialog_inner nav a {
        padding: 5px 0 5px 35px;
        background-size: 25px auto
    }
}

@media only screen and (max-width:480px) {
    .modulistica_dialog .modulistica_dialog_inner {
        padding: 20px
    }
}

@media only screen and (max-width:480px) {
    .modulistica_dialog {
        font-size: .9em
    }
    .modulistica_dialog h2 {
        text-align: left;
        padding: 0 15px
    }
    .modulistica_dialog h2 span {
        font-size: .9em;
        padding: 12px 0 10px 30px;
        background-size: 20px auto!important;
        background-position: left 10px!important
    }
}

.modulistica .modulistica_group h2 {
    color: #6d6e71
}

.modulistica .modulistica_group .modulistica_group_colum.orange h3 {
    color: #ee7309
}

.modulistica .modulistica_group .modulistica_group_colum.orange a {
    background-image: url(../images/downloads.png)
}

.modulistica .modulistica_group .modulistica_group_colum.blue h3 {
    color: #78287d
}

.modulistica .modulistica_group .modulistica_group_colum.blue a {
    background-image: url(../images/downloads_blue.png)
}

@media only screen and (max-width:768px) {
    .modulistica .modulistica_group .modulistica_group_colum.tablet_orange a {
        background-image: url(../images/downloads.png)
    }
}

.modulistica .modulistica_group.domestico h2 span {
    background: url(../images/offerte/modulistica/domestico.png) 0 8px/35px 35px no-repeat
}

.modulistica .modulistica_group.piva h2 span {
    background: url(../images/offerte/modulistica/piva.png) 0 10px/35px 35px no-repeat
}

.modulistica .modulistica_group.business h2 span {
    background: url(../images/offerte/modulistica/business.png) 0 8px/35px 35px no-repeat
}

.modulistica .modulistica_group.gas h2 span {
    background: url(../images/offerte/modulistica/gas.png) 0 10px/35px 35px no-repeat
}

.modulistica .modulistica_group.energia_elettrica h2 span {
    background: url(../images/offerte/modulistica/energia_elettrica.png) 0 8px/35px 35px no-repeat
}

.modulistica .modulistica_group.teleriscaldamento h2 span {
    background: url(../images/offerte/modulistica/teleriscaldamento.png) 0 10px/35px 35px no-repeat
}

.modulistica_dialog.orange h2 {
    background: #ee7309
}

.modulistica_dialog.orange h3 {
    color: #6d6e71
}

.modulistica_dialog.orange .modulistica_dialog_inner nav a {
    background-image: url(../images/downloads.png)
}

.modulistica_dialog.blue h2 {
    background: #78287d
}

.modulistica_dialog.blue h3 {
    color: #6d6e71
}

.modulistica_dialog.blue .modulistica_dialog_inner nav a {
    background-image: url(../images/downloads_blue.png)
}

.modulistica_dialog.domestico h2 span {
    background: url(../images/offerte/nav_icons/domestico_active.png) 0 8px/35px 35px no-repeat
}

.modulistica_dialog.piva h2 span {
    background: url(../images/offerte/nav_icons/piva_active.png) 0 8px/35px 35px no-repeat
}

.modulistica_dialog.business h2 span {
    background: url(../images/offerte/nav_icons/business_active.png) 0 8px/35px 35px no-repeat
}

.modulistica_dialog.gas h2 span {
    background: url(../images/offerte/nav_icons/gas_active.png) 0 8px/35px 35px no-repeat
}

.modulistica_dialog.energia_elettrica h2 span {
    background: url(../images/offerte/nav_icons/energia_elettrica_active.png) 0 8px/35px 35px no-repeat
}

.modulistica_dialog.teleriscaldamento h2 span {
    background: url(../images/offerte/nav_icons/teleriscaldamento_active.png) 0 8px/35px 35px no-repeat
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    display: none
}

@media only screen and (max-width:480px) {
    .mfp-close-btn-in .mfp-close {
        display: block
    }
}

.small-dialog {
    position: relative
}

.small-dialog:after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/icons/close.png) center center no-repeat;
    top: 0;
    left: 105%;
    cursor: pointer
}

@media only screen and (max-width:480px) {
    .small-dialog:after {
        display: none
    }
}

.contratti {
    font-size: 1.4em;
    line-height: 1.3em
}

.contratti .page_header {
    font-size: 10px
}

.contratti .wysiwyg {
    font-size: 1.2em;
    line-height: 1.3em
}

.contratti .as_btn,
.contratti button,
.contratti input[type=submit] {
    display: inline-block;
    color: #fff;
    background: #78287d;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    font-weight: 400;
    font-style: normal
}

.contratti .as_btn:hover,
.contratti button:hover,
.contratti input[type=submit]:hover {
    color: #fff
}

.contratti .contratti_list {
    overflow: hidden;
    border-top: 1px solid #dee0e6;
    border-bottom: 1px solid #dee0e6
}

.contratti .contratti_list * {
    box-sizing: border-box
}

@media only screen and (max-width:768px) {
    .contratti .contratti_list {
        border-top: none
    }
}

.contratti .contratti_list .contratto {
    float: left;
    width: 33.33%;
    padding: 30px 25px
}

@media only screen and (max-width:768px) {
    .contratti .contratti_list .contratto {
        font-size: .85em;
        line-height: 1.3em
    }
}

@media only screen and (max-width:768px) {
    .contratti .contratti_list .contratto {
        width: 100%;
        font-size: 1em;
        line-height: 1.3em;
        border-top: 1px solid #dee0e6
    }
}

.contratti .contratti_list .contratto>img {
    display: block;
    max-width: 100%
}

.contratti .contratti_list .contratto .explainer {
    padding: 30px 0;
    min-height: 170px;
    font-size: 1.2em;
    line-height: 1.3em
}

@media only screen and (max-width:768px) {
    .contratti .contratti_list .contratto .explainer {
        min-height: 0
    }
}

.contratti .contratti_list .contratto .actions {
    padding: 0 0 30px
}

.contratti ul li {
    margin: 0 0 20px;
    padding: 0 0 0 25px;
    position: relative
}

.contratti ul li:before {
    content: '';
    border-radius: 50%;
    height: 6px;
    width: 6px;
    position: absolute;
    top: 5px;
    left: 0
}

.contratti .contratti_notes {
    padding: 30px 25px 40px;
    font-size: .9em;
    line-height: 1.3em
}

.contratti .contratti_notes p {
    margin: 0 0 15px
}

.contratti .contratti_notes p.small {
    font-size: .9em;
    line-height: 1.3em
}

.contratti .offerte {
    text-align: center;
    padding: 50px 0 0
}

.contratti .offerte * {
    box-sizing: border-box
}

.contratti .offerte .offerte_group {
    width: auto;
    display: inline-block;
    margin: auto
}

.contratti .offerte .offerte_group:after {
    content: "";
    display: table;
    clear: both
}

.contratti .offerte .and_and {
    display: block;
    float: left;
    height: 160px;
    line-height: 160px;
    font-weight: 700;
    text-align: center;
    width: 60px;
    font-size: 40px;
    margin: 0 0 25px
}

.contratti .offerte .offerta {
    display: block;
    float: left;
    height: 160px;
    width: 160px;
    text-align: center;
    position: relative;
    padding: 35px 5px 5px;
    margin: 0 0 25px
}

.contratti .offerte .offerta:before {
    content: '';
    position: absolute;
    bottom: -11px;
    left: -10px;
    top: 0;
    right: 0;
    background: url(../images/box_shadow_left.png) bottom left no-repeat
}

.contratti .offerte .offerta.right:before {
    left: 0;
    right: -10px;
    background: url(../images/box_shadow_right.png) bottom right no-repeat
}

.contratti .offerte .offerta:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border-right: 70px solid transparent;
    border-top: 70px solid #000
}

.contratti .offerte .offerta .promo {
    display: block;
    width: 100%;
    font-size: 65px;
    line-height: 1.1em;
    font-weight: 700
}

.contratti .offerte .offerta .dettagli {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    height: 45px;
    line-height: 45px;
    overflow: hidden
}

.contratti .offerte .offerta .dettagli span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

@media only screen and (max-width:480px) {
    .contratti .offerte .and_and {
        height: 60px;
        line-height: 60px;
        margin: 0;
        width: 100%;
        float: none
    }
    .contratti .offerte .offerta {
        display: block;
        margin: auto;
        float: none
    }
}

.contratti .contratti_intro {
    padding: 0 25px 30px;
    font-size: 1.2em;
    line-height: 1.3em
}

.contratti .contratti_intro .contratto_logo {
    max-width: 100%;
    display: inline-block;
    margin: 20px 0
}

.contratti .contratti_vantaggi {
    font-size: 1.2em;
    line-height: 1.3em;
    padding: 25px
}

.contratti .contratti_vantaggi h3 {
    text-transform: uppercase
}

.contratti .contratti_vantaggi h1,
.contratti .contratti_vantaggi h2,
.contratti .contratti_vantaggi h3,
.contratti .contratti_vantaggi h4 {
    margin: 0 0 20px
}

.contratti .contratti_vantaggi .actions {
    text-align: center;
    padding: 45px 0 30px
}

.contratti .duettoweb .as_btn,
.contratti .duettoweb button,
.contratti .duettoweb ul li:before {
    background: #ee7e96
}

.contratti .duettoweb .highlight {
    color: #cf1730;
    font-weight: 700
}

.contratti .duettoweb h1,
.contratti .duettoweb h2,
.contratti .duettoweb h3,
.contratti .duettoweb h4 {
    color: #ee7e96;
    font-weight: 700
}

.contratti .duettoweb .arrow_link,
.contratti .duettoweb .news_list .news .toggle_btn,
.news_list .news .contratti .duettoweb .toggle_btn {
    background-image: url(../images/arrow_pink_dark.png)
}

.contratti .duettoweb .and_and,
.contratti .duettoweb .arrow_link:hover,
.contratti .duettoweb .news_list .news .toggle_btn:hover,
.news_list .news .contratti .duettoweb .toggle_btn:hover {
    color: #cf1730
}

.contratti .duettoweb .offerte .offerta {
    background: #ee7e96;
    color: #fff
}

.contratti .duettoweb .offerte .offerta:after {
    border-top-color: #cf1730
}

.contratti .gasweb .as_btn,
.contratti .gasweb button,
.contratti .gasweb ul li:before {
    background: #00afec
}

.contratti .gasweb .highlight {
    color: #006aa4;
    font-weight: 700
}

.contratti .gasweb h1,
.contratti .gasweb h2,
.contratti .gasweb h3,
.contratti .gasweb h4 {
    color: #00afec;
    font-weight: 700
}

.contratti .gasweb .arrow_link,
.contratti .gasweb .news_list .news .toggle_btn,
.news_list .news .contratti .gasweb .toggle_btn {
    background-image: url(../images/arrow_blue_dark.png)
}

.contratti .gasweb .arrow_link:hover,
.contratti .gasweb .news_list .news .toggle_btn:hover,
.contratti .gasweb .offerte .and_and,
.news_list .news .contratti .gasweb .toggle_btn:hover {
    color: #006aa4
}

.contratti .gasweb .offerte .offerta {
    background: #00afec;
    color: #fff
}

.contratti .gasweb .offerte .offerta:after {
    border-top-color: #006aa4
}

.contratti .luceweb .as_btn,
.contratti .luceweb button,
.contratti .luceweb ul li:before {
    background: #f9ae32
}

.contratti .luceweb .highlight {
    color: #f17c27;
    font-weight: 700
}

.contratti .luceweb h1,
.contratti .luceweb h2,
.contratti .luceweb h3,
.contratti .luceweb h4 {
    color: #f9ae32;
    font-weight: 700
}

.contratti .luceweb .arrow_link,
.contratti .luceweb .news_list .news .toggle_btn,
.news_list .news .contratti .luceweb .toggle_btn {
    background-image: url(../images/arrow_orange_dark.png)
}

.contratti .luceweb .arrow_link:hover,
.contratti .luceweb .news_list .news .toggle_btn:hover,
.contratti .luceweb .offerte .and_and,
.news_list .news .contratti .luceweb .toggle_btn:hover {
    color: #f17c27
}

.contratti .luceweb .offerte .offerta {
    background: #f9ae32;
    color: #fff
}

.contratti .luceweb .offerte .offerta:after {
    border-top-color: #f17c27
}
.flex-item {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
a.arrow-client {
    color: #6d6e71;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.1em;
    background: url(../images/arrow_orange_right.png) left center no-repeat;
    padding: 0 0 0 30px;
    display: inline-block;
    letter-spacing: 1px;   
}