/*
Theme name: Q Theme
Theme url: http://www.craq.it
Version: 6.3
Author: <a href="http://www.craq.it" title="Craq Design Studio">Craq Design Studio</a>
Author url: http://www.craq.it
*/

/***********************************************************************************************************************
// STRUCTURE AND GLOBAL STYLE
/**********************************************************************************************************************/
/* Globals & Editor Rules
-------------------------------------------------------------- */
body{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.4em; color: #212121; position: relative; z-index: 99999;}
h1{font-size: 36px; font-family: 'Merriweather', serif; font-weight: 400; line-height: 1.2em;}
h2{font-size: 30px; font-family: 'Merriweather', serif; font-weight: 400; line-height: 1.2em;}
h3{font-size: 26px; font-family: 'Merriweather', serif; font-weight: 400; line-height: 1.2em;}
h4{font-size: 21px; font-family: 'Merriweather', serif; font-weight: 400; line-height: 1.2em;}
h5{font-size: 20px; font-family: 'Merriweather', serif; font-weight: 400; line-height: 1.2em;}
h6{font-size: 18px; font-family: 'Merriweather', serif; font-weight: 400; line-height: 1.2em;}
h1,h2,h3,h4,h5,h6{line-height: 1em;}
b, strong{font-weight: bold;}
em{font-style: italic;}
sup{vertical-align: text-top; font-size: 9px;}
sub{font-size: 9px;}ul li{list-style: disc inside none;}
ul li{list-style: disc outside none;}
ul{margin-left: 15px;}
li{margin: 3px;}
p{margin: 10px 0;}
table, th, td {width: 100%!important; font-size: 0.9em; color: gray;}
td, th {padding: 10px; border-bottom: 1px solid #ddd; width: inherit!important;}
tr:hover{background-color:#f5f5f5}
a{text-decoration: none; transition: 0.5s ease;color: #d00d47;}

/* Structure
-------------------------------------------------------------- */
body, #page{
    margin: 0;
    min-width: 1366px;
    overflow-x: hidden;
}
body:before{
    content: '1400';
    display: none;
}
#menuOverlay{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.8);
    display: none;
    cursor: pointer;
}
#loadingWrapper{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    z-index: 9999;
    display: none;
}
#loadingWrapper img{
    width: 70px;
    height: auto;
}
.centralWrapper{
    display: block;
    margin: auto;
    width: 1166px;
    padding: 0 100px;
}
.leftContent{
    width: 70%;
    float: left;
}
.rightSidebar{
    width: 20%;
    float: right;
}

/* Display Flex
------------------*/
.flex {
    display: flex;
}
.flex-center {
    align-items: center;
}
.flex-around {
    justify-content: space-around;
}
.flex-wrap {
    flex-wrap: wrap;
}

/* Global Classes
-------------------------------------------------------------- */
/* Entry Content
------------------*/
.entryContent h1,.entryContent h2, .entryContent h3,
.entryContent h4,.entryContent h5, .entryContent h6 {
    margin-bottom: 20px;
    color: #0A246A;
}
.entryContent h1 {}
.entryContent p{
    margin: 15px 0;
}
.entryContent p:first-of-type{
    margin-top: 0;
}
.entryContent img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px auto;
}
.entryContent ol, .entryContent ul{
    margin-left: 20px;
}
.entryContent ul li{
    list-style: disc;
}
.entryContent ol li{
    list-style: decimal;
}
.entryContent .gallery-item{
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
}
.entryContent .gallery-item img{
    border:none!important;
}
.entryContent .aligncenter{
    display: block;
    margin: auto;
}
.entryContent .alignnone,
.entryContent .alignleft{
    display: block;
    margin: inherit;
}
.entryContent a, .red{
    color: #d00d47;
}

/* Global Element
------------------*/
.coverBg{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
}
.gradient{
    background: rgba(255,255,255,0.3);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
.table{
    display: table;
    width: 100%;
}
.tableCell{
    display: table-cell;
    vertical-align: middle;
}
.tableInside{
    display: inline-block;
}
.hidden{
    display: none;
}
.red{
    color: #d00d47;
}

/* Button & Material Design
------------------*/
.button{
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    color: #000000;
    transition: 0.3s;
    font-size: 15px;
    padding-left: 25px;
    display: block;
    margin-bottom: 2px;
    position: relative;
}
.button:before{
    font-family: 'Material Icons', sans-serif;
    content: '\e315';
    position: absolute;
    left: 0;
    font-size: 18px;
}
.button:hover{
    color: #d00d47;
}
.redButton{
    color: #ffffff;
    background: #d00d47;
    padding: 15px 25px;
    font-size: 15px;
    transition: 0.5s ease;
    display: inline-block;
    line-height: 1em;
}
.redButton:hover{
    background: #000000;
}
.shadow{
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

/* Align
------------------*/
.centered{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.centeredHorizontal{
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}
.centeredVertical{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}
/* Loader
------------------*/
.loader {
    position: relative;
    margin: 0 auto;
    width: 100px;
}
.loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes rotate {100% {transform: rotate(360deg);}}
@keyframes dash {0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0; }50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35px;}100% {stroke-dasharray: 89, 200;stroke-dashoffset: -124px;}}
@keyframes color {100%,0%{stroke: red;}40%{stroke: blue;}66% {stroke: green;}80%,90% {stroke: yellow;}}

/***********************************************************************************************************************
// COOKIES POLICY
/**********************************************************************************************************************/
#cookieBanner{
    background: #000000;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}
#cookieBanner .text{
    padding: 0 10%;
}
#cookieBanner .actionsButton{
    margin-top: 10px;
}
#cookieBanner .actionsButton a{
    text-transform: uppercase;
    margin: 0 15px;
}

/***********************************************************************************************************************
// HEADER STYLE
/**********************************************************************************************************************/
/* Header Structure
-------------------------------------------------------------- */
#mainNav {
    width: 100%;
    background: #ffffff;
    z-index: 999;
    position: relative;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
    position: fixed;
}
#main{
    background: #ffffff;
    z-index: 3;
    display: block;
}
#homeCover{
    position: relative;
    height: 500px;
    width: 100%;
    z-index: 1;
    background-color: #ffffff;
    background-attachment: fixed;
}

/* Header Inside
-------------------------------------------------------------- */
#mainNav #mainBadge{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: #d00d47;
}
#mainNav #mainBadge a{
    position: absolute;
    width: 92%;
    height: 94%;
    top: 3%;
    left: 4%;
    background-image: url(img/badge.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}
#mainNav #mainBadge img{
    max-width: 100%;
    max-height: 100%;
}
#mainNavContainer{
    padding: 25px 0;
    position: relative;
    box-sizing: border-box;
}
#mainNavContainer .right{
    text-align: right;
}
#mainNavContainer .right .tableInside{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#mainLogo img{
    max-width: 300px;
    max-height: 70px;
}
#mainLogoText a{
    color: #000000;
}
#mainLogoText{
    font-family: 'Merriweather', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.2em;
}
#mainLogoText .siteTitle{
    font-size: 48px;
    margin-bottom: 20px;
}
#socialLinks{
    margin-right: 40px;
}
#socialLinks a{
    margin-left: 10px;
}
#siteSearch{
    margin-right: 25px;
}
#siteSearch form{
    display: flex;
    align-items: center;
}
#siteSearch form i{
    cursor: pointer;
    transition: 0.5s ease;
}
#siteSearch form i:hover{
    color: #d00d47;
}
#siteSearch form input{
    border: none;
    padding: 3px 0;
    width: 0px;
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    margin-left: 5px;
    font-family: 'Roboto', sans-serif;
}
#mainNavContainer .right .languageSwitch{
    margin-right: 20px;
}
#mobLink{
    position: relative;
    margin-left: 55px;
}
#mobLink .text{
    position: absolute;
    left: -55px;
    top: 11px;
    font-family: Merriweather, sans-serif;
}
#mobLink i{
    color: #000000;
    font-size: 48px;
    cursor: pointer;
}

/* Header Small
-------------------------------------------------------------- */
#mainNav, #mainNav * {
    transition: .3s all;
    -moz-transition: .3s all;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
}
#mainNav.small #mainNavContainer{
    padding: 5px 0;
}
#mainNav.small #mainLogo img{
    height: 50px;
}
#pageHeader #mainNav.small.navSite .siteTitle{
    transition: visibility 0s, opacity 0.5s linear;
    margin-bottom: 0;
    font-size: 35px;
    line-height: 1.1em;
}
#pageHeader #mainNav.small.navSite .siteName{
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: visibility 0s, opacity 0.5s linear;
    margin-bottom: 0;
}
#mainNav.small.navSite #mainNavContainer {
    padding: 15px 0;
}
#mainNav.small.navSite #mainBadge a{
    background-image: url(img/badge_min.png);
}

/* Main Menu
-------------------------------------------------------------- */
#mobNav{
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    background: #ffffff;
    -webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.3);
    z-index: 99999;
    width: 400px;
    text-align: right;
    box-sizing: border-box;
    overflow-y: scroll;
    display: none;
}
#mobNav #siteSearch{
    display: none;
    margin-right: 0;
    margin-top: 20px;
}
#mobNav #siteSearch form{

}
#mobNav #siteSearch input{
    width: 150px;
}
#mobNav .inside{
    display: inline-block;
    width: 100%;
    padding: 80px 80px 80px 50px;
    box-sizing: border-box;
}
#mobNav .close{
    font-size: 46px;
    cursor: pointer;
    margin: 20px 0;
}
#mobNav .close:hover{
    color: #d00d47;
}
#mobNav ul{
    margin: 0;
}
#mobNav li{
    display: block;
    margin: 35px 0;
    font-family: Merriweather, sans-serif;
    font-size: 21px;
}
#mobNav li a{
    color: #000000;
}
#mobNav li a:hover{
    color: #d00d47;
}
.langLink a{
    text-transform: uppercase;
    color: #000000;
}
.langLink a:hover, .langLink a.active{
    color: #d00d47;
}

/***********************************************************************************************************************
// QTHEME FORM & ACCESS PAGE
/**********************************************************************************************************************/
.qthemeForm input[type=text],
.qthemeForm input[type=password],
.qthemeForm input[type=date],
.qthemeForm textarea,
.simpleselect .placeholder{
    border: none;
    border-bottom: 1px solid #b0b0b0;
    padding: 10px;
    font-size: 16px;
    font-family: Cronos, sans-serif;
    box-sizing: border-box;
    width: 100%;
    cursor: text;
}
.qthemeForm .required input,
.qthemeForm .required .simpleselect .placeholder{
    background-image: url(img/required.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 5px 5px;
}
.qthemeForm .required .simpleselect .placeholder{
    padding-right: 40px;
}
.qthemeForm .required .simpleselect .placeholder::after{
    right: 20px;
}
.qthemeForm input[type=date]::before{
    width:100%;
    content:attr(placeholder);
    color: #eeeeee;
}
.qthemeForm input[type=date].active::before{
    width:0%;
    content:"";
}
.qthemeForm input[type=date]::-webkit-inner-spin-button{
    display: none
}
.qthemeForm input[type=date]::-webkit-calendar-picker-indicator {
    background: none;
    cursor: pointer;
}
.qthemeForm input.requested,
.qthemeForm textarea.requested{
    background-image: url(img/required.png);
    background-repeat: no-repeat;
    background-position: 99.5% center;
    background-size: 5px;
}
.qthemeForm textarea.requested{
    background-position: 99.5% 15px;
}
.qthemeForm input[type=submit] {
    border:none;
    height: 40px;
    background: #ffffff;
}
.qthemeForm input:not([type=submit]):focus,
.qthemeForm textarea:focus{
    border-bottom: 1px solid #d02d26;
}

/* 2.3 Checkbox & Radio
----------------------*/
input[type=checkbox],
input[type=radio]{
    display: none;
}
input[type=checkbox] + label, input[type=radio] + label{
    position: relative;
    padding-left: 2.8rem;
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
}
input[type=checkbox] + label::before,
input[type=radio] + label::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
}
input[type=radio] + label::before{
    border-radius: 100%;
}
input[type=checkbox] + label::after{
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    display: inline-block;
    height: 0.4rem;
    width: 0.9rem;
    border-left: 2px solid #d00d47;
    border-bottom: 2px solid #d00d47;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s ease;
}
input[type=radio] + label::after{
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 1rem;
    height: 1rem;
    background: #d00d47;
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
}
input[type=checkbox]:checked + label::after{
    opacity: 1;
}
input[type=radio]:checked + label::after{
    opacity: 1;
    transform: scale(1);
}
::-webkit-input-placeholder {
    color: #cccccc;
}
:-moz-placeholder {
    color: #cccccc;
}
::-moz-placeholder {
    color: #cccccc;
}
:-ms-input-placeholder {
    color: #cccccc;
}
.simpleselect{
    width: 100%;
}
.simpleselect .placeholder{
    color: #cccccc;
    cursor: pointer;
}
.simpleselect .placeholder::after{
    background-image: url(img/select.png);
    background-repeat: no-repeat;
    width: 15px;
    right: 0;
    cursor: pointer;
}
.simpleselect .placeholder:hover{
    background: none;
}
.simpleselect .options{
    width: 100%;
}
.simpleselect .option:hover{
    background: #d02d26!important;
}
.qthemeInputmoreInfoItem{
    text-transform: uppercase;
    font-weight: 600;
}

/* Form Fields
-------------------------------------------------------------- */
.qthemeFormMessage{
    color: #d02d26;
    margin: 10px 0;
}
.qthemeFormMessage.success{
    color: green;
}
.qthemeField{
    margin: 20px 0;
}
.qthemeField.submitAccess{
    margin-top: 30px;
}
.qthemeField.messageLink{
    margin: 3px 0;
}
/* Access Page
-------------------------------------------------------------- */
#formLogin{
    color: #b0b0b0;
}
.centralCol{
    width: 50%;
    display: block;
    margin: auto;
}
.qthemeField.title{
    margin-top: 50px;
}
.resetIndicator{
    font-size: 14px;
    line-height: 10px;
}

/***********************************************************************************************************************
/* STRIPE CSS
/**********************************************************************************************************************/
/* Globals
------------------------------------------*/
.stripe{
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0;
}
.stripe.stripeFixedHeight{
    height: 400px;
}
.stripe.nopaddingBottom{
    padding-bottom: 0;
}
.stripe.mobileView{
    display: none;
}
.stripe .overlay{
    z-index: 1;
}
.stripe .centralWrapper{
    position: relative;
    z-index: 3;
}
.stripe .pageTitle{
    margin-top: 0;
}

/* Stripe Stream
------------------------------------------*/
.stripeStream .stripeTitle .buttonsContainer {
    margin-top: 10px;
}
.stripeStream .stripeTitle .buttonsContainer .button{
    color: #d00d47;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#d00d47" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}
.stripeStream .stripeTitle .buttonsContainer .button:hover{
    color: #000000;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}
.stripeStream.compactView .showLoop .info{
    display: none;
}

/* Stripe Classes
------------------------------------------*/
.stripe.darkText .box .title{
    color: #d00d47;
}
.stripe.whiteText, .stripe.whiteText .button{
    color: #ffffff;
}
.stripe.whiteText .button{
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}
.stripe.topBorder{
    border-top: 1px solid #b0bfc7;
}
.stripe.bottomBorder{
    border-bottom: 1px solid #b0bfc7;
}
.stripe.allBorder{
    border-bottom: 1px solid #b0bfc7;
    border-bottom: 1px solid #b0bfc7;
}

/* Stripe Content
------------------------------------------*/
.stripeContent .stripeTitle{
    position: relative;
    z-index: 3;
}
.boxesContainer .boxText > *{
    margin: 25px 0;
}
.boxesContainer .boxText > *:first-child{
    margin-top: 0;
}
.boxesContainer .box img{
    max-width: 100%;
    height: auto;
}
.boxesContainer{
    display: table;
    width: 100%;
}
.boxesContainer .box{
    display: table-cell;
    box-sizing: border-box;
    width: 33%;
}
.boxesContainer .box .iconTitle{
    font-size: 48px;
    margin-bottom: 0;
}
.stripe.darkText .box .iconTitle{
    color: #d00d47;
}
.centerSingleAlign .buttonsContainer {
    text-align: center;
}
.centerSingleAlign .buttonsContainer .button{
    display: inline-block;
}
.centerSingleAlign .pageTitle{
    text-align: center;
}
.boxesContainer .box.col12{width:50%;}
.boxesContainer .box.col13{width:33.3%;}
.boxesContainer .box.col14{width:25%;}
.boxesContainer .box.col23{width:66.6%;}
.boxesContainer .box.col14{width:50%;}
.boxesContainer .box.col34{width:75%;}
.paddingRight{padding-right:25px;}
.paddingLeft{padding-left:25px;}
.paddingBoth{padding: 0 25px;}
/* Tile
------------------------------------------*/
.tile{
    display: block;
    width: 100%;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.tileTitle{
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #ffffff;
    font-size: 20px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px -5px 3px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px -5px 3px -5px rgba(0,0,0,0.3);
    box-shadow: 0px -5px 3px -5px rgba(0,0,0,0.3);
    padding: 30px;
}
.tile a.lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #212121;
}
.playVideo, .viewImg{
    text-align: center;
    font-size: 48px;
}
.playVideo i,
.viewImg i{
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    opacity: 0.8;
}
.playVideo i{
    font-size: 48px;
    color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}
.playVideo.dark i {
    color: #000000;
}
.viewImg i{
    color: #333333;
    background: #ffffff;
    padding: 24px;
    border-radius: 48px 48px 48px 48px;
    -moz-border-radius: 48px 48px 48px 48px;
    -webkit-border-radius: 48px 48px 48px 48px;
}
.viewImg.dark i{
    color: #ffffff;
    background: #333333;
}
.tile:hover .playVideo i,
.boxImage:hover .viewImg i{
    opacity: 1;
}
/* Boxes Image
------------------------------------------*/
.normalBoxImage{
    text-align: center;
}
.normal .inside{
    position: relative;
    display: inline-block;
}
.normal .inside .viewImg{
    position: absolute;
    width: 100%;
    text-align: center;
}
.fullBoxImage{
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.fullBoxImage .lightbox{
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
}

/* Stripe Slideshow
------------------------------------------*/
.stripeSlide{
    padding: 0;
}
.slideShowWrapper{
    width: 100%;
    height: 500px;
    position: relative;
}
.slideShowWrapper .slide{
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}
.slideShowWrapper .caption{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.slideShowWrapper .captionWrapper{
    background: rgba(0,0,0,0.8);
    color: #ffffff;
    width: 500px;
    padding: 50px;
}
.slideShowWrapper .selectorWrapper{
    height: 10px;
}
.slideShowWrapper .slideSelector {
    width: 8px;
    height: 8px;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    background: #ffffff;
}
.slideShowWrapper .captionTitle{
    font-size: 30px;
    font-family: Merriweather, sans-serif;
    margin: 25px 0;
    line-height: 1.1em;
}
.slideShowWrapper .slideSelector.active,
.slideShowWrapper .slideSelector:hover{
    background: #d00d47;
}
.slideShowWrapper .captionWrapper .button{
    color: #ffffff;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}
.slideShowWrapper .captionWrapper .button:hover{
    color: #d00d47;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#d00d47" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}


/***********************************************************************************************************************
// PAGES STYLE
/**********************************************************************************************************************/
/* Page / Single Standard
-------------------------------------------------------------- */
.pagePadding{
    padding: 50px 0;
}
.pageTitle {
    margin: 30px auto;
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.pageTitle.noMarginBottom{
    margin-bottom: 10px;
}
.pageCover img{
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

/* Page Login
-------------------------------------------------------------- */
.qthemeLogin.recoverPwd,
.qthemeLogin.editPwd{
    display: none;
}
.qthemeLogin .actionUILogin {
    cursor: pointer;
}
.qthemeLogin #loginMessage{
    color: red;
}
.qthemeLogin #loginMessage.success{
    color: green;
}

/* Page 404
-------------------------------------------------------------- */
.content404{
    text-align: center;
    padding: 30px 0;
}
.content404 h1{
    font-size: 90px;
    font-weight: bold;
    margin-bottom: 5px;
}
.content404 .pageNotFound{
    font-size: 30px;
    font-weight: bold;
}
.content404 .disclaimer{
    margin-top: 30px;
    font-size: 22px;
}

/* Filter Wrapper
-------------------------------------------------------------- */
.filterWrapper{
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
    margin: 20px 0 50px;
    font-size: 14px;
}
.filterWrapper .centralWrapper{
    display: flex;
    align-items: center;
}
.filterWrapper .filterContent{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.filterWrapper .filterSelects{
    display: inherit;
}
.filterWrapper .filterTitle {
    color: #d00d47;
    margin-right: 20px;
    flex-shrink: 0;
    display: flex;
}
.filterWrapper .filterTitle i{
    margin-right: 5px;
}
.filterWrapper .filterItem{
    position: relative;
    margin: 0 20px;
    padding-right: 25px;
}
.filterWrapper .filterItem.time .removeFilter{
    display: none;
}
.filterWrapper .inputSearch{
    padding-left: 25px;
    position: relative;
    background: #d00d47;
    margin-right: 0;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #ffffff;
}
.filterWrapper .inputSearch input {
    border: none;
    width: 150px;
    background: transparent;
    color: #ffffff;
}
.filterWrapper .inputSearch:before{
    font-family: "Material Icons";
    content: "\e8b6";
    position: absolute;
    left: 5px;
    color: #ffffff;
}
.filterWrapper .filterItem .filterActive{
    cursor: pointer;
    padding: 5px 0;
    transition: 0.5s ease;
}
.filterWrapper .filterItem .removeFilter{
    position: absolute;
    right: 0;
    top: 8.5px;
    color: #d00d47;
}
.filterWrapper .filterItem .removeFilter i{
    font-size: 18px;
    color: #d00d47;
    cursor: pointer;
    transition: 0.5s ease;
}
.filterWrapper .filterItem .removeFilter i:hover{
    color: #000000;
}
.filterWrapper .filterItem .filterActive:hover{
    color: #d00d47;
}
.filterWrapper .filterItem .options{
    position: absolute;
    display: none;
    background: #ffffff;
    width: 300px;
    padding: 10px;
    top: 35px;
    left: -10px;
    border: 1px solid #cccccc;
    border-top: none;
    max-height: 300px;
    overflow-y: auto;
    z-index: 5;
}
.filterWrapper .filterItem .inside{
    width: 300px;
}
.filterWrapper .filterItem.half{
    max-width: 150px;
}
.filterWrapper .filterItem .option{
    cursor: pointer;
    display: block;
}
.filterWrapper .filterItem .option:hover{
    color: #d00d47;
}

/***********************************************************************************************************************
// LOOP STYLE
/**********************************************************************************************************************/
/* Loop Show
-------------------------------------------------------------- */
#replaceWrapper{
    display: flex;
    flex-wrap: wrap;
}
.subscriptionSpec .inside{
    margin-bottom: 30px;
}
.showLoop{
    float: left;
    width: 20%;
    margin-bottom: 50px;
    font-family: 'Merriweather',sans-serif;
}
.showLoop .header .siteName{
    font-size: 21px;
    color: #d00d47;
}
.showLoop .header .siteTitle{
    font-size: 16px;
    line-height: 1.2em;
    margin: 10px 0;
}
.showLoop .header .button{
    font-family: Roboto, sans-serif;
    color: #d00d47;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#d00d47" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
    margin-bottom: 10px;
}
.showLoop .header .button:hover{
    color: #000000;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}
.showLoop .content{
    box-sizing: border-box;
    padding-right: 20px;
}
.showLoop .image{
    width: 100%;
    height: 0;
    padding: 50% 0;
}
.showLoop .title {
    margin: 20px 0;
}
.showLoop .title h2{
    font-size: 21px;
    line-height: 1.3em;
}
.showLoop .title a{
    color: #d00d47;
}
.showLoop.eventLoop a{
    color: #43BED3
}
.showLoop .title a:hover{
    color: #000000;
}
.showLoop .info{
    padding: 20px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #aebdc5;
}
.showLoop .spec{
    color: #aebdc5;
    font-size: 14px;
    line-height: 1.2em;
    margin-top: 10px;
}
.showLoop .buy{
    margin: 20px 0;
}
.showLoop .buy .spec{
    margin-top: 10px;
    color: #aebdc5;
}
.stripeStream .showLoop{
    margin-bottom: 0;
    margin-top: 80px;
}
.stripeStream .showLoop:nth-child(-n+5){
    margin-top: 0;
}
.noQueryResult{
    font-family: Merriweather, sans-serif;
    color: #d00d47;
    font-weight: bold;
}

/* Calendar Stripe
-------------------------------------------------------------- */
.calendarStripe .boxesContainer{
    display: flex;
    justify-content: space-between;
}
.calendarStripe .boxesContainer .clear{
    display: none;
}
.calendarStripe .box.one{
    width: 50%;
}
.calendarStripe .box.two{
    text-align: right;
    width: 300px;
}
.calendarStripe .box.two .entryContent{
    text-align: right;
}
.calendarStripe #qthemeShortcodeCalendar{
    width: 300px;
}

/* Loop Calendar
-------------------------------------------------------------- */
.rightSidebar.calendarSidebar{
    width: 25%;
}
.calendarDay{
    font-size: 30px;
    font-family: "Merriweather", sans-serif;
    margin-bottom: 50px;
    display: block;
    width: 100%;
}
.calendarCity{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.calendarCity .cityTitle{
    width: 100%;
    font-size: 30px;
    font-family: "Merriweather", sans-serif;
    margin-bottom: 50px;
    display: block;
}
.calendarLoop{
    display: flex;
    border: 1px solid #E6EAEA;
    margin-bottom: 50px;
    width: 100%;
}
.calendarLoop .image{
    width: 40%;
}
.calendarLoop .content{
    padding: 25px;
    width: 60%;
    box-sizing: border-box;
}
.calendarLoop .content h2{
    font-size: 24px;
    color: #d00d47;
}
.calendarLoop .location{
    display: flex;
    font-family: "Merriweather", sans-serif;
    margin: 20px 0;
}
.calendarLoop .location .place{
    color: #ADBCC4;
    margin-left: 20px;
}
.calendarLoop .subtitle,
.calendarLoop .spec{
    color: #4D4D4D;
    font-size: 16px;
    line-height: 1.2em;
}
.calendarLoop .subtitle{
    color: #ADBCC4;
}
.calendarLoop .buttons{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.calendarLoop .postType{
    font-size: 14px;
    text-transform: uppercase;
    color: #d00d47;
}
.calendarLoop.event .content h2,
.calendarLoop.event .postType{
    color: #43BED3;
}
.calendarLoop.event .redButton{
    background: #43BED3;
}


/* Loop News
-------------------------------------------------------------- */
.newsLoop{
    width: 30%;
    margin-left: 4.5%;
    float: left;
    margin-bottom: 80px;
}
.newsLoop:nth-child(3n+1){
    margin-left: 0;
}
.newsLoop .title{
    margin-bottom: 20px;
}
.newsLoop .title h2{
    font-size: 22px;
    line-height: 1.3em;
}
.newsLoop .title a{
    color: #d00d47;
}
.newsLoop .title a:hover{
    color: #000000;
}
.newsLoop .image{
    width: 100%;
    height: 0;
    padding: 30% 0;
    margin-bottom: 20px;
}
.newsLoop .eventInfo{
    font-family: 'Merriweather',sans-serif;
    color: #aebdc5;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}
.newsLoop .abstract{
    font-size: 16px;
    margin-bottom: 20px;
}
.stripeStream .newsLoop{
    margin-bottom: 0;
    margin-top: 80px;
}
.stripeStream .newsLoop:nth-child(-n+3){
    margin-top: 0;
}

/* Loop Production
-------------------------------------------------------------- */
.productionLoop .year{
    color: #aebdc5;
    margin-top: 20px;
    border-top: 1px solid #cccccc;
    padding-top: 20px;
}
.productionLoop .subtitle,
.showLoop .subtitle{
    color: #a0a0a0;
    font-family: 'Merriweather', 'sans-serif';
    font-size: 16px;
    margin-top: 5px;
    line-height: 1.2em;
}

/* Loop Subscription
-------------------------------------------------------------- */
.subscriptionLoop .title{
    margin-bottom: 0px;
}
.subscriptionLoop .subtitle{
    color: #aebdc5;
    font-family: Merriweather, sans-serif;
}
.subscriptionLoop .abstract{
    margin-top: 20px;
}
.subscriptionLoop .redButton{
    margin-bottom: 15px;
}
.subscriptionLoop .button{
    color: #aebdc5;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#aebdc5" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}
.subscriptionLoop .button:hover{
    color: #d00d47;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#d00d47" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}

/* Loop Partners
-------------------------------------------------------------- */
.partnerLoopWrapper > .flex {
    margin-bottom: 80px;
    flex-wrap: wrap;
}
.partner-type {
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.partner-logo {
    height: 200px;
    width: 250px;
    padding: 5px 20px;
}
.partner-logo img{
    height: auto;
    width: 100%;
}
/***********************************************************************************************************************
// SINGLE STYLE
/**********************************************************************************************************************/
/* Single Show
-------------------------------------------------------------- */
.showTitle{
    margin-bottom: 5px;
    margin-top: 0;
}
.subtitleWrapper{
    margin-bottom: 25px;
}
.subtitleWrapper p{
    margin: 1px 0;
}
.subTitle{
    vertical-align: top;
    color: #a0a0a0;
}
.showSubtitle{
    color: #000000;
    font-family: Merriweather, sans-serif;
}
.subTitleButton{
    text-align: right;
}
.showCover{
    height: 0;
    padding: 25%;
}
.showContentItem{
    margin-top: 40px;
}
.showContentItem.itemBorder{
    padding-top: 40px;
    border-top: 1px solid #cccccc;
}
.showContentItem h3{
    margin-bottom: 15px;
}
.ShowDescription .redButton,
.showPoster .redButton{
    margin-top: 30px;
}
.posterHighlight{
    margin-bottom: 15px;
}
.posterHighlight .highlightItem{
    display: table;
    margin: 10px 0;
}
.posterHighlight .highlightItem .label{
    color: #d00d47;
    padding-right: 25px;
    font-weight: normal;
    display: table-cell;
    line-height: 1em;
}
.posterHighlight .highlightItem .value{
    display: table-cell;
}
.posterHighlight .highlightItem a{
    color: #212121;
}
.referencesWrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.referencesWrapper .refItem{
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 25px;
}
.galleryWrapper .galleryItem{
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
    padding: 11% 0;
    float: left;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    transition: 0.5s ease;
}
.galleryWrapper .galleryItem:nth-child(3n+1){
    margin-left: 0;
}
.galleryWrapper .galleryItem .lens{
    color: #d00d47;
    background: rgba(255,255,255,0.7);
    padding: 13px;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    opacity: 0;
}
.galleryWrapper .galleryItem .overlay{
    opacity: 0;
}
.galleryWrapper .galleryItem:hover .lens,
.galleryWrapper .galleryItem:hover .overlay{
    opacity: 1;
    transition: 0.5s ease;
}
.videoWrapper .videoItem{
    margin-bottom: 40px;
}
.videoWrapper .videoItem .title{
    font-size: 21px;
    color: #d00d47;
    font-family: 'Merriweather', sans-serif;
    margin-bottom: 20px;
}
.videoWrapper .videoItem .video{
    width: 100%;
    height: 400px;
}
.redButton.subsButton{
    padding: 25px 30px;
    font-size: 20px;
    font-family: 'Merriweather', sans-serif;
    margin: 20px 20px 10px 0;
}
.showBadges .badge{
    margin-right: 30px;
    font-family: 'Merriweather', sans-serif;
    font-size: 16px;
}
.showBadges .badge .image{
    padding: 0 10px;
}
.showBadges img{
    max-height: 80px;
}
.relatedContent .stripe{
    margin-top: 50px;
}
.relatedNews.noMarginBottom .newsLoop,
.relatedEvent.noMarginBottom .eventLoop{
    margin-bottom: 0;
}

/* Show Sidebar
-------------------------- */
.showSidebar h2{
    margin-bottom: 30px;
}
.showSidebar h4{
    margin-bottom: 20px;
    margin-top: 30px;
}
.showSidebar .replica{
    color: #a0a0a0;
    margin-bottom: 20px;
}
.showSidebar .replica a{
    color: #d00d47;
}
.showSidebar .otherReplica a{
    color: #a0a0a0;
}
.showSidebar .otherReplica:hover a{
    color: #d00d47;
}

/* Single News
-------------------------------------------------------------- */
.postDate{
    margin-bottom: 40px;
    font-family: 'Merriweather', sans-serif;
}
.rightSidebar .eventInfo{
    font-family: 'Merriweather',sans-serif;
    color: #aebdc5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.productionContent .showCover{
    margin-top: 50px;
}

/* Single Production
-------------------------------------------------------------- */
.tourneWrapper i{
    font-size: 48px;
    color: #d00d47;
}
.tourneWrapper h2{
    color: #d00d47;
}
.tourneWrapper .tourne{
    margin-bottom: 50px;
}
.tourneWrapper .tourne .title{
    font-family: 'Merriweather', sans-serif;
    font-size: 21px;
    margin-bottom: 10px;
}
.tourneWrapper .tourne .item{
    color: #a0a0a0;
    margin: 10px 0;
    font-size: 16px;
}
.tourneWrapper a{
    color: #d00d47;
}

/* Single Partner / Artist
-------------------------------------------------------------- */
.artistPartner{
    margin-bottom: 60px;
}
.artistPartner .slideShowWrapper{
    width: 100%;
    height: 500px;
}
.artistPartner .partnerLogo{
    margin-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #adbcc4;
}
.artistPartner .partnerLogo .centralWrapper{
    display: flex;
    align-items: center;
}
.artistPartner .artistImage {
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
}
.artistPartner .partnerLogo .artistImage,
.artistPartner .partnerLogo img {
    margin-right: 30px;
}
.artistPartner .name{
    font-size: 36px;
    font-family: 'Merriweather';
}
.artistPartner .description,
.artistPartner .motivation{
    margin-top: 60px;
}
.artistPartner .productionLoopWrapper {
    margin-top: 60px;
}
.artistPartner .productionLoopWrapper h2{
    margin-bottom: 30px;
}

/* Search Loop
-------------------------------------------------------------- */
.pageSearch .pageTitle{
    margin-bottom: 50px;
}
.searchLoop{
    padding: 35px 0;
    border-bottom: 1px solid #cccccc;
    font-family: 'Merriweather';
}
.searchLoop .title{
    font-weight: bold;
    font-size: 21px;
}
.searchLoop .grey{
    color: #adbcc4;
    margin: 5px 0;
}
.searchLoop a{
    color: #212121;
}
.searchLoop a:hover{
    color: #d00d47;
}

/***********************************************************************************************************************
// SHARE
/**********************************************************************************************************************/
.widgetShare.border {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #cccccc;
}
.shareIcons img{
    width: 35px;
    margin-right: 10px;
}

/***********************************************************************************************************************
// FOOTER STYLE
/**********************************************************************************************************************/
/* Footer
-------------------------------------------------------------- */
#pageFooter .blackWrapper{
    background: #000000;
    padding: 80px 0;
}
#pageFooter .whiteWrapper{
    padding: 20px 0 15px;
}
#pageFooter .whiteWrapper .button{
    display: inline-block;
    margin: 0;
    margin-right: 30px;
}
#pageFooter .footerLogo{
    width: 40%;
}
#pageFooter .footerLegal{
    color: #ffffff;
    font-size: 11px;
    line-height: 1.3em;
    margin-top: 15px;
}
#pageFooter .footerMenus{
    width: 60%;
}
#pageFooter .footerMenu{
    width: 40%;
    box-sizing: border-box;
    color: #ffffff;
}
#pageFooter .footerMenu.menuLeft{
    width: 50%;
    margin-right: 10%;
}
.footerMenu .title{
    font-family: 'Merriweather', sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.3em;
}
.footerMenu ul{
    margin: 0;
}
.footerMenu li {
    list-style: none;
    line-height: 1.2em;
    margin: 10px 0;
}
.footerMenu a:hover{
    color: #d00d47;
}
.footerMenu a{
    color: #ffffff;
}
.stripePartner{
    border-top: 1px solid #cccccc;
}
.partnerFooterContent{
    display: flex;
    overflow: hidden;
}
.partnerInside{
    padding: 80px 0;
}
.partnerInside.box{
    width: calc(100% - 350px);
}
.partnerInside header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.partnerInside header .navigator{
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 24px;
}
.slick-next, .slick-prev{
    width: inherit;
    height: inherit;
    top: inherit;
    position: relative;
    left: inherit;
    right: inherit;
}
.slick-next:before, .slick-prev:before{
    font-family: 'Material Icons';
    content: '\e314';
    font-size: 24px;
    color: #212121;
}
.slick-next:before{
    content: '\e315';
}
.partnerBox{
    width: 350px;
    box-sizing: border-box;
    color: #ffffff;
    background: #cd0d47;
    padding: 50px;
    font-size: 18px;
    line-height: 1.2em;
}
.partnerBox .title{
    font-family: 'Merriweather', sans-serif;
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 1.2em;
}
.partnerBox .buttonsContainer{
    margin-top: 15px;
}
.partnerBox .buttonsContainer a {
    color: #ffffff;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#ffffff" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}
#partnerSlider .centralWrapper{
    overflow: hidden;
}
#partnerSlider .partnerItem{
    display: inline-block;
}
#partnerSlider .slick-list{
    overflow: hidden;
}
#partnerSlider .slick-track{
    display: flex;
    align-items: center;
}
#partnerSlider img{
    max-width: 300px;
    max-height: 80px;
    margin-right: 20px;
}

/***********************************************************************************************************************
// CALENDAR
/**********************************************************************************************************************/
.jsCalendar table{
    margin: 0;
}
.jsCalendar-title-row{
    width: 100%;
    display: block;
    color: #d00d47;
}
.jsCalendar thead .jsCalendar-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jsCalendar-title-row * {
    color: #d00d47;
    font-family: "Merriweather", sans-serif;
    font-weight: bold;
}
.jsCalendar thead .jsCalendar-title-name{
    text-align: center;
    line-height: 1.2em;
}
.jsCalendar-nav-left:after,
.jsCalendar-nav-right:after{
    color: #d00d47;
    font-weight: bold;
}
.jsCalendar thead{
    margin: 0;
}
.jsCalendar thead:before{
    content: 'Calendario';
    display: block;
    height: 20px;
    width: 100%;
    background: #d00d47;
    text-align: center;
    color: #ffffff;
    font-family: "Merriweather",sans-serif;
    font-size: 20px;
    padding: 10px 0 15px;
}
.jsCalendar thead .jsCalendar-week-days{
    display: flex;
    justify-content: space-between;
}
.jsCalendar thead .jsCalendar-week-days th{
    width: 14.2%!important;
    text-align: center;
    font-weight: bold;
    color: #000000;
    font-family: 'Roboto', sans-serif;
}
.jsCalendar tbody{
    display: table;
    width: 100%;
    margin: 0;
}
.jsCalendar tbody tr{
    display: table-row;
}
.jsCalendar tbody td{
    display: table-cell;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}
.jsCalendar tr:hover{
    background: none!important;
}
.jsCalendar tbody td.jsCalendar-current{
    background: #d00d47;
    border-radius: 50%;
}

/***********************************************************************************************************************
// INFOGRAPHICS
/**********************************************************************************************************************/
/* Cities
-------------------------------------------------------------- */
#infographicCities{
    width: 1024px;
    margin: auto;
}
#infographicCities .header .text{
    color: #ffffff;
    font-family: 'Merriweather', sans-serif;
    text-align: center;
    font-size: 24px;
    margin-top: 25px;
}
#infographicCities .lineWrapper{
    width: 100%;
    height: 230px;
    background-image: url(img/infographics/cities/line.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 200px;
    position: relative;
    margin: 15px 0 30px;
}
#infographicCities .cityBlock{
    width: 20%;
    float: left;
    position: relative;
}
#infographicCities .roundBlock{
    height: 230px;
}
#infographicCities .roundBlock .cityRoundWrapper{
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 5;
}
#infographicCities .roundBlock .cityRound{
    width: 50px;
    height: 50px;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    display: block;
    margin: auto;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
#infographicCities .roundBlock .cityRound:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
#infographicCities .roundBlock .cityLine{
    width: 1px;
    position: absolute;
    background: #808080;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);
}
#infographicCities .roundBlock .endLine{
    width: 10px;
    height: 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background: #808080;
    bottom: 0;
}
#infographicCities .roundBlock .cityRoundWrapper.round1{top: 0;}
#infographicCities .roundBlock .cityRoundWrapper.round2{top: 110px;}
#infographicCities .roundBlock .cityRoundWrapper.round3{top: 80px;}
#infographicCities .roundBlock .cityRoundWrapper.round4{top: 110px;}
#infographicCities .roundBlock .cityRoundWrapper.round5{top: 150px;}
#infographicCities .roundBlock .cityLine.round1{top: 0; height:100%;}
#infographicCities .roundBlock .cityLine.round2{top: 110px; height:calc(100% - 110px);}
#infographicCities .roundBlock .cityLine.round3{top: 80px; height:calc(100% - 80px);}
#infographicCities .roundBlock .cityLine.round4{top: 110px; height:calc(100% - 110px);}
#infographicCities .roundBlock .cityLine.round5{top: 150px; height:calc(100% - 150px);}
#infographicCities .titleBlock{
    color: #ffffff;
    text-align: center;
}
#infographicCities .titleBlock .cityTitle{
    font-size: 24px;
    font-family: 'Merriweather', sans-serif;
    margin-bottom: 5px;
    line-height: 1.2em;
}
#infographicCities .titleBlock .button{
    color: #808080;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#808080" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
    display: inline-block;
    position: relative;
    left: -5px;
}
#infographicCities .titleBlock .button:hover{
    color: #d00d47;
    /*background-image: url('data:image/svg+xml;utf-8,<svg fill="#d00d47" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');*/
}

/***********************************************************************************************************************
// NEWSLETTER
/**********************************************************************************************************************/
/* Modulo Iscrizione
-------------------------------------------------------------- */
.subscriberNewsletterForm input{
    border: none;
    border-bottom: 1px solid #b0b0b0;
    padding: 10px;
    font-size: 16px;
    font-family: Cronos, sans-serif;
    box-sizing: border-box;
    width: 100%;
    cursor: text;
}
.subscriberNewsletterForm .title{
    color: #d00d47;
}
.subscriberNewsletterForm .alert{
    font-size: 11px;
}

/***********************************************************************************************************************
// WORDPRESS CLEAN
/**********************************************************************************************************************/
#wp-admin-bar-wp-logo,
#wp-admin-bar-search,
#wp-admin-bar-customize{
    display: none;
}
.admin-bar #mainNav.navDown{
    top: 32px;
}
.material .bb-lightbox-options{
    right: 45px;
    left: auto;
}
.bb-lightbox-control > button{
    height: 50px;
    top: calc(50% - 25px);
}

/***********************************************************************************************************************
// RESPONSIVE STYLE
/**********************************************************************************************************************/
@media only screen and (max-width: 1366px) {
    body, #page{min-width: inherit;}
    .centralWrapper{width: 1090px; padding: 0 55px; }
}
@media only screen and (max-width: 1200px) {
    body, #page{min-width: inherit;}
    .centralWrapper{width: 914px; padding: 0 55px; }
}
@media only screen and (max-width: 1024px) {
    #mainNav.navSite #mainNavContainer .centralWrapper{width: 100%; padding: 0 55px; box-sizing: border-box;}
    .centralWrapper {width: 90%; padding: 0 5%;}
    #socialLinks{margin-right: 0; display: block; width: 100%; margin-bottom: 10px;}
    #mobLink{float: right;}
    /* Stripe
    ------------------------------------------ */
    .stripe.desktopView{display: none;}
    .stripe.mobileView{display: block;}
    .boxesContainer .box{display: block!important; width: 100%!important; padding: 30px 0!important;}
    .fullBoxImage{position: relative; width: 100%; display: inline-block; height: 1px;}
    /* Stripe Stream
    ------------------------------------------ */
    .streamContainer .newsLoop,.streamContainer .newsLoop:nth-child(3n+1){width: 100%; margin: 50px 0;}
    .streamContainer .newsLoop,.streamContainer .newsLoop:nth-child(1){margin-top: 0;}
    /* Calendar Stripe
    ------------------------------------------ */
    .calendarStripe .boxesContainer{flex-wrap: wrap;}
    /* Loop Show
    ------------------------------------------ */
    .showLoop{width: 33%;}
    /* Loop News
    ------------------------------------------ */
    .newsLoop, .newsLoop:nth-child(3n+1){width: 47%;margin-left: 6%;}
    .newsLoop:nth-child(2n+1){margin-left: 0;}
    /* Footer
    ------------------------------------------ */
    #pageFooter .footerLogo{float: none;}
    #pageFooter .footerMenus{width: 100%; float: none;margin-top: 50px;}
    /* infographics
    ------------------------------------------ */
    #infographicCities{width: 100%;}
    /* Partner Box
   ------------------------------------------ */
    .partnerFooterContent{flex-wrap: wrap;}
    .partnerFooterContent .partnerInside.box {width: 100%;}
    .partnerFooterContent .partnerBox{width: 100%;}
}
@media only screen and (max-width: 782px) {
    #wpadminbar{position: fixed;}
    .admin-bar #mainNav:not(.navUp){top: 46px;}
    /* Calendar
   ------------------------------------------ */
    .calendarPage .rightSidebar{
        float: left;
        width: 300px;
    }
    .calendarPage .filterWrapper .filterSelects,
    .calendarPage .filterWrapper .filterContent{
        margin-bottom: 0;
    }
    .calendarPage .leftContent{
        float: right;
        width: 100%;
    }
    .calendarLoop{
        flex-wrap: wrap;
    }
    .calendarLoop .image{
        width: 100%;
        height: 300px;
    }
    .calendarLoop .content{
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    /* Menu
   ------------------------------------------ */
    #mainNavMobile .mainLogoMob.menuLogo{width: 65%;}
    #mainNav.navSite #mainNavContainer .right{position: relative; left: 40px;}
    #mainLogoText .siteTitle{font-size: 22px; line-height: 1.1em; margin-bottom: 10px;}
    #mainLogoText .siteName{font-size: 18px; }
    #mobLink{margin-left: 0;}
    #mobLink .text{display: none;}
    #mainNavContainer .right{max-width: 50px;}
    #socialLinks{display: none;}
    #mainNavContainer #siteSearch{display: none;}
    #mobNav #siteSearch{display: block;}
    .boxesContainer .box{padding: 20px 0!important;}
    .slideShowWrapper .captionWrapper{width: 100%;box-sizing: border-box; padding: 25px;}
    .leftContent{width: 100%;}
    .rightSidebar{width: 100%; margin-top: 50px;}
    /* Loop Show
    ------------------------------------------ */
    .filterWrapper .filterContent{flex-wrap: wrap; margin-bottom: 20px;}
    .filterWrapper .filterSelects{display: block; width: 100%; margin-bottom: 10px;}
    .showLoop,.stripeStream .showLoop,.stripeStream .showLoop:nth-child(-n+5){width: 100%; margin: 25px 0;}
    .relatedNews.noMarginBottom .newsLoop,
    .relatedEvent.noMarginBottom .eventLoop{margin-bottom: 50px;}
    /* Loop News
    ------------------------------------------ */
    .newsLoop, .newsLoop:nth-child(3n+1){width: 100%;margin-left: 0%;}
    .newsLoop:nth-child(2n+1){margin-left: 0;}
    /* Infographics
    ------------------------------------------ */
    #infographicCities .lineWrapper{display: none;}
    #infographicCities .cityBlock:nth-child(1){margin-top: 50px;}
    #infographicCities .cityBlock{width: 100%; margin: 30px 0;}
    /* Footer
    ------------------------------------------ */
    #pageFooter .footerMenu.menuLeft{width: 100%;margin-right: 0;margin-bottom: 50px;}
    #pageFooter .footerMenu.menuRight{width: 100%;margin-right: 0;}
    .footerMenu li br,.footerMenu li br:after {content: ' '}
    .whiteWrapper .footerLegal {float: none;display: block;}
    .whiteWrapper .footerCredits{float: none;display: block; margin-top: 20px;}
}
@media only screen and (max-width: 480px) {
    #mobNav{width: 100%;}
    #mainLogo img{max-width:200px;}
    .boxesContainer .box{padding: 5px 0!important;}
    #pageHeader #mainNav.small.navSite .siteTitle{font-size: 18px;}
    /* Calendar Stripe
    ------------------------------------------ */
    .calendarStripe #qthemeShortcodeCalendar{width: 100%!important;}
}