@charset "utf-8";
/* CSS Document */


body {background-color:#fff; font-family: 'Roboto', sans-serif; font-size: 16px; color: #434343;}
.fz11 {font-size: 11px; line-height: 13px;}
.tooltip-inner {
    background-color: #25AEE9;}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #25AEE9;
}
header {
    position: absolute;
    z-index: 1030;
	height: 125px !important;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,0);
    border:0;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("../img/hamburger.svg");
}
nav {
    flex-grow: 1;
}
.nav-link {
    font-size: 21px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;    
    padding-left: 30px;
    padding-right: 30px;
}
.navbar-light .navbar-nav .nav-link {
  color:  #1AC3DF;
}
.logo-aretre-footer {
    max-width: 200px;
}
a, a:hover {color:#6c757d;}

h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 100px;
    line-height: .89;    
    color: #FFFFFF;
    
}
h1 span.sm {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 22px;
    letter-spacing: -0.01em;
}
h1 span {
    letter-spacing: 0.03em;
}

h1 img.logo {
    max-width: 426px;
    width: 100%;
}
.divider {
    width: 100%;
    height: 4px;
    background-color: #FFFFFF;
    position: relative;
}
.divider::after {
   content: "";
   width: 14px;
   height: 14px;
   background-color: #FFFFFF;
   border-radius: 50%;
   position: absolute;
   right: 0;
   top:50%;
   transform: translateY(-50%);
}

h2 {
    font-weight: 500;
    /*font-size: 40px;*/
    font-size: 25px;
    line-height: normal;
}
.text-plus {font-size: 1.7rem; line-height: 1.8rem;}
.modal-content {background: linear-gradient(45deg, #FFEDD6 0%, #EFE2E7 100%);}

.arrow-container {
    position: absolute;
    bottom: 0; 
    left: 0;
}

.arrow-home {
    width: 4px;
    height: 90px;
    position: relative;
    display: block;
    margin: 0 auto;
    background-color: #fff;

}
.arrow-home::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg); 
}
.bootbox .modal-content {
    padding: 30px;
}

.bootbox .modal-body {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.bootbox .modal-footer {
    justify-content: center;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgba(232, 240, 254, 0), rgba(70, 90, 126, 0.0)) !important;
    color: -internal-light-dark(black, white) !important;
}

.buttons-box-bg {
    background-image: url("../img/bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn {
    font-weight: 400;
    font-size: 30px;
    min-width: 255px;
    padding: 16px 24px;
    border: 0px;
    border-radius: 25px;
    color: #FFFFFF;
}
.btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn-primary {
    background: linear-gradient(180deg, #AB1151 0%, #B818C6 100%);
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:selected {
    color: #fff;
   background: linear-gradient(180deg, #AB1151 0%, #B818C6 100%);
}

.btn-access, .btn-access:hover {
    background-color: transparent;
	border: 4px solid #B818C6; border-style: inset;
	color: #333;
}

.btn-register {
    background: linear-gradient(180deg, #AB1151 0%, #B818C6 100%); border: 4px solid #B818C6; 
}

.btn-invio, .btn-invio:hover, .btn-invio:focus {
    background: white;
    border: 4px solid #7142DC;
    color: #7142DC;
}

h3 {
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #990033;
  }

.grigio {background-color: #ccc;}

.bg-azzurro, .bg-verde, .bg-crema{
    min-height: 178px;
}

.bg-azzurro.bg-azzurro-filled::after, .bg-crema.bg-crema-filled::after{
    filter: drop-shadow(3px 4.87375px 1.87375px #86B9DE);
}
.bg-verde.bg-verde-filled::after {
    filter: drop-shadow(-3px 3.87375px 1.87375px #86B9DE);
}

.bg-azzurro::after, .bg-verde::after, .bg-crema::after {
    content: "";
    display: inline-block;
    width: 110px;
    height: 100%;
    position: absolute;
    filter: drop-shadow(0px 3.87375px 1.87375px #86B9DE);
}



.title {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #0481B0;
    line-height: normal;
}

h6 {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgb(0 123 255 / 0%);
}
a:-webkit-any-link:focus-visible {
    outline-offset: 0px !important;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}


h2.font-minus {font-size: 40px;}
.btn-mail {padding: .7rem; padding-top: .3rem; padding-bottom: .3rem; border-radius: 15px;}

/*registrazione*/


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.frm-pass-forgotten {
    padding-left: 30px !important;
}

.img-email {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.registrazione .form-control { padding-left: 0px;}


.banner {
    background: linear-gradient(180deg, #34A8DB 0%, #50A9B7 0.01%, #50A9B7 31.25%, #25AEE9 100%);
}
.banner img {
    max-width: 300px;
}
.banner h1 img {
    max-width: 220px !important;
}
.banner h1 {
    font-weight: 600;
    font-size: 58px;
    line-height: normal;
    letter-spacing: 0em;
}
.banner h2 {
    font-size: 28px;
    line-height: normal;
    font-weight: 500;
}

.content-bg {
    background: url("../img/forms-pattern.png") center center no-repeat, linear-gradient(180deg, #109DDC 0%, #5086B7 0.01%, #25AEE9 100%);
    background-size: cover;
}


.bg-white-light {
    background-color: rgba(255, 255, 255, 0.8);
}

/*conferma-login*/
h3.smaller {
    font-weight: 400;
    font-size: 32px;
    line-height: normal;
    text-shadow: 1.60274px 1.60274px 1.10029px #86B9DE;
}

.save-the-date-img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.text-md {
    font-weight: 400;
    font-size: 28px;
    line-height: normal;
    color: #2F95A3;
}

.fnt-weight-500 {
    font-weight: 500;
}
.fnt-weight-600 {
    font-weight: 600;
}
.fnt-weight-700 {
    font-weight: 700;
}

.text-gradient {
    background: linear-gradient(180deg, #DFAE91 -13.22%, #4636EF 68.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bg-white-light.shdow {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(234, 234, 234, 0.54) 30%, rgba(248, 248, 248, 0.65) 68%, #FDFDFD 100%);
box-shadow: 0px 4.87375px 4.87375px #86B9DE;
}

.text-bl {
    color:#0481B0;
}



.fnt-20 {
    font-size: 20px;
    line-height: normal;
}

.fnt-30 {
    font-size: 24px;
    line-height: normal;
}

.green {color: #2a7730; }
h4 {font-weight: 600; font-size: 28px; font-weight: 400;}

li {list-style-color: #be4369;}
ul {padding-left: 20px;}

.font-plus {font-size: 24px;}


.box-text {
    background-color: #0481B0;
    font-size: 18px;
}

.box-text span {
    color: #E0C4AB;
    font-size: 20px;
    font-weight: 500;
}

footer {
    
}

footer a, footer a:hover {
    color: #000;
}



a.btnShapeRight {color: #fff;}
a:hover.btnShapeRight {color: #fff;}
.btnShapeRight {color: #fff; background-color: #be4369; font-weight: bold; border: none;}

.login {
    
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
	background-image: url( "../img/bannerone.jpg"), url( "");
}

.bg-registrazione {background-image: url( "../img/headerone.jpg"), url( "");
padding-top: 200px !important;}

.card {background-color: transparent; border: none;}
.freccinaRivista {position: absolute; right: 2rem; bottom: 3.5rem; }


@keyframes fadeIn {
    to {
       opacity: 1; 
    }
}

@keyframes changeColor {
    to {
       background-color: rgba(185,220, 225, 1);
       box-shadow: 0px 2px 2px rgba(64,144, 178, 1);
    }
}


.bg-image {
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background-image: url( "../img/bannerone.jpg"), url( "");   
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    opacity: 0;
}



.beige {background-color: #F5EBDF;}
.beige2 {background-color: #fef6e9;}

label {margin-bottom: 0px;}

.fz9 {font-size: 9px;}

button.disabled {opacity: .5 !important;}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #9A9B9D !important;
    border-radius: 4px !important;
    height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:  #484747 !important;
    line-height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
	border-radius: 0px;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.form-check {padding-bottom: 1rem; padding-top: 1rem;}

.btn-danger {background-color: #333;}
.btn-danger:hover {
    color: #fff;
    background-color: #333 !important;
    border-color: #333 !important;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #be4369;
    border-color: #be4369;
}
.btn-success {background-color: #be4369;}

.btn-success:hover {
    color: #fff;
    background-color: #be4369 !important;
    border-color: #be4369 !important;
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.fz50 {font-size: 50px;}

div div.alert-danger-ile {
	font-weight: bold !important;
    color: red !important;
    border: 0px solid #fff !important;
}
div div.alert-ile {padding: .7rem !important;}

/*form*/
input[type="email"], input[type="password"] {border-radius: 0px !important;}

::-webkit-input-placeholder { /* Edge */
    color: #484747 !important;
    font-size: 14px;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #484747 !important;
    font-size: 14px;
  }
  
  ::placeholder {
   
    font-size: 13px;
  }

.hint {
    font-size: 12px;
    color: #868686;
    font-style: italic;
    font-weight: 400;
    margin-top: 4px;
}

.form-cases .form-control.frm-special, .form-cases .form-control.frm-special:focus {
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-color: #BEBEBE;
    background-color: transparent;
    border-radius: 0px;
    padding-left: 0px;
    height: 34px;
}

.form-cases .form-control.frm-special::placeholder {
    color: #BEBEBE !important;
}

.form-cases .form-control, .form-cases .form-control:focus {
    background-color: #fff;
    color: #484747;
    height: 50px;
    border-radius: 4px; 
    font-size: 14px;
    border: 1px solid #9A9B9D;
    position: relative;
    padding-left: 12px;
    outline: 0;
    box-shadow: 0 0 0 0.0rem rgb(0 123 255 / 0%);
}

.form-cases textarea {
    min-height: 100px;
    caret-color: #914997;
}

.form-cases input {
    caret-color: #914997;
  }

  .form-cases .form-control:focus {
    border: 1px solid #914997;
  }

.form-control, .form-control:focus {
    background-color: transparent;
    color: #484747;
	border-bottom: 1px solid #484747 !important;
    height: 50px;
    border-radius: 0px; 
    font-size: 25px !important;
    border: 0px;
    position: relative;
    padding-left: 50px;
    outline: 0;
	box-shadow: none !important;
    
}



.form-control::placeholder {font-size: 23px !important;}

.form-control:focus P {
    box-shadow: 0 0 0 0.0rem rgb(0 123 255 / 0%);
}

.form-control.frm-register {
    background-color: transparent;
    border-bottom: 1px solid #484747;
    padding-left: 0px;
}

.form-control.frm-register:focus {
    box-shadow: none;
}

.input-group-prepend {
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 1;
}

.input-group-text {
    width: 100%;
    height: 100%;
    justify-content: center;
    border-radius: 0px;
    border: 0px;
    background-color: transparent;
    padding: 0px;
}

label, label a {
    color: #6c757d;
}

.btnAdd, .file-link, .efg-delete  {
    color: #7142DC;
}

.btnAdd {
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}

.file-link {
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 16px;
}

.efg-delete {
    font-size: 14px;
}
.btnAdd:hover, .btnAdd:focus{
    color: #7142DC;
    text-decoration: none;
}

.file-box div.mt-2{
    display: none;
}

.file-box {
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 8px;
}

.btnAdd i {
    font-size: 18px;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 15%);
    border-radius: 4px;
    padding: 6px 4px;
    background-color: white;
}

.btn-cases-container {
    transform: translateY(-50%);
}

.text80 {
    font-size: 45px;
}



.brder-right-desktop {
    border-right: 1px solid white;
}

.box-useful-tools {
    background-color: white; 
    border-bottom-left-radius: 14px; 
    border-bottom-right-radius: 14px;
    filter: drop-shadow(2px 2px 5px #86B9DE);
    text-decoration: none;
}

.box-useful-tools:hover {
    text-decoration: none;
}

.box-video {
    padding-bottom: 56.25%;
}

.box-video iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.font-18 {
    font-size: 18px;
}
.line-height-md {
    line-height: 1.5;
}
.case-info-container {
    width:100%;
}
.icon-container {
    width: 100%;
}

.fondo-registrazione {background-color: #FDF3FB; }

@media screen and (min-width:576px) {
    .modal-dialog {
        max-width: 80%;
    }
  
    
    .bxAutori {
        font-size: 16.5px;
    }
}

@media screen and (min-width:768px) {
  
    .col-md-7.text-login-container {
        -ms-flex: 0 0 52%;
        flex: 0 0 52%;
        max-width: 52%;
    }
    .bg-e-learning {
        min-height: 360px;
    }

    .bxAutori {
        font-size: 20px;
    }
    .buttons-box {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
	.border-md-bottom-0 {border-bottom: 0px !important;}
    
}


@media screen and (min-width: 992px) and (orientation: portrait) {
    .login {
        min-height: 800px !important;
    }
}

@media screen and (min-width: 992px) {
    .img-login-container img {
        max-width: 80%;
    }
    .max-wdth-desktop {
        max-width: 780px;
        margin: 0 auto;
    }
    .text-container {
        max-width: calc(100% - 110px) !important;
    }
    header {
        position: fixed;
    }
    .login > .row {
        padding-top: 50px;
    }
    header {
        background-color: rgba(255, 255, 255, .9);
        height: 84px;
        opacity: 1;
   
    }
    
    .pad-top {
        padding-top: 84px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 40px;
        padding-left: 40px;
    }
    .login {

        max-height: 75vh;
        display: flex;
        align-items: center;
        padding-top: 120px; 
		padding-bottom: 120px;
    }
  
	
}



@media screen and (min-width: 1200px) {
    .img-login-container img {
        max-width: 85%;
    }
    .mg-left-neg {
        margin-left: -30px;
    }
    
    h1 {
        font-size: 5em;
        line-height: .89;
    }
    h1 span.sm {
        font-size: 50.5563px;
        line-height: 62px;
    }
    h1 span {
        letter-spacing: 0.03em;
    }
    
    h1 img.logo {
        max-width: 480px;
    }
    
    .divider {
        height: 6px;
    }
    .divider::after {
       width: 30px;
       height: 30px;
    }
    
    h2 {
        font-size: 48px;
    }
  
    .box-content-container {
        max-width: 1000px;
        margin: 0 auto;
    }

    .max-wdth-desktop {
        max-width: 950px;
        margin: 0 auto;
    }
	

  
    .buttons-box {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }
    .case-info-container {
        width:70%;
    }
    .icon-container {
        width: 30%;
    }
    
}


@media screen and (min-width: 1360px) {

}

@media screen and (min-width: 1500px) {

}

@media screen and (min-width: 1600px) {
  
    header {
        left: 50%;
        transform: translateX(-50%);
    }
    .container {
        max-width: 1280px;
    }
    .modal-dialog {
        max-width: 80%;
    }

}
@media screen and (min-width: 1280px) and (max-width: 1600px)
{
	body {position: relative !important;}
	header > div {margin-left: auto !important; margin-right: auto !important; width: 100%;}
}

@media screen and (min-width: 992px) and (max-width: 1599px) {
	header {margin-left: auto; margin-right: auto;}
}

@media screen and (max-width: 1599px) {
    .container {
        max-width: 1280px;
    }
	header {background-color: rgba(255, 255, 255, .9);}
}



@media screen and (max-width: 991.98px) {
    .box-criteri h4, li, .box-links-cases ul li {
        font-size: 16px;
    }
    .login {
        min-height: unset;
    }
    .login img.logo{
        max-width: 226px;
    }
    h1, .banner h1 {
        font-size:42px;
    }
    .banner h1 {
        line-height: .89;
     }
     h1 span.sm {
        font-size: 18px;
        line-height: 22px;
    }
    .divider {
        height: 2px;
    }
    .divider::after {
        width: 10px;
        height: 10px;
    }
    h2, .banner h2 {
        font-weight: 600;
        font-size: 18px;
        line-height: normal;
    }

    h3 {
        font-size: 30px;
        
    }
    .banner img {
        max-width: 100%;
    }

    .navbar-toggler {
        z-index: 1030;
		
    }
    button:focus {
        outline: 0px dotted;
        outline: 0x auto -webkit-focus-ring-color;
    }
    .navbar-collapse {
        background-color: #fff;
        position: absolute;
        top: -37px; /*95*/
        left: 0;
        right: 0;
    }
    .navbar-nav .nav-link {
       text-align: left;
       padding-left: 1.5rem;
       padding-right: 1.5rem;
       margin-bottom: 1.5rem;
    }
    .login, .pad-top {
        padding-top: 65px;
    }
    .buttons-box > div:first-child {
        border-right: 0px solid #fff;
        border-bottom: 2px solid #fff;
    }
    .box-title {
        flex-wrap: wrap-reverse;
    }
   

    .banner .col-7 {
        margin-left: auto;
        margin-right: auto;
    }
    .max-wdth-desktop {
        justify-content: center;
    }
	header {background-color: transparent;
	}
}

@media screen and (min-width: 556px) and (max-width: 991.98px) {
    .bg-azzurro::after, .bg-verde::after, .bg-crema::after {
        top: 94%;
        bottom: unset;
        height: 46%;

    }
}

@media screen and (max-width: 575.98px) {
    .brder-right-desktop {
        border-right: 0px solid white;
    }
    .tit-snft span:first-child {
        line-height: 1;
    }
    .btn-cases-container .btn-register, .btn-cases-container .btn-invio {
        min-width: auto;
        width: 100%;
    }
	
.login {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
	background-size: cover !important;
  background-image: url( "../img/bannerone.jpg"), url( "");
	
}
	.bg-registrazione {background-image: url( "../img/headerone.jpg"), url( "");
padding-top: 200px !important;}


}