.secondary-color{color: #6c1b3a;}
.secondary-bg-color{background: #6c1b3a;}
.wrapper.front{
	position: fixed;
}
.login-register-form {
    position: absolute;
    top: 0px;
    bottom: 0px;
    padding: 0 2rem 0 0.5rem;
    background: #ffffff40;
    right: 0px;
    backdrop-filter: blur(10.5px);
    -webkit-backdrop-filter: blur(10.5px);
    border: 1px solid #fff;
}

.ifrm{
  height: 70vh!important;
  min-height: 70vh!important;
  max-height: 70vh!important;
}

.auth-wrapper .auth-form {
    flex: 0 0 24rem;
    max-width: 22rem;
    padding: 1rem;
    margin-left: 2rem;
    background: rgb(255 255 255 / 2%);
    border-radius: 24px;
    box-shadow: 0 4px 13px 5px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.5px);
    -webkit-backdrop-filter: blur(10.5px);
    border: 1px solid rgba(255, 255, 255, 0.81);
}
.logo-finzUnioneEuropea {
    flex: 0 0 24rem;
    max-width: 16rem;
    display: flex;
    padding: 1rem;
    margin-left: 2rem;
    justify-content: center;
    background: rgba(255, 255, 255, 0.44);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.5px);
    -webkit-backdrop-filter: blur(10.5px);
    border: 1px solid rgba(255, 255, 255, 0.81);
}
#myVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
  }
  .logo-box {
    display: block;
    margin: 0 auto 10px;
    width: 100%;
}
.logo-box img{
	display: block;
    margin: 0 auto;
    margin-bottom: 23px;
}
.input-validation-error {
	color: #ff0000;
	text-align: center;
}

.password-eye-icon {
    float: right;
    margin-right: 10px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}
.page-title {
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
.page-title h2 {
  font-size: 1.8rem;
  color: #1b5a6c;
  font-weight: 300;
  text-align: center;
}
.btn-dark {
  background-color: #1b5a6c!important;
  border-color: #1b5a6c!important;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 1px 1px 7px #222;
  margin-bottom: 11px;
  width: 280px;
}
a.btn-dashboard {
	width: 400px;
	;
}
div.centered {
	width: 80%;
	text-align: justify;
}

div.boxes {
	height: 50px;
	border: 1px solid #000;
	width:50%;
}
.blurb-dark{
    background-color: #1b5a6c;
    border-radius: 25px;
    overflow: hidden;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    padding: 1rem;
    height: 220px;
    margin-bottom: 20px;
}
.blurb-dark h3{
  color:#fff;
  font-size: 23px;
  font-weight: 500;
}

.blurb-dark .btn{
  margin-bottom: 10px;
    position: absolute;
    display: block;
    margin: 0 auto;
    bottom: 45px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
}
div.short {
	width: 70%;
	margin: 0 auto;

}
i.fas .fa-check {
	font-size: 50px;
	color: #007f00;
  }
  input.btn.btn-primary {
	margin-top:26px;
	background-color:#56A6AF;
	border-color:#56A6AF;
	color:#fff;
	padding:10px;
	border-radius:0.3rem;
	font-size:14px;
  min-width: 150px;
  text-transform: uppercase;
  }
  div.conservazione {
	  font-size: 13px;
  }
  button.btn.btn-success.btn-sm.mr-1 {
	  font-size: 15px;
	  font-weight: 700;
  }
  .disabled-menu {
    pointer-events:none;
    opacity:0.2;
}
.btn-mt-center{
    display: block;
    margin: 0 auto;
    width: 300px;
}
.btn-pay{
  margin-top:2rem;
}
.btn-pay a{
  margin: 0 auto;
  display: block;
  width: 250px;
}
p.incipit {
  text-align: center;
  padding: 0 0 20px;
  color: #1b5a6c;
  font-size: 20px;
  font-weight: 500;
}
.bg-abstract {
    border: 3px solid #bbdbdf;
    border-radius: 24px;
    font-size: 16px;
    color: #0e1212!important;
    background-color: #ffffff;
    overflow: hidden;
    padding: 20px!important;
}
.bg-abstract.service-container{
  margin:1rem;
}

.table-services thead {
  background: #1b5a6c;
  color: #fff;
  text-transform: uppercase;
}
tr.servPersonalizzato {
  border-top: 4px solid #afc6cd;
}
.w-100px{
  width:100px;
}

.avatar-rounded img {
  border-radius: 50%;
  height: 31px;
  border: 1px solid #aaa;
  padding: 5px;
}

img.title-icon {
  width: 35px;
  margin:0 10px;
}
.w-120px {
  width: 120px;
}
.w-150px {
  width: 150px;
  background-color: #1b5a6c!important;
  border-color: #1b5a6c!important;
}
.w-300px {
  width: 300px;
}

table#tblGoods td:last-child{
text-align: center;
}
a.procedi {
  padding: 8px 13px;
  display: block;
}
.buttons-section .btn-primary {
  height: 48px;
  padding: 5px;
  width: 220px;
  line-height: 1.3em;
}
.btn-blch a{
  margin-bottom:10px;
}
/*--- media query---*/
@media (max-width: 992px) {
  .blurb-dark{
    width:100%;
  }

  #header{
    box-shadow: 1px 1px 7px 1px #ccc;
  }
  #header .header-left {
    max-width: 205px;
    width: 205px;
    flex: 1rem;
    padding-left: 0px;
}
.brand img{
  width:100%;
  max-width: 100%;
}
#hamburger{
  position: absolute!important;
  right: 76px;
  top: 20px;
}

#openHeaderOptions {
  position: absolute;
  right: 20px;
  top: 12px;
  background-color: rgb(196 224 227);
}
.header-options.show {
  box-shadow: -1px 7px 7px 1px #ccc;
  border-top: 1px solid #ccc;
}
#sidebar {
  margin-left: 0px;
  width: 100vw;
  max-width: 100vw;
  background: #fff;
  margin-top: 50px;
  height: fit-content;
  min-height: auto;
}
.sidebar-nav {
  margin-left: 0px;
  width: 100vw;
  max-width: 100vw;
  min-height: auto;
  background-color: transparent;
  padding: 10px 10px 2px;
}
a.sidebar-nav_sub-item--link {
  font-size: 11px;
  padding: 3px;
}
.sidebar-nav_item.sidebar-nav_has-sub.show {
  width: 100vw;
  }
.sidebar-nav .sidebar-nav_sub-menu .sidebar-nav_sub-item--link {
  padding: 2px 0px 2px 10px;
  display: block;
  line-height: 1;
  font-size:18px;
}

.page-title {
  padding: 10px 10px 0px;
  width: 100%;
  margin-bottom: 8px;
}
#header .header-options.show {
  flex-wrap: wrap;
  padding: 0.5rem;
  justify-content: space-evenly;
}
}
@media (max-width: 1280px){
  .buttons-section .btn-primary {
    width: 250px;
    padding: 15px 5px;
    height:60px;
}
}



div.avviso {
  background-color: #DEEDEF;
  font-weight: 500;
  color: #1b5a6c;
}
a.gr-btn,
button.gr-btn {
  font-size:13px;
  background-color: #1b5a6c;
  border-color: #1b5a6c;
  padding: 8px 13px;
}
.claim-prezzi {
  position: absolute;
  left: 40px;
  max-width: 300px;
}
.claim-prezzi h3 {
  color: #1a5a6c;
  font-size: 2em;
  line-height: 1.2em;
  margin-top: 11px;
  text-shadow: 0px 0px 2px #fff;
}
  /* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (orientation: landscape) {
}

 /* iPhone X and Xs Landscape*/
  @media only screen
  and (min-device-width: 375px)
  and (max-device-width: 991.98px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
}

/* iPhone XR Portrait */
@media only screen
and (min-device-width: 414px)
and (min-device-height: 896px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {
}

  /* iPhone X and Xs Max Portrait */
@media only screen
and (min-device-width: 375px)
and (min-device-height: 812px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
}

/*device iPhone ios12 et sim*/
@media screen and (orientation: landscape) and (min-aspect-ratio: 18/9) {
}

/*------
iPhone 6, 6S, 7, 8
------*/
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (min-aspect-ratio: 16/9)
and (orientation: landscape) {
}

/*------
iPhone 6, 6S, 7, 8
------*/
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: portrait) {
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .brand img{
      width:100%;
      max-width: 100%;
    }


}

/* ----------- iPad 3, 4 and Pro 9.7" Gy----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 834px)
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
@media (min-width: 576px) {
.card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
}
.card-deck .card {
  min-width: 220px;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

div.card-body ul.list-unstyled {
  height:280px;
}

h2.pricing-card-title {
    color: #56A6AF;
    font-size: 2rem;
    line-height: 1em;
    background: linear-gradient(145deg, #56A6AF 0%, #8e6caf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #56a6af4d;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.6), 0 4px 12px rgb(0 0 0 / 16%);
}
div.card-header h4 {
  font-size: 1.2rem;
}
div.card-body button,
div.btn-pay a.btn {
  border-radius:16px;
}
div.btn-pay a.btn {
  font-size: 20px;
  line-height: 1.7em;
}
div.nomeTestamento input {
  width:60%;
  margin:0 auto;
  border-radius:0.3rem!important;
  background-color: transparent;
  border-color: #1b5a6c;
}
div.prices {
  position: relative;
  margin-top: -315px;
}
div.page-services ul{
  text-align: left;
}
div.page-services{
  min-height: 440px;
}
ul.servizi-pacchetti {
  height: 180px;
}
.servizi-pacchetti li {
    list-style-type: square;
    margin: 0.1rem 0.5rem;
    line-height: 1.3em;
}

tr.allInclusive {
  background: #eee;
  border-bottom: 4px solid #afc6cd;
  border-top: 4px solid #afc6cd;
}

div.editor {
  padding: 0 30px;
}
.editor p{
  line-height: 1.5em;
}
.editor b{
  font-weight: 600;
}
.editor a{
  text-decoration: underline;
  color:#1b5a6c;
  font-weight: 600;
}
.editor h3{
  font-size: 1.1rem;
}
td.NomeTest,
tr.allInclusive > td:nth-child(3) {
  font-weight: 600;
}
.claim-prezzi img.logowhite{
  width:250px;
}
.form-steps-wizard.new-view {
  display: inline-block;
}
.form-steps-wizard.new-view ul{
  display: flex;
flex-wrap: wrap;
justify-content: space-around;}

.form-steps-wizard.new-view .steps.clearfix {
  padding: 10px;
  border-radius: 20px;
  margin-bottom: 15px;
}
.form-steps-wizard.new-view ul li a {
  padding: 0.3rem 1rem;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  min-width:150px;
}
li.disabled a {
  cursor: not-allowed;
}
.form-steps-wizard.new-view ul li a .number {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  text-align: center;
  font-size: 10px;
  line-height: initial;
}
.price-box{
  height: 85px;
}
/*mobile*/
@media only screen and (max-width:767.99px) {
  div.prices{
    display: block;
    margin-top: 10px;
  }
  .claim-prezzi {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: center;
    left: 0px;
    max-width: 100%;;
}
.claim-prezzi h3 {
  font-size: 1.3em;
  line-height: 1.2em;}
}

@media only screen
and (min-width: 768px)
and (max-width: 889.99px){
  div.prices{
    margin-top: -230px;
  }
}
@media only screen
and (min-width: 990px)
and (max-width: 1399.99px){
}
@media screen and (min-width:1400px) {
  div.prices {
    margin-top: -350px;
}
}
@media only screen
and (max-width: 1090px){
.price-box{
  height: 120px;
}
ul.servizi-pacchetti {
  height: auto;
}
}

.codice-sconto {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.codice-sconto button {
  padding: 3px;
  width: 200px;
}
.codice-sconto input {
  margin-right: 15px;
  
}
div#chatbox {
    width: 100%;
    border: 2px solid #ccc;
    padding: 15px;
    overflow-y: auto;
    margin-bottom: 15px;
    background: #ffffff;
    border-radius: 24px;
    min-height: 300px;
}
input#userInput {
    width: 90%;
    max-width: 90%;
    border-radius: 15px;
    margin-right: 8px;
    border: 2px solid #ccc;
}
.olly-talks {
    font-weight: 400;
    color: #60467a;
}