input[type="checkbox"] {
display:none;
}
/*
input[type="checkbox"] + label:before {
display: inline-block;
font-family: 'metro'!important;
background: none;
margin: 0 1rem 0 0;
padding: 1rem;
vertical-align: top;
content: "\ea10";
color: transparent;
background: rgba(0,0,0,0.2);
}
*/

input[type="checkbox"]:checked + label:before {
color: green;
}

input[type="checkbox"] + label .text {
display: inline-block;
padding: 0.5em 0 0 0;
max-width: 27rem;
}

input[type="checkbox"]:checked + label .text {
font-weight:800;
}

section#ricerca {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 38rem;
height: 100%;
overflow-x: hidden;
}

section#ricerca:hover{
overflow-y:auto;
-webkit-overflow-scrolling: touch;
}

a.btn{
color:white!important;
}

.icon,
.iconfont{
font-family: metro !important;
font-weight: normal !important;
text-transform:none;
font-weight: 200;
-webkit-font-smoothing: antialiased;
}

p .icon {
padding: 0 1rem 0 0;
}

p.social .icon {
padding: 1rem;
}


#notification {
position: absolute;
right: 0;
top: 4rem;
width: 70rem;
background-color: black;
padding: 2rem 4rem 2rem 7rem;
z-index: 200;
-ms-transform: translateX(100%); /* IE 9 */
-webkit-transform: translateX(100%); /* Chrome, Safari, Opera */
transform: translateX(100%);
}

#close-notification {
position: absolute;
top: 2rem;
left: 2rem;
}

.active{
opacity:1!important;

-webkit-transition: all 1s cubic-bezier(.03,.93,.43,.77);
-moz-transition: all 1s cubic-bezier(.03,.93,.43,.77);
-o-transition: all 1s cubic-bezier(.03,.93,.43,.77);
transition: all 1s cubic-bezier(.03,.93,.43,.77);

-ms-transform: translateX(0); /* IE 9 */
-webkit-transform: translateX(0); /* Chrome, Safari, Opera */
transform: translateX(0);
}


.body_black .icon{
color: rgba(255,255,255,0.6);
border-color: rgba(255,255,255,0.6);
}

i.media:before {
line-height: 3rem;
background-color: crimson;
color: white;
border-radius: 100%;
font-size: 2.3rem;
padding: 0.3rem;
position: absolute;
width: 3rem;
margin: 0.6rem;
text-align: center;
z-index: 2;
}

.btn,
input {
display: inline;
text-align: center;
cursor: pointer;
color: white;
margin: 0.3rem;
float:left;
z-index: 100;
border: none!important;
border-radius: 0!important;
}

.btn span{
margin-left: 1rem;
text-overflow: ellipsis;
}

.btn_link{
padding: 1rem;
font-size: 1.8rem;
}

.btn_round{
display: inline-block;
font-family: metro !important;
/*border: 2px solid white;*/
-webkit-border-radius: 100%;
border-radius: 100%;
font-size: 1.8em;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-align: center;
padding: 0;
}

.btn_round_micro {
width: 2em;
height: 2em;
line-height: 2em;
}

.btn_round_small {
width: 3.71rem;
height: 3.71rem;
line-height: 3.71rem;
font-size: 1.8rem;
}

.btn_round_big{
width: 6rem;
height: 6rem;
line-height: 6rem;
font-size: 2.4rem;
}

.btn_round span {
display: none;
}

.btn_box,
input {
display: inline-block;
font-family: 'weblysleek', sans-serif!important;
padding: 0;
box-sizing: border-box;
text-align: center;
background: rgba(1,1,1,0.2);
font-weight: 200!important;
font-size: 1.8rem!important;
line-height: 5.28rem!important;
height: 5.28rem;
padding: 0;
overflow: hidden;
}

section .btn_box {
margin: 0;
}

input {
text-align: left;
padding: 0 1rem;
box-sizing: border-box;
color: #333;
}

.btn_box_fixed,
input {
width: 34.7rem;
}

.phone .btn_box_fixed,
.phone input {
width: 32.5rem;
}

.btn_box_fit{
width:100%;
}

.portrait .btn_box_fit,
.portrait .btn_box_fixed {
width: 34.7rem;
}

.phone .btn_box_fit,
.phone .btn_box_fixed {
width: 32.5rem;
}

input[type=checkbox],
input[type=radio]{
width: 3rem;
height: 3rem;
display: block;
}


input[type=submit]{
background:crimson;
text-align:center;
}

.btn_square {
display: inline-block;
width: 6.4rem;
height: 6.4rem;
line-height: 6.4rem;
background: rgba(0,0,0,0.2);
font-size: 2.4rem;
text-align: center;
}

.btn_square_small{
width: 3.71rem;
height: 3.71rem;
line-height: 3.71rem;
font-size: 1.8rem;
}

.btn_square span {
display: none;
}

.btn_highlight{
background: crimson;
}

.color_highlight{
color: darkgoldenrod!important;
font-weight: 200;
}

#search_window p{
color:black;
font-size:2rem;
clear: both;
line-height: 5rem;
}

#social_bar {
width: auto;
position: absolute;
bottom: 6.7rem;
left: 0;
right: 0;
margin: auto;
z-index: 100;
padding: 2rem 0 0 0;
}

#social_bar .btn_box {
padding: 0 6rem;
text-align: left;
}

#social_bar>.btn {
float: left;
margin: 0 0.3rem;
}

#legal_bar {
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  font-size: 1.3rem;
}

#legal_window {
  display: none!important;
}

#nav_bar {
position: absolute;
width: 100%;
height: 4.31rem;
top: auto;
left: 0;
right: 0;
bottom: 3rem;
margin:auto;
background: transparent;
z-index: 20;
padding: 0;
padding-left: 27rem;
color: black!important;
}

#nav_bar .btn{
color: rgba(0,0,0,0.6);
border-color: rgba(0,0,0,0.6);
position: relative;
}

#nav_bar i {
font-size: 2.8rem;
line-height: 4rem!important;
}

#nav_bar .btn_successivo,
#nav_bar .btn_successivi{
position: absolute;
right: 1rem;
}

#nav_bar .custom-button-description {
display: block;
position: absolute;
top: -0.3rem;
line-height: 4.31rem;
text-transform: uppercase;
font-weight: 800;
}

#nav_bar .btn_successivo  .custom-button-description,
#nav_bar .btn_successivi  .custom-button-description{
right: 5rem;
}

#nav_bar .btn_precedente  .custom-button-description,
#nav_bar .btn_precedenti  .custom-button-description{
left: 4.2rem;
}

#modal_bar {
display:block;
position: absolute;
top: 64%;
left: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}

#modal_bar #modal_portrait {
display:none;
}

#modal_bar .btn {
text-align: left;
padding: 0 4rem;
margin: 0.3rem 0;
}

/*
#gallery_nav_bar{
position: absolute;
height: 9rem;
width: 100%;
transform: scale3d(1, 1, 1);
top: 53%;
bottom: auto;
right: 0;
margin: auto 0;
left: 0;
}
*/

#gallery_next, #gallery_prev {
position: absolute;
top: auto;
bottom: auto;
left: 0;
right: 0;
margin: auto;
color: white!important;
border-color: white!important;
background: #666;
cursor: pointer;
transform: scale3d(1, 1, 1);
z-index: 2;
opacity: 0.6;
}

#gallery_next:hover, #gallery_prev:hover {
opacity:1;
}

#gallery_next {
bottom: 6.7rem;
}

#gallery_prev {
top: 0.3rem;
}

.thumbnail .btn_thumbnail_info {
position: absolute;
bottom: 1rem;
right: 1rem;
z-index: 2;
}

#share_bar {
float: right;
margin: 28.5rem 0 0 0;
position: absolute;
top: 0;
left: 25rem;
z-index: 20;
width: 8rem;
height: auto;
}

.error404 #share_bar {
display: none!important;
}

#share_bar  .btn{
background: #ddd;
}

#sections_nav_bar{
position: absolute;
left: 31rem;
bottom: 3rem;
margin: 0;
width: 74rem;
height: 2.7rem;
text-align: center;
font-size: 1.4rem;
z-index: 30;
}

.single #sections_nav_bar{
width: 60rem;
right: 0;
margin: 0 auto;
}

#sections_nav_bar > .btn {
border-right: 1px solid rgba(0,0,0,0.6)!important;
padding: 0 1rem;
margin: 0;
line-height: 1rem;
}

#sections_nav_bar > .btn:last-of-type {
border-right: none!important;
}

#sections_nav_bar  .icon {
display: none;
}

.play{
background: crimson;
top: 0;
left: 0;
position: absolute;
box-sizing: border-box;
padding: 0;
font-size: 2.4rem;
font-family: metro !important;
color: white;
z-index: 10;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
-webkit-border-radius: 100%;
border-radius: 100%;
margin: 0.6rem;
}

.slider .play {
font-size: 3.4rem;
width: 5rem;
height: 5rem;
line-height: 5rem;
}

.small_list .play,
.breaking_news .items .item:nth-of-type(n+4) .play {
width: 2.8rem;
height: 2.8rem;
font-size: 1.8rem;
line-height: 2.8rem;
margin: 0.5rem;
}

#black_screen{
position:absolute;
top:0;
left:0;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
z-index:100;
display:none;
}

#modal_windows_wrapper{
display:none;
position:absolute;
height: auto;
margin: auto;
width: 100%;
background: white;
top:14rem;
left:0;
padding: 0 0 8rem 0;
z-index: 102;
}

#modal_close{
position: absolute;
top: 1rem;
right: 1rem;

}

#modal_portrait_close{
display:none;
}

.modal_window .no_isotope_items {
position: static;
}

.modal_window div[id$="_content"] {
margin: 0 auto;
width: 77rem;
}


#educazione_content {
width: 80%;
}

#search_window>*,
#contacts_window section,
#newsletter_window,
#network_window section {
margin: auto;
height: auto;
width: 77rem;
}

#newsletter_window,
#newsletter_content {
width: 35.3rem;
}

#newsletter_content{
margin: 0 auto;
}

#educazione_window .items {
display: block;
}

#educazione_window a{
background: white;
display: block;
margin: 1rem 0.6rem;
width: 16rem;
height: 16rem;
float: left;
position: relative;
overflow: hidden;
}

#educazione_window a img{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
}

#gesuitinetwork-section .items{
display:block;
}

#gesuitinetwork-section .background-default{
background-color: #4F758B;
}

/*
.modal_window .small_squares .item_content .title h1 {
font-size: 2.4rem;
}

.modal_window h2 {
font-size: 4rem;
font-weight: 200;
margin: 1rem 0 2rem 0;
padding: 0;
color:black;
}*/

#searchform {
margin: 0 auto;
width: 72rem;
}

#not-found .item:hover {
background: transparent;
}

#not-found .item_content{
background: transparent;
width: 70.5rem;
height: 34.7rem;
padding: 2rem 0;
box-sizing: border-box;
}

#not-found .item_content p{
font-size: 2rem;
line-height: 2.8rem;
color: black;
}

#not-found #searchform {
width: 100%;
margin: 4rem 0;
}

#not-found .item_content label h2 {
display: none;
}

.section_scroll {
display:none;
position: absolute;
bottom: 18rem;
background: rgba(100,100,100,0.8);
color: white;
font-family: metro !important;
font-size: 4rem;
/* line-height: 5rem; */
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
text-decoration: inherit;
color: white;
-webkit-font-smoothing: antialiased;
text-align: center;
padding: 1rem;
width: 4rem;
height: 4rem;
cursor: pointer;
z-index: 3;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.section_scroll.left {
left: 0;
}

.section_scroll.right{
right: 0;
}

#lang_sel_list {
display: inline-block;
height: auto;
position: absolute;
top: 30rem;
padding: 0;
margin: 1rem 0;
float: none;
left: 0;
width: 12.6rem;
right: 0;
margin: auto;
}

#language_window #lang_sel_list{
display:none;
}

#language_bar {
margin: 0 auto;
position: static;
float: left;
width: 100%;
}

.center-children{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content:center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}


.btn_lang {
background: transparent!important;
width: 3.6rem!important;
height: 3.6rem!important;
padding: 0!important;
}

/* Navigazione commenti */
.commenti .item_button {
width: 15.5rem;
height: 15.5rem;
background: #333;
color: white;
padding: 0;
}

.notification {
position: absolute;
right: 0;
top: 4rem;
width: auto;
background-color: rgba(0,0,0,0.9);
padding: 2rem;
z-index:1000;
}

.hide-notification {
transform: translateX(10rem);
opacity: 0;
}

.notification .text {
float: left;
width: 52.1rem;
margin: 0 2rem;
}

.g-recaptcha {
display: block;
clear: both;
margin: 0.3rem 0.3rem 0 0.3rem;
}

/* Messaggi di avvenuta attivazione account */
#signup-welcome, #signup-welcome + .view {
    font-size: 2rem;
    color: black!important;
}

/*landscape*/

.landscape #share_bar .btn {
float: right;
margin: 0.3rem 0.6rem;
}


/*portrait*/
.portrait #social_bar,
.portrait #legal_bar,
.portrait #modal_close,
.portrait #modal_bar  .btn_modal,
.portrait #sections_nav_bar,
.portrait .modal_window{
display:none;
}

.portrait #modal_portrait_window,
.portrait #modal_portrait_window .modal_window,
.portrait #modal_bar #modal_portrait{
display:block;
}

.portrait #modal_bar {
top: 0;
height: 100%;
right: 0;
left: auto;
width: 4rem;
}

.portrait #modal_portrait {
position: absolute;
right: 0.6rem;
top: 0;
bottom: 0;
margin: auto 0;
border: none;
font-size: 3rem;
padding: 0;
text-align: right;
}

.portrait #modal_windows_container{
position:absolute;
height: 100%;
margin: 0;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 5rem 0;
overflow-y: auto;
}

.portrait .modal_window {
position: static;
margin: 4rem auto;
width: 70.6rem;
clear: both;
}

.portrait #modal_portrait_sections #search,
.portrait #modal_portrait_sections #searchform,
.portrait #modal_portrait_sections #educazione_content,
.portrait #modal_portrait_sections #network_content,
.portrait #modal_portrait_sections .modal_window div[id$="_content"] {
display:block;
margin: 0 auto;
width: 35.3rem;
}

.portrait .modal_window .small_squares .item_content .title h1 {
font-size: 2.4rem;
}

.portrait #followus_window a {
background: #666;
}

.portrait #newsletter_content {
margin: 0;
}


.portrait .body_black #share_bar,
.portrait #share_bar {
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 13rem;
height: auto;
padding: 0;
margin: 0 auto;
background: transparent;
}

.portrait #share_bar .btn {
background: #666;
}

.portrait #nav_bar {
position: absolute;
bottom: 0;
height: 4.31rem;
padding: 0;
margin: 0;
}

.portrait .page #nav_bar {
display:none;
}

.portrait #nav_bar .btn_precedente span,
.portrait #nav_bar .btn_successivo span{
display:none;
}

.portrait #modal_portrait_close {
display: block;
position: absolute;
top: 4rem;
right: 2rem;
left: auto;
}

.portrait #modal_portrait_close,
.portrait #modal_portrait_close i,
.portrait #modal_portrait_close  p{
color: whitesmoke!important;
border-color: whitesmoke!important;
}

.portrait #modal_windows_wrapper {
display:block;
top: 0;
background: #333;
height: 100%;
z-index: 0;
}

.portrait #modal_portrait_window {
overflow-y: auto;
width: 100%;
height: 100%;
overflow-x: hidden;
padding: 0;
}

.portrait #modal_windows_wrapper.newcomment-portrait #modal_portrait_window{
display: none;
}

.portrait #modal_windows_wrapper.newcomment-portrait #newcomment_window{
display: block!important;
}

.portrait #modal_portrait_sections {
position: relative;
left: 0;
right: 0;
margin: 0 auto;
width: 35.3rem;
height: 100%;
}

.portrait #modal_portrait_sections div[id$="_window"] {
float: left;
}

.portrait #modal_portrait_sections #search,
.portrait #modal_portrait_sections #searchform,
.portrait #modal_portrait_sections #educazione_content,
.portrait #modal_portrait_sections #language_bar,
.portrait #modal_portrait_sections #network_window section,
.portrait #modal_portrait_sections .modal_window,
.portrait #modal_portrait_sections .modal_window div[id$="_content"]{
display:block!important;
width: 100%;
}

.portrait #followus_bar a {
margin-top: 1rem;
}

.portrait #language_bar {
display: none;
position: static;
width: 100%;
float: left;
}

.portrait #gesuiti_header #language_bar{
display:none!important;
}

.portrait .notification {
width: 100%;
top: 0;
}

.portrait .notification .text {
width: 79%;
margin: 0 1rem;
}

/*phone*/

.phone #nav_bar .btn_precedente, .phone #nav_bar .btn_precedenti {
left: 1rem;
}

.phone #followus_window a {
margin: 0.3rem;
line-height: 8.02rem;
width: 8.02rem;
height: 8.02rem;
}

.phone #modal_portrait {
right: 1rem;
}

.phone #modal_portrait_window {
height: 100%;
top:0;
position: relative;
left: 12%;
width: 86%;
}

.phone .modal_window {
margin: 2rem auto;
width: 35.3rem;
}

.phone .modal_window div[id$="_content"]{
width: 100%!important;
margin: 0.3rem;
}

.phone #modal_portrait_close {
top: 1rem;
right: 0;
}

.phone #modal_windows_wrapper {
display:block;
}

.phone #modal_portrait_sections .btn_box_fixed, input {
clear: both;
}

.phone #modal_portrait_sections {
width: 32.5rem;
}

.phone #modal_windows_wrapper.newcomment-portrait {
overflow-y: auto;
}

.phone #not-found .item_content {
width: 34.7rem;
}