/*! 
Theme name: graphic-news-2017 
*/


@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot@larczv');
    src: url('fonts/icomoon.eot@') format('embedded-opentype'),url('fonts/icomoon.woff@larczv') format('woff'),url('fonts/icomoon.ttf@larczv') format('truetype'),url('fonts/icomoon.svg@larczv') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}


::-moz-selection {
    background: #fff5ab; 
}
::selection {
    background: #fff5ab; 
}

body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
html {
  touch-action: manipulation;
}
.icon_search:before {
    content: "\e60b"
}

.icon_arrow-left-light:before {
    content: "\e600"
}

.icon_arrow-right-light:before {
    content: "\e601"
}

.icon_autore:before {
    content: "\e602"
}

.icon_blog:before {
    content: "\e603"
}

.icon_collabora:before {
    content: "\e604"
}

.icon_facebook:before {
    content: "\e605"
}

.icon_gplus:before {
    content: "\e606"
}

.icon_instagram:before {
    content: "\e607"
}

.icon_newsletter:before {
    content: "\e608"
}

.icon_quote-close:before {
    content: "\e609"
}

.icon_quote-open:before {
    content: "\e60a"
}

.icon_twitter:before {
    content: "\e60c"
}
.loadie { z-index: 9999; }

p.lead {
    color: #df6301;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8.4px !important
}

.label {
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 7px 15px;
    display: inline-block
}

.tooltip {
    width: 200px !important
}

.carousel .carousel-inner>a.label {
    position: absolute;
    z-index: 1;
    left: 25px;
    top: 25px
}

.affixPadding {
    padding-top: 140px
}

.affixPadding.single-stories {
    padding-top: 0
}

#entry:before,#entry:after {
    content: " ";
    display: table
}

#entry:after {
    clear: both
}

#entry:before,#entry:after {
    content: " ";
    display: table
}

#entry:after {
    clear: both
}

#entry .entryContent {
    line-height: 1.8;
    font-size: 18px;
    color: #333
}

.entryHeader p {
    font-size: 20px;
}

.single-post img{
    max-width: 100%;
    height: auto;
}
.midframe{
    color: #000;
    padding: 0;
}
.midframe img{
    position: relative;
    z-index: 2;
    width: 95vw;
    max-width: 1000px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 5vh;
    margin-left: 0;
}
@media screen and (max-width:767px){
    .midframe img{
        height: 55vh;
        margin-top: 0;
    }
    .app .midframe img{
        height: 100vh;
    }
}
body.page #entry {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 16.66666667%;
    margin-right: 16.66666667%;
    float: none !important;
    padding-bottom: 63px
}

body.page #entry .entryHeader {
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
}

body.page #entry .entryHeader h1, body.single-post #entry .entryHeader h1  {
    font-size: 65px;
    font-weight: 900;
}

@media (min-width: 992px) {
    body.page #entry {
        float:left;
        width: 66.66666667%
    }
}

#pageContent {
    padding-top: 50px
}
/*
.touchevents #pageContent {
    padding-top: 120px
}*/

i {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.quote a {
    color: inherit;
    text-decoration: none;
    color: #000
}

.quote blockquote {
    padding: 0;
    margin: 0;
    border-left: none;
    color: #000
}

.quote blockquote p, .frame__text-container {
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    display: block;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    padding: 60px
}
.quote.img{
    height: 45vmin;
    min-height: 550px !important;
}
.quote.img img{
    width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    .quote blockquote p, .frame__text-container {
        font-size:50px;
        line-height: 65px
    }
}
.frame__text-container {
    color: #000; 
    border-bottom: none;
    width: 90%;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 768px){
    .frame__text-container{
        width: 95vw;
        font-size: 16px;
        line-height: 26px;
        padding: 10px;
    }
}

.quote blockquote p:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    left: 0;
    content: "\e60a";
    font-size: 60px
}

.quote blockquote p:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "\e609";
    font-size: 60px
}

.quote blockquote cite {
    padding-top: 10.5px;
    display: block
}

.quote blockquote cite span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px
}

.quote blockquote cite span.story {
    font-weight: bold;
    margin-bottom: 3px
}

#partecipa {
    text-align: center;
    padding-bottom: 42px;
    padding-top: 73.5px;
    border-bottom: 1px solid #000;
    background: url('img/bg-partecipa.jpg') no-repeat center bottom
}

#partecipa i {
    display: block;
    text-align: center;
    color: #000;
    font-size: 120px;
    line-height: 55px;
    margin-bottom: 27.3px
}

#partecipa h3 {
    font-size: 30px;
    margin-top: 8.4px;
    margin-bottom: 27.3px;
    font-weight: bold;
}

#partecipa p {
    margin-bottom: 31.5px;
    display: inline-block;
    margin-left: 10%;
    margin-right: 10%
}

@media (min-width: 768px) {
    #partecipa p {
        width:50%;
        margin-left: 25%;
        margin-right: 25%;
        font-size: 18px;
    }
}

#newsletter {
    text-align: center;
    padding-bottom: 42px;
    padding-top: 63px;
    border-top: 1px solid #000;
    clear: left
}

#newsletter i {
    display: block;
    text-align: center;
    color: #000;
    font-size: 120px;
    line-height: 65px;
    margin-bottom: 21px
}

#newsletter h3 {
    font-size: 30px;
    margin-top: 8.4px;
    margin-bottom: 27.3px
}

#newsletter form {
    margin-left: 10%;
    margin-right: 10%
}

@media (min-width: 768px) {
    #newsletter form {
        width:40%;
        margin-left: 30%;
        margin-right: 30%
    }
}

#author-blog {
    padding-bottom: 42px;
    margin-bottom: 84px;
    padding-top: 63px
}

#author-blog:before,#author-blog:after {
    content: " ";
    display: table
}

#author-blog:after {
    clear: both
}

#author-blog:before,#author-blog:after {
    content: " ";
    display: table
}

#author-blog:after {
    clear: both
}

#author-blog a {
    color: #000
}

#author-blog i {
    display: block;
    text-align: center;
    color: #000;
    font-size: 95px;
    line-height: 120px;
    margin-bottom: 0
}

#author-blog h3 {
    margin-top: 8.4px;
    margin-bottom: 27.3px;
    font-weight: bold;
}

#author-blog .author {
    text-align: center;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    #author-blog .author {
        float:left;
        width: 50%
    }
}

#author-blog .author>header {
    margin-bottom: 31.5px
}

#author-blog .author>div:before,#author-blog .author>div:after {
    content: " ";
    display: table
}

#author-blog .author>div:after {
    clear: both
}

#author-blog .author>div:before,#author-blog .author>div:after {
    content: " ";
    display: table
}

#author-blog .author>div:after {
    clear: both
}

#author-blog .author ul {
    margin-bottom: 21px;
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    #author-blog .author ul {
        float:left;
        width: 58.33333333%
    }
}

#author-blog .author ul li {
    list-style-type: none;
    margin-bottom: 27.3px;
    position: relative;
    padding-left: 35px;
    font-weight: 400
}

#author-blog .author ul li:before {
    content: '';
    display: block;
    background-color: #000;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 7px
}

#author-blog .author ul li a {
    color: #868686;
    font-size: 18px;
    font-weight: normal;
}

#author-blog .author img {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 4%;
    height: auto;
    display: none
}

@media (min-width: 992px) {
    #author-blog .author img {
        float:left;
        width: 33.33333333%
    }
}

@media (min-width: 768px) {
    #author-blog .author img {
        display:block
    }
}

#author-blog .author>footer {
    text-align: center;
    padding-top: 10px
}

@media (min-width: 768px) {
    #author-blog .author>footer {
        text-align:left
    }
}

#author-blog .author>footer a {
    text-transform: uppercase;
    color: #df6301;
    font-weight: bold;
    font-size: 16px
}

@media (min-width: 768px) {
    #author-blog .author>footer a {
        padding-left:15px
    }
}

#author-blog .blog {
    text-align: center;
    border-top: 1px solid #000;
    margin-top: 42px;
    padding-top: 21px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    #author-blog .blog {
        margin-top:0;
        padding-top: 0;
        border-top: none;
        border-left: 1px solid #000
    }
}

@media (min-width: 992px) {
    #author-blog .blog {
        float:left;
        width: 50%
    }
}

#author-blog .blog>header {
    margin-bottom: 21px
}

#author-blog .blog article {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 21px;
    padding-bottom: 21px
}

#author-blog .blog article h3 {
    margin-bottom: 14px
}

@media (min-width: 768px) {
    #author-blog .blog article {
        margin-right:30px;
        margin-left: 30px;
        font-size: 18px;
    }
}

#author-blog .blog article:last-child {
    border-bottom: none
}

#top-categories {
    padding-top: 42px;
    padding-bottom: 42px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000
}

#top-categories:before,#top-categories:after {
    content: " ";
    display: table
}

#top-categories:after {
    clear: both
}

#top-categories:before,#top-categories:after {
    content: " ";
    display: table
}

#top-categories:after {
    clear: both
}

#top-categories .item-category {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 21px
}

@media (min-width: 768px) {
    #top-categories .item-category {
        float:left;
        width: 33.33333333%
    }
}

@media (min-width: 768px) {
    #top-categories .item-category {
        margin-bottom:0
    }
}

#top-categories .item-category.cat2 .overlay {
    background-color: #ffcf3f
}

#top-categories .item-category.cat3 .overlay {
    background-color: #df6301
}


@media (min-width: 768px) {
    #siteHeader {
        padding-top:30px
    }
}

#siteHeader .container #logo {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    padding-top: 12px;
    text-align: center;
    padding-bottom: 21px;
    position: absolute;
    left: 0
}

@media (min-width: 992px) {
    #siteHeader .container #logo {
        float:left;
        width: 16.66666667%
    }
}

@media (min-width: 992px) {
    #siteHeader .container #logo {
        display:inline-block;
        position: relative;
        padding-bottom: 0;
        padding-top: 10px
    }
}

@media (min-width: 1200px) {
    #siteHeader .container #logo {
        padding-top:2px
    }
}

#siteHeader .container #logo img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media (min-width: 992px) {
    #siteHeader .container #logo img.color {
        display:inline-block;
        width: 160px;
        margin-top: 2px;
    }

    #siteHeader .container #logo img.bn {
        display: none
    }
}

#siteHeader .container>nav {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right
}

@media (min-width: 992px) {
    #siteHeader .container>nav {
        float:left;
        width: 83.33333333%
    }
}

#siteHeader .container>nav #lang a {
    color: #000;
    font-weight: bold
}

#siteHeader .container>nav #lang>a {
    display: inline-block;
    color: #777
}

#siteHeader .container>nav #lang>a:last-child {
    color: #000;
    font-size: 18px
}

#siteHeader .container>nav #lang>a:hover {
    text-decoration: none
}

#siteHeader .container>nav #lang>ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 20px;
    margin-right: 20px;
    text-transform: uppercase
}

@media (min-width: 992px) {
    #siteHeader .container>nav #lang>ul {
        margin-bottom:18px
    }
}

@media (min-width: 1200px) {
    #siteHeader .container>nav #lang>ul {
        margin-bottom:25px
    }
}

#siteHeader .container>nav #lang>ul li {
    display: inline-block;
    list-style-type: none;
    border-right: 1px solid #d5d5d5;
    padding-right: 8px;
    margin-right: 3px
}

#siteHeader .container>nav #lang>ul li a {
    color: #777
}

#siteHeader .container>nav #lang>ul li a:hover {
    text-decoration: none
}

#siteHeader .container>nav #lang>ul li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

#siteHeader .container>nav #lang>ul li.active a {
    color: #000 !important
}

#siteHeader .container>nav #lang #searchForm {
    display: inline-block;
    text-align: right
}

#siteHeader .container>nav #lang #searchForm a:hover {
    text-decoration: none
}

#siteHeader .container>nav #lang #searchForm input {
    width: 1px !important;
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
    padding: 0 !important;
    padding-left: 2px !important;
    border-bottom: 1px solid #fff;
    margin-left: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#siteHeader .container>nav #lang #searchForm.open input {
    width: 145px !important;
    overflow: hidden;
    border-bottom: 1px solid #000;
    margin-left: 20px
}

#siteHeader .container>nav #header-navbar {
    position: absolute;
    right: 0;
    text-align: center;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: -15px !important;
    margin-right: -15px !important;
    left: 0
}

@media (min-width: 768px) {
    #siteHeader .container>nav #header-navbar {
        margin-left:0 !important
    }
}

@media (min-width: 992px) {
    #siteHeader .container>nav #header-navbar {
        float:left;
        position: relative;
        right: auto;
        padding-left: 0px;
        padding-right: 0px;
        width: 585px;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media (min-width: 1200px) {
    #siteHeader .container>nav #header-navbar {
        margin-left:15px;
        padding-left: 0px;
        padding-right: 0px;
        width: 700px;
    }
}
@media (min-width: 1400px) {
    #siteHeader .container>nav #header-navbar {
        width: 920px;
    }
}


#siteHeader .container>nav #header-navbar ul {
    width: 100%;
    margin: 0
}

#siteHeader .container>nav #header-navbar ul li {
    display: inline-block;
    float: none
}

#siteHeader .container>nav #header-navbar ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 20px
}

@media (min-width: 768px) {
    #siteHeader .container>nav #header-navbar ul li a {
        font-size:16px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1200px) {
    #siteHeader .container>nav #header-navbar ul li a {
        font-size:18px;
        padding-left: 15px;
        padding-right: 15px
    }
}

#siteHeader .container>nav #header-navbar .navbar-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

#siteHeader .container>nav #header-navbar .navbar-collapse {
    position: relative
}

@media (max-width: 992px) {
    #siteHeader .container>nav #header-navbar .navbar-collapse {
        display:none !important;
        box-shadow: none !important
    }

    #siteHeader .container>nav #header-navbar .navbar-collapse ul {
        padding-top: 60px;
        padding-bottom: 20px;
        width: 100%
    }

    #siteHeader .container>nav #header-navbar .navbar-collapse ul li {
        display: block !important;
        text-align: left
    }

    #siteHeader .container>nav #header-navbar .navbar-collapse ul li a {
        padding-left: 10px !important
    }
}

#siteHeader .container>nav #header-navbar .navbar-collapse.in {
    display: block !important
}

#siteHeader .container>nav .social {
    margin: 0;
    padding: 0;
    display: block;
    float: right
}

#siteHeader .container>nav .social li {
    display: inline-block;
    list-style-type: none
}

@media (min-width: 992px) {
    #siteHeader .container>nav .social li {
        margin-right:5px
    }
}

@media (min-width: 1200px) {
    #siteHeader .container>nav .social li {
        margin-right:10px
    }
}

#siteHeader .container>nav .social li:last-child {
    margin-right: 0
}

#siteHeader .container>nav .social li a {
    color: #000;
    font-size: 43px;
    display: block;
    line-height: 1;
    float: left;
    margin-top: -3px
}

#siteHeader .container>nav .social li a:hover {
    text-decoration: none
}

@media (max-width: 992px) {
    #siteHeader {
        position:fixed;
        background-color: #000;
        left: 0;
        right: 0;
        top: 0;
        height: 70px;
        padding-top: 0;
        z-index: 1030;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }

    #siteHeader #logo {
        width: 135px;
        padding-top: 12px;
        padding-bottom: 13px;
        position: absolute;
        left: 0;
        z-index: 1
    }

    #siteHeader #logo img {
        display: inline-block;
        width: 100% \9;
        max-width: 100%;
        height: auto;
        width: 80%
    }

    #siteHeader #logo img.color {
        display: none
    }

    #siteHeader #logo img.bn {
        display: inline-block
    }

    #siteHeader .social {
        display: none !important
    }

    #siteHeader #lang {
        display: none;
        float: right;
        margin-top: 25px
    }

    #siteHeader #lang a {
        color: #000 !important
    }

    #siteHeader #lang>ul {
        display: none !important
    }

    #siteHeader #header-navbar {
        margin-top: 18px
    }

    #siteHeader .container {
        position: relative
    }

    #siteHeader .container:before,#siteHeader .container:after {
        content: " ";
        display: table
    }

    #siteHeader .container:after {
        clear: both
    }

    #siteHeader .container:before,#siteHeader .container:after {
        content: " ";
        display: table
    }

    #siteHeader .container:after {
        clear: both
    }

    #siteHeader .container>nav {
        position: relative;
        width: 100% !important;
        text-align: center
    }

    #siteHeader .container>nav #header-navbar {
        display: inline-block;
        float: none;
        margin-left: 0
    }

    #siteHeader .container>nav #header-navbar ul {
        width: 100%;
        margin: 0
    }

    #siteHeader .container>nav #header-navbar ul li {
        display: inline-block;
        float: none
    }

    #siteHeader .container>nav #header-navbar ul li a {
        padding-left: 15px;
        padding-right: 15px
    }
    #pageContent{
        padding-top: 100px;
    }
    .single-stories #pageContent{
        padding-top: 70px;
    }
}

@media (max-width: 992px) and (min-width:768px) {
    #siteHeader #logo {
        margin-left:15px
    }
}

#siteHeader.affix {
    position: fixed;
    background-color: #000;
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    padding-top: 0;
    z-index: 1030;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

#siteHeader.affix #logo {
    width: 135px;
    padding-top: 12px;
    padding-bottom: 13px;
    position: absolute;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    #siteHeader.affix #logo {
        margin-left:15px
    }
}

#siteHeader.affix #logo img{
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    width: 80%
}

#siteHeader.affix-top #logo img{
    max-width: 100%;
    height: auto;
    width: 80%
}
    
#siteHeader.affix #logo img.color {
    display: none
}

#siteHeader.affix #logo img.bn {
    display: inline-block
}

#siteHeader.affix .social {
    display: none !important
}

#siteHeader.affix #lang {
    display: none;
    float: right;
    margin-top: 25px
}

#siteHeader.affix #lang a {
    color: #000 !important
}

#siteHeader.affix #lang>ul {
    display: none !important
}

#siteHeader.affix #header-navbar {
    margin-top: 18px
}

#siteHeader.affix .container {
    position: relative
}

#siteHeader.affix .container:before,#siteHeader.affix .container:after {
    content: " ";
    display: table
}

#siteHeader.affix .container:after {
    clear: both
}

#siteHeader.affix .container:before,#siteHeader.affix .container:after {
    content: " ";
    display: table
}

#siteHeader.affix .container:after {
    clear: both
}

#siteHeader.affix .container>nav {
    position: relative;
    width: 100% !important;
    text-align: center
}

#siteHeader.affix .container>nav #header-navbar {
    display: inline-block;
    float: none;
    margin-left: 0
}

#siteHeader.affix .container>nav #header-navbar ul {
    width: 100%;
    margin: 0
}

#siteHeader.affix .container>nav #header-navbar ul li {
    display: inline-block;
    float: none
}

#siteHeader.affix .container>nav #header-navbar ul li a {
    padding-left: 15px;
    padding-right: 15px
}
/*
.touchevents #siteHeader {
    position: fixed;
    background-color: #000;
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    padding-top: 0;
    z-index: 1030;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.touchevents #siteHeader #logo {
    width: 135px;
    padding-top: 12px;
    padding-bottom: 13px;
    position: absolute;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .touchevents #siteHeader #logo {
        margin-left:15px
    }
}

.touchevents #siteHeader #logo img {
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    width: 80%
}

.touchevents #siteHeader #logo img.color {
    display: none
}

.touchevents #siteHeader #logo img.bn {
    display: inline-block
}

.touchevents #siteHeader .social {
    display: none !important
}

.touchevents #siteHeader #lang {
    display: none;
    float: right;
    margin-top: 25px
}

.touchevents #siteHeader #lang a {
    color: #000 !important
}

.touchevents #siteHeader #lang>ul {
    display: none !important
}

.touchevents #siteHeader #header-navbar {
    margin-top: 18px
}

.touchevents #siteHeader .container {
    position: relative
}

.touchevents #siteHeader .container:before,.touchevents #siteHeader .container:after {
    content: " ";
    display: table
}

.touchevents #siteHeader .container:after {
    clear: both
}

.touchevents #siteHeader .container:before,.touchevents #siteHeader .container:after {
    content: " ";
    display: table
}

.touchevents #siteHeader .container:after {
    clear: both
}

.touchevents #siteHeader .container>nav {
    position: relative;
    width: 100% !important;
    text-align: center
}

.touchevents #siteHeader .container>nav #header-navbar {
    display: inline-block;
    float: none;
    margin-left: 0
}

.touchevents #siteHeader .container>nav #header-navbar ul {
    width: 100%;
    margin: 0
}

.touchevents #siteHeader .container>nav #header-navbar ul li {
    display: inline-block;
    float: none
}

.touchevents #siteHeader .container>nav #header-navbar ul li a {
    padding-left: 15px;
    padding-right: 15px
}*/

#preFooter {
    text-align: center;
    padding-bottom: 20px
}

#preFooter img {
    width: 80px;
    display: inline-block
}

#preFooter ul {
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    #preFooter ul {
        margin-left:45px
    }
}

#preFooter ul li {
    display: inline-block;
    list-style-type: none
}

#siteFooter {
    background-color: #000;
    color: #fff;
    padding-top: 42px;
    padding-bottom: 63px;
    text-align: center
}

@media (min-width: 768px) {
    #siteFooter {
        text-align:left
    }
}

#siteFooter a {
    color: #fff
}

#siteFooter ul {
    margin: 0;
    padding: 0;
    margin-bottom: 21px
}

#siteFooter ul li {
    display: block;
    text-align: center;
    list-style-type: none;
    padding-bottom: 10px
}

@media (min-width: 768px) {
    #siteFooter ul li {
        display:inline-block;
        text-align: left;
        padding-right: 10px;
        margin-right: 10px;
        padding-bottom: 0;
        border-right: 1px solid #555
    }
}

#siteFooter small {
    color: #b9b9b9;
    line-height: 18px;
    font-size: 11px;
    display: block
}

#siteFooter small img {
    width: 55px
}

#siteFooter small img.cc {
    margin-top: 10px
}

@media (min-width: 768px) {
    #siteFooter small img {
        width:auto
    }
}


@media (min-width: 992px) {
    #siteFooter #footerInfo {
        border-right:1px solid #333
    }
}

#siteFooter #footerInfo,#siteFooter #credits {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    #siteFooter #footerInfo,#siteFooter #credits {
        float:left;
        width: 50%
    }
}

#siteFooter #credits {
    margin-top: 30px
}

@media (min-width: 768px) {
    #siteFooter #credits {
        margin-top:0
    }
}

.item-story {
    padding-bottom: 30px;
    -webkit-transform: translate3d(0, 0, 0)
}

.item-story .item-content {
    position: relative;
    color: #fff;
    overflow: hidden;
    height: 30vmin;
    min-height: 350px;
}

.item-story .item-content a {
    color: #fff;
    font-weight: 400;
}

.item-story .item-content a:hover {
    text-decoration: none
}

.item-story .item-content .bg-thumb {
    position: absolute;
    width: 150%;
    height: auto;
    left: -25%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translate3d(0, 0, 0)
}

.item-story .item-content .label {
    position: relative;
    margin-top: 25px;
    margin-left: 25px;
    z-index: 1
}

.item-story .item-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .7;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform: translate3d(0, 0, 0)
}

.item-story .item-content .text {
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    padding-bottom: 12px
}

.item-story .item-content .text header {
    text-align: center
}

.item-story .item-content .text header h3 {
    font-size: 26px
}

.item-story .item-content .text header .author {
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px
}

.item-story .item-content .text header .author a {
    position: relative
}

.item-story .item-content .text header .author a:hover {
    text-decoration: underline
}

.item-story .item-content .text .excerpt {
    text-align: center;
    font-size: 14px;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease
}

@media (min-width: 992px) {
    .item-story .item-content .text .excerpt {
        overflow:hidden;
        max-height: 0
    }
}

.item-story .item-content .text footer {
    border-top: 1px solid #fff;
    padding-top: 12px
}

.item-story .item-content .text footer time {
    display: inline-block
}

.item-story .item-content .text footer .meta {
    float: right
}

.item-story .item-content .text footer .meta a {
    display: block;
    position: relative
}

.item-story .item-content .text footer .meta a:hover {
    text-decoration: underline
}

@media (min-width: 992px) {
    .item-story:hover {
        cursor:pointer
    }

    .item-story:hover .bg-thumb {
        position: absolute;
        left: -50%;
        width: 200%;
        -webkit-transition: all 5s linear;
        transition: all 5s linear
    }

    .item-story:hover .overlay {
        opacity: .8;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

    .item-story:hover .text .excerpt {
        max-height: 180px;
        -webkit-transition: max-height 1.5s ease;
        transition: max-height 1.5s ease
    }
}

.item-blog {
    padding-bottom: 30px;
    -webkit-transform: translate3d(0, 0, 0)
}

.item-blog .item-content {
    position: relative;
    color: #000;
    overflow: hidden;
    height: 30vmin;
    min-height: 350px;
    border: 1px solid #C8C8C8;
    width: 98%;
}

.item-blog .item-content a {
    color: #000;
    font-weight: 400;
}

.item-blog .item-content a:hover {
    text-decoration: none
}

.item-blog .item-content .bg-thumb {
    position: absolute;
    width: 60%;
    height: auto;
    left: 20%;
    top: 20%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translate3d(0, 0, 0)
}

.item-blog .item-content .label {
    display: inline-block;
    margin-top: 25px;
    margin-left: 25px;
    position: relative;
    border-color: #000
}

.item-blog .item-content .label a {
    border-color: #000
}

.item-blog .item-content .overlay {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-transform: translate3d(0, 0, 0)
}

.item-blog .item-content .text {
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    padding-bottom: 12px
}

.item-blog .item-content .text header {
    text-align: center
}

.item-blog .item-content .text header h3 {
    font-size: 26px;
    margin-bottom: 15px;
}

.item-blog .item-content .text .excerpt {
    text-align: center;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .5s ease;
    transition: max-height .5s ease
}

.item-blog .item-content .text footer {
    border-top: 1px solid #c8c8c8;
    padding-top: 12px;
    text-align: center
}

.item-blog .item-content .text footer time {
    display: inline-block
}

@media (min-width: 992px) {
    .item-blog:hover {
        cursor:pointer
    }

    .item-blog:hover .bg-thumb {
        position: absolute;
        left: 18%;
        width: 64%;
        top: 22%;
        -webkit-transition: all .3s linear;
        transition: all .3s linear
    }
}

.item-author {
    padding-bottom: 80px;
    -webkit-transform: translate3d(0, 0, 0)
}

.item-author .item-content {
    position: relative;
    color: #000;
    overflow: hidden;
    text-align: center
}

.item-author .item-content a {
    color: #000;
    font-weight: 400;
}

.item-author .item-content a:hover {
    text-decoration: none
}

.item-author .item-content .bg-thumb {
    display: inline-block;
    width: 50%;
    height: auto
}

.item-author .item-content .text {
    padding-bottom: 12px
}

.item-author .item-content .text header {
    text-align: center
}

.item-author .item-content .text header h3 {
    font-size: 26px;
    margin-bottom: 15px;
}

.item-author .item-content .text .excerpt {
    color: #777
}

.item-carousel {
    padding-bottom: 30px
}

.item-carousel .item-content {
    position: relative;
    color: #fff;
    overflow: hidden;
    height: 400px
}

@media (min-width: 992px) {
    .item-carousel .item-content {
        height:45vmin;
        min-height: 550px;
    }
}

.item-carousel .item-content a {
    color: #fff;
    font-weight: 400;
}

.item-carousel .item-content a:hover {
    text-decoration: none
}

.item-carousel .item-content .bg-thumb {
    position: absolute;
    width: 200%;
    height: auto;
    left: -50%;
    margin-left: auto;
    margin-right: auto
}

.item-carousel .item-content .label {
    position: relative;
    margin-top: 25px;
    margin-left: 25px
}

.item-carousel .item-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .8;
    background-color: #0096b9
}

.item-carousel--blog .item-content .overlay {
    background-color: #df6300
}
.item-carousel .item-content .text {
    position: absolute;
    bottom: 45px;
    left: 25px;
    right: 25px;
    padding-bottom: 12px
}

.item-carousel .item-content .text header {
    text-align: left
}

.item-carousel .item-content .text header h3 {
    font-size: 26px;
}

@media (min-width: 1200px) {
    .item-carousel .item-content .text header h3 {
        font-size:42px
    }
}

.item-carousel .item-content .text header .author {
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.item-carousel .item-content .text .excerpt {
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.8);
    text-align: left
}

.item-carousel:hover {
    cursor: pointer
}

.item-column {
    padding-bottom: 30px
}

.item-column .item-content {
    position: relative;
    color: #000;
    overflow: hidden;
    height: 400px
}

@media (min-width: 992px) {
    .item-column .item-content {
        height:45vmin;
        min-height: 550px;
    }
}

.item-column .item-content a {
    color: #000;
    font-weight: 400;
}

.item-column .item-content a:hover {
    text-decoration: none
}

.item-column .item-content .bg-thumb {
    position: absolute;
    width: 200%;
    height: auto;
    left: -50%;
    margin-left: auto;
    margin-right: auto
}

.item-column .item-content .label {
    position: relative;
    margin-top: 25px;
    margin-left: 25px;
    border-color: #000
}
.home .item-column .item-content .label {
    display: none;
}


.item-column .item-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .8;
    background-color: #fff
}

.item-column .item-content .text {
    position: absolute;
    bottom: 45px;
    left: 25px;
    right: 25px;
    padding-bottom: 12px;
    text-align: center
}

.item-column .item-content .text header {
    text-align: center
}

.item-column .item-content .text header h3 {
    font-size: 26px;
}

.item-column .item-content .text header .author {
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px
}

.item-column .item-content .text .excerpt {
    padding-top: 10px;
    border-top: 1px solid #000;
    text-align: left
}

.item-column:hover {
    cursor: pointer
}

.item-category .item-content {
    position: relative;
    color: #fff;
    overflow: hidden;
    height: 400px
}

@media (min-width: 992px) {
    .item-category .item-content {
        height:45vmin;
        min-height: 550px;
    }
}

.item-category .item-content a {
    color: #fff;
    font-weight: 400;
}

.item-category .item-content a:hover {
    text-decoration: none
}

.item-category .item-content .bg-thumb {
    position: absolute;
    width: 200%;
    height: auto;
    left: -50%;
    margin-left: auto;
    margin-right: auto
}

.item-category .item-content .label {
    position: relative;
    margin-top: 25px;
    margin-left: 25px
}

.item-category .item-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .8;
    background-color: #0096b9
}

.item-category .item-content .text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    right: 25px;
    padding-bottom: 12px
}

.item-category .item-content .text header {
    text-align: left
}

.item-category .title1, .item-category .title2, .item-category .title3  {
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    padding-bottom: 16.8px
}

.item-category .title1 {
    font-size: 30px;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif
}
.item-category .title1>a
{
   font-weight: 500; 
}

.item-category .title2 {
    font-size: 21px;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif
}

.item-category .title3 {
    font-size: 18px;
    border-bottom: none;
    padding-bottom: 0;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif
}

.alignleft {
    float: left;
    margin-right: 21px;
    margin-bottom: 21px;
    margin-top: 21px
}

.alignright {
    float: right;
    margin-left: 21px;
    margin-bottom: 21px;
    margin-top: 21px
}

.aligncenter {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 21px;
    margin-bottom: 21px;
}

.alignnone {
    float: none;
    margin-top: 21px;
    margin-bottom: 21px;
}

.wp-caption {
    box-sizing: border-box;
    max-width: 100%;
    background-color: #000;
    padding: 5.25px;
    padding-bottom: 10.5px;
    margin-bottom: 21px;
    margin-top: 21px;
    font-size: 11px
}

.wp-caption img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin-bottom: 5px
}

.wp-caption-text {
    text-align: center;
    margin: 0
}

div.gallery {
    padding-top: 30px;
    padding-bottom: 30px
}

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

div.gallery:after {
    clear: both
}

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

div.gallery:after {
    clear: both
}

div.gallery div.galleryItem {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    div.gallery div.galleryItem {
        position:relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 768px) and (min-width:992px) {
    div.gallery div.galleryItem {
        float:left;
        width: 25%
    }
}

div.gallery div.galleryItem a {
    font-size: 11px;
    color: #868686;
    text-decoration: none !important;
    font-weight: normal !important
}

div.gallery div.galleryItem a .gallery-caption {
    padding: 5.25px;
    background-color: #777
}

div.gallery div.galleryItem figure {
    position: relative;
    text-align: center
}

div.gallery div.galleryItem figure img {
    width: 100%;
    height: auto
}

@media (min-width: 992px) {
    div.gallery div.galleryItem figure img {
        display:inline-block;
        height: auto;
        width: 100%
    }
}

.home #slider {
    margin-top: -63px;
    display: none;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .home #slider {
        display:block
    }
}

@media (min-width: 992px) {
    .home #slider {
        float:left;
        width: 100%
    }
}

.home #focus {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .home #focus {
        float:left;
        width: 33.33333333%
    }
}

.home #focus:before,.home #focus:after {
    content: " ";
    display: table
}

.home #focus:after {
    clear: both
}

.home #focus:before,.home #focus:after {
    content: " ";
    display: table
}

.home #focus:after {
    clear: both
}

@media (min-width: 992px) {
    .home #focus {
        margin-bottom:30px
    }
}

.home #focus #carousel-column {
    border: 1px solid #C8C8C8;
    height: 402px
}

.home #focus #carousel-column:before,.home #focus #carousel-column:after {
    content: " ";
    display: table
}

.home #focus #carousel-column:after {
    clear: both
}

.home #focus #carousel-column:before,.home #focus #carousel-column:after {
    content: " ";
    display: table
}

.home #focus #carousel-column:after {
    clear: both
}

@media (min-width: 992px) {
    .home #focus #carousel-column {
        height: calc(45vmin + 2px);
        min-height: 550px;
    }
}

.home #focus #carousel-column .label {
    border-color: #000;
    color: #000
}

.home #focus #carousel-column .carousel-indicators li {
    background-color: #000
}

.home #focus .noframes .text {
    margin-bottom: 0;
    bottom: 20px
}

.home #focus .noframes .text header {
    border-bottom: none
}

.home #latest {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 992px) {
    .home #latest {
        float:left;
        width: 66.66666667%
    }
}

@media (min-width: 768px) {
    .home #latest {
        padding-left:0
    }
}

.home #latest .item-story {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .home #latest .item-story {
        float:left;
        width: 50%
    }
}

.home #collections {
    margin-bottom: 50px
}

.home #collections:before,.home #collections:after {
    content: " ";
    display: table
}

.home #collections:after {
    clear: both
}

.home #collections:before,.home #collections:after {
    content: " ";
    display: table
}

.home #collections:after {
    clear: both
}

@media (min-width: 768px) {
    .home #collections {
        margin-bottom:0
    }
}

.home #collections .collection {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .home #collections .collection {
        float:left;
        width: 50%
    }
}

.home #collections .collection .item-carousel {
    padding-bottom: 30px
}

.home #collections .collection .item-carousel .item-content .overlay {
    background-color: #df6301
}

#collections .quote {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}
#collections .quote a{
    font-weight: 400;
}
@media (min-width: 992px) {
    #collections .quote {
        float:left;
        width: 50%
    }
}

.home #top-categories {
    display: none
}

@media (min-width: 768px) {
    .home #top-categories {
        display:block
    }
}

body.page-template-page-blog #entry,body.category #entry{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 63px
}
body.page-template-page-blog #entry {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 63px
}
@media (min-width: 992px) {
    body.page-template-page-blog #entry,body.category #entry,body.page-template-page-blog #entry {
        float:left;
        width: 100%
    }
}

body.page-template-page-blog #entry:before,body.category #entry:before,body.page-template-page-blog #entry:before,body.page-template-page-blog #entry:after,body.category #entry:after,body.page-template-page-blog #entry:after {
    content: " ";
    display: table
}

body.page-template-page-blog #entry:after,body.category #entry:after,body.page-template-page-blog #entry:after {
    clear: both
}

body.page-template-page-blog #entry:before,body.category #entry:before,body.page-template-page-blog #entry:before,body.page-template-page-blog #entry:after,body.category #entry:after,body.page-template-page-blog #entry:after {
    content: " ";
    display: table
}

body.page-template-page-blog #entry:after,body.category #entry:after,body.page-template-page-blog #entry:after {
    clear: both
}

body.page-template-page-blog #entry .entryHeader,body.category #entry .entryHeader,body.page-template-page-blog #entry .entryHeader {
    padding-top: 21px;
    padding-bottom: 63px;
    text-align: center
}

body.page-template-page-blog #entry .entryHeader h1,body.category #entry .entryHeader h1,body.page-template-page-blog #entry .entryHeader h1 {
    font-size: 65px
}

body.page-template-page-blog #entry .item-blog,body.category #entry .item-blog,body.page-template-page-blog #entry .item-blog {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    body.page-template-page-blog #entry .item-blog,body.category #entry .item-blog,body.page-template-page-blog #entry .item-blog, body.date #entry .item-blog {
        float:left;
        width: 33.33333333%
    }
}

body.page-template-page-blog #entry .blogItemRow,body.category #entry .blogItemRow,body.page-template-page-blog #entry .blogItemRow {
    clear: left;
    display: block;
    width: 100%;
    padding-right: 10px
}

body.page-template-page-blog #entry .blogItemRow:before,body.category #entry .blogItemRow:before,body.page-template-page-blog #entry .blogItemRow:before,body.page-template-page-blog #entry .blogItemRow:after,body.category #entry .blogItemRow:after,body.page-template-page-blog #entry .blogItemRow:after {
    content: " ";
    display: table
}

body.page-template-page-blog #entry .blogItemRow:after,body.category #entry .blogItemRow:after,body.page-template-page-blog #entry .blogItemRow:after {
    clear: both
}

body.page-template-page-blog #entry .blogItemRow:before,body.category #entry .blogItemRow:before,body.page-template-page-blog #entry .blogItemRow:before,body.page-template-page-blog #entry .blogItemRow:after,body.category #entry .blogItemRow:after,body.page-template-page-blog #entry .blogItemRow:after {
    content: " ";
    display: table
}

body.page-template-page-blog #entry .blogItemRow:after,body.category #entry .blogItemRow:after,body.page-template-page-blog #entry .blogItemRow:after {
    clear: both
}

body.page-template-page-blog #entry .blogItemRow figure,body.category #entry .blogItemRow figure,body.page-template-page-blog #entry .blogItemRow figure {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 60px
}

@media (min-width: 992px) {
    body.page-template-page-blog #entry .blogItemRow figure,body.category #entry .blogItemRow figure,body.page-template-page-blog #entry .blogItemRow figure {
        float:left;
        width: 25%
    }
}

body.page-template-page-blog #entry .blogItemRow figure img,body.category #entry .blogItemRow figure img,body.page-template-page-blog #entry .blogItemRow figure img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto
}

body.page-template-page-blog #entry .blogItemRow article.blogItem,body.category #entry .blogItemRow article.blogItem,body.page-template-page-blog #entry .blogItemRow article.blogItem {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-bottom: 21px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 31.5px
}

@media (min-width: 992px) {
    body.page-template-page-blog #entry .blogItemRow article.blogItem,body.category #entry .blogItemRow article.blogItem,body.page-template-page-blog #entry .blogItemRow article.blogItem {
        float:left;
        width: 75%
    }
}

body.page-template-page-blog #entry .blogItemRow article.blogItem a,body.category #entry .blogItemRow article.blogItem a,body.page-template-page-blog #entry .blogItemRow article.blogItem a {
    color: #000
}

body.page-template-page-blog #entry .blogItemRow article.blogItem header,body.category #entry .blogItemRow article.blogItem header,body.page-template-page-blog #entry .blogItemRow article.blogItem header {
    padding-bottom: 14px
}
.single-post .entryContent h2, .single-post .entryContent h3, .single-post .entryContent h4, .single-post .entryContent h5, .single-post .entryContent h6{
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 30px;
    display: block;
    font-weight: 700;
}
body.single-post #entry,body.page-template-page-blog #entry,body.archive.category #entry, body.archive.date #entry {
    padding-bottom: 63px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

body.single-post #entry .entryHeader, body.page-template-page-blog #entry .entryHeader,body.archive.category #entry .entryHeader, body.archive.date #entry .entryHeader {
    padding-top: 21px;
    padding-bottom: 63px;
    text-align: center;
} /*
body.single-post #entry .entryHeader{
   
    margin-bottom: 60px;
    position: relative;
    z-index: -1;
    height: 40vh;
    overflow: hidden;
    background: #ffa01f;
}
body.single-post #entry .entryHeader img{
    padding-top: 0;
    margin-top: -100px;
    margin-bottom: -50px;
    text-align: center;
    width: 100%;
    height: auto;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    mix-blend-mode: multiply;
    opacity: .2;
}*/

body.page-template-page-blog #entry .entryHeader h1,body.archive.category #entry .entryHeader h1, body.archive.date #entry .entryHeader h1  {
    font-size: 65px;
    padding-left: 15px;
}
/*
body.single-post #entry .entryHeader h1{
    margin-top: 0;
    margin-bottom: 0;
    z-index: 1;
    position: absolute;
    display: block;
    text-align: center;
    top: 50%;
    padding: 20px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    border: 3px solid;
    left: 50%;
}*/
.single-post .entryHeaderImage{
    margin-bottom: 50px;
}
.single-post .entryHeaderImage>img{
    width: 100%;
    height: auto;
}
body.single-post #entry .entryContent,body.page-template-page-blog #entry .entryContent,body.archive.category #entry .entryContent, body.archive.date #entry .entryContent {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0
}

@media (min-width: 992px) {
    body.single-post #entry .entryContent,body.page-template-page-blog #entry .entryContent,body.archive.category #entry .entryContent, body.archive.date #entry .entryContent {
        float:left;
        width: calc(100% - 190px);
    }
}

.sidebar .categories{
    margin-bottom: 40px;
}
.sidebar .categories:last-child {
    margin-bottom: 0;
}

body.single-post #entry .sidebar,body.page-template-page-blog #entry .sidebar,body.archive.category #entry .sidebar, body.archive.date #entry .sidebar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-right: 0;
}
body.single-post #entry .sidebar h3,body.page-template-page-blog #entry .sidebar h3, body.archive.category #entry .sidebar h3, body.archive.date #entry .sidebar h3{
    font-weight: 700;
}
@media (min-width: 992px) {
    body.single-post #entry .sidebar,body.page-template-page-blog #entry .sidebar,body.archive.category #entry .sidebar, body.archive.date #entry .sidebar {
        float:left;
        width: 165px;
    }
    body.archive.category #entry .sidebar, body.archive.date #entry .sidebar {
        float:left;
        width: 165px;
    }
}

body.single-post #entry .sidebar h3,body.page-template-page-blog #entry .sidebar h3,body.archive.category #entry .sidebar h3, body.archive.date #entry .sidebar h3 {
    margin-top: 0;
    margin-bottom: 21px
}

body.single-post #entry .sidebar .categories ul,body.page-template-page-blog #entry .sidebar .categories ul,body.archive.category #entry .sidebar .categories ul, body.archive.date #entry .sidebar .categories ul {
    margin: 0;
    padding: 0
}

body.single-post #entry .sidebar .categories ul li,body.page-template-page-blog #entry .sidebar .categories ul li,body.archive.category #entry .sidebar .categories ul li, body.archive.date #entry .sidebar .categories ul li {
    list-style-type: none;
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-size: 15px;
    
}

body.single-post #entry .sidebar .categories ul li a,body.page-template-page-blog #entry .sidebar .categories ul li a,body.archive.category #entry .sidebar .categories ul li a, body.archive.date #entry .sidebar .categories ul li a {
    color: #000
}

body.single-post #entry #latest,body.page-template-page-blog #entry #latest,body.archive.category #entry #latest, body.archive.date #entry #latest {
    clear: left;
    padding-top: 84px
}

body.single-post #entry #latest .item-blog,body.page-template-page-blog #entry #latest .item-blog,body.archive.category #entry #latest .item-blog, body.archive.date #entry #latest .item-blog {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    body.single-post #entry #latest .item-blog,body.page-template-page-blog #entry #latest .item-blog,body.archive.category #entry #latest .item-blog, body.archive.date #entry #latest .item-blog {
        float:left;
        width: 33.33333333%
    }
}
/*
body.single-post #back {
    background-color: #000;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    margin-bottom: 21px
}

body.single-post #back:hover {
    text-decoration: none
}
*/
body.single-post .entryContent {
    position: relative !important;
    min-height: 1px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media (min-width: 992px) {
    body.single-post .entryContent {
        float:left;
        width: 80%;
    }
}

@media (min-width: 992px) {
    body.single-post .entryContent {
        /* margin-left:16.66666667% */
    }
}

body.search-results #entry {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 63px
}

@media (min-width: 992px) {
    body.search-results #entry {
        float:left;
        width: 100%
    }
}

body.search-results #entry:before,body.search-results #entry:after {
    content: " ";
    display: table
}

body.search-results #entry:after {
    clear: both
}

body.search-results #entry:before,body.search-results #entry:after {
    content: " ";
    display: table
}

body.search-results #entry:after {
    clear: both
}

body.search-results #entry .entryHeader {
    padding-top: 21px;
    padding-bottom: 63px;
    text-align: center
}

body.search-results #entry .entryHeader h1 {
    font-size: 65px
}

body.search-results #entry .item-blog {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    body.search-results #entry .item-blog {
        float:left;
        width: 33.33333333%
    }
}

body.search-results #entry .blogItemRow {
    clear: left;
    display: block;
    width: 100%;
    padding-right: 10px
}

body.search-results #entry .blogItemRow:before,body.search-results #entry .blogItemRow:after {
    content: " ";
    display: table
}

body.search-results #entry .blogItemRow:after {
    clear: both
}

body.search-results #entry .blogItemRow:before,body.search-results #entry .blogItemRow:after {
    content: " ";
    display: table
}

body.search-results #entry .blogItemRow:after {
    clear: both
}

body.search-results #entry .blogItemRow figure {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 60px
}

@media (min-width: 992px) {
    body.search-results #entry .blogItemRow figure {
        float:left;
        width: 25%
    }
}

body.search-results #entry .blogItemRow figure img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto
}

body.search-results #entry .blogItemRow article.blogItem {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-bottom: 21px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 31.5px
}

@media (min-width: 992px) {
    body.search-results #entry .blogItemRow article.blogItem {
        float:left;
        width: 75%
    }
}

body.search-results #entry .blogItemRow article.blogItem a {
    color: #000
}

body.search-results #entry .blogItemRow article.blogItem header {
    padding-bottom: 14px
}

body.search-results #entry {
    padding-bottom: 63px
}

body.search-results #entry .entryHeader {
    padding-top: 21px;
    padding-bottom: 63px;
    text-align: center
}

body.search-results #entry .entryHeader h1 {
    font-size: 65px;
    padding-left: 15px
}

body.search-results #entry .entryContent {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0
}

@media (min-width: 992px) {
    body.search-results #entry .entryContent {
        float:left;
        width: 83.33333333%
    }
}

body.page-template-page-rubriche #entry {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 63px
}

@media (min-width: 992px) {
    body.page-template-page-rubriche #entry {
        float:left;
        width: 100%
    }
}

body.page-template-page-rubriche #entry:before,body.page-template-page-rubriche #entry:after {
    content: " ";
    display: table
}

body.page-template-page-rubriche #entry:after {
    clear: both
}

body.page-template-page-rubriche #entry:before,body.page-template-page-rubriche #entry:after {
    content: " ";
    display: table
}

body.page-template-page-rubriche #entry:after {
    clear: both
}

body.page-template-page-rubriche #entry .entryHeader {
    padding-top: 21px;
    padding-bottom: 63px;
    text-align: center
}

body.page-template-page-rubriche #entry .entryHeader h1 {
    font-size: 65px
}

body.page-template-page-rubriche #entry .carousel {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    body.page-template-page-rubriche #entry .carousel {
        float:left;
        width: 33.33333333%
    }
}

body.page-template-page-rubriche #entry .carousel .item-content {
    border: 1px solid #C8C8C8
}

body.page-template-page-rubriche #entry .carousel .carousel-indicators li {
    background-color: #000
}

body.page-template-page-rubriche #entry .carousel.noframes .text {
    margin-bottom: 0;
    bottom: 20px
}

body.page-template-page-rubriche #entry .carousel.noframes .text header {
    border-bottom: none
}

.single-stories #top-categories {
    display: none
}

@media (min-width: 768px) {
    .single-stories #top-categories {
        display:block
    }
}

#next {
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
    display: none;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 45px;
    color: #000;
    line-height: 100px
}

#next:before {
    content: "\e601"
}

#next:hover {
    text-decoration: none
}

#prev {
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
    display: none;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 45px;
    color: #000;
    line-height: 100px
}

#prev:before {
    content: "\e600"
}

#prev:hover {
    text-decoration: none
}

.endbutton {
    background-color: #000;
    padding: 10px 20px;
    color: #fff;
    font-size: 20px;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    margin: 20px 5px;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #000;

}
.endbutton#back{
    color: #000;
    background-color: #fff;
}
.endbutton:hover {
    text-decoration: none
}


.single-stories .endcontent {
    text-align: center;
    padding-top: 42px
}

.single-stories .endcontent ul {
    margin: 0;
    padding: 0
}

.single-stories .endcontent ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 45px;
    margin-right: 10px
}

.single-stories .endcontent ul li a {
    color: #000
}

.single-stories .endcontent ul li a:hover {
    text-decoration: none
}

.single-stories .endcontent ul li:last-child {
    margin-right: 0
}

#comicContainer.loading {
    opacity: 0
}

.single-stories #altro {
    padding-bottom: 63px;
    position: relative;
    min-height: 1px;
    clear: both;
}

@media (min-width: 992px) {
    .single-stories #altro {
        float:left;
        width: 66.66666667%;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 16.66666667%;
        margin-right: 16.66666667%
    }
}
#comicContainer .comic .screen .frame{
    background-color: #fff;
}

.single-stories #siteHeader {
    position: fixed;
    background-color: #000;
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    padding-top: 0;
    z-index: 1030;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.single-stories  #siteHeader #logo {
    width: 135px;
    padding-top: 12px;
    padding-bottom: 13px;
    position: absolute;
    left: 0;
    z-index: 1
}

@media (min-width: 768px) {
    .single-stories  #siteHeader #logo {
        margin-left:15px
    }
}

.single-stories  #siteHeader #logo img {
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    width: 80%
}

.single-stories  #siteHeader #logo img.color {
    display: none
}

.single-stories  #siteHeader #logo img.bn {
    display: inline-block
}

.single-stories  #siteHeader .social {
    display: none !important
}

.single-stories  #siteHeader #lang {
    display: none;
    float: right;
    margin-top: 25px
}

.single-stories  #siteHeader #lang a {
    color: #000 !important
}

.single-stories  #siteHeader #lang>ul {
    display: none !important
}

.single-stories  #siteHeader #header-navbar {
    margin-top: 18px
}

.single-stories  #siteHeader .container {
    position: relative
}

.single-stories  #siteHeader .container:before,#siteHeader .container:after {
    content: " ";
    display: table
}

.single-stories  #siteHeader .container:after {
    clear: both
}

.single-stories  #siteHeader .container:before,#siteHeader .container:after {
    content: " ";
    display: table
}

.single-stories  #siteHeader .container:after {
    clear: both
}

.single-stories  #siteHeader .container>nav {
    position: relative;
    width: 100% !important;
    text-align: center
}

.single-stories  #siteHeader .container>nav #header-navbar {
    display: inline-block;
    float: none;
    margin-left: 0
}

.single-stories  #siteHeader .container>nav #header-navbar ul {
    width: 100%;
    margin: 0
}

.single-stories  #siteHeader .container>nav #header-navbar ul li {
    display: inline-block;
    float: none
}

.single-stories  #siteHeader .container>nav #header-navbar ul li a {
    padding-left: 15px;
    padding-right: 15px
}

.mobileCenterVert.slider{
    padding-top: 30px;
}
.mapplic-lightbox #end{
    display: none;
}
@media (min-width: 768px){
    .mapplic-lightbox .mobileCenterVert.slider{
        position: relative;
    }
}
.mapplic-element{
    height: 100vh!important;
}
.mapplic-container{
    height: 100vh!important;
}
.mapplic-sidebar{
    height: auto!important;
}
@media (max-width: 667px){
    body .mapplic-element{
        height: 100vh!important;
    }
    .mapplic-sidebar{
        display:none!important;
    }
}
@media (min-width: 668px){
    .mapplic-element{
        height: 80vh!important;
        padding-top: 30px;
        padding-bottom: 63px;
    }
    .mapplic-container{
        height: 100%!important;
    }
}
.mapplic-list-container{
    height: auto!important;
    max-height: 100%;
}
.mapplic-list{
    height: auto!important;
}
.mapplic-pin{
    transition: .3s ease !important;
	/*fede*/
	background-size:60px 60px !important;
	height:60px !important;
	width:60px !important;
	margin-top:-30px !important;
	margin-left:-30px !important;

}
.mapplic-pin.j-visited{
    /*opacity: .5;*/
	    /*fede*/
	opacity: .6;
}
.mapplic-pin:hover{
	/*fede*/
    /*-webkit-box-shadow: 0 0 80px 0 rgba(0,0,0,0.5);*/
    transform: scale(1.05);
}
.mapplic-lightbox{
    background-color: #fff;
    position: relative;
    padding: 20px;
    width: auto;
    max-width: 100vw !important;
    height: 100vh !important;
    margin: 0 -6px!important;
}
.mapplic-lightbox-description{
    background-image: url(img/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    color: #fff;
}
.mobileCenterVert.slider #end {
    padding-top: 0
}

.mobileCenterVert.slider #end .endcontent {
    padding-left: 15%;
    padding-right: 15%;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
}
.app.mobileCenterVert.slider #end{
    width: calc(100vw - 25px);
    padding-top: 0 !important;
}
.app.mobileCenterVert.slider #end .endcontent {
    padding-left: 15%;
    padding-right: 15%;
    top: 0;
    position: relative;
    -webkit-transform: none;
    transform: none;
    font-size: 18px;
    min-height: 240px;
}
.app.mobileCenterVert.slider #end .endcontent .midframe{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
}

.mobileCenterVert.slider #end h4 {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
    margin: 30px;
}

.mobileCenterVert.slider #end ul {
    margin-top: -15px !important
}

.mobileCenterVert.slider #comicContainer {
    overflow: hidden;
    width: 90vw;
    max-width: 1400px;
    position: relative;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0) scale3d(1, 1, 1);
    transform: translate3d(-50%,0,0) scale3d(1, 1, 1);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.mobileCenterVert.slider #comicContainer .comic {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.mobileCenterVert.slider #comicContainer .comic.animate {
    -webkit-transition: all .3s;
    transition: all .3s
}

.mobileCenterVert.slider #comicContainer .comic .screen {
    float: left;
    overflow: hidden;
    height: 80vh;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    position: relative
}

.mobileCenterVert.slider #comicContainer .comic .screen .frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    background-color: #fff;
}
.slider .frame{
    z-index: 2;
}
.slider .frame.active{
    z-index: 100;
}
.scroll .frame{
    width: 100%;
    height: calc(100vh - 80px);
}

.mobileCenterVert.slider #comicContainer .comic .screen .frame:before,.mobileCenterVert.slider #comicContainer .comic .screen .frame:after {
    content: " ";
    display: table
}

.mobileCenterVert.slider #comicContainer .comic .screen .frame:after {
    clear: both
}

.mobileCenterVert.slider #comicContainer .comic .screen .frame:before,.mobileCenterVert.slider #comicContainer .comic .screen .frame:after {
    content: " ";
    display: table
}

.mobileCenterVert.slider #comicContainer .comic .screen .frame:after {
    clear: both
}

/*@media (min-width: 992px) { TEST TEMPORANEO VIDEO*/
    .mobileCenterVert.slider #comicContainer .comic .screen .frame {
        width: 95vw;
        max-width: 1400px;
        height: 80vh;
        text-align: center
    }
/*}*/

.slider .frame>img, .slider .frame>video {
    margin-left: 0;
    height: 80vh;
    position: relative;
    z-index: 2;
    width: 90vw;
    max-width: 1400px;
    -o-object-fit: contain;
    object-fit: contain;
}
.scroll .frame>img, .scroll .frame>video {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}


.mobileCenterVert.slider #comicContainer .comic .screen .frame.animate-build img {
    display: inline-block
}

.mobileCenterVert.slider #comicContainer .comic .screen .frame.seq1 {
    position: relative;
    opacity: 1
}

.mobileCenterVert.slider #prev {
    display: block
}

.mobileCenterVert.slider #next {
    display: block
}

.mobileCenterVert.slider .frame {
    text-align: center
}

.mobileCenterVert.slider.hor #next {
    /*top: 25% !important*/
}

.mobileCenterVert.slider.hor #prev {
    /*top: 25% !important*/
}

.mobileCenterVert.slider.hor #end {
    padding-top: 70px;
    height: auto !important
}

.mobileCenterVert.slider.hor #end .endcontent {
    margin-top: 0 !important;
    padding-bottom: 20px
}

.mobileCenterVert.slider.hor #end h4,.mobileCenterVert.slider.hor #end ul {
    display: none
}
/*
.touchevents #pageContent {
    padding-top: 80px
}

.touchevents .share {
    margin-top: -10px;
    padding-top: 0
}

.touchevents .share h4 {
    font-size: 14px
}

.touchevents .share ul {
    margin-top: -15px !important
}

.touchevents .mobileCenterVert {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 21px
}

.touchevents #end {
    padding-top: 0
}

.touchevents #end .share {
    margin-top: 23% !important
}

.touchevents #end h4 {
    margin-top: 30px;
    font-size: 14px
}

.touchevents #end ul {
    margin-top: -15px !important
}

.touchevents #comicContainer {
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform-style: preserve-3d
}

.touchevents #comicContainer .comic {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.touchevents #comicContainer .comic.animate {
    -webkit-transition: all .3s;
    transition: all .3s
}

.touchevents #comicContainer .comic .screen {
    float: left;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    position: relative
}

.touchevents #comicContainer .comic .screen .frame {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    opacity: 0
}

.touchevents #comicContainer .comic .screen .frame:before,.touchevents #comicContainer .comic .screen .frame:after {
    content: " ";
    display: table
}

.touchevents #comicContainer .comic .screen .frame:after {
    clear: both
}

.touchevents #comicContainer .comic .screen .frame:before,.touchevents #comicContainer .comic .screen .frame:after {
    content: " ";
    display: table
}

.touchevents #comicContainer .comic .screen .frame:after {
    clear: both
}

@media (min-width: 992px) {
    .touchevents #comicContainer .comic .screen .frame {
        width:100%;
        text-align: center
    }
}

@media (min-width: 768px) {
    .touchevents #comicContainer .comic .screen .frame img {
        width:100%;
        height: auto;
        margin-left: 0
    }
}

.touchevents #comicContainer .comic .screen .frame.animate-build img {
    display: inline-block
}

.touchevents #comicContainer .comic .screen .frame.seq1 {
    position: relative;
    opacity: 1
}

.touchevents #prev {
    display: block;
    top: auto;
    bottom: -90px;
    font-size: 30px !important
}

.touchevents #next {
    display: block;
    top: auto;
    bottom: -90px;
    font-size: 30px !important
}

.touchevents .mobileCenterVert {
    margin-left: -15px !important;
    margin-right: -15px !important
}

.touchevents .mobileCenterVert.hor {
    margin-top: -35px
}

.touchevents .mobileCenterVert.hor #end {
    padding-top: 70px;
    height: auto !important
}

.touchevents .mobileCenterVert.hor #end .share {
    margin-top: 0 !important;
    padding-bottom: 20px
}

.touchevents .mobileCenterVert.hor #end h4,.touchevents .mobileCenterVert.hor #end ul {
    display: none
}

.touchevents #comicContainer {
    width: 100% !important
}

.touchevents .frame {
    width: 100% !important
}
*/
.page-template-page-blog .sectionHeader,
.archive .sectionHeader {
    position: relative;
    padding-bottom: 35px
}
.page-template-page-blog .sectionHeader .sectionDescription,
.archive .sectionHeader .sectionDescription {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

@media (min-width: 992px) {
    .page-template-page-blog .sectionHeader .sectionDescription,
    .archive .sectionHeader .sectionDescription {
        float:left;
        width: 33.33333333%
    }
}

@media (min-width: 992px) {
    .page-template-page-blog .sectionHeader .sectionDescription,
    .archive .sectionHeader .sectionDescription {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        left: 17%;
        color: #fff;
        z-index: 1;
        padding: 60px 30px;
        border: 3px solid #fff
    }
}
.archive .sectionHeader .sectionDescription h1 {
    margin-top: 0;
    font-size: 55px;
    color: #000;
    font-weight: 700;
}
.page-template-page-blog .sectionHeader .sectionDescription h1{
    margin-top: 0;
    font-size: 55px;
    color: #000;
    padding-bottom: 0 !important;
    font-weight: 700;
}

.tax-column #carousel-focus-header .label, .page-template-page-blog #carousel-focus-header .label{
    display: none;
}
@media (min-width: 992px) {
    .page-template-page-blog .sectionHeader .sectionDescription h1,
    .archive .sectionHeader .sectionDescription h1 {
        font-size:65px;
        color: #fff;
        margin-top: 0;
    }
}
.page-template-page-blog .sectionHeader .sectionDescription p,
.archive .sectionHeader .sectionDescription p {
    margin-bottom: 31.5px;
    font-size: 20px;
}

@media (min-width: 992px) {
    .page-template-page-blog .sectionHeader .sectionDescription p,
    .archive .sectionHeader .sectionDescription p {
        margin:0
    }
}
.page-template-page-blog .sectionHeader #carousel-focus-header,
.archive .sectionHeader #carousel-focus-header {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: -30px
}

@media (min-width: 992px) {
    .page-template-page-blog .sectionHeader #carousel-focus-header,
    .archive .sectionHeader #carousel-focus-header {
        /*margin-bottom:0*/
    }
    .page-template-page-blog .sectionHeader #carousel-focus-header .carousel-indicators,
    .archive .sectionHeader #carousel-focus-header .carousel-indicators {
        position: relative !important;
        min-height: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        position: absolute !important;
        left: auto;
        right: 0
    }
    .page-template-page-blog .sectionHeader #carousel-focus-header .item-carousel,
    .archive .sectionHeader #carousel-focus-header .item-carousel {
        padding-bottom: 30px
    }
    .page-template-page-blog .sectionHeader #carousel-focus-header .item-carousel .bg-thumb,
    .archive .sectionHeader #carousel-focus-header .item-carousel .bg-thumb {
        width: 150% !important;
        left: -25% !important
    }
    .tax-column .sectionHeader #carousel-focus-header .item-carousel .textContainer,
    .page-template-page-blog .sectionHeader #carousel-focus-header .item-carousel .textContainer,
    .archive .sectionHeader #carousel-focus-header .item-carousel .textContainer {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        height: 100%;
        float: right !important;
        background-color: rgba(0,0,0,0.3)
    }
}

@media (min-width: 992px) and (min-width:992px) {
    .page-template-page-blog .sectionHeader #carousel-focus-header .carousel-indicators,
    .archive .sectionHeader #carousel-focus-header .carousel-indicators {
        float:left;
        width: 33.33333333%
    }
}

@media (min-width: 992px) and (min-width:992px) {
    .tax-column .sectionHeader #carousel-focus-header .item-carousel .textContainer,
    .page-template-page-blog .sectionHeader #carousel-focus-header .item-carousel .textContainer,
    .archive .sectionHeader #carousel-focus-header .item-carousel .textContainer {
        float:left;
        width: 33.33333333%
    }
}


.archive #entry .item-story {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .archive #entry .item-story {
        float:left;
        width: 33.33333333%
    }
}

.archive.tax-column #entry .entryHeader,.archive.tax-collection #entry .entryHeader,.archive.tax-area #entry .entryHeader {
    padding-top: 21px;
    padding-bottom: 63px;
    text-align: center
}

.archive.tax-column #entry .entryHeader h1,.archive.tax-collection #entry .entryHeader h1,.archive.tax-area #entry .entryHeader h1 {
    font-size: 65px;
    font-weight: 800;
}

.archive.tax-column #entry .item-story,.archive.tax-collection #entry .item-story,.archive.tax-area #entry .item-story {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .archive.tax-column #entry .item-story,.archive.tax-collection #entry .item-story,.archive.tax-area #entry .item-story {
        float:left;
        width: 33.33333333%
    }
}

.archive.post-type-archive-artist #entry .entryHeader {
    padding-top: 21px;
    padding-bottom: 63px;
    text-align: center
}

.archive.post-type-archive-artist #entry .entryHeader h1 {
    font-size: 65px
}

.archive.post-type-archive-artist #entry .item-author {
    display: block;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .archive.post-type-archive-artist #entry .item-author {
        display:inline-block;
        width: 33%;
        float: none;
        vertical-align: top
    }
}

.single-artist .entryHeader {
    position: relative;
    padding-top: 21px;
    padding-bottom: 63px
}

.single-artist .entryHeader:before,.single-artist .entryHeader:after {
    content: " ";
    display: table
}

.single-artist .entryHeader:after {
    clear: both
}

.single-artist .entryHeader:before,.single-artist .entryHeader:after {
    content: " ";
    display: table
}

.single-artist .entryHeader:after {
    clear: both
}

.single-artist .entryHeader .sectionDescription {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

@media (min-width: 992px) {
    .single-artist .entryHeader .sectionDescription {
        float:left;
        width: 100%
    }
}

.single-artist .entryHeader .sectionDescription:before,.single-artist .entryHeader .sectionDescription:after {
    content: " ";
    display: table
}

.single-artist .entryHeader .sectionDescription:after {
    clear: both
}

.single-artist .entryHeader .sectionDescription:before,.single-artist .entryHeader .sectionDescription:after {
    content: " ";
    display: table
}

.single-artist .entryHeader .sectionDescription:after {
    clear: both
}

.single-artist .entryHeader .sectionDescription p {
    margin: 0
}

.single-artist .entryHeader .sectionDescription p a {
    color: #000
}

.single-artist #entry .item-story {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 992px) {
    .single-artist #entry .item-story {
        float:left;
        width: 33.33333333%
    }
}

/* PMPRO */
#pmpro_paypalexpress_checkout{
    clear: left;
    display: block;
    text-align: center;
    margin-top: 10px;
}
#pmpro_processing_message{
    display: none !important;
}
input[disabled], select[disabled] {
    background: #f3f3f3;
    color: #F3F3F3 !important;
}
select[disabled] {
    margin-top: -10px;   
}
form.pmpro_form select{
    margin: 0;
}

/* BUTTON */
.c-button, #wp-submit{
    display: inline-block;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px!important;
    background-color: #000!important;
    color: #fff!important;
    font-weight: bold;
    line-height: 28px;
    border: 0!important;
	border-radius: 0!important;
    margin-top: 40px;
    padding: 6px 30px;
    cursor: pointer;
}
.c-button::before{
    content: '\e901';
    display: inline-block;
    vertical-align: top;
    font-size: 19px;
    margin-right: 15px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-button--checkout::before{
    content: '\e901';
    font-size: 24px;
}
.c-button-login{
    border: none;
    margin-top: 0;
    vertical-align: top;
    width: 48%;
    margin-right: 4%;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
}
.c-button-login:nth-of-type(even){
    margin-right: 0;
}
.c-button-login::before{
    font-size: 26px;
}
.c-button-login--facebook{
    background-color: #3b5998;
    color: #fff !important;
}
.c-button-login--facebook::before{
    content: '\e90b';
}
.c-button-login--facebook:hover{
    background-color: #38486a;
    text-decoration: none !important;
}
.c-button-login--google{
    background-color: #dd4b39;
    color: #fff !important;
}
.c-button-login--google::before{
    content: '\e90c';
}
.c-button-login--google:hover{
    background-color: #a03f32;
    text-decoration: none !important;
}

/* HEADER */
header.site .header_update{
    padding-top: 7px;
    padding-bottom: 8px;
}
.header_login{
    position: relative;
    display: block;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.header_login::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -16px;
    bottom: -55px;
    width: 190px;
    border: 1px solid #333;
    border-bottom-color: white;
    z-index: 11;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
}
.header_login__link{
    display: block;
    position: absolute;
    width: 173px;
    font-size: 16px;
    color: #E26606;
    font-weight: 600;
    padding: 10px;
    padding-left: 0;
    cursor: pointer;
    z-index: 12;
}
.header_login__link::before{
    content: '\e909';
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-right: 5px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-login, #loginform{
    position: absolute;
    z-index: 10;
    left: -16px;
    top: 54px;
    width: 280px;
    background: #fff;
    padding: 16px;
    border: 1px solid #333;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.c-login__password{
    display: block;
    font-size: 14px;
    color: #E26606;
    line-height: 35px;
}
.c-login .c-button, #wp-submit, #loginform .c-button{
    width: 100%;
    font-size: 14px;
    margin: 25px auto 15px;
    text-align: center;
}
.c-login .c-button:not(.c-button-login)::before, #loginform .c-button:not(.c-button-login)::before{
    display: none;
}
.c-login .c-button-login, #loginform .c-button{
    margin: 0;
    margin-top: 10px;
    padding: 8px;
}
.c-login .c-button-login::before, #loginform .c-button::before{
    font-size: 18px;
}
.j-open.header_login::before{
    opacity: 1;
}
.j-open .c-login, .j-open #loginform{
    opacity: 1;
    visibility: visible;
}
.logged-in header.site .header_update{
    display: none;
}
.logged-in .header_login{
    display: none;
}
.header_user{
    display: none;
    position: relative;
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 55px;
}
.header_user.no_avatar{
    padding-left: 5px;
}
.logged-in .header_user{
    display: block;
}
.user_picture{
    position: absolute;
    top: 25px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0;
    overflow: hidden;
}
.user_picture img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.user_name{
    display: block;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #939393;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: -12px;
}
.user_link{
    display: inline-block;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #E26606;
    line-height: 1;
    margin-right: 10px;
    opacity: 0.8;
}
.user_link:hover{
    text-decoration: underline;
}
.logged-in header.mobile .header_search{
    width: 50px;
    right: 45px;
    padding: 20px 15px;
}
.mobile_header_user{
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}
.logged-in .mobile_header_user{
    display: block;
}
.mobile_header_user img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.c-close{
    display: none;
    position: absolute;
    top: 10px;
    right: 12px;
    width: 35px;
    height: 40px;
    z-index: 1;
    background-color: #fff;
}
.c-close--mobile{
    top: 5px;
    right: 5px;
}
.c-close--mobile .c-close__line{
    background-color: red;
    width: 20px;
}
.c-close__line{
    position: absolute;
    left: 7.5px;
    top: 20px;
    width: 15px;
    height: 2px;
    background-color: #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.c-close__line:nth-of-type(2){
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.header_login .c-close{
    top: 6px;
    left: -7.5px;
    right: auto;
    width: 30px;
}
.header_login .c-close__line{
    background-color: #E26606;
}
.header_nav{
    position: relative;
}
.c-logged-options{
    display: none;
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}
.c-logged-options .mobile_header_user{
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
.c-logged-options__link{
    display: inline-block;
    vertical-align: middle;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #333;
    margin-right: 15px;
}

/* PAGE */
.page-plus footer{
    padding-top: 0;
}
.c-plus{
    position: relative;
}
.c-plus .medium-8{
    padding: 80px 90px;
}
.c-plus .medium-4{
    padding: 0;
}
.c-plus__picture{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: #1f656c;
    color: #fff;
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 3;
}
.c-plus__picture:hover{
    cursor: pointer;
}
.c-plus__picture::before{
    content: "\e90a";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
}
.c-plus__picture img{
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
}
#j-avatar{
    opacity: 0;
}
.c-plus .info_title{
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 55px;
    font-weight: 800;
    line-height: 60px;
    color: #333;
    margin-bottom: 10px;
}
.c-plus .info_subtitle{
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 26px;
    font-weight: 400;
}
.page-plus--subscribe .c-plus .container_info, .page-plus--checkout .c-plus .container_info{
    margin-bottom: 70px;
}
.c-plus .general-text{
    color: #666;
}
.pmpro-confirmation .general-text{
    text-align: center;
}

/* FORM */
.c-plus__form{
	position: relative;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0;
}
.pmpro-checkout .c-plus__form{
	padding-right: 150px;
}
.c-plus__form__header{
    margin-top: 50px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 30px;
}
.c-plus__form__title{
    font-size:20px !important;
    color:#333 !important;
    font-weight: bold !important;
    padding-bottom: 15px !important;
    margin: 0 !important;
}
.c-plus__form__title::before{
    content: '';
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    margin-right: 10px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#dati .c-plus__form__title::before{
    content: '\e904';
}
#newsletter .c-plus__form__title::before{
    content: '\e905';
    font-size: 16px;
}
#abbonamento .c-plus__form__title::before{
    content: '\e903';
}
#social .c-plus__form__title::before{
    content: '\e900';
}
#pagamento .c-plus__form__title::before{
    content: '\e903';
}
#fatturazione .c-plus__form__title::before{
    content: '\e904';
}
.c-plus__form__fieldset{
    margin: 0;
    padding: 0;
    border: 0;
}
.c-plus__form__field{
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 !important;
    margin-right: 4% !important;
    clear: none !important;
}
.c-plus__form__field:nth-of-type(even){
    margin-right: 0 !important;
}
.c-plus__form__field--large, p.login-username, p.login-password, p.login-submit{
    width: 100%;
    margin: 0;
    
}
.c-plus__form__field--small, .c-plus__form__field--small:nth-of-type(even){
    width: 31%;
    margin-right: 3.5%!important;
}
.c-plus__form__field--small:last-of-type{
    margin-right: 0!important;
}
.c-plus__form__field__input, .c-plus__form__field__select, #user_login, #user_pass{
    height: 40px;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333!important;
    font-size: 14px!important;
    font-weight: 800!important;
    line-height: 40px!important;
    margin-bottom: 15px!important;
    border: 1px solid #d8d8d8!important;
    border-radius: 0;
    padding: 0 15px!important;
    width: 100% !important;
    max-width: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.c-select-container{
    width: 100%;
    overflow: hidden;
    background: 		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALCAYAAACd1bY6AAAABGdBTUEAALGPC/xhBQAAAHVJREFUKBVjYGBgiANiViCmBID0xzECidVAzALEYUD8G4hJBSCDQGaA9YI466GYVBdi1YtVEGgBPoBXD15JNFOJUkuMImLUwO3GpxifHNwAdAY2TdjE0PXh5CNr5gaqIjfG4RbADHwFNQzEpwiADEgCYoIGAQB8DhriFBZfrAAAAABJRU5ErkJggg==') no-repeat right 15px center #fff;
    height: 40px;
    margin: 0 !important;
    margin-bottom: 15px !important;
    border: 1px solid #d8d8d8!important;
}
.c-plus__form__field__select{
    width: calc(100% + 40px) !important;
    max-width: none !important;
    background: transparent;
    height: 40px;
    border: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.c-plus__form__field__select option[disabled]{
    display: none;
}
.c-plus__form__field__input:focus, .c-plus__form__field__select:focus{
    outline: 0;
    border-color: #000!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.6);
}
.c-plus__form__field__label, label[for=user_pass],  label[for=user_login]{
    font-size: 14px;
    line-height: 25px;
    float: none !important;
    margin: 0 !important;
    font-weight: normal !important;
    width: 100%;
    text-align: left !important;
    display: block;
    padding-bottom: 7px;
}
.c-plus__form__footer{
    text-align: center;
    padding-top: 0;
}
.c-plus__form--dashboard{
    margin-bottom: 70px;
}
.c-plus__form--dashboard .c-plus__form__title{
    font-size:26px;
    color:#666;
    font-weight: 400;
    padding-bottom: 20px;
}

/* FORM NEWSLETTER */
.c-plus__form--newsletter{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33.333%;
    background-color: #1f656c;
    color: #fff;
    margin-top: 0;
    padding: 40px;
    padding-bottom: 170px;
}
.c-plus__form--newsletter .c-plus__form__header{
    margin-top: 0;
    border-color: rgba(151, 151, 151, 0.30);
}
.c-plus__form--newsletter .c-plus__form__title{
    display: none;
}
.c-plus__form--newsletter .c-plus__form__subtitle{
    color: #fff;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px;
    padding-bottom: 0;
    border: none;
}
.c-plus__form--newsletter .c-plus__form__caption{
    font-size:14px;
    font-weight: 400;
    line-height:31px;
    padding-bottom: 15px;
}
.c-plus__form--newsletter__field, .c-plus__form__field--checkbox{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 15px;
}
.c-plus__form--newsletter__field:last-of-type{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.30);
}
.c-plus__form--newsletter__field__input, .c-plus__form__field--checkbox__input{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px !important;
    height: 30px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
.c-plus__form--newsletter__field .checkbox, .c-plus__form__field--checkbox .checkbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #00669D;
    line-height: 30px;
    border: 1px solid #fff;
    cursor: pointer;
    z-index: 1;
}
.c-plus__form__field--checkbox{
    margin-top: 10px !important;
}
.c-plus__form__field--checkbox .checkbox{
    border-color: #d8d8d8;   
    transition: .2s ease;
}
.c-plus__form__field--checkbox:hover .checkbox{
    border-color: #000;
}
.c-plus__form--newsletter__field__label, .c-plus__form__field--checkbox .c-plus__form__field__label{
    padding-left: 50px;
    display: block;
    line-height: 30px;
    width: auto !important;
    text-align: left !important;
}
.c-plus__form__field--checkbox .c-plus__form__field__label a{
    color: #E26606;
    text-decoration: underline;
}
.c-plus__form--newsletter__field__input:checked + .checkbox::after, .c-plus__form__field--checkbox__input:checked + .checkbox::after {
    content: "\e903";
    position: absolute;
    font-size: 14px;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-plus__form__field--checkbox__input:checked + .checkbox::after {
    color: #000;    
}
.c-plus__form--newsletter .c-button{
    color: #fff;
    border-color: #fff;
    margin-top: 30px;
}

/* C-SUBSCRIPTION */
.c-subscription-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
}
.c-subscription{
    color: #666;
    font-size: 14px;
    line-height: 23px;
    border: 1px solid #e5e5e5;
}
.c-subscription-container .c-subscription{
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.c-subscription-container .c-subscription:nth-of-type(3n){
    margin-right: 0;
}
.c-subscription-container .c-subscription.j-active{
    box-shadow: 0px 0px 0px 1px #E26606 inset;
}
.c-subscription-container .c-subscription.j-active, .c-subscription-container .c-subscription:hover{
    border-color: #E26606;
    cursor: pointer;
}
.c-subscription__header{
    font-size: 13px;
    line-height: 19px;
    padding: 25px;
    padding-bottom: 15px;
}
.c-subscription__title{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
}
.c-subscription__header ul{
    margin: 0;
    padding: 0;
    padding-left: 20px;
}
.c-subscription__header ul li{
    margin: 10px 0;
}
.c-subscription__content{
    text-align: center;
    padding: 0 25px 25px;
    margin: 0;
}
.c-subscription__content ul {
    text-align: left;
    padding: 20px;
}
.c-subscription__content::before{
    content: '';
    display: block;
    width: 20px;
    margin: 0 auto;
    margin-bottom: 15px;
    border-top: 1px solid #E26606;
    opacity: 0.5;
}
.c-subscription__price{
    margin: 0;
}
.c-subscription__price span{
    font-size: 36px;
    font-weight: bold;
}
.c-subscription--option .c-subscription__content::before{
    display: none;
}
.c-subscription--option__price{
    display: block;
    color: #333 !important;
    font-size: 16px;
    margin: 0 3px;
    padding: 5px;
}
.c-subscription--option__price.j-active, .c-subscription--option__price:hover{
    font-weight: bold;
    background-color: #fafafa;
    text-decoration: none !important;
}
.c-subscription__input{
    width: 100%;
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 10px;
    padding: 8px;
}
.c-subscription--checkout{
    background-color: #fff;
    font-size: 16px;
    line-height: 27px;
    padding-top: 25px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.06);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.06);
}
.c-subscription--checkout .c-subscription__header{
    display: none;
}
.c-subscription--checkout .c-subscription__price{
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
}
.c-subscription--checkout .c-subscription__content::before{
    display: none;
}
.c-subscription__text{
    display: inline-block;
    margin: 0 !important;
}
.c-subscription__text span{
    display: block;
}
.c-subscription--dashboard{
    text-align: left;
    font-size: 16px;
    line-height: 27px;
    border: none;
}
.c-subscription--dashboard .c-subscription__header{
    padding: 0;
}
.c-subscription--dashboard .c-subscription__title{
    font-size:26px;
    color:#333;
    font-weight: 800;
}
.c-subscription--dashboard .c-subscription__title::before{
    content: "\e904";
    display: inline-block;
    vertical-align: top;
    font-size: 19px;
    margin-right: 15px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-subscription--dashboard .c-subscription__content{
    padding: 0;
}
.c-subscription--dashboard .c-subscription__content::before{
    display: none;
}
    
/* SIDEBAR */
.c-plus__sidebar{
    position: absolute;
    top: 0;
    bottom: auto;
    width: calc((((100% / 66.666) * 100) * 16.666 / 100) + 150px);
    right: 125px;
    background-color: #fafafa;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 27px;
    padding: 0 20px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    height: auto;
    padding-bottom: 25px;
}
.c-plus__sidebar_title{
    text-transform: uppercase;
    font-size:14px;
    color:#333;
    font-weight: 400;
    line-height:25px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.30);
}
.c-plus__sidebar--benefit .c-plus__sidebar_title{
    border: none;
    padding-left: 50px;
}
.c-plus__sidebar__link{
    color: #E26606;
    text-decoration: underline;
}
.c-plus__sidebar .c-button{
    margin-top: 20px;
}
.c-plus__sidebar__list{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 50px;
}
.c-plus__sidebar__list__item{
    font-size: 14px;
    color: rgba(51, 51, 51, 0.6);
    line-height: 23px;
    margin-bottom: 20px;
    position: relative;
}
.c-plus__sidebar__list__item::after{
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    margin-top: 15px;
    border-bottom: 1px solid #979797;
    opacity: 0.5;
}
.c-plus__sidebar__list__item:last-of-type{
    margin-bottom: 0;
}
.c-plus__sidebar__list__title{
    position: relative;
    font-size: 20px;
    color: #333;
    line-height: 30px;
    margin-bottom: -15px;
}
.c-plus__sidebar__list__item__icon{
    position: absolute;
    width: 38px;
    height: 38px;
    left: -50px;
    top: 0;
}
.c-plus__sidebar--checkout .c-plus__sidebar_title{
    border: none;
    margin-bottom: 0;
}
.c-plus__sidebar--checkout .c-button{
    display: block;
    text-align: center;
    margin-top: 25px;
    width: 100%;
}

/* MODIFICHE STORIA */
.c-tabs{
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #353535;
    text-align: center;
}
.c-tabs__tab{
    display: inline-block;
    vertical-align: top;
    opacity: 0.4;
}
.c-tabs__tab.j-active{
    opacity: 1;
}
.c-tabs__tab__link{
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    padding: 0 6px;
}
.c-tabs__tab__link:focus{
    text-decoration: none;
}
.c-tabs-content__item{
    display: none;
    padding: 10px 15px;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
    font-size: 0;
}
.c-tabs-content__item#storia-correlati{
    overflow: hidden;
}
.c-tabs-content__item.j-active{
    display: block;
}
.c-text{
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    line-height: 23px;
}
.c-tabs-content .item-story{
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 2%;
    padding: 0;
    font-size: 15px;
}
.c-tabs-content .item-story:last-of-type{
    margin-right: 0;
}

/* RESPONSIVE */
@media screen and (min-width:1430px) {
    .c-subscription-container{
        position: relative;
        width: 1370px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .c-subscription-container .c-subscription{
        width: 19%;
        margin-right: 1.25%;
    }
    .c-subscription-container .c-subscription:nth-of-type(3n){
        margin-right: 1.25%;
    }
    .c-subscription-container .c-subscription:nth-of-type(5n){
        margin-right: 0;
    }
}
@media screen and (max-width:1400px) {
	.c-subscription--checkout .c-subscription__price{
    	display: block;
	}
	.c-subscription--checkout .c-subscription__price::after{
        display: none;
    }
}

@media screen and (max-width:1023px) {
	body.page #entry {
   	 	margin-left: 0;
   	 	margin-right: 0;
	}
	.pmpro-checkout .c-plus__form{
		padding-right: 0;
	}
    .c-plus .medium-8{
        padding: 30px .9375rem;
    }
    .c-plus .info_title{
        font-size: 26px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .c-plus .info_subtitle{
        font-size: 18px;
        line-height: 24px;
        color: #333;
    }
    .c-plus__picture{
        width: 50px;
        height: 50px;
        background-color: #1f656c;
        font-size: 18px;
    }
    .c-plus__picture::before{
        font-size: 15px;
    }
    .page-plus--subscribe .c-plus .container_info, .page-plus--checkout .c-plus .container_info{
        margin-bottom: 20px;
    }
    .c-plus__form__header{
        margin-top: 15px;
    }
    .c-plus__form .c-plus__form__title{
        font-size: 16px !important;
        padding: 15px 0 !important;
    }
    .c-button{
        display: block;
        width: 100%;
        max-width: 350px;
        font-size: 14px;
        margin: 0 auto;
        margin-top: 35px;
    }
    .c-button-login{
        display: block;
        width: 100%;
        max-width: 300px;
        font-size: 14px;
        margin: 0 auto!important;
        margin-bottom: 15px!important;
        padding: 10px 30px;
    }
    .c-subscription-container{
        display: block;
    }
    .c-subscription{
        text-align: left;
        line-height: 21px;
        margin-bottom: 15px;
    }
    .c-subscription-container .c-subscription{
        width: 100%;
    }
    .c-subscription__header{
        padding-bottom: 14px;
        padding-top: 14px;
    }
    .c-subscription__content{
        padding-bottom: 14px;
    }
    .c-subscription--option .c-subscription__content{
        text-align: center;
        padding: 0 50px;
        padding-bottom: 22px;
    }
    .c-subscription__content::before{
        width: auto;
        margin: 0 -25px;
        margin-bottom: 11px;
        border-color: #e5e5e5;
        opacity: 1;
    }
    .c-subscription--option .c-subscription__content::before{
        display: block;
    }
    .c-subscription__title{
        font-size: 16px;
    }
    .c-subscription__price{
        display: inline-block;
        vertical-align: bottom;
        font-size: 18px;
        line-height: 1;
        margin-right: 15px;
    }
    .c-subscription__price span{
        font-size: 28px;
    }
    .c-subscription--checkout{
        padding: 0;
    }
    .c-subscription--checkout .c-subscription__header{
        display: block;
    }
    .c-subscription--checkout .c-subscription__content::before{
        display: block;
    }
    .c-subscription--checkout .c-subscription__price{
		display: inline-block;
        vertical-align: bottom;
        line-height: 1;
    }
    .c-subscription--checkout .c-subscription__text__hidden{
        display: none;
    }
    .c-subscription--dashboard{
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.06);
        box-shadow:2px 2px 2px 0 rgba(0,0,0,0.06);
    }
    .c-subscription--dashboard .c-subscription__header{
        padding: 12px 25px 9px;
    }
    .c-subscription--dashboard .c-subscription__title{
        font-size:16px;
        line-height: 21px;
    }
    .c-subscription--dashboard .c-subscription__content{
        padding: 0 25px;
    }
    .c-subscription--dashboard .c-subscription__content::before{
        display: block;
    }
    .c-plus__form__field, p.login-username, p.login-password, p.login-submit{
        width: 100%;
        margin-right: 0%;
    }
    .c-plus__form__field--small, .c-plus__form__field--small:nth-of-type(even){
        width: 100%;
    }
    .c-plus__form--dashboard{
        margin-bottom: 20px;
    }
    .c-plus__form--newsletter{
        padding: 30px .9375rem;
        padding-bottom: 150px;
    }
    .c-plus__sidebar{
		position: static;
    	width: auto;
    	display: block;
    	font-size: 14px;
    	margin: 0 -.9375rem;
    	padding: 0 .9375rem 25px;
		-webkit-transform: none;
    	transform: none;
    }
    .c-plus__sidebar__list{
        padding-left: 40px;
    }
    .c-plus__sidebar__list__item > *:not(.c-plus__sidebar__list__title):not(.c-plus__sidebar__list__item__icon){
        display: none;
    }
    .c-plus__sidebar__list__item::after{
        display: none;
    }
    .c-plus__sidebar__list__title{
        font-size: 16px;
        margin-bottom: -5px;
    }
    .c-plus__sidebar__list__item__icon{
        width: 25px;
        height: 25px;
        left: -40px;
        font-size: 9px;
        line-height: 25px;
    }
    .c-tabs-content .item-story{
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media screen and (max-width:767px) {
    .app #next, .app #prev{
        color: #fff;
        background: #000;
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 20px;
        border-radius: 50%;
        bottom: -16px;
        transform: none;
        top: auto !important;
        line-height: 40px;
        border: 2px solid #fff;
    }
    .app #next svg, .app #prev svg{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .app #next:before, .app #prev:before{
        display: none;
    }
    .app #progressbar{
        width: auto;
        height: 5px;
        background: #DF6302;
        position: absolute;
        bottom: 0;
        z-index: 1;
        left: 60px;
        right: 60px;
    }
    .app #progressbar__progress{
        position: absolute;
        height: 100%;
        background: #FFCF3F;
        width: 0;
    }
    .header_login__link{
        color: #000;
        top: 5px;
        width: 40px;
        left: 60px;
        text-align: center;
        padding: 0;
        height: 55px;
        line-height: 55px;
    }
    .c-button-login::before{
        font-size: 18px;
    }
    .c-plus .medium-8{
        float: none;
    }
    .c-plus__sidebar .c-plus__sidebar_title{
        font-size:12px;
        text-align: center;
        background-color: #fff;
        margin: 0 -.9375rem;
        margin-bottom: 20px;
        padding: 10px .9375rem;
        border: none;
    }
    .c-plus__sidebar--benefit .c-plus__sidebar_title{
        text-align: left;
    }
    .c-plus__form--newsletter{
        position: relative;
        width: 100%;
        background: none;
        color: #333;
        padding: 0;
        margin-bottom: -25px !important;
    }
    .c-plus__form--newsletter .c-plus__form__title{
        display: block;
    }
    .c-plus__form--newsletter .c-plus__form__subtitle{
        display: none;
    }
    .c-plus__form--newsletter .c-plus__form__caption{
        display: none;
    }
    .c-plus__form--newsletter__field__input, .c-plus__form__field--checkbox__input{
        width: 25px;
        height: 25px;
    }
    .c-plus__form--newsletter__field__label{
        line-height: 25px;
        padding-left: 45px;
    }
    .c-plus__form--newsletter__field .checkbox, .c-plus__form__field--checkbox .checkbox{
        border-color: #333;
        width: 25px;
        height: 25px;
    }
    .c-plus__form--newsletter__field__input:checked + .checkbox::after, .c-plus__form__field--checkbox__input:checked + .checkbox::after{
        color: #333;
    }
    .c-plus__form--newsletter__field:last-of-type{
        padding-bottom: 0;
        border-bottom: none;
    }
    .c-plus__form--newsletter .c-button{
        color: #333;
        border-color: #E26606;
    }
    header.site.j-visible{
        display: block;
        visibility: hidden;
        position: absolute;
    }
    .c-login{
        position: fixed !important;
        top: 71px !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        border: none !important;
        overflow-y: scroll !important;
    }
    .c-login.top{
        top: 0;
    }
    .c-plus__form__field{
        width: 100%;
    }
    .mobileCenterVert.slider{
        position: relative;
        left: 0;
        padding-top: 0;
    }
    .mapplic-lightbox-title{
        display: none;
    }
    .mobileCenterVert.slider #comicContainer{
        width: 95vw;
    }
    .mobileCenterVert.slider #comicContainer .comic .screen{
        height: 55vh;
    }
    .slider .frame>img, .slider .frame>video {
        margin-left: 0;
        position: relative;
        z-index: 2;
        width: 95vw;
        max-width: 1400px;
        -o-object-fit: cover;
        object-fit: cover;
        margin-top: 10px;
        height: calc(55vh - 10px);
    }
    .app.mobileCenterVert.slider #comicContainer .comic .screen{
        height: 95vh;
    }
    .app.slider .frame>img, .slider .frame>video {
        height: calc(90vh - 10px);
    }
    .c-tabs__tab__link{
        padding: 0 4px;
    }
    .container{
        padding: 0;
    }
    .item-carousel .item-content, .item-story .item-content{
        height: auto;
    }
    .item-carousel .item-content .text, .item-story .item-content .text{
        position: relative!important;
        bottom: auto!important;
        left: auto!important;
        right: auto!important;
        padding: 25px;
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .item-story .item-content .text{
        padding-top: 0;
    }
    #entry .entryContent{
        font-size: 15px;
    }
    body.page #entry .entryHeader{
        padding-bottom: 50px;
    }
    body.page #entry .entryHeader h1, body.single-post #entry .entryHeader h1{
        font-size: 30px;
    }
    .page-template-page-blog .sectionHeader .sectionDescription h1,.archive .sectionHeader .sectionDescription h1{
        font-size: 35px;
    }
    body.single-post .entryContent{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    body.single-post #entry .entryHeader{
        padding-bottom: 21px;
    }
}


.pmpro_error{
    background-color: #fff !important;
    border-radius: 0 !important;
    border: 2px solid #E26606 !important;
    padding: 5px 10px;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-top: 25px;
    margin-bottom: 25px;
    color: #E26606 !important;
    font-weight: bold;
    text-align: center;
}
.pmpro_error--tooltip {
    position: absolute;
    background: white;
    z-index: 10;
    width: auto;
    margin-top: -10px !important;
    box-shadow: 5px 5px 20px hsla(0, 0%, 0%, 0.14);
    font-size: 10px;
}
.pmpro_error--tooltip::before{
    content: '';
    display: block;
    border: 2px solid #E26606;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: -6px;
    border-bottom: none;
    border-left: none;
}

/* FAI UN REGALO */
.page-id-12791 .entryContent{
    text-align: center;
}
.wpcf7{
    font-size: 14px;
}
.wpcf7 label{
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-align: left;
}
.wpcf7 input, .wpcf7 textarea{
    display: block;
    max-width: 100%;
    font-size: 18px;
    border-color: #000;
    border-width: 1px;
    padding: 5px 10px;
    margin: 0 auto;
}
    

/*CHECKOUT */
#pmpro_form hr{
    display: none;
}
.pmpro_checkout{
    margin-bottom: 40px;
}
#other_discount_code_p{
    text-align: center;
    font-size: 18px;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    padding: 10px;
    border: 1px solid #e06202;
    margin-top: 60px;
}
#other_discount_code_button{
    display: inline-block;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px!important;
    background-color: #000!important;
    color: #fff!important;
    font-weight: bold;
    line-height: 28px;
    border: 0!important;
    border-radius: 0!important;
    padding: 1px 30px;
    cursor: pointer;
}
.pmpro_checkout-h3-name{
    font-weight: bold;
}
.pmpro_checkout h3 span.pmpro_checkout-h3-msg{
    display: block;
    margin-bottom: 15px;
}
#pmpro_pricing_fields .pmpro_checkout-fields{
    font-size: 14px;
    background: #f5f5f5;
    padding: 30px 30px;
    margin-top: 10px;
}
.pmpro_checkout-fields input{
    border-color: #000;
    border-width: 1px;
    padding: 5px 10px;
}
.pmpro_checkout-fields label{
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}
#pmpro_pricing_fields .pmpro_checkout-fields img{
    margin-top: 0;
    margin-bottom: 0;
}
#pmpro_user_fields .pmpro_checkout-fields input, #pmpro_checkout_box-dati .pmpro_checkout-fields input{
    width: 90%;
}
#pmpro_payment_information_fields .pmpro_payment-discount-code{
    display: none;
}

input[type=submit].pmpro_btn-submit-checkout{
    display: inline-block;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px!important;
    background-color: #000!important;
    color: #fff!important;
    font-weight: bold;
    line-height: 28px;
    border: 0!important;
    border-radius: 0!important;
    margin-top: 40px;
    padding: 6px 30px;
    cursor: pointer;
}
.pmpro_payment-account-number input{
    width: 90%;
}
.pmpro-levels #entry, .pmpro-checkout #entry{
    margin-bottom: 100px;
}
.pmpro-levels #newsletter, .pmpro-checkout #newsletter{
    display: none;
}

@media screen and (min-width:480px){
    #pmpro_pricing_fields .pmpro_checkout-fields img{
        float: right;    
        margin-left: 10px;
    }
    #pmpro_user_fields .pmpro_checkout-fields, #pmpro_checkout_box-dati .pmpro_checkout-fields{
        column-count: 2;
    }
    #pmpro_user_fields .pmpro_checkout-fields > *, #pmpro_checkout_box-dati .pmpro_checkout-fields > *{
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
    }
    .pmpro_payment-account-number{
        width: 50%;
        display: inline-block;
    }
    .pmpro_payment-expiration{
        width: 25%;
        display: inline-block;
    }
    .pmpro_payment-cvv{
        width: 22%;
        display: inline-block;
    }
}