﻿html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Exo 2';
    font-weight: 400;
    font-size: 12px;
    background:#fff;
}
h1,h2,h3,h4,h5{
    font-weight: 500;
    margin: 5px 0;
    color: #1c5f94;
}
img{
    border: none;
}
a{
    color: #333;
    text-decoration:none;
}
.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    background-color:#fff;
    padding-bottom:10px;
    border-bottom:1px solid #d7d9db;
    -webkit-box-shadow: 0px 3px 16px 0px rgba(180,180,180,1);
    -moz-box-shadow: 0px 3px 16px 0px rgba(180,180,180,1);
    box-shadow: 0px 3px 16px 0px rgba(180,180,180,1);
}
.text a,
.text-form a{
    color: #4399d7;
}
aside .block a{
    color: #4399d7;
    word-break: break-all;
}
.block a{
    border-top:6px solid #d7d9db;
    display:block;
}
li a:hover, li a:active{
    color: #999;
}
#content {
    font-size: 1em;
}
.inner nav#main h3{
    font-size: 2em;
}
nav#main h3{
    font-size: 2.3em;
    display:none;
}
h3.payoff{margin-top:35px;font-size: 2.3em;text-align:center;}
h4.payoff{margin-bottom:30px;font-size: 1.5em;text-align:center;}
.back-to-top {
    position: fixed;
    bottom: 3.2em;
    right: 0px;
    text-decoration: none;
    color: #1c5f94;
    background-color: rgba(225, 225, 225, 0.90);
    font-size: 1.5em;
    padding: 0.5em;
    display: none;
    z-index: 99999;
}
ul.fotogallery li div strong{
    font-size: 3.4em;
}
ul.fotogallery li div span{
    font-size: 1.7em;
}/*
ul.fotogallery li div a{
    font-size: 1.6em;
}*/
#gallery{
    width:100%;
}
a.zoom-out{
    font-size: 0.8em;
}
a.zoom-normal{
    font-size: 1em;
}
a.zoom-in{
    font-size: 1.2em;
}
.utilities{
    font-size: 0.9em;
}
#motore-ricerca input[type="submit"]{
    font-size: 1.2em;
}
#motore-ricerca input[type="text"]{
    font-size: 1.1em;
}
nav.menu-superiore ul li{
    font-size: 1em;
}
/*label,*/
.hide,
legend{
    position: absolute;
    top: -99999px;
}
header{
    height:170px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    position: relative;
}
header h1{
    margin: 0;
}
#main a.logo-ts{display:none;}
header a.logo-ts,
#main.sticky a.logo-ts{
    background: #fff url(../images/ts-logo-2x.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 70px;
    left: 20px;
    width: 90%;
    height: 64px;
    background-size: 35%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.en header a.logo-ts,
.en #main.sticky a.logo-ts{
    background-image: url('../images/ts-logo-en-2x.png');
}
.no-backgroundsize header a.logo-ts{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-ts.jpg',
        sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-ts.jpg',
        sizingMethod='scale');
}
.en .no-backgroundsize header a.logo-ts{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-ts-en.jpg',
        sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-ts-en.jpg',
        sizingMethod='scale');
}
nav.menu-superiore{
    float: left;
    font-size: 0.9em;
    font-weight: 400;
    margin: 0;
    width:100%;
    background-color:#1c5f94;
    color:#fff;
}
nav.menu-superiore strong{
    font-weight: 400;
}
nav.menu-superiore ul, nav.menu-superiore ul li ul{
    /*float: right;*/
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.menu-superiore ul li ul > li{
    float: left;
    margin: 0 16px 0 2px;
    padding:10px 0;
    border-width: 2px 2px 2px 0;
    border-style: solid;
    -webkit-border-image:-webkit-gradient(linear, 0 0, 100% 0, from(white), to(rgba(255, 255, 255, 0))) 1 100%;
    -webkit-border-image:-webkit-linear-gradient(left, white, rgba(255, 255, 255, 0)) 1 100%;
    -moz-border-image:-moz-linear-gradient(left, white, rgba(255, 255, 255, 0)) 1 100%;
    -o-border-image:-o-linear-gradient(left, white, rgba(255, 255, 255, 0)) 1 100%;
    border-image:linear-gradient(to left, white, rgba(255, 255, 255, 0)) 1 100%;
}
nav.menu-superiore ul li ul > li a{
    text-decoration: none;
    color:#fff;
    padding:0 20px 0 0;
}
nav.menu-superiore ul li ul > li:first-child a{
    padding-left:20px;
}
nav.menu-superiore ul li ul > li.active {
    border-bottom: 2px solid #1c5f94;
}
nav.menu-superiore ul li ul > li > ul{
    display: none;
}
.menu-block{float:left;margin:0 10px;}
#container{
    width:1024px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
}
.utilities{
    float:right;
    height: 36px;
    position:absolute;
    right:0;
}
.utilities a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
}
.utilities a.action-button{
    color: #FFF;
    float:none;
    text-align:center;
}
.styled-select{
    float: left;
    margin: 10px 0 0 0;

}
.styled-select select.languages{
    font-size: 1em;
    background: transparent;
    padding: 3px 0;
    border: none;
}
ul.languages{
    list-style: none;
    float: left;
    margin: 0;
}
ul.languages li{
    float: left;
}
ul.languages li a{
    padding:  0 10px;
    border-left: 1px solid;
}
ul.languages li.active a{
    text-decoration: underline;
    font-weight: 700;
}
ul.languages li:first-child a{
    border: none;
}
.logo-trentino{
    position:absolute;
    right:15px;
    top:70px;
}
.logo-trentino div{
    background: transparent url('../images/logo-trentino.png') no-repeat top left;
    background-size: 100%;
    width:100px;
    min-height:100px;
    text-indent: -9999px;
    margin: 3px 0;
    float: left;
}

.logo-eu-bic {
    position:absolute;
    right:130px;
    top:70px;
}
.logo-eu-bic div {
    background: transparent url('../images/logo-eu-bic.png') no-repeat top left;
    background-size: 100%;
    width:100px;
    min-height:100px;
    text-indent: -9999px;
    margin: 3px 0;
    float: left;
}


.logo-trentinoexpo div{
    background: transparent url('../images/logo-trentino-expo.png') no-repeat top left;
    background-size: contain;
    width: 82px;
    text-indent: -9999px;
    margin: 3px 0 3px 10px;
    float: left;
}
.no-backgroundsize .logo-trentino div{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-trentino.jpg',
        sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-trentino.jpg',
        sizingMethod='scale')";
}
.no-backgroundsize .logo-trentinoexpo div{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-trentino-expo.jpg',
        sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='../images/logo-trentino-expo.jpg',
        sizingMethod='scale')";
}
a.logo-trentrino{
    float: left;
    background: red;
}
#screen-switcher{
    float: left;
    margin: 0 10px ;
    min-width: 170px;
    max-width: 400px;
    width: auto;
    overflow:hidden;
}
#caratteri{
    float: right;
    margin: 0 ;
}
#caratteri a{
    padding: 0 2px;
}
.clear{
    width:100%;
    clear: both;
}
a.high-visibility{
    float: left;
    font-weight: 500;
    margin: 0 2px 0 10px;
    text-decoration: underline;
}
.blue-button{
    color: #fff;
    font-weight: 400;
    background: #1c5f94;
    width: auto;
    text-shadow: none;
    padding: 10px 8px;
    text-decoration: none;
    -webkit-box-shadow: 4px 4px 0px 0px rgba(255, 255, 255, 1)!important;
    -moz-box-shadow:    4px 4px 0px 0px rgba(255, 255, 255, 1)!important;
    box-shadow:         4px 4px 0px 0px rgba(255, 255, 255, 1)!important;
}
.blue-button:hover, .blue-button:active{
    color:#fff;
}
.fields{
    padding: 20px 0;
    width: 100%;
    float: left;
    border-top: 1px solid #1c5f94;
}
.fields.bottom{
    border-top: none;
    border-bottom: 1px solid #1c5f94;
}
.fields.year{
    border-top: none;
    padding:0 0 10px 0;
}
.fields label{
    width: 100%;
    float: left;
    font-size: 1em;
    color: #333;
    text-indent: 5px;
    margin-top: 5px;
}
.action-button{
    float: left;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:none;
    background: #1c5f94;
    border-bottom: 3px solid #04497e;
    font-family: 'Exo 2';
    text-align: left;
    padding: 5px 30px;
    font-size: 1.31em;
    color: #fff;
    cursor: pointer;
}
.fields.year select{
    max-width: 200px;
}
.fields select,
.field select{
    width: 60%;
    max-width: 400px;
    border:1px solid #1c5f94;
    height: 30px;
    background: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1em;
    color:#666;
    padding: 2px 8px;
    float: left;
    margin: 0 0 15px 0;
}
.field select{
    background: #fff;
}
.action-button:hover,
.action-button:active{
    border: none;
    border-top: 2px solid #04497e;
    border-bottom: 1px solid #04497e;
}
.input-text{
    width: 60%;
    max-width: 400px;
    border:1px solid #1c5f94;
    height: 30px;
    background: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1em;
    color:#666;
    padding: 2px 8px;
    float: left;
    margin: 5px 0 10px 0;
}
.field textarea{
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1em;
    color:#666;
    padding: 2px 8px;
    float: left;
    margin: 5px 0 10px 0;
    width: 80%;
    float:left;
    border:1px solid #1c5f94;
}
#motore-ricerca{display: none;}
ul.fotogallery{
    float: left;
    margin: 0;
}
ul.fotogallery li{
    float: left;
    height: 450px;
    position: relative;
    width: 1024px;
    background-size: cover!important;
    background-position: 50% 50%;
    background-size: contain;
}
ul.fotogallery li div{
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding: 60px 45px 0 0;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);

}
.no-textshadow ul.fotogallery li div strong,
.no-textshadow ul.fotogallery li div span{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801b5b8d', endColorstr='#801b5b8d',GradientType=0 ); /* IE6-9 */
}
ul.fotogallery li div strong, ul.fotogallery li div p{
    font-weight: 500;
    color: #fff;
    float: right;
}
ul.fotogallery li div span{
    margin: 20px 0 30px 0;
    font-weight: 300;
    clear:both;
    float: right;
    width: auto;
}
ul.fotogallery li div span.subtitle{
    font-size: 2em;
}
ul.fotogallery li div a{
}
nav#main{
    width: 100%;
    text-align: center;
    margin:0;
    margin-bottom:30px;
}
.shortcut{
    float:left;
    background-color:#f2f2f2;
    margin:40px 0 10px 0;
    padding:20px 0;
    width:100%;
    overflow:hidden;
}
.shortcut ul{
    list-style:none;
    margin:0;
    padding:0;
}
.shortcut li{
    float:left;
    width:25%;
    border-right: 2px solid #fff;
}
.shortcut li:last-child{
    border-right: none;
}
.shortcut li a{
    display:block;
    font-size:1.3em;
    text-transform:uppercase;
    text-decoration:none;
    color:#1c5f94;
    text-align:center;
    font-weight:bold;
}
.shortcut li a:hover{
    color:#197abe;
}
.shortcut li a span{
    display:block;
    font-size:4em;
}
h4 + .shortcut{
    margin:20px 0;
}
h4 + .shortcut li a span{
    font-size:5em;
}
ul.shortcuts{
    list-style: none;
    padding: 0;
    display: inline-block;
    margin: 0;
}
ul.shortcuts li a:hover span{
    background: #1c5f94;
    color:#fff;

}
ul.shortcuts li{
    float: left;
    width: 159px;
    font-family: 'Arial';
    font-size: 0.73em;
    margin: 0 5px;
    background-color:#fff;
}
ul.shortcuts li:first-child{
    margin-left:0;
    margin-right:8px;
}
ul.shortcuts li:last-child{
    margin-right:0;
    margin-left:8px;
}
ul.shortcuts li a{
    float:left;
    width:100%;
    padding-bottom:5px;
    border-bottom: 6px solid #D7D9DB;
}
ul.shortcuts li span{
    font-size: 6.4em;
    width: 100%;
    float: left;
    background: #fff;
    color:#1c5f94;
    display:none;
    /*    border-left: 1px solid;
    color: #1c5f94;*/
}
ul.shortcuts li a em{
    text-decoration: none;
    width: 82%;
    margin: 5px 9% 0 9%;
    float: left;
    /*font-size: 1.3em;*/
    font-size: 1.7em;
    font-style: normal;
    color:#d7d9db;
    background: #fff;
    font-family: 'Exo 2';
    font-weight:bold;
    padding: 0;
    text-transform:uppercase;
}
ul.shortcuts li:hover span,
ul.shortcuts li:active span{
    color: #fff;
    background: #1c5f94;
    border-color: #fff;
}
ul.shortcuts li:hover a,
ul.shortcuts li:active a{
    color: #1c5f94
}
/*Menu sticky */
#main.sticky > div{
    width:1024px;
    margin:0 auto;
}
#main.sticky a.logo-ts{
    position:relative;
    top:auto;
    left:5px;
    width:25%;
    height:50px;
    background-size:80%;
    float:left;
}
.sticky ul.shortcuts{
    margin-left:0;
}
.sticky ul.shortcuts li a em{
    font-size:1.1em;
}
.sticky ul.shortcuts li{
    width:110px;
}
.box-footer p.sportello{margin-top:1em;}
a.back{
    color:#666;
    background: #e7e7e7;
    display:block;
    height: 30px;
    padding:0;
    margin: 5%;
    text-decoration: none;
    width: 32px;
}
a.back span,
a.back-text span.icon{
    line-height:30px;
    padding-left:2px;
    font-size:1.8em;
}
a.back-text{
    border:none;
    margin: 20px 0;
    padding: 5px 20px 5px 5px;
    color: #fff;
    text-decoration: none;
    background: #f7f7f7;
    border-bottom: 3px solid #ccc;
    color:#666;
    float:right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.box-cerca-tipologia,
.box-cerca-nome{
    float:left;
    width:100%;
    display:none;
    margin:10px 0;
}
.active .box-cerca-tipologia,
.active .box-cerca-nome{
    display:block;
}
.grey-button{
    float:left;
    margin: 10px 20px 5px 0;
    height: 40px;
    cursor:pointer;
}
.grey-button.show-nome,
.grey-button.show-tipologia{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 10px 20px 15px 0;
}
.grey-button.show-nome span,
.grey-button.show-tipologia span,
.grey-button.show-nome h4,
.grey-button.show-tipologia h4{
    float:left;
    background: #f7f7f7;
    border-bottom: 3px solid #ccc;
    height:40px;
    padding:6px 7px 0 10px;
    margin: 4px 0;
}
.grey-button span,
.grey-button.show-nome h4,
.grey-button.show-tipologia h4{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.grey-button span{
    float:left;
    background: #1c5f94;
    border-bottom: 3px solid #ccc;
    color:#fff;
    font-size:2.2em;
    height:40px;
    padding:3px 6px;
}

.grey-button span.icon-fax{
    background: #1c5f94;
}
.grey-button:hover span.icon-fax,
.grey-button.print:hover strong{
    color: #1c5f94;
    background: #ccc;
}
.grey-button span.icon-share{
    background: #1c5f94;
}
.grey-button:hover span.icon-share,
.grey-button.active span.icon-share,
.grey-button.share:hover strong{
    color: #1c5f94;
    background: #ccc;
}
.grey-button span.icon-plus{
    background: #1c5f94;
}
.grey-button:hover span.icon-plus,
.grey-button.inform:hover strong{
    color: #1c5f94;
    background: #ccc;
}
.grey-button.show-nome:hover h4,
.grey-button.show-tipologia:hover h4,
.grey-button.active h4{
    border: none;
    border-top: 2px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    background: #ccc;
    color:#1c5f94;
}
.grey-button.show-nome span.icon-arrow-down2,
.grey-button.show-tipologia span.icon-arrow-down2,
.grey-button.show-nome span.icon-arrow-up2,
.grey-button.show-tipologia span.icon-arrow-up2{
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #666;
    padding:6px 10px 0 5px;
    color: #1c5f94;
}
.grey-button.show-nome span.icon-arrow-up2,
.grey-button.show-tipologia span.icon-arrow-up2{
    padding: 3px 10px 0 5px;
}
.grey-button strong,
.grey-button.show-nome span,
.grey-button.show-tipologia span{
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    float:left;
    background: #f7f7f7;
    border-bottom: 3px solid #ccc;
    height:40px;
    padding: 10px 20px 0 10px;
}
.grey-button:hover span,
.grey-button:hover strong,
/*.grey-button:active span,
.grey-button:active strong,
a.back-text:active,*/
.grey-button.active strong,
.grey-button.active span,
a.back-text:hover{
    border: none;
    border-top: 2px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    background: #ccc;
    color:#666;
}
.grey-button:hover span,
.grey-button:hover strong,
/*.grey-button:active span,
.grey-button:active strong*/{
    color:#000;
}
.grey-button.active strong{
    color:#00834a;
}
a.back-text span{
    float:left;
    line-height: 30px;
}
.box-share{
    width: 100%;
    float:left;
    margin: 20px 0 30px 0;
    position:relative;
}
.box-social, .box-inform {
    float:left;
    position: absolute;
    margin: 0 auto;
    top: 60px;
    left: 110px;
    background: #eaeaea;
    padding: 5px 7px 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);*/
    border:1px solid #ddd;
    display:none;
}
.box-inform{
    width:300px;
    z-index:10;
    left: 300px;
}
.box-inform em{
    width:100%;
    text-align:center;
    float:left;
    margin: 10px 0;
    font-weight: 600;
    font-style: normal;
    color: #1c5f94;
    font-size:1.5em;
}
.box-inform p{
    text-align:center;
}
.box-inform a{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 10px 5px;
    padding: 5px 10px;
    float:left;
    /*	background: #ddd;
        color: #666;
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        border-bottom: 2px solid #999;
}
.box-inform a:hover{
        color: #1c5f94;
        background: #eee;
        border-color: #aaa;*/
}
a.social span{
    color: #fff;
    float: left;
    margin: 5px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 2.5em;
    padding: 4px;
}
a.social .icon-twitter{
    background:#1ab2e8;
}
a.social .icon-facebook{
    background:#3c599f;
}
a.social .icon-googleplus{
    background:#d64136;
}
a.social .icon-linkedin{
    background:#006395;
}
a.social-close,
a.inform-close{
    cursor:pointer;
    position:absolute;
    right: -9px;
    top: -9px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    padding:0px 4px 0 3px;
    background: #ccc;
    text-align: center;
    line-height: 20px;
    font-size: 1.5em;
}
a.inform-close{
    right: -12px;
    top: -16px;
}
a.ts-whatsapp img:nth-child(1){
    max-height:28px;
}
a.ts-whatsapp img:nth-child(2){
    display:none;
}
#content.home{
    width: 100%;
    /*background: #d7d9db;*/
    float: left;
    padding: 10px;
    box-sizing: border-box;
}
#content.inner{
    width: 70%;
    float: left;
    min-height: 100px;
    margin-top: 10px;
}
.container-inner{
    padding: 0 30px;
    box-sizing: border-box;
}
aside{
    width: 28%;
    float: left;
    min-height: 100px;
    margin: 10px 2% 30px 0;
}
aside.grey{
    background: #d7d9db;
    position:relative;
}
aside ul.menu-principale{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
aside ul.menu-principale li{
    margin: 2px 0;
    position: relative;
}
aside ul.menu-principale li strong.first{
    background: #d0d8db;/*rgba(27,91,141,0.5);*/
    font-size: 1.2em;
    padding-left: 10px;
}
aside ul.menu-principale li strong.first.active{
    background: #1c5f94;
}
aside ul.menu-principale li.icons strong.first a,
aside ul.menu-principale.icons li strong.first{
    padding: 20px 10px!important;
}
aside ul.menu-principale li.icons ul li strong{
    /*padding: 20px 24px!important;*/
    padding:0;
}
aside ul.menu-principale li.icons ul li.active strong{
    background: #e5e5e5;
}
aside ul.menu-principale li.icons strong.first{
    padding:0;
}
aside ul.menu-principale li.icons strong span{
    font-size: 3em;
    position: absolute;
    top: 4px;
}
aside ul.menu-principale li.icons strong em{
    font-style: normal;
    display: block;
    padding-left: 55px;
}
aside ul.menu-principale li.icons span.arrow.right.white{
    top: 22px;
}
aside ul.menu-principale li a,
aside ul.menu-principale li strong {
    display: block;
    text-decoration: none;
    color: #1c5f94;
    font-weight: 300;
    cursor: pointer
}
aside ul.menu-principale li strong.first a,
aside ul.menu-principale li ul li a{
    padding: 10px 14px;
}
aside ul.menu-principale li.icons ul li a{
    padding: 20px 24px;
}
aside ul.menu-principale li.icons ul li ul li a{
    padding: 20px 44px;
}
/*
ul.menu-principale li a.active{
    background: #fff;
    color: #1c5f94;
    font-weight: 400;
}

aside ul.menu-principale li:hover > strong,
aside ul.menu-principale li a:hover,
aside ul.menu-principale li strong:hover,*/
aside ul.menu-principale li:hover strong.first,
aside ul.menu-principale li:hover strong.first a,
aside ul.menu-principale li.open strong.first,
aside ul.menu-principale li strong.active a{
    /*background: #1c5f94;*/
    color: #fff;
}
ul.menu-principale li ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
aside ul.menu-principale li ul li{
    border-left: 6px solid #1c5f94;
    background:#fff!important;
}
aside ul.menu-principale li ul li ul li{
    border-left: none;
}
aside ul.menu-principale li ul li ul li a{
    background: #fdfdfd;
}
aside ul.menu-principale li ul li a{
    color: #333;
    background: #fafafa;
    position: relative;
    padding-left: 24px;
    padding-right: 25px;
}
aside ul.menu-principale li ul li strong{
    background: #fafafa;
}
aside ul.menu-principale li ul li ul a,
aside ul.menu-principale li ul li ul strong{
    padding-left: 44px;
}
aside ul.menu-principale li ul li.active a,
aside ul.menu-principale li ul li.active strong{
    background: #e5e5e5;
    /*color: #1c5f94;*/
}
aside ul.menu-principale li ul li.active ul li a{
    background: #fafafa;
    margin-right:0;
}
aside ul.menu-principale li ul li.active ul li.active a{
    background: #e5e5e5;
}
aside ul.menu-principale li span.arrow
{
    float: left;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    cursor:pointer;
}
.line-separator{
    height:5px;
    background:#fff;
    border-bottom:1px solid #fff;
    clear:both;
}
aside ul.menu-principale li ul li > strong a{
    margin-right:40px!important;
}
ul.menu-principale-mobile{
    /*border-bottom:5px solid #fff;*/
}
ul.menu-principale-mobile li span.arrow{
    float: left;
    position: relative;
    margin: 5px;
    width: 0;
    height: 0;
    border-style: solid;

}
ul.menu-principale-mobile li{
    position:relative;
}
aside ul.menu-principale li.icons span.arrow{
    top:22px;
}
aside ul.menu-principale li span.arrow.up,
aside ul.menu-principale li span.arrow.down{
    top:14px;
}
aside ul.menu-principale li.icons span.arrow.up,
aside ul.menu-principale li.icons span.arrow.down{
    top:24px;
}
/*aside ul.menu-principale li strong:hover span.arrow.up,*/
aside ul.menu-principale li:hover > span.arrow.up.blue{
    border-color: transparent transparent #fff transparent;
}
/*aside ul.menu-principale li strong:hover span.arrow.down,*/
aside ul.menu-principale li:hover > span.arrow.down.blue{
    border-color: #fff transparent transparent transparent;
}
aside ul.menu-principale-mobile li > span.arrow.down.blue{
    border-color: #fff transparent transparent transparent;

}
aside ul.menu-principale li span.arrow.right.white{
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
}
aside ul.menu-principale li span.arrow.up.white{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
}
aside ul.menu-principale li span.arrow.down.white{
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
}
aside ul.menu-principale li span.arrow.right.blue{
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #1c5f94;
}
aside ul.menu-principale li span.arrow.up.blue{
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #1c5f94 transparent;
}
aside ul.menu-principale li span.arrow.down.blue,
ul.menu-principale-mobile li a.has-child span.arrow.down.blue{
    border-width: 8px 8px 0 8px;
    border-color: #1c5f94 transparent transparent transparent;
}
ul.menu-principale-mobile li a.has-child span.arrow{
    display:block;
}
ul.menu-principale-mobile li span.arrow{
    display:none;
}
ul.menu-principale-mobile li a.has-child span.arrow.up.blue{
    border-width: 6px 6px 0 6px;
    border-color: #1c5f94 transparent transparent transparent;

}
ul.menu-principale-mobile li a.has-child span.arrow.down.blue{
    border-width: 6px 6px 0 6px;
}
ul.menu-principale li ul li ul,
ul.menu-principale-mobile li ul li ul{
    display: none;
}
ul.menu-principale ul.display-menu,
ul.menu-principale-mobile ul.display-menu{
    display: block;
}
ul.menu-principale li.open ul
ul.menu-principale-mobile li.open ul{
    display: block;
}
ul.menu-principale li.open ul ul,
ul.menu-principale-mobile li.open ul ul{
    display: none;
}
aside .block{
    background: #fff;
    color:#333;
    width: 90%;
    margin: 5%;
    box-sizing: border-box;
    padding: 15px 10px;
    overflow: hidden;
}
aside .block img{
    max-width: 90%;
    margin: 0 5%;
}
aside .block img.ipoint{
    max-width: 35%;
    margin: 0 auto;
    display:block;
}
aside .block.contact{
    font-size: 1em;
    line-height: 1.5em;
}
aside .block.contact p{
    margin: 9px 0;
    position: relative;
}
aside .block.contact span{
    font-size: 1.4em;
    margin: 0 5px 0 0;
    float:left;
}
aside .block.contact span.icon-address-book{
    font-size: 1.7em;
    color: #1c5f94;
    float:left;
    margin: 0 0 20px 0;
}
aside .block.contact h3{
    line-height: 1.6em;
    float:left;
    margin: 0 10px 20px 10px;
}
aside .block p{
    font-family: 'Arial';
}
aside .block ul{
    padding-left: 20px;
}
#content .text .profile img{
    float:left;
    width: 20%;
    margin: 0 20px 0 0;
}
.profile{
    float:left;
    position:relative;
    width: 100%;
    margin: 0 0 20px 0;
}
.abstract{
    width: 60%;
    float:left;
    position:absolute;
    bottom:0;
    left: 22%;
}
.abstract h3{
    margin: 20px 0 0 0!important;
}
.description{
    clear:both;
}
nav.mobile{
    text-align: right;
    background: #1c5f94;
    padding: 0;
    margin: 0;
    font-size: 1.2em;
}
nav.mobile > ul > li > strong{
    font-weight: 400;
    height: 45px;
    padding: 10px 20px 0 0;
    background: #6F92B2;
    color: #fff;
    margin: 0;
    border-bottom: 1px solid #1c5f94;
}
nav.mobile > ul > li > strong > a{color:#fff;}
a.has-child{cursor:pointer;}
nav.mobile ul{
    list-style: none;
    padding: 0;
    margin: 0;
    float:left;
    width: 250px;
}
nav.mobile ul li strong{
    width: 250px;
    float:left;
    min-height: 35px;
    padding-right: 25px;
    border-bottom: 1px solid #fff;
    font-weight: 400;
}
nav.mobile ul li ul li{
    background: #d0d8db;
    padding: 10px 30px 0 0;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
    width: 250px;
    float:left;
    min-height: 35px;
}
nav.mobile ul li ul li ul li{
    background: #DFE7EA;
    color: #666;
    padding: 10px 40px 0px 0;
}
nav.mobile ul li ul li ul li ul li{
    background: #EFF7FA;
    color: #333;
    padding: 10px 50px 0 0;
}
nav.mobile ul li ul li a{
    color:#1c5f94;
    text-decoration: none;
    font-weight: 300;
    float:right;
    min-height:30px;
}
.thumbgallery{
    list-style: none;
    float:left;
}
.thumbgallery li{
    float:left;
    margin: 5px;
    border: 1px solid #ddd;
    padding: 3px;
}
.thumbgallery li a{
    float:left;
}
.thumbgallery span{
    background-size: cover;
    background-position: 50% 50%;
    float:left;
    width: 130px;
    height: 90px;
}
#content .text .thumbgallery{
    padding: inherit;
    text-indent: inherit;
    margin: inherit;
}
#content .block,
#related-items .block{
    font-size: 1em;
    float: left;
    margin: 20px auto;
    padding:1px;
    width: 31%;
    padding-bottom: 31%;
    margin: 1%;
    background: #fff;
    border:1px solid #e2e2e2;
    position: relative;
    overflow: hidden;
}
#related-items .block{
    width: 99%;
}
#content .block .content,
#related-items .block .content{
    position: absolute;
    top: 6px;
    left: 0;
    width: 94%;
    margin: 3%;
}
#content .block .content span.image,
#related-items .block .content span.image{
    width: 100%;
    padding-bottom: 40%;
    float: left;
    background-size: cover;
    background-position: 50% 50%;
}
#content .block .content span.image.long,
#related-items .block .content span.image.long{
    width: 100%;
    padding-bottom: 70%;
    float: left;
}
/*#content .block .content .text{
    font-size: 0.8em;
}*/
#content .block .content .text,
#related-items .block .content .text{
    font-weight: 400;
    margin: 5px 0;
    line-height: 1.5em;
    float: left;
}
#content .block .content .text p,
#related-items .block .content .text p{
    font-family: 'Arial';
}
#content .block .content .text h4,
#related-items .block .content .text h4{
    font-size: 1.4em;
}
#content .block .content .text iframe,
#related-items .block .content .text iframe{
    width:100%;
    margin-top:15px;
}
#content .block p.go-to-detail{
    float: left;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: -1px;
    z-index: 40;
    margin: 0;
}
#content .block p.go-to-detail.grad,
#related-items .block p.go-to-detail.grad{
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#content .block p.go-to-detail span,
#related-items .block p.go-to-detail span{
    float: right;
    font-size: 1.2em;
    color: #1c5f94;
    width: 25px;
    height: 40px;
    padding: 0;
    position: relative;
    top: 40px;
    right: 0px;
}
#content .show-more,
#related-items .show-more{
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}
#content .show-more a,
#related-items .show-more a{
    text-decoration: none;
    color: #1c5f94;
    display: inline-block;
}
#content .show-more span,
#related-items .show-more span{
    font-size: 6em;
}
#content .show-more em,
#related-items .show-more em{
    color:#fff;
    background: #1c5f94;
    position: relative;
    bottom: 30px;
    padding: 20px 10px;
}
span.icon-ribbon{
    font-size: 3em;
    color: #fff;
    position: absolute;
    top: 20px;
    z-index: 20;
    right: 16px;
    display:none;
}
.no-csstransitions .ribbon{
    width: 50px;
    height: 50px;
    right:0;
    top:0
}
.no-csstransitions .icon-ribbon{
    right: 0;
    top:0;
}
.ribbon {
    color: #FFF;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    right: -45px;
    top: 15px;
    position: absolute;
    padding: 7px 0;
    height: 40px;
    width: 172px;
    background-color: #1c5f94;
    z-index: 10;
    display:none;
}
#related-items h5{
    font-size: 1.7em;
    background: #fff;
    margin: 0;
    padding: 15px;
}
#related-items ul{
    list-style: none;
    margin: 0;
    padding: 20px 0;
}
#related-items ul li{
    width: 300px;
    height: 300px;
}
#related-items{
    float: left;
    /*background: #8cacc5;*//*rgba(27,91,141,0.5);*/
    width: 100%;
    padding-bottom: 28px;
}
#related-items .block{
    height: 270px;
    position: relative;
}
#related-items .block p.go-to-detail{
    float: left;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 24px;
    z-index: 40;
    margin: 0;
}
#content .text h1,
#content .text h2,
#content .text h3,
#content .text h4,
#content .text h5{
    font-family: 'Exo 2'
}
#content .text {
    font-family: 'Arial'
}

#content .text img{
    max-width: 100%;
}

#content ul{
    list-style: none;
    padding:0;
    margin:0;
}
#content .text ul{
    padding: 0 0 0 1.3em;
    text-indent: -1.3em;
    margin: 1.5em 0;
}
#content .text li{
    margin: 0.8em 0 0.8em 1.1em;
}
#content .text li p{
    margin: 0;
    padding:0;
    display:inline;
}
#content .text ul.list-items li:before{
    content: "";
}
#content .text ul li:before {
    font-family: 'ts-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height:1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e623";
    font-size:1.7em;
    vertical-align:top;
    color:#1c5f94;
    margin: 0 8px 0 0;
}
#tableResults{
    width:100%;
    clear:both;
}
#tableResults table.features{
    max-width: 600px;
    width:85%;
    margin:10px 0;
}
#tableResults table.features tr{
    background: #fefefe;
    padding:10px 0;
}
#tableResults tr td{
    padding: 5px 10px 5px 10px;
}
table.features{
    margin: 10px 0;
}
.footable.no-paging .hide-if-no-paging {
    display: none;
}
#tableResults span.icon-detail{
    position:absolute;color:#1c5f94;font-size:1.6em;bottom:0;right:0}
#content ul.list-items, #tableResults .list-items{
    list-style: none;
    float: left;
    padding: 0;
    width: 100%;
}
#content ul.list-items li, #tableResults .list-items tbody tr{
    position: relative;
    margin: 10px 0 10px 0;
    padding: 5px 0 10px 0;
    float: left;
    border-bottom: 1px solid #1c5f94;
    width: 100%;
}
#content ul.list-items li span, #tableResults .list-items tbody tr span{
    float: right;
    color: #1c5f94;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#content ul.list-items li:active,
#content ul.list-items li:hover{
    opacity: .8;
}
#content ul.list-items a, .list-items a{
    color:#333;
    width:100%;
    float:left;
    text-decoration:none;
    position:relative;
}
#content .list-items span.thumb{
    float: left;
    margin: 0 3% 0 0;
    background-size: cover;
    background-position: 50% 50%;
    border: 5px solid #fafafa;
    padding: 2px;
    margin: 2px 5px 5px 0;
    width: 22%;
    height:120px;

}
#content .text img.thumb.map{
    float: left;
    margin: 5px 5px 5px 0;
    width: 22%;
}
#content ul.list-items li .content-list *{
    text-indent: 0;
}
.content-list h4{padding-right:30px;}
#content ul.list-items li .content-list{
    float: left;
    width: 75%;
}
#content ul.list-items li .content-list table{
    width: 90%;
    margin: 8px 10px;
}
#content ul.list-items li .content-list td.valore{
    font-weight: bold;
}
#content ul.list-items li .content-list td{
    float: left;
    width: 50%;
    background: #fafafa;
    text-indent: 14px;
    padding: 3px 0;
}
#content ul.list-items li .content-list h4{
    text-indent: 0;
    margin: 0 15px;
}
#content ul.list-items li .content-list p{
    width: 100%;
    float: left;
    margin: 5px 15px;
    padding: 0;
    text-indent: 0;
}
#content ul.list-items li .content-list span.link{
    text-decoration: none;
    color: #1c5f94;
    font-weight: 700;
}
.list-items tbody tr{
    background: #fafafa;
    margin: 2px 0;
    padding:  5px 10px;
}
.block .features td{
    background: #fcfcfc;
    padding: 5px;
}
.paging-holder ul{list-style:none;float:right;margin:10px auto;padding:0}
.paging-holder ul li{float:left}
.paging-holder li a{float:left;background:#1c5f94;color:#fff;margin:2px;padding:3px 8px;text-decoration:none;}
.paging-holder li.active a{background:#fff;border-bottom:2px solid #1c5f94;color:#1c5f94}
.paging-holder li.dot{text-indent:-9999px;margin:0;padding:0}
#content .text .paging-holder ul, #content .text .calendar ul{text-indent:0;}
#content .text .calendar ul{padding: 0;}
#content .text .paging-holder ul li:before, #content .text .calendar ul li:before{content:none}
#content .text .paging-holder ul li{margin:0 3px;text-align:center}
#content .text .calendar ul li{margin:0;}
.paging-holder a{color:#fff}
.paging-holder li.footable-page-arrow.disabled a,.paging-holder li.disabled a{color:#ddd;background:#fff}
.paging-holder li.footable-page-arrow a{background:#8CACC5}
#content.home li {
    padding-left: 1em;
    text-indent: -.7em;
    position: relative;
}
#content.home li span{
    position: absolute;
    top:13px;
    left: 50px;
}
#content.home li:before {
    content:'\25A0';
    color:#1c5f94;
    font-size: 2em;
}
p.breadcrumbs{
    margin: 0 0 25px 0;
    padding:15px 30px;
    background-color:#f2f2f2;
    font-size: 1em;
}
#content .text{
    line-height: 1.6em;
    margin: 0;
    padding-right:48px;
}
#content .text h1{
    font-size: 1.8em;
}
#content .text h2{
    font-size: 2em;
    line-height: 1em;
    margin: 0 0 20px 0;
    font-weight: 600;
}
#content .text h3{
    font-size: 1.4em;
    margin: 15px 0;
}
#content .text h4{
    font-size: 1.2em;
}
#content .text h5{
    font-size: 1em;
}
.image-title{
    height: 400px;
    position: relative;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
    background-size: cover;

}
.image-title h3{
    line-height: 1.1em;
}
.image-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right;
    background: rgba(27,91,141,0.8);
    padding: 5px 20px 20px 15px;
    box-sizing: border-box;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
}
.image-content h2, .image-content h3{
    color: #fff;
}
#content .text .image-content h3{
    font-weight: 300;
    font-size: 1.6em;
}
footer{
    float: left;
}
footer .container-blue{
    background: #1c5f94;
    color:#fff;
    float: left;
    margin-bottom:30px;
}
.box-footer{
    width: 23%;
    float: left;
    margin: 1%;
}
.box-footer a{
    color: #fff;
}
.box-footer p{
    line-height: 1.8em;
    margin: 0;
    padding: 0;
    float: left;
    font-family: 'Arial';
    width: 100%;
}
.box-footer p span{
    font-size: 1.8em;
    float: left;
    margin-right: 5px;
}
.box-footer.due p{
    margin-bottom:12px;
}
.box-footer a.social{
    font-size: 2.5em;
    text-decoration: none;
    color:#fff;
    background: #1c5f94;
    margin: 7px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0;
}
footer h3,
footer h2,
footer h4{
    margin: 10px 0;
    color: #fff;
}
.box-footer.tre{float:right;}
.box-footer-end .left,.box-footer-end .right{
    width: 50%;
    float: left;
    font-size: 0.8em;
    font-family: 'Arial';
}
.box-footer-end p.copyright{
}
.box-footer-end ul#menu-footer{
    list-style: none;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    font-size: 1.1em;
    text-align:right;
}
.box-footer p a{
    display:block;
}
.box-footer-end p{
    margin: 10px 0;
}
.box-footer-end ul#menu-footer li{
    display:inline-block;
    margin: 0px 0 0px 20px;
}
.box-footer-end ul#menu-footer a{
    color: #000;
    text-decoration: underline;
}
.box-footer-end ul#menu-footer a:hover, .box-footer-end ul#menu-footer a:active{
    color: #999;
    text-decoration: underline;
}
.box-footer-end p.credits{
    width: 100%;
    margin: 2px 0;
    text-align: right;
    margin-right: 10px;
    float: left;
}
.text-form .long label{
    width: 90%;
}
.table-form strong{float:left; margin-top:30px;}
.text-form.table-form p{margin:10px 0 0 0 ;}
.text-form label,.text-form span.disabled label{
    float:left;
    width: 60%;
    margin: 10px 20px 0px 0;
    color:#666;
}
.text-form .label-long label{
    width:90%;
}
.text-form input[type=text]:disabled{
    background:#eee;
    border: 1px solid #bbb;
}
.text-form .disabled label,.text-form .disabled p{
    color:#aaa;
}
.text-form input[type=text],
.text-form input[type=password]{
    float:left;
    width: 60%;
    max-width: 400px;
    border:1px solid #1c5f94;
    height: 30px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1em;
    color:#333;
    padding: 2px 8px;
    float: left;
    margin: 0px 0 10px 0;
}
.text-form .field{
    width:100%;
    float:left;
}
.text-form .field.short input[type=text]{
    width: 80%;

}
.field.short{
    width: 40%;
}
.field table{
    width:90%;
    clear:both;
}
.block-form{
    float:left;
    width:100%;
    margin: 5px 0;
    background: #fafafa;
    padding: 0 10px 10px 20px;
}
.block-form .indent{
    margin: 10px 40px;
}
.text-form .indent label{
    width: 80%;
}
.text-form input[type=checkbox]{
    float:left;
    margin:14px 10px 0 0;

}
.text-form input[type="radio"] {
    position:absolute;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
}
.text-form input[type="radio"]:disabled + label:before{
    background: #eee;
    border-color: #bbb;
    padding: 0;
    box-shadow: none;
}
.text-form input[type="radio"]:disabled + label{
    color: #aaa;
}
.text-form input[type="radio"] + label:hover{
    cursor:pointer;
}
.text-form input[type="radio"] + label {
    position:relative;
    padding: 0;
    line-height: 25px;
    text-indent:30px;
}
.text-form input[type="radio"] + label:before {
    content:"";
    display:block;
    position:absolute;
    top:2px;
    height: 20px;
    width: 20px;
    background: white;
    border: 1px solid #1c5f94;
    box-shadow: inset 0px 0px 0px 4px white;
    -webkit-box-shadow: inset 0px 0px 0px 4px white;
    -moz-box-shadow: inset 0px 0px 0px 4px white;
    -o-box-shadow: inset 0px 0px 0px 4px white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.text-form input[type="radio"]:checked + label:before {
    background: #1c5f94;
}
.text-form p{
    float:left;
    width: 100%;
    margin: 20px 0 0 0;
    color:#333;
}
.text-form .action-button{
    float:right;
    font-size:1.5em;
}
.text-form .action-button.left{
    float:left;
}

/* Base for label styling */
.text-form [type="checkbox"]:not(:checked),
.text-form [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.text-form [type="checkbox"]:not(:checked) + label,
.text-form [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */
.text-form [type="checkbox"]:not(:checked) + label:before,
.text-form [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #1c5f94;
    background: #fff;
    border-radius: 3px;
}
/* checked mark aspect */
.text-form [type="checkbox"]:not(:checked) + label:after,
.text-form [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0; left: 4px;
    font-size: 14px;
    color: #1c5f94;
    transition: all .2s;
}
/* checked mark aspect changes */
.text-form [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.text-form [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.text-form [type="checkbox"]:disabled:not(:checked) + label:before,
.text-form [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.text-form [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.text-form [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.text-form [type="checkbox"]:checked:focus + label:before,
.text-form [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
.text-form label:hover:before {
    border: 1px solid #4778d9!important;
}
#search{
    width: 40px;
    margin: 6px 0;
    float:left;
    display:block;
}
#search .searchpanel{
    display:none;
}
#search .searchpanel span{color:#fff;}
header #search .searchpanel{
    float: right; width: 290px; margin: 15px 0px 0px;
    position:Relative;
    z-index:200;
}
#search span{
    font-size:2.2em;
    color: #fff;
    cursor: pointer;
}
#search span.mobile-show{
    color: #1c5f94;
    font-size:1em;
}
.searchpanel input[type=text]{
    width: 250px;
    border:1px solid #1c5f94;
    height: 30px;
    background: #fafafa;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 1em;
    color:#333;
    padding: 2px 8px;
    float: left;
    margin: 0px 0 10px 0;
}
.searchpanel{
    width:100%;
    float:left;
    clear: both;
    margin: 10px 0 20px 0;
}
.searchpanel a span{
    border:1px solid #1c5f94;
    height: 30px;
    background: #1c5f94;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 2em;
    color:#fff;
    padding: 0px 4px;
    float: left;
    margin: 0px 0 10px 0;
}
.searchpanel a span:hover{
    background: #8CACC5;
}
.block-results h3{
}
#content .text ul.list2col{
    margin:0;
}
.block-results, .list2col{
    width:100%;
    float:left;
}
.block-results .list2col li{
    float:left;
    width:310px;
    padding: 0 10px;}
.block-results .list2col li a{
    word-break: normal;
}
/*SLIDER*/
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color:#8CACC5;
    z-index: 2000;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 7px;
    outline: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#related-items .bx-wrapper .bx-pager.bx-default-pager a{
    width: 14px;
    height: 14px;

}
#related-items .bx-wrapper .bx-pager{
    bottom: -24px;

}
.bx-wrapper .bx-pager {
    text-align: center;
    bottom: 14px;
    position: absolute;
    width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1c5f94;
}

.bx-wrapper .bx-prev {
    left: -70px;
    background: url(../images/controls.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
    right: -70px;
    background: url(../images/controls.png) no-repeat -43px 0;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0px;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0px;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 100;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.video-item{
    width:100%;
    background:#FAFAFA;
    margin: 5px 0;
}
.video-item iframe{
    margin: 20px 0 10px 20px;
}
.video-item .caption{
    font-family: 'Arial';
    font-size: 1.05em;
    line-height: 1.1em;
    padding: 0 20px 20px 20px;
}
.video-item h3{
    font-family: 'Exo 2';
    margin: 2px 0 0px 20px;
    font-size: 1.5em;
    padding: 20px 0 0;
}
/*SECTION COLORS*/
/*.sportello
.ELE0006332 h1,
.ELE0006332 h2,
.ELE0006332 h3,
.ELE0006332 h4,
.ELE0006332 h5{
        color:#4f7587;
}
aside.ELE0006332 ul.menu-principale li span.arrow.up.blue{
        border-bottom-color:#4f7587;
}
aside.ELE0006332 ul.menu-principale li span.arrow.down.blue{
        border-top-color:#4f7587;
}
aside.ELE0006332 ul.menu-principale li strong.first.active,
aside.ELE0006332 ul.menu-principale li:hover strong.first,
aside.ELE0006332 ul.menu-principale li:hover strong.first a,
aside.ELE0006332 ul.menu-principale li.open strong.first,
aside.ELE0006332 ul.menu-principale li strong.active a
{
        background:#4f7587;
}
aside.ELE0006332 ul.menu-principale li ul li
{
        border-left-color:#4f7587;
}*/
/* imprenditore */
.ELE0000048 h1,
.ELE0000048 h2,
.ELE0000048 h3,
.ELE0000048 h4,
.ELE0000048 h5{
    color:#90837a;
}
aside.ELE0000048 ul.menu-principale li span.arrow.up.blue{
    border-bottom-color:#90837a;
}
aside.ELE0000048 ul.menu-principale li span.arrow.down.blue{
    border-top-color:#90837a;
}
aside.ELE0000048 ul.menu-principale li strong.first.active,
aside.ELE0000048 ul.menu-principale li:hover strong.first,
aside.ELE0000048 ul.menu-principale li:hover strong.first a,
aside.ELE0000048 ul.menu-principale li.open strong.first,
aside.ELE0000048 ul.menu-principale li strong.active a
{
    background:#90837a;
}
aside.ELE0000048 ul.menu-principale li ul li
{
    border-left-color:#90837a;
}
/*azienda */
.ELE0000071 h1,
.ELE0000071 h2,
.ELE0000071 h3,
.ELE0000071 h4,
.ELE0000071 h5{
    color:#54705c;
}
aside.ELE0000071 ul.menu-principale li span.arrow.up.blue{
    border-bottom-color:#54705c;
}
aside.ELE0000071 ul.menu-principale li span.arrow.down.blue{
    border-top-color:#54705c;
}
aside.ELE0000071 ul.menu-principale li strong.first.active,
aside.ELE0000071 ul.menu-principale li:hover strong.first,
aside.ELE0000071 ul.menu-principale li:hover strong.first a,
aside.ELE0000071 ul.menu-principale li.open strong.first,
aside.ELE0000071 ul.menu-principale li strong.active a
{
    background:#54705c;
}
aside.ELE0000071 ul.menu-principale li ul li
{
    border-left-color:#54705c;
}
/*mercati + trend */
.ELE0000185 h1,
.ELE0000185 h2,
.ELE0000185 h3,
.ELE0000185 h4,
.ELE0000185 h5,
.ELE0000049 h1,
.ELE0000049 h2,
.ELE0000049 h3,
.ELE0000049 h4,
.ELE0000049 h5{
    color:#965c38;
}
aside.ELE0000185 ul.menu-principale li span.arrow.up.blue,
aside.ELE0000049 ul.menu-principale li span.arrow.up.blue{
    border-bottom-color:#965c38;
}
aside.ELE0000185 ul.menu-principale li span.arrow.down.blue,
aside.ELE0000049 ul.menu-principale li span.arrow.down.blue{
    border-top-color:#965c38;
}
aside.ELE0000185 ul.menu-principale li strong.first.active,
aside.ELE0000185 ul.menu-principale li:hover strong.first,
aside.ELE0000185 ul.menu-principale li:hover strong.first a,
aside.ELE0000185 ul.menu-principale li.open strong.first,
aside.ELE0000185 ul.menu-principale li strong.active a,
aside.ELE0000049 ul.menu-principale li strong.first.active,
aside.ELE0000049 ul.menu-principale li:hover strong.first,
aside.ELE0000049 ul.menu-principale li:hover strong.first a,
aside.ELE0000049 ul.menu-principale li.open strong.first,
aside.ELE0000049 ul.menu-principale li strong.active a
{
    background:#965c38;
}
aside.ELE0000185 ul.menu-principale li ul li,
aside.ELE0000049 ul.menu-principale li ul li
{
    border-left-color:#965c38;
}
/* partner */
.ELE0000073 h1,
.ELE0000073 h2,
.ELE0000073 h3,
.ELE0000073 h4,
.ELE0000073 h5{
    color:#404573;
}
aside.ELE0000073 ul.menu-principale li span.arrow.up.blue{
    border-bottom-color:#404573;
}
aside.ELE0000073 ul.menu-principale li span.arrow.down.blue{
    border-top-color:#404573;
}
aside.ELE0000073 ul.menu-principale li strong.first.active,
aside.ELE0000073 ul.menu-principale li:hover strong.first,
aside.ELE0000073 ul.menu-principale li:hover strong.first a,
aside.ELE0000073 ul.menu-principale li.open strong.first,
aside.ELE0000073 ul.menu-principale li strong.active a
{
    background:#404573;
}
aside.ELE0000073 ul.menu-principale li ul li
{
    border-left-color:#404573;
}
/* investire */
.ELE0000072 h1,
.ELE0000072 h2,
.ELE0000072 h3,
.ELE0000072 h4,
.ELE0000072 h5{
    color:#828251;
}
aside.ELE0000072 ul.menu-principale li span.arrow.up.blue{
    border-bottom-color:#828251;
}
aside.ELE0000072 ul.menu-principale li span.arrow.down.blue{
    border-top-color:#828251;
}
aside.ELE0000072 ul.menu-principale li strong.first.active,
aside.ELE0000072 ul.menu-principale li:hover strong.first,
aside.ELE0000072 ul.menu-principale li:hover strong.first a,
aside.ELE0000072 ul.menu-principale li.open strong.first,
aside.ELE0000072 ul.menu-principale li strong.active a
{
    background:#828251;
}
aside.ELE0000072 ul.menu-principale li ul li
{
    border-left-color:#828251;
}
/* eventi
.ELE0000074 h1,
.ELE0000074 h2,
.ELE0000074 h3,
.ELE0000074 h4,
.ELE0000074 h5{
        color:#5e5c54;
}
aside.ELE0000074 ul.menu-principale li span.arrow.up.blue{
        border-bottom-color:#5e5c54;
}
aside.ELE0000074 ul.menu-principale li span.arrow.down.blue{
        border-top-color:#5e5c54;
}
aside.ELE0000074 ul.menu-principale li strong.first.active,
aside.ELE0000074 ul.menu-principale li:hover strong.first,
aside.ELE0000074 ul.menu-principale li:hover strong.first a,
aside.ELE0000074 ul.menu-principale li.open strong.first,
aside.ELE0000074 ul.menu-principale li strong.active a
{
        background:#5e5c54;
}
aside.ELE0000074 ul.menu-principale li ul li
{
        border-left-color:#5e5c54;
}*/
/* bandiappalti */
.ELE0009003 h1,
.ELE0009003 h2,
.ELE0009003 h3,
.ELE0009003 h4,
.ELE0009003 h4 a,
.ELE0009003 h5{
    color:#6f3251;
}
aside.ELE0009003 ul.menu-principale li span.arrow.up.blue{
    border-bottom-color:#6f3251;
}
aside.ELE0009003 ul.menu-principale li span.arrow.down.blue{
    border-top-color:#6f3251;
}
aside.ELE0009003 ul.menu-principale li strong.first.active,
aside.ELE0009003 ul.menu-principale li:hover strong.first,
aside.ELE0009003 ul.menu-principale li:hover strong.first a,
aside.ELE0009003 ul.menu-principale li.open strong.first,
aside.ELE0009003 ul.menu-principale li strong.active a
{
    background:#6f3251;
}
aside.ELE0009003 ul.menu-principale li ul li
{
    border-left-color:#6f3251;
}
/*CSS EFFECTS*/

.glow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.glow:hover, .glow:focus, .glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.grow {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@-webkit-keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.buzz {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz:hover, .buzz:focus, .buzz:active {
    -webkit-animation-name: buzz;
    animation-name: buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.mobile-show{
    display:none!important;
}
.mobile-hide{
    display:block!important;
}
.social-bar {
    text-align: center;
    overflow: auto;
    position: fixed;
    top:30%!important;
    bottom: auto;
    right: 0;
}
.social-bar a {
    max-width:48px;
    padding: 12px;
    display:block;
    color: white;
    font-size: 26px;
}
.social-bar a:hover {
    border-right:4px solid #000;
}
.twitter { background: #1da1f2;border-right-color: #1797C2!important;}
.facebook { background: #3b5998; border-right-color:#1151B0!important;-webkit-border-top-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            border-top-left-radius: 5px;}
.google-plus {background: #dd4b39; border-right-color:#dd3333!important;}
.mail { background: #171717; border-right-color:#373737!important;-webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;}
.pinterest { cursor:pointer;background: #bd081c; border-right-color:#d50c22!important;}
@media screen and (min-width:1224px) /*Desktop large*/{
    #container,#main.sticky > div{width: 1200px;}
    #related-items .block p.go-to-detail{bottom: 20px;}
    #content .block{width: 23%;padding-bottom: 23%;margin: 1%;}
    span.icon-ribbon{font-size: 2.6em;}
    .mobile-show{display:none!important;}
    /*.box-footer.uno{width:30%!important;}
        .box-footer.due{width:30%!important;}
        .box-footer.tre{width:20%!important;}*/
    .box-footer.uno{width:28%!important;}
    .box-footer.due{width:14%!important;}
    .box-footer.tre{width:25%!important;}
    .box-footer.quattro{width:25%!important;}
}
@media screen and (min-width:1024px) and (max-width:1224px){
    #container{width: 100%;}
    span.icon-ribbon{font-size: 2.7em;}
    .mobile-show{display:none!important;}
    /*.box-footer.uno{width:40%!important;}
        .box-footer.due{width:25%!important;margin:2% 1%;}
        .box-footer.tre{width:25%!important;}*/
    .box-footer.uno{width:33%!important;}
    .box-footer.due{width:13%!important;}
    .box-footer.tre{width:23%!important;}
    .box-footer.quattro{width:23%!important;}
    header a.logo-ts{background-size:40%!important;}
    nav.menu-superiore ul li ul > li:first-child a,nav.menu-superiore ul li ul > li a{padding:0 7px;}
    nav.menu-superiore ul li ul > li{margin:0;}
    ul.shortcuts li{margin: 0 1px;width:110px;}
    ul.shortcuts li:first-child{
        margin-left:0px;
        margin-right:2px;
    }
    ul.shortcuts li:last-child{
        margin-right:0px;
        margin-left:3px;
    }
    ul.shortcuts li a em{width:74%;margin-left:13%;margin-right:13%;font-size:1.1em;}
}
@media screen and (min-width:768px) and (max-width:1024px){
    #container{width: 100%;}
    span.icon-ribbon{font-size: 2.7em;}
    .mobile-show{display: none!important;}

    ul.shortcuts li{margin: 0 1px;width:110px;font-size:0.70em;}
    .sticky ul.shortcuts li{width:110px;}
    ul.shortcuts li:first-child{
        margin-left:0px;
        margin-right:2px;
    }
    ul.shortcuts li:last-child{
        margin-right:0px;
        margin-left:3px;
    }
    ul.shortcuts li a em{width:74%;margin-left:13%;margin-right:13%;font-size:1.1em;}
    ul.fotogallery li{height:300px;}
    ul.fotogallery li div strong{font-size:3em;}
    ul.fotogallery li div span{margin:5px 0 10px 0;}
    header a.logo-ts{background-size:40%!important;}
    nav.menu-superiore ul li ul > li:first-child a,nav.menu-superiore ul li ul > li a{padding:0 7px;}
    nav.menu-superiore ul li ul > li{margin:0;}
    /*immagini aziende*/
    .text td h3 > div{float:none!important;margin-bottom:10px!important;}
    #overlay-content{left:0;width:100%;}
    #overlay-content img{width:100%;}
}
@media screen and (max-width:768px){
    #container{width: 100%;}
    ul.shortcuts li a{float:none;}
    .box-footer a.social{margin:12px;}
    span.icon-ribbon{font-size: 2.3em;top:22px;}
    #content .block{width: 48%;padding-bottom: 48%;margin: 1%;}
    #content .text{padding-right:0;}
    nav#main h3{font-size: 1.5em;width:80%;margin:15px 10%;}
    .mobile-show{display: none!important;}
    .sticky{display:none;}
    .social-bar {width:100%;position:absolute;top:7.25%!important;background-color:#f7f7f7;text-align:left;padding-left:10px;}
    .social-bar a {display:inline-block;width:36px;font-size:20px;padding:7px 0;text-align:center;}
    .facebook {-webkit-border-top-left-radius: 0px;-moz-border-radius-topleft: 0px;border-top-left-radius: 0px;}
    .mail {-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-left-radius: 0px;}
    /*MENU*/
    footer h3{font-size: 1.5em;}
    .box-footer{width: 100%;text-align: center;margin: 10px 0;}
    .box-footer p span{float: none;position: relative;top:5px;}
    .box-footer p{width: 80%;background:#7194b4; margin:8px 10%; padding: 6px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
    .box-footer p.sportello{background:#FB0080;}
    .box-footer p a{text-decoration: none;}
    .box-footer-end .left{float: right;}
    .box-footer-end .right{float: left;}
    .box-footer-end .left,  .box-footer-end .right, .box-footer-end p.credits{width:100%;text-align: center;}
    .box-footer-end ul#menu-footer{width: auto; display:inline;margin:5px 0;}
    .box-footer-end ul#menu-footer li{margin: 5px 10px;}
    .box-footer a.social{float: none;margin: 10px;font-size: 3.5em;}
    .jPanelMenu-panel{-webkit-box-shadow: 5px 0px 5px 0px rgba(50, 50, 50, 0.75);
                      -moz-box-shadow:    5px 0px 5px 0px rgba(50, 50, 50, 0.75);
                      box-shadow:         5px 0px 5px 0px rgba(50, 50, 50, 0.75);float:left;}
    a.settings{margin: 10px;text-align:right;font-size:1.2em;text-decoration:none;display:block;float:right;color:#1c5f94;}
    a.settings span.icon-setting{font-size:2em;padding:0;float:left; }
    a.settings span.title{padding:10px 0;float:left; }
    .utilities{width:100%;min-width:0;text-align:right;position:relative;}
    .utilities span{float:right;width:100%;padding:0 10px 0 0;color:#1c5f94;}
    .utilities a{color:#000;}
    #screen-switcher{border:none;padding:0;margin:0;float: left;width: auto;overflow:hidden;}
    a.high-visibility,.styled-select,#caratteri{float:right;padding-right: 10px;}
    .menu-block{float: left;width: 100%;background: #f4f4f4;margin: 1px 0;padding: 10px 0 5px 0;}
    .image-title{height:250px;position:relative;font-size:0.85em;}
    .ios a.back{display:none;}
    a.back{position:absolute;top:80px;left:0;z-index:400;background:#1c5f94;color:#fff}
    aside{width:100%;float:right;min-height:0!important;margin:0;}
    #content.inner{float:right;}
    aside ul.menu-principale{display:none;}
    #container{width: 100%;padding: 0;float: left;}
    header, #content{padding: 0 10px;}
    #content.inner{width: 100%;}
    .box-footer a.social{margin:12px;}
    span.icon-ribbon{font-size: 2.3em;top:22px;}
    #content .block{width: 98%;padding-bottom: 78%;margin: 3% 1%;}
    #content .block .content span.image.long{padding-bottom:60%;}
    .menu-trigger{display: block!important;position: absolute; right: 0; font-size: 2em; z-index: 100;color:#1c5f94;cursor: pointer;width:40px;padding:12px 0;}
    #menu{display: none;}
    .logo-eu-bic {position: absolute;bottom: 0px;left:5px;}
    .logo-trentino {position: absolute;bottom: 0px;left:115px;}
    .logo-trentinoexpo{position: absolute;bottom: 0;left:20%;}
    header{height: 100px;}
    #content .block .content .text{font-size:1em;}
    .mobile-show{display: block!important;}
    .mobile-hide{display: none!important;}
    ul.fotogallery a{float: right; }
    ul.fotogallery li{height: 200px;}
    ul.fotogallery li div strong{background: rgba(27,91,141,0.7);font-size: 1.8em;padding: 5px 10px 10px;}
    ul.fotogallery li div p,ul.fotogallery li div span,.bx-pager{display: none;}
    ul.fotogallery li div{bottom: 0px!important;right: 0;top:auto;padding: 0;}
    ul.fotogallery li div span{margin:5px 0 10px 0;}
    header a.logo-ts{max-width: 53%;background-size:90%!important;height:52px;background-position:0 0;}
    /*.tooltip-slider{display:none!important;}*/
    #content .text h4{font-size:1.2em;}
    #content .text .list-items h4{font-size:1.2em;}
    #content .text h2{font-size:1.5em;}
    /*#jPanelMenu-menu #search .searchpanel{display:block!important;}
        #jPanelMenu-menu #search .searchpanel input[type=text]{width: 130px;margin: 0 0 0 55px;}
        #jPanelMenu-menu #search .searchpanel a{width: 40px;float:left;}*/
    #search{width:100%;margin:1px 0;}
    ul.languages{float:right;}
    .field.short{width: 100%;}
    #content.ELE0000072 p.breadcrumbs,#content.ELE0000072 p.breadcrumbs a{color:#828251;}
    #content.ELE0000074 p.breadcrumbs,#content.ELE0000074 p.breadcrumbs a{color:#5e5c54;}
    #content.ELE0000071 p.breadcrumbs,#content.ELE0000071 p.breadcrumbs a{color:#54705c;}
    #content.ELE0000073 p.breadcrumbs,#content.ELE0000073 p.breadcrumbs a{color:#404573;}
    #content.ELE0009003 p.breadcrumbs,#content.ELE0009003 p.breadcrumbs a{color:#6f3251;}
    #content.ELE0000048 p.breadcrumbs,#content.ELE0000048 p.breadcrumbs a{color:#90837a;}
    #content.ELE0006332 p.breadcrumbs,#content.ELE0006332 p.breadcrumbs a{color:#4f7587;}
    #content.ELE0000185 p.breadcrumbs,#content.ELE0000185 p.breadcrumbs a,
    #content.ELE0000049 p.breadcrumbs,#content.ELE0000049 p.breadcrumbs a{color:#965c38;}
    a.ts-whatsapp img:nth-child(2){
        max-height:50px;
        display:inline;
    }
    a.ts-whatsapp img:nth-child(1){
        display:none;
    }
    /*immagini aziende*/
    .text td h3 > div{float:none!important;margin-bottom:10px!important;}
    #overlay-content{left:0!important;width:100%!important;}
    #overlay-content img{width:100%;}
}
@media screen and (min-width:480px) and (max-width:768px){
    header a.logo-ts {
        top:5px;
        left:5px;
    }
    #container{width: 100%;}
    .box-footer a.social{margin:12px;}
    span.icon-ribbon{font-size: 2.3em;top:22px;}
    #content .block{width: 48%;padding-bottom: 44%;margin: 1%;}

    nav#main h3{font-size:2em;}

    .box-footer{width: 50%;text-align: center;margin: 10px 0;}
    .box-footer p{width: 90%; margin:8px 5%; }
    .box-footer a.social{margin: 5px;}
    .box-footer.tre{clear:both;}
    ul.shortcuts{display:none;}
    ul.shortcuts{padding:0; width: 480px; margin: 0 auto;}
    ul.shortcuts li{ width: 150px; height: 70px; float: left; background: #1c5f94; border: 2px solid #1c5f94; margin: 5px; display: table-cell;}
    ul.shortcuts li a em{ color: #fff; width: 70%; float: left; margin: 0; padding: 15px 5px 5px 10px; text-align: left; height: 100%;vertical-align: middle; font-size: 1.3em;}
    ul.shortcuts li:hover a em, ul.shortcuts li:active a em{ color: #1c5f94; background: #fff; }
    ul.shortcuts li span{ background: #fff; color: #1c5f94; font-size: 4em; width: 30%; float: left; padding: 8px 0 0; margin: 0; height: 100%; border: none;}
    ul.shortcuts li:hover span, ul.shortcuts li:active span { background: #1c5f94; color: #fff; }

    ul.fotogallery li{height:200px;}
    ul.fotogallery li div p,ul.fotogallery li div span.subtitle{display:block;clear:both;margin:0;padding:0}
    ul.fotogallery li div strong{background:none;font-size:2em;text-align:right;}
    ul.fotogallery li div a{background:rgba(27, 91, 141, 0.7);}
    ul.fotogallery li div span.subtitle{padding:10px;margin:0;font-size:1.8em;text-align:right;width:auto;}
    #overlay-content{left:0!important;width:100%!important;}
    #overlay-content img{width:100%;}
}
@media screen and (max-width:480px){
    ul.fotogallery li{height:122px;}
    header a.logo-ts {
        top:12px;
        left:5px;
        max-width: 80%;
        background-size:95%!important;
        height:52px;
        background-position:0 0;}
    .logo-eu-bic {position: absolute;bottom: 0px;left:5px;}
    .logo-trentino {position: absolute;bottom: 0px;left:80px;}
    .logo-trentino div, .logo-eu-bic div {background-size:70%;}
    ul.shortcuts{display:none;}
    ul.shortcuts{padding:0; width: 308px; margin: 0 auto;}
    ul.shortcuts li{ width: 144px; height: 64px; float: left; background: #1c5f94; border: 2px solid #1c5f94; margin: 5px; display: table-cell;}
    ul.shortcuts li a em{ color: #fff; width: 70%; float: left; margin: 0; padding: 15px 5px 5px 10px; text-align: left; height: 100%;vertical-align: middle; font-size: 1.1em;}
    ul.shortcuts li:hover a em, ul.shortcuts li:active a em{ color: #1c5f94; background: #fff; }
    ul.shortcuts li span{ background: #fff; color: #1c5f94; font-size: 4em; width: 30%; float: left; padding: 8px 0 0; margin: 0; height: 100%; border: none;}
    ul.shortcuts li:hover span, ul.shortcuts li:active span { background: #1c5f94; color: #fff; }
    .element { width: 150px!important;}
    #options{font-size:0.8em;}
    #content .list-items span.thumb{width:40%;margin:0 3% 0 0;height:100px;}
    #content .text img,#content .text iframe{ width: 100%!important; margin: 5px  0!important; height: auto!important;}
    .element .info .role{font-size:0.8em!important;}
    .image-content h2{font-size:1.9em}
    .image-content h3{font-size:1.35em; margin: 10px 0 0 0;}
    #related-items h5{font-size:1.5em;}
    #content .text .profile img{width: 50%!important; margin: 5px  0!important; height: auto!important;}
    aside{float:right;}
    .abstract{width: 50%;float:left;position:absolute;bottom: 2px;left: 52%;font-size: 0.9em;}
    #content .text .abstract h3{font-family:'Arial';font-size:1.15em}
    a.back-text{float:left;margin-left:20px;}
    #content a.back-text{margin:5px 0;}
    #content .text img.thumb.map{float: left; margin: 5px 2% 5px 0;width: 48%!important;}
    .grey-button{font-size:0.8em;height:30px;margin:10px 3px;}
    .box-social{left:0px;}
    .box-inform{left:0px;}
    .social-bar {top:6%!important;}
    .shortcut li{
        width:50%;
        margin-bottom: 1em;
    }
    .shortcut li a{
        font-size:1em;
    }
    .shortcut li a span{
        display:block;
        font-size:4em;
    }
    h4 + .shortcut li a span{
        font-size:4em;
    }
    header{height:70px;}
    .logo-trentino, .logo-eu-bic {top:60px;}
    #overlay-content{left:0!important;width:100%!important;}
    #overlay-content img{width:100%;}
}
@media screen and (max-width: 321px){
    .element{width:135px!important;margin:3px!important;}
    #overlay-content{left:0!important;width:100%!important;}
    #overlay-content img{width:100%;}
}


/*ALTA VISIBILITA'*/
body.high, body.high #content .block, body.high #related-items .block, body.high #content .show-more em,
body.high #content .text,
body.high .jPanelMenu-panel,
body.high .box-footer p, body.high nav.mobile > ul > li > strong, body.high nav.mobile ul li ul li, body.high .menu-block, body.high .back-to-top, body.high ul.shortcuts li a em,
body.high .text-form input[type=text],
body.high textarea,
body.high .field select,
body.high .fields select,
body.high .grey-button span.icon-fax,
body.high .grey-button span.icon-plus,
body.high .grey-button span.icon-share,
body.high .grey-button strong,
body.high .eventCalendar-wrap,
body.high .eventsCalendar-list-wrap,
body.high .eventsCalendar-day a,
body.high .eventsCalendar-list li
{
    background: #000!important;
    color:#FF0;
}
body.high ul.shortcuts li,
body.high .grey-button span.icon-fax,
body.high .grey-button span.icon-plus,
body.high .grey-button span.icon-share,
body.high .grey-button strong{
    border-color: #ff0;
}

body.high .grey-button span.icon-fax,
body.high .grey-button span.icon-plus,
body.high .grey-button span.icon-share,
body.high .grey-button strong{
    border: 1px solid;
}
body.high .back-to-top{
    text-decoration: none;
}
body.high #content .block p.go-to-detail.grad,
body.high #related-items .block p.go-to-detail.grad{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 20%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
body.high h1,
body.high h2,
body.high h3,
body.high h4,
body.high h5,
body.high nav.mobile ul li ul li a,
body.high .text-form input[type=text],
body.high textarea,
body.high .field select{
    color: #fff;
}
body.high #content.home,
body.high .box-footer a.social,
body.high #related-items,
body.high #related-items h5,
body.high aside ul.menu-principale li ul li.active a,
body.high aside ul.menu-principale li ul li a,
body.high .list-items tbody tr,
body.high .action-button,
body.high aside ul.menu-principale li strong.active a,
body.high .block-form,
body.high .input-text{
    background: #666;
}
body.high .ribbon, body.high .container-blue,
body.high aside .block,
body.high aside ul.menu-principale li strong,
body.high aside ul.menu-principale li strong:hover,
body.high aside ul.menu-principale li strong a:hover,
body.high aside ul.menu-principale li.open strong.first,
body.high aside ul.menu-principale li.open strong.open,
body.high aside ul.menu-principale li strong.active a
          body.high nav.mobile ul li ul li,
body.high ul.shortcuts li span{
    background: #333;
}
body.high *, body.high ul.shortcuts li span,
body.high .box-footer a.social,
body.high #content .block p.go-to-detail span,
body.high #related-items .block p.go-to-detail span,
body.high aside ul.menu-principale li strong,
body.high aside ul.menu-principale li a,
body.high aside ul.menu-principale li ul li.active a{
    color:#FF0;
}
body.high a{
    color:#FF0;
    text-decoration: underline;
}
body.high ul.fotogallery li div strong,
body.high ul.fotogallery li div p,
body.high .blue-button{
    background: #333;
    width: auto;
    clear: both;
    margin: 0;
    float: right
}



/**************************************************************************************************/
/*           PLUGINS            */
/**************************************************************************************************/


/******/
/*= CORE CSS */
.hidden { display:none; }

.eventCalendar-wrap {
    position:relative;
    overflow:hidden;
}
.eventCalendar-wrap .arrow {
    position:absolute;
    z-index:5;
    top:3px;
}
.eventCalendar-wrap .prev {
    left:3px;
}
.eventCalendar-wrap .next {
    right:3px;
}

.eventsCalendar-currentTitle .monthTitle {
    display:block;
    text-align:center;
}
.eventsCalendar-monthWrap {
    position:absolute;
    top:0; left:0;
    z-index:2;
}
.eventsCalendar-monthWrap.currentMonth {
    z-index:1;
}
.eventsCalendar-daysList {
    display:table;
    width:100%;
}
.eventsCalendar-daysList.showAsWeek {
    display:block;
}

.eventsCalendar-daysList li {
    display:table-cell;
}
.eventsCalendar-daysList li.dayWithEvents {
    background:rgba(0,0,0,0.15);
}
.eventsCalendar-daysList li.current {
    background:rgba(0,0,0,0.35);
}
.eventsCalendar-daysList.showAsWeek li {
    display:block;
    float:left;
    width:14.28%;
    height:20px;
}
.eventsCalendar-daysList li a {
    padding:0;
    display:block;
    text-align:center;
    min-width:7px;
}
.eventsCalendar-loading {
    display:block;
    min-width:100px;
    height:40px;
    line-height:40px;
}
.eventsCalendar-list {
    position:relative;
    z-index:1;

}
.eventsCalendar-list.oldEventList {
    z-index:2;
}
.eventsCalendar-subtitle {
    padding-left:5px;
    font-weight:bold;
    font-size:120%;
    display: none;
}
/* end of core CSS */

/* Theme CSS */

.eventCalendar-wrap {
    margin: 30px 0;
    max-width:600px;
    background: #fafafa;
}
.eventCalendar-wrap .arrow {
    text-decoration:none;
    color:#1c5f94;
    padding:0 5px;
    line-height:28px;
    top:9px;
    padding:8px 10px;
}
.eventCalendar-wrap .arrow.prev {

}
.eventCalendar-wrap .arrow:hover { opacity:0.7;}
.eventCalendar-wrap .arrow span {
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #1c5f94;
    float:left;
    text-indent:-5000px;
}
.eventCalendar-wrap .arrow.prev span {
    border-left-width:0;
    border-right: 6px solid #1c5f94;
}
.eventsCalendar-slider { height:80px;}

.eventsCalendar-monthWrap {
    /*	border-radius:5px;
                top:10px;
                left:0px;*/
    max-width:600px;
}
.eventsCalendar-currentTitle {
    line-height:40px;
}
.eventsCalendar-currentTitle .monthTitle {
    font-size:1.4em;
    text-decoration:none;
    color:#1c5f94;
    font-family: 'Exo 2';
    border-top: 1px solid #1c5f94;
    border-bottom: 1px solid #1c5f94;
}

.eventsCalendar-daysList {
    zoom: 1;
    padding:0;
    width:100%;

}
.eventsCalendar-daysList.showAsWeek {
    margin:10px 5px;
    width:auto;
}
.eventsCalendar-daysList:before, .eventsCalendar-daysList:after { content:""; display:table; }
.eventsCalendar-daysList:after { clear: both; }
.eventsCalendar-day-header {
    text-transform:lowercase;
    text-align:center;
    font-size:1.2em;
    margin: 0 0 10px 0!important;
}
.eventsCalendar-daysList.showAsWeek li {
    height:auto; margin:0;
}
.eventsCalendar-daysList.showAsWeek li.empty {
    background-color: #fafafa;
    min-height:20px;
}
.eventsCalendar-day a {
    text-decoration:none;
    color:#424242;
}
.eventsCalendar-day {
    background: #fff;
}
.eventsCalendar-day a  {
    border:1px solid #fff;
}
.showAsWeek .eventsCalendar-day a  {
    line-height:27px;
    font-size:1em;

}
.eventsCalendar-day a:hover {
    background-color:#E4E4E4;
    /*	box-shadow:inset 5px 5px 10px #C1C1C1;
                                        text-shadow: 2px 2px 2px #C1C1C1;*/
}
.eventsCalendar-daysList li.today a {
    color:#89B814;
    font-size: 1.3em;
    font-weight: bold;
}
li.eventsCalendar-day.today a:hover {
    background-color:#ccc;
    /*box-shadow:inset 5px 5px 10px #999;*/
}


.eventsCalendar-daysList li.dayWithEvents a {
    background:#89B814;
    /*box-shadow:inset 5px 5px 10px #698B10;
                                text-shadow: 2px 2px 2px #698B10;*/
    color:#fff;
}
li.eventsCalendar-day.dayWithEvents a:hover {
    background-color:#C2D374;
    /*box-shadow:inset 5px 5px 10px #89B814;
                                        text-shadow: 2px 2px 2px #89B814;*/
}


.eventsCalendar-daysList li.current a {
    color: #fff;
    background: #C4A721;
    box-shadow: inset 2px 2px 3px #666;
    text-shadow:2px 2px 2px #000;
}
li.eventsCalendar-day.current a:hover {
    opacity: .8;
    color: #fff;
    background: #C4A721;
    box-shadow: inset 2px 2px 3px #666;
    text-shadow:2px 2px 2px #000;
}
.eventsCalendar-loading {
    border-radius:4px;
    margin:5px auto;
    padding:0 10px;
    background-color:#ccc;
    color:#fff;
    text-align:center;
    font-weight:bold;
    text-shadow:0 0 3px #aaa;
    position:absolute;
    z-index:4;
    top:25px;
    left:5px;
}
.eventsCalendar-loading.error {
    background-color:red;
}

.eventsCalendar-subtitle { padding-top:10px;}
.eventsCalendar-list-wrap {
    min-height:100px;
    position:relative;
    background: #fff;
    float:left;
}
.eventsCalendar-list-content.scrollable {

    height:100px;
    overflow-y:auto;
    margin:0 5px 5px 0;
}
.eventsCalendar-list {
    margin:0; padding:0; list-style-type:none;
    float:left;

}
.eventsCalendar-list li {
    clear:both;
    background: #fafafa;
    margin: 2px 0!important;
    padding:  5px 10px;

}
.eventsCalendar-list li time, #tableResults time {
    line-height:13px;
    float:left;
    font-family: 'Arial';
    font-size: 2em;
}
.eventsCalendar-list li time em, #tableResults time em {
    font-style:normal;
    background: #89B814;
    color: #fff;
    padding: 10px 15px;
    float:left;
    width: 170px;
    text-align:center;
}
.eventsCalendar-list li time small, #tableResults time small {
    display:none;
}
.eventsCalendar-list li .eventTitle {
    display:block;
    clear:both;
    font-size:1.5em;
    margin: 10px 0;
    float:left;
    text-decoration:none;
}
.eventsCalendar-list li a.eventTitle:hover { text-decoration:underline;}
#content .text .eventsCalendar-list li .eventDesc {
    clear: both;
    margin:0 0 5px 0;
    line-height:1.5em;
    display:inline-block;
}
.eventsCalendar-list .eventsCalendar-noEvents,
.no-elements {
    font-size:120%;
    border-radius:4px;
    margin:5px;
    padding:5px 15px;
    background-color:#ccc;
    color:#fff;
    text-align:center;
    font-weight:bold;
    text-shadow:0 0 3px #aaa;
}
.no-elements{float:left; margin: 15px 0;}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.element{
    float:left;
    width:180px;
    height:425px;
    /*background-size: cover;
        background-position: 50% 50%;*/
    position:relative;
    margin: 10px;
    background: #ecf0f1;
}
.element img{display:block;}
.element .info{
    /*position:absolute;
        bottom: 0;
        left:0;*/
    width: 100%;
    font-family: 'Exo 2';
    font-size:1.1em;
}
.element .info .name{
    top: 0;
    left: 0;
    padding: 10px 10px;
    margin:0;
    font-weight: 600;
    color:#555;
    background: #c2c5c6;
}
.element .info .role{
    bottom: 0;
    left: 0;
    width:100%;
    padding: 5px 10px;
    margin:0;
    font-size: 0.88em;
    color: #333;
    line-height: 1.5em;
}
.element a{
    display:block;
    text-decoration: none;
    color: #333;
}
.tooltip-slider{
    floaT:left;
}
.tooltip-slider .tag{
    width: 80px;
    font-size: 1em;
    color:#666;
    padding: 2px 8px;
    float: left;
    margin: 10px 15px 10px 0;
    text-align: center;
}

#content .text #options ul li:before{
    content: "";
}
#container-isotope{
    float:left;
    width:100%;
    margin:30px 0;
}
#options{
    clear:both;
}
#content .text #options ul{
    margin:0;
    padding: 0;
}
#content .text #options li{
    display: inline;
    float: left;
    margin: 10px 5px 0 5px;
    font-family: 'Exo 2';
    text-align: center;
    font-size: 1.1em;
    cursor: pointer;
    text-indent: 0;
    line-height: 26px;
}
#content .text #options li a{
    border:none;
    padding: 5px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    background: #fafafa;
    border-bottom: 3px solid #ccc;
    color:#666;
    float:left;
}
#content .text #options li.all a{
    background: #ccc;
    border-bottom: 3px solid #999;
    color:#666;
}
#content .text #options li a:hover,
#content .text #options li a:active,
#content .text #options li a.selected{
    border: none;
    border-top: 2px solid #04497e;
    border-bottom: 1px solid #04497e;
    background: #1c5f94;
    border-bottom: 1px solid #04497e;
    color:#fff;
}
.field table.invalid{border:1px solid red;}
.field table.invalid label{border:none;}
.field .invalid label{border:1px solid red;}
.block-form-invalid{border:1px solid red;}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #cccccc; }
.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
     * Remove all paddings around the image on small screen
     */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }
/* for high resolution display */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    header a.logo-ts {
        background-image: url('../images/ts-logo-2x.png');
        background-size: 315px 64px;
    }
    .en header a.logo-ts {
        background-image: url('../images/ts-logo-en-2x.png');
    }
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2)
     and (max-width: 768px) {
    header a.logo-ts {
        background-image: url('../images/ts-logo-2x.png');
        background-size: 45%;
    }
    .en header a.logo-ts {
        background-image: url('../images/ts-logo-en-2x.png');
    }
}
