


@font-face {
    font-family: "Impact";
    src: url("/Content/fonts/impact/impact.ttf");
    }


    /* Validation */
    textarea.required ,
    select.required,
    input.required {
    border: 1px solid #5d5d5d;
    }
    .not-required textarea.required ,
    .not-required select.required,
    .not-required input.required {
    border: 1px solid #cccccc;
    }
    textarea.input-validation-error,
    select.input-validation-error,
    input.input-validation-error {
    border: 1px solid #da291c !important;
    }
    .field-validation-error {
    border: 1px solid #da291c;
    }
    div.input-validation-error {
    border: 1px solid #da291c !important;
    }

    #affiliationForm .validation-error {
    border: 1px solid #da291c;
    }

    #affiliationForm .affiliation-channels.validation-error,
    #affiliationForm .affiliation-channel-socialnetworks.validation-error {
    padding: 0.3em;
    }

    #affiliationForm .affiliation-channel-searchengines.validation-error {
    padding: 0.3em;
    }

    /* Footer */
    .footer-top { background-color: #5d5d5d;  padding-top: 3em}
    .footer-bottom { background-color: #5d5d5d; }
    .footer-top, .footer-bottom { position: relative; }
    .footer-top .footer-top-inner {
    font-weight: bold;
    padding: 0.333em 0;
    font-size: 0.8em;
    color: white;
    }
    .footer-bottom .footer-bottom-inner .links { font-size: 2em; margin-top: 0.5em;}

    .footer-bottom .footer-bottom-inner {
    padding: 1em 0.333em;
    font-size: 0.7em;
    color: white;
    }
    .footer-top a, .footer-bottom a {
    font-size: 1em;
    color: inherit;
    font-weight: bold;
    }

    /* Flags */
    .flag-small { width:16px; height:12px;}
    .navbar-languages {
    display: inline-block;
    float: left;
    margin-right: 1em;
    }
    .navbar-languages .select2-container {  }


    .navbar-languages .select2-container--default .select2-selection--single {  border: none; }
    .navbar-languages .select2-container--default .select2-selection--single .select2-selection__rendered { text-align: right; }
    .navbar-languages .select2-container--open .select2-dropdown--below {left: auto !important; right: -10.667em;}

    .navbar-languages .select2-container--open .select2-languages-dropdown { border: 1px solid #cccccc; border-top: 0.2em solid #ffb511; margin-top: -2px; margin-right: 1px; width: 42em !important }
    .navbar-languages .select2-container--default .select2-results>.select2-results__options { max-height: none !important; }
    .navbar-languages .select2-languages-dropdown { border-radius: 0 !important; font-size: .9em; }
    body.tablet .navbar-languages .select2-languages-dropdown { font-size: 1.2em; }
    .select2-container .select2-selection--single .select2-selection__rendered { overflow: visible }
    .navbar-languages .select2-languages-dropdown .flag-img, .navbar-languages .flag-img { vertical-align: baseline; width: 1.3em !important; height: .9em !important;  object-fit: cover; box-shadow: 0 0 1px black; }
    .navbar-languages .select2-results__option { width:13em; float:left; list-style-type: none; }
    .navbar-languages .select2-results__option--highlighted { background-color: #ffb511; color: #333333; }
    .navbar-languages .select2-container--default .select2-selection--single .select2-selection__arrow { top: .3em; }
    .navbar-languages .select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 0.5em 0.4em 0 0.4em; }
    .navbar-languages .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 0 .4em .5em .4em; }

    #select2-languages-container .language-name {
    display: none;
    }
    /* Select 2 */
    .select2-form-input { border: 1px solid #cccccc !important; border-radius: 0px !important; }

    /* landing-select2 */
    .select2-landing .select2-container {
    min-width: 200px;
    }

    .select2-landing .select2-container--open .select2-dropdown--below,
    .select2-landing .select2-container--open .select2-dropdown--above {
    background: #fff;
    border-radius:0;
    }

    .select2-results__option {
    box-sizing: content-box;
    }

    .select2-container--default .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    }
    .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #ffb511 !important;
    color: #000;
    }
    .select2-container--default .select2-results__option {
    list-style-type: none;
    }
    .select2-container--default .select2-results__option[aria-selected=true] {
    background: #ffb511;
    color: #fff;
    opacity: 0.8;
    }
    .select2-container--default .select2-selection--single {
    border-radius: 0px;
    }

    .select2-container--default span.select2-search input {
    height: 30px !important;
    }
    .select2-landing .select2-drop {
    margin-top: -2px;
    border: 2px solid #dce4ec;
    border-top: 0;
    border-radius: 0px !important;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
    .select2-landing .select2-drop.select2-drop-above {
    margin-top: 2px;
    border-top: 2px solid #dce4ec;
    border-bottom: 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    .select2-landing .select2-search {
    margin-top: 3px;
    }
    .select2-landing .select2-search input {
    height: 26px;
    border: 2px solid #dce4ec;
    }

    .select2-landing .select2-results {
    padding: 0 0 0 0px;
    margin: 4px 0px 0px 0;
    }
    .select2-landing .select2-results .select2-highlighted {
    background: #ffb511;
    color: #fff;
    border-radius: 0px;
    }

    .select2-container--default .select2-selection--single {
    background: #fff;
    border: solid 1px #bbb;
    height: 46px;
    padding: 5px 10px;
    font-size: 1.3em;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 34px;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
    }
    .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    }


    /* JQuery */

    .btn, .ui-widget-content .btn {
    border: #ffb511 solid 1px;
    font-weight: bold;
    background: white;
    padding: 0.6em 0.8em;
    margin: 0.133em;
    font-size: 0.8em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    color: #333333;
    line-height: 1.4em;
    border-radius: 0;
    }
    .ui-button, .ui-dialog, .ui-dialog-titlebar { border-radius: 0 }
    .ui-dialog-buttonset .btn { font-size: 0.9em; padding-left: 1.133em; padding-right: 1.133em; font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif; }
    .btn:active,
    .btn.active {
    background-color: #cccccc\9;
    }
    .btn:first-child {
    *margin-left: 0;
    }
    .btn:hover {
    background-color: #ffb511;
    color: black;
    }
    .ui-widget { font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Tahoma, Geneva, sans-serif !important; }
    .ui-widget-header { background-image: none !important; border: white !important; }
    .ui-widget-content a { color: #217382; }
    .ui-widget-content a:hover { color: #da291c; }
    #ui-datepicker-div { z-index: 20 !important; }
    .ui-autocomplete { z-index: 200 !important; }
    .ui-autocomplete li { list-style-type: none; }
    .ui-autocomplete a { color: #000; list-style-type: none; }
    .ui-autocomplete-loading { background: url(//static4.6tour.com/Content/images/progress-small.gif?121264934027283) no-repeat right white; }
    .ui-menu-item { font-size: 0.9em; }
    .ui-datepicker-trigger { border:none; background:none; padding: 0; font-size: 1.15em; padding-left: 0.2em; vertical-align: middle; }
    .ui-datepicker-trigger i { position: relative; }
    .ui-datepicker-calendar * { background-image: none !important; }
    .ui-datepicker-header { background: none; }
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-menu-item-wrapper.ui-state-active 
    {
    background: #efefef;
    }
    .ui-dialog { border-color: #cccccc; border-bottom-width: 0.2em; border-right-width: 0.2em; z-index: 101 !important; }
    .ui-dialog .ui-dialog-buttonpane { border-width: 0; }
    .ui-dialog-titlebar .ui-dialog-titlebar-close { display: none; }
    .show-dialog-titlebar-close .ui-dialog-titlebar .ui-dialog-titlebar-close { display: block !important; }
    .ui-dialog a:hover { color: #217382; }





    

    body {
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    overflow-wrap: break-word;
    }

    h1 {
    font-family: 'Impact', sans-serif, 'Anton', sans-serif;
    font-size: 3.5em;
    padding: 0.5em 0 0.5em 0;
    }

    a {
    cursor: pointer;
    color: #217382;
    }

    .b {
    font-weight: bold;
    }

    .navbar-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }

    .navbar-login {
    display: none;
    }

    .login-icon {
    width: 3em;
    height: 3em;
    }

    .content {
    height: 100%;
    padding-left: 14%;
    padding-right: 14%;
    }

    .section2 .content, .section3 .content, .section4 .content { margin-bottom: 3% }

    .new-home-header {
    z-index: 9999;
    min-height: 10vh;
    background-color: white;
    position: sticky;
    top: 0;
    border-bottom: 1px #cccccc solid;
    }

    .section1 {
    padding-top: 3%;
    padding-bottom: 3%;
    height: auto;
    border-bottom: 5px solid #ffb511;
    background: url( //static4.6tour.com/Content/images/public/background-g.png );
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    background-color: #ffb511;
    background-blend-mode: hard-light;
    }

    .section1.signin-section {
    height: 90vh;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    border-bottom: 0;
    padding-bottom: 0;
    }

    .signup-section {
    min-height: 90vh;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    }

    .section2 {
    min-height: 45vh;
    background-color: gray;
    }

    .section1-title-div {
    letter-spacing: .01em;
    text-transform: uppercase;
    text-align: center;
    }

    .section1-title {
    color: #da291c;
    font-family: 'Anton', sans-serif;
    margin-bottom: .3em !important;
    font-size: 5em;
    }

    .section1-subtitle {
    color: #333333;
    font-size: 2em;
    }

    .register-button {
    text-transform: uppercase;
    background-color: white;
    border: 3px solid #da291c;
    color: #da291c;
    padding: 0.2em 3em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 500;
    margin: 1em 0 0 0;
    }

    .register-button:hover {
    background-color: #da291c;
    color: white;
    }


    .new-home-logo {
    display: flex;
    height: 5em;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    }

    .new-home-logo .logo {
    margin-right: 1em;
    vertical-align: top;
    display: inline-block;
    }

    .new-home-logo .logo img {
    border: 0;
    width: 4em;
    height: 4em;
    }

    .new-home-logo .logo:hover {
    text-decoration: none;
    }

    .new-home-logo .site-title {
    color: #da291c;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2em;
    display: inline-block;
    }

    .section1-title p {
    margin: 0;
    padding: 0;
    line-height: 1.1;
    }

    .section1-login-panel {
    margin-bottom: 1em;
    }

    .icon-panels {
    background-color: white;
    border: 1px solid #5d5d5d;
    padding: 1em 0 1em 0;
    margin: 1em 0 1em 0;
    }

    .icon-panel-bg {
    background-color: white;
    border: 1px solid #5d5d5d;
    padding: 1em 0 1em 0;
    }

    .icon-panel-row {
    min-height: 7em;
    padding: 1em 0 1em 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items:start;
    gap: 1em;
    }

    .row-icon {
    width: 4em;
    height: 4em;
    background-size: contain;
    background-repeat: round;
    }

    .row-text {
    text-align: start;
    width: 15em;
    line-height: 1.5em;
    align-self: start;
    }

    .row-title {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0;
    }

    .row-subtitle {
    font-size: 1.1em;
    font-weight: normal;
    margin-top: .3em
    }

    .section3-div {
    display:flex;
    flex-direction:column;
    align-content:center;
    justify-content:center;
    }

    .description-row {
    margin: 3em 0 1em 0;
    display: flex;
    }

    .section2-title {
    font-family: 'Anton', sans-serif;
    width: 9em;
    font-size: 4em;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 2px;
    text-transform: uppercase;
    }

    .red-title {
    color: #da291c;
    }

    .section2-title.red-title {
    margin: 0 2em 0 1em;
    }

    .orange-title {
    color: #ffb511;
    }

    .section2-title.orange-title {
    margin: 0 1em 0 2em;
    }

    .description {
    width: 50em;
    margin-top: -1em;
    }

    .section2-subtitle {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 1em 0 1em 0;
    }

    .separator {
    border: solid 1px #217382;
    width: 50%;
    align-self: center
    }

    .section4 {
    border-top: 6px solid #ffb511;
    padding-top: 1.5em;
    }

    .form-title-black {
    letter-spacing: 0.1;
    color: #333333;
    }

    .a-center {
    text-align: center;
    }

    .input-auto {
    width: 100%;
    }

    .input-fill {
    width: max-content;
    }

    .affiliation-form {
    padding: 2em 13em 0 13em;
    }

    .affiliation-form.sent {
    display:none;
    }

    .affiliation-form .row {
    margin-bottom: 1em;
    }

    .block-title, .block-title-underlined {
    text-transform: uppercase;
    margin: 1em 0 1em 0;
    }

    .block-title-underlined {
    margin-bottom: 1.5em;
    padding: 0;
    display: inline-block;
    }

    #btn-gdpr-contract {
    margin-top: 0;
    }

    .send-button {
    color: #da291c;
    font-size: 1.5em;
    border-radius: 0;
    border: 2px solid #da291c !important;
    padding: 0.2em 2em 0.2em 2em;
    }

    .send-button:hover {
    background-color: #da291c;
    color:white;
    }

    .checkbox {
    }

    .checkbox label {
    padding-left: 50px;
    text-indent: -50px;
    }

    .form-row > * {
    margin: .5em 0 .5em 0;
    }

    footer {
    text-align: center !important;
    }

    footer p {
    margin: 0;
    line-height: 1.3em;
    font-size: 1.2em;
    }

    footer .company {
    font-size: 1.6em;
    font-weight: bold;
    }

    .signin-footer {
    display: fixed;
    bottom: 0;
    }

    .form-check-input:checked {
    background-color: #ffb511;
    border-color: #ffb511;
    }

    .form-check-input:focus {
    border-color: #ffb51191;
    background-image: url(//static4.6tour.com/Content/images/svg/switch-icon-circle-grey.svg);
    box-shadow: none;
    }

    .form-switch .form-check-input:focus {
    background-image: url(//static4.6tour.com/Content/images/svg/switch-icon-circle-primary.svg);
    }

    .affiliation-form input, .affiliation-form select, .affiliation-form textarea {
    border: 1px #666666 solid;
    }

    .affiliation-form input:focus-visible, .affiliation-form select:focus-visible, .affiliation-form textarea:focus-visible {
    border: 1px #ffb511 solid;
    outline: none;
    }

    #clientValidationAlert{
    display: none;
    }

    

    .card-header {
    text-transform: uppercase;
    background-color: #da291c;
    color: white;
    font-size: 1.5em;
    padding: 0.2em 0 0 0;
    }

    #loginForm.card-content {
    display: flex;
    min-height: 14em;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    font-size: 1em;
    }

    .card-input-div {
    margin-bottom: 1em;
    position: relative;
    display: inline-block;
    }

    .card-input-div i {
    position: absolute;
    top: 0.6em;
    left: 0.8em;
    }

    .card-input-div .card-input {
    height: 2.2em;
    border: 1px #666666 solid;
    margin-left: .2em;
    padding: 0.35em 0.4em 0.35em 2em;
    }

    .card-input-div .card-input[readonly] {
    background-color: #efefef;
    opacity: .6;
    }

    .card-input:focus-visible {
    outline:none;
    }

    .card-link {
    font-size: 0.8em;
    text-decoration: none;
    }

    .card-link:hover {
    text-decoration: underline;
    }

    

    #loginForm {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5em;
    }

    .input-login { position: relative; color: #808080; font-size: 1em; display: inline-block; }
    .input-login.landing { padding: unset; margin: unset; }
    .input-login input { border: solid 1px #aaaaaa; font-size: 1.1em; padding: 0.35em 0.4em 0.35em 2em; margin: 1px; }
    .input-login span { position: absolute; top: 0.6em; left: 0.8em; }
    #login-box-bottom-text { text-transform: uppercase; text-align: center; }
    #login-box-bottom img { float: right; margin-right: 7em; }
    .input-login-inline { margin-right: 0em; }
    .input-login-inline input { font-size: 0.9em; width: 10em; }
    .input-login input:focus { border: 1px solid #ffb511 !important;}
    .input-login input:focus-visible { outline: 1px solid #ffb511 !important; }
    /*
    DESKTOP:
    devicePixelRatio < 2
    */

    body.desktop .full-page .card-form-inputs {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2em;
    }

    /*
    TABLET:
    devicePixelRatio == 2
    */

    body.tablet .recaptcha-div {
    height: 6em;
    font-size: 1em;
    }

    body.tablet .affiliation-form {
    padding: 2em 8em 0 8em;
    }

    @media (max-width: 1200px) {
    body.tablet .icon-panel-row {
    width: 50%;
    }
    }

    @media (max-width: 992px) {
    body.tablet .g-recaptcha {
    transform-origin: -195% 0;
    transform: scale(1.5);
    }

    body.tablet .affiliation-form {
    padding: 2em 0 0 0;
    }

    }

    body.tablet .section2 {
    min-height: 20vh;
    }

    body.tablet .content {
    padding-left: 5%;
    padding-right: 5%;
    }

    /*
    MOBILE:
    devicePixelRatio > 2
    */

    body.mobile {
    font-size: 32px
    }

    body.mobile .recaptcha-div {
    height: 6em;
    font-size: 1em;
    }

    body.mobile .g-recaptcha {
    transform-origin: -25% 0;
    transform: scale(2.5);
    }

    body.mobile .section1-title {
    font-size: 4.5em;
    line-height: 1;
    }

    
    body.mobile .navbar-languages .select2-languages-dropdown { font-size: 1.3em; }
    body.mobile .navbar-languages .select2-container--open .select2-dropdown--below { right: -5em; top: 1em; }


    /* DA 1200px a 1400px */
    /* Schermi di medie dimensioni */

    @media (max-width: 1400px) {

    }

    /* DA 992px a 1200px */
    /* Schermi di tablet in orizzontale e laptop di piccole dimensioni */

    @media (max-width: 1200px) {

    .navbar-login {
    display: block;
    }

    .icon-panels {
    padding: 0.4em 1em .4em 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: .2em 0 .2em 0;
    }

    .row-icon {
    width: 5em;
    height: 5em;
    background-size: cover;
    }

    .icon-panel-bg {
    padding: 0.8em;
    }

    .navbar-login-box {
    display: none;
    }

    .description-row {
    flex-direction: column;
    align-items: center;
    }

    .section2 {
    height: auto;
    }

    .section2-title {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
    margin: 0 0 1em 0 !important;
    }

    .description {
    width: 100%;
    text-align: center;
    }

    .affiliation-form {
    padding: 3em 6em 0 6em;
    }

    .navbar-languages .select2-results__option {
    width:9em;
    float:left;
    list-style-type: none;
    }

    .navbar-languages .select2-container--open .select2-languages-dropdown {
    width: 20em !important;
    }
    }

    /* DA 0px a 992px */
    /* Schermi di smartphone e tablet in verticale */

    @media (max-width: 992px) {

    h1 {
    font-size: 2em;
    }

    .new-home-header {
    position: relative;
    }

    .login-icon {
    height: 3em;
    width: 3em;
    }

    .content {
    padding: 0 1em 0 1em;
    }

    .new-home-logo .logo {
    margin-right: .5em;
    }

    .new-home-logo .logo img {
    width: 4em;
    height: 4em;
    }

    .new-home-logo .site-title {
    font-size: 2em;
    line-height: 1em;
    }

    .section1-subtitle {
    font-size: 2em;
    }

    .register-button {
    font-size: 2em;
    margin-bottom: 1em;
    width: 100%;
    }

    .icon-panel-row {
    font-size: 1.35em;
    padding-bottom:0;
    }

    .separator {
    border: solid 3px #217382;
    width: 70%;
    }

    .row-icon {
    width: 4em;
    height: 4em;
    }

    .affiliation-form {
    padding: 2em 0 0 0;
    }

    .form-row {
    text-align: center;
    }

    .form-row > div > input {
    text-align: center;
    }

    .form-row > div > select {
    text-align: center;
    }

    .block-title-underlined {
    text-align: center;
    margin-bottom: 0;
    }

    .section2-subtitle {
    font-size: 1.5em;
    }

    .section4 {
    font-size: 2em;
    }

    footer {
    text-align: center !important;
    }

    .lg-center-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }

    .send-button {
    padding: 0.2em 1em 0.2em 1em;
    }

    #dialog-gdpr-contract {
    font-size: 34px;
    }

    .signup-section .section1 {
    font-size:.5em;
    }
    }
