@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

meta.foundation-version {
    font-family: "/5.5.1/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.063em) and (max-width:62.5em)/";
    width: 40.063em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
    width: 64.063em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
    width: 90.063em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

html, body {
    height: 100%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-size: 100%;
}

body {
    background: #fff;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: "Open Sans", arial;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    cursor: auto;
}

a:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
}

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table;
}

[class*="block-grid-"]:after {
    clear: both;
}

[class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem;
}

@media only screen {
    .small-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

    .small-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .small-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

    .small-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .small-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

    .small-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .small-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

    .small-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .small-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

    .small-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .small-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

    .small-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }

    .small-block-grid-7 > li {
        width: 14.28571%;
        list-style: none;
    }

    .small-block-grid-7 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both;
    }

    .small-block-grid-8 > li {
        width: 12.5%;
        list-style: none;
    }

    .small-block-grid-8 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both;
    }

    .small-block-grid-9 > li {
        width: 11.11111%;
        list-style: none;
    }

    .small-block-grid-9 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both;
    }

    .small-block-grid-10 > li {
        width: 10%;
        list-style: none;
    }

    .small-block-grid-10 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both;
    }

    .small-block-grid-11 > li {
        width: 9.09091%;
        list-style: none;
    }

    .small-block-grid-11 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both;
    }

    .small-block-grid-12 > li {
        width: 8.33333%;
        list-style: none;
    }

    .small-block-grid-12 > li:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

    .medium-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .medium-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

    .medium-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .medium-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

    .medium-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .medium-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

    .medium-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .medium-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

    .medium-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .medium-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

    .medium-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }

    .medium-block-grid-7 > li {
        width: 14.28571%;
        list-style: none;
    }

    .medium-block-grid-7 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both;
    }

    .medium-block-grid-8 > li {
        width: 12.5%;
        list-style: none;
    }

    .medium-block-grid-8 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both;
    }

    .medium-block-grid-9 > li {
        width: 11.11111%;
        list-style: none;
    }

    .medium-block-grid-9 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both;
    }

    .medium-block-grid-10 > li {
        width: 10%;
        list-style: none;
    }

    .medium-block-grid-10 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both;
    }

    .medium-block-grid-11 > li {
        width: 9.09091%;
        list-style: none;
    }

    .medium-block-grid-11 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both;
    }

    .medium-block-grid-12 > li {
        width: 8.33333%;
        list-style: none;
    }

    .medium-block-grid-12 > li:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 64.063em) {
    .large-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

    .large-block-grid-1 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both;
    }

    .large-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

    .large-block-grid-2 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both;
    }

    .large-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

    .large-block-grid-3 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both;
    }

    .large-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

    .large-block-grid-4 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both;
    }

    .large-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

    .large-block-grid-5 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both;
    }

    .large-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

    .large-block-grid-6 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both;
    }

    .large-block-grid-7 > li {
        width: 14.28571%;
        list-style: none;
    }

    .large-block-grid-7 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both;
    }

    .large-block-grid-8 > li {
        width: 12.5%;
        list-style: none;
    }

    .large-block-grid-8 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both;
    }

    .large-block-grid-9 > li {
        width: 11.11111%;
        list-style: none;
    }

    .large-block-grid-9 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both;
    }

    .large-block-grid-10 > li {
        width: 10%;
        list-style: none;
    }

    .large-block-grid-10 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both;
    }

    .large-block-grid-11 > li {
        width: 9.09091%;
        list-style: none;
    }

    .large-block-grid-11 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both;
    }

    .large-block-grid-12 > li {
        width: 8.33333%;
        list-style: none;
    }

    .large-block-grid-12 > li:nth-of-type(1n) {
        clear: none;
    }

    .large-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both;
    }
}

.breadcrumbs {
    display: block;
    padding: 0.5625rem 0.875rem 0.5625rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background-color: #f4f4f4;
    border-color: gainsboro;
    border-radius: 0;
}

.breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #6288a5;
}

.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
    text-decoration: underline;
}

.breadcrumbs > * a {
    color: #6288a5;
}

.breadcrumbs > *.current {
    cursor: default;
    color: #333333;
}

.breadcrumbs > *.current a {
    cursor: default;
    color: #333333;
}

.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
    text-decoration: none;
}

.breadcrumbs > *.unavailable {
    color: #999999;
}

.breadcrumbs > *.unavailable a {
    color: #999999;
}

.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {
    text-decoration: none;
    color: #999999;
    cursor: not-allowed;
}

.breadcrumbs > *:before {
    content: "/";
    color: #AAAAAA;
    margin: 0 0.75rem;
    position: relative;
    top: 1px;
}

.breadcrumbs > *:first-child:before {
    content: " ";
    margin: 0;
}

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
    content: "/";
}

button, #view_all_comments, .button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Open Sans", arial;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #6288a5;
    border-color: #4d6d86;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

button:hover, #view_all_comments:hover, button:focus, #view_all_comments:focus, .button:hover, .button:focus {
    background-color: #4d6d86;
}

button:hover, #view_all_comments:hover, button:focus, #view_all_comments:focus, .button:hover, .button:focus {
    color: #FFFFFF;
}

button.secondary, .secondary#view_all_comments, .button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

button.secondary:hover, .secondary#view_all_comments:hover, button.secondary:focus, .secondary#view_all_comments:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #b9b9b9;
}

button.secondary:hover, .secondary#view_all_comments:hover, button.secondary:focus, .secondary#view_all_comments:focus, .button.secondary:hover, .button.secondary:focus {
    color: #333333;
}

button.success, .success#view_all_comments, .button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
}

button.success:hover, .success#view_all_comments:hover, button.success:focus, .success#view_all_comments:focus, .button.success:hover, .button.success:focus {
    background-color: #368a55;
}

button.success:hover, .success#view_all_comments:hover, button.success:focus, .success#view_all_comments:focus, .button.success:hover, .button.success:focus {
    color: #FFFFFF;
}

button.alert, .alert#view_all_comments, .button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
}

button.alert:hover, .alert#view_all_comments:hover, button.alert:focus, .alert#view_all_comments:focus, .button.alert:hover, .button.alert:focus {
    background-color: #cf2a0e;
}

button.alert:hover, .alert#view_all_comments:hover, button.alert:focus, .alert#view_all_comments:focus, .button.alert:hover, .button.alert:focus {
    color: #FFFFFF;
}

button.warning, .warning#view_all_comments, .button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
}

button.warning:hover, .warning#view_all_comments:hover, button.warning:focus, .warning#view_all_comments:focus, .button.warning:hover, .button.warning:focus {
    background-color: #cf6e0e;
}

button.warning:hover, .warning#view_all_comments:hover, button.warning:focus, .warning#view_all_comments:focus, .button.warning:hover, .button.warning:focus {
    color: #FFFFFF;
}

button.info, .info#view_all_comments, .button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
}

button.info:hover, .info#view_all_comments:hover, button.info:focus, .info#view_all_comments:focus, .button.info:hover, .button.info:focus {
    background-color: #61b6d9;
}

button.info:hover, .info#view_all_comments:hover, button.info:focus, .info#view_all_comments:focus, .button.info:hover, .button.info:focus {
    color: #FFFFFF;
}

button.large, .large#view_all_comments, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem;
}

button.small, .small#view_all_comments, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem;
}

button.tiny, .tiny#view_all_comments, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem;
}

button.expand, .expand#view_all_comments, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

button.left-align, .left-align#view_all_comments, .button.left-align {
    text-align: left;
    text-indent: 0.75rem;
}

button.right-align, .right-align#view_all_comments, .button.right-align {
    text-align: right;
    padding-right: 0.75rem;
}

button.radius, .radius#view_all_comments, .button.radius {
    border-radius: 3px;
}

button.round, .round#view_all_comments, .button.round {
    border-radius: 1000px;
}

button.disabled, .disabled#view_all_comments, button[disabled], [disabled]#view_all_comments, .button.disabled, .button[disabled] {
    background-color: #6288a5;
    border-color: #4d6d86;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

button.disabled:hover, .disabled#view_all_comments:hover, button.disabled:focus, .disabled#view_all_comments:focus, button[disabled]:hover, [disabled]#view_all_comments:hover, button[disabled]:focus, [disabled]#view_all_comments:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #4d6d86;
}

button.disabled:hover, .disabled#view_all_comments:hover, button.disabled:focus, .disabled#view_all_comments:focus, button[disabled]:hover, [disabled]#view_all_comments:hover, button[disabled]:focus, [disabled]#view_all_comments:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    color: #FFFFFF;
}

button.disabled:hover, .disabled#view_all_comments:hover, button.disabled:focus, .disabled#view_all_comments:focus, button[disabled]:hover, [disabled]#view_all_comments:hover, button[disabled]:focus, [disabled]#view_all_comments:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #6288a5;
}

button.disabled.secondary, .disabled.secondary#view_all_comments, button[disabled].secondary, [disabled].secondary#view_all_comments, .button.disabled.secondary, .button[disabled].secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

button.disabled.secondary:hover, .disabled.secondary#view_all_comments:hover, button.disabled.secondary:focus, .disabled.secondary#view_all_comments:focus, button[disabled].secondary:hover, [disabled].secondary#view_all_comments:hover, button[disabled].secondary:focus, [disabled].secondary#view_all_comments:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    background-color: #b9b9b9;
}

button.disabled.secondary:hover, .disabled.secondary#view_all_comments:hover, button.disabled.secondary:focus, .disabled.secondary#view_all_comments:focus, button[disabled].secondary:hover, [disabled].secondary#view_all_comments:hover, button[disabled].secondary:focus, [disabled].secondary#view_all_comments:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    color: #333333;
}

button.disabled.secondary:hover, .disabled.secondary#view_all_comments:hover, button.disabled.secondary:focus, .disabled.secondary#view_all_comments:focus, button[disabled].secondary:hover, [disabled].secondary#view_all_comments:hover, button[disabled].secondary:focus, [disabled].secondary#view_all_comments:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
    background-color: #e7e7e7;
}

button.disabled.success, .disabled.success#view_all_comments, button[disabled].success, [disabled].success#view_all_comments, .button.disabled.success, .button[disabled].success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

button.disabled.success:hover, .disabled.success#view_all_comments:hover, button.disabled.success:focus, .disabled.success#view_all_comments:focus, button[disabled].success:hover, [disabled].success#view_all_comments:hover, button[disabled].success:focus, [disabled].success#view_all_comments:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
    background-color: #368a55;
}

button.disabled.success:hover, .disabled.success#view_all_comments:hover, button.disabled.success:focus, .disabled.success#view_all_comments:focus, button[disabled].success:hover, [disabled].success#view_all_comments:hover, button[disabled].success:focus, [disabled].success#view_all_comments:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
    color: #FFFFFF;
}

button.disabled.success:hover, .disabled.success#view_all_comments:hover, button.disabled.success:focus, .disabled.success#view_all_comments:focus, button[disabled].success:hover, [disabled].success#view_all_comments:hover, button[disabled].success:focus, [disabled].success#view_all_comments:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
    background-color: #43AC6A;
}

button.disabled.alert, .disabled.alert#view_all_comments, button[disabled].alert, [disabled].alert#view_all_comments, .button.disabled.alert, .button[disabled].alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

button.disabled.alert:hover, .disabled.alert#view_all_comments:hover, button.disabled.alert:focus, .disabled.alert#view_all_comments:focus, button[disabled].alert:hover, [disabled].alert#view_all_comments:hover, button[disabled].alert:focus, [disabled].alert#view_all_comments:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
    background-color: #cf2a0e;
}

button.disabled.alert:hover, .disabled.alert#view_all_comments:hover, button.disabled.alert:focus, .disabled.alert#view_all_comments:focus, button[disabled].alert:hover, [disabled].alert#view_all_comments:hover, button[disabled].alert:focus, [disabled].alert#view_all_comments:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
    color: #FFFFFF;
}

button.disabled.alert:hover, .disabled.alert#view_all_comments:hover, button.disabled.alert:focus, .disabled.alert#view_all_comments:focus, button[disabled].alert:hover, [disabled].alert#view_all_comments:hover, button[disabled].alert:focus, [disabled].alert#view_all_comments:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
    background-color: #f04124;
}

button.disabled.warning, .disabled.warning#view_all_comments, button[disabled].warning, [disabled].warning#view_all_comments, .button.disabled.warning, .button[disabled].warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

button.disabled.warning:hover, .disabled.warning#view_all_comments:hover, button.disabled.warning:focus, .disabled.warning#view_all_comments:focus, button[disabled].warning:hover, [disabled].warning#view_all_comments:hover, button[disabled].warning:focus, [disabled].warning#view_all_comments:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
    background-color: #cf6e0e;
}

button.disabled.warning:hover, .disabled.warning#view_all_comments:hover, button.disabled.warning:focus, .disabled.warning#view_all_comments:focus, button[disabled].warning:hover, [disabled].warning#view_all_comments:hover, button[disabled].warning:focus, [disabled].warning#view_all_comments:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
    color: #FFFFFF;
}

button.disabled.warning:hover, .disabled.warning#view_all_comments:hover, button.disabled.warning:focus, .disabled.warning#view_all_comments:focus, button[disabled].warning:hover, [disabled].warning#view_all_comments:hover, button[disabled].warning:focus, [disabled].warning#view_all_comments:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
    background-color: #f08a24;
}

button.disabled.info, .disabled.info#view_all_comments, button[disabled].info, [disabled].info#view_all_comments, .button.disabled.info, .button[disabled].info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none;
}

button.disabled.info:hover, .disabled.info#view_all_comments:hover, button.disabled.info:focus, .disabled.info#view_all_comments:focus, button[disabled].info:hover, [disabled].info#view_all_comments:hover, button[disabled].info:focus, [disabled].info#view_all_comments:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
    background-color: #61b6d9;
}

button.disabled.info:hover, .disabled.info#view_all_comments:hover, button.disabled.info:focus, .disabled.info#view_all_comments:focus, button[disabled].info:hover, [disabled].info#view_all_comments:hover, button[disabled].info:focus, [disabled].info#view_all_comments:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
    color: #FFFFFF;
}

button.disabled.info:hover, .disabled.info#view_all_comments:hover, button.disabled.info:focus, .disabled.info#view_all_comments:focus, button[disabled].info:hover, [disabled].info#view_all_comments:hover, button[disabled].info:focus, [disabled].info#view_all_comments:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
    background-color: #a0d3e8;
}

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

@media only screen and (min-width: 40.063em) {
    button, #view_all_comments, .button {
        display: inline-block;
    }
}

/* Foundation Dropdowns */
.f-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 2px;
    max-width: 200px;
}

.f-dropdown > *:first-child {
    margin-top: 0;
}

.f-dropdown > *:last-child {
    margin-bottom: 0;
}

.f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent #FFFFFF transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89;
}

.f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88;
}

.f-dropdown.right:before {
    left: auto;
    right: 10px;
}

.f-dropdown.right:after {
    left: auto;
    right: 9px;
}

.f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px;
}

.f-dropdown.drop-right > *:first-child {
    margin-top: 0;
}

.f-dropdown.drop-right > *:last-child {
    margin-bottom: 0;
}

.f-dropdown.drop-right:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #FFFFFF transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 10px;
    left: -12px;
    z-index: 89;
}

.f-dropdown.drop-right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent #cccccc transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 9px;
    left: -14px;
    z-index: 88;
}

.f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px;
}

.f-dropdown.drop-left > *:first-child {
    margin-top: 0;
}

.f-dropdown.drop-left > *:last-child {
    margin-bottom: 0;
}

.f-dropdown.drop-left:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #FFFFFF;
    border-left-style: solid;
    position: absolute;
    top: 10px;
    right: -12px;
    left: auto;
    z-index: 89;
}

.f-dropdown.drop-left:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent transparent #cccccc;
    border-left-style: solid;
    position: absolute;
    top: 9px;
    right: -14px;
    left: auto;
    z-index: 88;
}

.f-dropdown.drop-top {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: -2px;
    margin-left: 0;
    max-width: 200px;
}

.f-dropdown.drop-top > *:first-child {
    margin-top: 0;
}

.f-dropdown.drop-top > *:last-child {
    margin-bottom: 0;
}

.f-dropdown.drop-top:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #FFFFFF transparent transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: auto;
    bottom: -12px;
    left: 10px;
    right: auto;
    z-index: 89;
}

.f-dropdown.drop-top:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: #cccccc transparent transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: auto;
    bottom: -14px;
    left: 9px;
    right: auto;
    z-index: 88;
}

.f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0;
}

.f-dropdown li:hover, .f-dropdown li:focus {
    background: #EEEEEE;
}

.f-dropdown li.radius {
    border-radius: 3px;
}

.f-dropdown li a {
    display: block;
    padding: 0.5rem;
    color: #555555;
}

.f-dropdown.content {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    max-width: 200px;
}

.f-dropdown.content > *:first-child {
    margin-top: 0;
}

.f-dropdown.content > *:last-child {
    margin-bottom: 0;
}

.f-dropdown.tiny {
    max-width: 200px;
}

.f-dropdown.small {
    max-width: 300px;
}

.f-dropdown.medium {
    max-width: 500px;
}

.f-dropdown.large {
    max-width: 800px;
}

.f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important;
}

.f-dropdown.mega.open {
    left: 0 !important;
}

.dropdown.button, button.dropdown, .dropdown#view_all_comments {
    position: relative;
    outline: none;
    padding-right: 3.5625rem;
}

.dropdown.button::after, button.dropdown::after, .dropdown#view_all_comments::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent;
    top: 50%;
}

.dropdown.button::after, button.dropdown::after, .dropdown#view_all_comments::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem;
}

.dropdown.button::after, button.dropdown::after, .dropdown#view_all_comments::after {
    border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.tiny, button.dropdown.tiny, .dropdown.tiny#view_all_comments {
    padding-right: 2.625rem;
}

.dropdown.button.tiny:after, button.dropdown.tiny:after, .dropdown.tiny#view_all_comments:after {
    border-width: 0.375rem;
    right: 1.125rem;
    margin-top: -0.125rem;
}

.dropdown.button.tiny::after, button.dropdown.tiny::after, .dropdown.tiny#view_all_comments::after {
    border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.small, button.dropdown.small, .dropdown.small#view_all_comments {
    padding-right: 3.0625rem;
}

.dropdown.button.small::after, button.dropdown.small::after, .dropdown.small#view_all_comments::after {
    border-width: 0.4375rem;
    right: 1.3125rem;
    margin-top: -0.15625rem;
}

.dropdown.button.small::after, button.dropdown.small::after, .dropdown.small#view_all_comments::after {
    border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.large, button.dropdown.large, .dropdown.large#view_all_comments {
    padding-right: 3.625rem;
}

.dropdown.button.large::after, button.dropdown.large::after, .dropdown.large#view_all_comments::after {
    border-width: 0.3125rem;
    right: 1.71875rem;
    margin-top: -0.15625rem;
}

.dropdown.button.large::after, button.dropdown.large::after, .dropdown.large#view_all_comments::after {
    border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.secondary:after, button.dropdown.secondary:after, .dropdown.secondary#view_all_comments:after {
    border-color: #333333 transparent transparent transparent;
}

.flex-video {
    position: relative;
    padding-top: 1.5625rem;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
}

.flex-video.widescreen {
    padding-bottom: 56.34%;
}

.flex-video.vimeo {
    padding-top: 0;
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 73.75rem;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}

.row .row {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
}

.row .row:before, .row .row:after {
    content: " ";
    display: table;
}

.row .row:after {
    clear: both;
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
}

.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}

.row .row.collapse:after {
    clear: both;
}

.column, .columns {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
}

[class*="column"] + [class*="column"]:last-child {
    float: right;
}

[class*="column"] + [class*="column"].end {
    float: left;
}

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

    .small-pull-0 {
        position: relative;
        right: 0%;
        left: auto;
    }

    .small-push-1 {
        position: relative;
        left: 4.16667%;
        right: auto;
    }

    .small-pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto;
    }

    .small-push-2 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .small-pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .small-push-3 {
        position: relative;
        left: 12.5%;
        right: auto;
    }

    .small-pull-3 {
        position: relative;
        right: 12.5%;
        left: auto;
    }

    .small-push-4 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .small-pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .small-push-5 {
        position: relative;
        left: 20.83333%;
        right: auto;
    }

    .small-pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto;
    }

    .small-push-6 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .small-pull-6 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .small-push-7 {
        position: relative;
        left: 29.16667%;
        right: auto;
    }

    .small-pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto;
    }

    .small-push-8 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .small-pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .small-push-9 {
        position: relative;
        left: 37.5%;
        right: auto;
    }

    .small-pull-9 {
        position: relative;
        right: 37.5%;
        left: auto;
    }

    .small-push-10 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .small-pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .small-push-11 {
        position: relative;
        left: 45.83333%;
        right: auto;
    }

    .small-pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto;
    }

    .small-push-12 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .small-pull-12 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .small-push-13 {
        position: relative;
        left: 54.16667%;
        right: auto;
    }

    .small-pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto;
    }

    .small-push-14 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .small-pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .small-push-15 {
        position: relative;
        left: 62.5%;
        right: auto;
    }

    .small-pull-15 {
        position: relative;
        right: 62.5%;
        left: auto;
    }

    .small-push-16 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .small-pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .small-push-17 {
        position: relative;
        left: 70.83333%;
        right: auto;
    }

    .small-pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto;
    }

    .small-push-18 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .small-pull-18 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .small-push-19 {
        position: relative;
        left: 79.16667%;
        right: auto;
    }

    .small-pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto;
    }

    .small-push-20 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .small-pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .small-push-21 {
        position: relative;
        left: 87.5%;
        right: auto;
    }

    .small-pull-21 {
        position: relative;
        right: 87.5%;
        left: auto;
    }

    .small-push-22 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .small-pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .small-push-23 {
        position: relative;
        left: 95.83333%;
        right: auto;
    }

    .small-pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .small-1 {
        width: 4.16667%;
    }

    .small-2 {
        width: 8.33333%;
    }

    .small-3 {
        width: 12.5%;
    }

    .small-4 {
        width: 16.66667%;
    }

    .small-5 {
        width: 20.83333%;
    }

    .small-6 {
        width: 25%;
    }

    .small-7 {
        width: 29.16667%;
    }

    .small-8 {
        width: 33.33333%;
    }

    .small-9 {
        width: 37.5%;
    }

    .small-10 {
        width: 41.66667%;
    }

    .small-11 {
        width: 45.83333%;
    }

    .small-12 {
        width: 50%;
    }

    .small-13 {
        width: 54.16667%;
    }

    .small-14 {
        width: 58.33333%;
    }

    .small-15 {
        width: 62.5%;
    }

    .small-16 {
        width: 66.66667%;
    }

    .small-17 {
        width: 70.83333%;
    }

    .small-18 {
        width: 75%;
    }

    .small-19 {
        width: 79.16667%;
    }

    .small-20 {
        width: 83.33333%;
    }

    .small-21 {
        width: 87.5%;
    }

    .small-22 {
        width: 91.66667%;
    }

    .small-23 {
        width: 95.83333%;
    }

    .small-24 {
        width: 100%;
    }

    .small-offset-0 {
        margin-left: 0% !important;
    }

    .small-offset-1 {
        margin-left: 4.16667% !important;
    }

    .small-offset-2 {
        margin-left: 8.33333% !important;
    }

    .small-offset-3 {
        margin-left: 12.5% !important;
    }

    .small-offset-4 {
        margin-left: 16.66667% !important;
    }

    .small-offset-5 {
        margin-left: 20.83333% !important;
    }

    .small-offset-6 {
        margin-left: 25% !important;
    }

    .small-offset-7 {
        margin-left: 29.16667% !important;
    }

    .small-offset-8 {
        margin-left: 33.33333% !important;
    }

    .small-offset-9 {
        margin-left: 37.5% !important;
    }

    .small-offset-10 {
        margin-left: 41.66667% !important;
    }

    .small-offset-11 {
        margin-left: 45.83333% !important;
    }

    .small-offset-12 {
        margin-left: 50% !important;
    }

    .small-offset-13 {
        margin-left: 54.16667% !important;
    }

    .small-offset-14 {
        margin-left: 58.33333% !important;
    }

    .small-offset-15 {
        margin-left: 62.5% !important;
    }

    .small-offset-16 {
        margin-left: 66.66667% !important;
    }

    .small-offset-17 {
        margin-left: 70.83333% !important;
    }

    .small-offset-18 {
        margin-left: 75% !important;
    }

    .small-offset-19 {
        margin-left: 79.16667% !important;
    }

    .small-offset-20 {
        margin-left: 83.33333% !important;
    }

    .small-offset-21 {
        margin-left: 87.5% !important;
    }

    .small-offset-22 {
        margin-left: 91.66667% !important;
    }

    .small-offset-23 {
        margin-left: 95.83333% !important;
    }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .column.small-centered, .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.small-uncentered, .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.small-centered:last-child, .columns.small-centered:last-child {
        float: none;
    }

    .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
        float: left;
    }

    .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
        float: right;
    }

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
        padding-left: 0;
        padding-right: 0;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

    .medium-pull-0 {
        position: relative;
        right: 0%;
        left: auto;
    }

    .medium-push-1 {
        position: relative;
        left: 4.16667%;
        right: auto;
    }

    .medium-pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto;
    }

    .medium-push-2 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .medium-pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .medium-push-3 {
        position: relative;
        left: 12.5%;
        right: auto;
    }

    .medium-pull-3 {
        position: relative;
        right: 12.5%;
        left: auto;
    }

    .medium-push-4 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .medium-pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .medium-push-5 {
        position: relative;
        left: 20.83333%;
        right: auto;
    }

    .medium-pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto;
    }

    .medium-push-6 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .medium-pull-6 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .medium-push-7 {
        position: relative;
        left: 29.16667%;
        right: auto;
    }

    .medium-pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto;
    }

    .medium-push-8 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .medium-pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .medium-push-9 {
        position: relative;
        left: 37.5%;
        right: auto;
    }

    .medium-pull-9 {
        position: relative;
        right: 37.5%;
        left: auto;
    }

    .medium-push-10 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .medium-pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .medium-push-11 {
        position: relative;
        left: 45.83333%;
        right: auto;
    }

    .medium-pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto;
    }

    .medium-push-12 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .medium-pull-12 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .medium-push-13 {
        position: relative;
        left: 54.16667%;
        right: auto;
    }

    .medium-pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto;
    }

    .medium-push-14 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .medium-pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .medium-push-15 {
        position: relative;
        left: 62.5%;
        right: auto;
    }

    .medium-pull-15 {
        position: relative;
        right: 62.5%;
        left: auto;
    }

    .medium-push-16 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .medium-pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .medium-push-17 {
        position: relative;
        left: 70.83333%;
        right: auto;
    }

    .medium-pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto;
    }

    .medium-push-18 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .medium-pull-18 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .medium-push-19 {
        position: relative;
        left: 79.16667%;
        right: auto;
    }

    .medium-pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto;
    }

    .medium-push-20 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .medium-pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .medium-push-21 {
        position: relative;
        left: 87.5%;
        right: auto;
    }

    .medium-pull-21 {
        position: relative;
        right: 87.5%;
        left: auto;
    }

    .medium-push-22 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .medium-pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .medium-push-23 {
        position: relative;
        left: 95.83333%;
        right: auto;
    }

    .medium-pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .medium-1 {
        width: 4.16667%;
    }

    .medium-2 {
        width: 8.33333%;
    }

    .medium-3 {
        width: 12.5%;
    }

    .medium-4 {
        width: 16.66667%;
    }

    .medium-5 {
        width: 20.83333%;
    }

    .medium-6 {
        width: 25%;
    }

    .medium-7 {
        width: 29.16667%;
    }

    .medium-8 {
        width: 33.33333%;
    }

    .medium-9 {
        width: 37.5%;
    }

    .medium-10 {
        width: 41.66667%;
    }

    .medium-11 {
        width: 45.83333%;
    }

    .medium-12 {
        width: 50%;
    }

    .medium-13 {
        width: 54.16667%;
    }

    .medium-14 {
        width: 58.33333%;
    }

    .medium-15 {
        width: 62.5%;
    }

    .medium-16 {
        width: 66.66667%;
    }

    .medium-17 {
        width: 70.83333%;
    }

    .medium-18 {
        width: 75%;
    }

    .medium-19 {
        width: 79.16667%;
    }

    .medium-20 {
        width: 83.33333%;
    }

    .medium-21 {
        width: 87.5%;
    }

    .medium-22 {
        width: 91.66667%;
    }

    .medium-23 {
        width: 95.83333%;
    }

    .medium-24 {
        width: 100%;
    }

    .medium-offset-0 {
        margin-left: 0% !important;
    }

    .medium-offset-1 {
        margin-left: 4.16667% !important;
    }

    .medium-offset-2 {
        margin-left: 8.33333% !important;
    }

    .medium-offset-3 {
        margin-left: 12.5% !important;
    }

    .medium-offset-4 {
        margin-left: 16.66667% !important;
    }

    .medium-offset-5 {
        margin-left: 20.83333% !important;
    }

    .medium-offset-6 {
        margin-left: 25% !important;
    }

    .medium-offset-7 {
        margin-left: 29.16667% !important;
    }

    .medium-offset-8 {
        margin-left: 33.33333% !important;
    }

    .medium-offset-9 {
        margin-left: 37.5% !important;
    }

    .medium-offset-10 {
        margin-left: 41.66667% !important;
    }

    .medium-offset-11 {
        margin-left: 45.83333% !important;
    }

    .medium-offset-12 {
        margin-left: 50% !important;
    }

    .medium-offset-13 {
        margin-left: 54.16667% !important;
    }

    .medium-offset-14 {
        margin-left: 58.33333% !important;
    }

    .medium-offset-15 {
        margin-left: 62.5% !important;
    }

    .medium-offset-16 {
        margin-left: 66.66667% !important;
    }

    .medium-offset-17 {
        margin-left: 70.83333% !important;
    }

    .medium-offset-18 {
        margin-left: 75% !important;
    }

    .medium-offset-19 {
        margin-left: 79.16667% !important;
    }

    .medium-offset-20 {
        margin-left: 83.33333% !important;
    }

    .medium-offset-21 {
        margin-left: 87.5% !important;
    }

    .medium-offset-22 {
        margin-left: 91.66667% !important;
    }

    .medium-offset-23 {
        margin-left: 95.83333% !important;
    }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .column.medium-centered, .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.medium-uncentered, .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.medium-centered:last-child, .columns.medium-centered:last-child {
        float: none;
    }

    .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
        float: left;
    }

    .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
        float: right;
    }

    .row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0%;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 4.16667%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 12.5%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 12.5%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 20.83333%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 29.16667%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 37.5%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 37.5%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 45.83333%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto;
    }

    .push-12 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-12 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-13 {
        position: relative;
        left: 54.16667%;
        right: auto;
    }

    .pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto;
    }

    .push-14 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-15 {
        position: relative;
        left: 62.5%;
        right: auto;
    }

    .pull-15 {
        position: relative;
        right: 62.5%;
        left: auto;
    }

    .push-16 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-17 {
        position: relative;
        left: 70.83333%;
        right: auto;
    }

    .pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto;
    }

    .push-18 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-18 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-19 {
        position: relative;
        left: 79.16667%;
        right: auto;
    }

    .pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto;
    }

    .push-20 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-21 {
        position: relative;
        left: 87.5%;
        right: auto;
    }

    .pull-21 {
        position: relative;
        right: 87.5%;
        left: auto;
    }

    .push-22 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .push-23 {
        position: relative;
        left: 95.83333%;
        right: auto;
    }

    .pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .large-push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

    .large-pull-0 {
        position: relative;
        right: 0%;
        left: auto;
    }

    .large-push-1 {
        position: relative;
        left: 4.16667%;
        right: auto;
    }

    .large-pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto;
    }

    .large-push-2 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .large-pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .large-push-3 {
        position: relative;
        left: 12.5%;
        right: auto;
    }

    .large-pull-3 {
        position: relative;
        right: 12.5%;
        left: auto;
    }

    .large-push-4 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .large-pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .large-push-5 {
        position: relative;
        left: 20.83333%;
        right: auto;
    }

    .large-pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto;
    }

    .large-push-6 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .large-pull-6 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .large-push-7 {
        position: relative;
        left: 29.16667%;
        right: auto;
    }

    .large-pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto;
    }

    .large-push-8 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .large-pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .large-push-9 {
        position: relative;
        left: 37.5%;
        right: auto;
    }

    .large-pull-9 {
        position: relative;
        right: 37.5%;
        left: auto;
    }

    .large-push-10 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .large-pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .large-push-11 {
        position: relative;
        left: 45.83333%;
        right: auto;
    }

    .large-pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto;
    }

    .large-push-12 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .large-pull-12 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .large-push-13 {
        position: relative;
        left: 54.16667%;
        right: auto;
    }

    .large-pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto;
    }

    .large-push-14 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .large-pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .large-push-15 {
        position: relative;
        left: 62.5%;
        right: auto;
    }

    .large-pull-15 {
        position: relative;
        right: 62.5%;
        left: auto;
    }

    .large-push-16 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .large-pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .large-push-17 {
        position: relative;
        left: 70.83333%;
        right: auto;
    }

    .large-pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto;
    }

    .large-push-18 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .large-pull-18 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .large-push-19 {
        position: relative;
        left: 79.16667%;
        right: auto;
    }

    .large-pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto;
    }

    .large-push-20 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .large-pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .large-push-21 {
        position: relative;
        left: 87.5%;
        right: auto;
    }

    .large-pull-21 {
        position: relative;
        right: 87.5%;
        left: auto;
    }

    .large-push-22 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .large-pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .large-push-23 {
        position: relative;
        left: 95.83333%;
        right: auto;
    }

    .large-pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto;
    }

    .column, .columns {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .large-1 {
        width: 4.16667%;
    }

    .large-2 {
        width: 8.33333%;
    }

    .large-3 {
        width: 12.5%;
    }

    .large-4 {
        width: 16.66667%;
    }

    .large-5 {
        width: 20.83333%;
    }

    .large-6 {
        width: 25%;
    }

    .large-7 {
        width: 29.16667%;
    }

    .large-8 {
        width: 33.33333%;
    }

    .large-9 {
        width: 37.5%;
    }

    .large-10 {
        width: 41.66667%;
    }

    .large-11 {
        width: 45.83333%;
    }

    .large-12 {
        width: 50%;
    }

    .large-13 {
        width: 54.16667%;
    }

    .large-14 {
        width: 58.33333%;
    }

    .large-15 {
        width: 62.5%;
    }

    .large-16 {
        width: 66.66667%;
    }

    .large-17 {
        width: 70.83333%;
    }

    .large-18 {
        width: 75%;
    }

    .large-19 {
        width: 79.16667%;
    }

    .large-20 {
        width: 83.33333%;
    }

    .large-21 {
        width: 87.5%;
    }

    .large-22 {
        width: 91.66667%;
    }

    .large-23 {
        width: 95.83333%;
    }

    .large-24 {
        width: 100%;
    }

    .large-offset-0 {
        margin-left: 0% !important;
    }

    .large-offset-1 {
        margin-left: 4.16667% !important;
    }

    .large-offset-2 {
        margin-left: 8.33333% !important;
    }

    .large-offset-3 {
        margin-left: 12.5% !important;
    }

    .large-offset-4 {
        margin-left: 16.66667% !important;
    }

    .large-offset-5 {
        margin-left: 20.83333% !important;
    }

    .large-offset-6 {
        margin-left: 25% !important;
    }

    .large-offset-7 {
        margin-left: 29.16667% !important;
    }

    .large-offset-8 {
        margin-left: 33.33333% !important;
    }

    .large-offset-9 {
        margin-left: 37.5% !important;
    }

    .large-offset-10 {
        margin-left: 41.66667% !important;
    }

    .large-offset-11 {
        margin-left: 45.83333% !important;
    }

    .large-offset-12 {
        margin-left: 50% !important;
    }

    .large-offset-13 {
        margin-left: 54.16667% !important;
    }

    .large-offset-14 {
        margin-left: 58.33333% !important;
    }

    .large-offset-15 {
        margin-left: 62.5% !important;
    }

    .large-offset-16 {
        margin-left: 66.66667% !important;
    }

    .large-offset-17 {
        margin-left: 70.83333% !important;
    }

    .large-offset-18 {
        margin-left: 75% !important;
    }

    .large-offset-19 {
        margin-left: 79.16667% !important;
    }

    .large-offset-20 {
        margin-left: 83.33333% !important;
    }

    .large-offset-21 {
        margin-left: 87.5% !important;
    }

    .large-offset-22 {
        margin-left: 91.66667% !important;
    }

    .large-offset-23 {
        margin-left: 95.83333% !important;
    }

    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .column.large-centered, .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.large-uncentered, .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.large-centered:last-child, .columns.large-centered:last-child {
        float: none;
    }

    .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
        float: left;
    }

    .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
        float: right;
    }

    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

    .push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

    .pull-0 {
        position: relative;
        right: 0%;
        left: auto;
    }

    .push-1 {
        position: relative;
        left: 4.16667%;
        right: auto;
    }

    .pull-1 {
        position: relative;
        right: 4.16667%;
        left: auto;
    }

    .push-2 {
        position: relative;
        left: 8.33333%;
        right: auto;
    }

    .pull-2 {
        position: relative;
        right: 8.33333%;
        left: auto;
    }

    .push-3 {
        position: relative;
        left: 12.5%;
        right: auto;
    }

    .pull-3 {
        position: relative;
        right: 12.5%;
        left: auto;
    }

    .push-4 {
        position: relative;
        left: 16.66667%;
        right: auto;
    }

    .pull-4 {
        position: relative;
        right: 16.66667%;
        left: auto;
    }

    .push-5 {
        position: relative;
        left: 20.83333%;
        right: auto;
    }

    .pull-5 {
        position: relative;
        right: 20.83333%;
        left: auto;
    }

    .push-6 {
        position: relative;
        left: 25%;
        right: auto;
    }

    .pull-6 {
        position: relative;
        right: 25%;
        left: auto;
    }

    .push-7 {
        position: relative;
        left: 29.16667%;
        right: auto;
    }

    .pull-7 {
        position: relative;
        right: 29.16667%;
        left: auto;
    }

    .push-8 {
        position: relative;
        left: 33.33333%;
        right: auto;
    }

    .pull-8 {
        position: relative;
        right: 33.33333%;
        left: auto;
    }

    .push-9 {
        position: relative;
        left: 37.5%;
        right: auto;
    }

    .pull-9 {
        position: relative;
        right: 37.5%;
        left: auto;
    }

    .push-10 {
        position: relative;
        left: 41.66667%;
        right: auto;
    }

    .pull-10 {
        position: relative;
        right: 41.66667%;
        left: auto;
    }

    .push-11 {
        position: relative;
        left: 45.83333%;
        right: auto;
    }

    .pull-11 {
        position: relative;
        right: 45.83333%;
        left: auto;
    }

    .push-12 {
        position: relative;
        left: 50%;
        right: auto;
    }

    .pull-12 {
        position: relative;
        right: 50%;
        left: auto;
    }

    .push-13 {
        position: relative;
        left: 54.16667%;
        right: auto;
    }

    .pull-13 {
        position: relative;
        right: 54.16667%;
        left: auto;
    }

    .push-14 {
        position: relative;
        left: 58.33333%;
        right: auto;
    }

    .pull-14 {
        position: relative;
        right: 58.33333%;
        left: auto;
    }

    .push-15 {
        position: relative;
        left: 62.5%;
        right: auto;
    }

    .pull-15 {
        position: relative;
        right: 62.5%;
        left: auto;
    }

    .push-16 {
        position: relative;
        left: 66.66667%;
        right: auto;
    }

    .pull-16 {
        position: relative;
        right: 66.66667%;
        left: auto;
    }

    .push-17 {
        position: relative;
        left: 70.83333%;
        right: auto;
    }

    .pull-17 {
        position: relative;
        right: 70.83333%;
        left: auto;
    }

    .push-18 {
        position: relative;
        left: 75%;
        right: auto;
    }

    .pull-18 {
        position: relative;
        right: 75%;
        left: auto;
    }

    .push-19 {
        position: relative;
        left: 79.16667%;
        right: auto;
    }

    .pull-19 {
        position: relative;
        right: 79.16667%;
        left: auto;
    }

    .push-20 {
        position: relative;
        left: 83.33333%;
        right: auto;
    }

    .pull-20 {
        position: relative;
        right: 83.33333%;
        left: auto;
    }

    .push-21 {
        position: relative;
        left: 87.5%;
        right: auto;
    }

    .pull-21 {
        position: relative;
        right: 87.5%;
        left: auto;
    }

    .push-22 {
        position: relative;
        left: 91.66667%;
        right: auto;
    }

    .pull-22 {
        position: relative;
        right: 91.66667%;
        left: auto;
    }

    .push-23 {
        position: relative;
        left: 95.83333%;
        right: auto;
    }

    .pull-23 {
        position: relative;
        right: 95.83333%;
        left: auto;
    }
}

.inline-list {
    margin: 0 auto 1.0625rem auto;
    margin-left: -1.375rem;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block;
}

.inline-list > li > * {
    display: block;
}

.label {
    font-weight: normal;
    font-family: "Open Sans", arial;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    background-color: #6288a5;
    color: #FFFFFF;
}

.label.radius {
    border-radius: 3px;
}

.label.round {
    border-radius: 1000px;
}

.label.alert {
    background-color: #f04124;
    color: #FFFFFF;
}

.label.warning {
    background-color: #f08a24;
    color: #FFFFFF;
}

.label.success {
    background-color: #43AC6A;
    color: #FFFFFF;
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333333;
}

.label.info {
    background-color: #a0d3e8;
    color: #333333;
}

ul.pagination {
    display: block;
    min-height: 1.5rem;
    margin-left: -0.3125rem;
}

ul.pagination li {
    height: 1.5rem;
    color: #222222;
    font-size: 0.875rem;
    margin-left: 0.3125rem;
}

ul.pagination li a, ul.pagination li button, ul.pagination li #view_all_comments {
    display: block;
    padding: 0.0625rem 0.625rem 0.0625rem;
    color: #999999;
    background: none;
    border-radius: 3px;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out;
}

ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li:hover #view_all_comments, ul.pagination li button:focus, ul.pagination li #view_all_comments:focus {
    background: #e6e6e6;
}

ul.pagination li.unavailable a, ul.pagination li.unavailable button, ul.pagination li.unavailable #view_all_comments {
    cursor: default;
    color: #999999;
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable:hover #view_all_comments, ul.pagination li.unavailable button:focus, ul.pagination li.unavailable #view_all_comments:focus {
    background: transparent;
}

ul.pagination li.current a, ul.pagination li.current button, ul.pagination li.current #view_all_comments {
    background: #6288a5;
    color: #FFFFFF;
    font-weight: bold;
    cursor: default;
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current #view_all_comments:hover, ul.pagination li.current button:focus, ul.pagination li.current #view_all_comments:focus {
    background: #6288a5;
}

ul.pagination li {
    float: left;
    display: block;
}

/* Pagination centred wrapper */
.pagination-centered {
    text-align: center;
}

.pagination-centered ul.pagination li {
    float: none;
    display: inline-block;
}

.side-nav {
    display: block;
    margin: 0;
    padding: 0.875rem 0;
    list-style-type: none;
    list-style-position: outside;
    font-family: "Open Sans", arial;
}

.side-nav li {
    margin: 0 0 0.4375rem 0;
    font-size: 0.875rem;
    font-weight: normal;
}

.side-nav li a:not(.button) {
    display: block;
    color: #6288a5;
    margin: 0;
    padding: 0.4375rem 0.875rem;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    background: rgba(0, 0, 0, 0.025);
    color: #91acc0;
}

.side-nav li.active > a:first-child:not(.button) {
    color: #91acc0;
    font-weight: normal;
    font-family: "Open Sans", arial;
}

.side-nav li.divider {
    border-top: 1px solid;
    height: 0;
    padding: 0;
    list-style: none;
    border-top-color: white;
}

.side-nav li.heading {
    color: #6288a5;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
}

.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    margin-bottom: -0.125rem 0 1rem;
    padding-top: 0.125rem;
}

.sub-nav dt {
    text-transform: uppercase;
}

.sub-nav dt, .sub-nav dd, .sub-nav li {
    float: left;
    margin-left: 1rem;
    margin-bottom: 0;
    font-family: "Open Sans", arial;
    font-weight: normal;
    font-size: 0.875rem;
    color: #999999;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    text-decoration: none;
    color: #999999;
    padding: 0.1875rem 1rem;
}

.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
    color: #737373;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    border-radius: 3px;
    font-weight: normal;
    background: #6288a5;
    padding: 0.1875rem 1rem;
    cursor: default;
    color: #FFFFFF;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
    background: #527590;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important;
    }

    .small-only-text-right {
        text-align: right !important;
    }

    .small-only-text-center {
        text-align: center !important;
    }

    .small-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important;
    }

    .small-text-right {
        text-align: right !important;
    }

    .small-text-center {
        text-align: center !important;
    }

    .small-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .medium-only-text-left {
        text-align: left !important;
    }

    .medium-only-text-right {
        text-align: right !important;
    }

    .medium-only-text-center {
        text-align: center !important;
    }

    .medium-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-text-left {
        text-align: left !important;
    }

    .medium-text-right {
        text-align: right !important;
    }

    .medium-text-center {
        text-align: center !important;
    }

    .medium-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left !important;
    }

    .large-only-text-right {
        text-align: right !important;
    }

    .large-only-text-center {
        text-align: center !important;
    }

    .large-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .large-text-left {
        text-align: left !important;
    }

    .large-text-right {
        text-align: right !important;
    }

    .large-text-center {
        text-align: center !important;
    }

    .large-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .xlarge-only-text-left {
        text-align: left !important;
    }

    .xlarge-only-text-right {
        text-align: right !important;
    }

    .xlarge-only-text-center {
        text-align: center !important;
    }

    .xlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 90.063em) {
    .xlarge-text-left {
        text-align: left !important;
    }

    .xlarge-text-right {
        text-align: right !important;
    }

    .xlarge-text-center {
        text-align: center !important;
    }

    .xlarge-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
    .xxlarge-only-text-left {
        text-align: left !important;
    }

    .xxlarge-only-text-right {
        text-align: right !important;
    }

    .xxlarge-only-text-center {
        text-align: center !important;
    }

    .xxlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 120.063em) {
    .xxlarge-text-left {
        text-align: left !important;
    }

    .xxlarge-text-right {
        text-align: right !important;
    }

    .xxlarge-text-center {
        text-align: center !important;
    }

    .xxlarge-text-justify {
        text-align: justify !important;
    }
}

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h1 a p, h1 p, h2, h2 a p, h2 p, h3, h3 a p, h3 p, h4, h4 a p, h4 p, .rubrica h4 > p, h5, h5 a p, h5 p, .rubrica h5 p, h6, h6 a p, h6 p, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

/* Default Link Styles */
a {
    color: #6288a5;
    text-decoration: none;
    line-height: inherit;
}

a:hover, a:focus {
    color: #527590;
}

a img {
    border: none;
}

/* Default paragraph styles */
p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

p.lead {
    font-size: 1.21875rem;
    line-height: 1.6;
}

p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic;
}

/* Default header styles */
h1, h1 a p, h1 p, h2, h2 a p, h2 p, h3, h3 a p, h3 p, h4, h4 a p, h4 p, .rubrica h4 > p, h5, h5 a p, h5 p, .rubrica h5 p, h6, h6 a p, h6 p {
    font-family: "Open Sans", arial;
    font-weight: normal;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

h1 small, h2 small, h3 small, h4 small, .rubrica h4 > p small, h5 small, .rubrica h5 p small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0;
}

h1, h1 a p, h1 p {
    font-size: 2.125rem;
}

h2, h2 a p, h2 p {
    font-size: 1.6875rem;
}

h3, h3 a p, h3 p {
    font-size: 1.375rem;
}

h4, h4 a p, h4 p, .rubrica h4 > p {
    font-size: 1.125rem;
}

h5, h5 a p, h5 p, .rubrica h5 p {
    font-size: 1.125rem;
}

h6, h6 a p, h6 p {
    font-size: 1rem;
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

hr {
    border: solid #DDDDDD;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0;
}

/* Helpful Typography Defaults */
em, i {
    font-style: italic;
    line-height: inherit;
}

strong, b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 60%;
    line-height: inherit;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #333333;
    background-color: #f8f8f8;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0.125rem 0.3125rem 0.0625rem;
}

/* Lists */
ul, ol, dl {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit;
}

ul {
    margin-left: 1.1rem;
}

ul.no-bullet {
    margin-left: 0;
}

ul.no-bullet li ul, ul.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none;
}

/* Unordered Lists */
ul li ul, ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
}

ul.square li ul, ul.circle li ul, ul.disc li ul {
    list-style: inherit;
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem;
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem;
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem;
}

ul.no-bullet {
    list-style: none;
}

/* Ordered Lists */
ol {
    margin-left: 1.4rem;
}

ol li ul, ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
}

/* Definition Lists */
dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}

dl dd {
    margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help;
}

abbr {
    text-transform: none;
}

abbr[title] {
    border-bottom: 1px dotted #DDDDDD;
}

/* Blockquotes */
blockquote {
    margin: 0 0 1.25rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #DDDDDD;
}

blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
    color: #555555;
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #6f6f6f;
}

/* Microformats */
.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #DDDDDD;
    padding: 0.625rem 0.75rem;
}

.vcard li {
    margin: 0;
    display: block;
}

.vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem;
}

.vevent .summary {
    font-weight: bold;
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625rem;
}

@media only screen and (min-width: 40.063em) {
    h1, h1 a p, h1 p, h2, h2 a p, h2 p, h3, h3 a p, h3 p, h4, h4 a p, h4 p, .rubrica h4 > p, h5, h5 a p, h5 p, .rubrica h5 p, h6, h6 a p, h6 p {
        line-height: 1.4;
    }

    h1, h1 a p, h1 p {
        font-size: 2.75rem;
    }

    h2, h2 a p, h2 p {
        font-size: 2.3125rem;
    }

    h3, h3 a p, h3 p {
        font-size: 1.6875rem;
    }

    h4, h4 a p, h4 p, .rubrica h4 > p {
        font-size: 1.4375rem;
    }

    h5, h5 a p, h5 p, .rubrica h5 p {
        font-size: 1.125rem;
    }

    h6, h6 a p, h6 p {
        font-size: 1rem;
    }
}

.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
}

.inner-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

.inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table;
}

.inner-wrap:after {
    clear: both;
}

.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333333;
    color: #FFFFFF;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative;
}

.tab-bar h1, .tab-bar h1 p, h1 .tab-bar p, .tab-bar h2, .tab-bar h2 p, h2 .tab-bar p, .tab-bar h3, .tab-bar h3 p, h3 .tab-bar p, .tab-bar h4, .tab-bar h4 p, h4 .tab-bar p, .tab-bar h5, .tab-bar h5 p, h5 .tab-bar p, .tab-bar h6, .tab-bar h6 p, h6 .tab-bar p {
    color: #FFFFFF;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0;
}

.tab-bar h1, .tab-bar h1 p, h1 .tab-bar p, .tab-bar h2, .tab-bar h2 p, h2 .tab-bar p, .tab-bar h3, .tab-bar h3 p, h3 .tab-bar p, .tab-bar h4, .tab-bar h4 p, h4 .tab-bar p {
    font-size: 1.125rem;
}

.left-small {
    width: 2.8125rem;
    height: 2.8125rem;
    position: absolute;
    top: 0;
    border-right: solid 1px #1a1a1a;
    left: 0;
}

.right-small {
    width: 2.8125rem;
    height: 2.8125rem;
    position: absolute;
    top: 0;
    border-left: solid 1px #1a1a1a;
    right: 0;
}

.tab-bar-section {
    padding: 0 0.625rem;
    position: absolute;
    text-align: center;
    height: 2.8125rem;
    top: 0;
}

@media only screen and (min-width: 40.063em) {
    .tab-bar-section.left {
        text-align: left;
    }

    .tab-bar-section.right {
        text-align: right;
    }
}

.tab-bar-section.left {
    left: 0;
    right: 2.8125rem;
}

.tab-bar-section.right {
    left: 2.8125rem;
    right: 0;
}

.tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem;
}

.tab-bar .menu-icon {
    text-indent: 2.1875rem;
    width: 2.8125rem;
    height: 2.8125rem;
    display: block;
    padding: 0;
    color: #FFFFFF;
    position: relative;
    transform: translate3d(0, 0, 0);
}

.tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
    width: 1rem;
}

.tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}

.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 15.625rem;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
}

.left-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

.right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 15.625rem;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
}

.right-off-canvas-menu * {
    -webkit-backface-visibility: hidden;
}

ul.off-canvas-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0;
}

ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease;
}

ul.off-canvas-list li a:hover {
    background: #242424;
}

.move-right > .inner-wrap {
    -ms-transform: translate(15.625rem, 0);
    -webkit-transform: translate3d(15.625rem, 0, 0);
    -moz-transform: translate3d(15.625rem, 0, 0);
    -ms-transform: translate3d(15.625rem, 0, 0);
    -o-transform: translate3d(15.625rem, 0, 0);
    transform: translate3d(15.625rem, 0, 0);
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.move-left > .inner-wrap {
    -ms-transform: translate(-15.625rem, 0);
    -webkit-transform: translate3d(-15.625rem, 0, 0);
    -moz-transform: translate3d(-15.625rem, 0, 0);
    -ms-transform: translate3d(-15.625rem, 0, 0);
    -o-transform: translate3d(-15.625rem, 0, 0);
    transform: translate3d(-15.625rem, 0, 0);
}

.move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap-left .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.offcanvas-overlap-right .left-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgba(255, 255, 255, 0.05);
    }
}

.no-csstransforms .left-off-canvas-menu {
    left: -15.625rem;
}

.no-csstransforms .right-off-canvas-menu {
    right: -15.625rem;
}

.no-csstransforms .move-left > .inner-wrap {
    right: 15.625rem;
}

.no-csstransforms .move-right > .inner-wrap {
    left: 15.625rem;
}

.left-submenu {
    -webkit-backface-visibility: hidden;
    width: 15.625rem;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333333;
    z-index: 1002;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

.left-submenu * {
    -webkit-backface-visibility: hidden;
}

.left-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0;
}

.left-submenu .back > a:hover {
    background: #303030;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
}

.left-submenu .back > a:before {
    content: "\AB";
    margin-right: 0.5rem;
    display: inline;
}

.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.right-submenu {
    -webkit-backface-visibility: hidden;
    width: 15.625rem;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333333;
    z-index: 1002;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

.right-submenu * {
    -webkit-backface-visibility: hidden;
}

.right-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0;
}

.right-submenu .back > a:hover {
    background: #303030;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
}

.right-submenu .back > a:after {
    content: "\BB";
    margin-left: 0.5rem;
    display: inline;
}

.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
    content: "\BB";
    margin-left: 0.5rem;
    display: inline;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
    content: "\AB";
    margin-right: 0.5rem;
    display: inline;
}

/* small displays */
@media only screen {
    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* medium displays */
@media only screen and (min-width: 40.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* large displays */
@media only screen and (min-width: 64.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* xlarge displays */
@media only screen and (min-width: 90.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape, .show-for-portrait {
    display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
    display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-landscape, table.hide-for-portrait {
        display: table !important;
    }

    thead.show-for-landscape, thead.hide-for-portrait {
        display: table-header-group !important;
    }

    tbody.show-for-landscape, tbody.hide-for-portrait {
        display: table-row-group !important;
    }

    tr.show-for-landscape, tr.hide-for-portrait {
        display: table-row !important;
    }

    td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
        display: table-cell !important;
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important;
    }

    /* Specific visibility for tables */
    table.show-for-portrait, table.hide-for-landscape {
        display: table !important;
    }

    thead.show-for-portrait, thead.hide-for-landscape {
        display: table-header-group !important;
    }

    tbody.show-for-portrait, tbody.hide-for-landscape {
        display: table-row-group !important;
    }

    tr.show-for-portrait, tr.hide-for-landscape {
        display: table-row !important;
    }

    td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
        display: table-cell !important;
    }
}

/* Touch-enabled device targeting */
.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
    display: table !important;
}

.touch table.show-for-touch {
    display: table !important;
}

thead.hide-for-touch {
    display: table-header-group !important;
}

.touch thead.show-for-touch {
    display: table-header-group !important;
}

tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tbody.show-for-touch {
    display: table-row-group !important;
}

tr.hide-for-touch {
    display: table-row !important;
}

.touch tr.show-for-touch {
    display: table-row !important;
}

td.hide-for-touch {
    display: table-cell !important;
}

.touch td.show-for-touch {
    display: table-cell !important;
}

th.hide-for-touch {
    display: table-cell !important;
}

.touch th.show-for-touch {
    display: table-cell !important;
}

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        color: #000000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h2 a p, h2 p, h3, h3 a p, h3 p {
        orphans: 3;
        widows: 3;
    }

    h2, h2 a p, h2 p, h3, h3 a p, h3 p {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}

/* Print visibility */
@media print {
    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }
}

/* Standard Forms */
form {
    margin: 0 0 1rem;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
    margin: 0 -0.5rem;
}

form .row .row .column, form .row .row .columns {
    padding: 0 0.5rem;
}

form .row .row.collapse {
    margin: 0;
}

form .row .row.collapse .column, form .row .row.collapse .columns {
    padding: 0;
}

form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
    padding-left: 0.5rem;
}

/* Label Styles */
label {
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0; /* Styles for required inputs */
}

label.right {
    float: none !important;
    text-align: right;
}

label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0;
}

label small {
    text-transform: capitalize;
    color: #676767;
}

/* Attach elements to the beginning or end of an input */
.prefix, .postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: none;
}

.prefix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border: none;
}

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc;
}

span.postfix, label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333333;
    border-color: #cccccc;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s linear;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default;
}

input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default;
}

input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px;
}

form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse #view_all_comments {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse #view_all_comments {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse #view_all_comments {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button, form .row .postfix-round.row.collapse #view_all_comments {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
    height: auto;
}

/* Not allow resize out of parent */
textarea {
    max-width: 100%;
}

/* Add height value for select elements to match text input height */
select {
    -webkit-appearance: none !important;
    border-radius: 0;
    background-color: #FAFAFA;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-family: "Open Sans", arial;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    border-radius: 0;
    height: 2.3125rem;
}

select::-ms-expand {
    display: none;
}

select.radius {
    border-radius: 3px;
}

select:hover {
    background-color: #f3f3f3;
    border-color: #999999;
}

select:disabled {
    background-color: #DDDDDD;
    cursor: default;
}

select[multiple] {
    height: auto;
}

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 1rem 0;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
    width: 100%;
}

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
    border: 1px solid #DDDDDD;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

fieldset legend {
    font-weight: bold;
    background: #FFFFFF;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem;
}

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #FFFFFF;
}

[data-abide] span.error, [data-abide] small.error {
    display: none;
}

span.error, small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #FFFFFF;
}

.error input, .error textarea, .error select {
    margin-bottom: 0;
}

.error input[type="checkbox"], .error input[type="radio"] {
    margin-bottom: 1rem;
}

.error label, .error label.error {
    color: #f04124;
}

.error small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #FFFFFF;
}

.error > label > small {
    color: #676767;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 60%;
    margin: 0;
    display: inline;
}

.error span.error-message {
    display: block;
}

input.error, textarea.error, select.error {
    margin-bottom: 0;
}

label.error {
    color: #f04124;
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 40.063em;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
    width: 100%;
    background: #9c005e;
}

.contain-to-grid .top-bar {
    margin-bottom: 0;
}

.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
}

.fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%;
}

.fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99;
}

.fixed.expanded:not(.top-bar) .top-bar-section {
    z-index: 98;
    margin-top: 2.8125rem;
}

.top-bar {
    overflow: hidden;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative;
    background: #9c005e;
    margin-bottom: 0;
}

.top-bar ul {
    margin-bottom: 0;
    list-style: none;
}

.top-bar .row {
    max-width: none;
}

.top-bar form, .top-bar input {
    margin-bottom: 0;
}

.top-bar input {
    height: 1.75rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem;
}

.top-bar .button, .top-bar button, .top-bar #view_all_comments {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 0.75rem;
}

@media only screen and (max-width: 40em) {
    .top-bar .button, .top-bar button, .top-bar #view_all_comments {
        position: relative;
        top: -1px;
    }
}

.top-bar .title-area {
    position: relative;
    margin: 0;
}

.top-bar .name {
    height: 2.8125rem;
    margin: 0;
    font-size: 16px;
}

.top-bar .name h1, .top-bar .name h1 p, h1 .top-bar .name p, .top-bar .name h2, .top-bar .name h2 p, h2 .top-bar .name p, .top-bar .name h3, .top-bar .name h3 p, h3 .top-bar .name p, .top-bar .name h4, .top-bar .name h4 p, h4 .top-bar .name p, .top-bar .name p, .top-bar .name span {
    line-height: 2.8125rem;
    font-size: 1.0625rem;
    margin: 0;
}

.top-bar .name h1 a, h1 .top-bar .name p a, .top-bar .name h2 a, h2 .top-bar .name p a, .top-bar .name h3 a, h3 .top-bar .name p a, .top-bar .name h4 a, h4 .top-bar .name p a, .top-bar .name p a, .top-bar .name span a {
    font-weight: normal;
    color: #FFFFFF;
    width: 75%;
    display: block;
    padding: 0 0.9375rem;
}

.top-bar .toggle-topbar {
    position: absolute;
    left: 0;
    top: 0;
}

.top-bar .toggle-topbar a {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 0.8125rem;
    font-weight: bold;
    position: relative;
    display: block;
    padding: 0 0.9375rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
}

.top-bar .toggle-topbar.menu-icon {
    top: 50%;
    margin-top: -16px;
}

.top-bar .toggle-topbar.menu-icon a {
    height: 34px;
    line-height: 33px;
    padding: 0 2.5rem 0 0.9375rem;
    color: #FFFFFF;
    position: relative;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 0.9375rem;
    box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
    width: 16px;
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}

.top-bar.expanded {
    height: auto;
    background: transparent;
}

.top-bar.expanded .title-area {
    background: #9c005e;
}

.top-bar.expanded .toggle-topbar a {
    color: #888888;
}

.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out;
}

.top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-top: solid 1px #4e002f;
    clear: both;
    height: 1px;
    width: 100%;
}

.top-bar-section ul li {
    background: #333333;
}

.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: #FFFFFF;
    padding: 12px 0 12px 0;
    padding-left: 0.9375rem;
    font-family: "Open Sans", arial;
    font-size: 0.8125rem;
    font-weight: normal;
    text-transform: none;
}

.top-bar-section ul li > a.button {
    font-size: 0.8125rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    background-color: #6288a5;
    border-color: #4d6d86;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
    background-color: #4d6d86;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
    background-color: #b9b9b9;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
    color: #333333;
}

.top-bar-section ul li > a.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
    background-color: #368a55;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
    background-color: #cf2a0e;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
}

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
    background-color: #cf6e0e;
}

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button, .top-bar-section ul li > #view_all_comments {
    font-size: 0.8125rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    background-color: #6288a5;
    border-color: #4d6d86;
    color: #FFFFFF;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > #view_all_comments:hover, .top-bar-section ul li > button:focus, .top-bar-section ul li > #view_all_comments:focus {
    background-color: #4d6d86;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > #view_all_comments:hover, .top-bar-section ul li > button:focus, .top-bar-section ul li > #view_all_comments:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button.secondary, .top-bar-section ul li > .secondary#view_all_comments {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > .secondary#view_all_comments:hover, .top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > .secondary#view_all_comments:focus {
    background-color: #b9b9b9;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > .secondary#view_all_comments:hover, .top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > .secondary#view_all_comments:focus {
    color: #333333;
}

.top-bar-section ul li > button.success, .top-bar-section ul li > .success#view_all_comments {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > .success#view_all_comments:hover, .top-bar-section ul li > button.success:focus, .top-bar-section ul li > .success#view_all_comments:focus {
    background-color: #368a55;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > .success#view_all_comments:hover, .top-bar-section ul li > button.success:focus, .top-bar-section ul li > .success#view_all_comments:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button.alert, .top-bar-section ul li > .alert#view_all_comments {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > .alert#view_all_comments:hover, .top-bar-section ul li > button.alert:focus, .top-bar-section ul li > .alert#view_all_comments:focus {
    background-color: #cf2a0e;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > .alert#view_all_comments:hover, .top-bar-section ul li > button.alert:focus, .top-bar-section ul li > .alert#view_all_comments:focus {
    color: #FFFFFF;
}

.top-bar-section ul li > button.warning, .top-bar-section ul li > .warning#view_all_comments {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF;
}

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > .warning#view_all_comments:hover, .top-bar-section ul li > button.warning:focus, .top-bar-section ul li > .warning#view_all_comments:focus {
    background-color: #cf6e0e;
}

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > .warning#view_all_comments:hover, .top-bar-section ul li > button.warning:focus, .top-bar-section ul li > .warning#view_all_comments:focus {
    color: #FFFFFF;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #555555;
    background: #333333;
    color: #FFFFFF;
}

.top-bar-section ul li.active > a {
    background: #6288a5;
    color: #FFFFFF;
}

.top-bar-section ul li.active > a:hover {
    background: #527590;
    color: #FFFFFF;
}

.top-bar-section .has-form {
    padding: 0.9375rem;
}

.top-bar-section .has-dropdown {
    position: relative;
}

.top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    border-left-style: solid;
    margin-right: 0.9375rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0;
}

.top-bar-section .has-dropdown.moved {
    position: static;
}

.top-bar-section .has-dropdown.moved > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
    width: 100%;
}

.top-bar-section .has-dropdown.moved > a:after {
    display: none;
}

.top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.top-bar-section .dropdown li {
    width: 100%;
    height: auto;
}

.top-bar-section .dropdown li a {
    font-weight: normal;
    padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li a.parent-link {
    font-weight: normal;
}

.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.title h5 p, h5 .top-bar-section .dropdown li.title p, .top-bar-section .dropdown li.parent-link {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem;
}

.top-bar-section .dropdown li.title h5 a, h5 .top-bar-section .dropdown li.title p a, .top-bar-section .dropdown li.parent-link a {
    color: #FFFFFF;
    display: block;
}

.top-bar-section .dropdown li.title h5 a:hover, h5 .top-bar-section .dropdown li.title p a:hover, .top-bar-section .dropdown li.parent-link a:hover {
    background: none;
}

.top-bar-section .dropdown li.has-form {
    padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button, .top-bar-section .dropdown li #view_all_comments {
    top: auto;
}

.top-bar-section .dropdown label {
    padding: 8px 0.9375rem 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #777777;
    font-weight: bold;
    font-size: 0.625rem;
}

.js-generated {
    display: block;
}

@media only screen and (min-width: 64.063em) {
    .top-bar {
        background: #9c005e;
        overflow: visible;
    }

    .top-bar:before, .top-bar:after {
        content: " ";
        display: table;
    }

    .top-bar:after {
        clear: both;
    }

    .top-bar .toggle-topbar {
        display: none;
    }

    .top-bar .title-area {
        float: left;
    }

    .top-bar .name h1 a, h1 .top-bar .name p a, .top-bar .name h2 a, h2 .top-bar .name p a, .top-bar .name h3 a, h3 .top-bar .name p a, .top-bar .name h4 a, h4 .top-bar .name p a, .top-bar .name h5 a, h5 .top-bar .name p a, .top-bar .name h6 a, h6 .top-bar .name p a {
        width: auto;
    }

    .top-bar input, .top-bar .button, .top-bar button, .top-bar #view_all_comments {
        font-size: 0.875rem;
        position: relative;
        height: 1.75rem;
        top: 0.53125rem;
    }

    .top-bar.expanded {
        background: #9c005e;
    }

    .contain-to-grid .top-bar {
        max-width: 73.75rem;
        margin: 0 auto;
        margin-bottom: 0;
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important;
    }

    .top-bar-section ul {
        width: auto;
        height: auto !important;
        display: inline;
    }

    .top-bar-section ul li {
        float: left;
    }

    .top-bar-section ul li .js-generated {
        display: none;
    }

    .top-bar-section li.hover > a:not(.button) {
        background-color: #555555;
        background: #333333;
        color: #FFFFFF;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 0.9375rem;
        line-height: 2.8125rem;
        background: #9c005e;
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #333333;
    }

    .top-bar-section li.active:not(.has-form) a:not(.button) {
        padding: 0 0.9375rem;
        line-height: 2.8125rem;
        color: #FFFFFF;
        background: #6288a5;
    }

    .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #527590;
        color: #FFFFFF;
    }

    .top-bar-section .has-dropdown > a {
        padding-right: 2.1875rem !important;
    }

    .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 1.40625rem;
    }

    .top-bar-section .has-dropdown.moved {
        position: relative;
    }

    .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }

    .top-bar-section .has-dropdown > a:focus + .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }

    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
        border: none;
        content: "\00bb";
        top: 1rem;
        margin-top: -1px;
        right: 5px;
        line-height: 1.2;
    }

    .top-bar-section .dropdown {
        left: 0;
        top: auto;
        background: transparent;
        min-width: 100%;
    }

    .top-bar-section .dropdown li a {
        color: #FFFFFF;
        line-height: 2.8125rem;
        white-space: nowrap;
        padding: 12px 0.9375rem;
        background: #333333;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: #FFFFFF;
        background: #333333;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: #FFFFFF;
        background-color: #555555;
        background: #333333;
    }

    .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333;
    }

    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0;
    }

    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
        border-bottom: none;
        border-top: none;
        border-right: solid 1px #ca007a;
        clear: none;
        height: 2.8125rem;
        width: 0;
    }

    .top-bar-section .has-form {
        background: #9c005e;
        padding: 0 0.9375rem;
        height: 2.8125rem;
    }

    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0;
    }

    .top-bar-section .right li .dropdown li .dropdown {
        right: 100%;
    }

    .top-bar-section .left li .dropdown {
        right: auto;
        left: 0;
    }

    .top-bar-section .left li .dropdown li .dropdown {
        left: 100%;
    }

    .no-js .top-bar-section ul li:hover > a {
        background-color: #555555;
        background: #333333;
        color: #FFFFFF;
    }

    .no-js .top-bar-section ul li:active > a {
        background: #6288a5;
        color: #FFFFFF;
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }

    .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }
}

.range-slider {
    position: relative;
    border: 1px solid #DDDDDD;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: block;
    width: 100%;
    height: 1rem;
    background: #FAFAFA;
}

.range-slider.vertical-range {
    position: relative;
    border: 1px solid #DDDDDD;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    width: 1rem;
    height: 12.5rem;
}

.range-slider.vertical-range .range-slider-handle {
    margin-top: 0;
    margin-left: -0.5rem;
    position: absolute;
    bottom: -10.5rem;
}

.range-slider.vertical-range .range-slider-active-segment {
    width: 0.875rem;
    height: auto;
    bottom: 0;
}

.range-slider.radius {
    background: #FAFAFA;
    border-radius: 3px;
}

.range-slider.radius .range-slider-handle {
    background: #6288a5;
    border-radius: 3px;
}

.range-slider.radius .range-slider-handle:hover {
    background: #547893;
}

.range-slider.round {
    background: #FAFAFA;
    border-radius: 1000px;
}

.range-slider.round .range-slider-handle {
    background: #6288a5;
    border-radius: 1000px;
}

.range-slider.round .range-slider-handle:hover {
    background: #547893;
}

.range-slider.disabled, .range-slider[disabled] {
    background: #FAFAFA;
    cursor: not-allowed;
    opacity: 0.7;
}

.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
    background: #6288a5;
    cursor: default;
    opacity: 0.7;
}

.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
    background: #547893;
}

.range-slider-active-segment {
    display: inline-block;
    position: absolute;
    height: 0.875rem;
    background: #e5e5e5;
}

.range-slider-handle {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -0.3125rem;
    width: 2rem;
    height: 1.375rem;
    border: 1px solid none;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #6288a5;
}

.range-slider-handle:hover {
    background: #547893;
}

.ombra {
    border: solid 1px #e8e8e8;
}

a.facebook {
    padding-left: 20px;
}

.twittericon {
    color: #2DAAE1;
}

.twittericon:hover {
    color: #2DAAE1;
}

.facebookicon {
    color: #3B5998;
}

.facebookicon:hover {
    color: #3B5998;
}

.googleicon {
    color: #c00a39;
}

.googleicon:hover {
    color: #c00a39;
}

.pinteresticon {
    color: #CA2128;
}

.pinteresticon:hover {
    color: #CA2128;
}

.linkedinicon {
    color: #2688bb;
}

.linkedinicon:hover {
    color: #2688bb;
}

.instagramicon {
    color: #517fa6;
}

.instagramicon:hover {
    color: #517fa6;
}

.youtubeicon {
    color: #cf3427;
}

.youtubeicon:hover {
    color: #cf3427;
}

.flex-video {
    padding-top: 0px;
}

.allegati02 {
    float: left;
    color: #9b9b9b;
    display: block;
    padding: 8px 8px 0px 0px;
}

.allegati02 ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 0.8em;
    line-height: 1.1;
    margin-bottom: 1rem;
    list-style-position: outside;
    font-family: inherit;
}

.allegati02 ul li {
    float: left;
    display: block;
    margin-right: 10px;
}

.allegati02 ul li a {
    color: #9b9b9b;
}

.articolo-riservato {
    color: #9b9b9b;
}

.twitter-timeline-rendered {
    width: 630px;
    display: block;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
}

.photo-margin {
    margin-bottom: 30px;
}

.update-ie {
    padding: 15px;
    background: #ddf0ff;
    border: 1px solid #a9cfed;
    color: #3675a5;
    margin: 0px 15px 15px 15px;
    font-size: 13px;
    text-align: center;
    display: block;
    clear: both;
}

.update-ie a {
    font-weight: 700;
    text-decoration: underline;
    color: #3675a5;
}

.update-ie i {
    font-size: 19rem;
}

.allert-cookies {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    background-color: #d96f1c;
    position: fixed;
    bottom: 0px;
    display: block;
    margin: 0px auto;
    text-align: left;
    color: #fff;
    padding: 10px;
    z-index: 200;
    font-size: 0.8em;
}

.allert-cookies button.accept, .allert-cookies .accept#view_all_comments {
    background-color: #393D45;
    float: right;
    margin: 10px;
    line-height: 20px;
    padding: 8px;
    font-size: 15px;
}

.allert-cookies .title-cookies {
    font-size: 1.1em;
    font-weight: 800;
    display: block;
}

.allert-cookies a {
    color: #ffffff;
    text-decoration: underline;
}

.infocookies_container {
    margin: auto;
    padding: 10px;
    color: #fff;
}

#orobie .orobie-box {
    padding-left: 0;
    padding-right: 0;
    width: 25%;
    float: left;
    padding: 15px;
}

#orobie .orobie-title {
    font-size: 0.9rem;
    color: #2d2d2d;
    font-weight: 700;
    line-height: 1.3rem;
    margin-top: 10px;
}

#orobie .logo-orobie {
    width: 114px;
}

#orobie .intestazione {
    width: auto; /*background-color: #e1e0e0;*/
    padding: 15px 15px 0px 15px;
}

.caseinfesta {
    background-color: #ffffff;
    border-top: 5px solid #02b0e5;
    margin: 0px 15px;
    display: block; /*height: 400px;*/
    padding: 0px 6px 10px 8px;
    height: 265px;
}

.caseinfesta .listacaseinfesta {
    display: block;
    padding: 0;
    margin: 0 -2px;
}

.caseinfesta .listacaseinfesta:before, .caseinfesta .listacaseinfesta:after {
    content: " ";
    display: table;
}

.caseinfesta .listacaseinfesta:after {
    clear: both;
}

.caseinfesta .listacaseinfesta > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 2px 4px;
}

.caseinfesta .listacaseinfesta > li {
    width: 20%;
    padding: 0 2px 4px;
    list-style: none;
}

.caseinfesta .listacaseinfesta > li:nth-of-type(1n) {
    clear: none;
}

.caseinfesta .listacaseinfesta > li:nth-of-type(5n+1) {
    clear: both;
}

.caseinfesta .listacaseinfesta li {
    margin-bottom: 4px;
}

.caseinfesta .fotofesta {
    width: 85px;
    height: 85px;
    margin: 4px;
    float: left;
}

.caseinfesta .logocaseinfesta {
    text-align: center;
    margin: 15px 0px;
}

#caseinfestabox-col3 {
    display: block;
    background-color: #ffffff;
    background-image: url("../img/caseinfesta/bkground01.png");
    padding-bottom: 15px;
}

#caseinfestabox-col3 .bkg-cif {
    background-position: top;
    background-image: url("../img/caseinfesta/bkground00.png");
    background-repeat: no-repeat;
    background-position-y: 50px;
}

#caseinfestabox-col3 .bloccofoto {
    max-width: 160px;
    display: block;
    margin: auto;
    margin-top: 15px;
}

#caseinfestabox-col3 .griglia01 li {
    padding: 3px;
}

#caseinfestabox-col3 .griglia02 li {
    padding: 3px;
}

.insertoboxfooter {
    background-color: #fff;
    border-top: 5px solid #033a61;
    margin: 0px 15px;
    display: block;
    padding: 10px;
    height: 265px;
}

.insertoboxfooter .colfotoinserto {
    padding-left: 5px;
}

.insertoboxfooter .colfotoinserto img {
    display: block;
    margin-bottom: 5px;
}

.insertoboxfooter .insertocontent {
    padding-left: 10px;
}

.insertoboxfooter .logoinserto {
    text-align: center;
    margin: 7.5px 0px;
}

.insertoboxfooter .categoria {
    color: #c00a19;
    font-weight: 600;
    display: block;
}

.insertoboxfooter .localita {
    display: table;
    font-weight: 600;
    font-size: 1.1rem;
    clear: both;
    margin-bottom: 6px;
}

.insertoboxfooter .descrizione {
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #2d2d2d;
    clear: both;
}

.insertoboxfooter .linkdettagli {
    display: block;
    color: #6288a5;
    font-size: 0.7rem;
    text-decoration: underline;
    text-align: right;
    clear: both;
    height: 15px;
}

@media only screen and (max-width: 40em) {
    .percorso, .altriarticoli, .breadcrumbs {
        visibility: hidden;
        display: none;
        margin: 0px;
        margin-bottom: 0px;
    }
}

body {
    background-color: #f0efef; /* background-position-y: 40px;  background-position: fixed; z-index: -10;*/
}

.skinbanner { /*background-image: url('../img/temp/banner/lexus.gif');*/
    background-position: top center;
    background-repeat: no-repeat;
    height: 600px; /*width:1200px;*/
    position: fixed;
    top: 40px;
    z-index: -1;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 90.063em) {
    .skinbanner {
        visibility: visible;
    }
}

@media only screen and (min-width: 64.063em) {
    .skinbanner {
        visibility: visible;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .skinbanner {
        visibility: hidden;
    }
}

@media only screen and (max-width: 40em) {
    .skinbanner {
        visibility: hidden;
    }
}

#subhead01 {
    padding: 0px 15px 0px 15px; /*margin-bottom:$aria;*/
}

#content, .content02, .content03, #strumenti, .footer-banner, .footer-content, .menusopra-content {
    overflow: hidden;
    background-color: #ffffff;
    margin: 0px auto 0px auto;
}

@media only screen and (min-width: 64.063em) {
    #content, .content02, .content03, #strumenti, .footer-banner, .footer-content, .menusopra-content {
        width: 1024px;
    }
}

@media only screen and (min-width: 90.063em) {
    #content, .content02, .content03, #strumenti, .footer-banner, .footer-content, .menusopra-content {
        width: 1024px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    #content, .content02, .content03, #strumenti, .footer-banner, .footer-content, .menusopra-content {
        border-top: none;
        border-left: none;
        border-right: none;
        margin: 0px auto 0px auto;
    }
}

@media only screen and (max-width: 40em) {
    #content, .content02, .content03, #strumenti, .footer-banner, .footer-content, .menusopra-content {
        border-top: none;
        border-left: none;
        border-right: none;
        margin: 0px auto 0px auto;
        padding: 0px;
    }
}

.contentalert {
    overflow: hidden;
    margin: 0px auto 0px auto;
}

@media only screen and (min-width: 64.063em) {
    .contentalert {
        width: 1024px;
    }
}

@media only screen and (min-width: 90.063em) {
    .contentalert {
        width: 1024px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .contentalert {
        border-top: none;
        border-left: none;
        border-right: none;
        margin: 0px auto 0px auto;
    }
}

@media only screen and (max-width: 40em) {
    .contentalert {
        border-top: none;
        border-left: none;
        border-right: none;
        margin: 0px auto 0px auto;
        padding: 0px;
    }
}

.content02 {
    margin-top: 0px; /*border:1px solid $grigio;*/
    margin-top: 30px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 40em) {
    .content02 { /*border-top:1px solid $grigio;*/
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .content02 { /*border-top:1px solid $grigio; */
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.content03 {
    margin-top: 0px; /*border:1px solid $grigio;*/
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: transparent;
}

@media only screen and (max-width: 40em) {
    .content03 { /*border-top:1px solid $grigio;*/
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .content03 { /*border-top:1px solid $grigio;  */
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.testa-col-01 {
    border-right: 1px dashed #EDEDED;
}

#corpo-col-01 {
    border-right: 1px dashed #EDEDED;
    margin-bottom: -9000px;
    padding-bottom: 9000px;
}

#corpo-col-02 {
    position: relative;
}

.doppiacolonna {
    overflow: hidden;
}

#fotodelgiorno {
    margin: 0px 15px 15px 15px;
    position: relative;
}

#fotodelgiorno .foto-int {
    position: absolute;
    height: 30px;
    background-color: #000000;
    color: white;
    font-weight: 700;
    line-height: 30px;
    padding: 0px 9px;
    bottom: 25px;
    left: 5px;
    font-size: 1.3em;
}

#fotodelgiorno .foto-dida {
    color: white;
    bottom: 0px;
    left: 5px;
    font-weight: 400;
    font-size: 0.8em;
    background-color: #000000;
    height: 20px;
    position: absolute;
    line-height: 20px;
    padding: 0px 9px;
}

#sub-col-01 {
    border-right: 1px dashed #EDEDED;
    height: auto;
    margin-bottom: -9000px;
    padding-bottom: 9000px;
}

#sub-col-02 {
    background-image: url("../img/subcolonna_02/bkground_col02.png"); /*border-left:1px dashed #E1E1E1;*/
    margin-bottom: -6000px;
    padding-bottom: 6000px;
}

@media only screen and (max-width: 40em) {
    #corpo-col-01 {
        border: none;
        padding: none;
    }

    .testa-col-02 {
        display: none;
        visibility: hidden;
    }

    .testa-col-01 {
        border-right: none;
    }

    #sub-col-02 {
        visibility: hidden;
        display: none;
    }
}

/*@media only screen and (min-width:90.063em) {  #corpo-col-01{ @include grid-column(13); } #corpo-col-02{ @include grid-column(11);}
}*/
@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .testa-col-01 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        border-right: none;
        padding-right: none;
    }

    .testa-col-02 {
        display: none;
        visibility: hidden;
    }

    #corpo-col-01 {
        padding-left: 0;
        padding-right: 0;
        width: 62.5%;
        float: left;
    }

    #corpo-col-02 {
        padding-left: 0;
        padding-right: 0;
        width: 37.5%;
        float: left;
    }

    #sub-col-01 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        border-right: none;
    }

    #sub-col-02 {
        visibility: hidden;
        display: none;
    }
}

.art02head {
    padding-right: 15px;
}

/*posizione percorso pagina */
.percorso {
    display: block;
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 15px;
}

.percorso .breadcrumbs {
    margin: 0px;
}

/*SOLO PER EXPLORER 8*/
.spaziotop {
    display: block;
    height: 50px;
    width: auto;
}

/*@font-face { font-family: 'open_sansregular'; src: url('/prototipo_eco/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot'); src: url('/prototipo_eco/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/prototipo_eco/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'), url('/prototipo_eco/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'), url('/prototipo_eco/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal;

}*/
body {
    font-family: 'Open Sans', 'Arial';
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
    -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

h1, h1 a p, h1 p, h2, h2 a p, h2 p, h3, h3 a p, h3 p, h4, h4 a p, h4 p, .rubrica h4 > p, h5, h5 a p, h5 p, .rubrica h5 p, h6, h6 a p, h6 p {
    margin: 0px;
    padding: 0px;
    margin-bottom: 6px;
    color: #2d2d2d;
    letter-spacing: -0.03em;
    margin-top: 0px;
    padding-top: 0px;
    text-rendering: optimizeLegibility;
}

h1 a, h1 a:visited, h1 a:link, h1 a:active, h2 a, h2 a:visited, h2 a:link, h2 a:active, h3 a, h3 a:visited, h3 a:link, h3 a:active, h4 a, .rubrica h4 > p a, h4 a:visited, h4 a:link, h4 a:active, h5 a, .rubrica h5 p a, h5 a:visited, h5 a:link, h5 a:active, h6 a, h6 a:visited, h6 a:link, h6 a:active {
    color: #2d2d2d;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #6288a5;
}

h1, h1 a p, h1 p {
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 1.25em;
}

h2, h2 a p, h2 p {
    font-size: 1.9rem;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: -0.05em;
}

h3, h3 a p, h3 p {
    font-size: 1.7rem;
    line-height: 1.25em;
    font-weight: 600;
}

h4, h4 a p, h4 p, .rubrica h4 > p {
    font-size: 1.5rem;
    line-height: 1.25em;
    font-weight: 600;
    margin-bottom: 7.5px; /*border-left: 3px solid $nero; padding-left: $aria; margin-left: -$aria;*/
}

h5, h5 a p, h5 p, .rubrica h5 p {
    font-size: 1.2rem;
    line-height: 1.25em;
    margin-bottom: 7.5px;
    font-weight: 700;
    color: #474747;
    border-bottom: 1px dashed #9b9b9b;
    display: table;
}

h6, h6 a p, h6 p {
    font-size: 1.0rem;
    line-height: 1.25em;
    margin-bottom: 7.5px;
    font-weight: 700;
    color: #474747;
}

h1.titolo_home_00, h1 p.titolo_home_00, h1.titolo_home_00 a p, h1 p.titolo_home_00 a p, h1.titolo_home_00 p, h1 p.titolo_home_00 p {
    font-size: 1.8rem;
    line-height: 1.1em;
    font-weight: 700;
}

h1.titolo_home_00-vert, h1 p.titolo_home_00-vert, h1.titolo_home_00-vert a p, h1 p.titolo_home_00-vert a p, h1.titolo_home_00vert p, h1 p.titolo_home_00vert p {
    font-size: 1.5rem;
    line-height: 1.1em;
    font-weight: 700;
    letter-spacing: -1px;
}

.art_01 h2, .art_01 h2 p, h2 .art_01 p, .art_01 h2 a p, h2 .art_01 p a p, .art_01 h2 p, h2 .art_01 p p, .art_01a h2, .art_01a h2 p, h2 .art_01a p, .art_01a h2 a p, h2 .art_01a p a p, .art_01a h2 p, h2 .art_01a p p, .art01head h2, .art01head h2 p, h2 .art01head p, .art01head h2 a p, h2 .art01head p a p, .art01head h2 p, h2 .art01head p p {
    font-size: 1.2rem;
    line-height: 1.4em;
    font-weight: 700; /*p {@extend h2;}*/
    margin: 0px;
    color: #2d2d2d;
    letter-spacing: -0.07em;
    margin-bottom: 0px;
}

.basetitle_00_mobile h2, .basetitle_00_mobile h2 p, h2 .basetitle_00_mobile p, .basetitle_00_mobile h2 a p, h2 .basetitle_00_mobile p a p, .basetitle_00_mobile h2 p, h2 .basetitle_00_mobile p p {
    font-size: 1.30rem;
    line-height: 1.45em;
    font-weight: 800;
    letter-spacing: -0.1em; /*p {@extend h2;}*/
    margin: 0px;
    color: #2d2d2d;
    letter-spacing: -1px;
    margin-bottom: 0px;
}

h3.titlehome, h3 p.titlehome, h3.titlehome a p, h3 p.titlehome a p, h3.titlehome p, h3 p.titlehome p, .opinion h3, .opinion h3 p, h3 .opinion p, .opinion h3 a p, h3 .opinion p a p, .opinion h3 p, h3 .opinion p p, .art02head h3, .art02head h3 p, h3 .art02head p, .art02head h3 a p, h3 .art02head p a p, .art02head h3 p, h3 .art02head p p {
    font-size: 1.1rem;
    line-height: 1.35em;
    font-weight: 600;
    margin-bottom: 7.5px; /*p {@extend h3;}*/
}

/* CORREZIONE ERRORI METODE */
h1 a p, h1 p {
    margin: 0px;
    padding: 0px;
}

@media only screen and (max-width: 40em) {
    h1 a p, h1 p {
        font-size: 1.5rem;
        font-weight: 700;
    }
}

h2 a p, h2 p {
    margin: 0px;
    padding: 0px;
}

h3 a p, h3 p {
    margin: 0px;
    padding: 0px;
}

h4 a p, .rubrica h4 > p a p, h4 p, .rubrica h4 > p p {
    margin: 0px;
    padding: 0px;
}

h5 a p, .rubrica h5 p a p, h5 p, .rubrica h5 p p {
    margin: 0px;
    padding: 0px;
}

h6 a p, h6 p {
    margin: 0px;
    padding: 0px;
}

p {
    font-size: 1.0em;
    display: block;
    margin-bottom: 30px;
}

.grassetto {
    font-weight: 800;
}

@media only screen and (min-width: 40.063em) {
    .blockquote, .blockquote-left, .blockquote-right {
        display: block;
        padding: 20px;
        background-color: #f9f9f9;
        border-left: 3px solid #6288a5;
        font-style: italic;
        color: #2d2d2d;
        margin: 15px 0px;
        font-size: 1.3rem;
        font-weight: 400;
    }

    .blockquote:first-letter, .blockquote-left:first-letter, .blockquote-right:first-letter {
        font-size: 2.8rem; /*color: $blu;*/
        font-weight: 600;
    }

    .blockquote-left {
        max-width: 300px;
        float: left;
        margin: 15px 15px 15px 0px;
        border-left: 3px solid #6288a5
    }

    .blockquote-right {
        max-width: 300px;
        float: right;
        margin: 15px 15px 15px 0px;
        border-right: 3px solid #6288a5
    }
}

ul.art-lista {
    padding: 0px 0px 0px 15px;
    margin: 45px 0px 45px 0px;
    clear: both;
    list-style-type: circle;
}

ul.art-lista li {
    margin-bottom: 15px;
    border-bottom: 1px dotted #dddddd;
    color: #9b9b9b;
    font-size: 0.9rem;
    font-style: italic;
    list-style-type: circle;
}

.gsto {
    font-weight: 700;
}

.crsv {
    font-weight: 400;
    font-style: italic;
    color: #494949;
}

.evidenzia {
    text-align: center;
    text-decoration: none;
    line-height: 1;
    position: relative;
    margin-bottom: inherit;
    padding: 0.15rem;
    background-color: #EFD42D;
}

.art_01 p, .art_01a p, .art01head p, .opinion p {
    margin-bottom: 0px;
    line-height: 1.4rem;
    margin-top: 5px;
}

.data {
    font-size: 0.7rem;
    color: #9b9b9b;
}

/*@media only screen and (min-width:90.063em) {
 h1 { font-size: 2em; line-height: 1.4em; font-weight: 800; } h2 { font-size:1.6em; line-height: 1.3em; font-weight: 700;   } h3 { font-size:1.2em; font-weight: 600; line-height: 1.3em; margin-bottom: $aria/2; } p { margin:$base-font-size 0 $base-font-size 0; }  .data{font-size: 0.7em; color:$testonota;  }  }




*/
.datart {
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 400;
}

.categoria, .categoria a {
    font-size: 0.9rem;
    float: left; /*margin:5px 0px 5px 5px; */
    display: block;
    font-weight: 400;
    color: #9b9b9b;
    text-decoration: none;
    line-height: 28px;
    margin-left: 3px;
}

.strumenti {
    float: right;
}

/* Titolo Sezioni Articolo */
.art-titolo {
    border-bottom: 1px dotted #dddddd;
    display: block;
    clear: both;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

.art-descrizione {
    display: block;
    font-size: 0.7rem;
    line-height: 1.1rem;
    color: #9b9b9b;
    font-style: italic;
    margin-bottom: 15px;
}

.txt-note {
    font-size: 0.8em;
    color: #9b9b9b;
    font-style: italic;
    font-weight: 400;
}

.pullquote {
    border: 2px solid #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 10px 10px 40px;
    font-size: 1.1em;
    color: #333;
    font-family: "georgia";
}

.pullquote-wrapper {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 220px;
}

.pullquote-wrapper.left {
    margin: -5px 20px 5px -60px;
    float: left;
}

span.nero {
    font-weight: 700;
}

.datart {
    float: right;
    display: block;
    padding: 8px 8px 0px 8px;
}

.funzioniart {
    background-color: #f2f2f2;
    padding: 5px 8px;
    border-radius: 4px;
    float: left;
    display: block;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 0.8em;
}

.funzioniart .youtube {
    color: #CD0404;
}

.funzioniart .sondaggio {
    color: #FCA236;
}

.baseart {
    width: auto;
    min-height: 30px;
    background-color: #f9f9f9;
    margin-top: 15px;
    border: 1px solid #EDEDED;
    position: relative;
}

.baseart .arrow {
    position: absolute;
    width: 10px;
    height: 5px;
    background-image: url("../img/ico/arrow.png");
    top: -5px;
    left: 5px;
    background-size: 10px 5px;
}

.correlati {
    display: block;
    clear: both;
    margin-top: 3px;
}

.sep-cor-home {
    border-top: 1px dashed #dddddd;
}

ul.listacorrelati {
    display: block;
    margin: 7.5px;
}

ul.listacorrelati li {
    display: block;
}

ul.listacorrelati li.story a:before {
    content: "\f036";
    margin-right: 5px;
    color: #9b9b9b;
}

ul.listacorrelati li.photogallery a:before {
    content: "\f083";
    margin-right: 5px;
    color: #9b9b9b;
}

ul.listacorrelati li.relatedimage a:before {
    content: "\f083";
    margin-right: 5px;
    color: #9b9b9b;
}

ul.listacorrelati li.poll a:before {
    content: "\f080";
    margin-right: 5px;
    color: #9b9b9b;
}

ul.listacorrelati li.video a:before {
    content: "\f16a";
    margin-right: 5px;
    color: #9b9b9b;
}

ul.listacorrelati li.document a:before {
    content: "\f1c1";
    margin-right: 5px;
    color: #9b9b9b;
}

ul.listacorrelati li.audio a:before {
    content: "\f1c7";
    margin-right: 5px;
    color: #9b9b9b;
}

ul.listacorrelati li a {
    display: block; /*border-bottom:1px solid $grigio;*/
    min-height: 25px; /*border-bottom: 1px dotted $grigio;*/
    font-size: 0.8em;
    line-height: 25px;
    text-overflow: ellipsis; /* will make [...] at the end */ /*width: 200px; /* change to your preferences */
    white-space: nowrap; /* paragraph to one line */
    overflow: hidden;
    color: #6288a5;
}

.strumenti {
    display: block; /*height: 1.85rem;*/
}

.strumenti .numcommenti {
    font-size: 0.9em;
    color: #2d2d2d;
    font-weight: 600;
}

.strumenti ul.list {
    list-style: none;
}

.strumenti ul.list li {
    display: block;
    float: left;
}

.strumenti ul.list li a, .strumenti ul.list li a:active, .strumenti ul.list li a:visited {
    display: block;
    border-left: 1px solid #dddddd;
    padding: 0px 5px 0px 5px;
    font-size: 0.9em;
    color: #8badce;
    margin-top: 3px;
}

.strumenti ul.list li a.clock {
    color: #f37e00;
}

.strumenti ul.list li img {
    margin-top: -3px;
}

#apertura01 .bigart {
    display: block;
    clear: both;
    margin: 0px 15px 15px 15px;
    position: relative;
}

#apertura01 .bigart img {
    width: 100%;
    height: 451px;
}

@media only screen and (max-width: 40em) {
    #apertura01 .bigart img {
        height: auto;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #apertura01 .bigart img {
        height: auto;
    }
}

#apertura01 .datiart_00 {
    padding: 0px;
    border-bottom: 1px solid #5c5c5e;
    margin: 0px;
    display: block;
    margin-bottom: 7px;
}

#apertura01 .allegati00 {
    float: right;
}

#apertura01 .allegati00 ul.icoallegati00 {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#apertura01 .allegati00 ul.icoallegati00 li {
    display: inline;
    margin-left: 5px;
}

#apertura01 .allegati00 ul.icoallegati00 .art00comment {
    border-left: 1px solid #5c5c5e;
    padding-left: 5px;
}

#apertura01 .basetitle_00 {
    background-image: url("../img/articoli/background_00.png");
    position: absolute;
    z-index: 10;
    bottom: 10px;
    margin: 10px 10px 0px 10px;
    padding: 10px;
}

.bigart-vert {
    padding: 0px 15px 15px 15px;
    border-right: 1px dashed #E1E1E1;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .bigart-vert {
        padding-left: 0;
        padding-right: 0;
        width: 62.5%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.bigart-vert img {
    width: 100%;
    height: 567px;
}

@media only screen and (max-width: 40em) {
    .bigart-vert img {
        height: auto;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .bigart-vert img {
        height: auto;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .articoli-vert {
        padding-left: 0;
        padding-right: 0;
        width: 37.5%;
        float: left;
    }
}

.basetitle_00-vert {
    background-image: url("../img/articoli/background_00.png");
    position: absolute;
    z-index: 10;
    bottom: 10px;
    margin: 10px 25px 15px 10px;
    padding: 10px;
}

.art-vert-02 {
    margin-top: 15px;
}

.today-vert {
    width: 80%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.basetitle_00, .basetitle_00 h1, .basetitle_00 h1 p, h1 .basetitle_00 p, .basetitle_00-vert, .basetitle_00-vert h1, .basetitle_00-vert h1 p, h1 .basetitle_00-vert p {
    color: white;
}

.basetitle_00 a, .basetitle_00 h1 a, h1 .basetitle_00 p a, .basetitle_00-vert a, .basetitle_00-vert h1 a, h1 .basetitle_00-vert p a {
    color: white;
}

.datiart_00 {
    line-height: 1.9em;
    font-size: 0.9em;
}

.introart_00 {
    font-size: 0.9em;
    line-height: 1.6em;
}

.introart_00 p {
    margin-bottom: 0px;
}

.art01head {
    border-right: 1px dashed #E1E1E1;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding: 0px 15px 0px 15px;
}

.art01head .fixart {
    min-height: 230px;
}

@media only screen and (max-width: 40em) {
    .art01head .fixart {
        min-height: 150px;
    }
}

@media only screen and (max-width: 40em) {
    .art01head .fixart img {
        margin-bottom: 5px;
    }
}

.art01head .imgarticolo_01 {
    float: left;
    border: 1px solid #dddddd;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 3px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 10px;
    margin: 0px 10px 0px 0px;
}

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

.art02head .fixart {
    min-height: 230px;
}

@media only screen and (max-width: 40em) {
    .art02head .fixart {
        min-height: 150px;
    }
}

.art02head p {
    margin-bottom: 0px;
}

@media only screen and (max-width: 40em) {
    .basetitle_00 {
        display: none;
        visibility: none;
    }

    .basetitle_00_mobile {
        visibility: visible;
        display: block;
    }

    .art01head {
        border-right: none;
    }
}

.articolo figure, .basetitle_00_mobile figure {
    margin: 0px;
}

.articolo .intro, .basetitle_00_mobile .intro {
    font-size: 0.92em;
    line-height: 1.5em;
    margin-bottom: 0px;
    color: #606060;
}

@media only screen and (max-width: 40em) {
    .articolo .intro, .basetitle_00_mobile .intro {
        visibility: hidden;
        display: none;
    }
}

.art_01 {
    padding: 0px 15px 33px 15px;
}

.art_01 .imgarticolo_01 {
    float: left;
    border: 1px solid #dddddd;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 3px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 10px;
    margin: 0px 10px 8px 0px;
}

@media only screen and (min-width: 64.063em) {
    .imgarticolo_01 {
        width: 130px;
    }
}

@media only screen and (min-width: 90.063em) {
    .imgarticolo_01 {
        width: 130px;
    }
}

@media only screen and (min-width: 40.063em) {
    .imgarticolo_01 {
        width: 130px;
    }
}

@media only screen and (max-width: 40em) {
    .imgarticolo_01 {
        width: 100%;
    }
}

.art_02 { /*padding: $aria;*/ /*padding: 0px $aria $aria $aria;*/
}

.art_02 .imgarticolo_02 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    margin-bottom: 15px; /* -webkit-filter: brightness(1.05) contrast(1.05) saturate(1.05); */
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .art_02 { /* padding: 0px 0px 0px $aria;*/
    }
}

.art_01a {
    padding: 0px 15px 33px 15px;
}

.art_01a .imgarticolo_01 {
    border: 1px solid #dddddd;
    width: auto;
    margin-bottom: 10px !important; /* -webkit-filter: brightness(1.05) contrast(1.05) saturate(1.05);*/
    -webkit-margin-before: 0px;
    -webkit-margin-after: 3px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

@media only screen {
    .art_01a .imgarticolo_01 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (max-width: 40em) {
    .art_01a .art_01a {
        border-right: none;
        padding-right: 0px;
    }

    .art_01a .art_01a .imgarticolo_01 {
        width: auto;
        float: none;
        margin-right: none; /*-webkit-filter: brightness(1.05) contrast(1.05) saturate(1.05);*/
    }
}

.firstart {
    margin-top: 15px;
}

.urlo {
    padding: 0px 15px 33px 15px;
}

.urlo .boxurlo {
    background-color: #f4f2ec;
    position: relative;
}

.urlo .targa {
    z-index: 20;
    position: absolute; /*height: 25px;*/
    padding: 8px;
    top: 0px;
    left: 0px;
    background-color: #f37e00;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 1.2em;
}

.urlo .targa a {
    color: #FFFFFF;
    text-decoration: none;
}

.urlo .photourlo {
    padding-left: 0;
    padding-right: 0;
    width: 45.83333%;
    float: left;
}

.urlo .photourlo img {
    width: 100%;
}

.urlo .contenturlo {
    padding-left: 0;
    padding-right: 0;
    width: 54.16667%;
    float: left;
    padding: 7.5px 15px 0px 15px;
}

@media only screen and (max-width: 40em) {
    .urlo .photourlo {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }

    .urlo .contenturlo {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        padding: 7.5px 15px;
    }
}

.urlo h2, .urlo h2 p, h2 .urlo p {
    margin-top: 0px;
    line-height: 1.3em;
}

/* Colonna 2 Articoli speciali */
.opinion {
    padding-top: 1px;
    margin-bottom: 10px;
}

.opinion .padding {
    margin: 0px 15px;
}

.opinion .etichetta {
    line-height: 1.7rem;
    font-weight: 800;
    font-size: 1.1rem;
    color: #f37e00;
    border-bottom: 3px solid #f37e00;
    margin: 15px;
}

.opinion .etichetta a {
    color: #f37e00;
}

.opinion .titolocol2 {
    font-weight: 400;
    font-size: 1.4rem;
    color: #2d2d2d;
}

.opinion .autore {
    font-weight: 200;
    font-size: 0.8rem;
    color: #565656;
    font-style: italic;
    display: block;
    margin-top: 10px;
}

.opinion .opinion-foto {
    -webkit-margin-before: 15px;
    -webkit-margin-after: 15px;
    -webkit-margin-start: 15px;
    -webkit-margin-end: 15px;
    margin: 15px;
}

.twitterbox {
    background-image: url("../img/articoli/twitter_box.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.twitterbox .etichetta {
    border-bottom: 3px solid #2DAAE1;
}

.twitterbox .etichetta a {
    color: #2DAAE1;
}

article.opinion > p {
    font-size: 0.85rem;
    line-height: 1.4rem;
    color: #565656;
}

.urlocol2 {
    background-color: #f4f2ec;
}

.urlocol2 h3, .urlocol2 h3 p, h3 .urlocol2 p {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
}

.urlocol2 .etichettaurlo {
    line-height: 1.7rem;
    font-weight: 800;
    text-decoration: none;
    color: #f37e00;
    border-bottom: 3px solid #f37e00;
    margin: 15px;
    font-size: 1.7rem;
}

.urlocol2 .etichettaurlo a {
    color: #f37e00;
}

.socialbot {
    background-color: #ffffff;
    padding: 4px;
    position: absolute;
    height: 20px;
    width: 300px;
    bottom: 10px;
}

/* Stili generici Articolo */
.artpresepi figure {
    position: relative;
}

.decopresepi {
    position: absolute;
    width: 120px;
    height: 128px;
    top: -10px;
    left: -10px;
    z-index: 20;
}

/* DETTAGLIO ARTICOLO 01 GENERICO */
.introarticolo {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
}

.colonna01 {
    padding-left: 0;
    padding-right: 0;
    width: 66.66667%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .colonna01 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .colonna01 {
        padding-left: 0;
        padding-right: 0;
        width: 66.66667%;
        float: left;
    }
}

.colonna02 {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
    padding-left: 15px;
}

@media only screen and (max-width: 40em) {
    .colonna02 {
        visibility: hidden;
        display: none;
    }
}

.socialbox {
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    display: block;
    position: relative;
}

/* BOX GALLERY */
#art-gallery .listaimg {
    padding: 0px;
}

.articolo01 {
    padding: 30px 15px;
}

.articolo01 header { /*height: 280px;*/
    border-bottom: 1px dashed #EDEDED;
}

@media only screen and (max-width: 40em) {
    .articolo01 header {
        border-bottom: none;
        height: auto;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .articolo01 header {
        border-bottom2: none;
    }
}

.articolo01 .data {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 5px;
    display: block;
}

.articolo01 .imgarticle {
    float: left;
    padding: 0px;
    margin: 5px 15px 15px 0px;
    -webkit-margin-after: 0px;
    max-width: 250px;
}

@media only screen and (max-width: 40em) {
    .articolo01 h1, .articolo01 h1 p, h1 .articolo01 p, .articolo01 h1 a p, h1 .articolo01 p a p, .articolo01 h1 p, h1 .articolo01 p p {
        font-size: 1.6rem;
    }
}

ul.socialcol2 {
    font-size: 0.8rem;
    font-weight: 600;
    list-style: none;
    margin: 0px 15px;
    padding: 0px;
    line-height: 1.9rem;
}

.titolo-bar {
    font-weight: 600;
    display: block;
    color: #9b9b9b;
    margin: 5px 0px 5px 15px;
    border-bottom: 1px dotted #EDEDED;
    padding-bottom: 5px;
}

/* DETTAGLIO ARTICOLO 02 MODA */
/* Fotografia Grande */
.fotografia01 { /*margin-bottom:   $aria;*/ /*border-top: 1px solid $grigiomedio;*/
    border-bottom: 1px solid #EDEDED;
    position: relative;
}

.fotografia01 img {
    width: 100%;
}

.articolo02 {
    margin: 15px 15% 0px 15%;
    line-height: 1.9em;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .articolo02 {
        margin: 0px 6% 0px 6%;
    }
}

@media only screen and (max-width: 40em) {
    .articolo02 {
        margin: 0px 10px 0px 10px;
    }
}

.articolo02 .boxarticolo {
    margin: 7.5px 0px 22.5px 15px;
    float: right;
    max-width: 300px;
    display: block;
    margin-right: -60px;
    background-color: #ffffff;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .articolo02 .boxarticolo {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 40em) {
    .articolo02 .boxarticolo {
        width: 100%;
        float: none;
        margin: 15px auto;
    }
}

.articolo02 .boxarticolo ul.correlati {
    list-style: none;
    margin-left: 0px;
}

.articolo02 .boxarticolo ul.correlati li a {
    display: block;
    border-bottom: 1px dotted #dddddd;
    height: 30px;
    line-height: 30px;
}

.articolo02 .linksbox {
    border-left: 2px solid #dddddd;
    padding-left: 15px;
}

@media only screen and (max-width: 40em) {
    .articolo02 .linksbox {
        visibility: hidden;
        display: none; /*margin: 0px ; border: none; padding:0px;*/
    }
}

.articolo02 .linksbox a {
    padding-bottom: 5px;
    display: block;
    line-height: 1.3em; /* border-bottom: 1px dotted $grigio;*/
    font-size: 0.8em;
}

.articolo02 figure {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 2.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 20px;
}

.articolo02 .intro {
    margin-top: 37.5px;
}

.articolo02 header {
    clear: both;
    display: table;
}

.articolo02 span.nero.floatleft {
    float: left;
}

/* modulo social prima del titolo */
.social02 {
    display: block;
    margin: 15px 15% 15px 15%;
    border-bottom: 1px dashed #dddddd;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .social02 {
        margin: 15px 6% 15px 6%;
    }
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .social02 {
        margin: 15px 10px 15px 10px;
    }
}

.social02 .inline-list > li {
    margin-left: 0.4rem;
}

.social02 ul.datasocial {
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

.social02 ul.datasocial li {
    font-size: 0.8rem;
    font-weight: 600;
}

@media only screen and (max-width: 40em) {
    .social02 ul.datasocial {
        float: left;
        margin-right: 0px;
        margin-left: 0px;
    }
}

.social02 ul.datacom {
    float: left;
    margin-left: 0px;
    margin-bottom: 10px;
}

.social02 ul.datacom li {
    font-size: 0.8rem;
    font-weight: 600;
}

.social02 ul.datacom li a {
    font-size: 0.8rem;
    font-weight: 600;
}

.social02 ul.datacom li.dataart {
    font-size: 0.9rem;
    font-weight: 400;
}

.articolo02b {
    padding: 0px 15px 15px 15px;
}

/* stili generici per articoli interni */
.interno { /* fine interno */
}

.interno header {
    margin-bottom: 30px;
}

.interno .apertura { /*height: 280px;*/
    border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width: 40em) {
    .interno .apertura {
        height: auto;
        border-bottom: none;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .interno .apertura { /*height: 240px;*/
    }

    .interno .apertura h1, .interno .apertura h1 p, h1 .interno .apertura p {
        font-size: 2rem;
    }
}

.interno .intro, .interno .intro p {
    font-style: italic;
    font-size: 1.2rem;
    color: #2d2d2d;
    line-height: 1.8rem; /*margin-bottom: 50px;*/
}

@media only screen and (max-width: 40em) {
    .interno .intro, .interno .intro p {
        margin-bottom: 0px;
    }
}

.interno .introfoto {
    float: right;
    margin: 15px -60px 15px 15px;
    width: 347px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .interno .introfoto {
        margin: 15px 0px 15px 15px;
    }
}

@media only screen and (max-width: 40em) {
    .interno .introfoto {
        float: none;
        margin: 0px 0px 15px 0px;
        width: auto;
    }
}

.interno > p {
    line-height: 1.9em;
    margin-bottom: 30px;
}

.interno > p > a {
    font-weight: 600;
    color: #1485DF;
    border-bottom: dotted 1px #1485DF;
}

.interno > p > a:link {
    color: #1485DF;
}

.interno > p > a:visited {
    color: #1485DF;
}

.interno > p > a:hover {
    color: #9c005e;
    border-bottom: dotted 1px #9c005e;
}

.interno > p > a:active {
    color: #1485DF;
}

.interno img {
    border: 1px solid #dddddd;
    width: 100%;
}

.interno figure {
    position: relative;
    padding: 0px; /*width: 100%;*/
    margin-right: 22.5px;
    z-index: 10;
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0px;
    margin-right: 0px;
    text-align: center;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .interno figure {
        margin: 0px 0px 30px 0px;
    }
}

@media only screen and (max-width: 40em) {
    .interno figure {
        float: none;
        margin: 15px 0px 15px 0px;
        width: auto;
        margin-bottom: 30px;
    }
}

.interno figure figcaption {
    line-height: 20px;
    display: block;
    text-align: left;
    display: block;
    border-left: 3px solid #dddddd;
    margin-top: 15px;
    padding-left: 15px;
    margin-left: 0px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 40em) {
    .interno figure figcaption {
        position: relative;
        margin: 5px 10px 15px 0px;
    }
}

.interno figure figcaption p {
    color: #808080;
    margin: 0px;
    line-height: 20px;
    display: block;
    font-size: 0.7em;
    font-style: italic;
}

.interno .flex-video {
    clear: both;
}

.interno imgid {
    clear: both;
}

.secondariaVerticale {
    float: left;
    width: 300px;
    margin-right: 20px;
    margin-bottom: 20px; /* @media only screen and (min-width:64.063em) and (max-width:90em) {float: left; width: 50%; margin-right: 20px; margin-bottom: 20px;} */
    /* @media only screen and (min-width:40.063em) and (max-width:62.5em) {float: left; width: 50%; margin-right: 20px; margin-bottom: 20px;}
@media only screen and (min-width:40.063em) and (max-width:62.5em) and (orientation: landscape) {float: left; width: 50%; margin-right: 20px; margin-bottom: 20px;}*/
}

@media only screen and (max-width: 40em) {
    .secondariaVerticale {
        float: none;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .secondariaVerticale {
        float: left;
        width: 300px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
}

.didascalia_1 {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0px;
    /*height: 100px;
width: 200px;*/
    background-color: #000000;
    padding: 10px;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: 600;
    font-style: italic; /* margin-right: 160px; */
    max-width: 280px;
    border-left: 5px solid #9C005D;
    margin-left: 8px;
}

@media only screen and (max-width: 40em) {
    .didascalia_1 {
        position: relative;
        bottom: 0px;
        margin-left: 0px;
        border: none;
        color: inherit;
        background-color: transparent;
    }
}

.didascalia_1 .dida01 {
    clear: both;
    font-style: italic;
    display: block;
    font-size: 0.8em;
    margin-top: 4px;
    font-weight: 400;
}

.altriarticoli {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 73.75rem;
    margin-top: 20px;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    padding: 15px 0px 15px 0px;
}

.altriarticoli h4, .altriarticoli h4 p, h4 .altriarticoli p {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 5px;
}

.altriarticoli:before, .altriarticoli:after {
    content: " ";
    display: table;
}

.altriarticoli:after {
    clear: both;
}

.altriarticoli .targa {
    display: table;
    background-color: #ffffff;
    padding: 5px;
    margin: -30px 0px 10px 15px;
    font-size: 0.8em;
    font-style: italic;
    color: #dddddd;
}

.altriarticoli .boxarticolo {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
    padding: 0px 20px 0px 20px;
    border-right: 1px solid #dddddd;
}

.altriarticoli .boxarticolo:last-child {
    border-right: none;
}

.altriarticoli .boxarticolo img {
    float: left;
    margin-right: 8px;
    width: 65px;
}

.leggieco {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0 0 1.11111rem;
    position: relative;
    text-decoration: none;
    text-align: left;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 0.88889rem;
    padding-right: 1.77778rem;
    padding-bottom: 0.94444rem;
    padding-left: 60px;
    height: 65px;
    background-image: url("../img/ico/leggigiornale.png");
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: 10px 10px;
    font-size: 0.75889rem;
    background-color: #EDEDED;
    border-color: #dddddd;
    color: #2d2d2d;
    transition: background-color 300ms ease-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.leggieco:hover {
    background-color: #dddddd;
}

@media only screen and (max-width: 40em) {
    .leggieco {
        width: auto;
    }
}

.boxfirma {
    background-color: #ffffff; /*border: 1px solid $linee;*/
}

.boxfirma .fotoautore {
    max-width: 60px;
    float: right;
}

.boxfirma .fotoautore img {
    border: none;
    -webkit-border-radius: 5%;
}

.boxfirma .datiautore {
    float: right;
    display: block;
    padding: 0px 10px 10px 15px;
    line-height: 0.9rem;
}

.boxfirma .datiautore .nomeautore {
    font-size: 1.2rem;
    color: #6288a5;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    text-align: right;
}

.boxfirma .datiautore .subautore {
    font-size: 0.7rem;
    color: #9b9b9b;
    font-style: italic;
    display: block;
    text-align: right;
}

.boxfirma .datiautore .infoautore {
    font-size: 0.9rem;
    color: #9b9b9b;
    font-style: italic;
    display: block;
}

.boxfirma .datiautore .socialautore {
    float: right;
}

.boxfirma .datiautore .listasocialautore {
    padding: 0px;
    margin-top: 0px;
    padding-left: 20px;
}

.boxfirma .datiautore .inline-list > li {
    margin-left: 6px;
    font-size: 1.2rem;
    float: right;
}

.gallery3 {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
}

.gallery3:before, .gallery3:after {
    content: " ";
    display: table;
}

.gallery3:after {
    clear: both;
}

.gallery3 > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem;
}

@media only screen and (max-width: 40em) {
    .gallery3 {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
    }

    .gallery3:before, .gallery3:after {
        content: " ";
        display: table;
    }

    .gallery3:after {
        clear: both;
    }

    .gallery3 > li {
        display: block;
        height: auto;
        float: left;
        padding: 0 0.625rem 1.25rem;
    }
}

.DRAGDIS_VIDEO.DRAGDIS_iframe {
    margin-bottom: 30px;
    width: 100%;
}

.notify-comment {
    border-bottom: 1px dashed #dddddd;
    font-size: 0.8rem;
    padding: 5px 15px 5px 0px;
}

.notify-comment a {
    font-weight: 700;
}

.notify-comment h4, .notify-comment h4 p, h4 .notify-comment p {
    border-bottom: solid 1px;
    width: 100%;
}

.notify-comment i {
    color: #9b9b9b;
}

.notify-comment b::before {
    content: "\f086";
    margin-right: 5px;
    color: #2d2d2d;
    font-size: 0.8rem;
    font-weight: 400;
    font-size: 1.1rem;
    font-family: FontAwesome;
}

.notify-msg {
    border-bottom: 1px dashed #dddddd;
    font-size: 0.8rem;
    padding: 5px 15px 5px 0px;
}

.notify-msg a {
    font-weight: 700;
}

.notify-msg h4, .notify-msg h4 p, h4 .notify-msg p {
    border-bottom: solid 1px;
    width: 100%;
}

.notify-msg i {
    color: #9b9b9b;
}

.notify-msg b::before {
    content: "\f040";
    margin-right: 5px;
    color: #2d2d2d;
    font-size: 0.8rem;
    font-weight: 400;
    font-size: 1.1rem;
    font-family: FontAwesome;
}

.notify-follow {
    border-bottom: 1px dashed #dddddd;
    font-size: 0.8rem;
    padding: 5px 15px 5px 0px;
}

.notify-follow a {
    font-weight: 700;
}

.notify-follow i {
    color: #9b9b9b;
}

.notify-follow h4, .notify-follow h4 p, h4 .notify-follow p {
    border-bottom: solid 1px;
    width: 100%;
}

.notify-follow b::before {
    content: "\f090";
    margin-right: 5px;
    color: #2d2d2d;
    font-size: 0.8rem;
    font-weight: 400;
    font-size: 1.1rem;
    font-family: FontAwesome;
}

div.fb-post.wdget {
    margin: auto;
    text-align: center;
}

.artcorrelatobox {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
    padding: 0px 15px;
    margin-bottom: 15px;
    height: 250px;
    overflow: hidden;
}

@media only screen and (max-width: 40em) {
    .artcorrelatobox {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        padding: 0px 10px;
        height: auto;
        margin-bottom: 20px;
        border-bottom: 1px dotted #dddddd;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .artcorrelatobox {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
        padding: 0px 10px;
        height: auto;
        margin-bottom: 20px;
        height: 240px;
    }
}

.artcorrelatobox .datacorrelato {
    font-size: 11px;
    font-weight: 700;
    font-style: italic;
    display: block;
    margin: 0px;
}

.artcorrelatobox h4.h4correlato, .artcorrelatobox h4 p.h4correlato, h4 .artcorrelatobox p.h4correlato {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.25em;
}

.artcorrelatobox h4.h4correlato02, .artcorrelatobox h4 p.h4correlato02, h4 .artcorrelatobox p.h4correlato02 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.15em;
}

.artcorrelatobox p.introcorr {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.25em;
    color: #494949;
    font-style: italic;
}

#listaletture {
    padding: 0px 0px;
    margin: 0px;
    list-style: none;
}

#listaletture li {
    display: block;
    border-bottom: 1px dotted #dddddd;
    padding: 10px;
    height: auto;
}

#listaletture li h4.h4letture, #listaletture li h4 p.h4letture, h4 #listaletture li p.h4letture {
    font-weight: 400;
    font-size: 0.9rem;
    display: inline;
    color: #2d2d2d;
}

#listaletture li .numletture {
    font-weight: 600;
    font-size: 0.8rem;
    float: right;
    display: block;
}

#listaletture li .titleletture {
    float: right;
    font-size: 0.8rem;
    font-weight: 200;
}

#listaletture li a {
    display: block;
    clear: both;
}

#listaletture li:hover {
    background-color: #f9f9f9;
}

.boxlogin {
    max-width: 700px;
    background-color: #f4f4f4;
    display: block;
    margin-bottom: 45px;
    border-bottom: 3px solid #4390df;
}

.boxlogin .login-col01 {
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    float: left;
    margin: 10px 0px;
    padding: 5px 7px 5px 15px;
}

@media only screen and (max-width: 40em) {
    .boxlogin .login-col01 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        padding: 10px 15px;
        margin: 0px;
    }
}

.boxlogin .login-col01 .accedi {
    font-size: 35px;
    font-weight: 900;
    color: #4090d7;
}

.boxlogin .login-col01 .subaccedi {
    font-size: 21px;
    display: block;
    clear: both;
    font-weight: 900;
    color: #4090d7;
    line-height: 1.3em;
}

.boxlogin .login-col01 .accedi-info {
    font-size: 13px;
    line-height: 1.4em !important;
    margin-top: 10px;
}

.boxlogin .login-col01 .linkreg {
    display: block;
    line-height: 1.3em;
    margin-top: 10px;
}

.boxlogin .login-col01 .linkreg a {
    color: #4090d7;
    font-weight: 600;
    text-decoration: underline;
    line-height: 1.3em;
    width: 100%;
}

.boxlogin .login-col02 {
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    float: left;
    margin: 10px 0px;
    border-left: 3px solid #dbdbdb;
}

@media only screen and (max-width: 40em) {
    .boxlogin .login-col02 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.boxlogin .login-col02 .form-artbloc {
    padding: 5px 15px;
}

@media only screen and (max-width: 40em) {
    .boxlogin .login-col02 {
        border-left: none;
    }
}

.boxstudente {
    min-height: 300px;
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
    padding: 0px 20px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 40em) {
    .boxstudente {
        padding-left: 0;
        padding-right: 0;
        width: 83.33333%;
        float: left;
        margin: 0px auto 30px auto;
        display: block;
        float: none;
    }

    .boxstudente .fotografia img {
        max-width: 100%;
        max-height: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .boxstudente {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
        padding: 0px 20px;
    }
}

.boxstudente .nomestudente {
    font-size: 18px;
    line-height: 15px;
    font-weight: 600;
    display: block;
    border-left: 3px solid #ea3941;
    padding: 5px 0px 5px 5px;
    margin-bottom: 5px;
}

.boxstudente .infostud {
    font-size: 13px;
}

.boxstudente .infostud .istituto {
    font-style: italic;
}

.boxstudente .infostud .tags {
    font-size: 13px;
    font-weight: 800;
    line-height: 14px;
}

.boxstudente .boxvoto {
    border-top: 1px dotted #888888;
    padding-top: 5px;
    margin-top: 5px;
    height: 45px;
}

.boxstudente .votototal {
    display: block;
    float: left;
    font-size: 23px;
    font-weight: 800;
}

.boxstudente a.botvoto {
    display: table;
    background-color: #ea3941;
    padding: 2px 10px;
    color: #ffffff;
    float: right;
    border-radius: 5px;
}

.boxstudente .votato {
    background-color: #929292 !important;
}

.articoloevento h2, .articoloevento h2 p, h2 .articoloevento p {
    font-size: 1.5rem;
    line-height: 1.35em;
}

.vota-atalanta01 {
    border-radius: 10px;
    display: block;
    z-index: 390;
    margin: 40px auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1666ff+100 */
}

.vota-atalanta {
    display: block;
    border-radius: 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,105aa5+100 */
    background: black; /* Old browsers */
    background: -moz-linear-gradient(-45deg, black 0%, #105aa5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, black 0%, #105aa5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, black 0%, #105aa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#105aa5', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    background-size: cover;
    background-position: center;
    line-height: 60px;
    color: #ffffff;
    margin-bottom: 15px;
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
    position: relative;
    max-width: 600px;
    margin: auto;
}

.vota-atalanta .logo-atalanta {
    position: absolute;
    width: 60px;
    top: -19px;
    left: -8px;
    border: none;
}

.vota-atalanta:hover {
    opacity: .50;
    filter: alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}

.vota-atalanta a {
    color: #ffffff;
    text-decoration: none;
}

.vota-atalanta .votapartita {
    line-height: 60px;
    padding-right: 10px;
    text-align: right;
    display: block;
    font-weight: 800;
    font-size: 25px;
}

.vota-atalanta .votapartita .gialloatalanta {
    color: #ffba00;
}

@media screen and (max-width: 350px) {
    .vota-atalanta .votapartita .acapo {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    .vota-atalanta .votapartita {
        line-height: 40px;
        font-size: 16px;
    }
}

@media screen and (max-width: 350px) {
    .vota-atalanta .votapartita {
        line-height: 30px;
        font-size: 19px;
    }
}

/**/
/* font */
/**/
/**/
/* defaults */
/**/
.drugo-form {
    margin: 0;
    outline: none; /*box-shadow: 0 0 20px rgba(0,0,0,.3);*/
    font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    color: #666;
}

.drugo-form header {
    display: block;
    padding: 0px 30px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    background: white;
    font-size: 25px;
    font-weight: 600;
    color: #232323;
}

.drugo-form fieldset {
    display: block;
    padding: 15px 0px 0px;
    border: none;
    background: transparent;
}

.drugo-form fieldset:first-child {
    padding: 0px 0px 5px;
}

.drugo-form fieldset + fieldset {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.drugo-form section {
    margin-bottom: 7px;
}

.drugo-form footer {
    display: block;
    padding: 7.5px; /*border-top: 1px solid rgba(0,0,0,.1);*/
    background: transparent;
}

.drugo-form footer:after {
    content: '';
    display: table;
    clear: both;
}

.drugo-form a {
    color: #7d94ac;
}

.drugo-form .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
}

.drugo-form .label.col {
    margin: 0;
    padding-top: 10px;
}

.drugo-form .note {
    margin-top: 6px;
    padding: 0 1px;
    font-size: 11px;
    line-height: 15px;
    color: #999;
}

.drugo-form .input, .drugo-form .select, .drugo-form .textarea, .drugo-form .radio, .drugo-form .checkbox, .drugo-form .toggle, .drugo-form .button {
    position: relative;
    display: block;
}

.drugo-form .input input, .drugo-form .select select, .drugo-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 8px 10px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.drugo-form .progress {
    float: right;
    margin-top: 10px;
    line-height: 39px;
    color: #232323;
}

/**/
/* file inputs */
/**/
.drugo-form .input-file .button {
    position: absolute;
    top: 4px;
    right: 4px;
    float: none;
    height: 31px;
    margin: 0;
    padding: 0 20px;
    font-size: 13px;
    line-height: 31px;
}

.drugo-form .input-file .button:hover {
    box-shadow: none;
}

.drugo-form .input-file .button input {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
}

/**/
/* selects */
/**/
.drugo-form .select i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 5px;
    height: 11px;
    background: #fff;
    box-shadow: 0 0 0 12px #fff;
}

.drugo-form .select i:after, .drugo-form .select i:before {
    content: '';
    position: absolute;
    right: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.drugo-form .select i:after {
    bottom: 0;
    border-top: 4px solid #404040;
}

.drugo-form .select i:before {
    top: 0;
    border-bottom: 4px solid #404040;
}

.drugo-form .select-multiple select {
    height: auto;
}

/**/
/* textareas */
/**/
.drugo-form .textarea textarea {
    height: auto;
    resize: none;
}

.drugo-form .textarea-resizable textarea {
    resize: vertical;
}

.drugo-form .textarea-expandable textarea {
    height: 39px;
}

.drugo-form .textarea-expandable textarea:focus {
    height: auto;
}

/**/
/* radios and checkboxes */
/**/
.drugo-form .radio, .drugo-form .checkbox {
    margin-bottom: 4px;
    padding-left: 27px;
    font-size: 15px;
    line-height: 27px;
    color: #404040;
    cursor: pointer;
}

.drugo-form .radio:last-child, .drugo-form .checkbox:last-child {
    margin-bottom: 0;
}

.drugo-form .radio input, .drugo-form .checkbox input {
    position: absolute;
    left: -9999px;
}

.drugo-form .radio i, .drugo-form .checkbox i {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    background: #fff;
}

.drugo-form .radio i {
    border-radius: 50%;
}

.drugo-form .radio input + i:after, .drugo-form .checkbox input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}

.drugo-form .radio input + i:after {
    content: '';
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.drugo-form .checkbox input + i:after {
    content: '\f00c';
    left: -1px;
    width: 15px;
    height: 15px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}

.drugo-form .radio input:checked + i:after, .drugo-form .checkbox input:checked + i:after {
    opacity: 1;
}

.drugo-form .inline-group {
    margin: 0 -30px -4px 0;
}

.drugo-form .inline-group:after {
    content: '';
    display: table;
    clear: both;
}

.drugo-form .inline-group .radio, .drugo-form .inline-group .checkbox {
    float: left;
    margin-right: 30px;
}

.drugo-form .inline-group .radio:last-child, .drugo-form .inline-group .checkbox:last-child {
    margin-bottom: 4px;
}

/**/
/* toggles */
/**/
.drugo-form .toggle {
    margin-bottom: 4px;
    padding-right: 61px;
    font-size: 15px;
    line-height: 27px;
    color: #404040;
    cursor: pointer;
}

.drugo-form .toggle:last-child {
    margin-bottom: 0;
}

.drugo-form .toggle input {
    position: absolute;
    left: -9999px;
}

.drugo-form .toggle i {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    width: 49px;
    height: 17px;
    border-width: 2px;
    border-style: solid;
    border-radius: 12px;
    background: #fff;
}

.drugo-form .toggle i:after {
    content: 'OFF';
    position: absolute;
    top: 2px;
    right: 8px;
    left: 8px;
    font-style: normal;
    font-size: 9px;
    line-height: 13px;
    font-weight: 700;
    text-align: left;
    color: #5f5f5f;
}

.drugo-form .toggle i:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    opacity: 1;
    transition: right 0.2s;
    -o-transition: right 0.2s;
    -ms-transition: right 0.2s;
    -moz-transition: right 0.2s;
    -webkit-transition: right 0.2s;
}

.drugo-form .toggle input:checked + i:after {
    content: 'ON';
    text-align: right;
}

.drugo-form .toggle input:checked + i:before {
    right: 36px;
}

/**/
/* ratings */
/**/
.drugo-form .rating {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 27px;
    color: #404040;
}

.drugo-form .rating:last-child {
    margin-bottom: 0;
}

.drugo-form .rating input {
    position: absolute;
    left: -9999px;
}

.drugo-form .rating label {
    display: block;
    float: right;
    height: 17px;
    margin-top: 5px;
    padding: 0 2px;
    font-size: 17px;
    line-height: 17px;
    cursor: pointer;
}

/**/
/* buttons */
/**/
.drugo-form .button {
    float: right;
    height: 39px;
    overflow: hidden;
    padding: 0 25px;
    outline: none;
    border: 0;
    font: 600 15px/39px 'Open Sans', Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.drugo-form .button-uploading {
    position: relative;
    color: transparent;
    cursor: default;
}

.drugo-form .button-uploading:after {
    content: 'Uploading...';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    -o-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

/**/
/* icons */
/**/
.icon-glass:before {
    content: "\f000";
}

.icon-music:before {
    content: "\f001";
}

.icon-search:before {
    content: "\f002";
}

.icon-envelope:before {
    content: "\f003";
}

.icon-heart:before {
    content: "\f004";
}

.icon-star:before {
    content: "\f005";
}

.icon-star-empty:before {
    content: "\f006";
}

.icon-user:before {
    content: "\f007";
}

.icon-film:before {
    content: "\f008";
}

.icon-th-large:before {
    content: "\f009";
}

.icon-th:before {
    content: "\f00a";
}

.icon-th-list:before {
    content: "\f00b";
}

.icon-ok:before {
    content: "\f00c";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-zoom-in:before {
    content: "\f00e";
}

.icon-zoom-out:before {
    content: "\f010";
}

.icon-off:before {
    content: "\f011";
}

.icon-signal:before {
    content: "\f012";
}

.icon-cog:before {
    content: "\f013";
}

.icon-trash:before {
    content: "\f014";
}

.icon-home:before {
    content: "\f015";
}

.icon-file:before {
    content: "\f016";
}

.icon-time:before {
    content: "\f017";
}

.icon-road:before {
    content: "\f018";
}

.icon-download-alt:before {
    content: "\f019";
}

.icon-download:before {
    content: "\f01a";
}

.icon-upload:before {
    content: "\f01b";
}

.icon-inbox:before {
    content: "\f01c";
}

.icon-play-circle:before {
    content: "\f01d";
}

.icon-repeat:before, .icon-rotate-right:before {
    content: "\f01e";
}

.icon-refresh:before {
    content: "\f021";
}

.icon-list-alt:before {
    content: "\f022";
}

.icon-lock:before {
    content: "\f023";
}

.icon-flag:before {
    content: "\f024";
}

.icon-headphones:before {
    content: "\f025";
}

.icon-volume-off:before {
    content: "\f026";
}

.icon-volume-down:before {
    content: "\f027";
}

.icon-volume-up:before {
    content: "\f028";
}

.icon-qrcode:before {
    content: "\f029";
}

.icon-barcode:before {
    content: "\f02a";
}

.icon-tag:before {
    content: "\f02b";
}

.icon-tags:before {
    content: "\f02c";
}

.icon-book:before {
    content: "\f02d";
}

.icon-bookmark:before {
    content: "\f02e";
}

.icon-print:before {
    content: "\f02f";
}

.icon-camera:before {
    content: "\f030";
}

.icon-font:before {
    content: "\f031";
}

.icon-bold:before {
    content: "\f032";
}

.icon-italic:before {
    content: "\f033";
}

.icon-text-height:before {
    content: "\f034";
}

.icon-text-width:before {
    content: "\f035";
}

.icon-align-left:before {
    content: "\f036";
}

.icon-align-center:before {
    content: "\f037";
}

.icon-align-right:before {
    content: "\f038";
}

.icon-align-justify:before {
    content: "\f039";
}

.icon-list:before {
    content: "\f03a";
}

.icon-indent-left:before {
    content: "\f03b";
}

.icon-indent-right:before {
    content: "\f03c";
}

.icon-facetime-video:before {
    content: "\f03d";
}

.icon-picture:before {
    content: "\f03e";
}

.icon-pencil:before {
    content: "\f040";
}

.icon-map-marker:before {
    content: "\f041";
}

.icon-adjust:before {
    content: "\f042";
}

.icon-tint:before {
    content: "\f043";
}

.icon-edit:before {
    content: "\f044";
}

.icon-share:before {
    content: "\f045";
}

.icon-check:before {
    content: "\f046";
}

.icon-move:before {
    content: "\f047";
}

.icon-step-backward:before {
    content: "\f048";
}

.icon-fast-backward:before {
    content: "\f049";
}

.icon-backward:before {
    content: "\f04a";
}

.icon-play:before {
    content: "\f04b";
}

.icon-pause:before {
    content: "\f04c";
}

.icon-stop:before {
    content: "\f04d";
}

.icon-forward:before {
    content: "\f04e";
}

.icon-fast-forward:before {
    content: "\f050";
}

.icon-step-forward:before {
    content: "\f051";
}

.icon-eject:before {
    content: "\f052";
}

.icon-chevron-left:before {
    content: "\f053";
}

.icon-chevron-right:before {
    content: "\f054";
}

.icon-plus-sign:before {
    content: "\f055";
}

.icon-minus-sign:before {
    content: "\f056";
}

.icon-remove-sign:before {
    content: "\f057";
}

.icon-ok-sign:before {
    content: "\f058";
}

.icon-question-sign:before {
    content: "\f059";
}

.icon-info-sign:before {
    content: "\f05a";
}

.icon-screenshot:before {
    content: "\f05b";
}

.icon-remove-circle:before {
    content: "\f05c";
}

.icon-ok-circle:before {
    content: "\f05d";
}

.icon-ban-circle:before {
    content: "\f05e";
}

.icon-arrow-left:before {
    content: "\f060";
}

.icon-arrow-right:before {
    content: "\f061";
}

.icon-arrow-up:before {
    content: "\f062";
}

.icon-arrow-down:before {
    content: "\f063";
}

.icon-share-alt:before, .icon-mail-forward:before {
    content: "\f064";
}

.icon-resize-full:before {
    content: "\f065";
}

.icon-resize-small:before {
    content: "\f066";
}

.icon-plus:before {
    content: "\f067";
}

.icon-minus:before {
    content: "\f068";
}

.icon-asterisk:before {
    content: "\f069";
}

.icon-exclamation-sign:before {
    content: "\f06a";
}

.icon-gift:before {
    content: "\f06b";
}

.icon-leaf:before {
    content: "\f06c";
}

.icon-fire:before {
    content: "\f06d";
}

.icon-eye-open:before {
    content: "\f06e";
}

.icon-eye-close:before {
    content: "\f070";
}

.icon-warning-sign:before {
    content: "\f071";
}

.icon-plane:before {
    content: "\f072";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-random:before {
    content: "\f074";
}

.icon-comment:before {
    content: "\f075";
}

.icon-magnet:before {
    content: "\f076";
}

.icon-chevron-up:before {
    content: "\f077";
}

.icon-chevron-down:before {
    content: "\f078";
}

.icon-retweet:before {
    content: "\f079";
}

.icon-shopping-cart:before {
    content: "\f07a";
}

.icon-folder-close:before {
    content: "\f07b";
}

.icon-folder-open:before {
    content: "\f07c";
}

.icon-resize-vertical:before {
    content: "\f07d";
}

.icon-resize-horizontal:before {
    content: "\f07e";
}

.icon-bar-chart:before {
    content: "\f080";
}

.icon-twitter-sign:before {
    content: "\f081";
}

.icon-facebook-sign:before {
    content: "\f082";
}

.icon-camera-retro:before {
    content: "\f083";
}

.icon-key:before {
    content: "\f084";
}

.icon-cogs:before {
    content: "\f085";
}

.icon-comments:before {
    content: "\f086";
}

.icon-thumbs-up:before {
    content: "\f087";
}

.icon-thumbs-down:before {
    content: "\f088";
}

.icon-star-half:before {
    content: "\f089";
}

.icon-heart-empty:before {
    content: "\f08a";
}

.icon-signout:before {
    content: "\f08b";
}

.icon-linkedin-sign:before {
    content: "\f08c";
}

.icon-pushpin:before {
    content: "\f08d";
}

.icon-external-link:before {
    content: "\f08e";
}

.icon-signin:before {
    content: "\f090";
}

.icon-trophy:before {
    content: "\f091";
}

.icon-github-sign:before {
    content: "\f092";
}

.icon-upload-alt:before {
    content: "\f093";
}

.icon-lemon:before {
    content: "\f094";
}

.icon-phone {
    margin-top: 1px;
}

.icon-phone:before {
    content: "\f095";
}

.icon-check-empty:before {
    content: "\f096";
}

.icon-bookmark-empty:before {
    content: "\f097";
}

.icon-phone-sign:before {
    content: "\f098";
}

.icon-twitter:before {
    content: "\f099";
}

.icon-facebook:before {
    content: "\f09a";
}

.icon-github:before {
    content: "\f09b";
}

.icon-unlock:before {
    content: "\f09c";
}

.icon-credit-card:before {
    content: "\f09d";
}

.icon-rss:before {
    content: "\f09e";
}

.icon-hdd:before {
    content: "\f0a0";
}

.icon-bullhorn:before {
    content: "\f0a1";
}

.icon-bell:before {
    content: "\f0a2";
}

.icon-certificate:before {
    content: "\f0a3";
}

.icon-hand-right:before {
    content: "\f0a4";
}

.icon-hand-left:before {
    content: "\f0a5";
}

.icon-hand-up:before {
    content: "\f0a6";
}

.icon-hand-down:before {
    content: "\f0a7";
}

.icon-circle-arrow-left:before {
    content: "\f0a8";
}

.icon-circle-arrow-right:before {
    content: "\f0a9";
}

.icon-circle-arrow-up:before {
    content: "\f0aa";
}

.icon-circle-arrow-down:before {
    content: "\f0ab";
}

.icon-globe:before {
    content: "\f0ac";
}

.icon-wrench:before {
    content: "\f0ad";
}

.icon-tasks:before {
    content: "\f0ae";
}

.icon-filter:before {
    content: "\f0b0";
}

.icon-briefcase:before {
    content: "\f0b1";
}

.icon-fullscreen:before {
    content: "\f0b2";
}

.icon-group:before {
    content: "\f0c0";
}

.icon-link:before {
    content: "\f0c1";
}

.icon-cloud:before {
    content: "\f0c2";
}

.icon-beaker:before {
    content: "\f0c3";
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-copy:before {
    content: "\f0c5";
}

.icon-paper-clip:before {
    content: "\f0c6";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-sign-blank:before {
    content: "\f0c8";
}

.icon-reorder:before {
    content: "\f0c9";
}

.icon-list-ul:before {
    content: "\f0ca";
}

.icon-list-ol:before {
    content: "\f0cb";
}

.icon-strikethrough:before {
    content: "\f0cc";
}

.icon-underline:before {
    content: "\f0cd";
}

.icon-table:before {
    content: "\f0ce";
}

.icon-magic:before {
    content: "\f0d0";
}

.icon-truck:before {
    content: "\f0d1";
}

.icon-pinterest:before {
    content: "\f0d2";
}

.icon-pinterest-sign:before {
    content: "\f0d3";
}

.icon-google-plus-sign:before {
    content: "\f0d4";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-money:before {
    content: "\f0d6";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-caret-left:before {
    content: "\f0d9";
}

.icon-caret-right:before {
    content: "\f0da";
}

.icon-columns:before {
    content: "\f0db";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-sort-down:before {
    content: "\f0dd";
}

.icon-sort-up:before {
    content: "\f0de";
}

.icon-envelope-alt:before {
    content: "\f0e0";
}

.icon-linkedin:before {
    content: "\f0e1";
}

.icon-undo:before, .icon-rotate-left:before {
    content: "\f0e2";
}

.icon-legal:before {
    content: "\f0e3";
}

.icon-dashboard:before {
    content: "\f0e4";
}

.icon-comment-alt:before {
    content: "\f0e5";
}

.icon-comments-alt:before {
    content: "\f0e6";
}

.icon-bolt:before {
    content: "\f0e7";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-umbrella:before {
    content: "\f0e9";
}

.icon-paste:before {
    content: "\f0ea";
}

.icon-lightbulb:before {
    content: "\f0eb";
}

.icon-exchange:before {
    content: "\f0ec";
}

.icon-cloud-download:before {
    content: "\f0ed";
}

.icon-cloud-upload:before {
    content: "\f0ee";
}

.icon-user-md:before {
    content: "\f0f0";
}

.icon-stethoscope:before {
    content: "\f0f1";
}

.icon-suitcase:before {
    content: "\f0f2";
}

.icon-bell-alt:before {
    content: "\f0f3";
}

.icon-coffee:before {
    content: "\f0f4";
}

.icon-food:before {
    content: "\f0f5";
}

.icon-file-alt:before {
    content: "\f0f6";
}

.icon-building:before {
    content: "\f0f7";
}

.icon-hospital:before {
    content: "\f0f8";
}

.icon-ambulance:before {
    content: "\f0f9";
}

.icon-medkit:before {
    content: "\f0fa";
}

.icon-fighter-jet:before {
    content: "\f0fb";
}

.icon-beer:before {
    content: "\f0fc";
}

.icon-h-sign:before {
    content: "\f0fd";
}

.icon-plus-sign-alt:before {
    content: "\f0fe";
}

.icon-double-angle-left:before {
    content: "\f100";
}

.icon-double-angle-right:before {
    content: "\f101";
}

.icon-double-angle-up:before {
    content: "\f102";
}

.icon-double-angle-down:before {
    content: "\f103";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-desktop:before {
    content: "\f108";
}

.icon-laptop:before {
    content: "\f109";
}

.icon-tablet:before {
    content: "\f10a";
}

.icon-mobile-phone:before {
    content: "\f10b";
}

.icon-circle-blank:before {
    content: "\f10c";
}

.icon-quote-left:before {
    content: "\f10d";
}

.icon-quote-right:before {
    content: "\f10e";
}

.icon-spinner:before {
    content: "\f110";
}

.icon-circle:before {
    content: "\f111";
}

.icon-reply:before, .icon-mail-reply:before {
    content: "\f112";
}

.icon-folder-close-alt:before {
    content: "\f114";
}

.icon-folder-open-alt:before {
    content: "\f115";
}

.icon-expand-alt:before {
    content: "\f116";
}

.icon-collapse-alt:before {
    content: "\f117";
}

.icon-smile:before {
    content: "\f118";
}

.icon-frown:before {
    content: "\f119";
}

.icon-meh:before {
    content: "\f11a";
}

.icon-gamepad:before {
    content: "\f11b";
}

.icon-keyboard:before {
    content: "\f11c";
}

.icon-flag-alt:before {
    content: "\f11d";
}

.icon-flag-checkered:before {
    content: "\f11e";
}

.icon-terminal:before {
    content: "\f120";
}

.icon-code:before {
    content: "\f121";
}

.icon-reply-all:before {
    content: "\f122";
}

.icon-mail-reply-all:before {
    content: "\f122";
}

.icon-star-half-full:before, .icon-star-half-empty:before {
    content: "\f123";
}

.icon-location-arrow:before {
    content: "\f124";
}

.icon-crop:before {
    content: "\f125";
}

.icon-code-fork:before {
    content: "\f126";
}

.icon-unlink:before {
    content: "\f127";
}

.icon-question:before {
    content: "\f128";
}

.icon-info:before {
    content: "\f129";
}

.icon-exclamation:before {
    content: "\f12a";
}

.icon-superscript:before {
    content: "\f12b";
}

.icon-subscript:before {
    content: "\f12c";
}

.icon-eraser:before {
    content: "\f12d";
}

.icon-puzzle-piece:before {
    content: "\f12e";
}

.icon-microphone:before {
    content: "\f130";
}

.icon-microphone-off:before {
    content: "\f131";
}

.icon-shield:before {
    content: "\f132";
}

.icon-calendar-empty:before {
    content: "\f133";
}

.icon-fire-extinguisher:before {
    content: "\f134";
}

.icon-rocket:before {
    content: "\f135";
}

.icon-maxcdn:before {
    content: "\f136";
}

.icon-chevron-sign-left:before {
    content: "\f137";
}

.icon-chevron-sign-right:before {
    content: "\f138";
}

.icon-chevron-sign-up:before {
    content: "\f139";
}

.icon-chevron-sign-down:before {
    content: "\f13a";
}

.icon-html5:before {
    content: "\f13b";
}

.icon-css3:before {
    content: "\f13c";
}

.icon-anchor:before {
    content: "\f13d";
}

.icon-unlock-alt:before {
    content: "\f13e";
}

.icon-bullseye:before {
    content: "\f140";
}

.icon-ellipsis-horizontal:before {
    content: "\f141";
}

.icon-ellipsis-vertical:before {
    content: "\f142";
}

.icon-rss-sign:before {
    content: "\f143";
}

.icon-play-sign:before {
    content: "\f144";
}

.icon-ticket:before {
    content: "\f145";
}

.icon-minus-sign-alt:before {
    content: "\f146";
}

.icon-check-minus:before {
    content: "\f147";
}

.icon-level-up:before {
    content: "\f148";
}

.icon-level-down:before {
    content: "\f149";
}

.icon-check-sign:before {
    content: "\f14a";
}

.icon-edit-sign:before {
    content: "\f14b";
}

.icon-external-link-sign:before {
    content: "\f14c";
}

.icon-share-sign:before {
    content: "\f14d";
}

.drugo-form [class^="icon-"], .ui-datepicker [class^="icon-"] {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

.drugo-form .icon-append, .drugo-form .icon-prepend {
    position: absolute;
    top: 5px;
    width: 29px;
    height: 29px;
    font-size: 15px;
    line-height: 29px;
    text-align: center;
}

.drugo-form .icon-append {
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
}

.drugo-form .icon-prepend {
    left: 5px;
    padding-right: 3px;
    border-right-width: 1px;
    border-right-style: solid;
}

.drugo-form .input .icon-prepend + input, .drugo-form .textarea .icon-prepend + textarea {
    padding-left: 46px;
}

.drugo-form .input .icon-append + input, .drugo-form .textarea .icon-append + textarea {
    padding-right: 46px;
}

.drugo-form .input .icon-prepend + .icon-append + input, .drugo-form .textarea .icon-prepend + .icon-append + textarea {
    padding-left: 46px;
}

/**/
/* grid */
/**/
.drugo-form .drugo-form-row {
    margin: 0;
}

.drugo-form .drugo-form-row:after {
    content: '';
    display: table;
    clear: both;
}

.drugo-form .col {
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.drugo-form .col-1 {
    width: 8.33%;
}

.drugo-form .col-2 {
    width: 16.66%;
}

.drugo-form .col-3 {
    width: 25%;
}

.drugo-form .col-4 {
    width: 33.33%;
}

.drugo-form .col-5 {
    width: 41.66%;
}

.drugo-form .col-6 {
    width: 50%;
}

.drugo-form .col-7 {
    width: 58.33%;
}

.drugo-form .col-8 {
    width: 66.67%;
}

.drugo-form .col-9 {
    width: 75%;
}

.drugo-form .col-10 {
    width: 83.33%;
}

.drugo-form .col-11 {
    width: 91.66%;
}

@media screen and (max-width: 600px) {
    .drugo-form .col {
        float: none;
        width: 100%;
    }
}

/**/
/* tooltips */
/**/
.drugo-form .tooltip {
    position: absolute;
    z-index: 1;
    left: -9999px;
    padding: 2px 8px 3px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    opacity: 0;
    transition: margin 0.3s, opacity 0.3s;
    -o-transition: margin 0.3s, opacity 0.3s;
    -ms-transition: margin 0.3s, opacity 0.3s;
    -moz-transition: margin 0.3s, opacity 0.3s;
    -webkit-transition: margin 0.3s, opacity 0.3s;
}

.drugo-form .tooltip:after {
    content: '';
    position: absolute;
}

.drugo-form .input input:focus + .tooltip, .drugo-form .textarea textarea:focus + .tooltip {
    opacity: 1;
}

.drugo-form .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
}

.drugo-form .tooltip-top-right:after {
    top: 100%;
    right: 16px;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.drugo-form .input input:focus + .tooltip-top-right, .drugo-form .textarea textarea:focus + .tooltip-top-right {
    right: 0;
    left: auto;
    margin-bottom: 5px;
}

.drugo-form .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
}

.drugo-form .tooltip-top-left:after {
    top: 100%;
    left: 16px;
    border-top: 4px solid rgba(0, 0, 0, 0.9);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.drugo-form .input input:focus + .tooltip-top-left, .drugo-form .textarea textarea:focus + .tooltip-top-left {
    right: auto;
    left: 0;
    margin-bottom: 5px;
}

.drugo-form .tooltip-right {
    top: 9px;
    white-space: nowrap;
    margin-left: 15px;
}

.drugo-form .tooltip-right:after {
    top: 6px;
    right: 100%;
    border-top: 4px solid transparent;
    border-right: 4px solid rgba(0, 0, 0, 0.9);
    border-bottom: 4px solid transparent;
}

.drugo-form .input input:focus + .tooltip-right, .drugo-form .textarea textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
}

.drugo-form .tooltip-left {
    top: 9px;
    white-space: nowrap;
    margin-right: 15px;
}

.drugo-form .tooltip-left:after {
    top: 6px;
    left: 100%;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid rgba(0, 0, 0, 0.9);
}

.drugo-form .input input:focus + .tooltip-left, .drugo-form .textarea textarea:focus + .tooltip-left {
    right: 100%;
    left: auto;
    margin-right: 5px;
}

.drugo-form .tooltip-bottom-right {
    top: 100%;
    margin-top: 15px;
}

.drugo-form .tooltip-bottom-right:after {
    bottom: 100%;
    right: 16px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0, 0, 0, 0.9);
    border-left: 4px solid transparent;
}

.drugo-form .input input:focus + .tooltip-bottom-right, .drugo-form .textarea textarea:focus + .tooltip-bottom-right {
    right: 0;
    left: auto;
    margin-top: 5px;
}

.drugo-form .tooltip-bottom-left {
    top: 100%;
    margin-top: 15px;
}

.drugo-form .tooltip-bottom-left:after {
    bottom: 100%;
    left: 16px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0, 0, 0, 0.9);
    border-left: 4px solid transparent;
}

.drugo-form .input input:focus + .tooltip-bottom-left, .drugo-form .textarea textarea:focus + .tooltip-bottom-left {
    right: auto;
    left: 0;
    margin-top: 5px;
}

/**/
/* normal state */
/**/
.drugo-form .input input, .drugo-form .select select, .drugo-form .textarea textarea, .drugo-form .radio i, .drugo-form .checkbox i, .drugo-form .toggle i, .drugo-form .icon-append, .drugo-form .icon-prepend {
    border-color: #e5e5e5;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

.drugo-form .toggle i:before {
    background-color: #2da5da;
}

.drugo-form .rating label {
    color: #ccc;
    transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.drugo-form .button {
    background-color: #4090D7;
    opacity: 0.8;
    transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

.drugo-form .button.button-secondary {
    background-color: #b3b3b3;
}

.drugo-form .icon-append, .drugo-form .icon-prepend {
    color: #ccc;
}

/**/
/* hover state */
/**/
.drugo-form .input:hover input, .drugo-form .select:hover select, .drugo-form .textarea:hover textarea, .drugo-form .radio:hover i, .drugo-form .checkbox:hover i, .drugo-form .toggle:hover i {
    border-color: #8dc9e5;
}

.drugo-form .rating input + label:hover, .drugo-form .rating input + label:hover ~ label {
    color: #2da5da;
}

.drugo-form .button:hover {
    opacity: 1;
}

/**/
/* focus state */
/**/
.drugo-form .input input:focus, .drugo-form .select select:focus, .drugo-form .textarea textarea:focus, .drugo-form .radio input:focus + i, .drugo-form .checkbox input:focus + i, .drugo-form .toggle input:focus + i {
    border-color: #2da5da;
}

/**/
/* checked state */
/**/
.drugo-form .radio input + i:after {
    background-color: #2da5da;
}

.drugo-form .checkbox input + i:after {
    color: #2da5da;
}

.drugo-form .radio input:checked + i, .drugo-form .checkbox input:checked + i, .drugo-form .toggle input:checked + i {
    border-color: #2da5da;
}

.drugo-form .rating input:checked ~ label {
    color: #2da5da;
}

/**/
/* error state */
/**/
.drugo-form .state-error input, .drugo-form .state-error select, .drugo-form .state-error textarea, .drugo-form .radio.state-error i, .drugo-form .checkbox.state-error i, .drugo-form .toggle.state-error i {
    background: #fff0f0;
}

.drugo-form .state-error select + i {
    background: #fff0f0;
    box-shadow: 0 0 0 12px #fff0f0;
}

.drugo-form .toggle.state-error input:checked + i {
    background: #fff0f0;
}

.drugo-form .state-error + em {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #ee9393;
}

.drugo-form .rating.state-error + em {
    margin-top: -4px;
    margin-bottom: 4px;
}

/**/
/* success state */
/**/
.drugo-form .state-success input, .drugo-form .state-success select, .drugo-form .state-success textarea, .drugo-form .radio.state-success i, .drugo-form .checkbox.state-success i, .drugo-form .toggle.state-success i {
    background: #f0fff0;
}

.drugo-form .state-success select + i {
    background: #f0fff0;
    box-shadow: 0 0 0 12px #f0fff0;
}

.drugo-form .toggle.state-success input:checked + i {
    background: #f0fff0;
}

.drugo-form .note-success {
    color: #6fb679;
}

/**/
/* disabled state */
/**/
.drugo-form .input.state-disabled input, .drugo-form .select.state-disabled, .drugo-form .textarea.state-disabled, .drugo-form .radio.state-disabled, .drugo-form .checkbox.state-disabled, .drugo-form .toggle.state-disabled, .drugo-form .button.state-disabled {
    cursor: default;
    opacity: 0.5;
}

.drugo-form .input.state-disabled:hover input, .drugo-form .select.state-disabled:hover select, .drugo-form .textarea.state-disabled:hover textarea, .drugo-form .radio.state-disabled:hover i, .drugo-form .checkbox.state-disabled:hover i, .drugo-form .toggle.state-disabled:hover i {
    border-color: #e5e5e5;
}

/**/
/* submited state */
/**/
.drugo-form .message {
    display: none;
    color: #6fb679;
}

.drugo-form .message i {
    display: block;
    margin: 0 auto 20px;
    width: 81px;
    height: 81px;
    border: 1px solid #6fb679;
    border-radius: 50%;
    font-size: 30px;
    line-height: 81px;
}

.drugo-form.submited fieldset, .drugo-form.submited footer {
    display: none;
}

.drugo-form.submited .message {
    display: block;
    padding: 25px 30px;
    background: rgba(255, 255, 255, 0.9);
    font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
}

/**/
/* datepicker */
/**/
.ui-datepicker {
    display: none;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #666;
}

.ui-datepicker a {
    color: #404040;
}

.ui-datepicker-header {
    position: relative;
    margin: -10px -12px 10px;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 15px;
    line-height: 27px;
}

.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 0;
    display: block;
    width: 47px;
    height: 47px;
    font-size: 15px;
    line-height: 47px;
    text-decoration: none;
    cursor: pointer;
}

.ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-next {
    right: 0;
}

.ui-datepicker-calendar {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 27px;
}

.ui-datepicker-calendar th {
    color: #999;
}

.ui-datepicker-calendar a, .ui-datepicker-calendar span {
    display: block;
    width: 31px;
    margin: auto;
    text-decoration: none;
    color: #404040;
}

.ui-datepicker-calendar a:hover {
    background: rgba(0, 0, 0, 0.05);
}

.ui-datepicker-calendar span {
    color: #bfbfbf;
}

.ui-datepicker-today a {
    font-weight: 700;
}

.ui-datepicker-calendar .ui-state-active {
    background: rgba(0, 0, 0, 0.05);
    cursor: default;
}

.ui-datepicker-inline {
    border: 2px solid #e5e5e5;
    background: #fff;
    box-shadow: none;
}

.ui-datepicker-inline .ui-datepicker-header {
    line-height: 47px;
}

.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%;
}

/**/
/* modal */
/**/
.drugo-form-modal {
    position: fixed;
    z-index: 1;
    display: none;
    width: 400px;
}

.drugo-form-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

/**/
/* bootstrap compatibility */
/**/
.drugo-form *, .drugo-form *:after, .drugo-form *:before {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.drugo-form .label {
    border-radius: 0;
    font-size: 100%;
    text-align: left;
    white-space: normal;
    color: inherit;
}

.drugo-form .radio, .drugo-form .checkbox {
    font-weight: 400;
}

.drugo-form .radio + .radio, .drugo-form .checkbox + .checkbox {
    margin-top: 0;
}

.modal {
    padding: 25px 30px;
    background: rgba(255, 255, 255, 0.9);
    font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    color: #666;
}

.modal a {
    color: #2da5da;
}

@media screen and (max-width: 600px) {
    .body {
        padding: 20px;
    }
}

/**/
/* normal state */
/**/
.drugo-form .toggle i:before {
    background-color: #2a70e8;
}

.sky-form .button {
    background-color: #2a70e8;
}

/**/
/* hover state */
/**/
.drugo-form .input:hover input, .drugo-form .select:hover select, .drugo-form .textarea:hover textarea, .drugo-form .radio:hover i, .drugo-form .checkbox:hover i, .drugo-form .toggle:hover i {
    border-color: #94b7f3;
}

.drugo-form .rating input + label:hover, .drugo-form .rating input + label:hover ~ label {
    color: #2a70e8;
}

/**/
/* focus state */
/**/
.drugo-form .input input:focus, .drugo-form .select select:focus, .drugo-form .textarea textarea:focus, .drugo-form .radio input:focus + i, .drugo-form .checkbox input:focus + i, .drugo-form .toggle input:focus + i {
    border-color: #2a70e8;
}

/**/
/* checked state */
/**/
.drugo-form .radio input + i:after {
    background-color: #2a70e8;
}

.drugo-form .checkbox input + i:after {
    color: #2a70e8;
}

.drugo-form .radio input:checked + i, .drugo-form .checkbox input:checked + i, .drugo-form .toggle input:checked + i {
    border-color: #2a70e8;
}

.drugo-form .rating input:checked ~ label {
    color: #2a70e8;
}

.login {
    padding: 5px 15px 5px 15px;
    font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    color: #666;
    background: -webkit-linear-gradient(white, #dddddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #dddddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #dddddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #dddddd); /* Standard syntax */
    margin: 0px 0px 10px 0px;
}

.login-2 {
    padding: 15px;
    background: -webkit-linear-gradient(white, #dddddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #dddddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #dddddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #dddddd); /* Standard syntax */
}

.login-2 h1, .login-2 h1 p, h1 .login-2 p {
    font-size: 1.3rem;
    font-color: #9b9b9b !important;
}

.login h1, .login h1 p, h1 .login p {
    font-size: 1.3rem;
    font-color: #9b9b9b !important;
}

.login-side {
    padding: 20px 10px;
    border-top: #EDEDED 1px dashed;
}

.conditions {
    padding: 0px 0px 0px 10px;
    border: #EDEDED 1px solid;
    margin-top: 20px;
    margin-bottom: 20px;
    font: 12px/1.20 italic 'Open Sans', Helvetica, Arial, sans-serif italic;
    font-style: italic;
}

.login-footer {
    font: 12px/2.55 'Open Sans', Helvetica, Arial, sans-serif;
}

.help-sidebar {
    font: 15px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: right;
    padding: 25px 30px 25px 30px;
}

.casella {
    padding-right: 15px;
    text-align: center;
}

.casella a {
    font-size: 0.7rem !important;
    color: #2d2d2d;
    align: center;
    font-weight: bold;
}

hr {
    color: #dddddd;
    font-size: 0.8rem;
    height: 1px;
    border-style: dashed;
}

.caption {
    font: 10px/1 'Open Sans', Helvetica, Arial, sans-serif;
    padding-left: 30px;
}

#subhead02 {
    padding: 10px 15px 0px 15px; /*margin-bottom:$aria;*/
}

.sondaggio h1, .sondaggio h1 p, h1 .sondaggio p {
    font-size: 18px;
    color: #ffba0c;
}

.sondaggio-radio {
    border-bottom: 1px dotted #dddddd;
    padding: 15px;
    min-height: 65px;
}

.sondaggio-radio i {
    margin-top: 27px;
}

.sondaggio-radio img {
    margin-right: 15px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 62px;
    height: 62px;
}

.sondaggio-radio:last-child {
    border-bottom: 0px;
}

.sondaggio-results-main {
    color: #ffba0c;
    font-size: 16px;
    margin: 10px 0px 7px 0px;
    font-weight: 700;
    min-height: 60px;
    float: left !important;
}

@media only screen and (max-width: 40em) {
    .sondaggio-results-main {
        margin: 0px 0px 10px 10px;
        font-size: 13px;
    }
}

.sondaggio-results-main img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 62px;
    height: 62px;
}

@media only screen and (max-width: 40em) {
    .sondaggio-results-main img {
        display: none;
        visibility: hidden;
    }
}

.sondaggio-results-percent {
    color: #ffba0c;
    font-size: 42px;
    font-weight: 700;
    border-right: 1px solid #dddddd;
    margin: 15px 15px 15px 0px;
    min-height: 60px;
}

@media only screen and (max-width: 40em) {
    .sondaggio-results-percent {
        border-right: 0px solid #fff;
        font-size: 30px;
        text-align: center;
        margin: 0px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .sondaggio-results-percent {
        font-size: 40px !important;
    }
}

.sondaggio-results-main-min {
    color: #dddddd;
    font-size: 16px;
    margin: 10px 0px 7px 0px;
    font-weight: 700;
    min-height: 60px;
}

@media only screen and (max-width: 40em) {
    .sondaggio-results-main-min {
        margin: 10px 0px 15px 10px;
        float: center !important;
        font-size: 13px;
    }
}

.sondaggio-results-main-min img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    opacity: 0.4;
    width: 62px;
    height: 62px;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

@media only screen and (max-width: 40em) {
    .sondaggio-results-main-min img {
        display: none;
        visibility: hidden;
    }
}

.sondaggio-results-main-min:last-child {
    float: left !important;
}

.sondaggio-results-percent-min {
    color: #dddddd;
    font-size: 42px;
    font-weight: 700;
    border-right: 1px solid #dddddd;
    margin: 15px 15px 15px 0px;
    min-height: 60px;
}

@media only screen and (max-width: 40em) {
    .sondaggio-results-percent-min {
        border-right: 0px solid #fff;
        font-size: 30px;
        text-align: center;
        margin: 0px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .sondaggio-results-percent-min {
        font-size: 40px !important;
    }
}

@media only screen and (max-width: 40em) {
    .sondaggio-sparisci {
        display: none;
        visibility: hidden;
    }
}

.sondaggio-mostra {
    display: none;
}

@media only screen and (max-width: 40em) {
    .sondaggio-mostra {
        display: block;
    }
}

.sondaggio-mostra img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 15px;
}

.sondaggio-mostra-min {
    display: none;
}

@media only screen and (max-width: 40em) {
    .sondaggio-mostra-min {
        display: block;
    }
}

.sondaggio-mostra-min img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.4;
    margin-top: 10px;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.f-dropdown li a {
    font-size: 12px;
}

.div-padding {
    padding: 0px 15px;
}

@media only screen and (max-width: 40em) {
    .div-padding {
        text-align: center;
    }
}

.intro-eventi {
    float: left;
    color: #606060;
    font-size: 0.9rem;
    min-height: 100px;
}

.intro-side {
    color: #2d2d2d;
    padding-left: 7px;
    border-left: 1px dashed #dddddd;
    min-height: 100px;
    font-weight: 600;
    color: #606060;
    line-height: 1.2rem;
    font-size: 0.8rem;
}

@media only screen and (max-width: 40em) {
    .intro-side {
        border-left: none;
        padding-left: 0px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .intro-side {
        padding-left: 5px;
        font-size: 0.7rem;
    }
}

.intro-side h1, .intro-side h1 p, h1 .intro-side p {
    font-size: 1rem;
    color: #6288a5;
    margin-top: 7px;
    line-height: 1.2rem;
    text-transform: uppercase;
}

.intro-side h2, .intro-side h2 p, h2 .intro-side p {
    font-size: 0.9rem;
    color: #a66062;
}

.title-chi-siamo {
    font-size: 3rem;
    color: #2d2d2d;
    font-weight: 800 !important;
    border-top: 1px #dddddd solid;
    margin: 0px 15px 0px 15px;
    line-height: 3.8rem;
    padding-top: 15px;
}

.chisiamo-title {
    font-size: 1.8rem;
    color: #6288a5;
    border-left: 4px solid #6288a5;
    font-style: oblique;
    font-weight: 100;
    margin: 25px 0px 5px 0px;
    padding: 0px 15px 0px 15px;
}

.chisiamo-txt {
    color: #2d2d2d;
    padding-left: 15px;
}

.chisiamo-mod-first {
    font-size: 1.8rem;
    color: #6288a5;
    border-left: 4px solid #6288a5;
    font-style: oblique;
    font-weight: 100;
    padding: 0px 15px 0px 15px;
}

.chisiamo-mod {
    border-left: 1px solid #dddddd;
    padding: 15px;
}

.chisiamo-mod b {
    font-size: 1.2rem;
}

.color-blu {
    color: #6288a5;
}

.sfondo-grigio {
    background: #f9f9f9;
    padding: 15px 0px 15px 0px;
}

.grigio-min {
    color: #9b9b9b;
    font-size: 0.9rem;
}

#locals_navigation_close {
    font-size: 0.7rem;
    color: #9b9b9b;
    text-align: right;
}

.sottolineato {
    border-bottom: 1px #dddddd dashed;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #2d2d2d;
}

.sopralineato {
    border-top: 1px #dddddd dashed;
    padding-top: 7px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #2d2d2d;
    text-align: left;
}

.margin-top {
    margin-top: 15px !important;
}

.no-image {
    min-height: 10px !important;
}

.errorlist {
    list-style-type: none;
    color: #ff0000;
    border: 1px solid #ff0000;
    font-size: 0.8rem;
    margin: 7px;
    padding: 7px;
    background-color: #fff;
}

.titoloform {
    font-size: 1rem;
    font-weight: 800;
}

.headgallery {
    height: 638px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 1px;
    margin-bottom: 20px;
}

.boxtitlegallery {
    position: absolute;
    bottom: 0px;
    width: auto;
    left: 0px;
    right: 0px;
    padding: 40px 0px 30px 0px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(98%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-8 */
}

@media only screen and (max-width: 40em) {
    .boxtitlegallery {
        padding: 10px 0px 10px 0px;
        position: relative;
        background: transparent;
        color: #2d2d2d;
    }
}

.titlegallery {
    color: #ffffff;
    width: auto;
    margin: 30px 15% 0px 15%;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 2.7rem;
    letter-spacing: -0.09rem;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .titlegallery {
        margin: 0px 6% 0px 6%;
    }
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .titlegallery {
        margin: 0px 10px 0px 10px;
        font-size: 1.5rem;
        line-height: 1.2em;
        color: #2d2d2d;
    }
}

.targhetta {
    display: table;
    padding: 15px;
    background-color: #000000;
    margin-top: 20px;
    z-index: 30;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3rem;
}

#boxarticolo_ul_scroll {
    margin-top: 30px;
}

.newheadgallery {
    width: auto;
    position: relative;
}

.newheadgallery img {
    width: 100%;
}

.newheadgallery .newtarghetta {
    padding: 15px;
    background-color: #000000;
    margin-top: 20px;
    z-index: 30;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.3rem;
    position: absolute;
}

@media only screen and (max-width: 40em) {
    .newheadgallery .newtarghetta {
        position: relative;
        font-size: 1.1rem;
        font-weight: 400;
        padding: 5px 15px 5px 15px;
        margin-bottom: 5px;
        margin-top: 0px;
    }
}

/* MODULO TAG HOME PAGE */
#tags {
    margin: 0px 15px 15px 0px;
    display: block;
    padding: 15px 0px;
}

#tags .tagslist {
    margin: 0px;
}

#tags .titletags {
    margin-left: 5px;
    color: #9c005e !important;
    font-weight: 600;
    font-size: 1em;
    margin-bottom: 5px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    #tags {
        padding: 0px 15px 0px 15px;
        margin-bottom: auto;
    }

    #tags .titletags {
        float: left;
    }
}

@media only screen and (max-width: 40em) {
    #tags {
        display: none;
        visibility: none;
    }
}

/* MODULO TAGS ARTICOLO LUNGO*/
#art-tags {
    margin: 0px 0px 15px 0px;
    display: block;
}

.label-tags {
    font-weight: normal;
    font-family: "Open Sans", arial;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 6px 12px 8px;
    font-size: 12px;
    background-color: #ECECEC;
    color: #333333;
    border-radius: 5px;
    font-weight: 600;
    color: #484848;
    margin-bottom: 10px;
    margin-left: 5px;
}

.tagstitle {
    float: left;
    margin-right: 10px;
    color: #2d2d2d;
}

.tags {
    display: block;
}

.tagslist {
    display: block;
    margin-left: 20px;
}

.top-bar-section li.livebutton:not(.has-form) a:not(.button) {
    background-color: #f7ce0f;
    border-left: 4px solid #ffffff;
    font-size: 1.4em;
    font-weight: 700;
}

@media only screen and (max-width: 40em) {
    .top-bar-section li.livebutton:not(.has-form) a:not(.button) {
        border-left: hidden;
    }
}

.headlogo {
    margin: 10px 0px 10px 0px;
    display: block;
}

@media only screen and (max-width: 40em) {
    .headlogo {
        margin: 10px 0px;
    }
}

.logoeco {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .logoeco {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: landscape) {
    .logoeco {
        padding-left: 0;
        padding-right: 0;
        width: 37.5%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .logoeco {
        padding-left: 0;
        padding-right: 0;
        width: 37.5%;
        float: left; /*margin-top: 15px;*/
        margin-top: 5px;
    }
}

.menu01 {
    height: 45px;
    margin-bottom: 15px;
    z-index: 125;
}

.menu01b {
    height: 45px;
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 90;
    display: none;
}

.bar2 {
    max-width: 1024px;
    height: 45px;
    margin: auto;
    display: block; /*border-bottom: 5px solid #ffffff;*/
}

#menu00 {
    height: 40px;
    width: auto;
    top: 0px;
    position: fixed;
    width: 100%;
    z-index: 200;
    background-color: #2d2d2d;
}

#logoup {
    height: 43px;
    top: 0px;
    position: fixed; /* width: 100%;*/
    z-index: 430;
    background-color: #2d2d2d;
}

#strumenti {
    background-color: #2d2d2d;
    height: 43px;
    z-index: 500;
    border: none;
}

#loginbar {
    color: #ffffff;
    float: right;
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 40px;
    padding-right: 15px;
}

.avatartop {
    margin: 0px 8px;
    float: right;
    width: 22px;
}

.menusection {
    margin: 5px auto 5px auto;
}

.aree {
    margin-left: 0px;
    margin-bottom: 0px;
}

.aree dd {
    font-size: 13px;
    margin-left: 5px;
    padding-right: 5px; /*border-right:1px solid $grigio;*/
}

.aree dt.active a, .aree dd.active a, .aree li.active a {
    padding: 5px;
}

@media only screen and (max-width: 40em) {
    .menusection, .forms {
        visbility: none;
        display: none;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    dd {
        font-size: 10px;
        margin-left: 5px;
        padding-right: 5px; /*border-right:1px solid $grigio;*/
    }

    .menusection {
        visibility: none;
        display: none;
    }
}

.area {
    font-size: 0.8em;
    position: relative;
    display: block;
    margin-top: 15px;
    float: right;
}

@media only screen and (max-width: 40em) {
    .area {
        visibility: none;
        display: none;
    }
}

.socialhead {
    float: left;
    display: block;
    margin-right: 10px;
    margin-top: 3px;
    border-right: 1px solid #dddddd;
}

.socialhead .iconsocial {
    font-size: 1.5rem;
    margin-right: 5px;
}

.ricercaheader { /*float: left;*/
}

.ricercaheader .camporicerca { /*width: 250px;*/
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .ricercaheader .camporicerca { /*width: 200px;*/
    }
}

ul#head-sociallist {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul#head-sociallist li {
    float: left;
}

.comune {
    display: block;
    height: 50px;
    font-size: 1rem;
    line-height: 1.5em;
    padding-left: 5px;
    height: 30px;
}

.comune .iconacomune {
    float: right;
    font-size: 2rem;
    margin-left: 5px;
}

.socialhome {
    font-size: 26px;
    border-bottom: 1px dashed #EDEDED;
    padding-bottom: 3px;
    text-align: right;
    margin: 0px 15px 10px 15px;
}

.selezionacomune {
    font-size: 26px;
    border-bottom: 1px dashed #EDEDED;
    padding-bottom: 3px;
    text-align: right;
    margin: 0px 15px 10px 15px;
    display: block;
}

.banner-speciale {
    margin: 0px 15px 15px 15px;
}

.contatore-sepciale {
    position: absolute;
    z-index: 200;
    color: #fff;
    right: 20px;
    top: 20px;
    font-weight: 800;
    font-size: 40px;
    color: #bb9c4c;
    text-align: right;
}

.label-contatore {
    font-size: 16px;
    display: block;
    height: 15px;
    font-weight: 400;
}

.banner-speciale {
    position: relative;
}

.top-bar-section li.livebutton:not(.has-form) a:not(.button) {
    background-color: #f7ce0f;
    border-left: 4px solid #ffffff;
    font-size: 1.4em;
    font-weight: 700;
}

@media only screen and (max-width: 40em) {
    .top-bar-section li.livebutton:not(.has-form) a:not(.button) {
        border-left: hidden;
    }
}

.latest-issue {
    background-size: 250px;
    background-position: center top;
    height: 150px;
}

.foto-dida {
    margin: 15px;
}

.foto-int {
    margin: 15px;
}

.contenitore-banners {
    display: block;
}

.adv-footer-kendoo {
    height: 250px;
    position: relative;
    display: block;
    margin: 0px 15px 0px 0px;
}

@media only screen and (max-width: 40em) {
    .adv-footer-kendoo {
        margin: 15px 15px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .adv-footer-kendoo {
        margin: 15px;
    }
}

.transparent {
    background-color: transparent !important;
}

#non-sfumino {
    position: relative;
    background-size: cover;
    background: url(../img/footer/missile.png) no-repeat;
    height: 250px; /*    @media only screen and (max-width: 40em) { background-size: 240px auto; padding: 125px 15px 15px 15px !important;} */ /*    @media only screen and (min-width:40.063em) and (max-width:62.5em) and (orientation: portrait) { background-size: 205px auto; padding: 125px 15px 15px 15px !important; } */
}

#non-sfumino img {
    width: 100%;
    height: 130px;
}

#non-sfumino b {
    font-size: 1.1rem;
    color: #2d2d2d;
    font-weight: bold;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #non-sfumino b {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 40em) {
    #non-sfumino b {
        font-size: 0.8rem;
    }
}

#non-sfumino p {
    font-size: 0.8rem;
    color: #9b9b9b;
    line-height: 17px;
    margin-top: 10px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #non-sfumino p {
        font-size: 0.7rem;
        line-height: 15px;
    }
}

@media only screen and (max-width: 40em) {
    #non-sfumino p {
        font-size: 0.7rem;
        line-height: 15px;
    }
}

#non-sfumino .testo {
    padding: 15px;
}

#non-sfumino .logo {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#non-sfumino .logo img {
    width: 147px;
    height: 23px;
}

@media only screen and (max-width: 40em) {
    .progetto-kendoo {
        height: 180px;
        margin: 15px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .progetto-kendoo {
        margin: 0px 15px 15px 15px !important;
    }
}

.logo-orobie {
    margin-right: 15px;
    float: left;
    width: 15%;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .logo-orobie {
        width: 100px !important;
    }
}

.banner-orobie {
    background-color: #fff;
    padding: 15px 15px 0px 15px;
    margin: 0px;
    height: 153px;
}

@media only screen and (max-width: 40em) {
    .banner-orobie {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .banner-orobie {
        margin: 15px !important;
        height: 119px !important;
    }
}

.eventi-footer {
    background-image: url("../img/articoli/eventi/eventi-footer-a.png");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 20px 15%;
    padding-right: 250px;
    min-height: 197px;
    vertical-align: middle;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .eventi-footer {
        padding: 20px 27% 20px 6%;
        background-image: url("../img/articoli/eventi/eventi-footer-a_small.png");
        background-position: right bottom;
        min-height: 158px;
    }
}

@media only screen and (max-width: 40em) {
    .eventi-footer {
        background-image: none;
        padding: 0px 10px;
    }
}

.eventi-footer a {
    font: bold 13px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #6288a5;
    line-height: 12px;
}

.eventi-footer-b {
    background-image: url("../img/articoli/eventi/eventi-footer-b.png");
    background-color: #f0efef;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 15px 15%;
    min-height: 104px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .eventi-footer-b {
        padding: 15px 6%;
        min-height: 83px;
        background-image: url("../img/articoli/eventi/eventi-footer-b_small.png");
        background-position: right top;
    }
}

@media only screen and (max-width: 40em) {
    .eventi-footer-b {
        background-image: none;
        display: none;
    }
}

.logged img {
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.logged a {
    padding-left: 9px;
    color: #ffffff;
    min-width: 45px;
}

.notify-numbers {
    top: 3px;
    height: 21px;
    width: 21px;
    background: url("../../../img/head/icon-bg.png") center !important;
    background-size: cover;
    position: absolute;
    font-size: 10px;
    text-align: center;
    color: #fff;
}

.f-dropdown li {
    border-bottom: 1px dashed #dddddd;
}

.f-dropdown li:last-child {
    border-bottom: none;
}

/*.f-dropdown a {font-size: 0.7rem; color: $blu; } */
li.facebook:hover {
    color: #FFF;
    font-color: #000;
}

.meteo-portrait {
    padding: 15px;
    display: none;
    visibility: hidden;
    text-align: center;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .meteo-portrait {
        display: block;
        visibility: visible;
    }
}

.meteo-portrait .banportrait {
    padding: 0px 15px;
}

.meteo-portrait .newspaperportrait {
    background-size: 250px;
    background-position: center top;
    height: 150px;
    background-repeat: no-repeat;
}

.logo-storylab {
    margin-right: 15px;
    float: left;
    width: 15%;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .logo-storylab {
        width: 100px !important;
    }
}

.banner-storylab {
    background-color: #2a2a2a;
    padding: 15px 0px 0px 15px;
    margin: 0px;
    height: 153px;
}

@media only screen and (max-width: 40em) {
    .banner-storylab {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .banner-storylab {
        margin: 15px !important;
        height: 119px !important;
    }
}

#foto-storylab {
    font-size: 0.8rem;
    height: auto;
    text-align: center;
    vertical-align: middle;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #foto-storylab {
        font-size: 0.6rem !important;
    }
}

/* Image Box Style */
#foto-storylab .box {
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    width: 20%;
    height: 122px;
    margin: 0px 3px 0px 3px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #foto-storylab .box {
        width: 140px;
        height: 90px;
    }
}

#foto-storylab .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

/* Caption Common Style */
#foto-storylab .box .kaption {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

/** Caption 3: Fade **/
#foto-storylab .box .fade-kaption, #mainwrapper .box .scale-kaption {
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 15px;
}

/** Fade Caption :hover Behaviour **/
#foto-storylab .box:hover .fade-kaption, #mainwrapper .box:hover .scale-kaption {
    opacity: 1;
}

/** Caption 1: Simple **/
#foto-storylab .box .simple-kaption {
    height: 30px;
    width: 200px;
    display: block;
    bottom: -30px;
    line-height: 25pt;
    text-align: center;
}

/** Simple Caption :hover Behaviour **/
#foto-storylab .box:hover .simple-kaption {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    opacity: 1;
    transform: translateY(-100%);
}

.top-bar-section ul.menuhome li > a {
    font-size: 1.0rem;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0px 8px;
}

@media only screen and (max-width: 40em) {
    .menu01 { /*visbility:none; display: none;*/
    }
}

#meteo {
    margin: 0px 15px;
    display: block;
}

#meteo .tagmeteo {
    font-weight: 800;
    color: #6288a5;
    display: block;
}

#meteo .submeteo {
    font-size: 13px;
    font-weight: 400;
    display: block;
    color: #9b9b9b;
    margin-bottom: 15px;
    line-height: 0.9em;
}

@media only screen and (max-width: 40em) {
    #meteo {
        visibility: hidden;
        display: none;
    }
}

.boxbanner_01 {
    margin: 15px;
}

#giornale {
    margin: 15px;
    display: block;
}

#giornale .today {
    -webkit-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    -moz-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    border: solid 1px #dcdcdc;
}

#giornale .today a img {
    border: 0px;
}

#giornale .pdfgiornale {
    margin: 15px auto;
    width: 100%;
}

.gridspotnews {
    display: none;
    visibility: hidden;
    padding: 0px 15px 0px 15px;
    margin-bottom: 15px;
}

.oraspot {
    padding-left: 0;
    padding-right: 0;
    width: 16.66667%;
    float: left;
    background-color: #dddddd;
    background-color: red;
    color: #ffffff;
    font-weight: 800;
    font-size: 2rem;
    text-align: center;
    line-height: 50px;
}

@media only screen and (max-width: 40em) {
    .oraspot {
        height: auto;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.titlespot {
    padding-left: 0;
    padding-right: 0;
    width: 83.33333%;
    float: left;
    background-color: #2d2d2d;
    color: #ffffff;
    line-height: 50px;
    font-weight: 800;
    font-size: 1.4rem;
    padding-left: 15px;
    display: block;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .titlespot {
        line-height: 30px;
        padding: 10px;
    }
}

@media only screen and (max-width: 40em) {
    .titlespot {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        line-height: 23px;
        font-size: 1.2rem;
        padding: 10px;
    }
}

.white-body { /*background-color: #ffffff!important;*/
}

.menu-area {
    position: absolute;
    top: 60px;
    right: 250px;
    padding: 16px;
    border: 1px solid #dddddd;
    background-color: white;
    z-index: 1000;
    width: 500px;
}

.menu-area ul.footer-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.prototype { /*background-color: #EDEDED;*/ /*text-align/: center; font-size: 2em; color: $grigio; vertical-align: middle; line-height:4em;*/ /*border:1px solid $grigio;*/
}

.proto_article01 {
    width: 100%;
    height: 200px;
}

.proto_article02 {
    width: 100%;
    height: 150px;
}

#articolo00 { /*height:460px;*/
}

#meteo { /*height: 310px;*/
}

#giornale { /*height: 390px;*/
}

#articoli { /*height: 230px;*/
}

#banner_header { /*margin:50px auto 0px auto;*/
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media only screen and (min-width: 64.063em) {
    #banner_header {
        width: 1024px;
    }
}

@media only screen and (min-width: 90.063em) {
    #banner_header {
        width: 1024px;
    }
}

.homepushbar {
    height: 45px;
    clear: both;
    visibility: hidden;
    display: none;
    width: 994px;
    margin: 0px auto 15px auto;
}

@media only screen and (min-width: 40.063em) {
    .homepushbar {
        display: block;
        visibility: visible;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .homepushbar {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 40em) {
    .homepushbar {
        display: none;
        visibility: hidden;
    }
}

.banneripad {
    display: none;
    visibility: none; /*margin-bottom: $aria;*/
    background-image: url("../img/subcolonna_02/bkground_col02.png");
    padding: 1px;
    display: block;
    clear: both;
    border-bottom: 1px solid #f9f9f9;
    border-top: 1px solid #f9f9f9;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .banneripad {
        display: block;
        visibility: visible;
        margin-bottom: 0px;
    }
}

.bannerphone {
    display: none;
    visibility: none; /*margin-bottom: $aria;*/
    background-image: url("../img/subcolonna_02/bkground_col02.png");
    padding: 1px;
    display: block;
    clear: both;
    border-bottom: 1px solid #f9f9f9;
    border-top: 1px solid #f9f9f9;
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .bannerphone {
        display: block;
        visibility: visible;
        margin-bottom: 0px;
    }
}

.bannerphone_landscape {
    display: none;
    visibility: none; /*margin-bottom: $aria;*/
    background-image: url("../img/subcolonna_02/bkground_col02.png");
    padding: 1px;
    display: block;
    clear: both;
    border-bottom: 1px solid #f9f9f9;
    border-top: 1px solid #f9f9f9;
}

@media only screen and (max-width: 40em) and (orientation: landscape) {
    .bannerphone_landscape {
        display: block;
        visibility: visible;
        margin-bottom: 0px;
    }
}

.box01 {
    margin: 15px;
    display: block;
}

#boxbanner_01 {
    margin: 0px 15px 15px 15px;
    position: relative;
    max-height: 250px; /*margin: 10px 0;*/
    overflow: hidden;
}

.custom-banner-300 {
    padding-bottom: 83.3%;
    padding-top: 0px;
}

.banneriframe {
    max-width: 300px;
    display: block;
    position: relative;
    margin: 0px 15px;
}

.slimbanner {
    margin: 15px 0px 0px 0px;
    display: block;
}

/* FORMATO BANNER 01 TESTO */
.bannertxt {
    display: block;
    margin: 15px;
    background-color: white;
    min-height: 90px;
    margin-bottom: 30px;
}

.bannertxt .imgbanner1 {
    float: left;
    margin: 8px;
    width: 60px;
}

.bannertxt .bannertitle1 {
    font-weight: 700;
    font-size: 0.7em;
    margin-top: 6px;
    margin-bottom: 5px;
    color: #2d2d2d;
}

@media only screen and (max-width: 40em) {
    .bannertxt .bannertitle1 {
        font-size: 0.9em;
    }
}

.bannertxt .link1 {
    font-size: 0.7em;
    color: #6288a5;
    margin: 8px;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 40em) {
    .bannertxt .link1 {
        font-size: 0.8em;
    }
}

.bannertxt .msgtxt1 {
    font-size: 0.6em;
    line-height: 1.3555em;
    color: #2d2d2d;
    text-align: left;
    margin: 5px 5px 0px 8px;
}

@media only screen and (max-width: 40em) {
    .bannertxt .msgtxt1 {
        font-size: 0.8em;
    }
}

.bannertxt .imgbanner2 {
    display: block;
    padding: 0px 0px 8px 0px;
}

@media only screen and (max-width: 40em) {
    .bannertxt .imgbanner2 {
        width: 100%;
    }
}

.bannertxt .bannertitle2 {
    font-weight: 700;
    font-size: 0.7em;
    color: #2d2d2d;
    margin-left: 8px;
}

.bannertxt .link2 {
    font-size: 0.7em;
    color: #6288a5;
    margin: 8px;
    display: block;
    font-weight: 600;
}

.bannertxt .msgtxt2 {
    font-size: 0.7em;
    line-height: 1.2em;
    color: #2d2d2d;
    text-align: left;
    margin: 8px;
    margin-bottom: 0px;
}

/* BANNER ARTICOLO INTERNO 2 COLONNE */
.adbox1 { /*height: 280px; border-bottom: 1px solid $grigio; margin-top: 30px;*/
}

.adbox1 img, .adbox1 object, .adbox1 embed {
    width: 300px !important;
    height: 250px !important;
}

.adbox1-interno { /* margin-top: $aria*2; */
    margin: auto;
    text-align: center;
    margin-bottom: 15px;
}

.adbox1-interno img, .adbox1-interno object, .adbox1-interno embed {
    height: 250px !important;
}

.adbox1-interno object, .adbox1-interno embed {
    height: 250px !important;
}

.adbox1-interno embed {
    height: 250px !important;
}

.adbox1-interno object {
    height: 250px !important;
}

.adbox1-interno-smartphone {
    visibility: hidden;
    display: none;
}

@media only screen and (max-width: 40em) {
    .adbox1-interno-smartphone {
        visibility: visible;
        display: block;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        margin: 0px auto 15px auto;
        margin-top: 0px;
        float: none;
        text-align: center;
    }
}

/* BANNER 01interno TESTO */
.bannertxt01a {
    display: block; /*margin: $aria/2;*/
    background-color: white;
    margin-bottom: 7.5px;
}

.bannertxt01a img {
    display: block;
    float: left;
    margin: 0px 8px 8px 0px;
    width: 60px;
}

.bannertxt01a .bannertitle {
    font-weight: 700;
    font-size: 0.8rem;
    margin-top: 6px;
    color: #2d2d2d;
}

.bannertxt01a .link {
    font-size: 0.7rem;
    color: #6288a5;
    display: block;
    font-weight: 600;
}

.bannertxt01a .bannertxt {
    display: block;
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #9b9b9b;
}

.bangenerico {
    margin: 15px;
    margin-bottom: 30px;
    background-color: #ffffff; /*width: 220px;*/
}

.bangenerico .imgbanner {
    display: block;
    text-align: center;
    padding: 8px;
}

.kauppa {
    position: relative;
    display: block;
    margin: 15px;
    margin-bottom: 30px;
    background-color: #ffffff;
}

.kauppa a {
    color: #ffffff;
    text-align: center;
}

.kauppa a:link {
    color: #ffffff;
}

.kauppa a:hover {
    color: #ffffff;
}

.kauppa .prezzo01 {
    font-weight: 600;
    background-color: rgba(43, 43, 43, 0.49);
    padding: 5px;
    color: #fffff;
    font-size: 0.9em;
    z-index: 20;
    position: absolute;
    top: 83px;
    left: 0px;
    color: #ffffff;
    text-decoration: line-through;
}

.kauppa .sconto {
    font-weight: 800;
    background-color: #ff0099;
    padding: 5px;
    color: #fffff;
    font-size: 1.6em;
    z-index: 20;
    position: absolute;
    top: 110px;
    left: 0px;
    color: #ffffff;
}

.kauppa .sconto a {
    color: #ffffff;
}

.kauppa .prezzo {
    font-weight: 800;
    background-color: #ff0099;
    padding: 5px;
    color: #fffff;
    font-size: 1.6em;
    z-index: 20;
    top: 150px;
    left: 0px;
    position: absolute;
    color: #ffffff;
}

.kauppa .prezzo a {
    color: #ffffff;
}

.kauppa .imgbanner {
    z-index: 1;
    text-align: center;
}

.kauppa .offerta {
    font-size: 0.8em;
    line-height: 1.4em;
    color: #2d2d2d;
    margin: 25px 10px 10px 10px;
    margin-bottom: 0px;
    text-align: left;
}

.kauppa .kauppalogo {
    float: right;
    margin: 10px;
}

.bannercol1 {
    display: block;
    margin: 0px 0px 15px 0px;
    text-align: center;
    width: auto;
    padding: 15px;
    background-image: url("../img/subcolonna_02/bkground_col02.png");
}

.bannerbase {
    clear: both;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.banneripad {
    display: none;
    visibility: hidden;
}

.bannerphone {
    visibility: hidden;
    display: none;
}

.spaziobanner {
    display: block;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: auto;
    padding: 5px 5px 10px 5px;
    background-image: url("../img/subcolonna_02/bkground_col02.png");
}

.spaziobanner > .bannertxt {
    margin: 10px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .bannerbase {
        clear: both;
        border-bottom: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
    }

    .banneripad {
        display: block;
        visibility: visible;
    }

    .bannerphone {
        visibility: hidden;
        display: none;
    }

    .banneriframe {
        max-width: 300px;
        margin: auto;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .bannerbase {
        display: none;
        visibility: hidden;
    }

    .banneripad {
        visibility: hidden;
        display: none;
    }

    .bannerphone {
        display: block;
        visibility: visible;
    }

    .banneriframe {
        max-width: 300px;
        margin: auto;
    }
}

ul#bloccosponsor {
    margin: 15px 0px 15px 0px;
    border-top: 1px dotted #dddddd;
    border-bottom: 1px dotted #dddddd;
    display: block;
    padding: 15px 0px 0px 0px;
}

ul#bloccosponsor li {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
    display: block;
    background-color: white;
    min-height: 90px;
    border-right: 1px dashed #dddddd;
}

@media only screen and (max-width: 40em) {
    ul#bloccosponsor li {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        margin: auto;
        border: none;
        border-bottom: 1px dashed #dddddd;
        margin-bottom: 10px;
    }

    ul#bloccosponsor li:first-of-type {
        border-left: none;
    }
}

ul#bloccosponsor li:first-of-type {
    border-left: 1px dashed #dddddd;
}

@media only screen and (max-width: 40em) {
    ul#bloccosponsor li:first-of-type {
        border-left: none;
    }
}

ul#bloccosponsor li .imgbanner1 {
    float: left;
    margin: 8px;
    width: 60px;
}

ul#bloccosponsor li .bannertitle1 {
    font-weight: 700;
    font-size: 0.7em;
    margin-top: 6px;
    margin-bottom: 5px;
    color: #2d2d2d;
}

@media only screen and (max-width: 40em) {
    ul#bloccosponsor li .bannertitle1 {
        font-size: 0.9em;
    }
}

ul#bloccosponsor li .link1 {
    font-size: 0.7em;
    color: #6288a5;
    margin: 8px;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 40em) {
    ul#bloccosponsor li .link1 {
        font-size: 0.8em;
    }
}

ul#bloccosponsor li .msgtxt1 {
    font-size: 0.6em;
    line-height: 1.3555em;
    color: #2d2d2d;
    margin: 5px 5px 0px 8px;
}

@media only screen and (max-width: 40em) {
    ul#bloccosponsor li .msgtxt1 {
        font-size: 0.8em;
    }
}

ul#bloccosponsor li .imgbanner2 {
    display: block;
    padding: 0px 0px 8px 0px;
}

@media only screen and (max-width: 40em) {
    ul#bloccosponsor li .imgbanner2 {
        width: 100%;
    }
}

ul#bloccosponsor li .bannertitle2 {
    font-weight: 700;
    font-size: 0.7em;
    color: #2d2d2d;
    margin-left: 8px;
}

ul#bloccosponsor li .link2 {
    font-size: 0.7em;
    color: #6288a5;
    margin: 8px;
    display: block;
    font-weight: 600;
}

ul#bloccosponsor li .msgtxt2 {
    font-size: 0.7em;
    line-height: 1.2em;
    color: #2d2d2d;
    margin: 8px;
    margin-bottom: 0px;
}

.bannereventi {
    margin: 30px 15px;
    background-color: #ffffff;
    position: relative;
}

.bannereventi .iconeventi {
    position: absolute;
    right: 5px;
    top: -7px;
    width: 38px;
    height: 44px;
}

.bannereventi .int-eventi {
    height: 30px;
    background-color: #f4f4f4;
    padding-left: 5px;
    line-height: 30px;
    font-weight: 700;
    color: #6288a5;
}

.bannereventi ul.eventslist {
    padding: 0px;
    margin: 0px;
}

.bannereventi ul.eventslist li {
    display: block;
    border-top: 1px solid #dddddd;
}

.bannereventi ul.eventslist li:first-of-type {
    border-top: none;
}

.bannereventi ul.eventslist li a {
    padding: 5px;
    display: block;
}

.bannereventi ul.eventslist li a:hover {
    background-color: #bae0e5;
}

.bannereventi ul.eventslist li a .dataevento {
    color: #2d2d2d;
}

.bannereventi ul.eventslist li .dataevento {
    font-weight: 300;
    font-style: italic;
    font-size: 0.6rem;
}

.bannereventi ul.eventslist li .titleevento {
    font-weight: 700;
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #2d2d2d;
}

.bannercinema {
    margin: 30px 15px;
    background-color: #ffffff;
    position: relative;
}

.bannercinema .iconcinema {
    position: absolute;
    right: 5px;
    top: -7px;
    width: 38px;
    height: 44px;
}

.bannercinema .intcinema {
    height: 30px;
    background-color: #f4f4f4;
    padding-left: 5px;
    line-height: 30px;
    font-weight: 700;
    color: #d64c45;
}

.bannercinema .button {
    background-color: #d64c45 !important;
    font-size: 0.9rem;
    margin: 10px auto 0px auto;
    width: 100%;
    padding: 10px 5px;
}

.bannercinema .film-img {
    padding: 15px;
}

.bannernewsletter {
    margin: auto;
    text-align: center;
    width: 100%;
}

.bannermeteo1 { /*max-width: 230px; */
    padding: 0px 15px;
}

.bannermeteo1 img {
    max-width: 100%;
}

@media only screen and (max-width: 40em) {
    .bannermeteo1 {
        margin: auto;
    }
}

.bannerboutik {
    background-color: #fbfbfb;
    border-top: 4px solid #34d5bc;
}

.bannerboutik li {
    padding-bottom: 5px;
}

.bannerboutik .intbanner {
    margin-bottom: 6px;
}

.bannerboutik .intbanner .logoboutik {
    width: 94px;
    margin: 4px;
    display: block;
    float: left;
}

.bannerboutik .intbanner .linkboutik {
    font-size: 0.8rem;
    color: #9b9b9b;
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-top: 4px;
}

.bannerboutik .linkprod .box-photo {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0px;
    position: relative;
    z-index: 10;
}

.bannerboutik .linkprod .box-photo .targaphoto {
    background-color: #fff;
    padding: 5px;
    display: block;
    position: absolute;
    text-decoration: none;
    font-size: 12px;
    top: 10px;
    line-height: 13px;
    text-transform: capitalize;
    color: #9b9b9b;
}

.bannerboutik .linkprod .box-photo a.targaphoto {
    color: #9b9b9b;
}

.bannerboutik .linkprod .box-data {
    padding: 8px 8px 1px 8px;
    background-color: #fff;
    position: relative;
}

.bannerboutik .linkprod .box-data h3, .bannerboutik .linkprod .box-data h3 p, h3 .bannerboutik .linkprod .box-data p {
    font-size: 0.8em;
    font-weight: 600;
    display: block;
    line-height: 1.2em;
    color: #3C3C3C;
    text-transform: capitalize;
    height: 24px;
}

.bannerboutik .linkprod .box-data .box-subtitle {
    font-size: 0.8em;
    color: #9b9b9b;
    line-height: 1.1em;
    height: 1.1em;
    font-style: italic;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: lowercase;
}

.bannerboutik .linkprod .box-data .box-linea {
    border-top: 1px solid #EEEEEE;
    clear: both;
    margin: 10px 0px 0px 0px;
}

.bannerboutik .linkprod .box-data .group1 {
    padding-left: 0;
    padding-right: 0;
    width: 79.16667%;
    float: left;
    position: relative;
}

.bannerboutik .linkprod .box-data .group1 .prezzoda {
    position: absolute; /*top:-5px;*/
    font-size: 10px;
    line-height: 10px;
    height: 14px;
    top: 0px;
    left: 0px;
}

.bannerboutik .linkprod .box-data .group1 .box-prezzo { /*float: right;*/
    font-size: 1.5rem;
    font-weight: 800;
    color: #2BCCA9;
    font-stretch: condensed;
    letter-spacing: 0px;
    margin-left: 0px;
}

.bannerboutik .linkprod .box-data .group1 .box-prezzo .decimali {
    font-size: 1.0rem;
}

.bannerboutik .linkprod .box-data .group1 .box-prezzo .euro {
    font-size: 1.3rem;
    margin-right: 4px;
    font-weight: normal;
}

.bannerboutik .linkprod .box-data .group1 .box-prezzo .solotag {
    font-size: 0.7rem;
    display: block;
    margin: 0px 0px -10px 5px;
    font-weight: 600;
}

.bannerboutik .linkprod .box-data .group1 .box-subprice {
    font-family: 'lato';
    position: relative;
    font-weight: 300;
    font-style: italic;
    color: #9b9b9b;
    text-decoration: line-through;
    font-size: 0.7em;
    margin-top: 4px;
    clear: both;
}

.bannerboutik .linkprod .box-data .group2 {
    padding-left: 0;
    padding-right: 0;
    width: 16.66667%;
    float: left;
}

.bannerboutik .linkprod .box-data .group2 img {
    margin-top: 10px;
}

.bannerboutik .linkprod .box-data .group2 .box-bot {
    font-style: italic;
    color: #fff;
    text-align: center;
    line-height: 1.9em;
    font-size: 1.1em;
}

.bannerboutik .linkprod .box-data .group2 .box-bot a {
    display: block; /*@include border-radius(12px); */
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    font-weight: 300;
    background-color: #2BCCA9;
    -webkit-transition: background 0.25s ease-out;
    -moz-transition: background 0.25s ease-out;
    -o-transition: background 0.25s ease-out;
    transition: background 0.25s ease-out;
}

.bannerboutik .linkprod .box-data .sconto {
    color: #F2682C;
    font-weight: 600px;
}

.bannerboutik .linkprod .box-data .etichettasconto {
    font-size: 0.6em;
    font-weight: 600;
    display: block;
    margin-bottom: 0px;
    line-height: 0.8em;
    margin-top: 8px;
}

.bannerboutik .linkprod .box-data .valoresconto {
    font-size: 0.9em;
    font-weight: 800;
    margin-top: 1px;
    line-height: 1em;
}

.bannerboutik .linkprod .prezzoboutik, .bannerboutik .linkprod .promoboutik {
    position: absolute; /* width: 160px; */
    padding: 0px 3px;
    background-color: #F2682C;
    color: #ffffff;
    border-radius: 3px;
    font-size: 0.6rem;
    font-weight: 600;
    top: -8px;
    left: 8px;
    z-index: 15;
}

.bannerboutik .linkprod .promoboutik {
    background-color: #2BCCA9;
}

.bannerboutik ul.blocchiboutik li {
    max-width: 300px;
}

@media only screen and (max-width: 40em) {
    .bannerboutik ul.blocchiboutik {
        max-width: 300px;
        margin: auto !important;
    }

    .bannerboutik ul.blocchiboutik li {
        margin: 0px auto 30px;
    }
}

.boxphoto-col3 {
    background-color: #ffffff;
    max-width: 170px;
    margin: 15px auto;
    border-top: 4px solid #24b7e3 !important;
}

.boxphoto-col3 .box-photo {
    text-align: center !important;
}

.boxphoto-col3 .logoecostore {
    display: block;
    width: 46px;
    height: 30px;
    position: absolute;
    z-index: 40;
    right: 0px;
    top: 0px;
    padding-top: 1px;
    background-color: #ffffff;
}

@media only screen and (max-width: 40em) {
    ul.blocchikauppa li {
        float: none !important;
        margin: auto !important;
    }
}

#kauppa224 {
    max-width: 224px;
    height: 290px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border: 1px solid #D4D4D4;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    display: block;
    cursor: pointer !important;
    z-index: 200;
    cursor: pointer !important;
    background-color: #ffffff;
    background: #ffffff;
}

@media only screen and (max-width: 40em) {
    #kauppa224 {
        max-width: 250px;
        margin: 0px auto 20px auto;
        height: 320px;
    }
}

#kauppa224 a.k-link {
    text-decoration: none;
    color: #000000;
    display: block;
    cursor: pointer;
    max-width: 224px;
    height: 290px;
}

#kauppa224 .k-foto {
    position: relative;
    cursor: pointer;
    border-bottom: 4px solid #ff0099;
}

#kauppa224 .k-foto img {
    margin-bottom: 0px;
    display: block;
    width: 100%;
    cursor: pointer;
    border: none;
}

#kauppa224 .k-loc {
    height: 16px;
}

#kauppa224 .k-logo {
    position: absolute;
    cursor: pointer;
    background-color: #ffffff;
    right: 0px;
    padding: 5px;
    max-width: 30px;
    border-bottom-left-radius: 6px;
}

#kauppa224 .k-logo img {
    width: auto !important;
}

#kauppa224 .k-info {
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

#kauppa224 .k-real {
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans', sans-serif;
    display: table;
    padding: 2px 4px;
    color: #ffffff !important;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #212121;
    font-size: 16px;
    line-height: 16px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-decoration: line-through;
    cursor: pointer;
}

#kauppa224 .k-decimal1 {
    font-size: 0.7em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

#kauppa224 .k-decimal2 {
    font-size: 1.2em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    letter-spacing: -2px;
}

#kauppa224 .k-sconto {
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    display: table;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #14bfcc;
    color: #fff !important;
    font-size: 28px;
    line-height: 28px;
    padding: 1px 6px;
    margin-top: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

#kauppa224 .k-prezzo {
    -webkit-font-smoothing: antialiased;
    display: table;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 19px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ff0099;
    padding: 2px 6px;
    margin-top: 3px;
    line-height: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-decoration: none;
}

#kauppa224 .k-prezzo .k-pre {
    font-size: 0.7em;
    margin-right: 3px;
    font-weight: 300;
}

#kauppa224 .k-prezzo .k-int {
    font-weight: 800;
    font-size: 1.9em;
    line-height: 1.0em;
    letter-spacing: -2px;
}

#kauppa224 .k-venduti {
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-size: 10px;
}

#kauppa224 .k-descrizione, #kauppa224 .k-descrizione {
    font-family: 'Open Sans', sans-serif;
    padding: 10px 10px 10px 10px;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    line-height: 1.3em;
    text-decoration: none;
    overflow: hidden;
    height: 70px;
    text-align: left;
}

#kauppa224 .k-clear {
    clear: both;
}

.k-linktxt, .k-linktxt:active, .k-linktxt:visited {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    line-height: 1.3em;
    text-decoration: none;
    overflow: hidden;
    text-align: left;
    font-weight: 600;
}

.k-linklabel {
    text-decoration: none;
}

.footerbanner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 73.75rem;
}

.footerbanner:before, .footerbanner:after {
    content: " ";
    display: table;
}

.footerbanner:after {
    clear: both;
}

.boxbanner-footer > a > div {
    border: 1px solid #e8e8e8;
}

.contentbox480 {
    padding: 7px;
}

@media only screen and (max-width: 40em) {
    .contentbox480 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) {
    .contentbox480 {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
    }
}

@media (min-width: 1024px) {
    .contentbox480 {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
    }
}

@media (max-width: 1023px) {
    .contentbox480 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media (max-width: 470px) {
    .contentbox480 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.contentbox290 {
    padding: 7px;
}

@media only screen and (max-width: 40em) {
    .contentbox290 {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) {
    .contentbox290 {
        padding-left: 0;
        padding-right: 0;
        width: 25%;
        float: left;
    }
}

@media (min-width: 1024px) {
    .contentbox290 {
        padding-left: 0;
        padding-right: 0;
        width: 25%;
        float: left;
    }
}

@media (max-width: 1023px) {
    .contentbox290 {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
    }
}

@media (max-width: 470px) {
    .contentbox290 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.banner-iniziative {
    margin: 15px;
    margin-bottom: 30px;
    background-color: #ffffff;
    position: relative;
    /*padding: 15px 10px 0px 10px;
/*background: #ffffff url("../img/articoli/cinema/proiettorino_small.png") no-repeat center top;*/
}

.banner-iniziative .int-iniziative {
    height: 30px;
    background-color: #f4f4f4;
    padding-left: 5px;
    line-height: 30px;
    font-weight: 700;
    color: #6288a5;
}

.banner-iniziative .detail {
    margin: 15px;
    display: block;
}

.banner-iniziative .button {
    background-color: #6288a5 !important;
    font-size: 0.9rem;
    display: none;
}

.rubricadx {
    display: block;
    background-color: white;
    padding: 1px 0px 1px 0px;
}

.allerubriche {
    width: 100%;
}

.bottonerubriche {
    display: block;
    padding: 0px 15px 0px 15px;
    width: 100%;
}

.boxrubrica {
    padding-left: 0;
    padding-right: 0;
    width: 25%;
    float: left;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .boxrubrica {
        padding-left: 0;
        padding-right: 0;
        width: 33.33333%;
        float: left;
    }
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .boxrubrica {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.rubrica:first-child {
    margin-top: 15px;
}

.rubrica {
    margin: 25px 10px;
    height: 195px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    -moz-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    border: solid 1px #dcdcdc;
    position: relative; /* h4 > p:first-of-type{ margin-top: 5px;  } h4 > p:last-of-type{ margin-bottom: 5px;  }*/
}

@media only screen and (max-width: 40em) {
    .rubrica {
        height: 295px;
    }
}

.rubrica .targa a {
    color: #ffffff;
    text-decoration: none;
    background-color: #e11d4b;
    display: block;
    position: absolute;
    padding: 8px;
    font-size: 0.9em;
    font-weight: 600;
}

.rubrica .targa a:hover {
    background-color: #e11d4b;
}

.rubrica h4, .rubrica h4 p, h4 .rubrica p {
    font-size: 1.0rem;
    font-weight: 400;
    padding: 0px 8px 0x 8px;
    line-height: 1.4em;
    display: block;
    margin: 14px 10px;
}

.rubrica h5, h5 .rubrica p, .rubrica h5 p {
    font-size: 0.8rem;
    font-weight: 400;
    padding: 0px 8px 0x 8px;
    line-height: 1.0em;
    display: block;
}

.rubrica h4 > p, .rubrica h4 a p > p, .rubrica h4 p > p, h4 .rubrica p > p {
    margin: 0px;
}

.rubrica h5 p, h5 .rubrica p p {
    margin: 0px;
}

.rubrica img { /*border-bottom: 1px solid #dcdcdc; */
}

ul.lista-eventi {
    list-style-type: none;
    font: 13px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #2d2d2d;
    line-height: 17px;
    margin-bottom: 6px;
    margin-left: 0px;
}

ul.lista-eventi li {
    margin-bottom: 6px;
    margin-left: 0px;
    line-height: 1.3rem;
    border-bottom: 1px dotted #dddddd;
    width: 70%;
}

@media only screen and (max-width: 40em) {
    ul.lista-eventi li {
        width: 100%;
    }
}

.slide-evento-cont {
    background-color: #FFF;
    height: 190px;
    position: relative;
    padding: 0px 7px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .slide-evento-cont {
        height: 160px;
    }
}

.slide-evento {
    height: 170px;
    background-size: cover;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .slide-evento {
        height: 170px;
    }
}

@media only screen and (max-width: 40em) {
    .slide-evento {
        height: 210px;
    }
}

.slide-evento-dida {
    padding: 7px;
    color: #fff;
    position: relative;
    font-size: 0.7rem;
    line-height: 1.0rem;
    font-weight: 600;
    min-height: 80px;
    top: 90px;
    margin: 0px 7px; /* Fallback for web browsers that don't support RGBa */
    background-color: black; /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6); /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    border-left: 3px solid #ffba0c;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .slide-evento-dida {
        min-height: 90px;
        top: 95px;
    }
}

@media only screen and (max-width: 40em) {
    .slide-evento-dida {
        min-height: 80px;
        top: 130px;
    }
}

.slide-evento-dida i {
    color: #ffba0c;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4rem;
}

.padding-laterale {
    padding: 0px 15px;
}

.padding-laterale .title {
    width: 100%;
    padding: 10px;
    background-color: #f9f9f9;
    border-top: 5px solid #ffba0c;
    margin-bottom: 10px;
    color: #9b9b9b !important;
    font-size: 1.3rem;
    font-weight: 700;
}

.padding-laterale li {
    background-size: cover;
}

.padding-laterale ul.lista-tl {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
}

.padding-laterale ul.lista-tl:before, .padding-laterale ul.lista-tl:after {
    content: " ";
    display: table;
}

.padding-laterale ul.lista-tl:after {
    clear: both;
}

.padding-laterale ul.lista-tl > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem;
}

.padding-laterale ul.lista-tl > li {
    width: 25%;
    padding: 0 0.625rem 1.25rem;
    list-style: none;
}

.padding-laterale ul.lista-tl > li:nth-of-type(1n) {
    clear: none;
}

.padding-laterale ul.lista-tl > li:nth-of-type(4n+1) {
    clear: both;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .padding-laterale ul.lista-tl {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
    }

    .padding-laterale ul.lista-tl:before, .padding-laterale ul.lista-tl:after {
        content: " ";
        display: table;
    }

    .padding-laterale ul.lista-tl:after {
        clear: both;
    }

    .padding-laterale ul.lista-tl > li {
        display: block;
        height: auto;
        float: left;
        padding: 0 0.625rem 1.25rem;
    }

    .padding-laterale ul.lista-tl > li {
        width: 33.33333%;
        padding: 0 0.625rem 1.25rem;
        list-style: none;
    }

    .padding-laterale ul.lista-tl > li:nth-of-type(1n) {
        clear: none;
    }

    .padding-laterale ul.lista-tl > li:nth-of-type(3n+1) {
        clear: both;
    }
}

@media only screen and (max-width: 40em) {
    .padding-laterale ul.lista-tl {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
    }

    .padding-laterale ul.lista-tl:before, .padding-laterale ul.lista-tl:after {
        content: " ";
        display: table;
    }

    .padding-laterale ul.lista-tl:after {
        clear: both;
    }

    .padding-laterale ul.lista-tl > li {
        display: block;
        height: auto;
        float: left;
        padding: 0 0.625rem 1.25rem;
    }

    .padding-laterale ul.lista-tl > li {
        width: 100%;
        padding: 0 0.625rem 1.25rem;
        list-style: none;
    }

    .padding-laterale ul.lista-tl > li:nth-of-type(1n) {
        clear: none;
    }

    .padding-laterale ul.lista-tl > li:nth-of-type(1n+1) {
        clear: both;
    }
}

.cpanel {
    background-color: #ffffff;
    padding: 15px 15px;
}

@media only screen and (max-width: 40em) {
    .cpanel {
        padding: 5px 15px;
        line-height: 55px;
    }
}

.cpanel h1, .cpanel h1 p, h1 .cpanel p {
    font-size: 2rem;
    color: #2d2d2d;
    font-weight: bold;
    border-bottom: solid 1px #dddddd;
}

@media only screen and (max-width: 40em) {
    .cpanel h1, .cpanel h1 p, h1 .cpanel p {
        font-size: 1.5rem;
        line-height: 60px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .cpanel h1, .cpanel h1 p, h1 .cpanel p {
        padding: 0px 0px 0px 15px;
    }
}

.cpanel-info {
    font-size: 0.9rem;
    color: #9b9b9b;
    float: left;
    display: block;
    min-width: 215px;
}

@media only screen and (max-width: 40em) {
    .cpanel-info {
        min-width: 95px;
    }
}

.cpanel-info span {
    font-size: 1rem;
    color: #2d2d2d;
    font-weight: bold;
}

.cpanel-info p {
    line-height: 10px;
}

.cpanel-provincia {
    font-size: 0.9rem;
    color: #9b9b9b;
    float: left;
    display: block;
    min-width: 200px;
    height: 30px;
}

@media only screen and (max-width: 40em) {
    .cpanel-provincia {
        line-height: 10px;
        padding: 0px;
        width: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .cpanel-provincia {
        width: 100%;
        padding: 0px 0px 0px 15px;
    }
}

.cpanel-provincia span {
    font-size: 1rem;
    color: #2d2d2d;
    font-weight: bold;
}

.cpanel-data {
    font-size: 0.9rem;
    color: #9b9b9b;
    float: left;
    display: block;
    min-width: 200px;
    height: 30px;
}

@media only screen and (max-width: 40em) {
    .cpanel-data {
        line-height: 10px;
        padding: 0px;
        width: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .cpanel-data {
        width: 100%;
        padding: 0px 0px 0px 15px;
    }
}

.cpanel-data span {
    font-size: 1rem;
    color: #2d2d2d;
    font-weight: bold;
}

.cpanel-comune {
    font-size: 0.9rem;
    color: #9b9b9b;
    float: left;
    display: block;
    min-width: 240px;
    height: 30px;
}

@media only screen and (max-width: 40em) {
    .cpanel-comune {
        line-height: 10px;
        padding: 0px;
        width: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .cpanel-comune {
        width: 100%;
        padding: 0px 0px 0px 15px;
    }
}

.cpanel-comune span {
    font-size: 1rem;
    color: #2d2d2d;
    font-weight: bold;
}

.boxcol2 {
    margin: 0px !important;
    padding: 15px !important;
}

@media only screen and (max-width: 40em) {
    .numbers {
        font-size: 2.5rem !important;
    }
}

@media only screen and (max-width: 40em) {
    .following {
        font-size: 0.6rem !important;
    }
}

.statistiche02 ul.statslista li {
    width: 33%;
    text-align: center;
}

@media only screen and (max-width: 40em) {
    .statistiche02 .numbers {
        line-height: 3rem !important;
    }
}

@media only screen and (max-width: 40em) {
    .boxcol2 {
        min-height: 50px !important;
        padding: 5px !important;
    }
}

@media only screen and (max-width: 40em) {
    .following .statistiche02 {
        font-size: 0.6 !important;
    }
}

.statistiche02-last .followbox-last {
    border-right: none;
    text-align: center;
}

@media only screen and (max-width: 40em) {
    .titleprofilo {
        font-size: 1.8rem !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .titleprofilo {
        font-size: 0.8rem !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .boxcol1 {
        padding: 15px !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .boxcol1 ul.sublink li a {
        font-size: 0.6rem !important;
        line-height: 10px !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .boxcol1 ul.sublink li {
        height: 50px !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .boxcol1 ul.sublink li {
        height: 50px !important;
    }
}

#change-avatar {
    font-size: 0.8rem;
    height: auto;
    text-align: center;
    vertical-align: middle;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #change-avatar {
        font-size: 0.6rem !important;
    }
}

/* Image Box Style */
#change-avatar .box {
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin: 0px 3px 0px 3px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #change-avatar .box {
        width: 130px;
        height: 130px;
    }
}

@media only screen and (max-width: 40em) {
    #change-avatar .box {
        width: 200px;
        height: 200px;
    }
}

#change-avatar .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

/* Caption Common Style */
#change-avatar .box .kaption {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

/** Caption 1: Simple **/
#change-avatar .box .simple-kaption {
    height: 50px;
    width: 200px;
    display: block;
    bottom: -50px;
    line-height: 85pt;
    text-align: center;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #change-avatar .box .simple-kaption {
        width: 130px;
    }
}

@media only screen and (max-width: 40em) {
    #change-avatar .box .simple-kaption {
        width: 200px;
    }
}

#change-avatar .box .simple-kaption i {
    margin-right: 5px;
}

/** Simple Caption :hover Behaviour **/
#change-avatar .box:hover .simple-kaption {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    opacity: 1;
    transform: translateY(-100%);
}

.boxcol1 {
    padding-left: 0;
    padding-right: 0;
    width: 25%;
    float: left;
    padding-right: 20px;
}

@media only screen and (max-width: 40em) {
    .boxcol1 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        margin: 15px;
    }
}

.boxcol2 {
    padding-left: 0;
    padding-right: 0;
    width: 75%;
    float: left;
    border: 1px solid #EDEDED;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 30px;
    min-height: 150px;
}

@media only screen and (max-width: 40em) {
    .boxcol2 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        margin: 15px;
    }
}

.prof-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.prof-list > li a {
    display: block; /*padding: 10px 10px;*/
}

.prof-list > li {
    display: block;
    border-bottom: 1px dashed #EDEDED;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}

.prof-list > li:first-of-type {
    padding: 0px 0px 10px 0px;
}

.prof-list .prof-image {
    width: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin-right: 8px;
}

.prof-list .prof-data {
    font-size: 0.7rem;
    color: #9b9b9b;
    font-weight: 700;
}

.prof-list .prof-title {
    font-size: 0.9rem;
    color: #6288a5;
    font-weight: 700;
}

.prof-list .prof-strumenti {
    margin-top: 10px;
}

.prof-list .prof-funzioni {
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.prof-list .prof-funzioni > li {
    display: inline;
    padding: 5px;
    border-right: 1px dotted #EDEDED;
}

.prof-list .prof-funzioni > li:last-of-type {
    border-right: none;
}

.prof-list .prof-funzioni > li a {
    display: inline;
}

.prof-list .prof-titlecommento {
    font-size: 0.85rem;
    color: #6288a5;
    font-weight: 700;
}

.prof-list .prof-commento a {
    font-style: italic;
    color: #9b9b9b;
    font-size: 0.9rem;
}

.boxcol1 .icona {
    margin-right: 7px;
    font-size: 1.6rem;
}

.boxcol1 ul.sublink {
    margin: 5px 0px 10px 0px;
    list-style: none;
}

.boxcol1 ul.sublink li {
    display: block;
    line-height: 1.5rem;
    height: 30px;
    color: #999999;
    line-height: 1.5rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.boxcol1 ul.sublink li a {
    color: #999999;
    line-height: 1.5rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.statistiche .icona {
    color: #1092cb;
}

.titleprofilo {
    font-size: 1.4rem;
    font-weight: 400;
    margin-left: 0px;
    border-bottom: 1px dashed #dddddd;
    display: block;
    padding-bottom: 8px;
}

.statistiche02 ul.statslista {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.statistiche02 ul.statslista li {
    float: left;
    margin: 0px;
    display: inline;
    padding: 3px 20px;
}

.statistiche02 .followbox {
    display: block;
    border-right: 1px solid #EDEDED;
    text-align: center;
}

.statistiche02 .followbox:last-child {
    border-right: 0px;
}

.statistiche02 .following {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.0rem;
}

.statistiche02 .numbers {
    font-size: 4.9rem;
    color: #1092cb;
    font-weight: 700;
    line-height: 5.0rem;
}

.art-leggere .icona {
    color: #ef9700;
}

.art-preferiti .icona {
    color: #68b800;
}

.art-commenti .icona {
    color: #59a8e4;
}

.art-upload .icona {
    color: #c300aa;
}

.art-comments {
    margin: 15px 15% 0px 15%;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .art-comments {
        margin: 15px 6% 0px 6%;
    }
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .art-comments {
        margin: 15px 15px 0px 15px;
    }
}

.art02-comments {
    margin: 0px 15px;
}

.com-redazione {
    background-color: #f1f6f9;
}

.com-box:first-of-type {
    margin-top: 15px;
}

.com-box {
    border-top: 1px dashed #dddddd;
    padding: 15px;
    margin-bottom: 15px;
    position: relative;
}

.com-box .com-avatar { /*@include grid-column(2);*/
    width: 70px;
    float: left;
    margin-right: 15px;
}

.com-box .com-content { /*@include grid-column(22); padding-left:$aria/2;display: table;*/
}

.com-box .com-content .com-int {
    display: block;
}

.com-box .com-content .com-username {
    font-weight: 700;
    font-size: 0.9rem;
    color: #2d2d2d;
    text-transform: capitalize;
}

.com-box .com-content .com-data {
    font-weight: 500;
    font-size: 0.8rem;
    color: #9b9b9b;
    float: right;
    font-style: italic;
    margin-right: 10px;
}

.com-box .com-content .com-txt {
    margin-top: 7.5px;
    font-size: 0.85rem;
    color: #656565;
    line-height: 1.4rem;
}

.likecommentbar {
    border-top: 1px solid #EDEDED;
}

.likecommentbar ul {
    padding: 0px;
    margin: 0px;
}

.likecommentbar ul li {
    display: inline;
}

.likecommentbar ul li.commentoqs {
    font-size: 10px;
    font-weight: 400;
    color: #9b9b9b;
}

.likecommentbar ul li.bloccolike {
    border-right: 1px solid #EDEDED;
    padding: 0px 5px;
    font-size: 13px;
    font-weight: 400;
}

.likecommentbar ul li.likecom a {
    color: #56b41e;
}

.likecommentbar ul li.nolikecom a {
    color: #b4111c;
}

.likecommentbar ul li.replycom a {
    clor: #6288a5;
}

.reply_comments_list {
    background-color: #f7f7f7;
}

.reply_comments_list .com-box .iconareply {
    position: relative;
    margin-left: -40px;
}

.edit-comment {
    text-align: right;
    margin-top: 15px;
    color: #dddddd;
}

.edit-comment a {
    font-size: 0.8rem;
}

.moderate {
    display: block;
    float: right;
}

.moderate a {
    font-weight: normal;
    font-family: "Open Sans", arial;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 3px 6px 4px;
    font-size: 9px;
    background-color: #f6f6f6;
    color: #333333;
    border-radius: 4px;
    font-weight: 400;
    color: #484848;
    border: 1px dashed #dddddd;
    margin-bottom: 10px;
    margin-left: 5px;
}

.moderate a:hover {
    background-color: #6288a5;
    color: #fff;
}

[id~=my-video_] {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

.video-js .vjs-tech {
    position: relative !important;
}

@media only screen and (max-width: 40em) {
    .video-js .vjs-tech {
        position: relative !important;
    }
}

.vjs-tech.vjs-paused, .vjs-tech.vjs-playing {
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 40em) {
    .vjs-tech.vjs-paused, .vjs-tech.vjs-playing {
        width: 100% !important;
        height: 100% !important;
    }
}

.video-head {
    width: auto;
    display: block;
    padding: 1px;
    margin: 15px 15px 0px 15px;
}

.video-title {
    color: #ffffff;
    width: auto;
    margin: 10px 15% 20px 15%;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 2.7rem;
    letter-spacing: -0.09rem;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .video-title {
        margin: 10px 6% 20px 6%;
    }
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .video-title {
        margin: 10px 10px 20px 10px;
    }
}

.video-box {
    margin: 2% 15% 2% 15%;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .video-box {
        margin: 0px 6% 0px 6%;
    }
}

@media only screen and (max-width: 40em) and (orientation: portrait) {
    .video-box {
        margin: 0px 10px 0px 10px;
    }
}

/*box in home BGTV */
.bgtv-home {
    display: none;
    visibility: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 73.75rem;
    margin-top: 35px;
}

.bgtv-home:before, .bgtv-home:after {
    content: " ";
    display: table;
}

.bgtv-home:after {
    clear: both;
}

.bgtv-home .listavideobgtv {
    background-color: #2d2d2d;
    margin: 0px 15px 15px 15px;
    display: block;
    position: relative;
    padding-top: 30px;
}

.bgtv-home .videobg {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
    display: block;
    padding: 8px;
}

.bgtv-home .videobg a {
    border: none;
}

.bgtv-home .titolobgtv {
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 0.8rem;
    display: block;
    margin-top: 5px;
}

.bgtv-home .logobgtv {
    position: absolute;
    left: 5px;
    top: 20px;
    width: 69px;
    height: 43px;
    display: block;
    margin-top: -35px;
    margin-left: auto;
    margin-right: auto;
}

/* VIDEO LIST */
.videolist {
    margin: 0px 15px 30px 25px;
    display: block;
}

.videolist .flex-video {
    margin-bottom: 0.5rem;
}

.videolist h4, .videolist h4 p, h4 .videolist p {
    margin: 5px 5px 20px 5px;
    line-height: 20px;
    display: block;
}

.videolist .playbutton {
    display: block; /* width: 60px; */ /* height: 60px; */
    position: absolute; /* bottom: 60px; */ /* left: 20px; */
    z-index: 10;
    font-size: 40px;
    line-height: 40px;
    top: 30%;
    left: 43%; /* bottom:75px; */
    color: #888;
}

.videolist .playbutton i {
    color: #fff;
}

.videolist li {
    position: relative;
}

.videocontent { /*background-color: $nero;*/
}

.videocontent h4, .videocontent h4 p, h4 .videocontent p {
    margin: 5px 0px 5px 0px;
    line-height: 20px;
    display: block;
    color: #2d2d2d;
    font-size: 0.8rem;
    line-height: 1.1rem;
}

.videocorrelati {
    margin-top: 50px;
}

.videocorrelati .playbutton {
    display: block; /* width: 60px; */ /* height: 60px; */
    position: absolute; /* left: 20px; */
    z-index: 10;
    font-size: 25px;
    line-height: 20px;
    top: 30%;
    left: 15px; /* bottom:75px; */
    color: #888;
}

.videocorrelati li {
    position: relative;
}

.listvideocorrelati {
    margin: 0px;
    padding: 0px;
}

.sezvideo {
    font-size: 1.5rem;
    font-weight: 400;
    display: block;
    margin-bottom: 20px;
    color: #2d2d2d;
    border-bottom: 1px dotted #dddddd;
    padding-bottom: 10px;
}

.dailyvideo {
    text-align: left;
}

.dailyvideo h1, .dailyvideo h1 p, h1 .dailyvideo p {
    font-size: 20px;
    color: #f37e00;
    font-weight: 700;
    line-height: 34px;
    margin-left: 15px;
    text-align: left;
}

.dailyvideo hr {
    margin: 0px !important;
}

.dailyvideo .title {
    width: 100%;
    padding: 10px;
    background-color: #f9f9f9;
    color: #9b9b9b !important;
    font-size: 1.3rem;
    font-weight: 700;
    border-top: 5px solid #ffba0c;
}

.dailyvideo .title i {
    font-size: 1.4rem;
    color: #9b9b9b !important;
}

.dailyvideo .featured {
    padding: 15px 10px 10px 10px;
    font-size: 0.8rem;
    font-color: #dddddd;
    line-height: 1.1rem;
}

.dailyvideo .featured h5, .dailyvideo .featured h5 p, h5 .dailyvideo .featured p {
    font-weight: 700;
    font-color: #dddddd;
    border-bottom: 0px;
}

.dailyvideo .featured img {
    width: 100%;
}

.dailyvideo i {
    color: #FFF;
}

.dailyvideo .playbutton {
    position: absolute;
    z-index: 10;
    font-size: 40px;
    line-height: 40px;
    top: 40%;
    left: 43%;
}

.dailyvideo .correlatis h7 {
    color: #2d2d2d;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1rem;
}

.dailyvideo .correlatis img {
    float: left;
    height: 64px;
    width: 85px;
    margin: 0px 10px 10px 10px;
}

.dailyvideo ul.correlatis {
    font-size: 0.7rem;
    color: #9b9b9b;
    list-style-tipe: none;
    margin-left: 0px !important;
    margin-bottom: 0px;
}

.dailyvideo ul.correlatis li {
    list-style-type: none;
    min-height: 83px;
    border-bottom: 1px dashed #dddddd;
    padding-top: 10px;
}

.videodelgiorno .intestazione {
    width: 100%;
    padding: 10px;
    background-color: #f9f9f9;
    color: #9b9b9b !important;
    font-size: 1.3rem;
    font-weight: 700;
    border-top: 5px solid #ffba0c;
    display: block;
}

.videodelgiorno .ultimovideo {
    display: block;
    margin: 15px 0px 0px 15px;
}

.videodelgiorno .ultimovideo .screen01-lastvideo {
    width: 230px;
    float: left;
    margin-right: 10px;
}

.videodelgiorno .ultimovideo .title-lastvideo {
    font-size: 1.5rem;
    color: #2d2d2d;
    font-weight: 700;
    line-height: 1.3rem;
    margin-left: 15px;
    text-align: left;
}

#boxvideo .introboxvideo {
    background-color: #f0efef;
    font-size: 1.8em;
    color: #2d2d2d;
    padding-top: 10px;
}

#boxvideo .videoplayer {
    border-top: 4px solid #ffe019;
}

#boxvideo .videoplayer img {
    width: 100%;
}

#boxvideo .infovideobox {
    border-right: 1px dashed #EDEDED;
    margin: 10px 0px 10px 0px;
}

#boxvideo .datavideo {
    margin: 0px 10%;
    color: #9b9b9b;
}

#boxvideo h2.titolovideohome, #boxvideo h2 p.titolovideohome, h2 #boxvideo p.titolovideohome {
    margin: 0px 10% 0px 10%;
    font-weight: 300;
    display: block;
    letter-spacing: 0px;
}

#boxvideo ul.listavideo {
    list-style: none;
    padding: 0px;
    display: block;
    margin: 20px auto;
    max-width: 194px;
}

#boxvideo ul.listavideo li {
    display: block;
    margin-bottom: 5px;
}

#boxvideo ul.listavideo li h6, #boxvideo ul.listavideo li h6 p, h6 #boxvideo ul.listavideo li p {
    font-size: 13px;
    font-weight: 600;
}

#boxvideo .botaltrivideo {
    background-color: #ffe019;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    display: block;
    margin: 5px 10% 10px 10%;
    border-radius: 4px;
    padding: 5px;
}

.videotop {
    padding-left: 0;
    padding-right: 0;
    width: 75%;
    float: left;
}

.contlistavideo {
    padding-left: 0;
    padding-right: 0;
    width: 25%;
    float: left;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #boxvideo .videotop {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }

    #boxvideo .videotop .infovideobox {
        border-right: none;
        margin: 10px 0px 10px 0px;
        border-bottom: 1px dashed #EDEDED;
        padding-bottom: 15px;
    }

    #boxvideo .videotop .datavideo {
        margin: 0px 4%;
        color: #9b9b9b;
    }

    #boxvideo .videotop h2.titolovideohome, #boxvideo .videotop h2 p.titolovideohome, h2 #boxvideo .videotop p.titolovideohome {
        margin: 0px 4% 0px 4%;
        font-weight: 300;
        display: block;
        letter-spacing: 0px;
    }

    #boxvideo .contlistavideo {
        padding-left: 0;
        padding-right: 0;
        width: 83.33333%;
        float: left;
        padding-left: 0;
        padding-right: 0;
        float: left;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #boxvideo ul.listavideo {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
        max-width: none;
    }

    #boxvideo ul.listavideo:before, #boxvideo ul.listavideo:after {
        content: " ";
        display: table;
    }

    #boxvideo ul.listavideo:after {
        clear: both;
    }

    #boxvideo ul.listavideo > li {
        display: block;
        height: auto;
        float: left;
        padding: 0 0.625rem 1.25rem;
    }

    #boxvideo ul.listavideo > li {
        width: 33.33333%;
        padding: 0 0.625rem 1.25rem;
        list-style: none;
    }

    #boxvideo ul.listavideo > li:nth-of-type(1n) {
        clear: none;
    }

    #boxvideo ul.listavideo > li:nth-of-type(3n+1) {
        clear: both;
    }

    #boxvideo ul.listavideo li {
        display: block;
    }

    #boxvideo ul.listavideo li h6, #boxvideo ul.listavideo li h6 p, h6 #boxvideo ul.listavideo li p {
        max-width: 194px;
    }

    #boxvideo ul.listavideo .videoscreen {
        width: 100%;
    }
}

@media only screen and (max-width: 40em) {
    #boxvideo .videotop {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        clear: both;
    }

    #boxvideo .videotop .infovideobox {
        border-right: none;
        margin: 10px 0px 10px 0px;
        border-bottom: 1px dashed #EDEDED;
        padding-bottom: 15px;
    }

    #boxvideo .videotop .datavideo {
        margin: 0px 4%;
        color: #9b9b9b;
    }

    #boxvideo .videotop h2.titolovideohome, #boxvideo .videotop h2 p.titolovideohome, h2 #boxvideo .videotop p.titolovideohome {
        margin: 0px 4% 0px 4%;
        font-weight: 300;
        display: block;
        letter-spacing: 0px;
    }

    #boxvideo .botaltrivideo {
        margin: 5px 0px 10px 0px;
    }

    #boxvideo .contlistavideo {
        padding-left: 0;
        padding-right: 0;
        width: 83.33333%;
        float: left;
        padding-left: 0;
        padding-right: 0;
        float: left;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #boxvideo ul.listavideo {
        display: none;
        visibility: hidden;
    }

    #boxvideo ul.listavideo .videoscreen {
        width: 100%;
    }
}

.art_01a figure a {
    position: relative;
    display: block;
}

.art_01a .playbutton {
    display: block;
    position: absolute;
    z-index: 50;
    font-size: 100px;
    line-height: 40px;
    top: 30%;
    left: 40%;
    color: #888;
}

.art_01a .playbutton i {
    opacity: 0.5;
    color: #fff;
}

.art_01 figure a {
    position: relative;
    display: block;
}

.art_01 .playbutton {
    display: block;
    position: absolute;
    z-index: 50;
    font-size: 50px;
    line-height: 40px;
    top: 40px;
    left: 40px;
    color: #888;
}

@media only screen and (max-width: 40em) {
    .art_01 .playbutton {
        top: 30% !important;
        font-size: 100px !important;
        left: 35% !important;
    }
}

.art_01 .playbutton i {
    opacity: 0.5;
    color: #fff;
}

.jwlogo {
    width: auto !important;
}

#contentlive {
    margin: 0 auto;
    overflow: hidden;
    background-color: #ffffff;
}

.live {
    max-width: 1000px;
}

.primoboxlive {
    border-bottom: 1px solid #dddddd;
}

.containerlive {
    margin: 0px auto;
}

.live-content {
    background-image: url("../img/subcolonna_02/bkground_col02.png");
    padding-top: 1px;
}

.live-column {
    width: 300px; /*@include grid-column(8);*/
    margin: 15px;
}

@media only screen and (max-width: 40em) {
    .live-column {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        padding: 10px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .live-column {
        padding-left: 0;
        padding-right: 0;
        width: 50%;
        float: left;
        padding: 20px;
    }
}

.live-urlo {
    background-color: #f4f2ec;
}

.live-articolo {
    background-color: #ffffff;
}

.live-box { /*padding:$aria;  */
    border: 1px solid #dddddd; /*height: 200px;*/
}

.live-box .intestazione {
    height: 20px;
    display: block;
    clear: both; /*margin-bottom:10px;*/
}

.live-box .intestazione .live-categoria {
    display: block;
    float: left;
    font-size: 0.8rem;
    color: #565656;
    font-weight: 500;
    line-height: 30px;
    margin-left: 15px;
}

.live-box .intestazione .live-data {
    float: right;
    font-size: 0.9rem;
    color: #565656;
    font-weight: 600;
    line-height: 30px;
    margin-right: 15px;
}

.live-box .photo {
    width: auto; /*margin-bottom:$aria; */
    border-bottom: 1px solid #dddddd;
}

.live-box .photo img {
    border: none;
    border-top: 1px solid #dddddd;
}

.live-box h2.live-title, .live-box h2 p.live-title, h2 .live-box p.live-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d2d2d;
    line-height: 1.4rem;
    margin-top: 7.5px;
    margin-bottom: 7.5px;
    padding: 0px 15px;
}

.live-box p {
    padding: 0px 15px 10px 15px;
    font-size: 0.8rem;
    line-height: 1.1rem;
    color: #565656;
    margin-bottom: 0px;
}

.live-box .live-base {
    width: auto;
    min-height: 29px;
    background-color: #f9f9f9;
    border-top: 1px dotted #dddddd;
    border-bottom: 1px dotted #dddddd;
    position: relative;
}

.live-box .live-base ul.live-list {
    list-style: none;
}

.live-box .live-base ul.live-list li {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
    line-height: 20px;
    border-right: 1px dotted #dddddd;
    padding-right: 10px;
    font-size: 0.9rem;
}

.live-box .live-base ul.live-list li img {
    border: none;
}

.live-box .live-base ul.live-list li a {
    border: none;
    color: #8badce;
}

.live-box .live-base ul.live-list li a.clock {
    border: none;
    color: #f37e00;
}

.live-box .live-last-comment {
    padding: 10px;
    display: block;
}

.live-box .live-comments {
    float: left;
    width: 85%;
}

.live-box .live-comments p {
    line-height: 1rem;
    font-size: 0.7rem;
    color: #9b9b9b;
    margin: 0px;
    padding: 0px;
}

.live-box .live-com-thumb {
    width: 15%;
    float: left;
    displa: block;
    padding: 5px;
}

.live-box .live-user-comments {
    font-size: 0.7rem;
    font-weight: 800;
    color: #9b9b9b;
    clear: both;
    display: block;
}

.colonna01-cat {
    padding-left: 0;
    padding-right: 0;
    width: 66.66667%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .colonna01-cat {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .colonna01-cat {
        padding-left: 0;
        padding-right: 0;
        width: 66.66667%;
        float: left;
    }
}

.colonna02-cat {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
    background-image: url("../img/subcolonna_02/bkground_col02.png");
    margin-bottom: -9000px;
    padding-bottom: 9000px;
}

@media only screen and (max-width: 40em) {
    .colonna02-cat {
        visibility: hidden;
        display: none;
    }
}

.pagecategoria {
    margin: 0px 15px 15px 15px;
    display: block; /*padding: 15px 0px;*/
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 20px 0px;
}

@media only screen and (max-width: 40em) {
    .pagecategoria {
        padding: 5px 0px;
    }
}

.pagecategoria .lastupdate {
    font-size: 0.9rem;
    color: #9b9b9b;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
    width: 41.66667%;
    float: left;
    text-align: right;
}

@media only screen and (max-width: 40em) {
    .pagecategoria .lastupdate {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        text-align: left;
    }
}

.pagecategoria .lastupdate a {
    text-decoration: underline;
    font-size: 1.1rem;
    font-weight: 700;
}

.pagecategoria .titleinterna {
    font-size: 3em;
    font-weight: 800;
    color: #2d2d2d;
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
    width: 58.33333%;
    float: left;
}

.pagecategoria .titleinterna h5, .pagecategoria .titleinterna h5 p, h5 .pagecategoria .titleinterna p {
    color: #6288a5;
    margin-bottom: 0px;
    font-weight: 500;
    border-bottom: 0px;
}

@media only screen and (max-width: 40em) {
    .pagecategoria .titleinterna {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.apertura-cat {
    display: block;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 15px;
    margin: 15px;
}

.apertura-cat .baseart {
    margin-left: 15px;
}

@media only screen and (max-width: 40em) {
    .apertura-cat .baseart {
        margin: 0px;
    }
}

.apertura-cat .cont-categoria {
    padding-left: 0;
    padding-right: 0;
    width: 33.33333%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .apertura-cat .cont-categoria {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .apertura-cat .cont-categoria {
        visibility: hidden;
        display: none;
    }
}

.apertura-cat .cont-categoria h2, .apertura-cat .cont-categoria h2 p, h2 .apertura-cat .cont-categoria p {
    font-size: 1.4rem;
    font-weight: 800;
}

.apertura-cat .fotoapertura-cat {
    padding-left: 0;
    padding-right: 0;
    width: 66.66667%;
    float: left;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    position: relative;
}

@media only screen and (max-width: 40em) {
    .apertura-cat .fotoapertura-cat {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .apertura-cat .fotoapertura-cat {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.apertura-cat .fotoapertura-cat a img {
    width: 100%;
}

.apertura-cat .fotoapertura-cat .basenewscat {
    visibility: hidden;
    display: none;
    color: white;
    background-image: url("../img/articoli/background_00.png");
    position: absolute;
    z-index: 10;
    bottom: 10px;
    margin: 10px 10px 0px 10px;
    padding: 10px;
}

@media only screen and (max-width: 40em) {
    .apertura-cat .fotoapertura-cat .basenewscat {
        visibility: hidden;
        display: none;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .apertura-cat .fotoapertura-cat .basenewscat {
        visibility: visible;
        display: block;
    }
}

.apertura-cat .fotoapertura-cat .basenewscat a, .apertura-cat .fotoapertura-cat .basenewscat a p {
    color: white;
}

.apertura-cat .fotoapertura-cat .basenewscat .datiart_00 {
    padding: 0px;
    border-bottom: 1px solid #5c5c5e;
    margin: 0px;
    display: block;
    margin-bottom: 7px;
}

.apertura-cat .fotoapertura-cat .basenewscat .titolo-top-cat {
    color: white;
}

.apertura-cat .fotoapertura-cat .basenewscat .titolo-top-cat a {
    color: white;
}

.apertura-cat header {
    padding: 0px 15px;
    height: 373px;
}

@media only screen and (max-width: 40em) {
    .apertura-cat header {
        padding: 0px;
        height: auto;
    }
}

.apertura-cat figure {
    margin: 0px;
}

.border-colonna {
    border-right: 1px dashed #EDEDED;
}

.bigart-cat {
    display: block;
    clear: both;
    margin: 0px 15px 15px 15px;
    position: relative;
}

.bigart-cat img {
    width: 100%;
    height: 451px;
}

@media only screen and (max-width: 40em) {
    .bigart-cat img {
        height: auto;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .bigart-cat img {
        height: auto;
    }
}

.bigart-cat .datiart_00 {
    padding: 0px;
    border-bottom: 1px solid #5c5c5e;
    margin: 0px;
    display: block;
    margin-bottom: 7px;
}

.bigart-cat .basetitle_00 {
    background-image: url("../img/articoli/background_00.png");
    position: absolute;
    z-index: 10;
    bottom: 10px;
    margin: 10px 10px 0px 10px;
    padding: 10px;
}

ul.datasocial {
    list-style-type: none;
    margin-left: 0px;
}

footer {
    clear: both;
}

.footer-page {
    background-color: #ffffff;
    min-height: 300px;
    margin: auto;
    max-width: 1024px;
}

@media only screen and (max-width: 40em) {
    .footer-page {
        min-height: inherit;
        width: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .footer-page {
        width: 100%;
    }
}

.footer-banner {
    margin-bottom: 0px;
    margin-top: 30px;
    background: none;
    border: none;
}

@media only screen and (max-width: 40em) {
    .footer-banner {
        visibility: hidden;
        display: none;
    }
}

.footer-content {
    margin-top: 0px;
    padding: 15px 0px 0px 0px;
    border-right: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
}

@media only screen and (max-width: 40em) {
    .footer-content .bloccolink {
        visibility: hidden;
        display: none;
    }
}

.footer-content .footer-col {
    padding-left: 0;
    padding-right: 0;
    width: 20.83333%;
    float: left;
    border-right: 1px solid #EDEDED;
    height: auto;
    min-height: 350px;
}

.footer-content .footer-col02 {
    padding-left: 0;
    padding-right: 0;
    width: 37.5%;
    float: left;
    height: auto;
    min-height: 350px;
}

.footer-content .footer-col02 img {
    padding-left: 15px;
}

.footer-content .footer-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2d2d2d;
    margin: 5px 0px 15px 0px;
    display: block;
    padding: 0px 0px 0px 30px;
}

.footer-content .footer-list {
    list-style: none;
    padding: 0px 0px 0px 30px;
    margin: 0px;
}

.footer-content .footer-list li a {
    color: #9b9b9b;
    font-size: 0.8rem;
}

.footer-content .footer-iva {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    border-top: 1px solid #EDEDED;
    padding: 15px;
    font-size: 0.8rem;
    color: #9b9b9b;
}

.logo-box-k {
    top: 15px;
    right: 15px;
    width: 120px;
    height: 23px;
    position: relative;
    float: right;
}

.footer-inserto {
    background-image: url(../img/footer/ccc.jpg);
    background-position: 0px 0px;
    width: 133px;
    height: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-right: 10px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .footer-inserto {
        margin-left: 6px;
    }
}

.footer-inserto:hover {
    background-position: 0px 30px;
}

.footer-orobie {
    background-image: url(../img/footer/logo-orobie.png);
    background-position: 0px 0px;
    height: 30px;
    margin-bottom: 30px;
    width: 132px;
}

.footer-orobie:hover {
    background-position: 0px 30px;
}

.footer-kauppa {
    background-image: url(../img/footer/logo-kauppa.png);
    background-position: 0px 0px;
    height: 30px;
    width: 133px;
    margin: 0px 10px 30px 30px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .footer-kauppa {
        margin-left: 6px;
    }
}

.footer-kauppa:hover {
    background-position: 0px 30px;
}

.footer-kendoo {
    background-image: url(../img/footer/logo-kendoo.png);
    background-position: 0px 0px;
    height: 30px;
    margin-bottom: 30px;
    width: 133px;
}

.footer-kendoo:hover {
    background-position: 0px 30px;
}

.footer-avvenimenti {
    background-image: url(../img/footer/logo-avvenimenti.png);
    background-position: 0px 0px;
    height: 37px;
    width: 133px;
    margin: 0px 10px 30px 30px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .footer-avvenimenti {
        margin-left: 6px;
    }
}

.footer-avvenimenti:hover {
    background-position: 0px 37px;
}

.footer-caseinfesta {
    background-image: url(../img/footer/logo-caseinfesta.png);
    background-position: 0px 0px;
    height: 37px;
    width: 133px;
    margin-bottom: 30px;
}

.footer-caseinfesta:hover {
    background-position: 0px 37px;
}

.footer-storylab {
    background-image: url(../img/footer/logo-storylab.png);
    background-position: 0px 0px;
    height: 37px;
    width: 133px;
    margin-left: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.footer-storylab:hover {
    background-position: 0px 37px;
}

.footer-bgtv {
    background-image: url(../img/footer/logo-bgtv.png);
    background-position: 0px 0px;
    height: 37px;
    width: 133px;
    margin-bottom: 30px;
}

.footer-bgtv:hover {
    background-position: 0px 37px;
}

.footer-boutik {
    background-image: url(../img/footer/boutik.jpeg);
    background-position: 0px 0px;
    height: 30px;
    width: 133px;
    margin-left: 30px;
    margin-right: 10px;
}

.footer-boutik:hover {
    background-position: 0px 30px;
}

.footer-ecocafe {
    background-image: url(../img/footer/ecocafe.jpg);
    background-position: 0px 0px;
    height: 57px;
    width: 133px;
}

.footer-ecocafe:hover {
    background-position: 0px 62px;
}

.footer-radioalta {
    background-image: url(../img/footer/logo-radioalta.png);
    background-position: 0px 0px;
    width: 56px;
    height: 45px;
    margin-left: 20px;
}

.footer-radioalta:hover {
    background-position: 0px 45px;
}

.footer-skille {
    background-image: url(../img/footer/logo-skille.png);
    background-position: 0px 0px;
    height: 37px;
    width: 133px;
    margin-bottom: 30px;
}

.footer-skille:hover {
    background-position: 0px 37px;
}

.footer-meeteco {
    background-image: url(../img/footer/logo-meeteco02.png);
    background-position: 0px 0px;
    height: 30px;
    width: 133px;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 0px;
}

.footer-meeteco:hover {
    background-position: 0px 30px;
}

.footer-ark {
    background-image: url(../img/footer/logo_ark.png);
    background-position: 0px 0px;
    height: 36px;
    width: 93px;
    margin: 30px 10px 20px 10px;
}

.footer-ark:hover {
    background-position: 0px 35px;
}

.padcont {
    padding: 20px;
}

section.prodotto {
    border: 2px #ccc solid;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    -webkit-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.36);
    -moz-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.36);
    box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.36);
    float: left;
    padding-right: 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */
    cursor: pointer;
    margin: 7px 7px 14px 7px;
    position: relative;
    width: 30%;
    min-width: 280px;
}

section.prodotto img {
    border: 0px !important;
}

section.prodotto p {
    margin: 0;
    padding: 0;
}

section.prodotto .prezzoo {
    float: left;
    font-size: 38px;
    font-weight: bold;
    border-right: 1px #ccc solid;
    padding-right: 2px;
    padding-left: 2px;
    margin-right: 10px;
    text-align: center;
    line-height: 48px;
    padding-top: 6px;
    min-width: 123px;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../../../img/articoli/abbonamenti//sfondoprezzo.png);
    background-size: 100% 100%;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

section.prodotto .prezzoo .centesimi {
    font-size: 18px;
}

section.prodotto .nome {
    color: #999;
    text-align: left;
    margin-top: 6px;
    line-height: 20px;
}

section.prodotto .tipo {
    color: #999;
    font-size: 18px;
    line-height: 22px;
    padding-top: 6px;
}

section.prodotto .tempo {
    color: #666;
    font-weight: bold;
    font-size: 24px;
    line-height: 22px;
}

section.prodotto .tempo .numero {
    font-size: 30px;
    margin-right: 5px;
}

section.prodotto .valuta {
    font-size: 25px;
}

section div.info {
    position: absolute;
    bottom: 64px;
    left: 0;
    background: white;
    margin-left: -1px;
    width: 100%;
    z-index: 9997;
    text-align: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.36);
    -moz-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.36);
    box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.36);
    visibility: hidden;
}

section div.info p.descrizione {
    padding: 10px;
    line-height: 18px;
    font-size: 12px;
}

section div.info .img_prodotto {
    float: left;
    padding: 10px;
    width: 90px;
}

section .showinfo {
    position: absolute;
    right: -20px;
    top: -15px;
    padding: 20px;
    opacity: .3;
}

section .showinfo:hover {
    opacity: 1;
}

.prodotto.aperto .showinfo {
    opacity: 1;
}

#overlay_prodotto {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    opacity: .9;
    z-index: 9995;
}

.prodotto.aperto .padcont {
    padding: 20px !important;
}

.prodotto p.label {
    position: absolute;
    left: 5px;
    bottom: 62px;
    color: #fff;
    z-index: 9990;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 13px;
    padding: 0 6px;
    margin-left: 10px;
    text-align: left;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

section.prodotto p.prevprice {
    position: absolute;
    bottom: 2px;
    left: 0;
    padding: 0px 6px;
    font-size: 12px;
    line-height: 16px;
    text-decoration: line-through;
    color: #333;
}

article.prodotti {
    width: 100% !important;
    float: left;
    visibility: hidden;
}

.recursive_icon {
    position: absolute;
    right: -20px;
    bottom: -16px;
    width: 20px;
    padding: 20px;
}

section.prodotto .prezzoo {
    color: #466eb0;
}

.prodotto p.label {
    background-color: #466eb0;
}

.sfumino-abbonamenti {
    background-image: url("../../../img/articoli/abbonamenti/background_header.jpg");
    background-repeat: repeat-x;
    margin: 15px;
    border-top: 1px solid #dddddd;
    padding: 30px 30px 0px 15px;
    line-height: 1.5rem;
    font-size: 0.9rem;
    display: table;
}

.sfumino-abbonamenti h1, .sfumino-abbonamenti h1 p, h1 .sfumino-abbonamenti p {
    font-size: 3rem;
    color: #6288a5 !important;
    font-weight: 700;
}

.sfumino-abbonamenti h4, .sfumino-abbonamenti h4 p, h4 .sfumino-abbonamenti p {
    font-size: 1.5rem;
    color: #2d2d2d !important;
}

.sfumino-abbonamenti h5, .sfumino-abbonamenti h5 p, h5 .sfumino-abbonamenti p {
    font-size: 1.5rem;
    color: #6288a5 !important;
    font-weight: 800;
    border-bottom: 0px;
}

.sfumino-abbonamenti b {
    font-size: 1rem;
}

.content-white {
    background-color: #ffffff;
    padding: 15px 15px;
    font-size: 0.9rem;
    line-height: 1.2rem;
}

.content-white h2, .content-white h2 p, h2 .content-white p {
    color: #f8cf0f !important;
    font-weight: 700;
}

.content-white i {
    font-size: 0.9rem;
}

.font-blu {
    color: #6288a5;
    font-weight: 600;
    line-height: 1.4rem;
    font-size: 1.1rem;
}

.content-abbonamenti {
    margin: 30px auto -20px auto;
    background-color: transparent;
    width: 985px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .content-abbonamenti {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 40em) {
    .content-abbonamenti {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 40em) {
    .content-abbonamenti h2, .content-abbonamenti h2 p, h2 .content-abbonamenti p {
        font-size: 1.2rem !important;
    }
}

.riga-abbonamenti {
    padding-bottom: 15px;
    border-bottom: 1px #dddddd dashed;
    margin: 0px 15px 15px 15px;
    text-align: center;
}

.riga-abbonamenti h3, .riga-abbonamenti h3 p, h3 .riga-abbonamenti p {
    color: #f8cf0f !important;
    font-weight: 900;
    text-align: center;
}

.riga-abbonamenti span {
    color: #6288a5 !important;
    font-weight: 900;
    font-size: 2.4rem !important;
    line-height: 2.5rem;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .riga-abbonamenti span {
        text-align: center;
        font-size: 2.1rem !important;
    }
}

@media only screen and (max-width: 40em) {
    .riga-abbonamenti span {
        font-size: 2rem !important;
    }
}

.riga-abbonamenti b {
    font-weight: 400;
    font-size: 2rem !important;
}

@media only screen and (max-width: 40em) {
    .riga-abbonamenti b {
        font-size: 1.3rem !important;
    }
}

@media only screen and (max-width: 40em) {
    .riga-abbonamenti {
        margin: 0px 0px 15px 0px;
    }
}

.col-abbonamenti {
    border-left: 1px solid #cccccc;
}

@media only screen and (max-width: 40em) {
    .col-abbonamenti {
        border-left: 0px !important;
    }
}

.col-abbonamenti:first-child {
    border-left: 0px;
}

.col-paddingleft {
    padding-left: 15px;
}

@media only screen and (max-width: 40em) {
    .col-paddingleft {
        padding-left: 0px;
    }
}

.abb-grigio {
    color: #dddddd;
    float: right;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .abb-grigio {
        width: 80px;
    }
}

@media only screen and (max-width: 40em) {
    .abb-grigio {
        width: 80px;
    }
}

.abb-grigio b {
    font-size: 2rem;
    font-weight: 800;
    float: right;
    margin-left: 5px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .abb-grigio {
        text-align: center;
        margin-top: 0px !important;
    }
}

@font-face {
    font-family: 'FontAwesome';
    src: url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa, ul.listacorrelati li.story a:before, ul.listacorrelati li.photogallery a:before, ul.listacorrelati li.relatedimage a:before, ul.listacorrelati li.poll a:before, ul.listacorrelati li.video a:before, ul.listacorrelati li.document a:before, ul.listacorrelati li.audio a:before, a.link-fb:before, a.link-tw:before, a.link-gl:before, a.link-generico:before, a.link-doc:before, .ico-usr:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left, ul.listacorrelati li.story a.pull-left:before, ul.listacorrelati li.photogallery a.pull-left:before, ul.listacorrelati li.relatedimage a.pull-left:before, ul.listacorrelati li.poll a.pull-left:before, ul.listacorrelati li.video a.pull-left:before, ul.listacorrelati li.document a.pull-left:before, ul.listacorrelati li.audio a.pull-left:before, a.pull-left.link-fb:before, a.pull-left.link-tw:before, a.pull-left.link-gl:before, a.pull-left.link-generico:before, a.pull-left.link-doc:before, .pull-left.ico-usr:before {
    margin-right: .3em;
}

.fa.pull-right, ul.listacorrelati li.story a.pull-right:before, ul.listacorrelati li.photogallery a.pull-right:before, ul.listacorrelati li.relatedimage a.pull-right:before, ul.listacorrelati li.poll a.pull-right:before, ul.listacorrelati li.video a.pull-right:before, ul.listacorrelati li.document a.pull-right:before, ul.listacorrelati li.audio a.pull-right:before, a.pull-right.link-fb:before, a.pull-right.link-tw:before, a.pull-right.link-gl:before, a.pull-right.link-generico:before, a.pull-right.link-doc:before, .pull-right.ico-usr:before {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-flip-horizontal-eco {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=2);
    -webkit-transform: scale(-1, 2);
    -ms-transform: scale(-1, 2);
    transform: scale(-1, 2);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before, .fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before, .fa-users:before {
    content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before, .fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158";
}

.fa-won:before, .fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

a { /* FACEBOOK LINK */
}

a.link-fb:before {
    content: "\f09a";
    margin-right: 0.6rem;
    color: #3B5998;
}

a.link-tw:before {
    content: "\f099";
    margin-right: 0.3rem;
    color: #2DAAE1;
}

a.link-gl:before {
    content: "\f0d5";
    margin-right: 0.3rem;
    color: #c00a39;
}

a.link-generico:before {
    content: "\f0c1";
    margin-right: 0.3rem;
    color: #6288a5;
}

a.link-doc:before {
    content: "\f15c";
    margin-right: 0.3rem;
    color: #6288a5;
}

.ico-usr:before {
    content: "\f007";
    margin-right: 0.3rem;
}

/* jssor slider arrow navigator skin 03 css */
/* .jssora03l              (normal) .jssora03r              (normal) .jssora03l:hover        (normal mouseover) .jssora03r:hover        (normal mouseover) .jssora03ldn            (mousedown) .jssora03rdn            (mousedown) */
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../../../img/articoli/cinema/a03.png) no-repeat;
    overflow: hidden;
}

.jssora03l {
    background-position: -3px -33px;
    width: 55px;
    height: 55px;
    top: 123px;
    left: -100px;
}

.jssora03r {
    background-position: -63px -33px;
    width: 55px;
    height: 55px;
    top: 123px;
    right: 8px;
}

.jssora03l:hover {
    background-position: -123px -33px;
}

.jssora03r:hover {
    background-position: -183px -33px;
}

.jssora03ldn {
    background-position: -243px -33px;
}

.jssora03rdn {
    background-position: -303px -33px;
}

/* jssor slider bullet navigator skin 03 css */
/* .jssorb03 div           (normal) .jssorb03 div:hover     (normal mouseover) .jssorb03 .av           (active) .jssorb03 .av:hover     (active mouseover) .jssorb03 .dn           (mousedown) */
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    background: url(../../../img/articoli/cinema/b03.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb03 div {
    background-position: -105px -4px;
}

.jssorb03 div:hover, .jssorb03 .av:hover {
    background-position: -35px -4px;
}

.jssorb03 .av {
    background-position: -65px -4px;
}

.jssorb03 .dn, .jssorb03 .dn:hover {
    background-position: -95px -4px;
}

#slider1_container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 985px;
    height: 210px;
    overflow: hidden;
}

.lato-cinema {
    padding-left: 15px;
    font-size: 0.8rem;
}

@media only screen and (max-width: 40em) {
    .lato-cinema {
        padding-left: 0px;
    }
}

.lato-cinema h1, .lato-cinema h1 p, h1 .lato-cinema p {
    font-weight: 700;
}

.lato-cinema h6, .lato-cinema h6 p, h6 .lato-cinema p {
    font-weight: 500;
}

ul.colonna-cinema li {
    padding: 0px 15px 0px 15px;
    font-size: 0.7rem;
    border-right: 1px solid #dddddd;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    ul.colonna-cinema li {
        font-size: 0.6rem;
    }
}

ul.colonna-cinema li img {
    -webkit-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    -moz-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    border: solid 1px #dddddd;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 220px;
}

@media only screen and (max-width: 40em) {
    ul.colonna-cinema li img {
        height: 150px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    ul.colonna-cinema li img {
        height: 160px;
    }
}

ul.colonna-cinema li hr {
    width: 100%;
    border-style: solid;
    text-align: center;
}

@media only screen and (max-width: 40em) {
    ul.colonna-cinema li:nth-child(2) {
        border-right: 0px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    ul.colonna-cinema li:nth-child(3) {
        border-right: 0px;
    }
}

@media only screen and (min-width: 64.063em) {
    ul.colonna-cinema li:nth-child(3) {
        border-right: 0px;
    }
}

@media only screen and (max-width: 40em) {
    ul.colonna-cinema li:nth-child(4) {
        border-right: 0px;
    }
}

ul.colonna-cinema li:nth-child(6) {
    border-right: 0px;
}

ul.colonna-cinema li:nth-child(9) {
    border-right: 0px;
}

@media only screen and (max-width: 40em) {
    ul.colonna-cinema li:nth-child(9) {
        border-right: 1px;
    }
}

.tutti-cinema {
    text-align: center;
}

.tutti-cinema a {
    font-size: 0.8rem;
    color: #2d2d2d;
    line-height: 0.8rem;
}

.tutti-cinema a:hover {
    color: #6288a5;
}

.tutti-cinema img {
    -webkit-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    -moz-box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    box-shadow: 4px 5px rgba(26, 26, 24, 0.06);
    border: solid 1px #dddddd;
    margin-bottom: 5px;
}

.cinema-city {
    font-size: 0.8rem;
    border-right: 1px solid #dddddd;
    padding: 15px;
}

.cinema-city a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
}

.cinema-city:last-child {
    border-right: 0px;
}

.gallery-style1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.gallery-style2 {
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    display: block;
    background-color: #000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.gallery-style3 {
    position: absolute;
    display: block;
    background: url(../img/articoli/cinema/loading.gif) no-repeat center center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.gallery-style4 {
    position: absolute;
    left: 145px;
    top: 20px;
    width: 985px;
    height: 210px;
    overflow: hidden;
}

.gallery-arrowleft {
    width: 55px;
    height: 55px;
    top: 123px;
    left: -100px;
}

.gallery-arrowright {
    width: 55px;
    height: 55px;
    top: 123px;
    right: 8px;
}

.banner-cinema {
    margin: 15px;
    padding: 15px 10px 0px 10px;
    background: #ffffff url("../img/articoli/cinema/proiettorino_small.png") no-repeat center top;
    background-size: 100%;
}

.banner-cinema h4, .banner-cinema h4 p, h4 .banner-cinema p {
    color: #d64c45;
    font-weight: 700;
}

.banner-cinema img {
    display: block;
    margin: 35px auto 0px auto;
}

.banner-cinema .button {
    background-color: #d64c45 !important;
    font-size: 0.9rem;
    margin: 0px auto 10px auto;
    width: 100%;
}

.box-locandina {
    margin: 7.5px -60px 22.5px 15px;
    float: right;
    max-width: 300px;
    display: block;
    background-color: #ffffff;
}

@media only screen and (max-width: 40em) {
    .box-locandina {
        width: 100%;
        float: none;
        margin: 15px auto;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .box-locandina {
        margin-right: 0px;
    }
}

.recensione-libro {
    float: left;
}

@media only screen and (max-width: 40em) {
    .recensione-libro {
        border-right: 0px;
        border-bottom: 1px solid #dddddd;
    }
}

.recensione-libro img {
    margin-bottom: 15px;
    -o-box-shadow: 3px 3px 1px #dddddd;
    -icab-box-shadow: 3px 3px 1px #dddddd;
    -khtml-box-shadow: 3px 3px 1px #dddddd;
    -moz-box-shadow: 3px 3px 1px #dddddd;
    -webkit-box-shadow: 3px 3px 1px #dddddd;
    box-shadow: 3px 3px 1px #dddddd;
    float: left;
    margin-right: 15px;
}

.recensione-libro p {
    border-bottom: 1px dashed #dddddd;
    font-size: 1rem;
    line-height: 1.1rem;
    padding: 10px;
    margin-bottom: 1px;
}

.recensione-libro p:last-child {
    border-bottom: 0px;
    font-size: 1rem;
    line-height: 1.6rem;
}

.recensione-libro b {
    font: 19px/1 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.recensione-libro span {
    color: #9b9b9b;
    align: right;
}

.altrilibri {
    text-align: left;
    padding-left: 0px !important;
}

.altrilibri h1, .altrilibri h1 p, h1 .altrilibri p {
    font-size: 20px;
    color: #f37e00;
    font-weight: 700;
    line-height: 34px;
    margin-left: 15px;
    text-align: left;
}

.altrilibri hr {
    margin: 0px !important;
}

.altrilibri .title {
    width: 100%;
    padding: 10px;
    background-color: #f9f9f9;
    color: #9b9b9b !important;
    font-size: 1.3rem;
    font-weight: 700;
    border-top: 5px solid #ffba0c;
}

.altrilibri .title i {
    font-size: 1.4rem;
    color: #9b9b9b !important;
}

.altrilibri .featured {
    padding: 15px 10px 10px 10px;
    font-size: 0.8rem;
    font-color: #dddddd;
    line-height: 1.1rem;
}

.altrilibri .featured h5, .altrilibri .featured h5 p, h5 .altrilibri .featured p {
    font-weight: 700;
    font-color: #dddddd;
    border-bottom: 0px;
}

.altrilibri i {
    color: #FFF;
}

.altrilibri .playbutton {
    position: absolute;
    z-index: 10;
    font-size: 40px;
    line-height: 40px;
    top: 40%;
    left: 43%;
}

.altrilibri .correlatis h7 {
    color: #2d2d2d;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1rem;
}

.altrilibri .correlatis img {
    float: left;
    height: 85px;
    width: 85px;
    margin: 0px 10px 0px 0px;
}

.altrilibri ul.correlatis {
    font-size: 0.7rem;
    color: #9b9b9b;
    list-style-tipe: none;
    margin-left: 0px !important;
    margin-bottom: 0px;
}

.altrilibri ul.correlatis li {
    list-style-type: none;
    border-bottom: 1px dashed #dddddd;
    padding-top: 10px;
}

.altrilibri ul.correlatis li p {
    line-height: 1.1rem;
    margin-bottom: 0px !important;
}

.altrilibri ul.correlatis li p:last-child {
    margin-bottom: 7px !important;
}

.cinema-footer {
    background-image: url("../img/articoli/cinema/cinema-footer-a.png");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 20px 15%;
    min-height: 197px;
    vertical-align: middle;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .cinema-footer {
        padding: 15px 6%;
        background-image: url("../img/articoli/cinema/cinema-footer-a_small.png");
        background-position: right bottom;
        min-height: 158px;
    }
}

@media only screen and (max-width: 40em) {
    .cinema-footer {
        background-image: none;
        padding: 0px 10px;
    }
}

.cinema-footer a {
    font: bold 13px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #6288a5;
    line-height: 12px;
}

.cinema-footer-b {
    background-image: url("../img/articoli/cinema/cinema-footer-b.png");
    background-color: #f0efef;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 15px 15%;
    min-height: 104px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .cinema-footer-b {
        padding: 15px 6%;
        min-height: 83px;
        background-image: url("../img/articoli/cinema/cinema-footer-b_small.png");
        background-position: right top;
    }
}

@media only screen and (max-width: 40em) {
    .cinema-footer-b {
        background-image: none;
        display: none;
    }
}

ul.lista-cinema {
    list-style-type: none;
    font: 13px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #2d2d2d;
    line-height: 12px;
    margin-bottom: 6px;
    margin-left: 0px;
}

ul.lista-cinema li {
    margin-bottom: 6px;
    margin-left: 0px;
    line-height: 1.3rem;
    border-bottom: 1px dotted #dddddd;
    width: 70%;
}

@media only screen and (max-width: 40em) {
    ul.lista-cinema li {
        width: 100%;
    }
}

.locandina-cover img {
    margin-bottom: 15px;
    -o-box-shadow: 3px 3px 1px #dddddd;
    -icab-box-shadow: 3px 3px 1px #dddddd;
    -khtml-box-shadow: 3px 3px 1px #dddddd;
    -moz-box-shadow: 3px 3px 1px #dddddd;
    -webkit-box-shadow: 3px 3px 1px #dddddd;
    box-shadow: 3px 3px 1px #dddddd;
}

.locandina {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

@media only screen and (max-width: 40em) {
    .locandina {
        border-right: 1px solid #dddddd;
    }
}

.locandina p {
    border-bottom: 1px dashed #dddddd;
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding: 10px;
    margin-bottom: 3px;
}

.locandina p:last-child {
    border-bottom: 0px;
    font-size: 0.8rem;
}

.locandina b {
    font: 19px/1 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.locandina span {
    color: #9b9b9b;
    align: right;
}

ul.elenco-film li, .elenco-film a {
    color: #2d2d2d;
    font: 0.8rem 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
}

@media only screen and (max-width: 40em) {
    ul.elenco-film li, .elenco-film a {
        font-size: 0.7rem;
    }
}

.elenco-film img {
    margin-bottom: 15px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .elenco-film {
        display: block;
        padding: 0;
        margin: 0 -0.625rem;
    }

    .elenco-film:before, .elenco-film:after {
        content: " ";
        display: table;
    }

    .elenco-film:after {
        clear: both;
    }

    .elenco-film > li {
        display: block;
        height: auto;
        float: left;
        padding: 0 0.625rem 1.25rem;
    }

    .elenco-film > li {
        width: 25%;
        padding: 0 0.625rem 1.25rem;
        list-style: none;
    }

    .elenco-film > li:nth-of-type(1n) {
        clear: none;
    }

    .elenco-film > li:nth-of-type(4n+1) {
        clear: both;
    }
}

.elenco-cinema a, .elenco-cinema li {
    color: #6288a5 !important;
}

ul.cinema-carousel li, ul.cinema-carousel li a {
    color: #2d2d2d;
    font: 0.6rem;
    float: left;
    display: block;
    list-style-type: none;
    text-align: center;
    width: 125px;
    font-weight: bold;
    line-height: 30px;
}

ul.cinema-carousel img {
    width: 100px;
    height: 150px;
}

#slider1_container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url("../img/articoli/cinema/proiettore.jpg");
    height: 190px;
    padding: 12px 25px 0px 140px;
}

@media only screen and (max-width: 40em) {
    #slider1_container {
        background-image: none;
        display: none;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    #slider1_container {
        background-image: none !important;
        padding: 0px 30px 0px 30px !important;
        height: 175px !important;
    }
}

.jssora03l {
    display: none;
}

@media only screen and (max-width: 40em) {
    .jssora03l {
        display: none;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .jssora03l {
        top: 58px;
        left: 0px;
    }
}

.jssora03r {
    width: 45px;
    height: 55px;
    top: 58px;
    right: 15px;
}

@media only screen and (max-width: 40em) {
    .jssora03r {
        display: none;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .jssora03r {
        display: none;
    }
}

.sondaggio {
    font-size: 14px;
    line-height: 18px;
    color: #2d2d2d;
}

.sondaggio-box {
    background-color: #f9f9f9;
    padding: 0px 0px 0px 15px;
    border: 1px solid #dddddd;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 40em) {
    .sondaggio-box {
        padding: 15px 15px 0px 0px;
    }
}

.sondaggio-box i {
    top: -7px;
}

.thumb-videoz {
    position: relative;
}

.thumb-videoz img {
    width: 234px;
    height: 133px;
    margin: 0px 0px 26px 8px;
}

.overthumb {
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    z-index: 100;
    padding: 0px 10px 8px 10px;
    line-height: 12px !important;
}

@media only screen and (max-width: 40em) {
    .overthumb {
        font-size: 18px;
        line-height: 21px !important;
    }
}

.overthumb a {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 12px !important;
}

@media only screen and (max-width: 40em) {
    .overthumb a {
        font-size: 18px;
        line-height: 21px;
    }
}

.overgradient {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 133px;
    background-image: url("../img/gallery/video/gradient.png");
}

.videhome {
    padding-left: 15px;
    padding-right: 15px;
}

.videhome a {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 12px !important;
}

.bigplay {
    position: absolute;
    top: 40px;
    z-index: 120;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 40em) {
    .bigplay {
        top: 50px;
    }
}

.bigplay i, .bigplay a {
    font-size: 50px;
    color: #ffffff;
    opacity: 0.8;
}

@media only screen and (max-width: 40em) {
    .bigplay i, .bigplay a {
        font-size: 80px;
    }
}

.bigplay i:hover, .bigplay a:hover {
    opacity: 0.9;
}

.thumb-videoz-ipad {
    position: relative;
}

.thumb-videoz-ipad img {
    width: 100%;
}

.videovert .thumb-videoz-ipad {
    margin-bottom: 14px;
}

.videovert .lastvideoz {
    margin-bottom: 0px !important;
}

.videorizz {
    visibility: hidden;
    display: none;
}

@media only screen and (max-width: 40em) {
    .videorizz {
        visibility: visible;
        display: block;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .videorizz {
        visibility: visible;
        display: block;
    }
}

@media only screen and (max-width: 40em) {
    .barranewmenu {
        visibility: hidden;
        display: none;
    }
}

.bordertop {
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    background-image: url("../img/head/sel-green.png");
    background-repeat: no-repeat;
    background-position: 769px 0px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .bordertop {
        background-image: none;
    }
}

.separatorenewmenu {
    margin-bottom: 15px;
    clear: both;
}

.newheadersk {
    margin: 0px 15px;
    min-height: 177px;
}

@media only screen and (max-width: 40em) {
    .newheadersk {
        min-height: 60px;
    }
}

.newheadersk .headlogo {
    display: block;
    height: 140px;
    margin: 0px;
}

@media only screen and (max-width: 40em) {
    .newheadersk .headlogo {
        height: 60px;
    }
}

.newheadersk .logoeco2 {
    padding: 0;
    width: 100%;
    margin: 48px 0px 9px 0px;
}

@media only screen and (max-width: 40em) {
    .newheadersk .logoeco2 a {
        margin: auto;
        display: block;
        text-align: center;
    }
}

.newheadersk .logoeco2 img {
    width: 360px;
}

@media only screen and (max-width: 40em) {
    .newheadersk .logoeco2 {
        margin: 8px 0px 9px 0px;
        text-align: center;
    }

    .newheadersk .logoeco2 img {
        text-align: center;
        align-content: center;
    }
}

.newheadersk .sidelogo {
    color: #b3b3b3;
    padding: 48px 0 0px 39px;
}

@media only screen and (max-width: 40em) {
    .newheadersk .sidelogo {
        visibility: hidden;
        display: none;
    }
}

.newheadersk .sidelogo i, .newheadersk .sidelogo a {
    color: #b2b2b2;
    font-size: 26px;
    line-height: 26px;
}

.newheadersk .fa-search {
    color: #b3b3b3 !important;
    font-size: 50px;
    line-height: 30px;
}

.newheadersk .menew {
    margin: 0px 15px 15px 0px;
    background-color: #9c005e;
    color: #FFF;
    width: 100%;
    height: 37px;
    padding: 2px 0px 0px 7px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.newheadersk .menew ul {
    list-style: none;
    margin-left: 0px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .newheadersk .menew ul {
        margin-left: 0px;
    }
}

.newheadersk .menew li, .newheadersk .menew a {
    color: #FFF;
    font-weight: 600;
    display: inline;
    margin-right: 4px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 32px;
}

.newheadersk .menew li:hover, .newheadersk .menew a:hover {
    color: #000000;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .newheadersk .menew li, .newheadersk .menew a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .newheadersk .menew li, .newheadersk .menew a {
        font-size: 15px;
    }
}

.newheadersk .menew .logouppone {
    color: #FFFFFF;
}

.newheadersk .menew .logouppone a {
    color: #FFFFFF;
}

#menu01 {
    height: 43px;
    top: 0px;
    position: fixed;
    width: 100%;
    z-index: 200;
    background-color: #2d2d2d;
}

.menu01b {
    z-index: 400;
}

.top-bar-section2 ul.menuhome li > a {
    font-size: 1.0rem;
    color: #ffffff;
    line-height: 37px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .top-bar-section2 ul.menuhome li > a {
        font-size: 15px;
    }
}

.top-bar-section2 ul li {
    display: inline;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    line-height: 37px;
}

.top-bar-section2 li:not(.has-form) a:not(.button) {
    padding: 0px 8px;
}

.bar3 {
    max-width: 1024px;
    height: 37px;
    margin: auto;
    display: block;
}

a.menumobiletop {
    font-size: 25px !important;
    line-height: 40px !important; /* margin-top: 3px; */
    width: 20px !important;
    float: left !important;
    margin-right: 10px !important;
    visibility: hidden;
    display: none;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    a.menumobiletop {
        display: block;
        visibility: visible;
    }
}

@media only screen and (max-width: 40em) {
    a.menumobiletop {
        display: block;
        visibility: visible;
        margin-left: 5px;
    }
}

.menusopraview {
    visibility: hidden;
    display: none;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .menusopraview {
        display: inline;
        visibility: visible;
    }
}

@media only screen and (max-width: 40em) {
    .menusopraview {
        display: inline;
        visibility: visible;
        margin-left: 5px;
    }
}

.menuservizio {
    display: inline;
    color: #fff;
}

.menuservizio a {
    font-weight: 600;
}

@media only screen and (max-width: 40em) {
    .menuservizio {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .menuservizio {
        display: none;
        visibility: hidden;
    }
}

.menusopra {
    color: #2d2d2d;
    width: 100%;
}

.menusopra a {
    color: #ffffff;
    font-size: 14px;
    line-height: 43px;
    padding-right: 5px;
}

.menusopra-content {
    background-color: #2d2d2d !important;
    padding-top: 0px;
    padding-left: 15px;
    height: 40px;
}

.menusopra-content .logoeco2black {
    margin-top: -5px;
}

.menusopra-content .logoeco2black > img {
    margin-top: -5px;
}

.loginbar-link {
    float: left;
    color: #FFF;
    font-size: 14px;
    margin-left: 15px;
}

.loginbar-link a {
    color: #FFF;
    line-height: 41px;
    font-weight: 600;
}

@media only screen and (max-width: 40em) {
    .loginbar-link {
        visibility: hidden;
        display: none;
    }
}

.new-menumobile01 {
    visibility: hidden;
    display: none;
}

.new-menumobile01 a {
    color: #ffffff !important;
    font-size: 25px;
    width: 20px;
    padding-left: 10px;
    line-height: 40px;
}

@media only screen and (max-width: 40em) {
    .new-menumobile01 {
        visibility: visible;
        display: inline;
    }
}

.menu01c {
    height: 45px;
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 90;
    display: none;
}

.selter {
    background-color: #f9f9f9;
    float: right;
    width: 246px;
    height: 37px;
    z-index: 200;
    line-height: 37px;
}

.selter a {
    color: #138a84;
    font-size: 13px;
    padding-left: 20px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .selter {
        visibility: hidden;
        display: none;
    }
}

.selter-ipad {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #f9f9f9;
    float: right;
    padding: 5px 15px 0px 15px;
    border-top: 3px #29c9bf solid;
    height: 37px;
}

.selter-ipad i, .selter-ipad a {
    color: #2d2d2d;
    font-size: 20px;
}

.selter-ipad2 {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #f9f9f9;
    float: right;
    padding: 5px 15px 0px 15px;
    border-top: 3px #29c9bf solid;
    height: 37px;
}

.selter-ipad2 i, .selter-ipad2 a {
    color: #2d2d2d;
    font-size: 20px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .selter-ipad2 {
        display: inline;
    }
}

@media only screen and (max-width: 40em) {
    .selter-ipad2 {
        display: inline;
    }
}

.top-bar {
    line-height: 32px !important;
}

.latocomuni {
    background-color: #f1f1f1;
    padding: 5px;
    border-left: 1px solid #e1e1e1;
    margin-right: 15px;
    min-height: 177px;
}

@media only screen and (max-width: 40em) {
    .latocomuni {
        visibility: hidden;
        display: none;
    }
}

.latocomuni p {
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 0px;
    margin-left: 10px;
    color: #606060;
}

.latocomuni ul {
    padding: 0px;
    margin: 0px;
    line-height: 1.18 !important;
}

.latocomuni ul li {
    display: block;
    clear: both;
}

.latocomuni ul li a {
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 0px;
    margin-left: 10px;
    color: #606060;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
}

.latocomuni ul li a:hover {
    color: #29c9bf;
}

.latocomuni-open {
    background-color: #f9f9f9;
    width: 246px;
    float: right;
    right: 0px;
    padding: 5px;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    top: 37px;
}

.latocomuni-open ul {
    padding: 0px;
    margin: 0px;
    line-height: 1.18 !important;
}

.latocomuni-open ul li {
    display: block;
    clear: both;
}

.latocomuni-open ul li a {
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 0px;
    margin-left: 10px;
    color: #606060;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
}

.latocomuni-open ul li a:hover {
    color: #29c9bf;
}

.menusopra {
    width: 100%;
    background: #2d2d2d;
}

.comunimenulist {
    background-color: #f9f9f9;
    position: absolute;
    width: 246px;
    top: 37px;
    right: 0px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    z-index: 400;
}

.comunimenulist ul {
    padding: 0px !important;
    margin: 0px !important;
    line-height: 1.18 !important;
}

.comunimenulist ul li {
    display: block !important;
    clear: both !important;
}

.comunimenulist ul li a {
    font-size: 11px !important;
    line-height: 12px !important;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    color: #606060 !important;
    -moz-transition: color 0.2s ease-in !important;
    -o-transition: color 0.2s ease-in !important;
    -webkit-transition: color 0.2s ease-in !important;
}

.comunimenulist ul li a:hover {
    color: #29c9bf !important;
}

.menusopraview {
    background-color: #f9f9f9;
    position: absolute;
    width: 246px;
    top: 40px;
    left: 0px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    z-index: 900;
}

.menusopraview ul {
    padding: 0px !important;
    margin: 0px !important;
    line-height: 1.18 !important;
}

.menusopraview ul li {
    display: block !important;
    clear: both !important;
    line-height: 32px !important;
}

.menusopraview ul li a {
    font-size: 13px !important;
    line-height: 12px !important;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    color: #606060 !important;
    -moz-transition: color 0.2s ease-in !important;
    -o-transition: color 0.2s ease-in !important;
    -webkit-transition: color 0.2s ease-in !important;
    font-weight: 600 !important;
}

.menusopraview ul li a:hover {
    color: #29c9bf !important;
}

.profilhome {
    text-align: right;
    border-bottom: 1px dashed #ededed;
    margin: 0px 15px 10px 15px;
    padding: 10px 0px 10px 0px;
    min-height: 48px;
    border-top: 1px dashed #ededed;
}

.profilhome p {
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    margin: 0px;
    text-align: right;
}

.profilhome a {
    font-size: 12px;
    text-decoration: underline;
    text-align: right;
}

.profilhome img {
    width: 38px;
    height: 38px;
    border: 1px solid #ededed;
    margin: 0px 0px 0px 5px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .profilhome {
        visibility: visible;
    }
}

.newmenucomuni {
    border-top: 3px solid #9c1861;
    padding: 15px;
    background-image: url("../img/head/sfondo-comuni.jpg");
    background-size: 100% 100%;
    margin: 0px 15px 20px 15px;
    min-height: 115px;
}

@media only screen and (max-width: 40em) {
    .newmenucomuni {
        background-image: none;
    }
}

.comunilist a, .comunilist p {
    color: #2d2d2d;
    font-size: 14px;
    line-height: 21px;
    margin: 0px;
}

.marginleft40 {
    margin-left: 50px;
}

@media only screen and (max-width: 40em) {
    .marginleft40 {
        margin-left: 0px;
    }
}

.selcomune {
    padding: 10px 0px 0px 50px;
    font-weight: bold;
    font: 12px;
}

@media only screen and (max-width: 40em) {
    .selcomune {
        padding: 10px 0px 0px 0px;
    }
}

.selcomune button, .selcomune #view_all_comments {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #a4a4a4;
    font-size: 16px;
    background: #ededed;
    padding: 18px 50px 18px 50px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    line-height: 17px;
}

@media only screen and (max-width: 40em) {
    .selcomune button, .selcomune #view_all_comments {
        padding: 10px 10px 10px 10px;
        width: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .selcomune button, .selcomune #view_all_comments {
        padding: 18px 29px 18px 29px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .selcomune button, .selcomune #view_all_comments {
        padding: 18px 32px 18px 32px;
    }
}

.selcomune button:hover, .selcomune #view_all_comments:hover {
    background: #e5e5e5;
    text-decoration: none;
}

.mad-16 {
    width: 66%;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .mad-16 {
        width: 62%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .mad-16 {
        width: 100%;
    }
}

.menuovo {
    margin-top: 0px;
}

.menuovo ul {
    list-style: none;
    margin-left: 0px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .menuovo ul {
        margin-left: 0px;
    }
}

.menuovo li, .menuovo a {
    color: #9c005e;
    font-weight: 600;
    display: inline;
    margin-right: 4px;
    font-size: 16px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .menuovo li, .menuovo a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .menuovo li, .menuovo a {
        margin-right: 1%;
        font-size: 15px;
    }
}

.menuovo li:last-child {
    border-left: 1px solid #ededed;
    padding-left: 5px;
    font-size: 24px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .menuovo li:last-child {
        padding-left: 15px;
    }
}

.area {
    margin-top: 11px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .area {
        margin-top: 0px;
    }
}

.lineaexmenu {
    border-bottom: 3px solid #9c005e;
    display: block;
    margin: 5px 15px 8px 15px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .newrightbar {
        visibility: hidden;
    }
}

.profilhome-mediumportrait {
    display: none;
    text-align: right;
    float: right;
    padding-top: 20px;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .profilhome-mediumportrait {
        display: block;
    }
}

.profilhome-mediumportrait p {
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    margin: 0px;
    text-align: right;
}

.profilhome-mediumportrait a {
    font-size: 12px;
    text-decoration: underline;
    text-align: right;
}

.profilhome-mediumportrait img {
    width: 38px;
    height: 38px;
    border: 1px solid #ededed;
    margin: 0px 0px 0px 5px;
}

.clearonportrait {
    display: none;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .clearonportrait {
        display: block;
        clear: both;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .boxlogomenu {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) and (orientation: portrait) {
    .boxcomuni {
        display: none;
        visibility: hidden;
    }
}

.iconz {
    float: left;
    padding: 0px 15px 0px 0px;
    border-right: 1px solid #ccc;
    margin-right: 15px;
}

.iconz i, .iconz a {
    color: #cdcdcd;
    font-size: 22px;
}

.sidelogointerna {
    height: 30px !important;
    display: block !important;
    margin-top: 10px !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
}

#testata { /*width: auto!important; margin-left: $aria; margin-right: $aria;*/
}

.testatainterna {
    width: auto !important;
    margin-left: 15px;
    margin-right: 15px;
}

.ecoincontra-taghome {
    width: 93px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 4px;
}

.ecoincontra-taghomebig {
    width: 163px;
    position: absolute;
    right: 0px;
    top: 15px;
}

/* -------------------------------------------------
----------------------------------------------------
	MATTBOLDT.COM
	Copyright (c) 2013 Matt Boldt
----------------------------------------------------
----------------------------------------------------
	CODE IS AVAILABLE FOR USE FREE OF CHARGE
	UNDER THE MIT LICENSE
	http://opensource.org/licenses/MIT
----------------------------------------------------
----------------------------------------------------
	If you'd like to credit me, or even donate
	a few bucks that'd be very much appreciated!
	Visit http://www.mattboldt.com/demos/social-buttons/
	for more info.
----------------------------------------------------
-------------------------------------------------- */
.sc-btn {
    display: inline-block;
    position: relative;
    margin: 0 .25em .5em 0;
    padding: 0;
    color: #fff;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.3) 0px -0.1em 0px;
    border: 0;
    border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -ms-border-radius: 0.4em;
    -o-border-radius: 0.4em;
    background-color: #1a1a1a;
    background-image: -webkit-linear-gradient(top, #595959, #1a1a1a 100%);
    background-image: -moz-linear-gradient(top, #595959, #1a1a1a);
    background-image: -ms-linear-gradient(top, #595959, #1a1a1a);
    background-image: -o-linear-gradient(top, #595959, #1a1a1a);
    background-image: linear-gradient(top, #595959, #1a1a1a);
    box-shadow: inset rgba(0, 0, 0, 0.1) 0px -0.15em 0px, inset rgba(255, 255, 255, 0.2) 0px 0.15em 0px, rgba(0, 0, 0, 0.3) 0px 0.1em 0.3em;
    text-align: center;
    background-repeat: no-repeat;
    -webkit-transition: background-position .1s ease-in-out;
    -webkit-appearance: none;
    cursor: pointer;
    overflow: hidden;
}

.sc-btn:hover {
    color: #fff;
}

.sc-btn:active {
    box-shadow: rgba(255, 255, 255, 0.2) 0 0.1em 0, inset rgba(0, 0, 0, 0.3) 0px 0.25em 1em;
}

.sc-icon, .sc-text {
    display: block;
    float: left;
}

.sc-icon {
    margin: 0 -.4em 0 0;
    padding: 0.6em .8em .5em;
    border-right: rgba(255, 255, 255, 0.1) 0.1em solid;
    box-shadow: inset rgba(0, 0, 0, 0.1) -0.1em 0px 0px;
}

.sc-text {
    padding: .95em 1em .85em 1em;
    font-size: 1.15em;
    text-align: center;
}

svg {
    width: 1.8em;
    height: 1.8em;
    fill: #fff;
}

.sc-block {
    display: block;
}

.sc--big {
    font-size: 24px;
}

.sc--small {
    font-size: 12px;
}

.sc--tiny {
    font-size: 9px;
}

.sc--tiny .sc-text {
    padding: .85em .75em .5em .75em;
    text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
}

.sc--tiny .sc-icon {
    padding: .5em .75em .5em .75em;
    border-right: rgba(255, 255, 255, 0.1) 1px solid;
    box-shadow: inset rgba(0, 0, 0, 0.1) -1px 0px 0px;
}

.sc--short .sc-icon {
    padding: 0.4em .9em .35em;
}

.sc--short .sc-text {
    padding: .75em 1em .75em 1em;
}

.sc--tall {
    font-size: 1.15em;
}

.sc--tall .sc-icon {
    padding: 1em .9em .85em;
}

.sc--tall .sc-text {
    padding: 1.25em 1em 1em 1em;
}

.sc--round {
    border-radius: 5em;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
}

.sc--round .sc-icon {
    padding: 0.7em .8em .5em 1em;
}

.sc--flat {
    box-shadow: none;
    background-image: none !important;
}

.sc--flat .sc-icon {
    border-color: transparent;
}

.sc--flat:active {
    box-shadow: inset rgba(0, 0, 0, 0.3) 0px 0.15em 0.25em;
}

.sc--shine {
    box-shadow: inset rgba(0, 0, 0, 0.1) 0px -0.15em 0px, inset rgba(255, 255, 255, 0.1) 0px 0.15em 0px, rgba(0, 0, 0, 0.3) 0px 0.1em 0.3em, inset rgba(255, 255, 255, 0.15) 0px 2.5em 0px -1em;
}

.sc--shine:active {
    box-shadow: rgba(255, 255, 255, 0.2) 0 0.1em 0, inset rgba(0, 0, 0, 0.3) 0px 0.25em 1em, inset rgba(255, 255, 255, 0.1) 0px 2.5em 0px -1em;
}

.sc--shine:before, .sc--shine:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.1em;
}

.sc--shine:before {
    top: 0;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 100%);
}

.sc--shine:after {
    bottom: .05em;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
}

.sc--shine:active:before, .sc--shine:active:after {
    opacity: 0.5;
}

.sc--default {
    color: #222;
    text-shadow: rgba(255, 255, 255, 0.4) 0 0.1em 0;
    background-color: #ebebeb;
    background-image: -webkit-linear-gradient(top, white, #ebebeb 100%);
    background-image: -moz-linear-gradient(top, white, #ebebeb);
    background-image: -ms-linear-gradient(top, white, #ebebeb);
    background-image: -o-linear-gradient(top, white, #ebebeb);
    background-image: linear-gradient(top, white, #ebebeb);
}

.sc--default svg {
    fill: #222;
}

.sc--default:hover {
    color: #222;
    background-color: #d2d2d2;
    background-image: -webkit-linear-gradient(top, white, #d2d2d2 90%);
    background-image: -moz-linear-gradient(top, white, #d2d2d2);
    background-image: -ms-linear-gradient(top, white, #d2d2d2);
    background-image: -o-linear-gradient(top, white, #d2d2d2);
    background-image: linear-gradient(top, white, #d2d2d2);
    background-color: #fdfdfd;
}

.sc--default:active {
    background-color: #dfdfdf;
    background-image: -webkit-linear-gradient(top, white, #dfdfdf 100%);
    background-image: -moz-linear-gradient(top, white, #dfdfdf);
    background-image: -ms-linear-gradient(top, white, #dfdfdf);
    background-image: -o-linear-gradient(top, white, #dfdfdf);
    background-image: linear-gradient(top, white, #dfdfdf);
}

.sc--default .fa, .sc--default ul.listacorrelati li.story a:before, ul.listacorrelati li.story .sc--default a:before, .sc--default ul.listacorrelati li.photogallery a:before, ul.listacorrelati li.photogallery .sc--default a:before, .sc--default ul.listacorrelati li.relatedimage a:before, ul.listacorrelati li.relatedimage .sc--default a:before, .sc--default ul.listacorrelati li.poll a:before, ul.listacorrelati li.poll .sc--default a:before, .sc--default ul.listacorrelati li.video a:before, ul.listacorrelati li.video .sc--default a:before, .sc--default ul.listacorrelati li.document a:before, ul.listacorrelati li.document .sc--default a:before, .sc--default ul.listacorrelati li.audio a:before, ul.listacorrelati li.audio .sc--default a:before, .sc--default a.link-fb:before, .sc--default a.link-tw:before, .sc--default a.link-gl:before, .sc--default a.link-generico:before, .sc--default a.link-doc:before, .sc--default .ico-usr:before {
    font: normal normal normal 24px/1 FontAwesome !important;
}

.sc--email {
    color: #222;
    text-shadow: rgba(255, 255, 255, 0.4) 0 0.1em 0;
    background-color: #f79909;
    background-image: -webkit-linear-gradient(top, #f9ad3b, #f79909 100%);
    background-image: -moz-linear-gradient(top, #f9ad3b, #f79909);
    background-image: -ms-linear-gradient(top, #f9ad3b, #f79909);
    background-image: -o-linear-gradient(top, #f9ad3b, #f79909);
    background-image: linear-gradient(top, #f9ad3b, #f79909);
}

.sc--email svg {
    fill: #222;
}

.sc--email:hover {
    color: #222;
    background-color: #c77b06;
    background-image: -webkit-linear-gradient(top, #fac26c, #c77b06 90%);
    background-image: -moz-linear-gradient(top, #fac26c, #c77b06);
    background-image: -ms-linear-gradient(top, #fac26c, #c77b06);
    background-image: -o-linear-gradient(top, #fac26c, #c77b06);
    background-image: linear-gradient(top, #fac26c, #c77b06);
    background-color: #f8a72c;
}

.sc--email:active {
    background-color: #e08a07;
    background-image: -webkit-linear-gradient(top, #f9ad3b, #e08a07 100%);
    background-image: -moz-linear-gradient(top, #f9ad3b, #e08a07);
    background-image: -ms-linear-gradient(top, #f9ad3b, #e08a07);
    background-image: -o-linear-gradient(top, #f9ad3b, #e08a07);
    background-image: linear-gradient(top, #f9ad3b, #e08a07);
}

.sc--email .fa, .sc--email ul.listacorrelati li.story a:before, ul.listacorrelati li.story .sc--email a:before, .sc--email ul.listacorrelati li.photogallery a:before, ul.listacorrelati li.photogallery .sc--email a:before, .sc--email ul.listacorrelati li.relatedimage a:before, ul.listacorrelati li.relatedimage .sc--email a:before, .sc--email ul.listacorrelati li.poll a:before, ul.listacorrelati li.poll .sc--email a:before, .sc--email ul.listacorrelati li.video a:before, ul.listacorrelati li.video .sc--email a:before, .sc--email ul.listacorrelati li.document a:before, ul.listacorrelati li.document .sc--email a:before, .sc--email ul.listacorrelati li.audio a:before, ul.listacorrelati li.audio .sc--email a:before, .sc--email a.link-fb:before, .sc--email a.link-tw:before, .sc--email a.link-gl:before, .sc--email a.link-generico:before, .sc--email a.link-doc:before, .sc--email .ico-usr:before {
    font: normal normal normal 19px/1.5em FontAwesome !important;
}

.sc--facebook {
    background-color: #33477a;
    background-image: -webkit-linear-gradient(top, #5975ba, #33477a 100%);
    background-image: -moz-linear-gradient(top, #5975ba, #33477a);
    background-image: -ms-linear-gradient(top, #5975ba, #33477a);
    background-image: -o-linear-gradient(top, #5975ba, #33477a);
    background-image: linear-gradient(top, #5975ba, #33477a);
}

.sc--facebook:hover {
    background-color: #304373;
    background-image: -webkit-linear-gradient(top, #6b84c1, #304373 90%);
    background-image: -moz-linear-gradient(top, #6b84c1, #304373);
    background-image: -ms-linear-gradient(top, #6b84c1, #304373);
    background-image: -o-linear-gradient(top, #6b84c1, #304373);
    background-image: linear-gradient(top, #6b84c1, #304373);
    background-color: #4560a5;
}

.sc--facebook:active {
    background-color: #33477a;
    background-image: -webkit-linear-gradient(top, #4a66b0, #33477a 100%);
    background-image: -moz-linear-gradient(top, #4a66b0, #33477a);
    background-image: -ms-linear-gradient(top, #4a66b0, #33477a);
    background-image: -o-linear-gradient(top, #4a66b0, #33477a);
    background-image: linear-gradient(top, #4a66b0, #33477a);
}

.sc--facebook .fa, .sc--facebook ul.listacorrelati li.story a:before, ul.listacorrelati li.story .sc--facebook a:before, .sc--facebook ul.listacorrelati li.photogallery a:before, ul.listacorrelati li.photogallery .sc--facebook a:before, .sc--facebook ul.listacorrelati li.relatedimage a:before, ul.listacorrelati li.relatedimage .sc--facebook a:before, .sc--facebook ul.listacorrelati li.poll a:before, ul.listacorrelati li.poll .sc--facebook a:before, .sc--facebook ul.listacorrelati li.video a:before, ul.listacorrelati li.video .sc--facebook a:before, .sc--facebook ul.listacorrelati li.document a:before, ul.listacorrelati li.document .sc--facebook a:before, .sc--facebook ul.listacorrelati li.audio a:before, ul.listacorrelati li.audio .sc--facebook a:before, .sc--facebook a.link-fb:before, .sc--facebook a.link-tw:before, .sc--facebook a.link-gl:before, .sc--facebook a.link-generico:before, .sc--facebook a.link-doc:before, .sc--facebook .ico-usr:before {
    font: normal normal normal 24px/1 FontAwesome !important;
}

.sc--twitter {
    background-color: #108ac1;
    background-image: -webkit-linear-gradient(top, #47bbf0, #108ac1 100%);
    background-image: -moz-linear-gradient(top, #47bbf0, #108ac1);
    background-image: -ms-linear-gradient(top, #47bbf0, #108ac1);
    background-image: -o-linear-gradient(top, #47bbf0, #108ac1);
    background-image: linear-gradient(top, #47bbf0, #108ac1);
}

.sc--twitter:hover {
    background-color: #0f83b8;
    background-image: -webkit-linear-gradient(top, #76cdf4, #0f83b8 90%);
    background-image: -moz-linear-gradient(top, #76cdf4, #0f83b8);
    background-image: -ms-linear-gradient(top, #76cdf4, #0f83b8);
    background-image: -o-linear-gradient(top, #76cdf4, #0f83b8);
    background-image: linear-gradient(top, #76cdf4, #0f83b8);
    background-color: #21aded;
}

.sc--twitter:active {
    background-color: #108ac1;
    background-image: -webkit-linear-gradient(top, #30b3ee, #108ac1 100%);
    background-image: -moz-linear-gradient(top, #30b3ee, #108ac1);
    background-image: -ms-linear-gradient(top, #30b3ee, #108ac1);
    background-image: -o-linear-gradient(top, #30b3ee, #108ac1);
    background-image: linear-gradient(top, #30b3ee, #108ac1);
}

.sc--tumblr {
    background-color: #243649;
    background-image: -webkit-linear-gradient(top, #46688d, #243649 100%);
    background-image: -moz-linear-gradient(top, #46688d, #243649);
    background-image: -ms-linear-gradient(top, #46688d, #243649);
    background-image: -o-linear-gradient(top, #46688d, #243649);
    background-image: linear-gradient(top, #46688d, #243649);
}

.sc--tumblr:hover {
    background-color: #213142;
    background-image: -webkit-linear-gradient(top, #4e759e, #213142 90%);
    background-image: -moz-linear-gradient(top, #4e759e, #213142);
    background-image: -ms-linear-gradient(top, #4e759e, #213142);
    background-image: -o-linear-gradient(top, #4e759e, #213142);
    background-image: linear-gradient(top, #4e759e, #213142);
    background-color: #385472;
}

.sc--tumblr:active {
    background-color: #243649;
    background-image: -webkit-linear-gradient(top, #3d5c7c, #243649 100%);
    background-image: -moz-linear-gradient(top, #3d5c7c, #243649);
    background-image: -ms-linear-gradient(top, #3d5c7c, #243649);
    background-image: -o-linear-gradient(top, #3d5c7c, #243649);
    background-image: linear-gradient(top, #3d5c7c, #243649);
}

.sc--instagram {
    background-color: #2c4d6e;
    background-image: -webkit-linear-gradient(top, #4a81b6, #2c4d6e 100%);
    background-image: -moz-linear-gradient(top, #4a81b6, #2c4d6e);
    background-image: -ms-linear-gradient(top, #4a81b6, #2c4d6e);
    background-image: -o-linear-gradient(top, #4a81b6, #2c4d6e);
    background-image: linear-gradient(top, #4a81b6, #2c4d6e);
}

.sc--instagram:hover {
    background-color: #294866;
    background-image: -webkit-linear-gradient(top, #5c8dbd, #294866 90%);
    background-image: -moz-linear-gradient(top, #5c8dbd, #294866);
    background-image: -ms-linear-gradient(top, #5c8dbd, #294866);
    background-image: -o-linear-gradient(top, #5c8dbd, #294866);
    background-image: linear-gradient(top, #5c8dbd, #294866);
    background-color: #3e6c99;
}

.sc--instagram:active {
    background-color: #2c4d6e;
    background-image: -webkit-linear-gradient(top, #4274a4, #2c4d6e 100%);
    background-image: -moz-linear-gradient(top, #4274a4, #2c4d6e);
    background-image: -ms-linear-gradient(top, #4274a4, #2c4d6e);
    background-image: -o-linear-gradient(top, #4274a4, #2c4d6e);
    background-image: linear-gradient(top, #4274a4, #2c4d6e);
}

.sc--pinterest {
    background-color: #95031e;
    background-image: -webkit-linear-gradient(top, #f90532, #95031e 100%);
    background-image: -moz-linear-gradient(top, #f90532, #95031e);
    background-image: -ms-linear-gradient(top, #f90532, #95031e);
    background-image: -o-linear-gradient(top, #f90532, #95031e);
    background-image: linear-gradient(top, #f90532, #95031e);
}

.sc--pinterest:hover {
    background-color: #8b031c;
    background-image: -webkit-linear-gradient(top, #fa1d46, #8b031c 90%);
    background-image: -moz-linear-gradient(top, #fa1d46, #8b031c);
    background-image: -ms-linear-gradient(top, #fa1d46, #8b031c);
    background-image: -o-linear-gradient(top, #fa1d46, #8b031c);
    background-image: linear-gradient(top, #fa1d46, #8b031c);
    background-color: #d1042a;
}

.sc--pinterest:active {
    background-color: #95031e;
    background-image: -webkit-linear-gradient(top, #e0052d, #95031e 100%);
    background-image: -moz-linear-gradient(top, #e0052d, #95031e);
    background-image: -ms-linear-gradient(top, #e0052d, #95031e);
    background-image: -o-linear-gradient(top, #e0052d, #95031e);
    background-image: linear-gradient(top, #e0052d, #95031e);
}

.sc--pinterest-inverse {
    color: #c70428;
    background-color: #dfdfdf;
    background-image: -webkit-linear-gradient(top, white, #dfdfdf 100%);
    background-image: -moz-linear-gradient(top, white, #dfdfdf);
    background-image: -ms-linear-gradient(top, white, #dfdfdf);
    background-image: -o-linear-gradient(top, white, #dfdfdf);
    background-image: linear-gradient(top, white, #dfdfdf);
}

.sc--pinterest-inverse .sc-text {
    text-shadow: rgba(255, 255, 255, 0.5) 0 0.1em 0;
}

.sc--pinterest-inverse:hover {
    background-color: #c5c5c5;
    background-image: -webkit-linear-gradient(top, white, #c5c5c5 90%);
    background-image: -moz-linear-gradient(top, white, #c5c5c5);
    background-image: -ms-linear-gradient(top, white, #c5c5c5);
    background-image: -o-linear-gradient(top, white, #c5c5c5);
    background-image: linear-gradient(top, white, #c5c5c5);
    background-color: #fdfdfd;
}

.sc--pinterest-inverse:active {
    background-color: #dfdfdf;
    background-image: -webkit-linear-gradient(top, white, #dfdfdf 100%);
    background-image: -moz-linear-gradient(top, white, #dfdfdf);
    background-image: -ms-linear-gradient(top, white, #dfdfdf);
    background-image: -o-linear-gradient(top, white, #dfdfdf);
    background-image: linear-gradient(top, white, #dfdfdf);
    box-shadow: rgba(255, 255, 255, 0.2) 0 0.1em 0, inset rgba(0, 0, 0, 0.2) 0px 0.25em 1em;
}

.sc--pinterest-inverse svg {
    fill: #c70428;
}

.sc--google-plus {
    background-color: #b92d25;
    background-image: -webkit-linear-gradient(top, #e06b64, #b92d25 100%);
    background-image: -moz-linear-gradient(top, #e06b64, #b92d25);
    background-image: -ms-linear-gradient(top, #e06b64, #b92d25);
    background-image: -o-linear-gradient(top, #e06b64, #b92d25);
    background-image: linear-gradient(top, #e06b64, #b92d25);
}

.sc--google-plus:hover {
    background-color: #b12b23;
    background-image: -webkit-linear-gradient(top, #e57f79, #b12b23 90%);
    background-image: -moz-linear-gradient(top, #e57f79, #b12b23);
    background-image: -ms-linear-gradient(top, #e57f79, #b12b23);
    background-image: -o-linear-gradient(top, #e57f79, #b12b23);
    background-image: linear-gradient(top, #e57f79, #b12b23);
    background-color: #da4a42;
}

.sc--google-plus:active {
    background-color: #b92d25;
    background-image: -webkit-linear-gradient(top, #dc564e, #b92d25 100%);
    background-image: -moz-linear-gradient(top, #dc564e, #b92d25);
    background-image: -ms-linear-gradient(top, #dc564e, #b92d25);
    background-image: -o-linear-gradient(top, #dc564e, #b92d25);
    background-image: linear-gradient(top, #dc564e, #b92d25);
}

.sc--dribbble {
    background-color: #e82a79;
    background-image: -webkit-linear-gradient(top, #f286b3, #e82a79 100%);
    background-image: -moz-linear-gradient(top, #f286b3, #e82a79);
    background-image: -ms-linear-gradient(top, #f286b3, #e82a79);
    background-image: -o-linear-gradient(top, #f286b3, #e82a79);
    background-image: linear-gradient(top, #f286b3, #e82a79);
}

.sc--dribbble:hover {
    background-color: #e72173;
    background-image: -webkit-linear-gradient(top, #f49dc1, #e72173 90%);
    background-image: -moz-linear-gradient(top, #f49dc1, #e72173);
    background-image: -ms-linear-gradient(top, #f49dc1, #e72173);
    background-image: -o-linear-gradient(top, #f49dc1, #e72173);
    background-image: linear-gradient(top, #f49dc1, #e72173);
    background-color: #ee619c;
}

.sc--dribbble:active {
    background-color: #e82a79;
    background-image: -webkit-linear-gradient(top, #ef6fa4, #e82a79 100%);
    background-image: -moz-linear-gradient(top, #ef6fa4, #e82a79);
    background-image: -ms-linear-gradient(top, #ef6fa4, #e82a79);
    background-image: -o-linear-gradient(top, #ef6fa4, #e82a79);
    background-image: linear-gradient(top, #ef6fa4, #e82a79);
}

.sc--flickr {
    background-color: #0a4eb2;
    background-image: -webkit-linear-gradient(top, #2f7ef3, #0a4eb2 100%);
    background-image: -moz-linear-gradient(top, #2f7ef3, #0a4eb2);
    background-image: -ms-linear-gradient(top, #2f7ef3, #0a4eb2);
    background-image: -o-linear-gradient(top, #2f7ef3, #0a4eb2);
    background-image: linear-gradient(top, #2f7ef3, #0a4eb2);
}

.sc--flickr:hover {
    background-color: #0a4aa8;
    background-image: -webkit-linear-gradient(top, #478df4, #0a4aa8 90%);
    background-image: -moz-linear-gradient(top, #478df4, #0a4aa8);
    background-image: -ms-linear-gradient(top, #478df4, #0a4aa8);
    background-image: -o-linear-gradient(top, #478df4, #0a4aa8);
    background-image: linear-gradient(top, #478df4, #0a4aa8);
    background-color: #0e67ec;
}

.sc--flickr:active {
    background-color: #0a4eb2;
    background-image: -webkit-linear-gradient(top, #176ff2, #0a4eb2 100%);
    background-image: -moz-linear-gradient(top, #176ff2, #0a4eb2);
    background-image: -ms-linear-gradient(top, #176ff2, #0a4eb2);
    background-image: -o-linear-gradient(top, #176ff2, #0a4eb2);
    background-image: linear-gradient(top, #176ff2, #0a4eb2);
}

.sc--forrst {
    background-color: #294d18;
    background-image: -webkit-linear-gradient(top, #3d7324, #294d18 100%);
    background-image: -moz-linear-gradient(top, #3d7324, #294d18);
    background-image: -ms-linear-gradient(top, #3d7324, #294d18);
    background-image: -o-linear-gradient(top, #3d7324, #294d18);
    background-image: linear-gradient(top, #3d7324, #294d18);
}

.sc--forrst:hover {
    background-color: #294d18;
    background-image: -webkit-linear-gradient(top, #447f28, #294d18 100%);
    background-image: -moz-linear-gradient(top, #447f28, #294d18);
    background-image: -ms-linear-gradient(top, #447f28, #294d18);
    background-image: -o-linear-gradient(top, #447f28, #294d18);
    background-image: linear-gradient(top, #447f28, #294d18);
    background-color: #376820;
}

.sc--forrst:active {
    background-color: #294d18;
    background-image: -webkit-linear-gradient(top, #396c22, #294d18 100%);
    background-image: -moz-linear-gradient(top, #396c22, #294d18);
    background-image: -ms-linear-gradient(top, #396c22, #294d18);
    background-image: -o-linear-gradient(top, #396c22, #294d18);
    background-image: linear-gradient(top, #396c22, #294d18);
}

.sc--github {
    background-color: #3269a0;
    background-image: -webkit-linear-gradient(top, #689cd0, #3269a0 100%);
    background-image: -moz-linear-gradient(top, #689cd0, #3269a0);
    background-image: -ms-linear-gradient(top, #689cd0, #3269a0);
    background-image: -o-linear-gradient(top, #689cd0, #3269a0);
    background-image: linear-gradient(top, #689cd0, #3269a0);
}

.sc--github:hover {
    background-color: #2f6498;
    background-image: -webkit-linear-gradient(top, #7ba9d6, #2f6498 90%);
    background-image: -moz-linear-gradient(top, #7ba9d6, #2f6498);
    background-image: -ms-linear-gradient(top, #7ba9d6, #2f6498);
    background-image: -o-linear-gradient(top, #7ba9d6, #2f6498);
    background-image: linear-gradient(top, #7ba9d6, #2f6498);
    background-color: #4988c6;
}

.sc--github:active {
    background-color: #3269a0;
    background-image: -webkit-linear-gradient(top, #5490ca, #3269a0 100%);
    background-image: -moz-linear-gradient(top, #5490ca, #3269a0);
    background-image: -ms-linear-gradient(top, #5490ca, #3269a0);
    background-image: -o-linear-gradient(top, #5490ca, #3269a0);
    background-image: linear-gradient(top, #5490ca, #3269a0);
}

.sc--lastfm {
    background-color: #901919;
    background-image: -webkit-linear-gradient(top, #dc3333, #901919 100%);
    background-image: -moz-linear-gradient(top, #dc3333, #901919);
    background-image: -ms-linear-gradient(top, #dc3333, #901919);
    background-image: -o-linear-gradient(top, #dc3333, #901919);
    background-image: linear-gradient(top, #dc3333, #901919);
}

.sc--lastfm:hover {
    background-color: #881717;
    background-image: -webkit-linear-gradient(top, #e04949, #881717 90%);
    background-image: -moz-linear-gradient(top, #e04949, #881717);
    background-image: -ms-linear-gradient(top, #e04949, #881717);
    background-image: -o-linear-gradient(top, #e04949, #881717);
    background-image: linear-gradient(top, #e04949, #881717);
    background-color: #c52121;
}

.sc--lastfm:active {
    background-color: #901919;
    background-image: -webkit-linear-gradient(top, #d22424, #901919 100%);
    background-image: -moz-linear-gradient(top, #d22424, #901919);
    background-image: -ms-linear-gradient(top, #d22424, #901919);
    background-image: -o-linear-gradient(top, #d22424, #901919);
    background-image: linear-gradient(top, #d22424, #901919);
}

.sc--reddit {
    background-color: #387cc4;
    background-image: -webkit-linear-gradient(top, #86b0dc, #387cc4 100%);
    background-image: -moz-linear-gradient(top, #86b0dc, #387cc4);
    background-image: -ms-linear-gradient(top, #86b0dc, #387cc4);
    background-image: -o-linear-gradient(top, #86b0dc, #387cc4);
    background-image: linear-gradient(top, #86b0dc, #387cc4);
}

.sc--reddit:hover {
    background-color: #3677bc;
    background-image: -webkit-linear-gradient(top, #9abde2, #3677bc 90%);
    background-image: -moz-linear-gradient(top, #9abde2, #3677bc);
    background-image: -ms-linear-gradient(top, #9abde2, #3677bc);
    background-image: -o-linear-gradient(top, #9abde2, #3677bc);
    background-image: linear-gradient(top, #9abde2, #3677bc);
    background-color: #669bd3;
}

.sc--reddit:active {
    background-color: #387cc4;
    background-image: -webkit-linear-gradient(top, #72a3d7, #387cc4 100%);
    background-image: -moz-linear-gradient(top, #72a3d7, #387cc4);
    background-image: -ms-linear-gradient(top, #72a3d7, #387cc4);
    background-image: -o-linear-gradient(top, #72a3d7, #387cc4);
    background-image: linear-gradient(top, #72a3d7, #387cc4);
}

.sc--soundcloud {
    background-color: #cc3300;
    background-image: -webkit-linear-gradient(top, #ff6633, #cc3300 100%);
    background-image: -moz-linear-gradient(top, #ff6633, #cc3300);
    background-image: -ms-linear-gradient(top, #ff6633, #cc3300);
    background-image: -o-linear-gradient(top, #ff6633, #cc3300);
    background-image: linear-gradient(top, #ff6633, #cc3300);
}

.sc--soundcloud:hover {
    background-color: #c23100;
    background-image: -webkit-linear-gradient(top, #ff794d, #c23100 90%);
    background-image: -moz-linear-gradient(top, #ff794d, #c23100);
    background-image: -ms-linear-gradient(top, #ff794d, #c23100);
    background-image: -o-linear-gradient(top, #ff794d, #c23100);
    background-image: linear-gradient(top, #ff794d, #c23100);
    background-color: #ff480a;
}

.sc--soundcloud:active {
    background-color: #cc3300;
    background-image: -webkit-linear-gradient(top, #ff531a, #cc3300 100%);
    background-image: -moz-linear-gradient(top, #ff531a, #cc3300);
    background-image: -ms-linear-gradient(top, #ff531a, #cc3300);
    background-image: -o-linear-gradient(top, #ff531a, #cc3300);
    background-image: linear-gradient(top, #ff531a, #cc3300);
}

.sc--stack-overflow {
    background-color: #ca6e00;
    background-image: -webkit-linear-gradient(top, #ffa131, #ca6e00 100%);
    background-image: -moz-linear-gradient(top, #ffa131, #ca6e00);
    background-image: -ms-linear-gradient(top, #ffa131, #ca6e00);
    background-image: -o-linear-gradient(top, #ffa131, #ca6e00);
    background-image: linear-gradient(top, #ffa131, #ca6e00);
}

.sc--stack-overflow:hover {
    background-color: #c06900;
    background-image: -webkit-linear-gradient(top, #ffad4b, #c06900 90%);
    background-image: -moz-linear-gradient(top, #ffad4b, #c06900);
    background-image: -ms-linear-gradient(top, #ffad4b, #c06900);
    background-image: -o-linear-gradient(top, #ffad4b, #c06900);
    background-image: linear-gradient(top, #ffad4b, #c06900);
    background-color: #ff8f08;
}

.sc--stack-overflow:active {
    background-color: #ca6e00;
    background-image: -webkit-linear-gradient(top, #ff9618, #ca6e00 100%);
    background-image: -moz-linear-gradient(top, #ff9618, #ca6e00);
    background-image: -ms-linear-gradient(top, #ff9618, #ca6e00);
    background-image: -o-linear-gradient(top, #ff9618, #ca6e00);
    background-image: linear-gradient(top, #ff9618, #ca6e00);
}

.sc--vimeo {
    background-color: #3492b7;
    background-image: -webkit-linear-gradient(top, #79bdd8, #3492b7 100%);
    background-image: -moz-linear-gradient(top, #79bdd8, #3492b7);
    background-image: -ms-linear-gradient(top, #79bdd8, #3492b7);
    background-image: -o-linear-gradient(top, #79bdd8, #3492b7);
    background-image: linear-gradient(top, #79bdd8, #3492b7);
}

.sc--vimeo:hover {
    background-color: #328baf;
    background-image: -webkit-linear-gradient(top, #8cc7de, #328baf 90%);
    background-image: -moz-linear-gradient(top, #8cc7de, #328baf);
    background-image: -ms-linear-gradient(top, #8cc7de, #328baf);
    background-image: -o-linear-gradient(top, #8cc7de, #328baf);
    background-image: linear-gradient(top, #8cc7de, #328baf);
    background-color: #59aecf;
}

.sc--vimeo:active {
    background-color: #3492b7;
    background-image: -webkit-linear-gradient(top, #65b4d3, #3492b7 100%);
    background-image: -moz-linear-gradient(top, #65b4d3, #3492b7);
    background-image: -ms-linear-gradient(top, #65b4d3, #3492b7);
    background-image: -o-linear-gradient(top, #65b4d3, #3492b7);
    background-image: linear-gradient(top, #65b4d3, #3492b7);
}

.sc--vimeo-styled {
    background-color: #5bb3d7;
    background-image: -webkit-linear-gradient(left, #89daf7 0%, #89daf7 10%, #9fa5a8 10%, #9fa5a8 20%, #f58182 20%, #f58182 30%, #fcf4c0 30%, #fcf4c0 40%, #5bb3d7 40%, #5bb3d7 50%, #6b6b6b 50%, #6b6b6b 60%, #b0d570 60%, #b0d570 70%, #53a4c1 70%, #53a4c1 80%, #9e292c 80%, #9e292c 90%, #d4cd99 90%, #d4cd99 100%);
    background-image: -moz-linear-gradient(left, #89daf7 0%, #89daf7 10%, #9fa5a8 10%, #9fa5a8 20%, #f58182 20%, #f58182 30%, #fcf4c0 30%, #fcf4c0 40%, #5bb3d7 40%, #5bb3d7 50%, #6b6b6b 50%, #6b6b6b 60%, #b0d570 60%, #b0d570 70%, #53a4c1 70%, #53a4c1 80%, #9e292c 80%, #9e292c 90%, #d4cd99 90%, #d4cd99 100%);
    background-image: -ms-linear-gradient(left, #89daf7 0%, #89daf7 10%, #9fa5a8 10%, #9fa5a8 20%, #f58182 20%, #f58182 30%, #fcf4c0 30%, #fcf4c0 40%, #5bb3d7 40%, #5bb3d7 50%, #6b6b6b 50%, #6b6b6b 60%, #b0d570 60%, #b0d570 70%, #53a4c1 70%, #53a4c1 80%, #9e292c 80%, #9e292c 90%, #d4cd99 90%, #d4cd99 100%);
    background-image: -o-linear-gradient(left, #89daf7 0%, #89daf7 10%, #9fa5a8 10%, #9fa5a8 20%, #f58182 20%, #f58182 30%, #fcf4c0 30%, #fcf4c0 40%, #5bb3d7 40%, #5bb3d7 50%, #6b6b6b 50%, #6b6b6b 60%, #b0d570 60%, #b0d570 70%, #53a4c1 70%, #53a4c1 80%, #9e292c 80%, #9e292c 90%, #d4cd99 90%, #d4cd99 100%);
    background-image: linear-gradient(left, #89daf7 0%, #89daf7 10%, #9fa5a8 10%, #9fa5a8 20%, #f58182 20%, #f58182 30%, #fcf4c0 30%, #fcf4c0 40%, #5bb3d7 40%, #5bb3d7 50%, #6b6b6b 50%, #6b6b6b 60%, #b0d570 60%, #b0d570 70%, #53a4c1 70%, #53a4c1 80%, #9e292c 80%, #9e292c 90%, #d4cd99 90%, #d4cd99 100%);
}

.sc--vimeo-styled:hover {
    box-shadow: inset rgba(0, 0, 0, 0.1) 0px -0.15em 0px, inset rgba(255, 255, 255, 0.2) 0px 0.15em 0px, rgba(0, 0, 0, 0.3) 0px 0.1em 0.3em, inset rgba(255, 255, 255, 0.4) 0px 1em 3em;
}

.sc--vimeo-styled:active {
    box-shadow: rgba(255, 255, 255, 0.2) 0 0.1em 0, inset rgba(0, 0, 0, 0.3) 0px 0.25em 1em;
}

.sc--rss {
    background-color: #c96213;
    background-image: -webkit-linear-gradient(top, #ee9754, #c96213 100%);
    background-image: -moz-linear-gradient(top, #ee9754, #c96213);
    background-image: -ms-linear-gradient(top, #ee9754, #c96213);
    background-image: -o-linear-gradient(top, #ee9754, #c96213);
    background-image: linear-gradient(top, #ee9754, #c96213);
}

.sc--rss:hover {
    background-color: #bf5e12;
    background-image: -webkit-linear-gradient(top, #f1a56b, #bf5e12 90%);
    background-image: -moz-linear-gradient(top, #f1a56b, #bf5e12);
    background-image: -ms-linear-gradient(top, #f1a56b, #bf5e12);
    background-image: -o-linear-gradient(top, #f1a56b, #bf5e12);
    background-image: linear-gradient(top, #f1a56b, #bf5e12);
    background-color: #eb812e;
}

.sc--rss:active {
    background-color: #c96213;
    background-image: -webkit-linear-gradient(top, #ec893c, #c96213 100%);
    background-image: -moz-linear-gradient(top, #ec893c, #c96213);
    background-image: -ms-linear-gradient(top, #ec893c, #c96213);
    background-image: -o-linear-gradient(top, #ec893c, #c96213);
    background-image: linear-gradient(top, #ec893c, #c96213);
}

.box-avvenimenti .avvenimento {
    position: relative;
    display: block;
    min-height: 221px;
    margin: 0px 10px;
    border-bottom: 5px solid #b5b5b5;
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#496178), to(#2E4960));
    background-size: cover;
    background-position: center;
}

.box-avvenimenti .avvenimento img {
    display: block;
    z-index: -1;
    width: auto;
}

.box-avvenimenti .avvenimento .bloccoinfo-avv {
    display: block;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 10px;
}

.box-avvenimenti .avvenimento .bloccoinfo-avv .paeseavvenimenti {
    display: table;
    padding: 3px;
    background-color: #fdc80e;
    color: #000000;
    font-weight: 600;
    line-height: 10px;
    font-size: 10px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
}

.box-avvenimenti .avvenimento .bloccoinfo-avv .dataavvenimenti {
    background-color: #ffffff;
    color: #000000;
    line-height: 12px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px;
    border-radius: 3px;
}

.box-avvenimenti .avvenimento .background-evento {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0.78+99 */
    background: -moz-linear-gradient(top, transparent 1%, rgba(0, 0, 0, 0.78) 99%, rgba(0, 0, 0, 0.78) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 1%, rgba(0, 0, 0, 0.78) 99%, rgba(0, 0, 0, 0.78) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 1%, rgba(0, 0, 0, 0.78) 99%, rgba(0, 0, 0, 0.78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c7000000', GradientType=0); /* IE6-9 */
}

.box-avvenimenti .avvenimento .background-evento h3.titoloevento, .box-avvenimenti .avvenimento .background-evento h3 p.titoloevento, h3 .box-avvenimenti .avvenimento .background-evento p.titoloevento {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    padding: 30px 10px 3px 10px;
    width: 100%;
}

.box-avvenimenti .introtxt {
    font-size: 13px;
    padding: 4px 20px;
    line-height: 17px;
    display: block;
    margin-bottom: 10px;
    color: #2f2f2f;
    font-style: italic;
}

#mapevento {
    width: auto;
    height: 300px;
    margin-right: 20px;
    margin-top: 20px;
    display: block;
}

.articoloevento h2, .articoloevento h2 p, h2 .articoloevento p {
    font-size: 1.1rem !important;
    font-weight: 600;
}

.articoloevento h3, .articoloevento h3 p, h3 .articoloevento p {
    font-size: 0.9rem !important;
}

.articoloevento h3 a, h3 .articoloevento p a {
    color: #6288a5;
}

.box-home-elezioni {
    margin: 0px 15px 15px 15px;
    background-color: #f7f7f7;
    padding-bottom: 15px;
}

.box-home-elezioni .box-titolo {
    background-color: #175b8b;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
}

.box-home-elezioni .nome-comune {
    display: block;
    text-align: center;
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    color: #40cdbe;
    margin-bottom: 15px;
    margin-top: 10px;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .nome-comune {
        margin-bottom: 3px;
        margin-top: 3px;
    }
}

.box-home-elezioni .box-comune {
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-comune {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.box-home-elezioni .linealeft {
    border-left: 1px solid #d9d9d9;
    padding-left: 10px;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .linealeft {
        border: none;
    }
}

.box-home-elezioni .box-candidato-04 {
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-candidato-04 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
}

.box-home-elezioni .box-candidato-04 .fotografia01 {
    width: 93px;
    float: left;
    display: table;
    margin-right: 10px;
    margin-left: 10px;
}

.box-home-elezioni .box-candidato-04 .fotografia01 img {
    border: none;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-candidato-04 .fotografia01 {
        width: 45px;
    }
}

.box-home-elezioni .box-candidato-04 .voto {
    margin-top: 20px;
    display: block;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-candidato-04 .voto {
        margin-top: 0px;
    }
}

.box-home-elezioni .box-candidato-04 .voto .perce {
    font-size: 40px;
    font-weight: 900;
    display: block;
    margin: 0px;
    line-height: 25px;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-candidato-04 .voto .perce {
        font-size: 30px;
        display: inline;
    }
}

.box-home-elezioni .box-candidato-04 .voto .conteggio {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 5px;
    line-height: 20px;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-candidato-04 .voto .conteggio {
        display: inline;
    }
}

.box-home-elezioni .box-candidato-04 .nomecandidato {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-candidato-04 .nomecandidato {
        visibility: hidden;
        display: none;
    }
}

.box-home-elezioni .box-candidato-04 .nomecandidato-mobile {
    margin-top: 0px;
    visibility: hidden;
    display: none;
    font-weight: 800;
}

@media only screen and (max-width: 40em) {
    .box-home-elezioni .box-candidato-04 .nomecandidato-mobile {
        visibility: visible;
        display: block;
    }
}

.box-home-elezioni .box-candidato-04 .logo-partiti {
    margin-left: 10px;
    margin-top: 10px;
}

.box-home-elezioni .box-candidato-04 .logo-partiti img {
    width: 25px;
    display: inline;
}

/* .share{ position: absolute; top: 50%; width: 100%; text-align: center; margin-top: -29px;
}*/
.share a span {
    font-weight: bold;
    display: block;
    color: white;
    text-align: right;
    width: 34px;
}

.share .btn {
    text-decoration: none; /*padding: 0px 4px 0px 24px;*/
    line-height: 18px;
    display: inline-block;
    border-radius: 2px;
    margin: 3px;
    background-size: 18px;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.05);
    width: 22%;
}

/*icon credits: iconfinder.com*/
.btnTw {
    background-color: #2DAAE1; /*background-image: url('https://cdn1.iconfinder.com/data/icons/somacro___dpi_social_media_icons_by_vervex-dfjq/128/twitter.png');*/
}

.btnFb {
    background-color: #3B5998; /*background-image:url('https://cdn1.iconfinder.com/data/icons/metro-ui-dock/128/Facebook_alt_1.png');*/
}

.btnPr {
    background-color: #CA2128; /* background-image:url('https://cdn1.iconfinder.com/data/icons/wbits-pinterest/64/pinterest-icon-square-red.png');*/
}

.btnLi {
    background-color: #1783BC; /* background-image:url('https://cdn1.iconfinder.com/data/icons/social-icon-pack-by-citni/48/Linkedin.png');*/
}

.btnDl {
    background-color: #2873CC; /* background-image:url('https://cdn1.iconfinder.com/data/icons/freebie%3A-social-media-icons/64/delicious.png');*/
}

.btnBu {
    background-color: #f4f4f4; /*background-image:url('http://bufferapp.com/images/press/logo-icon.png');*/
    background-size: 14px !important;
    background-position: 2px center;
}

.share a span.buCount {
    color: black;
}

.socialbtn {
    text-align: center;
    font-weight: 400;
    display: block;
    color: white; /*width: 64px;*/
    padding: 0px;
    display: inline-block;
    width: 22%;
    margin: 3px;
}

.socialbtn img {
    clear: both;
    width: 34px;
    margin: 10px 10px 5px 10px;
}

.socialbtn span {
    clear: both;
    display: block;
    width: 100%;
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 5px;
}

.share a span {
    clear: both;
    display: block;
    width: 100%;
    font-size: 0.8rem;
    text-align: center;
}

.storylabbox .storylogo {
    background-color: #2E2D2D;
    padding: 10px;
    margin: 0px;
    display: block;
}

.storylabbox .fotostorylab {
    width: auto;
}

.storylabbox .fotostorylab img {
    width: 100%;
}

.storylabbox .storycontent {
    display: block;
    background-color: #F2F2F2;
    padding: 10px;
}

.storylabbox .storycontent h2, .storylabbox .storycontent h2 p, h2 .storylabbox .storycontent p, .storylabbox .storycontent h2 a, h2 .storylabbox .storycontent p a {
    color: #E86327 !important;
}

.storylabbox .baseart {
    margin-top: 0px;
}

.inprimopiano {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 15px;
}

.inprimopiano .boxleft {
    padding-left: 0;
    padding-right: 0;
    width: 75%;
    float: left;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .inprimopiano .boxleft {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (max-width: 40em) {
    .inprimopiano .boxleft {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.inprimopiano .boxleft .contentprimopiano {
    background-color: transparent;
}

.inprimopiano .boxleft .giallo {
    background-color: #ffcc00;
    display: block;
    margin: 15px;
}

.inprimopiano .boxleft .grigio {
    background-color: #f9f9f9;
    padding-left: 0;
    padding-right: 0;
    width: 83.33333%;
    float: left;
    width: 83.33339%;
}

@media only screen and (max-width: 40em) {
    .inprimopiano .boxleft .grigio {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.inprimopiano .boxleft .giallo-pp {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    width: 16.66667%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .inprimopiano .boxleft .giallo-pp {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.inprimopiano .boxleft .giallo-pp span {
    color: #FFFFFF;
    font-weight: 900;
    font-size: 1.2em;
    padding: 8px;
    line-height: 1em;
    display: block;
}

.inprimopiano .boxleft .articoli-pp {
    padding-left: 0;
    padding-right: 0;
    width: 62.5%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .inprimopiano .boxleft .articoli-pp {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

.inprimopiano .boxleft .articoli-pp > article {
    margin: 5px 15px 15px;
    padding: 0px 0px 15px 0px;
    display: block;
}

.inprimopiano .boxleft .articoli-pp > article.first {
    border-bottom: 1px dashed #EDEDED;
}

.inprimopiano .boxleft .articoli-pp > article > .categoria {
    color: #9c005e !important;
    font-weight: 600;
    font-size: 0.7em;
}

.inprimopiano .boxleft .articoli-pp > article .datart {
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.inprimopiano .boxleft .artsecondari-pp {
    padding-left: 0;
    padding-right: 0;
    width: 37.5%;
    float: left;
}

@media only screen and (max-width: 40em) {
    .inprimopiano .boxleft .artsecondari-pp {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (max-width: 40em) {
    .inprimopiano .boxleft .artsecondari-pp {
        padding: 15px;
    }
}

.inprimopiano .boxleft .artsecondari-pp article.first {
    margin-top: 0px;
}

.inprimopiano .boxleft .artsecondari-pp article h3, .inprimopiano .boxleft .artsecondari-pp article h3 p, h3 .inprimopiano .boxleft .artsecondari-pp article p {
    font-size: 0.9em;
    padding: 0px 5px 5px 0px !important;
}

.inprimopiano .boxleft .artsecondari-pp > article.first {
    border-bottom: 1px dashed #EDEDED;
}

.inprimopiano .boxleft .artsecondari-pp > article > .categoria {
    color: #9c005e !important;
    font-weight: 600;
    font-size: 0.7em;
}

.inprimopiano .boxleft .artsecondari-pp > article > .data {
    font-size: 0.7em;
}

.inprimopiano .boxleft .artsecondari-pp > article .datart {
    margin: 5px 5px 0px 0px;
    padding: 0px;
}

.inprimopiano .boxright {
    padding-left: 0;
    padding-right: 0;
    width: 25%;
    float: left;
}

@media only screen and (min-width: 40.063em) and (max-width: 62.5em) {
    .inprimopiano .boxright {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: left;
    }
}

@media only screen and (max-width: 40em) {
    .inprimopiano .boxright {
        visibility: hidden;
    }
}

/*# sourceMappingURL=site.css.map */
#apertura01 .bigart img.automatic_image {
    height: 245px;
    width: 100%
}

#apertura01 .bigart img.automatic_image_mobile {
    height: auto;
    width: 100%
}

h1.titolo_home_00.automatic_h1 {
    font-size: 1.3rem !important
}

.pagecategoria_logo {
    float: right;
    font-size: 0.9rem;
    text-align: right
}

.pagecategoria_logo img {
    width: 70px;
}

.page_ansa .basetitle_00-vert {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
}

hr.ansa {
    height: 2px
}

.pagecategoria.page_ansa {
    background-image: url('/site_media_tribe_custom/static/img/ansa/cover-bandiera-left.jpg');
    background-repeat: no-repeat;
    background-position: left;
}

@media only screen and (max-width: 62.5em) and (min-width: 40.063em) and (orientation: portrait) {
    .page_ansa .bigart-vert {
        width: 50% !important
    }

    .box-avvenimenti-new {
        margin: auto
    }
}

@media only screen and (max-width: 41em) and (orientation: portrait) {
    .pagecategoria.page_ansa {
        background: none !important
    }
}

#section-barra-nera-eppen {
    background-color: #c9d854;
    padding: 15px;
    margin-left: -4px;
    color: black;
}

#section-barra-nera-skille {
    background-color: #cd1719;
    padding: 15px;
    margin-left: 10px;
    margin-left: 10px;

}

.blocco-elezioni .link-elezioni {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.blocco-elezioni .banner-elezioni {
    background-color: #9c005e;
    display: block;
    margin: 0px 15px;
    color: #fff;
    text-align: center;
    padding: 4px;
    font-size: 1.2em;
    font-weight: 600;
}

.blocco-elezioni .blocco-risultati {
    margin: 0px 15px 15px 15px;
}

.blocco-elezioni .link-elezioni {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* edit: added z-index */
    z-index: 1;
}

.blocco-elezioni .blocco-city {
    position: relative;
    display: block;
}

.blocco-elezioni .blocco-city.central {
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

.blocco-elezioni .blocco-city:last-of-type {
    border-right: none;
}

.blocco-elezioni .blocco-city .city {
    background-color: #f1f1f1;
    font-size: 1.2em;
    color: #a3a3a3;
    padding: 6px 9px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}

.blocco-elezioni .blocco-city .ballottaggio {
    padding: 12px 12px 4px;
    background-color: whitesmoke;
    /*background-color: #dce7ef;*/
}

.blocco-elezioni .blocco-city .foto-candidato {
    display: inline-block;
}

.blocco-elezioni .blocco-city .foto-candidato img {
    max-width: 45px;
}

.blocco-elezioni .blocco-city .nome-candidato {
    display: inline-block;
    color: #4e002f;
    font-size: 0.95em;
    font-weight: 700;
    line-height: 1.2em;
    vertical-align: middle;
    padding-left: 5px;
    text-transform: uppercase;
}

.blocco-elezioni .blocco-city .risultato-candidato {
    display: inline-block;
    float: right;
    color: #4e002f;
    font-size: 3.2em;
    line-height: 1em;
    font-weight: 800;
}

.blocco-elezioni .blocco-city .risultato-candidato span {
    font-size: 25px;
    font-weight: 600;
}

.blocco-elezioni .blocco-city .secondo-candidato {
    margin-top: 0;
    color: #da600f;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.0em;
    display: block;
    width: auto;
}

.blocco-elezioni .blocco-city .secondo-candidato .risultato {
    text-align: right;
    float: right;
}

.blocco-elezioni .blocco-city .lista-risultati ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.blocco-elezioni .blocco-city .lista-risultati ul li {
    display: block;
    padding: 6px 12px;
    line-height: 1.3em;
    font-weight: 400;
    font-size: 0.75em;
    border-bottom: 1px dotted #ebebeb;
}

.blocco-elezioni .blocco-city .lista-risultati ul li .nome {
    text-transform: uppercase;
}

.blocco-elezioni .blocco-city .lista-risultati ul li .risultato {
    float: right;
}

.blocco-elezioni .blocco-city .lista-risultati ul li:last-child {
    border-bottom: none;
}


.gradient-chiusura::after {
    position: absolute;
    left: 0;
    height: 250px;
    width: 100%;
    content: "";
    pointer-events: none;
    z-index: 100;
    background: linear-gradient(to top, #ffffff 0%, rgba(245, 245, 245, 0) 100%);
    bottom: 0;
}

.gradient-chiusura {
    position: relative;
}

.finaliste {
    background: rgb(251, 215, 254);
    display: inline-block;
    padding: 30px 10px;
}

.intertitolo {
    font-weight: bold
}


.box-banner-content {
    margin: 0px;
    padding: 15px 0px;
    background-color: #ffffff;
}

.banner-content {
    display: table;
    margin: auto;
}


.box-avvenimenti-new {
    margin-right: -21%;
    margin-left: -21%
}

@media only screen and (max-width: 62.5em) and (min-width: 40.063em) and (orientation: portrait) {
    .box-avvenimenti-new {
        margin: auto
    }
}

@media only screen and (max-width: 40.063em) {
    .box-avvenimenti-new {
        margin: auto
    }
}
@media only screen and (min-width: 642px) {

    .content.boxlogin.video {
        position: absolute;
        bottom: -20px;
        left: 15%;
        right: 15%;
    }

    .content.boxlogin.photogallery {
        position: absolute;
        z-index: 1;
        left: 15%;
        right: 15%;
         bottom: 90px;

    }

    .headgallery,
    .fotografia01.img01.video img{
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 641px) {
    .content.boxlogin.photogallery,
    .content.boxlogin.video {
        position: relative;
        margin-bottom: 0px;

    }

    .fotografia01.img01.video img {
        margin-bottom: auto;
    }
}

.content.boxlogin.blogpost {
    margin-top: 10px;
}