@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600,700,800');

/*
#autoscroll-anim{
    animation: dragscroll-auto 120s infinite;
}

@keyframes dragscroll-auto{
    0% { transform: translateX(0px); }
    50% { transform: translateX(-890px); }
    100% { transform: translateX(0px); }
}
@-webkit-keyframes dragscroll-auto{
    0% { transform: translateX(0px); }
    50% { transform: translateX(-890px); }
    100% { transform: translateX(0px); }
}

#autoscroll-anim:hover{
    -webkit-animation-play-state:paused;
    -moz-animation-play-state:paused;
    -o-animation-play-state:paused; 
    animation-play-state:paused;
}
*/


/* TEMP CLASS */

.status-campaign-card.real-estate {
    left            : auto;
    background-color: #268af1;
    right           : 10px;
}


/* END TEMP CLASS */

body {
    font-family: 'Montserrat', sans-serif;
    color      : #000;
    overflow-x : hidden;
    font-size  : 14px;
    height     : 100%;
    min-height : 100%;
}

.body-wrapper {
    min-height: calc(100vh - 28.5vh);
    overflow  : hidden;
}

*:focus {
    outline: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow        : 0 0 0 30px white inset !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

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

a:focus,
a:hover {
    color          : #000;
    text-decoration: none;
}

.flex {
    display: flex;
}

.relative {
    position: relative;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 10px;
    color        : #000;
    line-height  : normal;
}

#sticky.stick {
    top     : 60px;
    position: fixed;
    z-index : 999;
    width   : 100%;
}

#meal-alert,
#position-alert,
#event-alert,
#donation-alert-side {
    opacity   : 0;
    transition: linear .2s;
    visibility: hidden;
}

#sticky.stick .first-alert {
    opacity   : 1 !important;
    visibility: visible !important;
}

#meal-alert.visibile,
#position-alert.visibile,
#event-alert.visibile {
    opacity   : 1;
    visibility: visible;
}

#sticky.stick .second-alert {
    opacity         : 1;
    transition-delay: .1s;
    visibility      : visible;
}

#sticky.stick .third-alert {
    opacity         : 1;
    transition-delay: .2s;
    visibility      : visible;
}

.share-on {
    display         : none;
    position        : absolute;
    width           : auto;
    background-color: #fff;
    border-radius   : 30px;
    box-shadow      : 0px 5px 20px 2px rgba(0, 0, 0, 0.2);
    top             : -55px;
    z-index         : 100;
    left            : 50%;
    transform       : translateX(-50%);
}

.share-social-icon {
    width : 25px;
    margin: 8px 8px;
}

.black {
    color: #000 !important;
}

.white {
    color: #fff !important;
}

.b-red {
    color: #C2242D !important;
}

.grey {
    color: #707070 !important;
}

.b-green {
    color: #02A60B !important;
}

.bar-red {
    background-color: #c2242d !important;
}

.bar-green {
    background-color: #02A60B !important;
}

.float-left {
    float: left;
}

.no-margin {
    margin: 0 !important;
}

.m-t-0 {
    margin-top: 0;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-t-20 {
    margin-top: 20px;
}

.m-l-r-5 {
    margin-left : 5px !important;
    margin-right: 5px !important;
}

.m-l-r-15 {
    margin-left : 15px;
    margin-right: 15px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-t-8 {
    margin-top: 8px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-b-20 {
    margin-top   : 20px;
    margin-bottom: 20px;
}

.m-t-b-30 {
    margin-top   : 30px;
    margin-bottom: 30px;
}

.m-t-b-40 {
    margin-top   : 40px;
    margin-bottom: 40px;
}

.m-t-b-80 {
    margin-top   : 80px;
    margin-bottom: 80px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.p-10 {
    padding: 10px;
}

.p-header {
    padding-top: 60px;
}

.p-40 {
    padding: 40px !important;
}

.no-m-t {
    margin-top: 0;
}

.no-m-b {
    margin-bottom: 0;
}

.l-h-22 {
    line-height: 22px;
}

.l-h-28 {
    line-height: 28px !important;
}

ul.l-h-28>li {
    line-height: 28px !important;
}

.centered {
    text-align: center;
}

.justified {
    text-align: justify;
}

.txt-align-right {
    text-align: right;
}

.section {
    position: relative;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.p-l-r-15 {
    padding-left : 15px;
    padding-right: 15px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-50 {
    padding-top: 80px;
    /* SOLUZIONE MOMENTANEA */
}

.p-t-60 {
    padding-top: 60px;
}

.p-20 {
    padding: 20px;
}

.top-50 {
    top: 50% !important;
}

.word-break {
    word-break: break-all;
}

/* -------- ICONS --------*/

.share-meal-icon {
    height: 40px;
    margin: 13px 10px;
}

.search-position-icon {
    width : 40px;
    margin: 13px 10px;
}

.calendar-icon {
    width : 33px;
    margin: 13px 10px 13px 11px;
}

.position-icon {
    margin-top  : -3px;
    margin-right: 4px;
    height      : 15px;
}

.button-icon {
    margin-top  : -3px;
    margin-right: 4px;
    width       : 15px;
}

.campaign-social-icon {
    width        : 25px;
    margin-right : 10px;
    margin-bottom: 10px;
}

.folder-icon {
    height      : 15px;
    margin-top  : -4px;
    margin-right: 10px;
}

.doc-icon {
    width: 30px;
}


/* ------- */

.top-image-section {
    background-size    : cover;
    background-position: center;
    height             : 600px;
    margin-top         : 60px;
    z-index            : 0;
}

.image-section-re {
    background-size    : cover;
    background-position: center;
    height             : 700px !important;
    margin-top         : 60px;
    z-index            : 0;
}

.main-info-card {
    padding         : 30px;
    width           : 100%;
    height          : auto;
    position        : absolute;
    bottom          : 0;
    background-color: white;
    border-radius   : 40px 40px 0 0;
}

.institutional-message {
    position        : absolute;
    top             : -50px;
    right           : 40px;
    background-color: #fff;
    padding         : 0px 15px;
    border-radius   : 20px;
    z-index         : 100;
}

.institutional-message>.arrow {
    position     : absolute;
    width        : 15px;
    height       : 15px;
    bottom       : -7px;
    left         : 12%;
    background   : #fff;
    border-radius: 2px;
    transform    : rotate(45deg);
}

.startup-logo {
    background-size    : contain;
    background-repeat  : no-repeat;
    background-position: center;
    width              : 100%;
    padding-bottom     : 100%;
    background-color   : transparent;
}

.short-bio {
    min-height: 50px;
}

.section .startup-name {
    font-weight   : 700;
    text-transform: initial;
    margin-bottom : unset;
    margin-top    : unset;
}

.campaign-base-txt {
    font-weight: 500;
    line-height: 22px;
    text-align : justify;
}

.campaign-bold-txt {
    font-weight: 700;
}

.campaign-semibold-txt {
    font-weight: 600;
}

.campaign-gallery-thumbnail {
    border-radius: 25px;
    margin       : 10px;
    height       : 80px;
    width        : 80px;
}

.btn-invest {
    background-color: #C2242D;
    color           : #fff !important;
    border-radius   : 50px;
    padding         : 6px 15px;
    font-weight     : 700;
}

.btn-invest:hover,
.btn-invest:focus .btn-invest:active {
    color     : #fff !important;
    box-shadow: none !important;
}

.btn-closed {
    background-color: #e0e0e0;
    color           : #000 !important;
    border-radius   : 50px;
    padding         : 6px 15px;
    font-weight     : 700;
}

.btn-closed:hover,
.btn-closed:focus .btn-closed:active {
    color     : #000 !important;
    box-shadow: none !important;
}

.btn-black-outline {
    background-color: transparent;
    color           : #000 !important;
    border-radius   : 50px;
    padding         : 6px 15px;
    font-weight     : 700;
    border          : 2px solid #000;
}

.btn-black-outline:hover,
.btn-black-outline:focus .btn-black-outline:active {
    color     : #000 !important;
    box-shadow: none !important;
}

.btn-black {
    background-color: #000;
    color           : #fff !important;
    border-radius   : 50px;
    padding         : 6px 15px;
    font-weight     : 700;
    border          : 2px solid #000;
}

.btn-black:hover,
.btn-black:focus .btn-black:active {
    color     : #fff !important;
    box-shadow: none !important;
}

.btn-tag {
    background-color: transparent;
    color           : #707070 !important;
    border-radius   : 50px;
    padding         : 2px 10px;
    font-weight     : 500;
    border          : 1px solid #707070;
    font-size       : .9em;
}

.btn-tag:hover,
.btn-tag:focus .btn-tag:active {
    color     : #707070 !important;
    box-shadow: none !important;
}

.btn-status {
    background-color: #C2242D;
    color           : #fff !important;
    border-radius   : 50px;
    padding         : 2px 10px;
    font-weight     : 500;
    font-size       : .9em;
}

.btn-status:hover,
.btn-status:focus .btn-status:active {
    color     : #fff !important;
    box-shadow: none !important;
}

.main-info-data {
    font-size  : 1.8em;
    font-weight: 600;
}

.progress {
    height          : 13px;
    border-radius   : 50px;
    background-color: #e8e8e8;
    box-shadow      : none;
    overflow        : hidden;
    margin-bottom   : 0px;
}

.progress-bar {
    background-color: #c2242d;
    border-radius   : 50px;
    box-shadow      : none;
    position        : relative;
    z-index         : 3;
    float           : left;
}

#campaign-navigation {
    width           : 100%;
    box-shadow      : 0 7px 15px -4px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
}

.navbar-custom a {
    color      : #000;
    font-weight: 600;
    padding    : 10px;
    line-height: 55px;
}

.navbar-custom>button {
    margin-top: -5px;
}

.navbar-custom a:focus,
.navbar-custom a:hover {
    color: #000;
}

.navbar-custom {
    border       : none;
    border-radius: 0;
    height       : 60px;
    padding      : 5px 0;
}

.custom-nav {
    width: 100%;
}

.scroll {
    white-space               : nowrap;
    overflow-x                : hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style        : -ms-autohiding-scrollbar;
    scrollbar-width           : none;
}

@media screen and (max-width: 992px) {
    .scroll {
        overflow-x: scroll;
    }
}


.firefox-scroll-wrapper {
    height  : 270px;
    overflow: hidden;
}

.scroll::-webkit-scrollbar {
    display: none;
}

.underlined {
    text-decoration: underline;
}

.videoWrapper {
    position      : relative;
    padding-bottom: 56.25%;
    /* 16         :9 */
    padding-top   : 0px;
    height        : 0;
    box-shadow    : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
}

.videoWrapper iframe {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
}

.highlight {
    min-height: 140px;
}

.bg-grey {
    background-color: #F6F6F6;
}


/* --------- CIRCLE CHART ---------*/

.circular-chart {
    display   : block;
    margin    : 10px auto;
    max-width : 70%;
    max-height: 250px;
}

.circle-graph-percentage {
    width    : 100%;
    height   : 60px;
    font-size: 2em;
    position : absolute;
    top      : 44%;
    left     : 51%;
    transform: translate(-50%, -50%);
}

.circle-bg {
    fill        : none;
    stroke      : #eee;
    stroke-width: 2.8;
}

.circle {
    fill          : none;
    stroke-width  : 2.8;
    stroke-linecap: round;
    animation     : progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.red-circle .circle {
    stroke: #C2242D;
}


/* -------- END CIRCLE CHART ---------*/


/* -------- COLLAPSE -------- */

.panel a {
    color          : inherit;
    text-decoration: none;
}

.panel a:focus,
.panel a:hover {
    color          : #000;
    text-decoration: none;
}

.panel {
    border    : none;
    box-shadow: none;
}

.panel-default>.panel-heading {
    background-color: transparent;
    border          : none;
    line-height     : 22px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border          : none;
    background-color: #f2f2f2;
}


/* -------- END COLLAPSE -------- */


/* -------- REWARD -------- */

#accordion-reward {
    margin-top: 50px;
}

ul.reward-line {
    list-style-type: none;
    position       : relative;
}

ul.reward-line:before {
    content   : ' ';
    background: #f2f2f2;
    display   : inline-block;
    position  : absolute;
    left      : 29px;
    width     : 2px;
    height    : 95%;
    margin-top: 7px;
    z-index   : 400;
}

ul.reward-line>.panel-default>li {
    margin      : 20px 0;
    padding-left: 20px;
}

ul.reward-line>.panel-default>li:before {
    content      : ' ';
    background   : #FE3E4B;
    display      : inline-block;
    position     : absolute;
    border-radius: 50%;
    border       : 3px solid #FE3E4B;
    margin-top   : 7px;
    left         : 20px;
    width        : 20px;
    height       : 20px;
    z-index      : 400;
}


/* -------- END REWARD -------- */

.team-link {
    width: 15px;
}

.team-pic {
    width        : 80px;
    height       : 80px;
    border-radius: 50px;
    box-shadow   : 0 0px 15px 2px rgba(0, 0, 0, 0.2);
}


/*--------- FAQ PAGE -----------*/

#campaign-doc .faq-menu>li.active>a {
    background-color: #f2f2f2;
}

.faq-menu>li.active>a {
    background-color: #f2f2f2;
}

#campaign-doc .faq-menu>li {
    padding      : 5px 0px;
    margin-bottom: 0px;
}


/* PUSH MENU */

@media screen and (max-width: 1199px) {
    #faq-page {
        overflow: hidden;
    }

    #faq-page .container {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    #menu {
        z-index           : 1;
        margin-bottom     : 3em;
        display           : block;
        position          : absolute;
        top               : 80px;
        transform         : translateX(-320px);
        width             : 280px;
        height            : 100%;
        padding           : 0px 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing   : border-box;
        box-sizing        : border-box;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition   : all .3s ease-in-out;
        -o-transition     : all .3s ease-in-out;
        transition        : all .3s ease-in-out;
    }

    .page-wrap {
        width             : 90%;
        transform         : translateX(0px);
        top               : 0;
        position          : relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing   : border-box;
        box-sizing        : border-box;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition   : all .3s ease-in-out;
        -o-transition     : all .3s ease-in-out;
        transition        : all .3s ease-in-out;
        top               : 0;
    }

    body.open .page-wrap {
        position  : absolute;
        top       : 0;
        transform : translateX(270px);
        transition: all .3s ease-in-out;
    }

    body.open #menu {
        z-index       : 1;
        height        : 100%;
        min-height    : 100% !important;
        transform     : translateX(0px);
        float         : left;
        padding-bottom: 50px;
        padding-left  : 0;
        position      : relative;
    }
}


/*
#menu {
    z-index: 1;
    margin-bottom: 3em;
    display: none;
    position: absolute;
    top: 80px;
    left: -300px;
    width: 300px;
    height: 100%;
    padding: 0px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
*/

#menu>li.active>a::after {
    content          : "";
    border           : solid #c2242d;
    border-width     : 0 3px 3px 0;
    display          : inline-block;
    padding          : 3px;
    transform        : rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left      : 10px;
}


/*
body.open #menu {
    height: 100%;
    min-height: 100% !important;
    left: 0;
    float: left;
    display: block;
}
*/


/* MAIN PAGE */

.page-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    /*
    -webkit-transition: all .3s ease-in-out;
    -moz-transition   : all .3s ease-in-out;
    -o-transition     : all .3s ease-in-out;
    transition        : all .3s ease-in-out;
    
*/
}

.page-wrap .tab-content {
    width     : 100%;
    min-width : 300px;
    background: white;
    position  : relative;
    z-index   : 3;
}


/*
body.open .page-wrap {
    margin-left: 300px;
}
*/


/* MENU TOGGLE ICON */

button:focus {
    outline: none;
}

#menu-toggle {
    position             : relative;
    width                : 80px;
    height               : 51px;
    background           : transparent;
    cursor               : pointer;
    border               : none;
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px;
    border-radius        : 50px;
}

#menu-toggle:before {
    content           : "";
    border            : solid #38454e;
    border-width      : 0 4px 4px 0;
    display           : inline-block;
    padding           : 3px;
    transform         : rotate(-45deg);
    -webkit-transform : rotate(-45deg);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition   : all .5s ease-in-out;
    -o-transition     : all .5s ease-in-out;
    transition        : all .5s ease-in-out;
}

#menu-toggle:before {
    width : 20px;
    height: 20px;
}

body.open button#menu-toggle:before,
body.open button#menu-toggle:after {
    -webkit-transform: rotate(135deg);
    -ms-transform    : rotate(1350deg);
    transform        : rotate(135deg);
}


/* ---------- END FAQ SECTION ----------- */


/* --------- TIMELINE UPDATES ---------*/

.date-timeline {
    margin-left     : -107px;
    width           : 80px;
    position        : absolute;
    height          : 60px;
    margin-top      : -10px;
    background-color: #fff;
    z-index         : 401;
}

ul.timeline {
    list-style-type: none;
    position       : relative;
    margin-left    : 40px;
}

ul.timeline:before {
    content   : ' ';
    background: #f2f2f2;
    display   : inline-block;
    position  : absolute;
    left      : 29px;
    width     : 2px;
    height    : 100%;
    z-index   : 400;
}

ul.timeline>li {
    margin      : 30px 0 50px 0;
    padding-left: 20px;
}

.timeline-profile {
    width        : 50px;
    margin-bottom: 20px;
}

.profile-data {
    margin-left: 60px;
    padding-top: 1px;
}


/* --------- END TIMELINE UPDATES ---------*/

.question-box {
    padding         : 20px;
    border          : 2px solid #f2f2f2;
    background-color: #fff;
}

.answer-box {
    padding         : 20px;
    border          : 2px solid #f2f2f2;
    background-color: #f2f2f2;
}


/* --------- CAMPAIGN MOBILE ---------*/

@media screen and (max-width: 1200px) {
    #main-info-campaign>.container {
        width: 100% !important;
    }

    .main-info-card {
        position: relative;
    }

    .mobile-m-t-10 {
        margin-top: 10px !important;
    }

    .mobile-m-t-20 {
        margin-top: 20px !important;
    }

    .mobile-m-t-30 {
        margin-top: 30px !important;
    }

    .mobile-m-t-b-30 {
        margin-top   : 30px;
        margin-bottom: 30px;
    }

    .mobile-m-t-40 {
        margin-top: 40px;
    }

    .no-padding {
        padding-left : 15px;
        padding-right: 15px;
    }

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

    .mobile-no-padding {
        padding-left : 0px;
        padding-right: 0px;
    }

    .basic-card .no-margin {
        margin-top: 10px;
    }

    .basic-card .border-right {
        border: none;
    }
}

@media screen and (max-width: 1024px) {
    #campaign-navigation>.container {
        width: 100% !important;
    }

    #mifid .container {
        width: 100% !important;
    }

    .container {
        width: 95% !important;
    }
}

@media screen and (max-width: 767px) {
    .mobile-centered {
        text-align: center !important;
    }

    .order-1-mobile {
        order: 1;
    }

    .order-2-mobile {
        order: 2;
    }

    .startup-logo {
        padding-bottom: 30%;
    }

    .main-info-card {
        padding: 40px 0;
    }

    .btn-black-outline {
        padding: 6px 13px;
    }

    /*  
    .m-l-5 {
        margin-left: 0;
    }
    */
    .top-image-section {
        height: 250px;
    }

    .image-section-re {
        height: 250px !important;
    }
}


/* ------------ REAL ESTATE ------------ */

.img-thumbnail {
    margin            : 10px;
    width             : 80px;
    display           : inline-block;
    max-width         : 100%;
    height            : auto;
    padding           : 0;
    line-height       : 1.42857143;
    background-color  : #fff;
    border            : none;
    border-radius     : 25px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition     : all .2s ease-in-out;
    transition        : all .2s ease-in-out;
}

#main-info-campaign .form-inline {
    margin-top: 13px;
}

#main-info-campaign .input-group-addon {
    padding         : 8px 2px 0 0;
    font-size       : 1.8em;
    font-weight     : 600;
    color           : #000;
    text-align      : left;
    background-color: transparent;
    border          : none;
}

#main-info-campaign .form-control {
    padding         : 7px 6px 0px;
    font-size       : 1.8em;
    font-weight     : 600;
    color           : #000;
    text-align      : left;
    background-color: #E9E9E9;
    border          : none;
    box-shadow      : none;
}


/* ---------- TABLE ---------*/

.black-bg {
    background-color: #000;
    color           : #fff;
}

.grey-bg {
    background-color: #D5D5D5;
}

.table-bordered {
    border: 1px solid #000;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border     : 2px solid #000;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .row {
        margin-right: -10px;
        margin-left : -10px;
    }

    .table-responsive {
        border: 2px solid #000;
    }

    .mobile-slide {
        margin-right              : -30px;
        white-space               : nowrap;
        overflow-x                : auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style        : -ms-autohiding-scrollbar;
    }

    .mobile-slide .float-left {
        float: none;
    }

    .mobile-slide::-webkit-scrollbar {
        display: none;
    }

    #campaign-project>p>img.img-responsive {
        width       : 100% !important;
        height      : auto !important;
        padding-left: 0 !important;
    }
}


/* ----------- BLUR BODY + MODAL -----------*/

body.modal-open .blur {
    filter: blur(20px);
}

.modal-body {
    padding: 0;
}

.modal-content {
    border-radius: 0;
}

.forward {
    top      : 50%;
    position : absolute;
    left     : 60%;
    transform: translate(-50%, -50%);
    width    : 60px;
    filter   : invert(100%);
}

.back {
    top      : 50%;
    position : absolute;
    left     : 40%;
    transform: translate(-50%, -50%);
    width    : 60px;
    filter   : invert(100%);
}

@media (min-width: 768px) {
    .modal-dialog {
        width    : 80%;
        max-width: 1200px;
    }
}


/* ----------- ALERT ----------*/

.alert h5 {
    margin-left: 60px;
}

.first-alert {
    position     : fixed;
    width        : 440px;
    height       : auto;
    top          : 220px;
    right        : 10px;
    background   : white;
    border-radius: 30px;
    box-shadow   : 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
    z-index      : 999;
}

.share-color {
    color: #59B9DE;
}

.close-button {
    font-size   : 30px;
    margin-right: 10px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    opacity: 1;
    color  : #000;
}

#meal-alert h5>a:hover,
#meal-alert h5>a:focus {
    color: #59B9DE;
}

.second-alert {
    position     : fixed;
    width        : 440px;
    height       : auto;
    top          : 130px;
    right        : 10px;
    background   : white;
    border-radius: 30px;
    box-shadow   : 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
    z-index      : 999;
}

.third-alert {
    position     : fixed;
    width        : 440px;
    height       : auto;
    top          : 540px;
    right        : 10px;
    background   : white;
    border-radius: 30px;
    box-shadow   : 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
    z-index      : 999;
}

#donation-alert {
    position           : fixed;
    background-color   : #fff;
    z-index            : 999;
    max-width          : 900px;
    width              : 100%;
    left               : 50%;
    opacity            : 0;
    transform          : translateX(-50%);
    animation          : 1s ease-out 0s 1 fadein;
    animation-fill-mode: forwards;
    border-radius      : 20px;
    overflow           : hidden;
    box-shadow         : 0px 5px 20px 2px rgba(0, 0, 0, 0.2);
    border             : none;
}

#donation-alert-mini {
    position           : fixed;
    background-color   : #fff;
    z-index            : 999;
    max-width          : 720px;
    width              : 100%;
    left               : 50%;
    opacity            : 0;
    transform          : translateX(-50%);
    animation          : 1s ease-out 0s 1 fadein;
    animation-fill-mode: forwards;
    border-radius      : 20px;
    overflow           : hidden;
    box-shadow         : 0px 5px 20px 2px rgba(0, 0, 0, 0.2);
    border             : none;
    display            : none;
}

#donation-alert h5 {
    margin-left: 0;
}

#donation-alert-mini h5 {
    margin-left: 0;
}

#donation-alert .bg-container {
    background-position: 24% 25%;
    background-size    : 193%;
    background-repeat  : no-repeat;
    position           : absolute;
    height             : 400px;
    width              : 400px;
    border-radius      : 50%;
    left               : -120px;
    top                : -40px;
}

#donation-alert-mini .bg-container {
    background-position: 50% 50%;
    background-size    : 100%;
    background-repeat  : no-repeat;
    position           : relative;
    height             : 100px;
    width              : 100px;
    border-radius      : 50%;
    top                : 0;
    right              : 0;
    display            : block;
    float              : left;
}


#donation-alert .alert-body {
    margin-left  : 300px;
    padding-right: 50px;
}

#donation-alert-mini .alert-body {
    margin-left  : 120px;
    padding-right: 50px;
}


@keyframes fadein {
    0% {
        bottom : -500px;
        opacity: 0;
    }

    100% {
        bottom : 0px;
        opacity: 1;
    }
}

#donation-alert-side .mobile-bg-container {
    display            : block;
    position           : relative;
    width              : 85px;
    height             : 85px;
    background-repeat  : no-repeat;
    background-size    : 300%;
    border-radius      : 50%;
    background-position: 39% 50%;
    float              : left;
}

#donation-alert-side.first-alert {
    border-radius: 20px;
    width        : 400px;
}

#donation-alert-side h5 {
    margin-left: 100px;
}

/* info alert */
#info-alert {
    position           : fixed;
    background-color   : #fff;
    z-index            : 2000;
    max-width          : 900px;
    width              : 100%;
    left               : 50%;
    transform          : translateX(-50%);
    border-radius      : 20px;
    overflow           : hidden;
    box-shadow         : 0px 5px 20px 2px rgba(0, 0, 0, 0.2);
    border             : none;
    padding: 50px;
    top: 20%;
    animation-duration: 1s;
    animation-name: slidein;
}
#info-alert h5 {
    margin-left: 0;
}
@media (max-width: 767px) {
    #info-alert {
        width: 90%;
        top: 100px;
        padding: 20px;
    }
}
@keyframes slidein {
    from {
      translate:  0 150vw;
    }
    to {
      translate: 0 0;
    }
}
/* END info alert */

@media (max-width: 767px) {
    #donation-alert {
        width: 90%;
    }

    #donation-alert .alert-body {
        margin-left  : 0;
        padding-right: 0px;
        padding-left : 10px;
    }

    #donation-alert-mini {
        width: 90%;
    }

    #donation-alert-mini .alert-body {
        margin-left  : 0;
        padding-right: 0px;
        padding-left : 10px;
    }

    /*TEMP CLASS PLUGIN MESSAGGISTICA*/
    .zsiq_theme1 div.zsiq_cnt {
        display: none !important;
    }
}



/* ------- HOME ------- */

@media (max-width: 1020px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top         : 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float     : none !important;
        margin-top: 7.5px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top   : 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-default .navbar-collapse {
        margin-top                : 5px;
        background-color          : #fff;
        padding                   : 20px;
        border-bottom-left-radius : 20px;
        border-bottom-right-radius: 20px;
        box-shadow                : 0 1px 20px 1px rgba(0, 0, 0, 0.1);
    }

    .navbar-fixed-top .navbar-collapse {
        min-height: 340px;
        max-height: fit-content;
    }

    .dropdown-menu {
        width   : 100%;
        position: relative;
    }

    .navbar-nav>li.dropdown>.dropdown-menu .menu-right {
        right: 10px !important;
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: #fff;
    }

    .dropdown-menu {
        padding         : 15px 0;
        border          : none;
        box-shadow      : none;
        background-color: #F8F9FB !important;
        float           : none;
    }

    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        background-color: transparent;
    }

    .dropdown-menu>li>a {
        padding: 10px 20px;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }

    .slide {
        position: relative !important;
    }

    #card-scroll {
        margin-top: 40px !important;
    }

    .slider-image {
        min-height         : 300px !important;
        background-size    : contain !important;
        background-position: center center !important;
        background-repeat  : no-repeat !important;
    }

    .red-box {
        display: none;
    }

    #card-scroll .scroll {
        overflow-x: scroll !important;
    }
}

@media (min-width: 1020px) {

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: transparent;
    }

    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        background-color: transparent;
    }

    .navbar-nav>li.dropdown:hover>.dropdown-menu {
        opacity          : 1;
        visibility       : visible;
        -webkit-transform: translateY(0px);
        transform        : translateY(0px);
    }

    .navbar-nav>li.dropdown>.dropdown-menu {
        border            : none;
        left              : auto;
        /**right          : auto;**/
        position          : absolute;
        display           : block;
        top               : 60px;
        visibility        : hidden;
        opacity           : 0;
        min-width         : 160px;
        background        : #fff;
        border-radius     : 20px;
        box-shadow        : 0 1px 20px 1px rgba(0, 0, 0, 0.1);
        padding           : 15px 20px;
        z-index           : 99;
        margin            : 0;
        text-align        : left;
        list-style        : none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing   : border-box;
        box-sizing        : border-box;
        white-space       : nowrap;
        -webkit-transform : translateY(10px);
        transform         : translateY(10px);
        -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;
        transition        : opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;
        transition        : opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s;
        transition        : opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;
    }
}

.navbar-nav>li>a>button {
    margin-top: -8px;
}

.header-logo {
    margin-top: -8px;
    height    : 36px;
}

.navbar-default {
    height          : 60px;
    padding         : 5px 20px 0px 20px;
    background-color: #fff;
    border          : none;
    box-shadow      : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
}

#top-slider {
    height: auto;
}

.slide {
    position: relative;
    width   : 100%;
}

.box-padding {
    min-width    : 2700px;
    padding-left : 50px;
    padding-right: 50px;
}

@media screen and (max-width: 992px) {
    .box-padding {
        padding-left : 0;
        padding-right: 0;
    }
}

.scroll-back {
    padding         : 1px;
    position        : absolute;
    width           : 50px;
    height          : 50px;
    z-index         : 900;
    background-color: #fff;
    color           : #000;
    border-radius   : 50px;
    text-align      : center;
    font-size       : 31px;
    box-shadow      : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    font-weight     : 700;
    transform       : translateY(-50%);
    top             : 45%;
    cursor          : pointer;
}

.scroll-forward {
    padding         : 1px;
    position        : absolute;
    width           : 50px;
    height          : 50px;
    z-index         : 900;
    background-color: #fff;
    color           : #000;
    right           : 15px;
    border-radius   : 50px;
    text-align      : center;
    font-size       : 31px;
    box-shadow      : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    font-weight     : 700;
    transform       : translateY(-50%);
    top             : 45%;
    cursor          : pointer;
}

#card-scroll {
    position: relative;
    top     : -10px;
}

.status-campaign-card {
    padding : 1px 5px;
    position: absolute;
    top     : 10px;
    left    : 10px;
}

.icon-slider {
    cursor    : pointer;
    margin-top: -2px;
    width     : 20px;
}

.divider-red {
    width           : 80px;
    height          : 5px;
    background-color: #C2242D;
}

.campaign-card {
    min-height      : 372px;
    width           : 300px;
    background-color: #fff;
    border-radius   : 20px;
    box-shadow      : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    display         : inline-block;
    margin          : 0 10px;
}

#campaigns-carousel .campaign-card {
    position           : relative;
    backface-visibility: hidden;
    top                : 0;
}

#grid-campaign .campaign-card {
    min-height: 405px;
}

@media screen and (max-width: 400px) {
    #grid-campaign .campaign-card {
        margin: 0;
        width : 100%;
    }
}

.top-card-image {
    border-top-left-radius : 20px;
    border-top-right-radius: 20px;
    height                 : 150px;
    background-size        : cover;
    background-position    : center;
    z-index                : 0;
}

.overlay-color {
    position               : absolute;
    width                  : 100%;
    height                 : 100%;
    background-color       : #000;
    opacity                : .5;
    left                   : 0;
    border-top-left-radius : 20px;
    border-top-right-radius: 20px;
}

.company-logo {
    border-radius   : 50px;
    padding         : 3px;
    position        : absolute;
    width           : 60px;
    height          : 60px;
    background-color: #fff;
    bottom          : -25px;
    left            : 15px;
    box-shadow      : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    z-index         : 2;
    overflow        : hidden;
}

#card-scroll .card-info {
    min-height   : 61px;
    margin-bottom: 0;
    font-size    : inherit;
    font-weight  : 500;
    color        : #000;
    margin-top   : 0;
}

#card-scroll .w-100 {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.company-name {
    position: absolute;
    left    : 80px;
    bottom  : -7px;
    z-index : 2;
}

#panel .company-name>h4 {
    white-space: normal;
    width      : 210px;
}

.body-card {
    padding    : 0px 15px 15px 15px;
    white-space: normal;
}

#card-scroll .tag {
    margin     : 0;
    margin-left: 65px;
    height     : 29px;
    overflow   : hidden;
}

#grid-campaign .tag {
    margin     : 0;
    margin-left: 65px;
    height     : 29px;
    overflow   : hidden;
}

#card-scroll p {
    margin-bottom: 10px;
}

#card-scroll .grey {
    background-color: transparent;
}

#card-scroll .green {
    background-color: transparent;
}

.btn-tag-card {
    margin-top: 5px;
    padding   : 1px 7px;
    font-size : .9em;
}

.card-payoff {
    font-size: .9em;
    height   : 70px;
    overflow : hidden;
}

.card-progress-bar {
    font-size : .9em;
    min-height: 72px;
}

.card-info h4 {
    margin-bottom: 0px;
}

.coming-soon {
    background-color: #4824C2;
}

.overfunding {
    background-color: #24C263;
}

.outline-red {
    border-color: #C2242D;
    color       : #C2242D !important;
}

.green {
    color: #24C263;
}

#card-scroll .scroll {
    min-height    : 400px;
    padding-top   : 40px;
    padding-bottom: 30px;
    overflow-x    : hidden;
}

.btn-big {
    padding: 10px 30px;
}

.divider {
    background-color: #F8F9FB;
    overflow        : hidden;
}

.divider h2 {
    font-size: 50px;
}

.basic-card {
    border-radius   : 20px;
    box-shadow      : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding         : 20px;
}

.home-icon-w {
    width     : 25px;
    margin-top: 10px;
}

.home-icon-h {
    height    : 25px;
    margin-top: 10px;
}

.red-box {
    position        : absolute;
    width           : 1200px;
    height          : 800px;
    transform       : rotate(45deg);
    background-color: #C2242D;
    box-shadow      : -8px 0px 40px 2px rgba(0, 0, 0, 0.2);
}

.partner-img {
    min-height: 110px;
}

#event-section .basic-card {
    min-height: 550px;
}

#event-section .body-card {
    padding: 0 20px 20px 20px;
}

#event-section .top-card-image {
    height: 250px;
}

.form-control {
    box-shadow      : none;
    background-color: transparent;
    border          : none;
    border-bottom   : 2px solid #e8e8e8;
    border-radius   : 0;
    margin-bottom   : 45px;
    color           : #c2242d;
    font-size       : .9em;
}

textarea {
    resize: none;
}

.red-star {
    color: #c2242d;
}

.form-control:focus {
    border-color      : #c2242d;
    outline           : 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
}

#contact-section textarea {
    height: 154px;
    resize: none;
}

.inverted {
    unicode-bidi: bidi-override;
    direction   : rtl;
    text-align  : left;
}

#footer-section {
    background-color: #fff;
    box-shadow      : 0px -1px 10px 1px rgba(0, 0, 0, 0.1);
    clear           : both;
    position        : relative;
    /* height       : 263px; */
    height          : 350px;
    width           : 100%;
    z-index         : 3;
}

.footer-logo {
    width: 70%;
}

#footer-section li {
    margin: 5px 0;
}

.hover-animation {
    transition: ease-in-out .5s;
}

#campaigns-carousel .hover-animation {
    transition: top ease-in-out .5s;
}

.hover-animation:hover {
    box-shadow       : 0 14px 50px rgba(20, 50, 81, 0.04), 0 14px 50px rgba(0, 0, 0, 0.05) !important;
    -webkit-transform: translateY(-8px);
    -moz-transform   : translateY(-8px);
    -ms-transform    : translateY(-8px);
    -o-transform     : translateY(-8px);
    transform        : translateY(-8px);
}

#campaigns-carousel .hover-animation:hover {
    -webkit-transform: none;
    -moz-transform   : none;
    -ms-transform    : none;
    -o-transform     : none;
    transform        : none;
    top              : -10px;
}

.campaign-card:hover .overlay-hover {
    opacity   : 1;
    transition: ease-in-out .5s;
}

.campaign-card .overlay-hover {
    width                  : 100%;
    height                 : 100%;
    text-align             : center;
    opacity                : 0;
    left                   : 0;
    position               : absolute;
    background             : rgba(0, 0, 0, .6);
    border-top-left-radius : 20px;
    border-top-right-radius: 20px;
}

.basic-card:hover .overlay-hover {
    opacity   : 1;
    transition: ease-in-out .5s;
}

.basic-card .overlay-hover {
    width                  : 100%;
    height                 : 100%;
    text-align             : center;
    opacity                : 0;
    position               : absolute;
    background             : rgba(0, 0, 0, .6);
    border-top-left-radius : 20px;
    border-top-right-radius: 20px;
}

.overlay-hover .overlay-txt {
    color    : #fff !important;
    font-size: 1em;
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}


/**

ABBISSAMENTI IMPROVVISATI

**/


/* NUOVA MODAL */

#modal-login .modal-dialog {
    width: 40%;
}

.modal-content {
    border-radius: 40px;
}

.modal-header {
    background-color       : #fff;
    border-bottom          : none;
    border-top-left-radius : 40px;
    border-top-right-radius: 40px;
}

.modal-header .close {
    margin-top   : 18px;
    padding-right: 20px;
    font-size    : 30px;
    opacity      : .5;
}

.modal-content h4 {
    color       : #000;
    text-align  : left;
    font-weight : 700;
    padding-left: 20px;
    padding-top : 20px;
}

.modal-body {
    padding         : 20px 40px;
    background-color: #fff;
}

.modal-body .red-txt {
    color      : #C2242D;
    font-weight: 700;
}

.modal-content h6 {
    color    : #000;
    font-size: 1em;
}

.modal-footer {
    padding   : 20px 40px;
    text-align: center;
    border-top: none;
}

.modal-footer .btn {
    width: 40%;
}

@media screen and (min-width: 1200px) {
    #modal-interest .modal-dialog {
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    #footer-section {
        height: auto;
        margin: auto;
    }

    #modal-login .modal-dialog {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    #modal-login .modal-dialog {
        width     : 90%;
        margin    : auto;
        margin-top: 40px;
    }

    #main-info-campaign .no-padding {
        padding: 0 15px !important;
    }
}


/* ---- GRID EC ---- */

#top-header {
    padding            : 60px 0;
    width              : 100%;
    min-height         : 200px;
    margin-top         : 60px;
    background-size    : cover;
    background-position: center center;
    background-color   : #F6F6F6;
    z-index            : 0;
}

.white-container {
    background-color: #fff;
    padding         : 30px;
    border-radius   : 40px;
}

.white-container.special-faq {
    background-color: #1e2d64;
}

#mobile-faq-selector .nav-tabs>li.active>a>.white-container.special-faq {
    border-color: #1e2d64;
}

.filter-container {
    background-color: #fff;
    padding         : 15px;
    border-radius   : 50px;
    box-shadow      : 0 7px 15px -4px rgba(0, 0, 0, 0.1);
    margin-top      : -35px;
}

#filter-campaign .btn-filter {
    border-color: transparent;
}

#filter-campaign .btn-filter:focus,
#filter-campaign .btn-filter:hover {
    border-color    : #C2242D;
    background-color: #C2242D;
    color           : #fff !important;
    transition      : ease-in-out .2s;
}

@media screen and (max-width: 1199px) {
    #filter-campaign .dropdown-menu {
        background-color: transparent;
    }

    #all-campaign .filter-container {
        height: 65px;
    }

    #filter-campaign .btn-default {
        font-weight     : 700;
        color           : #000;
        background-color: #fff;
        border-color    : transparent;
        width           : 100%;
    }

    #filter-campaign .btn-default:active {
        box-shadow: none;
    }
}


/* ----- STATIC PAGE ----- */

.btn-filter {
    background-color: transparent;
    color           : #000 !important;
    border-radius   : 50px;
    padding         : 6px 15px;
    font-weight     : 700;
    border          : 2px solid transparent;
}

.btn-filter:hover,
.btn-filter:focus .btn-filter:active {
    color     : #000 !important;
    box-shadow: none !important;
}

#sticky.stick .filter-container {
    margin-top: 0px;
}

.widget-tab>.nav-tabs.nav-justified>li>a {
    border       : 2px solid #000;
    color        : #000;
    border-color : #000;
    font-weight  : 700;
    border-radius: 50px;
}

.widget-tab>.nav>li>a:focus,
.widget-tab>.nav>li>a:hover {
    background-color: transparent;
}

.widget-tab>.nav-tabs.nav-justified>li.active>a {
    border          : 2px solid #C2242D;
    background-color: #C2242D;
    color           : #fff;
    border-color    : #C2242D;
    transition      : ease-in-out .2s;
}

.box-filter {
    padding: 5px 20px;
}

.input-group-addon {
    background-color: transparent;
    border-color    : transparent;
    padding         : 6px;
}


/* ---- CASI DI SUCCESSO ---- */

#c-d-s .rounded-photo {
    width        : 80px;
    height       : 80px;
    float        : left;
    margin-right : 15px;
    font-weight  : 600;
    font-size    : 1em;
    border-radius: 50px;
}

.italic {
    font-style: italic;
}

.team-icon {
    height      : 12px;
    margin      : 8px;
    margin-left : 5px !important;
    margin-right: 5px !important;
}

.img-container {
    height             : 150px;
    width              : 150px;
    border-radius      : 20px;
    margin             : auto;
    background-size    : cover;
    background-position: center center;
    background-repeat  : no-repeat;
}

.icon-tag {
    height    : 24px;
    margin-top: -3px;
}

.overlay:before {
    content           : '';
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    opacity           : 1;
    background        : rgba(0, 0, 0, 0.5);
    background        : -webkit-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
    background        : -webkit-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.57) 1%, rgba(0, 0, 0, 0.8) 100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
    -webkit-transform : translate3d(0, 0, 0);
    -moz-transform    : translate3d(0, 0, 0);
    -ms-transform     : translate3d(0, 0, 0);
    -o-transform      : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
    z-index           : 0;
    opacity           : 0.6;
}

.btn-facebook {
    background: #3b5998 !important;
    color     : white !important;
    margin    : 0 5px;
}

.btn-twitter {
    background: #00acee !important;
    color     : white !important;
    margin    : 0 5px;
}

.btn-linkedin {
    background: #0e76a8 !important;
    color     : white !important;
    margin    : 0 5px;
}

.white-icon {
    filter: brightness(100);
}

.filter-options {
    width        : 100%;
    padding      : 8px 5px;
    border-radius: 50px;
    border-width : 2px;
    border-color : #000;
    font-weight  : 700;
}

.rounded-photo {
    width        : 80px;
    height       : 80px;
    border-radius: 50px;
    margin       : auto;
}

.portfolio-icon {
    height: 40px;
}

.border-right {
    border-right: 1px solid #eee;
}

#access_table_wrapper .form-control {
    margin-bottom: 0px;
}

#access_table_wrapper label {
    margin-bottom: 30px;
}

#access_table_wrapper .dataTables_info {
    margin: 20px 0;
}

#access_table_wrapper .pagination>li>a {
    color : #000;
    border: none;
}

#access_table_wrapper .pagination>.disabled>a {
    color : #bfbfbf;
    border: none;
}

#access_table_wrapper .pagination>.active>a {
    height          : 32px;
    width           : 32px;
    color           : #fff !important;
    background-color: #C2242D;
    border-radius   : 20px;
    text-align      : center;
}

#terms h4 {
    margin-top : 60px;
    font-weight: 700;
    color      : #000;
}

#terms p {
    line-height: 28px;
    text-align : justify;
}

#terms a {
    color      : #C2242D;
    font-weight: 700;
}

#terms li {
    margin: 20px 0;
}


/*------------- CUSTOM RADIO ----------------*/

.radio {
    padding-left: 20px;
}

.radio label {
    display     : inline-block;
    position    : relative;
    padding-left: 5px;
    color       : #5F6472;
    font-size   : 0.9em;
}

.radio label::before {
    content           : "";
    display           : inline-block;
    position          : absolute;
    width             : 17px;
    height            : 17px;
    left              : 0;
    margin-left       : -20px;
    border            : 1px solid #000;
    border-radius     : 50%;
    background-color  : #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition     : border 0.15s ease-in-out;
    transition        : border 0.15s ease-in-out;
}

.radio label::after {
    display           : inline-block;
    position          : absolute;
    content           : " ";
    width             : 11px;
    height            : 11px;
    left              : 3px;
    top               : 3px;
    margin-left       : -20px;
    border-radius     : 50%;
    background-color  : #555555;
    -webkit-transform : scale(0, 0);
    -ms-transform     : scale(0, 0);
    -o-transform      : scale(0, 0);
    transform         : scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition   : -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition     : -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition        : transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
}

.radio input[type="radio"]:focus+label::before {
    outline       : thin dotted;
    outline       : 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline       : none;
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform    : scale(1, 1);
    -o-transform     : scale(1, 1);
    transform        : scale(1, 1);
    outline          : none;
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65;
    outline: none;
}

.radio input[type="radio"]:disabled+label::before {
    cursor : not-allowed;
    outline: none;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"]+label::after {
    background-color: #000;
    outline         : none;
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #000;
    outline     : none;
}

.radio-primary input[type="radio"]:checked+label::after {
    background-color: #000;
    outline         : none;
}

.captcha {
    width     : 100%;
    height    : 80px;
    background: #e3e3e3;
    margin    : 20px 0;
}

.country-icon {
    height    : 25px;
    margin-top: -2px;
}


/**CHECKBOX**/

.check {
    margin-top: -15px;
}

.customcb p {
    margin-left: 5px;
}

.customcb {
    width        : 20px;
    height       : 20px;
    margin       : 2px 0 2px 0;
    background   : #fff;
    border-radius: 100%;
    position     : relative;
    border       : 2px solid #000;
    color        : #b7b7b7;
    font-size    : .9em;
}

.customcb.square {
    border-radius: 0;
    color        : #000;
    font-size    : 0.9em;
}

.customcb.square label {
    font-weight: normal;
    cursor     : pointer;
}

.check-inline {
    display: inline-flex;
}

.check-inline>.cfont {
    margin-left: 8px;
}

.outer {
    cursor: pointer;
}

.cfont {
    color      : #000;
    font-weight: 600;
}

.bluecb.customcb input[type=checkbox]:checked+label.inner {
    background: #000;
}

.customcb label.inner {
    display           : block;
    width             : 12px;
    height            : 12px;
    border-radius     : 100px;
    -webkit-transition: all .2s ease;
    -moz-transition   : all .2s ease;
    -o-transition     : all .2s ease;
    -ms-transition    : all .2s ease;
    transition        : all .2s ease;
    cursor            : pointer;
    position          : absolute;
    top               : 2px;
    left              : 2px;
    z-index           : 1;
}

.customcb.square {
    min-width: 20px;
}

.customcb.square label.inner {
    border-radius: 0px;
}

.customcb label.outer {
    margin-left: 25px;
}

.customcb [type=checkbox] {
    display: none;
}

.bluecb.customcb input[type=checkbox]:checked+label.inner {
    background: #c2242d;
}

.checkout .form-control {
    margin-bottom: 0;
    font-size    : 3em;
    height       : 90px;
    text-align   : center;
}

.checkout .btn-black-outline {
    height   : 40px;
    width    : 40px;
    padding  : 0;
    margin   : auto;
    font-size: 26px;
}


/* ---- STATUS COLOR ---- */

.campaign-running.in-progress {
    background-color: #C2242D;
}

.campaign-overfunded {
    background-color: #24C263;
}

.campaign-finished-ok {
    background-color: #24C263;
}

.campaign-finished-ko {
    background-color: #777;
}

.campaign-draft.in-progress {
    background-color: #2491C2;
}

.campaign-draft.expired {
    background-color: #BBBBBB;
}

.campaign-special.in-progress {
    background-color: #F9D33B;
}

.campaign-special.expired {
    background-color: #BBBBBB;
}

.campaign-coming-soon.in-progress {
    background-color: #4824C2;
}

.campaign-coming-soon.expired {
    background-color: #BBBBBB;
}

.campaign-private.inprogress {
    background-color: #C2242D;
}

.campaign-private.expired {
    background-color: #BBBBBB;
}

.modal-open .container-fluid,
.modal-open .container,
.modal-open .top-image-section {
    -webkit-filter: blur(5px) grayscale(90%);
}

.modal-open .jconfirm .container {
    -webkit-filter: blur(0px) grayscale(0%);
}

.step {
    display: none;
}

@media screen and (max-width: 1199px) {
    #portfolio-detail .basic-card .no-margin {
        margin-top: 10px !important;
    }

    .row-table-1 {
        border-top   : 1px solid #000;
        border-bottom: 1px solid #000;
    }
}

@media screen and (min-width: 1200px) {
    .desktop-border {
        border-left : 1px solid #000;
        border-right: 1px solid #000;
    }

    .row-table-1 {
        background-color: #f3f3f3;
    }

    #startup-table .card-content {
        border  : 3px solid black;
        overflow: hidden;
    }
}

#message .form-control {
    width  : auto;
    display: inline-block;
}

#nav-owl-testimonial .display-table {
    display: table;
    height : 370px;
}

#nav-owl-testimonial .align-middle {
    display       : table-cell;
    vertical-align: middle;
}


/* bootstrap tooltip */

.tooltip {
    font-size: 16px;
}


/* custom tooltip */

.equinvest-tooltip+.tooltip>.tooltip-inner {
    background-color: #c2242d;
    color           : #f8f8fa;
    border-radius   : 30px;
    padding         : 10px;
    font-size       : 1em;
}

.equinvest-tooltip+.tooltip>.tooltip-arrow {
    border-bottom-color: #c2242d;
}

.equinvest-tooltip-2+.tooltip>.tooltip-inner {
    background-color: #8c1b26;
    color           : #f8f8fa;
    border-radius   : 30px;
    padding         : 10px;
    font-size       : 1em;
}

.equinvest-tooltip-3+.tooltip>.tooltip-inner {
    background-color: #1da343;
    color           : #f8f8fa;
    border-radius   : 30px;
    padding         : 10px;
    font-size       : 1em;
}

.document-year {
    padding         : 5px;
    background-color: #C2242D;
    color           : #fff;
    width           : 50px;
    text-align      : center;
}

.document-year::after {
    border  : 2px solid #c2242d;
    width   : 200px;
    content : "";
    position: absolute;
    bottom  : 30px;
}

.rich-desc img {
    padding: 10px;
}


/* message margin top 
#message {
    margin-top: 100px;
}*/

@media screen and (max-width: 1024px) {
    #campaign-project img[style] {
        float : none !important;
        width : 100% !important;
        height: auto !important;
    }

    #campaign-project div[style] {
        float       : none !important;
        padding-left: 0 !important;
        width       : 100% !important;
    }

    #campaign-project iframe {
        width: 100% !important;
    }
}

@media screen and (max-width: 1024px) {
    #campaign-market img[style] {
        float : none !important;
        width : 100% !important;
        height: auto !important;
    }
}


/* BTW V3 CSS */

#top-header {
    background: transparent;
}

#top-header h2 {
    font-weight: 800;
    font-size  : 42px;
    color      : #1e2d64;
}

.theme-color-1 {
    color: #FE3E4B;
}

.main-title.theme-color-1 {
    color: #FE3E4B;
}

#top-header .dropdown .dropdown-toggle {
    text-align: left;
}

#top-header .dropdown .dropdown-toggle .caret {
    position: absolute;
    right   : 12px;
    top     : 50%;
}

#top-header .dropdown .dropdown-menu a {
    cursor: pointer;
}

#filter-campaign .btn-filter {
    border-color : transparent;
    border-radius: 0;
}

#filter-campaign .dropdown-menu {
    border    : 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
}

#filter-campaign .btn-filter:focus,
#filter-campaign .btn-filter:hover {
    border-color    : #C2242D;
    background-color: #C2242D;
    color           : #fff !important;
    transition      : ease-in-out .1s;
    border-radius   : 0;
}

#filter-campaign .btn-default {
    font-weight     : 700;
    color           : #000;
    background-color: #fff;
    border-color    : transparent;
    border-bottom   : 2px solid black;
    border-radius   : 0;
}

#filter-campaign .btn-default:active {
    box-shadow: none;
}


/* custom tooltip */

.key-filter-tooltip+.tooltip>.tooltip-inner {
    width: 200px;
}

.equinvest-tooltip+.tooltip>.tooltip-inner {
    background-color: #c2242d;
    color           : #f8f8fa;
    border-radius   : 10px;
    padding         : 10px;
    font-size       : 1em;
    min-width       : 100px;
}

.equinvest-tooltip-2+.tooltip>.tooltip-inner {
    background-color: #8c1b26;
    color           : #f8f8fa;
    border-radius   : 10px;
    padding         : 10px;
    font-size       : 1em;
}

.equinvest-tooltip-3+.tooltip>.tooltip-inner {
    background-color: #1da343;
    color           : #f8f8fa;
    border-radius   : 10px;
    padding         : 10px;
    font-size       : 1em;
}


/* end custom tooltip */

#top-header .form-control {
    border-bottom: 2px solid black;
    color        : #000;
    font-weight  : 700;
}

#event-section .main-event .basic-card .overlay-hover {
    border-top-right-radius  : 0;
    border-bottom-left-radius: 10px;
}

#event-section .main-event .basic-card .overlay-hover {
    border-top-right-radius  : 0;
    border-bottom-left-radius: 10px;
}

#event-section .main-event .top-card-image {
    border-top-right-radius  : 0;
    border-bottom-left-radius: 10px;
}

#event-section .main-event .overlay-color {
    border-top-right-radius  : 0;
    border-bottom-left-radius: 10px;
}

#event-section .main-event .basic-card {
    min-height: 300px;
}

#event-section .main-event .top-card-image {
    min-height: 300px;
}

#event-section .event-date {
    position        : absolute;
    background-color: #FE3E4B;
    color           : #fff;
    padding         : 10px;
    font-weight     : 700;
    font-size       : 1.2em;
    line-height     : 1.1em;
    width           : 60px;
    height          : 60px;
    bottom          : 0;
    left            : 30px;
    border-radius   : 8px 8px 0px 0px;
}

#event-section .event-day {
    font-size: 1.5em;
}

.h-100 {
    height: 100% !important;
}

#event-section .main-event h2 {
    height            : 115px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#event-section .main-event p {
    height            : 44px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#event-section .normal-event h4 {
    height            : 69px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#event-section .normal-event p {
    height            : 70px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#event-section .tag {
    height       : 24px;
    overflow     : hidden;
    margin-bottom: 1px;
}

.btn-tag {
    margin-bottom: 5px;
}

#event-section .basic-card {
    min-height: 402px;
}

#top-header .form-control {
    border-color: #1e2d64;
    color       : #1e2d64;
}


/* ------------------------- */

.white-container.shadow {
    border-radius: 10px;
    box-shadow   : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    padding      : 25px;
    z-index      : 100;
    position     : relative;
}

.top-left-icon {
    position: absolute;
    top     : -35px;
    left    : 30px;
}

.main-title {
    font-size  : 42px;
    font-weight: 800;
    color      : #1e2d64;
}

#offline-opp .white-container {
    margin-top: -40px;
}

#offline-opp iframe {
    z-index: 999;
}

#offline-opp .youtube-video {
    overflow     : hidden;
    border-radius: 15px;
}

#offline-opp .center-right {
    position: absolute;
    top     : -50%;
    right   : -65%;
}

#offline-opp .center-left {
    position: absolute;
    top     : -60%;
    left    : -120%;
}

@media screen and (max-width: 1199px) {
    #offline-opp {
        background-image: none;
        padding         : 0;
    }

    #offline-opp .white-container {
        margin-top: 0;
    }

    .mobile-m-t-70 {
        margin-top: 70px !important;
    }

    .mobile-m-b-40 {
        margin-bottom: 40px;
    }
}

.main-title.secondary {
    font-size: 30px;
}


/*        */

blockquote {
    border-left  : none;
    font-size    : 14px;
    padding      : 0;
    margin-top   : -50px;
    margin-bottom: 10px;
}

.quotation-mark {
    margin-top : 10px;
    font-weight: bold;
    font-size  : 60px;
    color      : #fe3e4b;
    font-family: "Times New Roman", Times, Serif;
}

.quote-text {
    font-size : .9em;
    margin-top: -40px;
}

#casi-successo .team-pic {
    margin-top: -65px;
}

#casi-successo .white-container.shadow {
    padding: 15px;
}

#casi-successo hr {
    margin: 15px 0px 8px;
}

.header-logo {
    margin-top: -10px;
    height    : 40px;
}

.b-red {
    color: #FE3E4B !important;
}

.btn-invest {
    background-color: #FE3E4B;
}

.red-container {
    background-color: #FE3E4B;
    color           : #fff;
}

.red-container .quotation-mark {
    color: #1e2d64;
}

.cta-quote .quote-box {
    margin-top: -30px;
}

body {
    color: #1e2d64;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #1e2d64;
}

.blue {
    color: #1e2d64 !important;
}

a {
    color: #1e2d64;
}

@media (min-width: 1020px) {
    .navbar-nav>li.dropdown>.dropdown-menu {
        min-width    : 240px;
        border-radius: 10px;
        padding      : 15px 10px;
    }
}

.dropdown-menu>li>a {
    padding    : 3px 10px;
    font-weight: 600;
}

.modal-footer {
    padding: 20px 30px;
}

.modal-body {
    padding: 20px 30px;
}

.modal-header {
    border-top-left-radius : 15px;
    border-top-right-radius: 15px;
}

.modal-content {
    border-radius: 15px;
}


/* ----- FAQ -----*/

.w-25 {
    width: 25%;
}

#faq-selector .nav-tabs {
    border: 0;
}

#faq-selector .nav>li>a:focus,
#faq-selector .nav>li>a:hover {
    background-color: transparent;
}

#faq-selector .nav-tabs>li>a:hover {
    border-color: transparent;
}

#faq-selector .nav-tabs>li.active>a,
#faq-selector .nav-tabs>li.active>a:focus,
#faq-selector .nav-tabs>li.active>a:hover {
    border-color: transparent;
}

#faq-selector .nav-tabs>li.active>a>.hover-animation {
    box-shadow       : 0 14px 50px rgba(20, 50, 81, 0.04), 0 14px 50px rgba(0, 0, 0, 0.05) !important;
    -webkit-transform: translateY(-8px);
    -moz-transform   : translateY(-8px);
    -ms-transform    : translateY(-8px);
    -o-transform     : translateY(-8px);
    transform        : translateY(-8px);
}

#faq-selector .nav-tabs>li.active>a>.white-container {
    border    : 3px solid #FE3E4B;
    transition: ease-in-out .15s;
}

#faq-content .panel-default>.panel-heading a[aria-expanded="true"]:after {
    content          : "\2212";
    -webkit-transform: rotate(180deg);
    transform        : rotate(180deg);
}

#faq-content .panel-default>.panel-heading a[aria-expanded="false"]:after {
    content          : "\002b";
    -webkit-transform: rotate(90deg);
    transform        : rotate(90deg);
}

#faq-content .panel-default>.panel-heading a:after {
    color                  : #e4e4e4;
    font-size              : 1.8em;
    content                : "";
    position               : relative;
    top                    : -5px;
    display                : inline-block;
    font-style             : normal;
    font-weight            : 400;
    line-height            : 1;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    float                  : right;
    transition             : transform .25s linear;
    -webkit-transition     : -webkit-transform .25s linear;
}

#faq-content .panel-default>.panel-heading {
    border-top   : 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

#faq-content .panel-default {
    margin-top: -1px;
}

#faq-content .panel-title {
    font-size: 1em;
}

#faq-content .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background-color: white;
    border-bottom   : 1px solid #e4e4e4;
}


/* ---- MOBILE FAQ SELECTOR ---- */

#mobile-faq-selector .white-container.shadow {
    width : 300px;
    float : left;
    margin: 0 10px;
}

#mobile-faq-selector .white-container.shadow h6 {
    white-space: normal;
    width      : 250px;
}

#mobile-faq-selector #card-scroll {
    margin-top: 0 !important;
    top       : 0;
}

#mobile-faq-selector #card-scroll .scroll {
    min-height    : auto;
    padding-bottom: 40px;
}

#mobile-faq-selector #card-scroll .box-padding {
    min-width: 100%;
}

#mobile-faq-selector #card-scroll .box-padding ul {
    display       : grid;
    min-width     : 100%;
    grid-auto-flow: column;
}

#mobile-faq-selector #card-scroll .box-padding ul li {
    margin: 0 auto;
}

#mobile-faq-selector .nav-tabs {
    border: 0;
}

#mobile-faq-selector .nav>li>a:focus,
#mobile-faq-selector .nav>li>a:hover {
    background-color: transparent;
}

#mobile-faq-selector .nav-tabs>li>a:hover {
    border-color: transparent;
}

#mobile-faq-selector .nav-tabs>li.active>a,
#mobile-faq-selector .nav-tabs>li.active>a:focus,
#mobile-faq-selector .nav-tabs>li.active>a:hover {
    border-color: transparent;
}

#mobile-faq-selector .nav-tabs>li.active>a>.white-container {
    border    : 3px solid #FE3E4B;
    transition: ease-in-out .15s;
}

#mobile-faq-selector .nav-tabs>li>a>.white-container {
    border: 3px solid transparent;
}

#mobile-faq-selector .nav-tabs>li.active>a>.hover-animation {
    box-shadow       : 0 14px 50px rgba(20, 50, 81, 0.04), 0 14px 50px rgba(0, 0, 0, 0.05) !important;
    -webkit-transform: translateY(-8px);
    -moz-transform   : translateY(-8px);
    -ms-transform    : translateY(-8px);
    -o-transform     : translateY(-8px);
    transform        : translateY(-8px);
}


/* ---- SETTINGS PAGES (PROFILE ETC) ---- */

.rounded-photo {
    overflow: hidden;
}

.basic-card {
    border-radius: 10px;
}


/* ---- ONLINE CAMPAIGN TXT ---- */

#company-info p {
    line-height: 28px;
    color      : #000;
}

#company-info h3 {
    color: #000;
}

#company-info h5 {
    color: #000;
}

#company-info a {
    color: #000;
}

#company-info h2 {
    color: #000 !important;
}

#campaign-project p {
    line-height: 28px;
    color      : #000;
}

#campaign-project h3 {
    color: #000;
}

#campaign-project h2 {
    color: #000 !important;
}

#campaign-market p {
    line-height: 28px;
    color      : #000;
}

#campaign-market h3 {
    color: #000;
}

#campaign-market h2 {
    color: #000 !important;
}

#campaign-other-desc p {
    line-height: 28px;
    color      : #000;
}

#campaign-other-desc h3 {
    color: #000;
}

#campaign-other-desc h2 {
    color: #000 !important;
}

#campaign-faq-reward p {
    line-height: 28px;
    color      : #000;
}

#campaign-faq-reward h3 {
    color: #000;
}

#campaign-faq-reward a {
    color: #000;
}

#campaign-faq-reward h2 {
    color: #000 !important;
}

#campaign-team p {
    line-height: 28px;
    color      : #8a8a8a;
}

.team-block {
    min-height: 160px;
}

#campaign-team h3 {
    color: #000;
}

#campaign-team h5 {
    color: #000;
}

#campaign-team a {
    color: #000;
}

#campaign-team h2 {
    color: #000 !important;
}

#campaign-doc p {
    line-height: 28px;
    color      : #000;
}

#campaign-doc h3 {
    color: #000;
}

#campaign-doc h5 {
    color: #000;
}

#campaign-doc a {
    color: #000;
}

#campaign-doc h2 {
    color: #000 !important;
}


/*MENU*/

nav .btn-black-outline.outline-red {
    border-color: #FE3E4B;
    color       : #FE3E4B !important;
}


/* NEW SLIDER */

.new-carousel {
    margin-top              : -40px;
    overflow                : hidden;
    position                : relative;
    width                   : 100%;
    height                  : 450px;
    -webkit-perspective     : 500px;
    perspective             : 500px;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;
    -webkit-transform-origin: 0% 50%;
    transform-origin        : 0% 50%;
}

.new-carousel .carousel-item {
    visibility: hidden;
    width     : auto;
    height    : auto;
    position  : absolute;
    top       : 10px;
    left      : 0;
}

.campaign-card .body-card .tag {
    margin     : 0;
    margin-left: 65px;
    height     : 29px;
    overflow   : hidden;
}


/* HOME */

.circle {
    content      : "";
    width        : 800px;
    height       : 800px;
    border-radius: 50%;
    z-index      : -1;
}

.circle.red {
    background-color: #FE3E4B;
}

.top-right {
    position: absolute;
    top     : -70%;
    right   : -60%;
}

#investor-section .youtube-video {
    overflow     : hidden;
    border-radius: 15px;
}

@media screen and (max-width: 1024px) {

    .m-t-b-40 {
        margin-top   : 20px;
        margin-bottom: 20px;
    }

    .m-t-b-80 {
        margin-bottom: 30px;
    }
}

.icon-35h {
    height: 35px;
}

.btn-invest.blue {
    background-color: #1e2d64;
    color           : #fff !important;
}

.btn-invest.grey {
    background: #6A6A6A;
    color     : #fff !important;
}

.btn-black-outline.blue {
    color       : #1e2d64 !important;
    border-color: #1e2d64;
}

.circle.blue {
    background-color: #1e2d64;
}

.center-left {
    position: absolute;
    top     : -70%;
    left    : -100%;
}

.white-container.custom-radius {
    border-top-right-radius   : 0px;
    border-bottom-right-radius: 0px;
}

.campaign-extrabold-txt {
    font-weight: 800;
}

#cta-campaign .main-title.bigger {
    font-size: 60px;
}

#cta-campaign .promo-body {
    padding: 0px 30px;
}

.overflow-hidden {
    overflow: hidden;
    position: relative;
}

.overflowy-hidden {
    overflow-y: hidden !important;
}

.container-logo {
    border-radius: 50px;
    width        : 80px;
    height       : 80px;
    overflow     : hidden;
}

.bg-container {
    background-size    : cover;
    background-position: center;
    position           : absolute;
    height             : 600px;
    width              : 600px;
    border-radius      : 50%;
    right              : -600px;
    top                : -280px;
}

.unjustified {
    text-align: initial;
}

h4 {
    font-size: 16px;
}

#aziende-section .youtube-video {
    overflow     : hidden;
    border-radius: 15px;
    position     : relative;
    z-index      : 2;
}

#aziende-section .white-container {
    padding-top: 80px;
    margin-top : -70px;
    position   : relative;
    z-index    : 1;
}

.center-right {
    position: absolute;
    top     : -40%;
    right   : -100%;
}

.right-side {
    position: absolute;
    top     : -210%;
    right   : -50%;
}

.left-side {
    position: absolute;
    top     : -30%;
    left    : -50%;
}

.event-big .event-date {
    position        : absolute;
    background-color: #FE3E4B;
    color           : #fff;
    padding         : 10px;
    font-weight     : 700;
    font-size       : 1.2em;
    line-height     : 1.1em;
    width           : 60px;
    height          : 60px;
    bottom          : 0;
    left            : 30px;
    border-radius   : 8px 8px 0px 0px;
}

.event-big .event-day {
    font-size: 1.5em;
}

.event-big .normal-event h4 {
    height            : 69px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.event-big .normal-event p {
    height            : 70px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.event-big .tag {
    height  : 24px;
    overflow: hidden;
}

.event-big .basic-card {
    min-height: auto;
}

.event-big .overlay-hover .overlay-txt {
    width: 100%;
}

.event-big .top-card-image,
.basic-card .overlay-hover,
.basic-card .overlay-color {
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
}

.blue-container {
    background-color: #1e2d64;
    color           : #fff;
}

#eventi-section .center-left {
    top : -20px;
    left: -30%;
}

.campaign-social-icon {
    fill: #1e2d64;
}

.form-control {
    color: #1e2d64;
}

.form-control:focus {
    border-color: #FE3E4B;
}

.modal-body .red-txt {
    color: #FE3E4B;
}

.progress-bar {
    background-color: #1e2d64;
}

.bar-red {
    background-color: #1e2d64 !important;
}

.red-star {
    color: #FE3E4B;
}

#filter-campaign .btn-filter:focus,
#filter-campaign .btn-filter:hover {
    border-color    : #1e2d64;
    background-color: #1e2d64;
}

#filter-campaign .btn-default {
    color              : #1e2d64;
    border-bottom-color: #1e2d64;
}

.body-card .b-red {
    color       : #1e2d64 !important;
    border-color: #1e2d64 !important;
}

.body-card .card-payoff>p {
    color: #000 !important;
}

.btn-status {
    background-color: #1e2d64;
}

.bar-green {
    background-color: #04d671 !important;
}

.b-green {
    color: #0fbf6a !important;
}

.campaign-overfunded {
    background-color: #0fbf6a;
}

.campaign-coming-soon.in-progress {
    background-color: #FE3E4B;
}

.campaign-finished-ok {
    background-color: #0fbf6a;
}

.campaign-finished-ko {
    background-color: #ababab;
}

#faq-content .panel-group p {
    color      : #000;
    line-height: 28px;
}

.image-radius {
    border-radius: 15px;
}

.z-index-2 {
    position: relative;
    z-index : 2;
}

.z-index-1 {
    position: relative;
    z-index : 1;
}

.z-index-max {
    position: relative;
    z-index : 999;
}

.navbar-default .navbar-nav>li>a,
.dropdown-menu>li>a {
    color: #1e2d64;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #1e2d64;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #1e2d64;
}

#mifid .btn-black-outline {
    background-color: #E8E8E8;
    color           : #000 !important;
    border          : 2px solid #E8E8E8;
}

.main-info-card .b-red {
    color: #1e2d64 !important;
}

.main-info-card .institutional-message .b-red {
    color: #FE3E4B !important;
}

#campaign-project .bg-grey p {
    color: #000;
}

.min-h-100 {
    min-height: 100px;
}

.bluecb.customcb input[type=checkbox]:checked+label.inner {
    background: #FE3E4B;
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #FE3E4B;
}

.radio-primary input[type="radio"]:checked+label::after {
    border-color    : #FE3E4B;
    background-color: #FE3E4B;
}

.radio label::before {
    border-color: #1e2d64;
}

.radio-primary input[type="radio"]+label::after {
    background-color: #FE3E4B;
}

.cfont {
    color: #1e2d64;
}

.customcb.square {
    color: #1e2d64;
}

.customcb {
    border-color: #FE3E4B;
}

.equinvest-tooltip+.tooltip>.tooltip-inner {
    background-color: #1e2d64;
    color           : #f8f8fa;
    border-radius   : 10px;
    padding         : 10px;
    font-size       : 1em;
    min-width       : 100px;
}

.equinvest-tooltip-2+.tooltip>.tooltip-inner {
    background-color: #1e2d64;
    color           : #f8f8fa;
    border-radius   : 10px;
    padding         : 10px;
    font-size       : 1em;
}

#access_table_wrapper .pagination>.active>a {
    background-color: #1e2d64;
}

#terms a {
    color: #FE3E4B;
}

#terms p {
    color: #000;
}

#terms h4 {
    color: #1e2d64;
}

@media screen and (max-width: 767px) {
    #cta-campaign .main-title.bigger {
        font-size: 40px;
    }
}

#campaign-faq-reward {
    color: #000;
}

#campaign-project {
    color      : #000;
    line-height: 28px;
}

#campaign-market {
    color      : #000;
    line-height: 28px;
}

#campaign-other-desc {
    color      : #000;
    line-height: 28px;
}

#campaign-financials {
    color      : #000;
    line-height: 28px;
}

#primary-event-info {
    color: #000;
}

#campaign-team p {
    color: #000;
}

figure img {
    margin-bottom: 12px;
    max-width    : 100%;
}

#sticky a[data-toggle=modal] {
    opacity       : 0;
    transition    : ease-in-out .5s;
    pointer-events: none;
    cursor        : not-allowed;
}

#sticky.stick a[data-toggle=modal] {
    opacity       : 1;
    pointer-events: all;
    cursor        : pointer;
}

@media screen and (max-width: 767px) {
    #sticky a[data-toggle=modal] {
        opacity       : 1;
        pointer-events: all;
        cursor        : pointer;
    }
}

#sticky.stick {
    position: sticky;
    top     : 60px;
    z-index : 999;
}

#sticky {
    position: sticky;
    top     : 60px;
    z-index : 999;
}


/* VLOG CSS */

#vlog-header {
    margin-top: 60px;
    width     : 100%;
    height    : 600px;
    z-index   : 0;
}

.no-padding-r {
    padding-right: 0;
}

.no-padding-l {
    padding-left: 0;
}

.video-col-half {
    position           : relative;
    height             : 300px;
    width              : 100%;
    background-size    : cover;
    background-position: 50% 50%;
    background-repeat  : no-repeat;
    box-shadow         : 0 7px 15px -4px rgba(0, 0, 0, 0.1);
    overflow           : hidden;
}

.video-col-full {
    position           : relative;
    height             : 600px;
    width              : 100%;
    background-size    : cover;
    background-position: 50% 50%;
    background-repeat  : no-repeat;
    box-shadow         : 0 7px 15px -4px rgba(0, 0, 0, 0.1);
    overflow           : hidden;
}

#vlog-header h2 {
    font-weight: 800;
    font-size  : 38px;
    color      : #1e2d64;
}

.hover-video .overlay-color {
    position  : absolute;
    width     : 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0.2) 100%);
    opacity   : .5;
    transition: ease-out .6s;
    height    : 100%;
    left      : 0;
}

.hover-video:hover .overlay-color {
    height : 100%;
    opacity: .8;
}

.hover-video:hover .hover-container {
    transform: translateY(290px) translateZ(0px);
}

.hover-container {
    transform : translateY(350px) translateZ(0px);
    transition: ease-in-out .5s;
}

.hover-video .hover-container .section {
    font-size     : .7em;
    font-weight   : 800;
    text-transform: uppercase;
    padding       : 4px 10px;
    left          : 21px;
    position      : absolute;
    bottom        : 65px;
}

.hover-video .hover-container .title {
    color             : #fff;
    position          : absolute;
    text-align        : left;
    left              : 0px;
    bottom            : 3px;
    font-size         : 1.2em;
    width             : 100%;
    padding           : 10px 20px;
    font-weight       : 600;
    height            : 60px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hover-video .hover-container .txt {
    color             : #fff;
    position          : absolute;
    text-align        : left;
    left              : 0px;
    bottom            : -50px;
    line-height       : 22px;
    font-size         : .9em;
    width             : 100%;
    padding           : 10px 20px;
    height            : 55px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-col-full .hover-container {
    transform: translateY(650px) translateZ(0px);
}

.video-col-full .hover-video:hover .hover-container {
    transform: translateY(590px) translateZ(0px);
}

#grid-campaign .campaign-card.hover-video {
    height    : 330px;
    min-height: 1px;
    overflow  : hidden;
    position  : relative;
}

#grid-campaign .campaign-card.mentor-card {
    height: 180px;
}

#grid-campaign .campaign-card.mentor-card .background-card-image {
    position             : absolute;
    height               : 100%;
    width                : 100%;
    background-size      : cover;
    background-position  : 50% 50%;
    background-repeat    : no-repeat;
    top                  : 0;
    left                 : 0;
    -webkit-border-radius: 20px;
    -moz-border-radius   : 20px;
    border-radius        : 20px;
    -khtml-border-radius : 20px;
}

.mentor-card.hover-video:hover .hover-container,
.mentor-card.hover-video:active .hover-container {
    transform: translateY(195px) translateZ(0px);
}

.mentor-card .hover-container {
    transform: translateY(242px) translateZ(0px);
}

.mentor-card .overlay-color {
    -webkit-border-radius: 20px;
    -moz-border-radius   : 20px;
    border-radius        : 20px;
    -khtml-border-radius : 20px;
    opacity              : .3;
    transition           : ease-in-out .5s;
}

.mentor-card.hover-video:hover .overlay-color {
    opacity: .6;
}

.mentor-card .hover-container .title {
    color: #fff;
}

.mentor-card .hover-container .section {
    font-size     : .7em;
    font-weight   : 800;
    text-transform: uppercase;
    padding       : 4px 10px;
    left          : 21px;
    position      : absolute;
    bottom        : 55px;
}

.mentor-card .hover-container .title {
    color             : #fff;
    position          : absolute;
    text-align        : left;
    left              : 0px;
    bottom            : 3px;
    font-size         : 1em;
    width             : 100%;
    padding           : 10px 20px;
    font-weight       : 600;
    height            : 50px;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#grid-campaign .campaign-card.mentor-card {
    height: 200px;
    width : 360px;
}

.inline-table {
    display: inline-table;
}

.hover-container .title {
    white-space: normal;
}

.relative .scroll-back {
    padding         : 1px;
    position        : absolute;
    width           : 50px;
    height          : 50px;
    z-index         : 900;
    background-color: #fff;
    color           : #000;
    border-radius   : 50px;
    text-align      : center;
    font-size       : 31px;
    box-shadow      : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    font-weight     : 700;
    transform       : translateY(-50%);
    top             : 45%;
    cursor          : pointer;
    left            : 15px;
}

.box-padding {
    display       : inline-flex;
    min-width     : 100%;
    padding-left  : 80px;
    padding-right : 80px;
    padding-top   : 30px;
    padding-bottom: 30px;
}

@media screen and (max-width: 1200px) {
    #vlog-header {
        height: auto;
    }

    /* 
    .video-col-half {
        height: auto;
    } */

    .box-padding {
        padding-left : 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 400px) {
    #grid-campaign .campaign-card.mentor-card {
        margin: 0 10px;
    }
}


/* REPORT SOCI */

.documents-section .doc {
    min-height: 120px;
}

.document-year {
    background-color: #FE3E4B;
}

.document-year::after {
    border: 2px solid #FE3E4B;
}

/* CHI SIAMO PAGE */

#cta-mission {
    background-color: #1E2D64;
}

#cta-mission h2 {
    color: #fff;
}

#cta-mission h4 {
    line-height: 40px !important;
}

#cta-mission .main-title.bigger {
    font-size: 60px;
}

#valori .white-container {
    padding  : 40px 20px;
    height   : 280px;
    max-width: 260px;
    margin   : 20px auto;
}

#valori .top-right {
    position        : absolute;
    top             : -200%;
    right           : -180%;
    transition      : ease-in-out .3s;
    transition-delay: .3s;
}

#valori .body-content {
    transform       : translateY(145px);
    transition      : ease-in-out .4s;
    transition-delay: .0s;

}

#valori .white-container p {
    opacity         : 0;
    transition      : ease-in-out .4s;
    transition-delay: .0s;
}

#valori .white-container:hover .body-content {
    transform       : translateY(0);
    transition-delay: .3s;
}

#valori .white-container:hover .top-right {
    top             : -250%;
    transition-delay: .0s;
}

#valori .white-container:hover p {
    opacity         : 1;
    transition-delay: .4s;
}

#trovarci .white-container {
    padding  : 20px;
    height   : 400px;
    max-width: 650px;
    margin   : 20px auto;
}

#trovarci .body-content {
    position: absolute;
    bottom  : 15px;
}

#trovarci .background {
    left               : -12px;
    top                : -10px;
    width              : 110%;
    height             : 110%;
    background-size    : cover;
    position           : absolute;
    background-position: center;
}

#trovarci .overlay-color {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) -10%, rgba(255, 255, 255, 0) 100%);
    opacity   : 1;
}

@media screen and (max-width: 767px) {
    .mobile-w-100 {
        width : 100% !important;
        height: auto !important;
    }
}

@media (max-width: 1200px) {
    .w-100-md {
        width : 100% !important;
        height: auto !important;
    }
}

/* VLOG */

.overlay-color-vlog {
    position               : absolute;
    width                  : 100%;
    height                 : 100%;
    background-color       : #000;
    opacity                : .5;
    left                   : 0;
    border-top-left-radius : 0px;
    border-top-right-radius: 0px;
}

@media screen and (max-width: 767px) {
    .mentor-card.hover-video .overlay-color {
        opacity: .6;
    }

    .mentor-card.hover-video .hover-container,
    .mentor-card.hover-video .hover-container {
        transform: translateY(195px) translateZ(0px);
    }

    #vlog-header .p-40 {
        padding: 40px 20px !important;
    }
}

/* 404 PAGE */

.center-404 {
    text-align: center;
    position  : relative;
    max-width : 600px;
    margin    : 80px auto 10px;
    padding   : 20px;
}


/* Responsive youtube embedder */
.video-container {
    position      : relative;
    padding-bottom: 56.25%;
    padding-top   : 0;
    height        : 0;
    overflow      : hidden;
}

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

/* BLOG PAGE CSS */




.unset-overflow {
    overflow: unset;
}

.h-auto {
    height    : auto !important;
    min-height: auto !important;
}

.p-t-b-40 {
    padding-top   : 40px;
    padding-bottom: 40px;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-l-0 {
    padding-left: 0;
}

.p-r-0 {
    padding-right: 0;
}


.bg-white {
    background-color: #fff;
}


.h-20 {
    height: 20px;
}

.o-05 {
    opacity: 0.5;
}

.grid-layout {
    min-width            : 100%;
    display              : grid;
    grid-template-columns: auto;
    grid-template-rows   : 330px 330px;
    grid-auto-flow       : column;
    grid-gap             : 20px;
}

#blog-header {
    margin-top: 60px;
    width     : 100%;
    height    : 600px;
    z-index   : 0;
}

#blog-header .overlay-color {
    border-top-left-radius : 0px;
    border-top-right-radius: 0px;
}

.hover-video.news-custom .hover-container .section {
    text-transform: none;
    padding       : 6px 10px;
    border-radius : 50px;
    font-weight   : 600;
    font-size     : .9em;
    box-shadow    : 0 1px 20px 2px rgba(0, 0, 0, 0.1);
    display       : inline-block;
    position      : relative;
    margin-bottom : 5px;
    bottom        : auto;
    left          : auto;

}

.circle-category {
    content         : '';
    height          : 12px;
    width           : 12px;
    background-color: teal;
    display         : inline-block;
    margin-right    : 4px;
    position        : relative;
    border-radius   : 10px;
    top             : 1px;
}

.hover-video.hover-video.news-custom .overlay-color {
    height : 100%;
    opacity: .8;
}

.hover-video.news-custom .hover-container {
    transform  : none;
    bottom     : 0;
    position   : absolute;
    margin     : 0 20px 10px;
    white-space: normal;
}

.video-col-full .hover-video.news-custom .hover-container {
    transform: none;
    bottom   : 0;
    position : absolute;
    margin   : 0 20px 10px;
}

.hover-video.news-custom .hover-container .txt {
    position          : relative;
    display           : -webkit-box;
    bottom            : auto;
    left              : auto;
    padding           : 10px 0;
    height            : auto;
    max-height        : 80px;
    margin-bottom     : 10px;
    -webkit-line-clamp: 3;
    line-height       : 24px;
}

.hover-video.news-custom .hover-container .title {
    max-height : 60px;
    height     : auto;
    display    : -webkit-box;
    position   : relative;
    margin     : 10px 0;
    font-weight: 800;
    padding    : 0;
    font-size  : 1em;
    line-height: 22px;
}

#searchbar-news {
    position        : sticky;
    height          : auto;
    padding         : 15px;
    width           : 100%;
    top             : 60px;
    background-color: #fff;
    border          : 1px solid #efefef;
    box-shadow      : 0 10px 20px 0px rgba(0, 0, 0, 0.05);
    z-index         : 1029;
}

.custom-searchbar {
    max-width: 500px;
    margin   : auto;
    position : relative;
}

.custom-searchbar .input-group {
    background-color: #F4F7F8;
    border          : 1px solid #EDEFF0;
    border-radius   : 5px;
}

.custom-searchbar .input-group .btn-default {
    background-color: transparent;
    border          : none;
}

.custom-searchbar .input-group .btn-default:active {
    box-shadow: none;
}

.custom-searchbar .input-group .input-group-addon {
    padding: 6px 12px;
}

.custom-searchbar .input-group .form-control {
    border: none;
}


#filter-box {
    position        : absolute;
    width           : 100%;
    min-height      : 90px;
    background-color: #fff;
    border          : 1px solid #efefef;
    box-shadow      : 0 0px 20px 0px rgba(0, 0, 0, 0.1);
    opacity         : 0;
    transition      : .3s ease-in-out;
    top             : 60px;
    border-radius   : 5px;
    padding         : 20px;
}

#filter-box.show-ease {
    opacity: 1;
    top    : 45px;
}

.category-news {
    text-transform  : none;
    padding         : 6px 10px;
    border-radius   : 50px;
    font-weight     : 600;
    font-size       : .9em;
    box-shadow      : 0 0px 4px 1px rgba(0, 0, 0, 0.1);
    display         : inline-block;
    position        : relative;
    background-color: white;
    border          : 1px solid #EDEFF0;
    margin          : 10px 5px;
}

.transparent {
    background-color: transparent;
    box-shadow      : none;
    padding         : 20px;
    text-align      : left;
    width           : 350px;
}

.transparent .title {
    white-space       : normal;
    max-height        : 80px;
    height            : auto;
    position          : relative;
    padding           : 10px 5px;
    color             : #000;
    text-align        : left;
    font-size         : 1em;
    font-weight       : 800;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height       : 22px;
}


.filter-category {
    cursor: pointer;
}

#grid-campaign .campaign-card.medium-news {
    width        : 300px;
    height       : 400px;
    overflow     : hidden;
    border-radius: 10px;
    min-height   : auto;
}

#grid-campaign .campaign-card.big-news {
    width        : 450px;
    height       : 560px;
    overflow     : hidden;
    border-radius: 10px;
    min-height   : auto;
}

#grid-campaign .campaign-card.big-news .background-card-image {
    position             : absolute;
    height               : 100%;
    width                : 100%;
    background-size      : cover;
    background-position  : 50% 50%;
    background-repeat    : no-repeat;
    top                  : 0;
    left                 : 0;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    -khtml-border-radius : 10px;
}

#grid-campaign .campaign-card.medium-news .background-card-image {
    position             : absolute;
    height               : 100%;
    width                : 100%;
    background-size      : cover;
    background-position  : 50% 50%;
    background-repeat    : no-repeat;
    top                  : 0;
    left                 : 0;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    -khtml-border-radius : 10px;
}

.big-news .overlay-color {
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
}

.left-static-news {
    display      : inline-flex;
    min-width    : auto;
    position     : absolute;
    float        : left;
    padding-right: 10px;
    min-height   : 485px;
    z-index      : 1;
}

.block {
    display: block !important;
}

#grid-campaign .inline-table ul {
    padding-inline-end  : 30px;
    padding-inline-start: 10px;
}

#grid-campaign .campaign-card.small-news {
    height       : 160px;
    width        : 350px;
    min-height   : auto;
    border-radius: 10px;
    overflow     : hidden;
}

#grid-campaign .campaign-card.small-news .background-card-image {
    position             : absolute;
    height               : 100%;
    width                : 100%;
    background-size      : cover;
    background-position  : 50% 50%;
    background-repeat    : no-repeat;
    top                  : 0;
    left                 : 0;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    -khtml-border-radius : 10px;
}

.small-news .overlay-color {
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
}

.hover-video .hover-container.out-card .title {
    max-height        : 50px;
    height            : auto;
    display           : -webkit-box;
    position          : relative;
    padding           : 0;
    font-weight       : 800;
    text-align        : left;
    left              : 0px;
    bottom            : 3px;
    font-size         : 1em;
    overflow          : hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hover-video.news-custom .hover-container.out-card {
    position : relative;
    bottom   : auto;
    max-width: 350px;
}

.hover-video.news-custom .medium-news .hover-container .title {
    font-size : 1em;
    max-height: 52px;
}

@media screen and (max-width: 400px) {
    #grid-campaign .hover-video.news-custom .campaign-card {
        margin: 10px;
    }
}

#content .hover-animation:hover {
    box-shadow: none !important;
}


.hover-image {
    transition: all ease-in-out 1.5s;
}

.hover-image::before {
    content   : "";
    position  : absolute;
    top       : 0;
    right     : 0;
    bottom    : 0;
    left      : 0;
    background: inherit;
    transition: inherit;
}

.hover-image:hover::before {
    transform: scale(1.2);
}

.em17 {
    font-size: 1.7em;
}

@media screen and (max-width: 1199px) {
    #blog-header {
        height: 400px;
    }
}

@media screen and (max-width: 1199px) {
    .hidden-1200 {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .box-padding .block {
        display: inline-table;
    }

    .hover-animation {
        transform: none !important;
    }
}

.unite-card {
    border-radius: 0;
    box-shadow   : none;
    height       : 400px;
    width        : 350px;
}

#blog-header .campaign-card.big-news .background-card-image {
    position           : absolute;
    height             : 100%;
    width              : 100%;
    background-size    : cover;
    background-position: 50% 50%;
    background-repeat  : no-repeat;
    top                : 0;
    left               : 0;
}


.scroll-right {
    position  : absolute;
    z-index   : 1;
    width     : 140px;
    transform : translate(-50%, -50%);
    top       : 45%;
    left      : 50%;
    opacity   : 1;
    transition: 0.5s ease-in-out;
}

.scroll-right.align-bottom {
    transform: translateX(-50%);
    top      : auto;
    left     : 50%;
    bottom   : -9px;
}

.relative:hover .scroll-right {
    opacity: 0;
}

.scroll-right h4 {
    position        : absolute;
    z-index         : 2;
    width           : 100%;
    transform       : translate(-50%, -50%);
    top             : 45%;
    left            : 50%;
    font-weight     : 600;
    padding         : 10px 0;
    background-color: rgba(0, 0, 0, .8);
    visibility      : visible;
    border-radius   : 50px;
}

.no-bg {
    background-color: transparent !important;
}

.relative:hover .scroll-right h4 {
    visibility      : hidden;
    transition      : 0s ease-in-out;
    transition-delay: .5s;
}

.scroll-right h4::before {
    content      : '⟵';
    animation    : arrow-anim 1.5s ease-in-out infinite;
    display      : inline-block;
    padding-right: 16px;

}

@keyframes arrow-anim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}

/* SINGLE BLOG PAGE */

#single-blog-header {
    margin-top: 60px;
    width     : 100%;
    height    : 350px;
    z-index   : 0;
}

#single-blog-header .blog-image-container {
    position           : relative;
    height             : 350px;
    width              : 100%;
    background-size    : cover;
    background-position: 50% 50%;
    background-repeat  : no-repeat;
    display            : block;
    overflow           : hidden;
}

.blog-post-title {
    padding  : 20px 30px;
    position : relative;
    top      : 50%;
    transform: translateY(-50%);
}

.blog-post-title h1 {
    line-height       : 40px;
    font-size         : 2em;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.h-350 {
    height: 350px;
}

.m-l-0 {
    margin-left: 0 !important;
}

.w-35 {
    width: 35px;
}

#blog-content hr {
    border-top   : 2px solid #e6e6e6;
    margin-top   : 40px;
    margin-bottom: 40px;
}

#blog-content {
    padding: 40px 0;
}

#blog-content h2 {
    color        : #000;
    font-size    : 1.6em;
    margin-bottom: 20px;
    font-weight  : 700;
}

#blog-content h3 {
    color        : #000;
    font-size    : 1.2em;
    margin-bottom: 10px;
    font-weight  : 700;
}

#blog-content ul {
    color        : #000;
    opacity      : .75;
    margin-bottom: 20px;
    font-weight  : 500;
    line-height  : 28px;
}

#blog-content ol {
    color        : #000;
    opacity      : .75;
    margin-bottom: 20px;
    font-weight  : 500;
    line-height  : 28px;
}

#blog-content h2.title {
    font-size: 1em;
}

.post-info-dot {
    display      : inline-block;
    margin-left  : 7px;
    margin-right : 7px;
    border-radius: 5px;
    width        : 6px;
    height       : 6px;
    border       : 1px solid #909090;
    top          : -1px;
    position     : relative;
}

#blog-content p {
    color        : #000;
    opacity      : .75;
    margin-bottom: 20px;
    font-weight  : 500;
    line-height  : 28px;
    text-align   : justify;
}

/* Contenuto mobile magazine */

@media only screen and (max-width: 840px) {
    #blog-content p {
        font-size: 18px;
    }

    #blog-content h3 {

        font-size: 1.5em;
    }

    #blog-content ul {
        font-size: 18px;
    }
}

/* fine */

#blog-content img {
    margin-bottom: 20px;
    margin-top   : 20px;
    border-radius: 15px;
}

#blog-content .desktop-icon-sticky {
    position: sticky;
    top     : 100px;
}

#blog-content .desktop-icon-sticky:first-child img {
    margin-top: 0;
}

#blog-content #grid-campaign .campaign-card.small-news {
    margin    : auto;
    width     : 100%;
    box-shadow: none;
}

#blog-content .hover-video.news-custom .hover-container {
    margin   : auto;
    width    : 100%;
    max-width: 100%;
}

#blog-content .block-quote {
    margin-bottom: 30px;
    margin-top   : 30px;
}

#blog-content .block-quote h1 {
    font-weight: 800;
    color      : #000;
}

#blog-content #grid-campaign .campaign-card.medium-news {
    width : 100%;
    margin: auto;
}

#blog-content .hover-video.news-custom .medium-news .hover-container {
    margin: 0 20px 10px;
    width : initial;
}

#blog-content .left-side {
    left: -58%;
}

#blog-content .right-side {
    right: -55%;
}

#blog-content h2.main-title {
    color      : #1e2d64;
    font-size  : 42px;
    font-weight: 800;
}


.blog-progress-container {
    position  : sticky;
    top       : 60px;
    width     : 100%;
    height    : 8px;
    background: #e4e4e4;
    z-index   : 3;
}

.blog-progress-bar {
    height    : 8px;
    background: #FE3E4B;
    width     : 0%;
    transition: width .5s ease-in-out;
}

#blog-content .white-container.shadow {
    z-index: 1;
}

.highlight {
    background-color: #F4F7F8;
    padding         : 30px;
}

@media (min-width: 992px) {
    #blog-content .block-quote {
        padding-left : 120px;
        padding-right: 120px;
    }
}

@media (max-width: 992px) {
    #blog-content .desktop-icon-sticky {
        position: relative;
        top     : auto;
    }
}

@media screen and (max-width: 1199px) {
    .mobile-h-auto {
        height: auto !important;
    }

    .blog-post-title {
        transform: none;
    }
}

.hover-animation.no-shadow {
    box-shadow: none !important;
}

.h-45 {
    height: 45px !important;
}

#searchbar-news.not-sticky {
    background-color: transparent;
    box-shadow      : none;
    border          : none;
    position        : relative;
}

.circle-category.big {
    height: 16px;
    width : 16px;
    top   : 0;
}

#blog-content #cta-campaign h3 {
    font-weight: 800;
    color      : #1e2d64;
    font-size  : 1.6em;
}

#blog-content #cta-campaign p {
    opacity   : 1;
    text-align: initial;
}

.form-style-1 {
    color           : #000;
    display         : inline-block;
    position        : relative;
    margin          : 5px 0px;
    padding         : 10px 15px;
    border-radius   : 5px;
    border          : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 700;
    width           : 100%;
    height          : 44px;
}

/* SECOND MARKET */

#top-header.bg-grey-1 {
    background-color: #F4F7F8;
}

.bg-grey-1 {
    background-color: #F4F7F8;
}

#top-header .circle.right-side {
    top  : -100%;
    right: -10%;
}

#searchbar-news.not-full {
    margin       : -30px auto 40px;
    max-width    : 338px;
    border-radius: 20px;
}

.m-l-r-10 {
    margin-left : 10px;
    margin-right: 10px;
}

#text-filter {
    width: 287px;

}

@media screen and (max-width: 767px) {
    #text-filter {
        max-width: 100%;
        width    : auto;
    }

    .custom-searchbar {
        max-width: 100%;
    }
}

#custom-filter .btn.btn-invest {
    border          : 2px solid #FE3E4B;
    background-color: rgba(254, 62, 75, 0);
    box-shadow      : none;
    color           : #FE3E4B !important;
    transition      : .2s ease-in-out;
    outline         : none;
}

#custom-filter .btn.btn-invest.blue {
    border          : 2px solid #1e2d64;
    background-color: rgba(30, 45, 100, 0);
    box-shadow      : none;
    color           : #1e2d64 !important;
}


#custom-filter .btn.btn-invest.grey {
    border          : 2px solid #6A6A6A;
    background-color: rgba(155, 162, 162, 0);
    box-shadow      : none;
    color           : #6A6A6A !important;
}

#custom-filter .btn.btn-invest.active {
    background-color: rgba(254, 62, 75, 1);
    color           : #ffffff !important;
}

#custom-filter .btn.btn-invest.blue.active {
    background-color: rgba(30, 45, 100, 1);
    color           : #ffffff !important;
}

#custom-filter .btn.btn-invest.grey.active {
    background-color: rgba(155, 162, 162, 1);
    color           : #ffffff !important;
}

#second-market-grid .campaign-card {
    position     : relative;
    width        : 100%;
    height       : auto;
    min-height   : 30px;
    border-radius: 5px;
    box-shadow   : none;
    border       : 2px solid #EDEFF0;
    margin       : auto;
    padding      : 10px;
}

#second-market-grid .campaign-card.hover-animation:hover {
    box-shadow: 0 7px 20px rgba(20, 50, 81, 0.04), 0 7px 20px rgba(0, 0, 0, 0.05) !important;
}

#second-market-grid .company-logo {
    top       : -28px;
    left      : 10px;
    border    : 2px solid #EDEFF0;
    box-shadow: none;
    height    : 50px;
    width     : 50px;
}

#second-market-grid .status-campaign-card {
    position: relative;
    padding : 2px 8px;
}

.status-position-block {
    top     : -22px;
    right   : 20px;
    left    : auto;
    position: absolute;
}

.light-txt {
    color    : #B0B2B3;
    font-size: .9em;
}

.border-left {
    border-left: 2px solid;
}

.border-light-grey {
    border-color: #EDEFF0;
}

#second-market-grid h4 {
    margin-top   : 5px;
    margin-bottom: 0;
}

#second-market-grid p {
    margin-bottom: 0;
}

#second-market-grid .btn-status {
    font-weight: 600;
}

.btn-status.ref-code {
    background-color: #EDEFF0;
    color           : #000 !important;
}

.btn-status.ref-sell {
    background-color: #FE3E4B;
}

.btn-status.ref-buy {
    background-color: #1e2d64;
}

/* SECOND MARKET SINGLE PAGE */

.top-image-section.second-market {
    height: 250px;
}

#main-second-campaign .main-info-card {
    position     : relative;
    border-radius: 15px;
    box-shadow   : 0 7px 15px -4px rgba(0, 0, 0, 0.15);
    margin-top   : -100px;
}

#main-second-campaign .b-red {
    color: #FE3E4B !important
}

#main-second-campaign .main-info-data {
    font-size  : 1.4em;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    #main-second-campaign .main-info-card {
        padding: 40px 20px;
    }
}

#might-interest h2 {
    color        : #000;
    font-size    : 1.6em;
    margin-bottom: 20px;
    font-weight  : 700;
}

.h-60 {
    height: 60px;
}

.m-r-10 {
    margin-right: 10px;
}


/* NEW FORM - SECOND MARKET */

#live-form ul.reward-line>li {
    margin: 20px 0;
}

#live-form #second-market-grid .campaign-card {
    border-radius: 15px;
    padding      : 10px 20px;
}

#live-form ul.reward-line:before {
    content   : ' ';
    background: #EDEFF0;
    display   : inline-block;
    position  : absolute;
    left      : 19px;
    width     : 2px;
    height    : 100%;
    margin-top: -10px;
    z-index   : 400;
}

#live-form ul.reward-line>li:before {
    content      : ' ';
    background   : #EDEFF0;
    display      : inline-block;
    position     : absolute;
    border-radius: 50%;
    border       : 2px solid #fff;
    margin-top   : -1px;
    left         : 10px;
    width        : 20px;
    height       : 20px;
    z-index      : 400;
}

#live-form ul.reward-line>li.success:before {
    background: #00ff00 !important;
}

#live-form ul.reward-line>li.error:before {
    background: #ffd700 !important;
}

#live-form ul.reward-line>li:last-child {
    margin: 0;
}

#live-form ul.reward-line>li.completed:before {
    background: #53DE81;
}

#live-form ul.reward-line>li.warning:before {
    background: #FECB3E;
}

#live-form ul.reward-line>li.error:before {
    background: #ffd700;
}

#live-form .body-card {
    padding: 10px 20px;
}

#live-form .btn-default.radio {
    margin          : 5px 5px;
    padding         : 10px;
    border-radius   : 5px;
    border          : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 700;
    color           : #000;
    transition      : background-color .3s ease-in-out;
}

#live-form .btn-group-toggle .btn-default.radio:first-child {
    margin: 5px 5px 5px 0px;
}

#live-form .btn-default.active {
    /* background-color: #EDEFF0; */
    background-color: #FE3E4B;
    color           : white !important;
    outline         : none;
    box-shadow      : none;
}

#live-form .btn-default.active img {
    filter: invert(1);
}

#live-form .btn-default:active {
    background-color: #FE3E4B;
    outline         : none;
    box-shadow      : none;
}

.live-form-block {
    position: relative;
    margin  : 20px 0 30px 0;
}

.live-form-block img {
    height      : 20px;
    margin-top  : -4px;
    margin-right: 4px;
}

.live-form-block p {
    font-size: .9em;
}

#live-form .bootstrap-select>.dropdown-toggle {
    margin          : 5px 0px;
    padding         : 10px 15px;
    border-radius   : 5px;
    border          : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 700;
    color           : #000;
    outline         : none;
}

#live-form .bootstrap-select.open>.dropdown-toggle.btn-default {
    background-color          : #EDEFF0;
    border-color              : #EDEFF0;
    outline                   : none;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
    margin-bottom             : 0;
}

#live-form .bootstrap-select .dropdown-toggle:focus,
#live-form .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.bootstrap-select .dropdown-menu.open .inner {
    overflow: hidden;
}

.bootstrap-select .dropdown-menu.open {
    margin-top                : 0;
    border-top-left-radius    : 0;
    border-top-right-radius   : 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius : 5px;
    border                    : 2px solid #EDEFF0;
    padding-top               : 0;
    padding-bottom            : 0;
    overflow                  : hidden;
    max-width                 : 100%;
}

.bootstrap-select .dropdown-menu.open .bs-searchbox {
    outline: 2px solid #EDEFF0;
}

.bootstrap-select .dropdown-menu.open .form-control {
    border-bottom: none;
}

.bootstrap-select .dropdown-menu.open input.form-control {
    padding-right: 25px;
}

.bootstrap-select .dropdown-menu.open .bs-searchbox::before {
    content : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPGcgaWQ9InN1cmZhY2UxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4yODEgLTMpIj4NCiAgICA8cGF0aCBpZD0iUGF0aF81MCIgZGF0YS1uYW1lPSJQYXRoIDUwIiBkPSJNMTMuMDYsM0E2LjIxOCw2LjIxOCwwLDAsMCw4LjIzOSwxMy4xNDhMMy4yODEsMTguMTA2LDQuMTc2LDE5bDQuOTU3LTQuOTU4QTYuMjIsNi4yMiwwLDEsMCwxMy4wNiwzWm0wLDEuMjQ0QTQuOTc3LDQuOTc3LDAsMSwxLDguMDgzLDkuMjIxLDQuOTY4LDQuOTY4LDAsMCwxLDEzLjA2LDQuMjQ0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzhmOGY4ZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
    position: absolute;
    right   : 12px;
    top     : 13px;
    display : block;
}

.bootstrap-select .dropdown-menu.open .inner li {
    padding         : 10px 15px;
    outline         : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 700;
    color           : #000;
    margin-top      : 2px;
}

.bootstrap-select .dropdown-menu>.active>a,
.bootstrap-select .dropdown-menu>.active>a:focus,
.bootstrap-select .dropdown-menu>.active>a:hover {
    background-color: transparent;
    font-weight     : 700;
    color           : #000;
    /* color        : white; */
}

.bootstrap-select .dropdown-menu.open .inner li.active {
    background-color   : #EDEFF0;
    /* background-color: #FE3E4B; */

}

.bootstrap-select .dropdown-menu a {
    font-weight: 700;
    color      : #000;
}

.bootstrap-select .dropdown-menu>li>a:focus,
.bootstrap-select .dropdown-menu>li>a:hover {
    color: #000;
}


/* OVER */

.has-float-label {
    display : block;
    position: relative;
}

.has-float-label label,
.has-float-label span {
    position          : absolute;
    left              : 0;
    top               : 0;
    cursor            : text;
    font-size         : 75%;
    opacity           : 1;
    -webkit-transition: all .2s;
    transition        : all .2s;
}


.has-float-label textarea {
    width: 100%;
}

.has-float-label input,
.has-float-label textarea {
    font-size    : inherit;
    padding-top  : 1em;
    margin-bottom: 2px;
    border       : 0;
    border-radius: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.has-float-label input::-webkit-input-placeholder,
.has-float-label textarea::-webkit-input-placeholder {
    opacity           : 1;
    -webkit-transition: all .2s;
    transition        : all .2s;
}

.has-float-label input::-moz-placeholder,
.has-float-label textarea::-moz-placeholder {
    opacity   : 1;
    transition: all .2s;
}

.has-float-label input:-ms-input-placeholder,
.has-float-label textarea:-ms-input-placeholder {
    opacity   : 1;
    transition: all .2s;
}

.has-float-label input::placeholder,
.has-float-label textarea::placeholder {
    opacity           : 1;
    -webkit-transition: all .2s;
    transition        : all .2s;
}

.has-float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.has-float-label textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0;
}

.has-float-label input:placeholder-shown:not(:focus)::-moz-placeholder,
.has-float-label textarea:placeholder-shown:not(:focus)::-moz-placeholder {
    opacity: 0;
}

.has-float-label input:placeholder-shown:not(:focus):-ms-input-placeholder,
.has-float-label textarea:placeholder-shown:not(:focus):-ms-input-placeholder {
    opacity: 0;
}

.has-float-label input:placeholder-shown:not(:focus)::placeholder,
.has-float-label textarea:placeholder-shown:not(:focus)::placeholder {
    opacity: 0;
}

.has-float-label input:focus,
.has-float-label textarea:focus {
    outline     : none;
    border-color: rgba(0, 0, 0, 1);
}

.has-float-label input,
.has-float-label textarea {
    font-size    : inherit;
    padding      : 0;
    margin-bottom: 0;
    border       : 0;
    border-radius: 0;
    border-bottom: none;
}

.has-float-label input:placeholder-shown:not(:focus)+*,
.has-float-label textarea:placeholder-shown:not(:focus)+* {
    font-size       : 1em;
    opacity         : 1;
    top             : 17px;
    left            : 15px;
    background-color: transparent;
    color           : #A4A5A6;
    font-weight     : 600;
}

.has-float-label label,
.has-float-label span {
    position          : absolute;
    left              : 10px;
    top               : -3px;
    cursor            : text;
    font-size         : .9em;
    opacity           : 1;
    -webkit-transition: all .2s;
    transition        : all .2s;
    background-color  : white;
    padding           : 0 3px;
    color             : #000;
    z-index           : 99;
}

.has-float-label .form-control {
    color           : #000;
    display         : inline-block;
    position        : relative;
    margin          : 5px 0px;
    padding         : 10px 15px;
    border-radius   : 5px;
    border          : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 700;
    width           : 100%;
    height          : 44px;
}

.has-float-label input::-webkit-input-placeholder {
    color      : #A4A5A6;
    font-size  : 1em;
    font-weight: 600;
}

.has-float-label input:focus,
.has-float-label textarea:focus {
    outline     : none;
    border-color: rgba(0, 0, 0, 1);
}

/* ALERT FORM */

/* WARNING STATE - YELLOW */

.has-float-label.warning label,
.has-float-label.warning span {
    color: #FECB3E;
}

.has-float-label.warning .form-control {
    color       : #FECB3E;
    border-color: #FECB3E;
}

.has-float-label.warning input::-webkit-input-placeholder {
    color: #FECB3E;

}

.has-float-label.warning input:focus,
.has-float-label.warning textarea:focus {
    border-color: #FECB3E;
}

/* ERROR STATE - RED */

.has-float-label.error label,
.has-float-label.error span {
    color: #FE3E4B;
}

.has-float-label.error .form-control {
    color       : #FE3E4B;
    border-color: #FE3E4B;
}

.has-float-label.error input::-webkit-input-placeholder {
    color: #FE3E4B;

}

.has-float-label.error input:focus,
.has-float-label.error textarea:focus {
    border-color: #FE3E4B;
}

/* END OVER LABEL */

#live-form .btn-invest.btn-upload {
    color           : #000 !important;
    margin          : 5px 5px 5px 0px;
    padding         : 10px 15px;
    border-radius   : 5px;
    border          : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 700;

}

#live-form .btn-tag.btn-upload {
    min-width       : calc(100% - 134px);
    color           : #A4A5A6 !important;
    margin          : 5px 0;
    padding         : 10px 15px;
    border-radius   : 5px;
    border          : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 600;
    text-align      : left;
}

#live-form .has-float-label .input-group {
    padding-top: 5px;
}

#live-form .has-float-label .input-group .form-control {
    margin                   : 0px;
    border-top-left-radius   : 5px;
    border-bottom-left-radius: 5px;
}

#live-form .has-float-label .input-group .input-group-addon {
    border          : 2px solid #EDEFF0;
    background-color: #EDEFF0;
    border-left     : 0;
    color           : #000;
    font-weight     : 600;
}

.text-muted {
    color  : #A4A5A6;
    opacity: .75;
}

#live-form .live-form-block .btn-invest {
    padding      : 10px 15px;
    border-radius: 5px;
}

.live-form-block .error-message img {
    margin-top: 0;
    width     : 20px;
}

.live-form-block .error-message span.error-msg {
    width      : calc(100% - 30px);
    float      : right;
    font-size  : .9em;
    font-weight: 500;
    top        : auto;
    left       : auto;
}

.live-form-block .error-message {
    position : absolute;
    left     : 108%;
    max-width: 250px;
    width    : 100%;
    top      : 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 1199px) {
    .live-form-block .error-message {
        position : relative;
        left     : auto;
        max-width: 100%;
        width    : 100%;
        top      : auto;
        transform: none;
    }

    .live-form-block .error-message span.error-msg {
        margin-top: 3px;
        position  : relative;
        float     : none;
        display   : inline-block;
    }

    .live-form-block .error-message img {
        display       : inline-block;
        top           : 2px;
        position      : relative;
        vertical-align: top;
    }
}

/* FIRST TIME PROFILE*/

.sticky-80 {
    position: sticky;
    top     : 80px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 15px !important;
}

.no-border {
    border: none;
}

#live-form li.active .btn-default.radio {
    background-color: #FE3E4B;
    color           : white !important;
    outline         : none;
    box-shadow      : none;
}

#live-form li .btn-default.radio {
    margin          : 5px 5px;
    padding         : 10px;
    border-radius   : 5px;
    border          : 2px solid #EDEFF0;
    background-color: #fff;
    font-weight     : 700;
    color           : #000;
    transition      : background-color .3s ease-in-out;
}

#live-form li .btn-default.radio:first-child {
    margin-left: 0;
}

#live-form li.active .btn-default img {
    filter: invert(1);
}

.bootstrap-select>.dropdown-toggle.bs-placeholder {
    color      : #A4A5A6 !important;
    font-weight: 600 !important;
}

/* DATEPICKER */


.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 300px !important;
}

.xdsoft_datetimepicker {
    font-family  : Montserrat, sans-serif !important;
    box-shadow   : 0 5px 15px -5px rgba(0, 0, 0, 0.1) !important;
    border-bottom: 2px solid #f1f1f1 !important;
    border-left  : 2px solid #f1f1f1 !important;
    border-right : 2px solid #f1f1f1 !important;
    border-top   : 2px solid #f1f1f1 !important;
    border-radius: 10px !important;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    height : 60px !important;
    padding: 15px !important;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left !important;
    left : -10px !important;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right !important;
    right: -10px !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width     : 42px !important;
    background: transparent !important;
    border    : transparent !important;
    height    : 43px !important;
    text-align: center !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th:first-child {
    border-top-left-radius   : 5px !important;
    border-bottom-left-radius: 5px !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th:last-child {
    border-top-right-radius   : 5px !important;
    border-bottom-right-radius: 5px !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background   : #fe3e4b !important;
    border-radius: 25px !important;
    box-shadow   : none !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_datepicker.active .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background   : #fe3e4b !important;
    border-radius: 25px !important;
    transition   : .2s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    background: #fe3e4b !important;
    transition: .2s ease-in-out;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #fe3e4b !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_month {
    width     : 120px !important;
    text-align: right !important;
}

.xdsoft_datetimepicker .xdsoft_year {
    width      : 100px !important;
    margin-left: 5px !important;
    text-align : left !important;
}

.xdsoft_today_button {
    display: none !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    width        : 120px !important;
    border-radius: 5px !important;
    border       : 2px solid #f1f1f1 !important;
}

.xdsoft_select.xdsoft_monthselect.xdsoft_scroller_box div {
    padding-right: 7px !important;
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background   : #dadada !important;
    border-radius: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFu2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA3LTIwVDIwOjEwKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNy0yMFQyMDoyMjo0MiswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNy0yMFQyMDoyMjo0MiswMjowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmMTc2MTAyZC1iZGMzLWY3NDgtODgwOC02NGI4ZGE3NWQ1MWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2NDQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMTc2MTAyZC1iZGMzLWY3NDgtODgwOC02NGI4ZGE3NWQ1MWIiIHN0RXZ0OndoZW49IjIwMjAtMDctMjBUMjA6MjI6NDIrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7v5pp7AAACZklEQVRoge2Zu47UMBSGv8Oilbg1SDS8Esv2wBNsgTZAQcUjzCr7DjwAK3pKGhokBB0SErR0NCAGU8SZPeOxd2wnk4mj/NKRJ3Z8bJ8vvkwixhhmjUfX9t2BWeuagYxMM5CR6fq+O9BVIhIqWgAHQOUrHOveWTyQgBbAc3Vd7akfyZrikuXCOAXq/XQlXVMDsoJhjBFjTLuelQPFGHOl0Qwyq67yEVId6yPC9wIwTbc27jHW6tS+D20xAzYhKB2B1L7gZQIJwghByYTu6gR4FircJRAvlA4DqrcFMMH3Vhg+KD0AeaD8PRoMyFVQMgfUG4yhzKOHKiatPRkMSAhKxoCKg+EBcuSB0drjwYD4oCQOqEgYDhC9TIVstXztHIgLJaFOsTAUkOMIGGvLV05bXf6HHCTcu+zQzhh0Alx48t8Cbzz5r4GXWS1lzo46pa5V9GlobAZ8AD4C71UMXqkwPlX5X+y9n7PayoWRAaRYKFy+0WiB/AUOnWf7ly37Zsskp62oJUtE2qie0+1F3QvgzPFZgv7Z9J5Nl8AdVX4I/La/7wJ/aOCkK2dmxNb1zJBWvc0UEg4MaizRBxKn/z+Vj/sq/7bKN8CtlPistRU5iA0YHYGsoPQAJAqKhpEaLKV3wA/gK5ezBeAm8An4btMbuwTihdEDEEh8Urf4DkJxYeQGawiTLQEbvZwvhjXNq3aMffWu9qozmj0MWz5MBxM1tS+GlU1PnUPDGowxa2ofqKCBcq6ui4EB05shrSqbLikIBlD+HjI1TXHJKkIiUut9TkSMiCymumSVoAo2T4EzkP2qsulqr/sP8gH+XkvlurkAAAAASUVORK5CYII=) !important;
}

#registration-alert.fade {
    height     : 1px;
    position   : fixed;
    top        : 0;
    right      : 0;
    bottom     : 0;
    left       : 0;
    opacity    : 0;
    z-index    : 990;
    background : transparent;
    transition : all .3s ease-in-out;
    display    : grid;
    place-items: center;
}

#registration-alert.fade.stick {
    height    : 100%;
    position  : fixed;
    top       : 0;
    right     : 0;
    bottom    : 0;
    left      : 0;
    z-index   : 990;
    background: linear-gradient(0deg, rgba(0, 0, 0, .97) 80%, rgba(2, 0, 36, .85) 100%);
    opacity   : 1;
    transition: all .3s ease-in-out;
}

#registration-alert div {
    /* display: grid;
    place-items: center; */
    width           : 80%;
    padding         : 30px;
    background-color: #fff;
    border-radius   : 20px;
    margin          : auto;
    max-width       : 500px;
    position        : absolute;
    left            : 50%;
    top             : 50%;
    transform       : translate(-50%, -50%);
}


#portfolio-detail .nav-tabs {
    border: none;
}

#portfolio-detail .nav-tabs>li.active>a,
#portfolio-detail .nav-tabs>li.active>a:focus,
#portfolio-detail .nav-tabs>li.active>a:hover {
    border: none;
}

#portfolio-detail .nav>li>a:focus,
#portfolio-detail .nav>li>a:hover {
    background-color: transparent;
    border-color    : transparent;
}

#portfolio-detail .nav-tabs>li.active>a .red-active {
    background-color: #FE3E4B;
    color           : #fff;
}

#portfolio-detail .nav-tabs>li.active>a .red-active svg {
    fill: #fff;
}

#portfolio-detail .nav-tabs>li>a .red-active svg {
    fill: #1E2D64;
}

@media screen and (min-width: 1021px) {

    .navbar-default .navbar-nav>li>a.link-hover {
        overflow      : hidden;
        padding-bottom: 21px;
    }

    .navbar-default .navbar-nav>li>a.link-hover::before {
        content   : '';
        position  : absolute;
        transition: transform .5s ease;
        left      : 0;
        bottom    : 0;
        width     : 100%;
        height    : 3px;
        background: #1e2d64;
        transform : translateX(-101%);
    }

    .navbar-default .navbar-nav>li>a.link-hover:hover::before {
        transform: translateX(0);
    }

    .arrow-right-hover:after {
        content      : '➜';
        animation    : arrow-anim 1.5s ease-in-out infinite;
        display      : inline;
        padding-right: 16px;
        float        : right;
        opacity      : 0;
        font-size    : 1.2em;
        transition   : opacity 0.3s ease-in-out;
    }

    .arrow-right-hover:hover::after {
        opacity: 1;
    }

    .dropdown-menu>li>a:hover {
        color     : #FE3E4B;
        transition: font-weight .3s linear, color .1s linear;
    }
}

.tag--title {
    font-size: 12.2vh !important;
    color    : #ffaeae !important;
}

.tag--name {
    font-size     : 7vh !important;
    color         : grey !important;
    margin-left   : 10%;
    padding-top   : 10px;
    padding-bottom: 10px;
}

.tooltip-inner {
    width: 450px;
}

/*  MIFID V2 SECTION  */

.f-s-36 {
    font-size: 36px !important;
}

.font-size-1 {
    font-size: 1em !important;
}

.btn.radio {
    min-width: 100px;
}

.mifid-section {
    padding-top   : 10em;
    padding-bottom: 7em;
}

.d-none {
    display: none;
}

.alert-info.btw-info {
    color           : #1E2D64;
    background-color: #F0F3FF;
    border-color    : #7C8FD2;
}

.alert-success.btw-success {
    color           : #25A25F;
    background-color: #F0FFF7;
    border-color    : #7CD290;
}

.alert-warning.btw-warning {
    color           : #1e2d64;
    background-color: #FFFEF0;
    border-color    : #FFE798;
}

.info-icon {
    width: 25px;
}

.btw-info .media-left {
    padding-right: 15px;
}

.btn.squared {
    padding      : 10px 15px;
    border-radius: 5px;
}

.section-number {
    background-color  : #fff;
    display           : inline-block;
    padding           : 30px;
    width             : 100px;
    height            : 100px;
    text-align        : center;
    border-radius     : 10px;
    -webkit-box-shadow: 8px 8px 26px 1px rgb(21 34 81 / 11%);
    box-shadow        : 8px 8px 26px 1px rgb(21 34 81 / 11%);
    margin-top        : 5px;
    font-weight       : 800;
}

.divider-left {
    border-left: 2px solid #EDEFF0;
}

@media screen and (max-width: 1199px) {
    .divider-left {
        border-left: none !important;
    }

    .mifid-section {
        padding-top   : 0em;
        padding-bottom: 0em;
    }
}

.container .live-form-block ul {
    list-style: none;
    margin    : 0;
    padding   : 0;
    overflow  : auto;
}

.live-form-block ul li {
    color   : #1e2d64;
    display : block;
    position: relative;
    float   : left;
    width   : 100%;
}

.live-form-block ul li input[type=radio] {
    position  : absolute;
    visibility: hidden;
}

.live-form-block ul li label {
    display           : block;
    position          : relative;
    font-weight       : 700;
    font-size         : 14px;
    padding           : 10px 0px 10px 35px;
    margin            : 10px auto;
    z-index           : 9;
    cursor            : pointer;
    -webkit-transition: all 0.25s linear;
    transition        : all 0.25s linear;
}

.live-form-block ul li .check {
    display           : block;
    position          : absolute;
    border            : 3px solid #1e2d64;
    border-radius     : 100%;
    height            : 25px;
    width             : 25px;
    top               : 33px;
    left              : 5px;
    z-index           : 5;
    transition        : border .25s linear;
    -webkit-transition: border .25s linear;
}

.live-form-block ul li .check::before {
    display           : block;
    position          : absolute;
    content           : '';
    border-radius     : 100%;
    height            : 13px;
    width             : 13px;
    top               : 3px;
    left              : 3px;
    margin            : auto;
    transition        : background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.live-form-block input[type=radio]:checked~.check {
    border: 3px solid #1e2d64;
}

.live-form-block input[type=radio]:checked~.check::before {
    background: #1e2d64;
}

/* WIZARD INVESTITORI */
#wizard-section-1 .nav-tabs {
    border-bottom: none;
}

#wizard-section-1 .nav-tabs li a {
    max-width: 240px;
}

#live-form li.active .btn-default.radio.blue {
    background-color: #1e2d64;
    border-color    : #1e2d64;
}

#live-form li .btn-default.radio.blue {
    border-color: #1e2d64;
}

.live-form-block ul li.inline-block {
    display      : inline-block;
    width        : auto;
    margin-bottom: auto;
}

.live-form-block .fade {
    display: none;
}

.live-form-block .fade.in {
    display: contents;
}

.secondary-ul {
    margin-left     : 20px;
    padding-left    : 20px;
    background-color: #F0F3FF;
}

#live-form .btn-invest.btn-upload.blue {
    color           : #1e2d64 !important;
    border          : 2px solid #EDEFF0;
    background-color: #e8eaef;
}

.file-name-bar {
    width           : 100%;
    height          : 100%;
    position        : absolute;
    z-index         : 2;
    top             : 0;
    left            : 0;
    filter          : alpha(opacity=0);
    -ms-filter      : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity         : 0;
    background-color: transparent;
    color           : transparent;
}

/* 

.navbar-custom a {
    overflow      : hidden;
    padding-bottom: 19px;
    position      : relative;
    display       : inline-block;
    line-height   : 35px;
}

.navbar-custom a::before {
    content   : '';
    position  : absolute;
    transition: transform .5s ease;
    left      : 0;
    bottom    : 9px;
    width     : 100%;
    height    : 3px;
    background: #000;
    transform : translateX(-101%);
}

.navbar-custom a:hover::before {
    transform: translateX(0);
}

.dropdown-menu>li {
    overflow: hidden;
    position: relative;
}
.dropdown-menu>li.background-hover::before {
    content   : '';
    position  : absolute;
    transition: transform .5s ease;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    height    : 100%;
    background: #f1f1f1;
    transform : translateX(-101%);
}

.dropdown-menu>li.background-hover:hover::before {
    transform: translateX(0);
}

.dropdown-menu>li.background-hover>a {
    z-index : 99;
    position: relative;
} */

/* ELENCO NUMERATO STILIZZATO */

.custom-counter {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.custom-counter li {
    counter-increment: step-counter;
    margin-bottom: 10px;
}

.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 15px;
    font-size: 150%;
    color: #FE3E4B;
    font-weight: bold;
    padding: 3px 8px;

}

/* Fix griglia bacheca per titoli a 2 righe */
.market-card {
	max-height:150px;
}	
/* sezione faq */
.top-faq {
    position: absolute;
    top: -35%;
    right: -28%;
}