/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1;
    overflow-x: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

    nav ul {
        list-style: none
    }

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

li {
    list-style: none
}


/* =============================================================================
   My CSS
   ========================================================================== */

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'RobotoBold';
    src: url('../font/Roboto/Roboto-Bold.ttf');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../font/Roboto/Roboto-Medium.ttf');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('../font/Roboto/Roboto-Light.ttf');
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../font/Roboto/RobotoCondensed-Regular.ttf');
}
@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../font/Roboto/RobotoCondensed-Bold.ttf');
}
@font-face {
    font-family: 'RobotoBlack';
    src: url('../font/Roboto/Roboto-Black.ttf');
}

body {
	padding-top: 200px;
}

.mobileOnly {
    display: none;
}

.blueArtID {
    color: #002a6a !important;
}
.textTransformNone {
    text-transform: none !important;
}

.marginTop5 {
    margin-top: 5px;
}

.container {
    position: relative;
}

.bgWhite {
    background-color: white;
}

.bgDarkBlue {
    background-color: #061237;
}

.bgLightGrey {
    background-color: #fafafa;
}

.patternBg {
    background-image: url(../Content/img/background.jpg);
    background-size: cover;
}

.card, .cardCopy {
    border: 1px solid rgb(232, 232, 232);
    border-radius: 6px;
    background-color: white;
    box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, 0.48);
}

.uppercase {
    text-transform: uppercase;
}

.form-group > label {
    font-family: 'RobotoBold';
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #393835;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.genericCardSection, .cardCopy {
    padding: 60px 60px 90px;
    position: relative;
}

    .genericCardSection .icona, .cardCopy .icona {
        position: absolute;
        right: 60px;
    }

    .genericCardSection .title, .cardCopy .title {
        color: #091b37;
        text-transform: uppercase;
        font-size: 30px;
    }

    .genericCardSection .subTitle, .cardCopy .subTitle {
        color: #78818f;
        white-space: pre-line;
        font-size: 54px;
        line-height: 1;
        text-transform: uppercase;
        padding-right: 130px;
    }

.genericActionLink {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #393835;
}
    .genericActionLink img {
        display: block;
        margin: 3px auto 0px;
        width: 20px;
    }

.testo {
    color: #808080;
    line-height: 2;
    white-space: pre-line;
    margin-top: 50px;
    font-family: RobotoRegular;
}

.labelTitle {
    font-family: 'RobotoBold';
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #393835;
    text-transform: uppercase;
    margin-bottom: 18px;
}
    .labelTitle .bar {
        height: 4px;
        width: 20px;
        background: #84d2b6;
        margin-top: 9px;
    }
        .labelTitle .bar.orange {
            background: #f5a623;
        }

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.d-flex {
    display: flex;
}
.align-items-center {
    align-items: center;
}
.justify-content-between {
    justify-content: space-between;
}

.sectionTitle {
    margin-bottom: 30px;
}

    .sectionTitle h3 {
        color: #091b37;
        text-transform: uppercase;
        font-size: 21px;
        margin: 3px 0 5px;
    }

.bgDarkBlue .sectionTitle h3 {
    color: white;
}

.sectionTitle h2 {
    color: #78818f;
    font-size: 40px;
    text-transform: uppercase;
}

.rectangle {
    width: 300px;
    margin-top: 15vh;
    margin-left: 90px;
}

    .rectangle .icon {
        width: 80px;
        margin: 30px 0;
    }

    .rectangle .card {
        margin: 0 0 50px -60px;
        width: 65vw;
        max-width: 1110px;
        min-width: 330px;
    }

.logoArtID {
    width: 50%;
}

.genericButton {
	height: 40px;
	width: 144px;
	padding: 12px 8px 12px 5%;
	font-family: RobotoBold;
	font-size: 13px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	background: transparent;
	border: 2px solid #393835;
	color: #393835;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-position: 89% center;
	text-decoration: none!important;
    position: relative;
}
	.genericButton:hover, .alsoGenericButtonHover:hover .genericButton {
		color: #f38d07;
		border: 2px solid #f38d07;
	}
    .genericButton > i {
        position: absolute;
        left: 82%;
        top: 12px;
    }
	.genericButton.withRightArrow {
		background-image: url(../Content/img/rightArrowButton.png);
	}
        .genericButton.withRightArrow:hover, .alsoGenericButtonHover:hover .genericButton.withRightArrow {
            background-image: url(../Content/img/rightArrowButtonHover.png);
        }
    .genericButton.withRightArrowWhite {
        background-image: url(../Content/img/rightArrowButtonWhite.png);
    }
	.genericButton.withUploadIcon {
		background-position: 115px center;
		background-image: url(../Content/img/upload.png);
	}
        .genericButton.withUploadIcon:hover, .alsoGenericButtonHover:hover .genericButton.withUploadIcon {
            background-image: url(../Content/img/uploadHover.png);
        }
    .genericButton.withMakeAnOfferIcon {
        background-position: 90% center;
        background-image: url(../Content/img/makeAnOfferIcon.png);
        background-size: 20px;
    }
    .genericButton.withBuyIcon {
        background-position: 90% center;
        background-image: url(../Content/img/buyIcon.png);
    }
        .genericButton.withBuyIcon:hover, .alsoGenericButtonHover:hover .genericButton.withBuyIcon {
            background-image: url(../Content/img/buyIconHover.png);
        }


.secondaryButton {
    background: transparent;
    border: 2px solid white;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    height: 40px;
    width: 120px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.buttonWithRightImage {
    width: 200px;
    display: inline-block;
    text-align: left;
}

	.buttonWithRightImage > img {
		float: right;
		margin: -7px 0;
	}

    .buttonWithRightImage > i {
        font-size: 17px;
        margin: 8px 0;
    }

.form-group h4 {
    height: 34px;
    line-height: 34px;
}

.tableContainer {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
}
    .tableContainer::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
        border-radius: 8px;
        background-color: #ffffff;
    }
    .tableContainer::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: #F5F5F5;
    }
    .tableContainer::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #80cad9;
    }
.customTable thead > tr > th, .customTable tbody > tr > td {
    border: none;
}
.customTable thead > tr > th {
    font-family: RobotoBold;
    font-size: 12px;
    letter-spacing: 0.2px;
    color: #80cad9;
    text-transform: uppercase;
    vertical-align: top;
}
.customTable tbody > tr > td {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #393835;
    vertical-align: middle;
}

.dividerTitle {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: #284269;
    font-weight: 700;
    margin: 50px 0;
    position: relative;
    font-family: 'RobotoBold';
}

    .dividerTitle:before {
        content: "";
        position: absolute;
        border-top: 2px solid #cdd6eb;
        width: 30%;
        left: 0;
        top: 47%;
    }

    .dividerTitle:after {
        content: "";
        position: absolute;
        border-top: 2px solid #cdd6eb;
        width: 30%;
        right: 0;
        top: 47%;
    }

.generiPaddingSection {
    padding: 60px 20px;
}

.genericTitle {
    color: #58595b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'RobotoBold';
    padding-bottom: 15px;
    border-bottom: 1px solid #acacac;
    margin-bottom: 20px;
}



.titleCheckZip {
    color: #58595b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
    font-family: RobotoBold;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.genericTitle > img {
    width: 80px;
    margin: 0;
}

.genericTitle > a {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 4px;
    color: #666666;
}

.genericInput {
    color: #333132;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    height: 34px;
    width: 370px;
    padding: 0 8px;
}

.genericFormContainer .col-sm-3 {
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.genericFormContainer label {
    text-transform: uppercase;
    font-size: 14px;
    color: #58595b;
    font-family: 'RobotoBold';
}

.buttonContainer {
    height: 40px;
}

.genericFormSubmitButton {
    height: 100%;
    background: #061237;
    border: 1px solid #061237;
    color: white!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-family: 'RobotoBold';
    font-size: 13px;
    text-transform: uppercase;
}

.displayInlineBlock{
    display:inline-block !important;
}

.sculpture {
    border-bottom: 6px solid #99cdaf;
}

.photography {
    border-bottom: 6px solid #4a8ca1;
}

.paintings {
    border-bottom: 6px solid #e5a446;
}

.noarts {
    border-bottom: 6px solid #58595b;
}

.Sculpture {
    border-bottom: 6px solid #99cdaf;
}

.Photography {
    border-bottom: 6px solid #4a8ca1;
}

.Painting {
    border-bottom: 6px solid #e5a446;
}

.NoArts {
    border-bottom: 6px solid #58595b;
}

.preferito_Painting {
    color: #e5a446 !important;
}

.preferito_0 {
    color: #c46049 !important;
}

.noImageAvailable {
    color: rgba(255, 255, 255, 0.6);
    font-size: 40px;
    position: relative;
    line-height: 1;
    font-family: 'RobotoBold';
    text-transform: uppercase;
    font-weight: 700;
    margin: -30px 0 0px;
    text-align: center;
}

.watermarkContainer {
    height: 100%;
    position: relative;
    display: inline-block;
}
    .watermarkContainer .bollino {
        position: absolute;
        top: 8px;
        right: 8px;
        height: 90px;
    }
    .watermarkContainer .watermark {
        position: absolute;
        bottom: 8px;
        left: 8px;
        width: 85px;
    }
        .watermarkContainer .watermark.up {
            bottom: unset;
            top: 8px;
        }

.riepilogoOperaLittle.photography .imageContainer img {
    left: -45px;
}

.riepilogoOperaLittle.paintings .imageContainer img {
    left: -65px;
}

.riepilogoOperaBig {
    background: white;
    overflow: hidden;
    margin-bottom: 20px;
}

    .riepilogoOperaBig .imageContainer {
        height: 280px;
        background: #637196;
        position: relative;
        background-size: cover;
        background-position: center;
    }

        .riepilogoOperaBig .imageContainer.eventoImageContainer {
            background-color: #101b3b;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .riepilogoOperaBig .imageContainer.eventoImageContainer h2.noImageAvailable {
                font-size: 30px;
                margin: 0;
            }

    .riepilogoOperaBig .datiContainer {
        position: relative;
        padding: 25px 0;
        margin: 0 0 0 50px;
    }

        .riepilogoOperaBig .datiContainer .categoryImage {
            width: 50px;
            position: absolute;
            top: -8px;
            left: -50px;
        }

        .riepilogoOperaBig .datiContainer.paintings .categoryImage {
            width: 60px;
            transform: rotate(-20deg);
        }

        .riepilogoOperaBig .datiContainer.photography .categoryImage {
            width: 40px;
        }

        .riepilogoOperaBig .datiContainer .category {
            color: #989696;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 12px;
            margin-bottom: 15px;
        }

.riepilogoOperaLittle {
    background: white;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    min-height: 377px;
}

    .riepilogoOperaLittle .imageContainer {
        position: relative;
        /*background: #637196;*/
        background: white;
        height: 164px;
        /*background-size: cover;*/
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border-top: 10px solid white;
    }

        .riepilogoOperaLittle .imageContainer.eventoImageContainer {
            background: #101b3b;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .riepilogoOperaLittle .imageContainer.eventoImageContainer h2.noImageAvailable {
                font-size: 30px;
                margin: 0;
                text-align: center;
            }

        .riepilogoOperaLittle .imageContainer p {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.6);
            color: white;
            padding: 8px;
            text-align: right;
            font-size: 13px;
            font-family: 'RobotoBold';
        }

        .riepilogoOperaLittle .imageContainer img {
            position: absolute;
            bottom: -50px;
            left: -25px;
        }

.favouritesTriangleContainer {
    background: transparent;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -10px;
    right: 0;
}
    .favouritesTriangleContainer .corner {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        background: none;
        border-width: 50px 0 0 50px;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
    }
    .favouritesTriangleContainer i {
        position: absolute;
        right: 5px;
        top: 7px;
        font-size: 20px;
        color: #373737;
    }
        .favouritesTriangleContainer i.preferito_photography {
            color: #4a8ca1 !important;
        }
        .favouritesTriangleContainer i.preferito_sculpture {
            color: #99cdaf !important;
        }
        .favouritesTriangleContainer i.preferito_paintings {
            color: #e5a446 !important;
        }
        .favouritesTriangleContainer i.preferito_Photography {
            color: #4a8ca1 !important;
        }
        .favouritesTriangleContainer i.preferito_Sculpture {
            color: #99cdaf !important;
        }
        .favouritesTriangleContainer i.preferito_Paintings {
            color: #e5a446 !important;
        }
        .favouritesTriangleContainer i.preferito_NoArts {
            color: #58595b !important;
        }

    .favouritesTriangleContainer.shareTriangle {
        left: 0;
        right: unset;
    }
        .favouritesTriangleContainer.shareTriangle .corner {
            left: 0;
            right: unset;
            transform: rotate(-90deg);
        }
.riepilogoOperaLittle .imageContainer .favouritesTriangleContainer.shareTriangle img {
    position: relative;
    left: unset;
    bottom: unset;
    width: 14px;
    margin: 7px 4px;
}

.riepilogoOperaLittle .datiContainer {
    padding: 20px 20px 18px;
    color: #333132;
}

    .riepilogoOperaLittle .datiContainer .nomeAutore, .riepilogoOperaBig .datiContainer .nomeAutore {
        color: #223843;
        font-family: Roboto;
        font-size: 18px;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        margin-bottom: 8px;
        letter-spacing: -0.45px;
        white-space: nowrap;
        line-height: 1.3;
    }

    .riepilogoOperaLittle .datiContainer .nomeOpera, .riepilogoOperaBig .datiContainer .nomeOpera {
        text-transform: capitalize;
        font-size: 18px;
        font-family: RobotoBold;
        margin-bottom: 38px;
        display: block;
        display: -webkit-box;
        height: 58px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        letter-spacing: -0.45px;
        color: #223843;
    }

    .riepilogoOperaLittle .datiContainer .operaDescription, .riepilogoOperaBig .datiContainer .operaDescription {
        font-size: 13px;
        line-height: 1.5;
        display: block;
        display: -webkit-box;
        height: 57px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 18px;
        width: 100%;
    }

.prices {
    font-family: RobotoMedium;
}
    .prices span {
        font-family: RobotoBold !important;
        width: 45px;
        margin-right: 15px;
        text-align: right;
        display: inline-block;
    }
    .prices .artidPrice {
        font-family: RobotoMedium;
        font-size: 18px;
        letter-spacing: 0;
        color: #223843;
        margin-bottom: 8px;
    }
    .prices .euroPrice {
        font-family: RobotoCondensedBold;
        font-size: 14px;
        letter-spacing: 0;
        color: #58595b;
    }


/*.riepilogoOperaLittle .prices > span, .riepilogoOperaBig .prices > span {
    font-family: 'RobotoBold';
    font-size: 16px;
    position: relative;
}

.riepilogoOperaLittle .prices .usdPrice, .riepilogoOperaBig .prices .usdPrice {
    color: #58595b;
}

.riepilogoOperaLittle .prices .artPrice, .riepilogoOperaBig .prices .artPrice {
    color: #86888b;
    margin-right: 10px;
}

    .riepilogoOperaLittle .prices .usdPrice > span, .riepilogoOperaLittle .prices .artPrice > span,
    .riepilogoOperaBig .prices .usdPrice > span, .riepilogoOperaBig .prices .artPrice > span {
        font-size: 10px;
        position: absolute;
        right: -21px;
        top: 0;
    }

    .riepilogoOperaLittle .prices .artPrice > span, .riepilogoOperaLittle .prices .artPrice > span {
        right: -25px;
        top: -4px;
    }*/

.certificateSteps {
    margin: 60px -80px 0;
}

    .certificateSteps img {
        max-width: 100%;
        margin-bottom: 8px;
    }

    .certificateSteps p {
        text-transform: uppercase;
        font-family: RobotoBold;
        font-size: 14px !important;
        width: 60%;
        margin: 0 auto 25px;
        line-height: 1.2 !important;
    }

.infoGraficaStepCertificato .certificateSteps {
    margin: 35px -15px 20px;
}

    .infoGraficaStepCertificato .certificateSteps p {
        width: 60%;
    }

.infoGraficaStepCertificato .actionsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .infoGraficaStepCertificato .actionsContainer span {
        color: #58595b;
        font-family: 'RobotoBold';
        margin: 0 15px;
    }

.modal {
    background: rgba(6, 18, 55, 0.6);
}

    .modal .modal-dialog {
        width: 800px;
    }

    .modal .modal-content {
        border-radius: 0;
        box-shadow: none;
        margin-top: 17vh;
    }

        .modal .modal-content .close {
            position: absolute;
            top: 8px;
            right: 14px;
            color: #58595b;
            font-family: 'RobotoBold';
            opacity: 1;
            font-size: 27px;
        }

.modalTitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 150px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 45px;
}

    .modalTitle img {
        width: 45px;
        margin-bottom: 12px;
    }

    .modalTitle h2 {
        color: #58595b;
        font-family: 'RobotoBold';
        font-size: 27px;
    }

#buyCertificateModal .acquistoCertificatoForm .form-inline, #buyTokenModal .acquistoCertificatoForm .form-inline {
    margin: 20px 0;
}

#buyCertificateModal .acquistoCertificatoForm p, #buyCertificateModal .acquistoCertificatoForm label, #buyTokenModal .acquistoCertificatoForm p, #buyTokenModal .acquistoCertificatoForm label {
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    margin: 11px 0 8px;
}

#buyCertificateModal .acquistoCertificatoForm label, #buyTokenModal .acquistoCertificatoForm label {
    margin: 0 8px 0 0;
}

#buyCertificateModal .acquistoCertificatoForm h2, #buyTokenModal .acquistoCertificatoForm h2 {
    font-family: 'RobotoBold';
    color: #58595b;
    font-size: 27px;
    position: relative;
    display: inline-block;
}

    #buyCertificateModal .acquistoCertificatoForm h2 > span, #buyTokenModal .acquistoCertificatoForm h2 > span {
        position: absolute;
        font-size: 13px;
        color: #5ca0b7;
        text-transform: uppercase;
    }


.IconSocial {
    width: 20px;
}


.messageControllerContext {
    width: 280px;
    padding: 40px 20px 15px;
    background: green;
    border-radius: 6px;
    position: absolute;
    top: 240px;
    right: 30px;
    z-index: 3;
    color: white;
}
    .messageControllerContext.warning {
        background: yellow;
        color: #091b37;
    }
    .messageControllerContext.danger {
        background: red;
    }
    .messageControllerContext > button {
        position: absolute;
        right: 8px;
        background: transparent;
        border: none;
        font-size: 21px;
        top: 8px;
    }
    .messageControllerContext > span {
        position: absolute;
        top: 11px;
        font-size: 18px;
    }
    .messageControllerContext > p {
        margin: 0;
        font-size: 14px;
        color: #061237;
    }

.fal.fa-heart {
    width: 24px;
    height: 20px;
    background-image: url('img/favouritesIcon.png');
}

    .fal.fa-heart:before {
        content: "";
    }

.genericHeaderImage {
    height: 500px;
    background-position: center;
}

.blockchainCertificationHeader {
    background-image: url('img/blockchainCertificationHeader.jpg');
}

.pageHeader {
	width: 100vw;
	height: 300px;
	background-image: radial-gradient(circle at 99% 1%, #153d94, #1e3566 44%, #061040);
	display: flex;
	align-items: center;
}
	.pageHeader .container {
		display: flex;
		flex-direction: column;
		justify-content: center;
        padding-left: 85px;
	}
	.pageHeader img {
		position: absolute;
		left: 0;
		z-index: 1;
        height: 220px;
	}
    .pageHeader .summaryTitle {
        font-family: RobotoLight;
        font-size: 20px;
        color: white;
        letter-spacing: 0.8px;
        text-transform: capitalize;
        z-index: 2;
        line-height: 1.5;
    }
	.pageHeader .pageTitle {
		font-family: RobotoBold;
		font-size: 90px;
		line-height: 80px;
		letter-spacing: 0;
		text-transform: uppercase;
		color: white;
		z-index: 2;
		padding-right: 200px;
	}

.genericCard {
    box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    padding: 40px;
    height: auto;
}

.newsEventsCover {
	background-image: url('img/newsEventsCover.jpg');
	background-size: cover;
}

.artistsCover {
    background-image: url('img/artistsCover.jpg');
    background-size: cover;
}

.galleriesCover {
    background-image: url('img/galleriesCover.jpg');
    background-size: cover;
}

.faqCover {
    background-image: url('img/FAQ-banners.jpg');
    background-size: cover;
}

.ContactsCover {
    background-image: url('img/ContactsCover.jpg');
    background-size: cover;
}

/* new register */

.newRegister .pageHeader {
    height: 200px;
}
    .newRegister .pageHeader .container {
        margin-top: -40px;
    }
    .newRegister .pageHeader .pageTitle {
        padding: 0;
        font-size: 60px;
        line-height: 60px;
    }
.newRegister .genericCard {
    margin-top: -40px;
    margin-bottom: 65px;
}
.newRegister .productHeader {
    border-bottom: 1px solid #ddd;
    margin: 0 20px 40px;
}
.newRegister .productHeader img {
    height: 80px;
    margin-bottom: 10px;
}
.newRegister .productHeader p {
    font-family: 'RobotoBold';
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #80cad9;
    text-transform: uppercase;
    width: 90px;
    margin: 10px auto 15px;
}
.newRegister .caratteristicheProdotto {
    margin: 0 20px;
}
    .newRegister .caratteristicheProdotto li {
        color: #5e6977;
        font-family: 'RobotoBold';
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        padding-left: 30px;
        position: relative;
    }
        .newRegister .caratteristicheProdotto li:before {
            content: '';
            display: block;
            width: 15px;
            height: 15px;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            left: 0;
            top: 4px;
        }
        .newRegister .caratteristicheProdotto li.ok:before {
            background-image: url(../../../Content/img/okIcon.png);
        }
        .newRegister .caratteristicheProdotto li.notOk:before {
            background-image: url(../../../Content/img/noIcon.png);
        }
.newRegister .buttonContainer {
    display: flex;
    justify-content: center;
    margin: 40px auto 0;
    align-items: center;
    text-align: center;
    color: #c9154c;
}
    .newRegister .buttonContainer.between {
        justify-content: space-between;
    }

/* b2b register */

.b2bPackRegister .packCard {
    margin-right: 35px;
    margin-bottom: 0;
}
.b2bPackRegister .packsInfo p:last-child {
    margin-bottom: 0;
}
.b2bPackRegister .step .onIcon, .b2bPackRegister .step.active .offIcon {
    display: none;
}
.b2bPackRegister .step.active .onIcon {
    display: block;
}
.b2bPackRegister .content {
    display: none;
}
.b2bPackRegister .content.visible {
    display: block;
}

.contestGenericTitle {
    font-family: RobotoLight;
    font-size: 42px;
    letter-spacing: 1.8px;
    color: #002a6a;
    width: 50%;
    margin: 0 auto 10px;
}
.contestGenericText {
    font-family: RobotoLight;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.75px;
    color: #393835;
}

.contestRegistrationStep .stepsContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}
    .contestRegistrationStep .stepsContainer .step {
        font-family: RobotoBold;
        font-size: 12px;
        text-align: center;
        color: #8d8d8d;
        text-transform: uppercase;
        width: 90px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 50px;
    }
        .contestRegistrationStep .stepsContainer .step.active {
            color: #002a6a;
        }
        .contestRegistrationStep .stepsContainer .step img {
            height: 25px;
            margin-bottom: 8px;
        }

.contestRegistrationStep .formContainer {
    width: 60%;
    margin: 0 auto;
}
.contestGenericInput {
    width: 100%;
    height: 60px;
    border: solid 1px #e7e5e5;
    padding: 0 15px;
    font-family: RobotoBold;
    font-size: 12px;
    color: #58595b;
}
    .contestGenericInput::placeholder {
        text-transform: uppercase;
        /*color: #58595b;*/
        color: #8d8d8d;
    }
textarea.contestGenericInput {
    padding: 23px 15px;
    height: 145px;
}

/* user side nav */

.userSideNav {
    margin-top: 30px;
    margin-bottom: 25px;
    width: 85%;
}
    .userSideNav li {
        border-top: 1px solid #e7e5e5;
    }
        .userSideNav li > a, .userSideNav li > button {
            padding: 15px 8px 15px 0;
            display: block;
            color: rgba(57, 56, 53, 0.5);
            text-decoration: none;
            letter-spacing: 0.27px;
            font-family: 'RobotoBold';
            text-transform: uppercase;
        }
            .userSideNav li > a > i, .userSideNav li > button > i {
                display: none;
            }
        .userSideNav li.active > a, .userSideNav li.active > button, .userSideNav li:hover > a, .userSideNav li.hover > button {
            color: #393835;
        }
        .userSideNav li.active > a > i, .userSideNav li.active > button > i {
            display: block;
            float: left;
            color: #6fa9b6;
            font-size: 12px;
            margin: 2.4px 15px 0 0;
        }
        .userSideNav li > a > span {
            float: right;
            width: 20px;
            height: 20px;
            background: #80cad9;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            margin-top: -1px;
            color: #061040;
            letter-spacing: 0.23px;
            font-family: 'RobotoBold';
        }

/* header section */
.topBar {
	height: 30px;
	border-bottom: 1px solid #ddd;
	position: relative;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 6;
	background: white;
}

    .topBar .leftSection {
        text-align: left;
    }

        .topBar .leftSection a {
            border: none;
            border-right: 1px solid #ddd;
            height: 100%;
            display: inline-block;
            line-height: 100%;
            padding: 0 20px;
            text-align: center;
            text-transform: uppercase;
            color: #061237;
            background: transparent;
            font-size: 11px;
            margin: 0;
            /*float: left;*/
            line-height: 28px;
        }

    .topBar .rightSection {
        /*float: right;*/
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: 11px;
        padding: 0 30px;
        color: #061237;
        font-weight: 700;
        text-transform: uppercase;
        text-align: right;
    }

        .topBar .rightSection .dropdown button {
            font-size: 11px;
            color: #acacac;
            font-weight: 700;
            text-transform: uppercase;
            border: none;
            background: transparent;
        }

    .topBar .centerSection {
        text-align: center;
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 11px;
        padding: 0 30px;
        color: #acacac;
        font-weight: 700;
        text-transform: uppercase;
    }

.socialIconHeaderContainer a {
    text-decoration: none !important;
    padding: 0 5px;
}

.socialIconHeaderContainer img {
    vertical-align: middle;
    height: 14px;
}

.logoBar {
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	/*transition: height .1s ease-out*/
	position: fixed;
	left: 0;
	right: 0;
	top: 30px;
	background: white;
	z-index: 5;
}

    .logoBar .logo {
        width: 130px;
    }

    .logoBar .customBreadcrumb {
        position: absolute;
        bottom: 15px;
        left: 150px;
        color: #666666;
        text-transform: uppercase;
        font-size: 12px;
    }

    .logoBar .operations {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        color: #aeadad;
    }

.operations a {
    position: relative;
}

    .operations a img {
        margin: 0 15px;
    }

    .operations a .numerino {
        width: 20px;
        height: 20px;
        background: #afccce;
        color: #061237;
        border-radius: 50%;
        line-height: 19px;
        text-align: center;
        font-size: 11px;
        padding: 0;
        position: absolute;
        top: -8px;
        right: 2px;
    }

.mainBar {
	position: fixed;
	top: 140px;
	left: 0;
	right: 0;
	z-index: 4;
}
    .mainBar .nav {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mainBar .nav li {
        width: 20%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .mainBar .nav li a {
            color: white;
            opacity: .5;
            text-transform: uppercase;
            font-size: 16px;
            line-height: 1.3;
            font-family: RobotoBold;
            letter-spacing: 0.67px;
        }

            .mainBar .nav li a:hover, .mainBar .nav li a:focus {
                background: transparent;
                opacity: 1;
                outline: none;
            }

        .mainBar .nav li.active {
            background-image: url('img/menuActive.png');
            background-position: center;
            background-repeat: no-repeat;
        }

            .mainBar .nav li.active a {
                opacity: 1;
            }

.fixedHeader .topBar {
    position: fixed;
    left: 0;
    right: 0;
    background: white;
    z-index: 16;
}
.fixedHeader .logoBar {
    /*height: 0;*/
    display: none;
}
.fixedHeader .mainBar {
    top: 30px!important;
}
.fixedHeader ~ .mainBar.subMenuBar {
	top: 90px!important;
}

.loginFormContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
    color: #061237;
}

    .loginFormContainer .userIcon {
        vertical-align: bottom;
        margin-right: 8px;
    }

    .loginFormContainer input {
        width: 180px;
        font-size: 11px;
        height: 24px;
        padding: 8px;
        border: 1px solid #cccccc;
        color: #061237;
    }

        .loginFormContainer input::placeholder {
            color: #acacac;
        }

    .loginFormContainer .submitButton > button {
        background: transparent;
        border: none;
        font-size: 10px;
        text-transform: uppercase;
        text-decoration: underline;
        padding-right: 0;
    }

    .loginFormContainer .submitButton > i {
        font-size: 9px;
    }

    .loginFormContainer p {
        color: #061237;
        font-size: 11px;
        text-transform: uppercase;
        margin: 6px 0 0 36px;
    }

        .loginFormContainer p > a {
            color: #061237;
            text-decoration: underline;
        }

        .loginFormContainer p > i {
            font-size: 10px;
            margin-left: 8px;
        }

    .loginFormContainer .dropdown-toggle {
        text-transform: uppercase;
        font-size: 11px;
        line-height: 2;
        background: transparent;
        border: none;
    }

/* REGISTER */

.conditions {
    font-size: 13px;
    color: #58595b;
}

    .conditions label {
        width: 13px;
        height: 13px;
        cursor: pointer;
        float: left;
        background: #fafafa;
        border-radius: 50%;
        border: 1px solid #cacaca;
        position: relative;
    }

        .conditions label:after {
            content: '';
            width: 5px;
            height: 5px;
            background: #8a8a8a;
            opacity: 0;
            border-radius: 50%;
            position: absolute;
            top: 3px;
            left: 3px;
        }

    .conditions input[type=checkbox] {
        visibility: hidden;
    }

        .conditions input[type=checkbox]:checked ~ label:after {
            opacity: 1;
        }

    .conditions button {
        background: transparent;
        border: none;
        font-weight: 700;
        text-decoration: underline;
        margin: 0;
        padding: 0;
    }

        .conditions button:focus {
            outline: none;
        }

/* HOME */

.pageHeader.headerHome {
	height: 450px;
}
	.pageHeader.headerHome .container {
		padding-left: 230px;
	}
	.pageHeader.headerHome img {
		height: 312px;
	}

.digitalInformationsContainer {
	margin-top: 80px;
	padding: 0 70px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	.digitalInformationsContainer .informationContainer {
		max-width: 340px;
		width: 40%;
		min-width: 200px;
	}
	.digitalInformationsContainer .intestazione {
		height: 65px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
		.digitalInformationsContainer .intestazione h4 {
			font-family: RobotoBold;
			font-size: 20px;
			font-weight: 600;
			line-height: 24px;
			letter-spacing: 0;
			color: #393835;
			text-transform: uppercase;
			width: 125px;
		}
	.digitalInformationsContainer .informationDescription {
		font-family: RobotoLight;
		font-size: 14px;
		line-height: 24px;
		color: #8d8d8d;
		min-height: 96px;
		margin: 20px 0 15px;
        font-weight: 700;
	}
	.digitalInformationsContainer .actionsContainer {
		display: flex;
		justify-content: space-between;
	}

#faqSection {
	margin: 100px 0;
}
.sectionTitle {
	font-family: RobotoBold;
	font-size: 30px;
	letter-spacing: 0.5px;
	line-height: 30px;
	color: #393835;
	text-transform: uppercase;
	padding-left: 62px;
	margin-bottom: 26px;
}
	#faqSection .genericCard {
		padding: 0 60px 0 30px;
		height: 600px;
	}
		#faqSection .genericCard .row, #faqSection .genericCard .row .col-sm-4, #faqSection .genericCard .row .col-sm-8 {
			height: 100%;
		}
			#faqSection .genericCard .row .col-sm-4, #faqSection .genericCard .row .col-sm-8 {
				padding-top: 65px;
			}
			#faqSection .genericCard .row .col-sm-8 {
				padding-left: 50px;
				border-left: 2px solid rgba(151, 151, 151, 0.4);
			}
#faqSection .faqButton {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding-left: 25px;
	height: 42px;
	background: transparent;
	border: none;
	border-left: 5px solid white;
	font-family: RobotoBold;
	font-size: 16px;
	letter-spacing: 0.27px;
	color: rgba(57, 56, 53, 0.60);
	text-transform: uppercase;
	text-align: left;
	outline: none !important;
	width: 90%;
	line-height: 1.2;
}
	#faqSection .faqButton.active, #faqSection .faqButton:hover {
		color: #393835;
		border-left: 5px solid #f38d07;
	}
#faqSection .faqResponse .title {
	font-family: RobotoBold;
	font-size: 20px;
	letter-spacing: 0.33px;
	color: #393835;
	text-transform: uppercase;
	margin-bottom: 30px;
	width: 280px;
}
.description {
    font-family: RobotoLight;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.23px;
    color: #393835;
    word-break: break-word;
    font-weight: 700;
}

.zipFileSection {
	margin-bottom: 100px;
}
	.zipFileSection .header {
		height: 90px;
		display: flex;
		align-items: center;
	}
		.zipFileSection .header .sectionTitle {
			width: 310px;
			margin: 0;
			padding-left: 30px;
		}
	.zipFileSection .paddingLeft {
		padding-left: 102px;
	}
.zipUploadForm .zipFile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
    .zipUploadForm .zipFile + label {
        width: 380px;
        height: 46px;
        box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.25);
        background-color: #ffffff;
        margin-bottom: 20px;
        cursor: pointer;
        position: relative;
        font-family: Lato;
        font-size: 15px;
        letter-spacing: 0.23px;
        color: #393835;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 22px;
        float: right;
        padding: 0 22px 0 130px;
        float: right;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 700;
    }
		.zipUploadForm .zipFile + label span.etichetta {
			position: absolute;
			left: 0;
			height: 100%;
			background: #1091ab;
			padding: 0 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: RobotoBold;
			color: white;
			font-size: 14px;
			letter-spacing: 0.23px;
			text-transform: uppercase;
			box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.25);
		}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeIn;
	animation-duration: 0.6s;
}

.faqResponse, .teamMember, .operaInfoText {
	display: none;
	opacity: 0;
}

.customCarousel {
	width: 100vw;
	height: 650px;
	background-image: url('img/bgHomeCarousel.jpg');
	background-size: cover;
	position: relative;
	overflow: hidden;
}

    .customCarousel .carouselIndicators {
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

        .customCarousel .carouselIndicators .carouselIndicator {
            width: 10px;
            height: 10px;
            background: transparent;
            border: 1px solid white;
            border-radius: 50%;
            margin: 8px 4px;
            opacity: .5;
            padding: 0;
        }

            .customCarousel .carouselIndicators .carouselIndicator.active {
                background: white;
            }

            .customCarousel .carouselIndicators .carouselIndicator:focus {
                outline: none;
            }

.testoSlider .subTitle {
    position: relative;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
}

.testoSlider .title {
    color: white;
    font-size: 70px;
    position: relative;
    line-height: 1;
    font-family: 'RobotoBold';
}

.orsoImage {
    position: absolute;
    right: 0;
    bottom: -90px;
    height: 120%;
}

.testoOrso {
    position: absolute;
    top: 80px;
    left: 140px;
    padding: 80px 40px;
    width: 650px;
}

    .testoOrso .pennellata {
        position: absolute;
        height: 300px;
        left: -80px;
        top: 0;
    }

.epicImage {
    position: absolute;
    right: -30%;
    bottom: -12%;
    height: 135%;
}

.testoCertificazione {
    position: absolute;
    top: 80px;
    left: 0;
    padding: 80px 0 80px 200px;
    width: 700px;
}

    .testoCertificazione > img {
        position: absolute;
        height: 500px;
        left: -60px;
        top: 0;
    }

.digitalCertificate {
    position: relative;
    padding: 80px 80px 120px;
}

    .digitalCertificate .collegamentoTraSezioni {
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .digitalCertificate .certificateImage {
        float: left;
        width: 150px;
    }

    .digitalCertificate .content {
        display: inline-block;
        width: 60%;
        padding-left: 40px;
    }

        .digitalCertificate .content h1 {
            font-size: 70px;
            text-transform: uppercase;
            line-height: 1;
            font-weight: 700;
            font-family: 'RobotoBold';
            color: #373737;
            margin-bottom: 15px;
            padding-right: 100px;
        }

        .digitalCertificate .content p {
            color: #333132;
            line-height: 1.7;
            font-size: 17px;
        }

        .digitalCertificate .content a {
            margin: 15px 15px 15px 0;
        }

    .digitalCertificate .genericCard {
        padding: 0;
    }
    .digitalCertificate .row {
        padding: 40px 90px 25px;
    }
    .digitalCertificate .form-group h3 {
        font-family: 'RobotoBold';
        font-size: 36px;
        letter-spacing: 0.6px;
        color: #393835;
        margin-top: 15px;
    }
    .digitalCertificate .genericInput {
        width: 220px;
        height: 59px;
        border: 1px solid rgba(151, 151, 151, 0.5);
        letter-spacing: 0.6px;
        color: #1d4c81;
        font-size: 36px;
        font-family: 'RobotoBold';
        padding: 0 20px;
    }
    .digitalCertificate .metodiPagamento {
        border-top: 1px solid rgba(151, 151, 151, 0.5);
    }
        .digitalCertificate .metodiPagamento .scelteMetodo {
            margin-top: 15px;
        }
            .digitalCertificate .metodiPagamento .scelteMetodo input[type="radio"] {
                margin: 0;
            }
            .digitalCertificate .metodiPagamento .scelteMetodo img {
                height: 32px;
                vertical-align: middle;
            }
            .digitalCertificate .metodiPagamento .scelteMetodo span {
                font-family: 'RobotoBold';
                font-size: 16px;
                letter-spacing: 0.3px;
                color: #393835;
                text-transform: uppercase;
                margin-left: 6px;
            }
        .digitalCertificate .metodiPagamento .genericButton {
            margin-top: 27px;
            float: right;
        }

        .brandNew {
            background: #f0f0f0;
            margin-top: 380px;
        }

    .brandNew > .container > .row {
        margin-top: -335px;
        margin-bottom: 50px;
    }

.topWeek {
    width: 100%;
    max-width: 235px;
    background: white;
    padding: 15px;
    margin: 15px 0;
    border-top: 6px solid #cccccc;
}

    .topWeek .intestazione {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

        .topWeek .intestazione .topWeekTitle {
            margin-left: 15px;
            text-transform: uppercase;
            color: #6c6c6c;
            line-height: 1.3;
        }

    .topWeek .immagine {
        width: 100%;
        height: 120px;
        background-image: url('img/bgHomeCarousel.jpg');
        background-size: cover;
        margin-bottom: 15px;
    }

    .topWeek .winnerName {
        font-weight: 700;
        color: #58595b;
        margin-bottom: 15px;
        width: 70%;
    }

    .topWeek .luogo {
        color: #58595b;
        font-size: 14px;
        margin-bottom: 15px;
        width: 70%;
        line-height: 1;
        display: block;
        display: -webkit-box;
        height: 42px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .topWeek button {
        margin: 0 auto;
    }

.mostViewed {
    padding: 80px 0 70px;
}

    .mostViewed .dividerTitle {
        margin-bottom: 80px;
    }

/* arts */

.artsCover {
    /*background-image: url('img/artsCover.jpg');*/
    background-image: url('img/artsCover300.jpg');
    height: 500px;
}

.photographyCover {
    /*background-image: url('img/photographyCover.jpg');*/
    background-image: url('img/photographyCover300.jpg');
    height: 500px;
}

.sculptureCover {
    /*background-image: url('img/sculptureCover.jpg');*/
    background-image: url('img/sculptureCover300.jpg');
    height: 500px;
}

.testoPaintings {
    /*position: absolute;
    top: 80px;
    left: 140px;
    padding: 250px 40px;
    width: 650px;*/
}

    .testoPaintings .container {
        padding: 220px 95px 0;
    }

    .testoPaintings .pennellata {
        position: absolute;
        left: -80px;
        top: 80px;
    }

.sizeVisualization {
    font-size: 14px;
    margin-top: -4px;
    color: #666666;
}

    .sizeVisualization button {
        background: #b6b6b6;
        border-radius: 4px;
        border: 1px solid #b6b6b6;
        margin: 0 2px;
    }

        .sizeVisualization button.active {
            background: #58595b;
            border-radius: 4px;
            border: 1px solid #58595b;
        }

    .sizeVisualization .visualizzazionePiccola {
        width: 18px;
        height: 18px;
        margin-left: 15px;
    }

    .sizeVisualization .visualizzazioneGrande {
        width: 25px;
        height: 25px;
    }


.mobileFilters {
    display: none;
}

.filterResultsContainer {
    padding: 50px 0 60px;
}
.filterSection button.filterTitle {
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    position: relative;
    outline: none !important;
    margin-bottom: 15px;
}
.filterSection h4, .filterSection span {
    font-family: 'RobotoBold';
    text-transform: uppercase;
    color: #393835;
    font-size: 16px;
}
.filterSection span {
    position: absolute;
    right: 16px;
    top: 0;
    letter-spacing: 0.3px;
}
.filterSection button.filterTitle span.collapseClosedIcon {
    display: none;
}
.filterSection button.filterTitle span.collapseOpenedIcon {
    display: block;
}
.filterSection button.filterTitle.collapsed span.collapseClosedIcon {
    display: block;
}
.filterSection button.filterTitle.collapsed span.collapseOpenedIcon {
    display: none;
}
.filterSection .filterContainer {
    margin: 9px 0 40px;
    max-height: 236px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
}
    .filterSection .filterContainer::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent;
    }
    .filterSection .filterContainer::-webkit-scrollbar {
        width: 6px;
        background-color: transparent;
    }
    .filterSection .filterContainer::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #dcdcdf;
    }
    .filterSection .filterContainer .filter {
        padding: 10px 8px;
        text-transform: capitalize;
        color: #58595b;
        font-size: 12px;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-right: 60px;
    }
        .filterSection .filterContainer .filter label {
            cursor: pointer;
            width: 100%;
        }
        .filterSection .filterContainer .filter input {
            width: 14px;
            height: 14px;
            float: left;
            margin: 0 10px 0 0;
        }
        .filterSection .filterContainer .filter span {
            font-family: 'RobotoBold';
            font-size: 13px;
            line-height: 2.7;
            position: absolute;
            right: 0;
        }
.filterActionContainer {
    display: flex;
    margin: 30px 0 10px;
    justify-content: space-between;
}
    .filterActionContainer .genericButton {
        width: 48%;
    }

.searchInputContainer {
    width: calc(100% - 24px);
    position: relative;
}
    .searchInputContainer img {
        position: absolute;
        left: 6px;
        top: 4px;
    }
    .searchInputContainer .searchInput {
        border: none;
        border-bottom: 1px solid rgba(151, 151, 151, 0.51);
        width: 100%;
        margin: 0 6px 20px;
        padding-bottom: 10px;
        text-align: right;
        font-family: RobotoBold;
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #393835;
        padding-left: 25px;
        outline: none !important;
    }
        .searchInputContainer .searchInput::placeholder {
            color: #393835;
        }

.archiveFilters {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 35px;
}
    .archiveFilters .searchInputContainer {
        width: auto;
    }
        .archiveFilters .searchInputContainer .searchInput {
            margin: 0;
        }
    .archiveFilters .form-group {
        margin: 0;
    }
        .archiveFilters .form-group label {
            font-family: RobotoLight;
            font-size: 14px;
            margin-bottom: 8px;
        }
    .archiveFilters .genericButton.withRightArrow {
        padding: 0 15px;
        height: 33px;
    }

/* opera detail */

.title {
    color: #58595b;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'RobotoBold';
}

.augmentedReality {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 30px;
}
    .augmentedReality > div {
        width: 50%;
        flex-shrink: 0;
    }
    .augmentedReality .info {
        height: auto!important;
        display: block;
    }
    .augmentedReality .subTitle {
        font-family: Roboto;
        font-size: 14px;
        text-decoration: underline;
        text-transform: uppercase;
        margin: 5px 0 0;
    }
    .augmentedReality .qrCode img {
        width: 180px;
    }

.operaImagesContainer {
    position: relative;
    height: 65vh;
    overflow: hidden;
    background: white;
    text-align: center;
    overflow-x: auto;
    border-bottom: 1px solid #d5d5d5;
}

    .operaImagesContainer .anteprimaImmaginiContainer {
        position: absolute;
        width: 80px;
        left: 0;
        padding: 40px 0;
        background: #f8f8f8;
        height: 49vh;
        top: 8vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .operaImagesContainer .anteprimaImmaginiContainer .anteprima {
            width: 85%;
            height: 45px;
            background-size: cover;
            cursor: pointer;
            border-radius: 8px;
            margin: 10px 0;
        }

            .operaImagesContainer .anteprimaImmaginiContainer .anteprima.active {
                border: 3px solid #f79638;
            }

.genericCard.author {
    padding: 20px;
    height: 100%;
}
.authorImg {
    width: 110px;
    height: 110px;
    background: #dfdfdf;
    border-radius: 50%;
    position: relative;
    background-size: cover;
    background-position: center;
    margin: 0 auto 25px;
    background-repeat: no-repeat;
}
    .authorImg > img {
        position: absolute;
        right: -15px;
        bottom: -8px;
        height: 60px;
    }
.authorName {
    font-family: RobotoLight;
    color: #393835;
    font-size: 16px;
    margin-bottom: 8px;
    text-transform: capitalize;
    letter-spacing: 0.27px;
}
.authorInfo {
    font-family: RobotoBold;
    color: #393835;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}
.authorDescription {
    margin: 20px 20px 20px 0;
    display: -webkit-box;
    height: 196px;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.opereArtista {
    background: #f8f8f8;
    margin: 0;
    height: 146px;
    margin-bottom: 15px;
}

    .opereArtista .col-xs-7 {
        height: 100%;
    }

    .opereArtista .col-xs-5 {
        background-color: #a7ddc2;
        background-size: cover;
        background-position: center;
        height: 100%;
    }

    .opereArtista .col-xs-6:first-child {
        background-color: #a7ddc2;
        background-size: cover;
        background-position: center;
        height: 100%;
    }

    .opereArtista .operaCorrelataInfo {
        padding: 13px 0;
    }

        .opereArtista .operaCorrelataInfo p {
            font-size: 10px;
            margin: 5px 0 20px;
        }

        .opereArtista .operaCorrelataInfo h4 {
            color: #58595b;
            font-family: LoraRegular;
            font-size: 17px;
            text-transform: capitalize;
            display: block;
            display: -webkit-box;
            height: 37px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            margin-bottom: 8px;
        }

        .opereArtista .operaCorrelataInfo h5 {
            color: #58595b;
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 700;
            position: relative;
            margin-bottom: 7px;
        }

            .opereArtista .operaCorrelataInfo h5 > span {
                font-size: 9px;
                float: right;
                margin-top: -3px;
            }

        .opereArtista .operaCorrelataInfo a {
            width: 100%;
            padding: 0 6px;
            text-align: left;
        }

.genericCard.operaInfo {
    padding: 20px;
    position: relative;
}
.operaInfo .favouriteIcon {
    position: absolute;
    right: 20px;
    cursor: pointer;
    z-index: 2;
}
.operaInfo .shareButton {
    position: absolute;
    right: 70px;
    cursor: pointer;
    z-index: 2;
    top: 23px;
}
.operaInfo .info {
    font-family: RobotoBold;
    letter-spacing: 0.3px;
    color: #393835;
    font-size: 27px;
    text-transform: uppercase;
    display: -webkit-box;
    height: 84px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .operaInfo .info span.euro {
        margin-right: 4px;
    }
    .operaInfo .filterActionContainer {
        margin: 5px 0;
    }
.infosContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
    .infosContainer h4 {
        font-family: RobotoBold;
        letter-spacing: 0.3px;
        color: #393835;
        font-size: 16px;
    }

.buyButton {
    border: 2px solid #666666;
    background: #f79638;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    height: 34px;
    float: right;
    width: 165px;
    text-align: left;
    padding: 0 15px;
    display: flex;
    align-items: center;
}

.operaDetail {
    padding: 0;
    margin-top: 20px;
    /*min-height: calc(100% - 191px);*/
}
    .operaDetail .downloadCertificatesSection {
        padding: 25px 5px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.3);
        margin: 0;
    }
    .operaDetail .downloadCertificate {
        height: 40px;
        display: flex;
        align-items: center;
    }
        .operaDetail .downloadCertificate > img {
            height: 40px;
            width: auto;
            margin-right: 10px;
        }
        .operaDetail .downloadCertificate h2 {
            white-space: nowrap;
            display: inline-block;
            font-family: RobotoBold;
            font-size: 18px;
            text-decoration: underline;
            line-height: 1.4;
            text-transform: uppercase;
        }
        .operaDetail .downloadCertificate h3 {
            font-family: Roboto;
            font-size: 14px;
            text-decoration: underline;
            text-transform: uppercase;
        }

.operaInfoCard {
    margin: 0;
    padding: 40px 55px 20px 5px;
}
    .operaInfoCard .operaInfoButton {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        padding-left: 25px;
        height: 42px;
        background: transparent;
        border: none;
        border-left: 5px solid white;
        font-family: RobotoBold;
        font-size: 16px;
        letter-spacing: 0.27px;
        color: rgba(57, 56, 53, 0.60);
        text-transform: uppercase;
        text-align: left;
        outline: none !important;
        width: 84%;
        line-height: 1.2;
    }
        .operaInfoCard .operaInfoButton.active, .operaInfoCard .operaInfoButton:hover {
            color: #393835;
            border-left: 5px solid #f38d07;
        }


/* author detail */

.opacitySovrapposition {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.75);
}

.operaBgImage {
    height: 300px;
    background: #061237;
    position: relative;
    background-size: cover;
    background-position: center;
}

    .operaBgImage > .container {
        height: 100%;
    }

    .operaBgImage .authorImage {
        position: absolute;
        width: 230px;
        height: 230px;
        background: #9ac2cc;
        border-radius: 50%;
        bottom: -10px;
        background-size: cover;
        background-position: center;
    }

        .operaBgImage .authorImage > img {
            position: absolute;
            right: -10px;
            bottom: -6px;
        }

    .operaBgImage .authorDataResume {
        position: absolute;
        bottom: 60px;
        left: 0;
        right: 0;
        margin: auto;
        width: 35%;
        color: #58595b;
    }

        .operaBgImage .authorDataResume > h1 {
            font-family: Roboto;
            font-size: 41px;
            line-height: 1.3;
            text-transform: capitalize;
        }

        .operaBgImage .authorDataResume > p {
            font-family: 'RobotoBold';
            text-transform: uppercase;
            margin-bottom: 6px;
        }

        .operaBgImage .authorDataResume .website {
            margin-top: 25px;
            font-size: 14px;
        }

            .operaBgImage .authorDataResume .website > img {
                width: 14px;
                float: left;
                margin: 3px 10px 16px 0;
            }

            .operaBgImage .authorDataResume .website > span {
                color: #58595b;
                line-height: 1.3;
            }

            .operaBgImage .authorDataResume .website > a {
                display: block;
                color: #061237;
                text-decoration: underline;
                margin-left: 21px;
            }

    .operaBgImage .socialLinks {
        position: absolute;
        right: 0;
        bottom: 40px;
        height: 22px;
        display: flex;
        align-items: center;
    }

        .operaBgImage .socialLinks a {
            margin: 0 10px;
            text-decoration: none;
        }

.authorSections {
    padding: 60px 0 80px;
}

.personalAreaHeader {
    font-family: 'RobotoBold';
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #393835;
    text-transform: uppercase;
    padding-bottom: 14px;
    border-bottom: 1px solid #e7e5e5;
    margin-bottom: 47px;
}

.tabs {
    display: flex;
    border-bottom: 1px solid #e7e5e5;
}
    .tabs .tabsButton {
        background: transparent;
        border: none;
        padding: 0 0 15px 0;
        position: relative;
        font-family: 'RobotoBold';
        color: #393835;
        margin: 0 80px 0 0;
        white-space: nowrap;
        opacity: .5;
        text-transform: uppercase;
        font-size: 14px;
    }
        .tabs .tabsButton.active, .tabs .tabsButton:hover {
            opacity: 1;
        }
        .tabs .tabsButton:focus {
            outline: none;
        }
.tabsContent {
    display: none;
}

.authorSections .tabsContent .testo {
    padding-right: 80px;
    color: #333132;
    font-family: inherit;
    margin-top: 0;
}

.galleryResumeContainer {
    border-bottom: 1px solid #e9eff4;
    padding: 15px 0;
}

    .galleryResumeContainer:first-child {
        border-top: 1px solid #e9eff4;
    }

    .galleryResumeContainer .logoGallery {
        border: 1px solid #bbbbbb;
        height: 55px;
        border-radius: 9px;
        width: 80%;
        margin: 0 auto;
        background-size: auto 75%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .galleryResumeContainer .infoGallery {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .galleryResumeContainer .infoGallery h2 {
            font-family: 'RobotoBold';
            text-transform: uppercase;
            font-size: 20px;
            margin-bottom: 8px;
            color: #323c47;
        }

        .galleryResumeContainer .infoGallery p {
            color: #58595b;
        }

    .galleryResumeContainer .visitGalleryButton {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .galleryResumeContainer .visitGalleryButton > button {
            width: 90%;
        }

/* user works */

.sorryMessage {
    color: #58595b;
    font-family: 'RobotoBold';
}

.listaOpereUtente {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 100px;
    clear: both;
}



    .listaOpereUtente > div, .listaOpereUtente .imgContainer {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        float: left;
    }

    .listaOpereUtente .imgContainer {
        width: 70px;
        height: 70px;
        background: #82b5c0;
        margin: 14px 10px;
        border-radius: 8px;
        background-size: cover;
        background-position: center;
    }

    .listaOpereUtente > .detail {
        margin-left: 15px;
        width: 45%;
        width: 30%;
    }

        .listaOpereUtente > .detail > p {
            font-family: Roboto;
            color: #58595b;
            text-transform: capitalize;
        }

        .listaOpereUtente > .detail > h2 {
            font-family: 'RobotoBold';
            text-transform: uppercase;
            color: #323c47;
            margin: 4px 0;
            max-height: 35px;
            overflow: hidden;
            max-width: 95%;
        }

 .listaOpereUtente > .detail > .a {
    font-family: 'RobotoBold';
    text-transform: uppercase;
    color: #323c47;
    margin: 4px 0;
    max-height: 35px;
    overflow: hidden;
    max-width: 95%;
}

.listaOpereUtente > .detail > span {
    color: #333132;
    font-size: 12px;
}

/*.listaOpereUtente > .price {
        margin-right: 30px; fa schifo al cazzo 
        width: 20%;
    }*/

.listaOpereUtente > .price p {
    color: #82b5c0;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    font-size: 13px;
    margin-bottom: 10px;
}

.listaOpereUtente > .price h3 {
    color: #323c47;
    font-family: 'RobotoBold';
    font-size: 17px;
    display: inline-block;
    position: relative;
    line-height: 1.2;
}

    .listaOpereUtente > .price h3 > span {
        position: absolute;
        font-size: 10px;
    }

.listaOpereUtente > .changePrice {
    width: calc(55% - 200px);
    font-size: 11px;
    color: #58595b;
    text-align: center;
}

.legendaStatiOpera {
    width: 35%;
    margin: 0 auto 30px;
}

    .legendaStatiOpera div {
        display: inline-block;
    }

    .legendaStatiOpera li {
        margin-bottom: 12px;
    }

    .legendaStatiOpera span {
        margin-left: 30px;
    }

.palliniStatoWorkList {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 0 auto 4px;
}
    .palliniStatoWorkList.Certificata {
        background-color: blue;
    }
    .palliniStatoWorkList.NonCertificata {
        background-color: darkgrey;
    }
    .palliniStatoWorkList.PendingRequest {
        background-color: orange;
    }
    .palliniStatoWorkList.InviataPerCertificazione {
        background-color: cornflowerblue;
    }
    .palliniStatoWorkList.PubblicataSulMarket {
        background-color: green;
    }
    .palliniStatoWorkList.CertificatoRifiutato {
        background-color: red;
    }
    .palliniStatoWorkList.NewVersion {
        background-color: black;
    }

/* messages modal */
.messagesModal .modal-dialog {
    width: 340px;
    height: 520px;
}

    .messagesModal .modal-dialog .modal-content {
        width: 100%;
        height: 100%;
        padding: 51px 15px 60px;
        overflow: hidden;
        overflow-y: auto;
    }

        .messagesModal .modal-dialog .modal-content::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .messagesModal .modal-dialog .modal-content::-webkit-scrollbar {
            width: 6px;
            background-color: transparent;
        }

        .messagesModal .modal-dialog .modal-content::-webkit-scrollbar-thumb {
            background-color: #7fb3be;
        }

.intestazioneChat {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 44px;
    background: #061237;
    color: white;
    font-size: 14px;
    line-height: 43px;
    font-family: LoraRegular;
}

.message {
    width: 80%;
    background: rgba(128, 180, 191, 0.21);
    border-radius: 8px;
    padding: 8px;
    font-size: 14px;
    text-align: left;
    line-height: 1.2;
    color: #373737;
    margin-bottom: 8px;
    clear: both;
    white-space: initial;
}

    .message.right {
        background: rgba(255, 255, 0, 0.51);
        float: right;
    }

    .message .messageInfo {
        float: right;
        font-size: 9px;
        line-height: 3;
    }

        .message .messageInfo > img {
            width: 10px;
        }

.sendMessageForm {
    clear: both;
    position: fixed;
    bottom: 0;
    left: 1px;
    right: 1px;
}

    .sendMessageForm textarea {
        padding-right: 55px;
        border-radius: 0;
    }

    .sendMessageForm button {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        background: #061237;
        border: 1px solid #061237;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .sendMessageForm button > img {
            width: 70%;
            margin: 0;
        }

/* artists */

.alfabetoContainer button {
    color: #b8b8b8;
    margin: 0 3px 0 0;
    font-family: 'RobotoBold';
    background: transparent;
    border: none;
    outline: none !important;
}

    .alfabetoContainer button.active {
        /*background: #58595b;
        border: 1px solid #58595b;
        color: white;
        border-radius: 50px;
        width: 30px;
        height: 30px;
        display: inline-block;
        line-height: 28px;
        text-align: center;*/
        color: #393835;
    }

.genericHeaderImage .alfabetoContainer button {
    margin: 0 15px 0 0;
}

    .genericHeaderImage .alfabetoContainer button.active {
        border: 1px solid white;
        background: transparent;
    }

.authorResume {
    width: 100%;
    background: #fafafa;
    margin-bottom: 15px;
    min-height: 285px;
}

    .authorResume .authorOperaImage {
        height: 130px;
        background: #dfdfdf;
        position: relative;
        background-size: cover;
        background-position: center;
    }

        .authorResume .authorOperaImage > p {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.60);
            padding: 5px 20px;
            color: white;
            text-align: right;
        }

        .authorResume .authorOperaImage > .authorImageContainer {
            width: 100px;
            height: 100px;
            border: 5px solid white;
            position: absolute;
            bottom: -38px;
            border-radius: 50%;
            background-size: cover;
            background-position: center;
            background-color: #dfdfdf;
            left: -2px;
        }

.introductionParagraph {
    padding: 40px 20px 0;
    text-align: center;
}
    .introductionParagraph .description {
        width: 60%;
        margin: 0 auto;
        font-size: 18px;
    }
.bannerArchive {
    margin: 30px 0 15px;
}
    .bannerArchive img {
        width: 100%;
    }
.bannerLandingArtist {
    margin: 30px 0 15px;
}
    .bannerLandingArtist img {
        height: 320px;
    }
.filterResultsContainer .bannerLandingArtist img {
    width: 100%;
    height: auto;
}

/* galleries */

.galleryImg {
    margin-bottom: 25px;
    width: 100%;
    height: 150px;
    background-size: cover;
    background-color: #80b3bf;
    position: relative;
    background-position: center;
}

.galleryName {
    font-size: 21px;
    text-transform: capitalize;
    font-family: 'RobotoBold';
    padding-right: 30%;
    color: #58595b;
    margin-bottom: 8px;
}

.galleryPlace {
    font-size: 16px;
    padding-right: 30%;
    line-height: 1.3;
    color: #58595b;
}

/* archivio */

.archivePage .header {
    height: 527px;
    width: 100%;
    background-image: url(./img/archivio/archivioHeader.png);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
    .archivePage .header .container {
        margin-top: -40px;
    }
    .archivePage .header h1 {
        font-family: RobotoBlack;
        font-size: 80px;
        line-height: 70px;
        letter-spacing: -5px;
        color: white;
        text-transform: uppercase;
    }
    .archivePage .header h2 {
        font-family: RobotoBlack;
        font-size: 30px;
        line-height: 70px;
        letter-spacing: -1.88px;
        color: #80CAD9;
        text-transform: uppercase;
    }
    .archivePage .header p {
        font-family: Roboto;
        font-size: 20px;
        line-height: 26px;
        color: rgba(255, 255, 255, 0.7);
        width: 70%;
    }
    .archivePage .header .genericButton {
        border: 2px solid white;
        color: white;
        padding-left: 8px;
        margin-top: 20px;
        width: 200px;
    }
.archivePage .cardsContainer {
    margin: -60px 0 15px;
}
    .archivePage .cardsContainer .container {
        display: flex;
        justify-content: center;
    }
    .archivePage .cardsContainer .genericCard {
        padding: 30px 80px;
        min-height: 560px;
        max-width: 460px;
        margin: 0 15px;
    }
        .archivePage .cardsContainer .genericCard .imageContainer {
            width: 100%;
            height: 150px;
            margin-bottom: 20px;
            background-size: cover;
            background-position: center;
        }
        .archivePage .cardsContainer .genericCard h3 {
            font-family: RobotoBold;
            font-size: 20px;
            line-height: 21px;
            color: #393835;
            margin-bottom: 20px;
            text-transform: uppercase;
        }
        .archivePage .cardsContainer .genericCard p {
            font-family: Roboto;
            font-size: 14px;
            line-height: 18px;
            color: #8D8D8D;
            margin-bottom: 30px;
        }
.archivePage .archiveInfos, .stoStokrPage .stoStokrPageInfos {
    padding: 60px 0 75px;
    text-align: center;
}
    .archivePage .archiveInfos h3, .archivePage .entraNelMondo h3, .stoStokrPage .stoStokrPageInfos h3 {
        font-family: RobotoBlack;
        font-size: 30px;
        line-height: 70px;
        letter-spacing: -1.88px;
        color: #393835;
        text-transform: uppercase;
        margin-bottom: 70px;
    }
    .archivePage .archiveInfos .infoBlocksContainer {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .archivePage .archiveInfos .infoBlock {
        margin: 0 30px 40px;
        width: 302px;
        flex-shrink: 0;
    }
        .archivePage .archiveInfos .infoBlock h4 {
            font-family: RobotoBlack;
            font-size: 20px;
            line-height: 1.2;
            letter-spacing: -1.25px;
            color: #393835;
            text-transform: uppercase;
            margin: 20px 0;
        }
        .archivePage .archiveInfos .infoBlock p, .stoStokrPage .stoStokrPageInfos p {
            font-family: Roboto;
            font-size: 14px;
            line-height: 18px;
            color: #8D8D8D;
            width: 80%;
            margin: 0 auto;
        }
    .archivePage .archiveInfos.blueBg {
        background: #061040;
    }
        .archivePage .archiveInfos.blueBg h3, .archivePage .archiveInfos.blueBg .infoBlock p {
            color: white;
        }
        .archivePage .archiveInfos.blueBg .infoBlock h4 {
            color: #80CAD9;
        }
.archivePage .entraNelMondo {
    padding: 80px 0;
    text-align: center;
}
    .archivePage .entraNelMondo .logo {
        width: 180px;
        margin: 0 auto 18px;
    }
    .archivePage .entraNelMondo h3 {
        margin-bottom: 18px;
        line-height: 1.2;
        font-size: 44px;
    }
    .archivePage .entraNelMondo h4 {
        font-family: RobotoBold;
        font-size: 27px;
        letter-spacing: -1.25px;
        color: #F38D07;
        margin-bottom: 30px;
    }
    .archivePage .entraNelMondo .genericButton {
        margin: 0 auto 25px;
        padding-left: 10px;
        width: 200px;
        height: 50px;
    }
    .archivePage .asteriscInfo {
        display: block;
        text-align: center;
        color: black;
        margin-bottom: 50px;
    }
    .archivePage .entraNelMondo .majorInfo {
        font-family: Roboto;
        font-size: 16px;
        color: #8D8D8D;
    }
        .archivePage .entraNelMondo .majorInfo > a {
            font-family: RobotoMedium;
            color: #061040;
        }
.archivePage .faqSection {
    margin: 0!important;
    padding: 100px 0;
    background: #F4F4F4;
}
    .archivePage .faqSection .genericCard {
        height: 415px!important;
    }
    .archivePage .faqSection .faqButton {
        height: 80px !important;
    }
        .archivePage .faqSection .faqResponse .title {
            width: 80% !important;
            margin-top: 10px !important;
        }

.archivePage .landingArtistInfos {
    padding: 60px 0;
    text-align: center;
}
    .archivePage .landingArtistInfos.blueBg {
        background: #061040;
    }
    .archivePage .landingArtistInfos h3 {
        font-family: RobotoBlack;
        font-size: 30px;
        line-height: 70px;
        letter-spacing: -1.88px;
        color: #393835;
        text-transform: uppercase;
        margin-bottom: 15px;
    }
    .archivePage .landingArtistInfos p {
        font-family: Roboto;
        font-size: 18px;
        line-height: 24px;
        color: #8D8D8D;
        width: 90%;
        margin: 0 auto 20px;
    }
    .archivePage .landingArtistInfos.blueBg h3, .archivePage .landingArtistInfos.blueBg p {
        color: white;
    }
    .archivePage .landingArtistInfos.blueBg a {
        color: #F38D07;
    }
    .archivePage .imageContainer {
        height: 250px;
        width: 90%;
        margin: 0 auto 30px;
        background: grey;
        background-position: center;
        background-size: cover;
    }

/* STO STOKR */

.stoStokrPage .header {
    height: 350px;
    width: 100%;
    background-image: url(./img/stoPageHeader.jpg);
    background-size: 1200px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1e1e1e;
    position: relative;
}
    .stoStokrPage .header .overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(6, 18, 55, 0.4);
    }
.stoStokrPage .stoStokrPageInfos h3 {
    margin-bottom: 5px;
}
.stoStokrPage .stoStokrPageInfos .securityTokenIcon {
    height: 108px;
}
.stoStokrPage .stoStokrPageInfos.secondBlock h3 {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 50px;
}
.stoStokrPage .yellowBg {
    background: #fff5cb;
    padding: 40px 15px;
    margin-bottom: 30px;
    text-align: center;
}
    .stoStokrPage .yellowBg label {
        display: block;
        margin: 0 0 5px;
        font-family: Roboto;
        font-size: 15px;
        color: #393835;
    }
.partnership .partner label {
    display: block;
    margin: 0 0 8px;
    font-family: RobotoMedium;
    font-size: 14px;
    color: #393835;
    text-transform: uppercase;
}
.stoStokrPageInfos.partnership p {
    font-size: 12px;
    margin-top: 15px;
}
.stoStokrPage.landingPage .stoStokrPageInfos .descriptionTitle {
    font-size: 24px;
    line-height: 27px;
    width: 60%;
    margin-bottom: 40px;
}
.stoStokrPage .formContainer {
    padding: 40px 0;
    width: 50%;
    margin: 0 auto;
}
    .stoStokrPage .formContainer .buttonContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 45px;
    }
        .stoStokrPage .formContainer .buttonContainer .genericButton {
            height: 40px !important;
            width: 144px !important;
            background: #061237 !important;
            border-radius: 0 !important;
            border: 1px solid #061237 !important;
            color: white !important;
            justify-content: center;
            padding: 12px 8px;
        }
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    background-color: transparent!important;
    position: absolute;
    font-weight: 700!important;
    margin: 8px!important;
    padding: 0!important;
}
#mc_embed_signup .mc-field-group {
    padding-bottom: 0!important;
    min-height: 34px!important;
}
.stoStokrPage.landingPage .partnership {
    padding-top: 0;
}

.tokenAmounts {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 40px;
}
    .tokenAmounts > div {
        margin: 0 30px;
    }
    .tokenAmounts .labelTitle .bar {
        margin: 9px auto 0;
        width: 40px;
    }
    .tokenAmounts .info {
        font-family: RobotoBold;
        letter-spacing: 0.3px;
        font-size: 27px;
        text-transform: uppercase;
    }
.balanceLow p {
    font-family: Roboto;
    font-size: 16px;
    line-height: 18px;
    color: #8D8D8D;
    width: 80%;
    margin: 0 auto 30px;
    text-align: center;
}
.balanceLow .genericButton {
    margin: 0 auto;
    padding-left: 8px;
}

/* team */

.pageHeader.headerTeam {
    background-image: radial-gradient(circle at 99% 1%, #542c92, #5e2264 42%, #351938);
}

#teamCardsSection {
    margin: 0 0 60px 0;
}
    #teamCardsSection .sectionTitle {
        width: 215px;
        margin-top: 60px;
    }
    #teamCardsSection .genericCard {
        padding: 0 60px 23px 30px;
    }
        #teamCardsSection .genericCard .row, #teamCardsSection .genericCard .row .col-sm-4, #teamCardsSection .genericCard .row .col-sm-6 {
            height: 100%;
        }
            #teamCardsSection .genericCard .row .col-sm-4, #teamCardsSection .genericCard .row .col-sm-6 {
                padding-top: 65px;
            }
            #teamCardsSection .genericCard .row .col-sm-6 {
                padding-left: 50px;
            }
    #teamCardsSection .teamMemberButton {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        padding-left: 25px;
        height: 42px;
        background: transparent;
        border: none;
        border-left: 5px solid white;
        font-size: 16px;
        letter-spacing: 0.27px;
        color: rgba(57, 56, 53, 0.60);
        text-align: left;
        outline: none !important;
        width: 84%;
    }
        #teamCardsSection .teamMemberButton h5 {
            font-family: RobotoBold;
            line-height: 1.4;
            text-transform: uppercase;
        }
        #teamCardsSection .teamMemberButton p {
            font-family: Roboto;
            font-weight: 500;
            color: #84d2b6;
        }
        #teamCardsSection .teamMemberButton.active, #teamCardsSection .teamMemberButton:hover {
            color: #393835;
            border-left: 5px solid #f38d07;
        }
    #teamCardsSection .imageContainer {
        position: relative;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        margin-bottom: 8px;
        background-size: cover;
    }
        #teamCardsSection .imageContainer img {
            position: absolute;
            height: 45px;
            right: -9px;
            bottom: -5px;
        }
    #teamCardsSection .principalData {
        margin: 32px 0 11px;
    }
        #teamCardsSection .principalData h2 {
            font-family: Roboto;
            font-weight: 500;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: 0;
            color: #393835;
            text-transform: uppercase;
            line-height: 1.4;
        }
        #teamCardsSection .principalData h4 {
            font-family: Roboto;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0;
            color: #84d2b6;
        }
    #teamCardsSection .description {
        color: #8d8d8d;
        margin-bottom: 42px;
    }

.membersContainer {
    width: 100%;
    margin: 0 0 25px 0;
    padding: 15px;
    text-align: center;
    height: 100%;
}

    .membersContainer:first-child {
        padding-top: 40px;
    }

    .membersContainer .membersRole {
        color: #78818f;
        padding-bottom: 8px;
        border-bottom: 2px solid #e4e4e4;
        margin-bottom: 25px;
        font-size: 17px;
    }

    .membersContainer p {
        color: #192a44;
        font-size: 14px;
        margin: 8px 0 12px;
    }

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.membersContainer .imageContainer {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 8px;
    background-size: cover;
}

    .membersContainer .imageContainer img {
        position: absolute;
        height: 60px;
        right: -9px;
        bottom: -5px;
    }

.membersContainer p.descrizione {
    color: #808080;
    font-size: 13px;
    line-height: 1.8;
    margin-top: 12px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.imgPreviewContainer {
    height: 200px;
    margin: 8px 0 45px;
    position: relative;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .imgPreviewContainer > img {
        height: 100%;
    }

    .imgPreviewContainer a {
        position: absolute;
        top: 0;
        color: white;
        width: 25px;
        height: 25px;
        font-size: 12px;
        text-align: center;
        padding: 4px;
    }

    .imgPreviewContainer .downloadButton {
        background: #061237;
        right: 25px;
    }

    .imgPreviewContainer .deleteButton {
        background: red;
        right: 0;
    }

/* events */

.pageHeader.headerEvents {
    background-image: radial-gradient(circle at 99% 1%, #84d2b6, #1091ab);
}

.events .container {
    padding: 80px 95px 120px;
}
.events .videoTitle {
    font-family: Roboto;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    color: #393835;
    text-transform: uppercase;
    line-height: 1.4;
}
.events .videoInfo {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    color: #84d2b6;
}
.events .videoContainer {
    margin-top: 30px;
}
    .events .videoContainer iframe {
        width: 100%;
        height: 474px;
    }

/* packs */

.packsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
    flex-wrap: wrap;
}
.packCard {
    width: 24%;
    min-width: 274px;
    flex-shrink: 0;
    height: 440px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-shadow: 1px 0px 10px 0 rgba(0, 0, 0, .3);
    text-align: center;
    text-decoration: none !important;
    border-top: 6px solid transparent;
    margin: 0 4px 15px;
}
    .packCard:hover, .packCard.selected {
        border-top: 6px solid #e5a446;
    }
    .packCard .title {
        margin-bottom: 30px;
        color: #e5a446;
    }
    .packCard .price {
        font-family: RobotoBold;
        font-size: 40px;
        letter-spacing: 0;
        text-transform: uppercase;
        color: #061237;
        margin-bottom: 40px;
    }
    .packCard p {
        font-size: 16px;
        font-family: RobotoBold;
        letter-spacing: -0.45px;
        color: #223843;
        margin-bottom: 18px;
    }
.packsInfo label {
    display: block;
    margin-bottom: 8px;
    color: #e5a446;
}
.packsInfo p {
    margin-bottom: 30px;
    font-family: RobotoLight;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.23px;
    color: #393835;
    font-weight: 700;
}

.packDetail .packCard {
    width: 100%;
    margin-bottom: 30px;
}
.packDetail .packsInfo {
    margin: 40px 0 0 25px;
}
.packDetail .yesNoContainer {
    display: flex;
    margin: 15px 0 30px;
}
    .packDetail .yesNoContainer button {
        width: 90px;
        height: 35px;
        border-radius: 30px;
        margin-right: 8px;
        background: #cccccc;
        border: 1px solid #cccccc;
        color: #061237;
    }
        .packDetail .yesNoContainer button.selected {
            background: #061237;
            color: white;
        }
.packDetail .totals {
    width: 60%;
    margin-bottom: 30px;
}
    .packDetail .totals > div {
        height: 40px;
        border-top: 1px solid black;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .packDetail .totals span {
        font-size: 16px;
        font-family: RobotoBold;
        letter-spacing: -0.45px;
        color: #223843;
        text-transform: uppercase;
    }
.packDetail .yesNoContainer.paymentMethods button {
    width: 170px;
}

/* footer */

footer .laTokenSection {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dfdfdf;
}

footer .faqContainer {
    height: 80px;
    background: #dfdfdf;
    display: flex;
    justify-content: center;
}

    footer .faqContainer .faq {
        width: 25%;
        height: 100%;
        color: #707070;
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        background: #dfdfdf;
        border-right: 1px solid white;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

footer .actionContainer {
    background: #061237;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
}

    footer .actionContainer .socialSection {
        height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    }

        footer .actionContainer .socialSection h5 {
            color: white;
            opacity: .3;
            margin-bottom: 15px;
            margin-bottom: 16px;
            font-size: 11px;
        }

        footer .actionContainer .socialSection a {
            opacity: 1;
            margin: 0 10px;
            text-decoration: none !important;
        }

    footer .actionContainer a {
        color: white;
        opacity: .3;
        line-height: 1.3;
    }

footer .navLinks {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

    footer .navLinks img {
        margin: 2px 4px;
    }

footer .copyrightContainer {
    height: 160px;
    background: #050e2c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

    footer .copyrightContainer img.logoFooter {
        width: 145px;
        margin-bottom: 25px;
    }

    footer .copyrightContainer p {
        color: white;
        opacity: .3;
        text-transform: uppercase;
        font-size: 10px;
        padding: 0 15px;
        text-align: center;
        position: absolute;
        bottom: 25px;
        left: 0;
        right: 0;
    }

@media screen and (min-width: 480px) {
    .mainbox {
        margin: 0px auto;
        width: 400px;
    }
}
/* media query */

@media screen and (max-width: 1120px) {
    .overflowHidden img {
        margin-left: -5%;
    }

    .cardCopy {
        margin-left: -105px;
    }

    .header .initialMessage h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-toggle .icon-bar {
        background: white;
    }

    .nav > li {
        display: block;
    }

        .nav > li > a {
            color: #666666;
            opacity: 1;
        }

        .nav > li > .activeBar {
            display: none;
        }

    .container > .navbar-collapse {
        background: white;
        padding: 15px;
    }

    .cardCopy {
        width: 90vw;
    }
}

.genericCardSection .icona, .cardCopy .icona {
    right: 15px;
    width: 44px;
}

.genericCardSection .title, .cardCopy .title {
    font-size: 23px;
    padding-left: 0;
}

.genericCardSection .subTitle, .cardCopy .subTitle {
    font-size: 34px;
    padding-right: 60px;
    padding-left: 0;
}

.testo {
    margin-top: 30px;
}

footer .row {
    padding: 40px 20px;
    width: 98vw;
}

    footer .row .col-sm-4 {
        margin-bottom: 40px;
    }

        footer .row .col-sm-4:last-child {
            margin-bottom: 0;
        }

        footer .row .col-sm-4 p {
            margin: 20px 0 10px;
        }

footer .social {
    padding: 40px 0;
}

    footer .social a img {
        width: 45px;
    }

.blockSection:first-of-type {
    padding-top: 120px;
}


.buttonInteraction {
    cursor: default;
    font-size: 13px;
    width: 100%;
    padding: 10px 20px;
    height: auto;
}
/*.sidebar-collapse #sidebar-menu .nav.side-menu li a span {
    display: none;
}*/

.absoluteRightLanguage {
    position: absolute;
    top: 0;
    right: 120px;
}

.font-family-inherit {
    font-family: inherit;
}

.noborder-top {
    border-top: 0px;
}

.noborder-bottom {
    border-bottom: 0px;
}

.buttonRemoveBGandBorder {
    background: transparent;
    border: none;
}

.margin-top30 {
    margin-top: 30px;
}

.BlockchainTitle {
    color: #58595b;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'RobotoBold';
    padding-bottom: 8px;
    border-bottom: 1px solid #acacac;
    margin-bottom: 10px;
}

.shareLinkOverflowEllipsis {
    color: #448ea7;
    white-space: nowrap;
    width: 70%;
    float: right;
    text-overflow: ellipsis;
    overflow: hidden;
}

.no-marginBottom {
    margin-bottom: 0;
}

.no-marginTop {
    margin-top: 0;
}

.panel-group a {
    display: inline-block;
    width: 100%;
    margin: 0 !important;
}

.panel-group i {
    float: right;
    font-size: 24px;
    margin: 4px 7px 0 0;
}

.panel-group a .glyphicon-chevron-down {
    display: none;
}

.panel-group a.collapsed .glyphicon-chevron-down {
    display: block;
}

.panel-group a.collapsed .glyphicon-chevron-up {
    display: none;
}

.disabledEditOperaField {
    cursor: not-allowed;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
}

.genericFormChangeFormControlBehaviuor label {
    margin-bottom: 8px;
}

.genericFormChangeFormControlBehaviuor .form-control {
    color: #333132;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    height: 34px;
    padding: 0 8px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid rgba(51, 49, 50, 0.41);
}


/* mobile */

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

    body {
        padding-top: 60px;
    }

    .row-eq-height {
        display: unset;
    }

    .genericInput {
        width: 100%;
        max-width: 370px;
    }

    .changeBootstrapColumnsDefaultBehaviour {
        display: flex;
        overflow: hidden;
        overflow-x: auto;
        margin-right: 3px;
    }

        .changeBootstrapColumnsDefaultBehaviour > div {
            margin: 0 10px 0 20px;
            width: 70vw;
            flex-grow: 1;
            flex-shrink: 0;
            padding: 0;
        }

    .modal .modal-dialog {
        width: auto;
    }

    .modalTitle {
        height: 105px;
        margin-bottom: 35px;
    }

        .modalTitle img {
            width: 34px;
            margin-bottom: 12px;
        }

        .modalTitle h2 {
            font-size: 21px;
        }

    header {
        display: none;
    }

    .headerAndMenuMobile {
        display: block !important;
    }

    .headerBar, .sideMenuHeader {
        height: 60px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: white;
        z-index: 16;
        border-bottom: 1px solid #bfbfbf;
    }

        .headerBar .logo, .sideMenuHeader .logo {
            height: 24px;
        }

        .headerBar .burgerMenu, .sideMenuHeader .closeMenuButton {
            position: absolute;
            right: 8px;
            background: transparent;
            border: none;
            height: 100%;
            outline: none !important;
        }

            .headerBar .burgerMenu > img, .sideMenuHeader .closeMenuButton > img {
                height: 18px;
            }

        .headerBar .dropdown {
            position: absolute;
            left: 8px;
        }

            .headerBar .dropdown > button {
                border: none;
                height: 100%;
                text-align: center;
                text-transform: uppercase;
                color: #acacac;
                background: transparent;
                font-size: 14px;
                font-weight: 700;
                margin: 0;
                float: left;
                line-height: 28px;
                border-right: none;
                padding-right: 0;
            }

    .sideMenuContainer {
        position: fixed;
        z-index: 16;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background: rgb(65, 71, 89);
    }

        .sideMenuContainer .sideMenu {
            position: absolute;
            top: 0;
            right: 60px;
            bottom: 0;
            left: 0;
            background: white;
            transition: width .2s;
            width: 0;
        }

            .sideMenuContainer .sideMenu .sideMenuHeader {
                right: 60px;
                transition: width .2s;
                width: 0;
                overflow: hidden;
            }

            .sideMenuContainer .sideMenu .contenuto {
                padding: 80px 0px 0px;
                height: 100vh;
                overflow-y: auto;
            }

    .loginContainer {
        width: 100%;
        position: relative;
        padding: 0 0 20px;
    }

        .loginContainer .loginFormContainer {
            text-align: center;
            position: relative;
            display: block;
            padding: 0;
        }

            .loginContainer .loginFormContainer .row {
                margin: 0;
            }

            .loginContainer .loginFormContainer .userIcon {
                display: block;
                margin: 0 auto 8px;
            }

            .loginContainer .loginFormContainer input {
                margin: 0 auto 8px;
                display: block;
            }

            .loginContainer .loginFormContainer .submitButton {
                margin-bottom: 20px;
                display: block;
            }

            .loginContainer .loginFormContainer p {
                margin: 0 auto 8px;
            }

    .majorLink li a, .majorLink li button {
        padding: 20px 60px 20px 46px;
        width: 100%;
        display: block;
        background: transparent;
        border: none;
        text-align: left;
        outline: none!important;
    }

        .majorLink li a span, .majorLink li button span {
            color: #212121;
            font-size: 17px;
            font-family: 'RobotoBold';
            text-transform: uppercase;
        }

        .majorLink li a:hover, .majorLink li a:active {
            background: #061237;
            text-decoration: none;
        }

            .majorLink li a:hover span, .majorLink li a:active span {
                color: white;
            }

    .majorLink li.active, .majorLink li button.active {
        background: #061237;
        background-image: url(img/menuActive.png);
        background-repeat: no-repeat;
        background-position: 30px center;
        background-size: 60px;
    }
    .majorLink li button.active {
        background-color: transparent;
    }
        .majorLink li button i {
            float: right;
            transition: .4s;
            transform: rotate(180deg);
        }
        .majorLink li button.collapsed i {
            transform: none;
        }
        .majorLink li.active a span {
            color: white;
        }

    .marketplaceSubMenu ul li {
        background-position: 80px center!important;
    }
        .marketplaceSubMenu ul li a {
            padding-left: 96px;
        }

    .subMenuBar .container {
        padding: 0;
    }

        .subMenuBar .container .nav {
            margin: 0;
        }

            .subMenuBar .container .nav li {
                float: left;
            }

    .utenzaLoggata {
        position: relative;
        padding-top: 30px;
    }

        .utenzaLoggata .logout {
            position: absolute;
            top: 0;
            left: 15px;
        }

            .utenzaLoggata .logout i {
                transform: scaleX(-1);
                color: #afafaf;
                font-size: 11px;
            }

        .utenzaLoggata h3 {
            color: #212121;
            font-size: 20px;
            font-family: 'RobotoBold';
            text-align: center;
            margin: 10px auto 3px;
            display: inline-block;
            position: relative;
        }

            .utenzaLoggata h3 > img {
                position: absolute;
                right: -12px;
                top: 6px;
            }

        .utenzaLoggata .text-center img {
            vertical-align: middle;
        }

        .utenzaLoggata span {
            font-size: 12px;
            color: #acacac;
            font-weight: 700;
            text-transform: uppercase;
        }

        .utenzaLoggata .operations {
            margin: 30px 15px 30px;
        }

            .utenzaLoggata .operations img {
                width: 30px;
                margin-bottom: 3px;
            }

            .utenzaLoggata .operations p > span {
                color: #373737;
                font-weight: 100;
                font-size: 12px;
                text-transform: none;
            }

            .utenzaLoggata .operations a .numerino {
                top: -52px;
                right: -28px;
            }

    .customCarousel {
        height: calc(100vh - 60px);
    }

    .orsoImage {
        height: 70%;
    }

    .testoOrso, .testoCertificazione {
        top: 30px;
        left: 0;
        padding: 60px 0px 30px 40px;
        width: 95vw;
    }

        .testoOrso .pennellata {
            height: 230px;
            left: -40px;
            top: 0;
        }

    .testoSlider .subTitle {
        font-size: 15px;
    }

    .testoSlider .title {
        font-size: 46px;
    }

    .collegamentoTraSezioni {
        display: none;
    }

    .testoCertificazione > img {
        height: 200px;
        left: -21px;
    }

    .epicImage {
        height: 65%;
    }

    .digitalCertificate {
        padding: 40px 0 0;
        background-size: 580px;
        background-position: right 230px;
    }

        .digitalCertificate .certificateImage {
            float: right;
            width: 90px;
        }

        .digitalCertificate .content {
            width: 100% !important;
            display: block;
            padding: 0 20px;
            margin-left: 0 !important;
        }

            .digitalCertificate .content h1 {
                font-size: 47px;
                margin-top: 60px;
            }

            .digitalCertificate .content p.text-right {
                text-align: left;
            }

            .digitalCertificate .content a {
                float: none !important;
                margin: 15px auto;
            }

    .certificateSteps {
        margin: 30px 0 0;
    }

    .brandNew .col-sm-3 {
        text-align: center;
    }

        .brandNew .col-sm-3 img {
            margin: 5px auto 20px !important;
        }

    .topWeek {
        max-width: 100%;
    }

        .topWeek .winnerName, .topWeek .luogo {
            width: 100%;
        }

        .topWeek .genericButton {
            margin: 0 auto;
        }

            .topWeek .genericButton > img {
                margin: -2px 0 0 20px !important;
            }

    .mostViewed {
        padding: 0 0 40px;
    }

        .mostViewed .dividerTitle {
            margin-bottom: 44px;
        }

    .dividerTitle:before, .dividerTitle:after {
        width: 12%;
    }

    .artsCover, .photographyCover, .sculptureCover {
        height: 450px;
    }

    .artsCover {
        background-position: center;
    }

    .testoPaintings .container {
        padding: 100px 90px 240px;
    }

    .testoPaintings .pennellata {
        height: 170px;
        top: 30px;
        left: 20px;
    }

    .testoPaintings .secondaryButton {
        position: absolute !important;
        left: 40px;
        bottom: 40px;
    }

    .photographyCover, .sculptureCover {
        background-position: 70%;
    }

        .photographyCover .testoPaintings .container {
            padding: 100px 30px 240px;
        }

        .photographyCover .testoPaintings .pennellata {
            left: 8px !important;
        }

        .sculptureCover .testoPaintings .container {
            padding: 100px 60px 240px;
        }

        .sculptureCover .testoPaintings .pennellata {
            left: 20px !important;
        }

    .artistsCover, .galleriesCover, .newsEventsCover, faqCover {
        padding-left: 40px;
    }

    .alfabetoContainer {
        display: flex;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 10px;
    }

        .alfabetoContainer button {
            font-size: 18px;
        }

        .alfabetoContainer::-webkit-scrollbar {
            height: 2px;
            background-color: #9c97b3;
        }

        .alfabetoContainer::-webkit-scrollbar-thumb {
            background-color: rgba(255, 255, 255, 0.5);
        }

    .blockchainCertificationHeader {
        height: 140px;
        background-size: contain;
    }

    .generiPaddingSection {
        padding: 0;
    }

    .digitalCertificate .description {
        margin-bottom: 50px;
    }

    .BlockchainTitle {
        font-size: 27px;
    }

    .operaDetail {
        padding-left: 0;
    }

        .operaDetail .downloadCertificate {
            justify-content: flex-start;
        }

            .operaDetail .downloadCertificate.pull-right {
                float: none !important;
                margin: 0px 0 20px 0 !important;
            }

    .publicazioneSuMarketplace {
        padding: 0 !important;
        margin: -15px 0 15px;
    }

    .newsEventsCover {
        background-position: -560px;
    }

    .tabs {
        display: flex;
        overflow: hidden;
        overflow-x: auto;
    }

    .operaImgContainer {
        height: 250px;
        /*background-size: cover;
        background-position: top center;*/
        position: relative;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border: 20px solid white;
    }

        .operaImgContainer .favouritesTriangleContainer {
            width: 80px;
            height: 80px;
        }

            .operaImgContainer .favouritesTriangleContainer .corner {
                border-width: 80px 0 0 80px;
            }

            .operaImgContainer .favouritesTriangleContainer i {
                right: 9px;
                top: 12px;
                font-size: 25px;
            }

    .autoreInfo {
        /*background: rgba(255, 255, 255, 0.85);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;*/
        padding: 12px 20px;
        display: flex;
        align-items: center;
        position: relative;
        background: white;
        margin-bottom: 10px;
    }

        .autoreInfo .authorImg {
            width: 85px;
            height: 85px;
            background-size: cover;
            background-position: top center;
            margin-bottom: 0;
        }

        .autoreInfo .genericInfo {
            /*position: absolute;
            left: 135px;
            top: 0;
            bottom: 0;*/
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 30px;
        }

            .autoreInfo .genericInfo h2 {
                font-family: LoraRegular;
                text-transform: capitalize;
                font-size: 19px;
                margin-bottom: 2px;
            }

            .autoreInfo .genericInfo .authorInfo {
                font-family: 'RobotoBold';
                line-height: 1.2;
            }

    .actionsContainer {
        padding: 15px 8px;
        border-bottom: 1px solid #d0d7dd;
    }

    .operaInfo {
        padding: 20px 0;
    }

    .operaBgImage {
        height: 250px;
    }

        .operaBgImage .authorImage {
            width: 100px;
            height: 100px;
            top: 25px;
        }

            .operaBgImage .authorImage > img {
                display: none;
            }

        .operaBgImage .authorDataResume {
            width: calc(100% - 125px);
            left: 125px;
            top: 30px;
        }

            .operaBgImage .authorDataResume > h2 {
                font-size: 27px;
            }

    .authorSections .sizeVisualization {
        display: none !important;
    }

    .socialLinks {
        bottom: 15px !important;
        left: 0;
        right: 0 !important;
        justify-content: center;
    }

    footer .faqContainer {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
        justify-content: end;
    }

        footer .faqContainer .faq {
            width: auto;
            padding: 0 40px;
        }

    .changeBootstrapColumnsDefaultBehaviour > div.navLinks {
        width: 25vw;
    }
}

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

    .mobileOnly {
        display: block;
    }

    .buttonWithRightImage {
        line-height: 31px;
        width: auto;
    }

        .buttonWithRightImage img {
            display: none;
        }

    .generiPaddingSection {
        padding: 40px 20px 60px !important
    }

    .userSideNav {
        margin-bottom: 40px;
        width: 100%;
    }

    .opereFavourites .price, .autoriFavourites .price, .gallerieFavourites .price, .eventiFavourites .price {
        margin-left: 25px;
    }

    .listaOpereUtente .imgContainer {
        margin: 0 10px;
    }

    .listaOpereUtente.offerteList {
        height: auto;
        padding-bottom: 10px;
    }

        .listaOpereUtente.offerteList > .detail {
            float: none;
            display: block;
            width: 65%;
            margin: 20px 10px 30px 100px;
        }

        .listaOpereUtente.offerteList > .price {
            float: none;
            display: inline-block;
            width: 100% !important;
            margin-bottom: 20px;
            padding-left: 10px;
            margin-right: 0 !important;
        }

        .listaOpereUtente.offerteList .price h3:last-child {
            margin-left: 24px;
        }

        .listaOpereUtente.offerteList > .changePrice {
            float: none;
            display: inline-block;
            width: 49% !important;
            padding-left: 10px;
            text-align: left;
        }

    .listaOpereUtente.worksList, .listaOpereUtente.certificationRequest, .listaOpereUtente.opereFavourites {
        height: auto;
    }

        .listaOpereUtente.worksList .detail, .listaOpereUtente.certificationRequest .detail, .listaOpereUtente.opereFavourites .detail {
            width: 65% !important;
            float: none;
            height: 70px;
            margin: 15px 0 15px 100px;
        }

        .listaOpereUtente.worksList .price, .listaOpereUtente.opereFavourites .price {
            width: 170px !important;
            margin: 15px !important;
            float: none;
            display: inline-block;
        }

            .listaOpereUtente.worksList .price.offerMobilePrice {
                width: 100% !important;
                margin: 5px 15px 20px !important;
            }

            .listaOpereUtente.worksList .price h3:last-child {
                margin-left: 24px;
            }

        .listaOpereUtente.worksList .changePrice {
            width: calc(100% - 210px) !important;
            float: none;
            display: inline-block;
            padding-bottom: 20px;
            vertical-align: bottom;
        }

            .listaOpereUtente.worksList .changePrice:last-child, .listaOpereUtente.worksList .price:last-child {
                display: flex;
                width: 100% !important;
                padding: 15px 0 25px;
                margin: 0 !important;
            }

        .listaOpereUtente.certificationRequest .price {
            width: 36% !important;
            margin: 15px !important;
            float: none;
            display: inline-block;
        }

            .listaOpereUtente.certificationRequest .price.downloadDigitalCertificate {
                width: 55% !important;
                padding-bottom: 20px;
            }

    .listaOpereUtente > div.pallino {
        margin: -2px 25px 0 15px;
    }

    .reverseMobileVisualization {
        display: flex;
        flex-direction: column-reverse;
    }
    .introductionParagraph .description {
        width: 100%;
    }
    .archiveFilters {
        margin: 0 0 30px;
        display: block;
    }
        .archiveFilters .searchInputContainer, .archiveFilters .form-group {
            margin-bottom: 15px;
        }

    .legendaStatiOpera {
        width: 75%;
    }

        .legendaStatiOpera span {
            margin-left: 5px;
        }

    .listaOpereUtente > .price h3 > span {
        right: -24px;
        top: 0;
    }

    .desktopFilters {
        display: none;
    }

    .mobileFilters {
        display: block;
    }
}

.applyFilterButton {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 4px;
    color: #666666;
    background: transparent;
    border: none;
    outline: none;
    text-decoration: none;
}

.no-border {
    border: 0 !important
}




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

    .desktopOnly {
        display: none;
    }

	.mainBar.subMenuBar, .fixedHeader ~ .mainBar.subMenuBar {
		top: 60px!important;
	}
    .pageHeader {
        height: 150px;
    }
        .pageHeader .container {
            padding: 0 15px;
            margin: 0;
        }
            .pageHeader .container img {
                height: 183px;
                left: -72px;
            }
	.pageHeader.headerHome {
		align-items: flex-start;
		padding-top: 34px;
	}
        .pageHeader.headerHome .container {
            padding-left: 15px;
            justify-content: center;
            text-align: center;
        }
        .pageHeader.headerHome img {
            height: unset;
            position: relative;
            width: 100px;
            left: 0;
            right: 0;
            margin: auto;
        }
	.pageHeader .pageTitle {
		font-size: 50px;
		line-height: 48px;
		padding-right: 0;
	}
	.digitalInformationsContainer {
		padding: 0 15px;
		margin-top: 50px;
	}
		.digitalInformationsContainer .informationContainer {
			width: 100%;
			margin-bottom: 30px;
		}
		.digitalInformationsContainer .actionsContainer {
			padding: 15px 0;
			border-bottom: none;
		}
	.zipFileSection, .faqSection {
		display: none;
	}
	.faqSectionMobile {
		display: block!important;
	}

    .archivePage .landingArtistInfos h3 {
        line-height: 1.2;
    }
    .archivePage .imageContainer {
        height: 150px;
    }
    .archivePage .landingArtistInfos p {
        font-size: 16px;
    }

    .bannerLandingArtist img {
        width: 100%;
        height: auto;
    }

    .digitalCertificate .genericCard {
        padding: 0;
        margin-bottom: 40px;
    }
    .digitalCertificate .row {
        padding: 40px 30px 20px;
    }
    .digitalCertificate .form-group {
        margin-bottom: 30px;
    }
    .digitalCertificate .metodiPagamento .genericButton {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .events .container {
        padding: 30px 15px 40px;
    }
    .events .videoContainer iframe {
        height: 200px;
    }

    .filterResultsContainer {
        padding: 30px 0 60px;
    }

    .anteprimaImmaginiContainer {
        display: flex;
        width: 90%;
        margin: 0 auto 30px;
        justify-content: space-between;
        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
        .anteprimaImmaginiContainer .anteprima {
            width: 70px;
            height: 45px;
            background-size: cover;
            cursor: pointer;
            border-radius: 8px;
            flex-shrink: 0;
            margin: 0 2px;
        }
            .anteprimaImmaginiContainer .anteprima.active {
                border: 3px solid #f79638;
            }

    .archivePage .header h1 {
        font-size: 50px;
        line-height: 40px;
        letter-spacing: -1.5px;
        margin-bottom: 8px;
    }
    .archivePage .header h2 {
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: 0;
        margin-bottom: 30px;
    }
    .archivePage .header p {
        font-size: 14px;
        line-height: 1.3;
        width: 90%;
    }
    .archivePage .cardsContainer .container {
        flex-direction: column;
    }
    .archivePage .cardsContainer .genericCard {
        padding: 15px;
        margin-bottom: 20px;
        min-height: auto;
    }
        .archivePage .cardsContainer .genericCard p {
            margin-bottom: 15px;
        }
    .archivePage .archiveInfos h3, .archivePage .entraNelMondo h3 {
        line-height: 1.2;
        font-size: 34px;
    }
    .archivePage .entraNelMondo h4 {
        font-size: 20px;
    }
    .archivePage .archiveInfos {
        padding: 50px 0 35px;
    }
        .archivePage .archiveInfos .infoBlocksContainer {
            flex-direction: column;
            align-items: center;
        }
    .archivePage .faqSectionMobile .faqButton {
        height: auto !important;
    }
    .balanceLow p {
        margin: 60px auto 30px;
        width: 100%;
    }

    .stoStokrPage .header {
        background-size: cover;
    }
    .stoStokrPage.landingPage .stoStokrPageInfos .descriptionTitle, .stoStokrPage .formContainer {
        width: 100%;
    }
    .stoStokrPage .formContainer .col-sm-3 {
        justify-content: flex-start!important;
    }
    .stoStokrPage .stoStokrPageInfos h3 {
        line-height: 1.2;
        margin-bottom: 30px;
    }
}