/**
* Version: 4.2020
* Author: Simone Volpini (http://www.simonevolpini.info)
* Copyright: Cirillo Company
*/

/* ---------- TITLE, TEXT, GRID ELEMENT */

/* text */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: #6f6f6e;
  background: #fff;
  height: auto;
}
h1, h2, h3, h4, h5, h6, p, li { font-family: "Open Sans", sans-serif }

h1 { /* titoli principali, uno per pagina. Grigio grande */
  	font-weight: normal;
    font-size: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    color: #b5b9c4;
  	text-align: center;
}
h2 { /* titoli secondari di sezione di pagine. Grigio bold */
	font-weight: 700;
    font-size: 1.8rem;
    text-align: left;
    margin-top: 0;
    margin-bottom: 2rem;
    color: #b5b9c4;
    letter-spacing:-1px;
}
h2.subtitle {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.step-content h2 {
  font-size: 1.2rem;
  margin-bottom: 1.2rem;
  text-align: inherit;
}

h3 { /* titoli secondari di sezione di pagine. Blue bold */
	font-weight: 700;
    font-size: 1.8rem;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #009ee2;
    text-transform: uppercase;
    letter-spacing:-1px;
}
h4 {
  	font-size: 1.2rem;
  	margin-top: 3px;
  	margin-bottom: 15px;
}
h5 {
  	font-size: 1.12rem;
  	color: #009ee2;
  	margin: 0 0 10px 0;
	line-height: 1.4;
  	font-weight: bold;
  	text-transform: uppercase;
}
h6 {
  	font-size: 1.3em;
	font-weight: 600;
  	margin-top: 10px;
  	text-transform: uppercase;
}
h6 a { color: #009ee2 }
h6.follow {
  color: #CBCEDA;
  font-weight: 600;
  margin-bottom: 30px;
}

p {
  	font-size: 1rem;
  	line-height: 1.4rem;
}
p.data { font-style: italic }


a { color: #009ee2 }
p a { font-style: italic; color: #009ee2 }

ul {
  	list-style-type: square;
  	list-style-image:url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/square.png?v=15198444836679884650');
  	padding-left: 20px;
}
li {
  	font-size: 1rem;
  	line-height: 1.4rem;
  	margin-bottom: 1rem;
}

hr {
  	border: none;
  	border-bottom: 1px solid #dcdfeb;
  	margin: 2rem 0;
}

.anchor-block {
  	display: none;
	margin-top:-12rem;
  	padding-top:12rem;
}

@media (min-width: 576px) {
  	h2 { font-size: 2rem }
  	h2.subtitle { font-size: 1.8rem }
  	hr { margin: 2rem 0 }
  
}
@media (min-width: 768px) {
	body { font-size: 14px }
    h1 {font-size: 2.8rem; margin-top: 2.5rem; margin-bottom: 1.5rem } 
    /* 
  	h1.a-header { margin-top: 10px; padding-top: 5px  }
    h1.prod { margin-bottom: 50px }
    h2.size-md { font-size: 40px } */
    h4 { font-size: 1rem; font-weight: 300 }
  	hr { margin: 2.5rem 0 }
 	.anchor-block { display: block; }
}
@media (min-width: 992px) {
	h1 { font-size: 3.2rem }
  	h2 { font-size: 2.4rem }
  	h2.subtitle { font-size: 2rem }
    .step-content h2 {
      font-size: 1.5rem;
      margin-bottom: 0.5rem;
      text-align: inherit;
    }
}
@media (min-width: 1200px) {
	hr { margin: 1rem 0 3rem 0 }
}
  


/* ---------- GRID ELEMENT */

/* usato per le righe a 2 colonne con 1 immagine e testo */
.row-example img {
  margin: 2rem 0;
}2

.center { text-align: center }
 /* 
.centered { text-align: center; padding: 15px 10px }
.center-block { display: block; margin-left: auto; margin-right: auto  } /* deprecated */


quote { text-align: center; font-size: 16px; font-style: italic; margin: 0; padding: 0 }
blockquote {
  background: #eee;
  border: none;
  margin: 0 0 2rem 0;
  padding: 1rem;
}
.alignright {}

/* common */
.box-quote { padding: 30px 0 }
.box-related { padding: 10px 0 }
.quote-open { float: right }
.quote-close { float: left }
.section { padding-bottom: 60px  }

.rte { padding: 0 }
.rte p,
.rte-small p { font-size: 16px; color: #6f6f6e }
.celeste,
p.celeste,
.rte p.celeste { font-size: 16px; color: #009ee2; padding: 10px 0 0 0; margin: 5px 0 0 0 }
.first-title,
p.first-title,
.rte p.first-title { font-size: 16px; margin-top: 0; padding-top: 0 }

p.checkout-info.txt-red { color: #fd4d4d }

.center-img,
.btn-center { margin: 0 auto }

.icons-large { text-align: center; font-size: 40px; margin-bottom: 15px }

/* color testi */
.red { color: #FD4E4D }  
.ciano { color: #009ee2 }
.white { color: #fff }
.grey  { color: #b5b9c3 }
.dark { color: #2a2f36 }

/* color background */
.row-featured {
  background-color: #f8f8f8;
  padding: 3rem 0;
  margin: 3rem 0;
}
.grey-bk { background-color: #e7e7e7 }
.dark-bk { background-color: #2a2f36 }
.dark-bk h3,
.dark-bk p { color: #fff }
.greylight-bk { background-color: #f6f6f6 }

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {} 
@media (min-width: 1200px) {}
  
  
/* ---------- COMMON ELEMENT */

/* button */
.btn {
    text-shadow: 1px 1px 1px #777;
    box-shadow: 3px 2px 4px hsla(0,0%,78%,.6);
  	text-transform: uppercase;
  	font-weight: bold;
  	min-width: 72px;
}
.btn-sm { padding: 2px 5px 2px 5px; }
.btn-red,
.btn-more,
.btn-primary {
    color: #fff;
    background-color: #fd4d4d;
    border-color: #fd4d4d;
}
.btn-red.focus,
.btn-red:focus,
.btn-red:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #fd2727;
    border-color: #fd2727;
}
.btn-signup,
.btn-newsletter {
  border-color: #CBCEDA;
  background: #CBCEDA;
  color: #fff;
}
.btn-signup:focus,
.btn-signup:hover,
.btn-newsletter:focus,
.btn-newsletter:hover {
  border-color: #a9acb8;
  background: #a9acb8;
  color: #fff;
}
.btn-blue {
  	border-color: #019ee1;
  	background: #019ee1;
  	color: #fff;
  	
}
.btn-blue:hover {
  	color: #fff;
  	border-color: #017cc0;
  	background: #017cc0;
}
.btn-yellow {
  	border-color: #d9d500;
  	background: #d9d500;
  	color: #fff;
  	
}
.btn-yellow:hover {
  	color: #fff;
  	border-color: #d9d500;
  	background: #d9d500;
}
.btn-orange { border-color: #999; background: #f29200; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px  #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px }
.btn-soon { border-color: #999; background: #d9d500; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 15px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px  #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px }
.btn-grey { border-color: #999; background: #cccccc; color: #fff; text-shadow:1px 1px 2px #777; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 600; -webkit-box-shadow: 1px 1px 2px  #b5b5b5; box-shadow: 1px 1px 2px #b5b5b5; border-radius: 1px }
a.btn-blue,
a.btn-orange,
a.btn-yellow { min-width: 72px; margin-bottom: 6px }

.linebottom { border-bottom: 5px solid #cbceda; margin-bottom: 2rem }
.linebottomthin { border-bottom: 1px solid #cbceda; margin-bottom: 2rem }

.btn-lg { margin-bottom: 0.5rem } 

@media (min-width: 576px) {}
@media (min-width: 768px) {
	.btn-lg { margin-bottom: 0 } 
}
@media (min-width: 992px) {} 
@media (min-width: 1200px) {}

/* ---------- BREADCRUMBS */
.bx-breadcrumb {
  display: none;
  border-bottom: 1px solid #dcdfeb;
}
.breadcrumb {
    padding: .25rem 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0;
}
.breadcrumb-item {
    margin-bottom: 0;
  	font-size: 0.8rem;
    line-height: 1rem;
}
  
@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) {
  .bx-breadcrumb {
  		display: block;
	}
    
}
@media (min-width: 1200px) {}

/* ---------- NAV BYCICLE */
.nav-document {
  display: none;
  background-color: #fff;
  margin: 1rem 0 0 0;
  border-top: 1px solid #cbceda;
  
}
.nav-document .nav-item {
  margin: 0;
} 
.nav-document .nav-link {
  font-weight: normal;
  color: #6f6f6e;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.nav-document .nav-link span {
  font-size:42px
}
.nav-document a.nav-link:hover {
	color: #009ee2;
}

.nav-anchor {
  display: none;
  background-color: #fafafa;
  margin: 0 0 3rem 0;
  border-top: 2px solid #cbceda;
  border-bottom: 5px solid #cbceda;
      z-index: 1;
}
.nav-anchor .nav-item {
  margin: 0;
} 
.nav-anchor .nav-link {
  font-weight: normal;
  color: #6f6f6e; /* 6f6f6e */
  text-transform: uppercase;
  font-size: 0.7rem;
}
.nav-anchor .nav-link span {
  font-size:1.8rem;
}
.nav-anchor .nav-link span.link-description {
  display: block;
  font-size: 0.75rem;
}
.nav-anchor a.nav-link:hover {
	color: #009ee2;
}
/* sticky */
.nav-anchor.sticky-top {
  top: 128px;
}
.nav-anchor.sticky {
  background-color: #fff;
  margin: 0 0 3rem 0;
  border-top: 2px solid #cbceda;
  border-bottom: 2px solid #cbceda;
  top: 128px;
}
.nav-anchor.sticky .nav-link {
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
}
.nav-anchor.sticky .nav-link span.link-description {
  /* display: none; */
}


@media (min-width: 576px) { }
@media (min-width: 768px) {
  	.nav-document,
  	.nav-anchor {
      display: flex;
    }
    .nav-anchor .nav-link {
      padding: 0.5rem 0.3rem;
	}
 	.nav-anchor .nav-link span {
  		font-size:1.8rem;
	}
	.nav-anchor .nav-link span.link-description {
      font-size: 0.75rem;
    }
}
@media (min-width: 992px) {
  	.nav-document,
  	.nav-anchor {
      display: flex;
    }
    .nav-anchor .nav-link {
      padding: 0.5rem 0.3rem;
	}
 	.nav-anchor .nav-link span {
  		font-size:1.8rem;
	}
	.nav-anchor .nav-link span.link-description {
      font-size: 0.75rem;
    }
}
@media (min-width: 1200px) {
  	.nav-anchor .nav-link {
      padding: .5rem 1rem;
	}
	.nav-anchor .nav-link span {
  		font-size:2rem;
	}
	.nav-anchor .nav-link span.link-description {
      font-size: 0.75rem;
    }
}


/* ---------- CALL TO ACTION, CARD, EMPHASIS */

/* emphasis */
.box-emphasis { margin-bottom: 2rem }
p.emphasis {
  	font-size: 1.2rem;
  	font-size: 1.12rem;
  	line-height: 1.7rem;
}

/* call to action */  
.bx-callto-action {
  	margin: 2rem 0;
  	padding: 1.4rem 1rem;
	background: #f8f8f8;
}
.bx-callto-action p {
  	margin: 0 0 1.3rem 0;
  	color: #343a40;
    font-family: "Roboto", sans-serif;
    font-size: 1.05rem;
    line-height: 1.4;
  	text-align: center;
}
  
/* card */
.card {
  	border: 1px solid #cbceda;
    border-radius: 0;
}
.card-footer {
    background-color: #fff;
    border-top: none;
}

.card.shadow {
  box-shadow:none !important;
}

/* card trainer */
.card-trainer h5 {
  	font-size: 1rem;
  	text-transform: none;
  	font-weight: normal;
  	margin-bottom: 0.5rem;
}
.card-trainer p.card-text {
  font-size: 0.82rem;
}
.card-trainer .card-body {
  padding: 0.5rem;
}

/* card faq */
.card-faq {
    border-radius: 0;
  	border-left: none;
  	border-right: none;
}
.card-faq .btn-faq {
  	box-shadow: none;
  	color: #009ee2;
    font-weight: bold;
    text-transform: uppercase;
  	text-shadow: none;
}
.card-faq .card-header {
  	padding: .5rem 0.5rem;
  	background: #fafafa;
}

  
@media (min-width: 576px) {
  	.bx-callto-action p { text-align: left; margin: 0 }
}
@media (min-width: 768px) {
    .btn-more { font-size: 15px }  
    .bx-callto-action { margin: 2rem 0; padding: 2rem }
    .bx-callto-action p { font-size: 1.1rem; line-height: 1.5 }
}
@media (min-width: 992px) {
    .bx-callto-action p { font-size: 1.3rem; line-height: 1.6; }
    .bx-callto-action__small { margin: 4rem 0; padding: 1rem }
}
@media (min-width: 1200px) {  }  
  

/* ---------- HEADER */
  
/* topbar */
.topbar {
  background: #2a2f36;
  margin-bottom: 0.5rem;
}
.topbar .nav-item { margin-bottom: 0 }
.topbar .nav-link {
  padding: .5rem 0.5rem; 
}
.topbar a {
  font-size: 0.82rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.topbar a:hover { color: #fff }
  
.navbar-fctop {
	background: #2a2f36;
}
.navbar-fctop .nav-link {
  padding: .6rem 0;
  text-align: center;
  font-size: 0.82rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.navbar-fctop .nav-link:hover { color: #b5b9c3 }
  
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
  

/* logo, mainmenu, shopper */
.navbar-fc .dropdown-toggle::after { display: none }
.header2020 {
  background: #fff;
}
.header2020 .logo { margin: 0; height: 60px }
.header2020 .box-shopper { position: relative; color: #b5b9c3; padding: 6px 0 0 5px; width: 120px; float: left; text-align: right; font-size: 14px; font-style: italic }
.header2020 .box-shopper a { font-weight: 500; margin-top: 0; margin-left: 0; color: #b5b9c3; font-style: normal  }
.header2020 .shopper { display: block; float: left; text-align: center; width: 39px; padding: 10px 0 11px 0; font-size: 16px; font-style: normal; font-weight: bold; color: #009ee2; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/bag.png?v=10347894897744522144') no-repeat 6px 0; margin: 0 5px 0 0 }
.header2020 #currencies { border: none; color: #6f6f6e; background: #fff; font-size: 12px; font-style: italic }

.navbar-fc {
  border: none;
  background: #fff;
  padding: 0 1rem;
}
.header2020 .navbar-light .navbar-toggler {
    color: #000;
    border-color: #fff;
} 
.header2020 .nav-item { margin-bottom: 0 }
.header2020 .navbar-light .navbar-nav .nav-link { color: #b5b9c3; }
.header2020 .navbar-light .navbar-nav .nav-link:hover { color: #009ee2 }
.navbar-fc .navbar-collapse { background: #fff; border:1px solid #2a2f36 }
.navbar-fc .nav-link { font-size: 1rem; font-weight: 700; color: #b5b9c3; text-shadow: none; padding: 10px 6px }
.navbar-fc .nav-link:hover { background-color: #fff; color: #009ee2 }
.navbar-fc .dropdown-menu {
  background: #f4f4f4;
  border: none;
  padding: 0;
}

.navbar-fc .dropdown-item {
  padding: .45rem 1.5rem;
  border-bottom: 1px solid #fff;
}
@media (min-width: 576px) {}
@media (min-width: 768px) {
    .header2020 { margin-bottom: 0 }
    .header2020 .logo { margin: 5px 0 0 0; height: 75px }

    .header2020 .box-shopper { position: relative; color: #6f6f6e; padding: 21px 0 0 0; width: 120px; float: right; text-align: right; font-size: 14px; font-style: italic }
    .header2020 .box-shopper a { font-weight: 500; margin-top: 0; margin-left: 0; color: #6f6f6e; font-style: normal  }

    .header2020 .box-menu { position: relative; background: url(//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/border.gif?v=7075839551097668954) repeat-x bottom left #fff;  }

    .header2020 .box-bag { font-size: 12px; height: 40px; position: absolute; bottom: 3px; right: 15px }
    .header2020 .box-bag a { }
    .header2020 #box-currencies { }
    .header2020 #currencies { font-size: 11px }
    .header2020 #currencies option.selected { background: red }

    .navbar-fc { border: none; background: #fff; position: relative; margin-bottom: 0; min-height: 50px }
    .navbar-fc .navbar-collapse { padding: 0; border: none; }
    .navbar-fc .nav-link { font-size: 0.8rem; padding: 10px 6px; border-bottom: 5px solid #cbceda }
    .navbar-fc .nav-link:hover { background-color: #fff; color: #009ee2 }
    .navbar-fc .navbar-nav > .active > a,
    .navbar-fc .show .dropdown-toggle { background-color: #fff; border-bottom: 5px solid #33aae0; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #009ee2!important }

    /* .navbar-fc .dropdown:hover .dropdown-menu { display: block; margin-top: 0 } apertura all'hover */
    .navbar-fc .dropdown-menu { box-shadow: none; border: 1px solid #cbceda; border-radius:0; background: #fff }
    .navbar-fc .dropdown-item { color: #b5b9c3; font-size: 1rem; background: none; border-bottom: none; padding: .35rem 1rem; }
    .navbar-fc .dropdown-item:hover,
    .navbar-fc .dropdown-item.active,
    .navbar-fc .dropdown-item.active:hover { color: #33aae0; background: none }
}

@media (min-width: 992px) {
  	.navbar-fc .navbar-nav > li > a { font-size: 1rem }
}
@media (min-width: 1200px) {}

/* second header: pomodoro o antiif */
.header-second {
  padding: 0.5rem 0;
  text-align: center;
}
.header-second img { max-height: 90px !important } 
.header-second--pomodoro { background: #f9f7f4 }
.header-second--antiif { background: #FD4E4D }

  
/* ---------- TESTIMONIAL BOX */

.box-testimonials {}
.elem-testimonial { margin: 0 0 2rem 0 }
.elem-testimonial img { margin-bottom: 1rem }
.box-testimonials .elem-testimonial:last-child { margin: 0 }
.box-testimonial { margin: 1rem 0 }

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {} 
@media (min-width: 1200px) {}


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

/* stili della tabella con gli appuntamenti (calendario). Per default considero 8 colonne */
.calendar-name {
    color: #2a2f36; /* b5b9c3 */
    font-size: 1rem;
    margin-bottom: 0.2rem;
    margin-top: 1.5rem;
    font-weight: bold;
}
.calendar {
  	display: block;
  	width: 100%;
  	border-bottom: 1px solid #dcdfeb;
  	border-top: 1px solid #dcdfeb;
}
.calendar__head {
  	display: none;
}
.calendar__body { }
.calendar__row {
  padding: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  margin-bottom: 1rem;
}
.calendar__cell {
    padding: 0.1rem 0.2rem;
    font-size: 0.82rem;
    vertical-align: middle;
  	width: 33%; 	 	
}
.calendar__cell.text-right {
  	text-align: left;
  	width: 100%;
}
.calendar__head .calendar__cell {
    font-size: 0.82rem;
    border-bottom: 2px solid #2a2f36;
  	background: #f7f7f7;
  	color: #2a2f36;
}
.calendar__row:nth-child(odd) {
  	background: #f7f7f7;
}

.calendar__row:nth-child(even) {
  	background: #f7f7f7;
}
.calendar__cell--x2 {
  	width: 100%;
  	border-bottom: 1px solid #dcdfeb;
}
.calendar__cell--x3 {
  	width: 100%;
  	border-bottom: 1px solid #dcdfeb;
}
.calendar-icon { display:block }
.calendar-icon i { font-size: 28px; line-height: 35px; text-align: center }

@media (min-width: 576px) {
	/* stili della tabella con gli appuntamenti (calendario). Per default considero 8 colonne */
    .calendar-name {
        color: #2a2f36; /* b5b9c3 */
        font-size: 1rem;
        margin-bottom: 0.2rem;
        margin-top: 1.5rem;
        font-weight: bold;
    }
    .calendar {
        display: table;
        width: 100%;
        border-bottom: 1px solid #dcdfeb;
        border-top: 1px solid #dcdfeb;
    }
    .calendar__head {
        display: table-header-group;
    }
    .calendar__body {
        display: table-row-group;
    }
    .calendar__row {
        display: table-row;
    }
    .calendar__cell {
        display: table-cell;
        padding: 0.7rem 0.2rem;
        font-size: 0.82rem;
        width: 9.0909%;
        vertical-align: top;
    }
  	.calendar__cell.text-right {
        text-align: right;
        width: auto;
    }
    .calendar__head .calendar__cell {
        font-size: 0.82rem;
        border-bottom: 2px solid #2a2f36;
        background: #fff;
        color: #2a2f36;
    }
    .calendar__row:nth-child(odd) {
        background: #fff;
    }

    .calendar__row:nth-child(even) {
        background: #f7f7f7;
    }
    .calendar__cell--x2 {
        width: 18.1818%;
        border-bottom: none;
    }
  	.calendar__cell--x3 {
        width: 27.2727%;
        border-bottom: none;
    }
    .calendar-icon { display:block }
    .calendar-icon i { font-size: 28px; line-height: 35px; text-align: right }
}
@media (min-width: 768px) {}
@media (min-width: 992px) {} 
@media (min-width: 1200px) {}


/* ---------- HOME PAGE */
span.nowrap { display: inline-block; }
a.link-text:link, a.link-text:visited, a.link-text:hover, a.link-text:focus, a.link-text:active {text-decoration: none;}

#carousel-index { height: 800px }
.carousel-indicators { bottom: 0 }
.carousel-indicators .active { background-color: #bbb }
.carousel-indicators li { border: 1px solid #bbb }

/* nuovo slide home */  
.carousel-cc .carousel-caption { right: 25%; left: 25%; bottom: 0; padding-bottom: 10px }
.carousel-cc .carousel-caption h1 { background: transparent }
.carousel-cc .carousel-caption h1,
.carousel-cc .carousel-caption h1 a { font-size: 24px; color: #fff; text-decoration: none; border: none; text-shadow: none }
.carousel-cc .carousel-control { width: 10% }
.carousel-cc .carousel-control .glyphicon-chevron-right { right: 25% }
.carousel-cc .carousel-control .glyphicon-chevron-left { left: 25% }

/*.carousel-cc-home .item { min-height: 405px } */
.carousel-cc-home .btn-parent { position: relative;}
.carousel-cc-home .carousel-caption {position: absolute; bottom: 0}
.carousel-cc-home .carousel-caption {position: absolute; bottom: 0}

.carousel-cc h2 { font-size: 30px; padding-bottom: 15px; margin-bottom:0; text-align: center; font-weight: 500 }

/*
.carousel-cc p {  margin-top: 20px; padding-bottom: 15px; margin-bottom:0; text-align: center; color: #6f6f6e; background: #fff }
*/
.carousel-cc p {  margin-top: 20px; padding-bottom: 15px; margin-bottom:0; text-align: center;  background: #fff }

/* magazine */
.bx-mag { position: relative; padding-top: 15px; padding-bottom: 0; margin-top: 40px; margin-bottom: 40px; background: #fff; border: 1px solid #e3e3e3; border-top-right-radius: 0;  }
.bx-mag .event-photo { position: relative }
.bx-mag .bx-mag-info { position: relative; display: table-cell; vertical-align:bottom; padding: 10px 8px 0 8px; height: 155px }

.bx-mag .bx-mag-data { width: 80px; height: 70px; position: absolute; top: -25px; right: 10px; background: #2a2f36; color: #fff; font-weight: bold; font-size: 13px; text-align: center; padding: 7px; border-radius: 10px }
.bx-mag .bx-mag-data .number { font-size: 34px; font-weight: bold; margin: 0; padding: 0; line-height: 36px }

.bx-mag .mag-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase }
.bx-mag .mag-subtitle { font-size: 15px }
.bx-mag .mag-where { font-size: 13px; color: #b5b9c3; font-weight: normal; position: relative; padding-bottom: 5px }
.bx-mag .mag-where a { color: #6f6f6e }

.linebottom-space {
  margin-bottom: 15px;
}


/* 6 righe */
@media (min-width: 768px) {
  .carousel-cc h2 { font-size: 65px; padding-bottom: 35px; margin-bottom:0 } /* margin-bottom:35px non va con firefox, non so perche' */
  .carousel-cc h2.size-md { font-size: 40px; font-weight: bold }    

  #carousel-index { height: 520px }

  .carousel-cc .carousel-caption { right: 10%; left: 10%; bottom: 3px; padding-bottom: 20px; text-align: right }
  .carousel-cc .carousel-caption h1,
  .carousel-cc .carousel-caption h1 a { font-size: 34px; text-align: right }
  .carousel-cc .carousel-control { width: 10% }
  .carousel-cc .carousel-control .glyphicon-chevron-right { right: 25% }
  .carousel-cc .carousel-control .glyphicon-chevron-left { left: 25% }


  .carousel-cc-home .btn-parent { position: relative;}
  .carousel-cc-home .carousel-caption {position: absolute; bottom: 0}

  .box-brand { margin-bottom: 20px }

  .bx-mag .mag-title { font-size: 16px }
}

/* 2 righe */
@media (min-width: 992px) {

  #carousel-index { height: 500px }
  .carousel-cc .carousel-caption { right: 10%; left: 10%; bottom: 35px; padding-bottom: 25px; text-align: right }
  .carousel-cc .carousel-caption h1,
  .carousel-cc .carousel-caption h1 a { font-size: 40px }

  .carousel-cc-home .btn-parent { position: relative;}
  .carousel-cc-home .carousel-caption {position: absolute; bottom: 20}
}	


/* ---------- PAGES */

.box-pages { padding-bottom: 30px }
/* .box-pages p { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 } */
.box-pages ul { margin-bottom: 25px }
/* .box-pages li { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 } */
.box-pages .small-list li { font-size: 15px; margin: 0 0 0 0}
.box-pages img { margin-bottom: 20px;  }
.box-pages strong { font-size: 15px; line-height: 22px; }
.box-pages blockquote > p { font-size: 15px; line-height: 22px; margin-bottom: 0px }
.box-pages blockquote > p > strong { font-size: 15px }
.box-pages h2 { color: #6f6f6e; margin: 20px 0 13px 0; font-size: 20px; font-weight: 600; text-transform: uppercase }
.box-pages h2 img { float: right; margin-bottom: 6px; margin-left: 15px; margin-right: 10px }
.box-pages h3 img { vertical-align: bottom; margin-bottom: 6px; margin-left: 15px; margin-right: 10px }
.box-pages h4 { font-weight:bold;line-height: 1.4; }
.box-pages h5 { font-size: 15px; line-height: 22px; color: #009ee2; margin: 0 0 10px 0 }
.box-pages h6 { font-size: 18px; color: #009EE2; margin: 25px 0px 15px; padding: 0; text-transform: uppercase }

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {} 
@media (min-width: 1200px) {}


/* box paragrafo in evidenza con Lampadina o info elenco */
.box-new { padding-bottom: 2rem }
.box-new p {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}
.box-new ul { margin-bottom: 1rem }
.box-new li {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
}

.box-new p.small-p  { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 }


.box-new .small-list li { font-size: 15px; margin: 0 0 0 0}
.box-new .small-list strong { font-size: 15px; margin: 0 0 0 0}
.box-new h2 { color: #6f6f6e; margin: 20px 0 13px 0; font-size: 20px; font-weight: 600; text-transform: uppercase }
.box-new h4 { font-weight:bold;line-height: 1.4; }  
.box-new h6 { font-size: 18px; color: #009EE2; margin: 25px 0px 15px; padding: 0; text-transform: uppercase }
.box-new h2 img { float: right; margin-bottom: 6px; margin-left: 15px; margin-right: 10px }
.box-new h3 img { vertical-align: bottom; margin-bottom: 6px; margin-left: 15px; margin-right: 10px }
.box-new img { margin-bottom: 20px;  }
.box-new strong { font-size: 18px; line-height: 24px; }
.box-new blockquote > p { font-size: 15px; line-height: 22px; margin-bottom: 0px }
.box-new blockquote > p > strong { font-size: 15px }

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {} 
@media (min-width: 1200px) {}

/* box paragrafo con lampadina */
.box-info-new {
  background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-info-section.png?v=11149845037062367096') no-repeat;
  padding-left: 70px;
}
  
.box-content-new {
  margin-top: 20px; 
  background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-content-section.png?v=9021175152576489429') no-repeat;
  padding: 0 0 20px 70px;
}






.pdbottom { padding-bottom: 0px }  

.centerBox { text-align: center }
.lineDotted { border: none; border-bottom: 1px dashed #a7a5a6; line-height: 0; height: 0; margin: 0 } /* check grep, il colore  */
.lineDottedLightGray { border: none; border-bottom: 1px dashed #cbceda; line-height: 0; height: 0; margin: 0 } /* check grep, il colore  */
.lineSolidLightGray { border: none; border-bottom: 1px solid #cbceda; line-height: 0; height: 0; margin: 0 }
    

.img-check { margin: 20px 0; width: 40px; height: 39px }

.row1HomeSpace { padding-top: 27px; padding-bottom: 40px }
.row2HomeSpace { padding-top: 17px; padding-bottom: 40px }

.evidence { background: #f1f1f1; padding: 15px 20px 20px 20px }
.evidence h2 { height: auto; margin-bottom: 7px }

.parImgLeft, .parImgRight { padding: 0 0 20px 0 }
.parImgLeft img { float: left; margin-right: 15px }
.parImgRight img { float: right; margin-left: 15px }
.parImgLeft .txtBoxPar { padding-left: 138px }
.parImgRight .txtBoxPar { padding-right: 138px }

.req-quote,
.req-quote-francesco { padding-top: 0; text-align: right }

.boxWeekend { padding: 0 10px }


/* expertise */
.page-expertise h2 img { float: left; margin-left: 0; margin-bottom: 0 }
.page-expertise .row2HomeSpace { padding-top: 5px; padding-bottom: 10px }

/* events */
.boxbanner { height: 95px }
.date { font-size: 12px; line-height: 16px; padding-top: 3px }
.event-single .box-up-event { position: relative; margin-bottom: 18px }
.event-single .box-button { position: absolute; right: 10px; bottom: 10px; z-index: 20 }
.event-single p { font-size: 15px }
.event-single p.listTitlePost { font-size: 16px; font-weight: normal; margin: 0; padding: 0; text-transform: none }
.event-single p.listTitlePost a {  }
.event-single p.event-date { font-weight: bold; margin: 0; font-size: 15px; color: #B5B9C4 }



/* testimonials */
#box-carousel-reference {  background: #f1f1f1; padding-bottom: 15px }
#carousel-reference { background: #f1f1f1; padding: 30px 60px 0 60px; text-align: center; margin-bottom: 20px }
#carousel-reference h2 { margin: 0 }
#carousel-reference p { font-size: 16px; margin-bottom: 5px }
.carousel-control.right,
.carousel-control.left { background: none }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 4% }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right { right: 4% }

#box-carousel-referencew { background: transparent; padding-top: 0; padding-bottom: 0 }
#box-carousel-referencew #carousel-reference { background: #fff; padding: 10px 10px 0 10px; margin-bottom: 0; text-align: center }
#box-carousel-referencew #carousel-reference h2 { margin: 0 }
#box-carousel-referencew #carousel-reference p { padding-top: 7px; font-size: 15px; margin-bottom: 5px }
#box-carousel-referencew #carousel-reference .item { margin-bottom: 0 /* 30px */ }
#box-carousel-referencew #carousel-reference p.testimonial-name { text-align: left; margin-top: 17px; padding-top: 0; font-size: 16px; margin-bottom: 0; font-weight: bold; text-transform: uppercase; white-space:nowrap }
#box-carousel-referencew #carousel-reference p.testimonial-work { text-align: left; padding-top: 0; font-size: 16px; margin-bottom: 0; font-style:oblique; white-space:nowrap }
#box-carousel-referencew .box-testimonial-name { float: left; left: 50%; position: relative; margin-bottom: 10px }
#box-carousel-referencew .box-in-testimonial-name { float: left; left: -50%; position: relative }
#box-carousel-referencew .testimonial-photo { width: 56px; float: left; margin-right: 15px }
#box-carousel-referencew .testimonial-text { padding: 0 50px }
#box-carousel-referencew .carousel-control.right, .carousel-control.left { background: none }
#box-carousel-referencew .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 4% }
#box-carousel-referencew .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right { right: 4% }
#box-carousel-referencew .carousel-indicators { bottom: 0 }
#box-carousel-referencew .carousel-indicators li { background-color: #c7c6c4; border: 1px solid #c7c6c4; margin: 0; border: 1px solid #fff; border-radius: 9px; height: 9px; width: 9px }
#box-carousel-referencew .carousel-indicators li.active { background-color: #81817f; border: none; border: 1px solid #fff; border-radius: 9px; height: 9px; width: 9px; }
#box-carousel-referencew a { font-weight: normal }


/* testimonials mobile (vertical) */
.bx-testimonial { padding: 30px 0 10px 0 }
.bx-testimonial .testimonial { margin-bottom: 10px; padding: 15px; background: #eee }
.bx-testimonial .testimonial:first-child { border-top: none }
.bx-testimonial .testimonial .voice { font-style: italic }

@media (min-width: 768px) {
  #carousel-reference { min-height: 370px }
  .box-carousel-reference-small #carousel-reference { min-height: 200px }
  #box-carousel-referencew #carousel-reference { padding: 10px 30px 0 30px }
}
@media (min-width: 992px) {
  #carousel-reference,
  #carousel-reference .item { min-height: 310px } // was 300px but not enough for Katie Geddes testimonial
  .box-carousel-reference-small #carousel-reference { min-height: 160px }
  .req-quote { padding-top: 80px; text-align: left; padding-left: 20px }
  .req-quote-francesco { padding-top: 60px; text-align: left; padding-left: 20px }
}
@media (min-width: 1200px) {
  .req-quote, .req-quote-francesco { padding-left: 60px }
}


/* EVENTS PAGE (new) */
.bx-event { position: relative; padding-top: 35px; padding-bottom: 40px; margin-top: 20px; background: #fff; border-top-right-radius: 10px; border-top-left-radius: 10px }
.bx-event:hover { background: #f1f7f7 }
.bx-event .event-photo { position: relative }
.bx-event .bx-event-info { position: relative; padding: 40px 5px 20px 5px; height: 180px; border-top: 1px solid #2a2f36 }

.bx-event .bx-event-data { width: 80px; height: 70px; position: absolute; top: -35px; right: 0; background: #2a2f36; color: #fff; font-weight: bold; font-size: 13px; text-align: center; padding: 7px; border-radius: 10px }
.bx-event .bx-event-data .number { font-size: 34px; font-weight: bold; margin: 0; padding: 0; line-height: 36px }

.bx-event .event-title { font-size: 18px; font-weight: bold; margin-bottom: 10px }
.bx-event .event-subtitle { font-size: 15px }
.bx-event .event-where { font-size: 18px; color: #2a2f36; font-weight: bold; position: absolute; left: 0; top: -25px; padding-left: 5px }

@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }


/* EVENT NEWS */
.box-single-event { background: #F1F1F1; margin-bottom: 20px; padding: 10px }
.box-single-event h2 { text-transform: uppercase }
.box-single-event p.data { font-style: normal }
.box-single-event.past { opacity: 0.5; }
.box-single-event p { font-size: 15px; line-height: 22px; }
.box-presenters { text-align: right; margin: 15px 0; }
ul.presenters { float: right; list-style: none; margin: 0; padding: 0 }
ul.presenters li { float: right; margin: 0 0 10px 10px; border: 1px solid #B5B9C4 }
ul.presenters li.presenters-title { padding-top: 15px; border:none; font-weight: bold }
ul.presenters li img { width: 50px }

@media (min-width: 768px) {
  .box-single-event { margin: 0 0 20px 0; padding: 0 15px 0 0 }
}
@media (min-width: 992px) { }
@media (min-width: 1200px) {}

/* PT IN THE NEWS */ 

.pt-news .article-title { font-size: 17px; font-weight: bold; margin-bottom: 7px }
.pt-news .article-author { font-size: 15px; margin-bottom: 6px }
.pt-news .article-date { font-style: italic; font-size: 13px; margin-bottom: 5px; }
.pt-news .article-desc { font-size: 15px;  }   
.pt-news h3 { text-transform: none }

@media (min-width: 768px) {
  .pt-news .article-title { font-size: 16px; margin-bottom: 6px }
  .pt-news .article-author { font-size: 14px; margin-bottom: 5px }
  .pt-news .article-date { font-size: 12px; margin-bottom: 4px; }  
  .pt-news .article-desc { font-size: 14px;  }  
}

@media (min-width: 992px) {
  .pt-news .article-author { font-size: 15px; margin-bottom: 6px }
  .pt-news .article-title { font-size: 17px; margin-bottom: 7px }  
  .pt-news .article-date { font-size: 13px; margin-bottom: 5px; }  
  .pt-news .article-desc { font-size: 15px;  }  
}

@media (min-width: 1200px) {}


/* TEAM */
.header-team { background: url(//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/border.gif?v=7075839551097668954) repeat-x bottom left #fff }
.box-footer-team { background: #fff; border-top: 5px solid #CBCEDA; }
.box-img-team { top:0; z-index: -1; width: 100%; height: 100%; background-color: #fff; background-size: cover; background-position: center top; background-attachment: local; position: fixed; } 

.box-top-team .linebottom { border-bottom: none; margin-bottom: 0; }
.box-top-team .header { margin-bottom: 0 }

.page-team { margin-top: 40px }
.page-team h1 { color: #FFF; border-bottom: none; padding: 0; margin: 0; font-weight: 300; text-transform: initial; }
.page-team h3 { color: #FFF; margin-top: 0 } 
.page-team p { color: #FFF; margin: 0; padding: 0; font-size: 15px }
.box-team-info { float: left; margin: 15px 0; background-color: rgba(0, 0, 0, 0.4); padding: 10px 10px; color: #FFF; border-radius: 3px; }

@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }


/* NEWS */
.box-imglarge img { width: 100% }
.art-news p { font-size: 15px; line-height: 22px }
.art-news h2 { font-size: 24px; font-weight: bold; color: #B5B9C4; font-family: "Roboto", sans-serif; } 
.art-news ul { margin-bottom: 25px }
.art-news li { font-size: 15px; line-height: 22px; margin: 0 0 15px 0 }
.article-box-icon { width: 53px; float: left; margin: 0 15px 15px 0 }
.article-box-text { padding-left: 0 }

.dl-horizontal dt { display: none }
.dl-horizontal dd { margin-left: 0 }
.dl-horizontal p { font-size: 15px; line-height: 22px }

#pagination { margin: 10px 0 20px 0; font-family: "Roboto", sans-serif; font-weight: bold; font-size: 16px }
#pagination a { color: #009EE2; font-weight: bold }
#pagination a:hover { color: #23527C; text-decoration: none }
#pagination .current { color: #B5B9C4 }

.tags { margin: 20px 0 10px 0 }
.tags a { display: block; float: left; margin: 0 4px 4px 0; padding: 3px 6px 3px 4px; background: #009ee2; color: #fff; border-radius: 3px; font-size: 11px; text-transform: uppercase; white-space: nowrap }
.tags a:hover { background: #cbceda; text-decoration: none }
.tags i {}

@media (min-width: 768px) {
  .article-box-text { padding-left: 68px }
  .dl-horizontal dt { display: inline; width: 53px }
  .dl-horizontal dd { margin-left: 73px }
}
@media (min-width: 992px) { }
@media (min-width: 1200px) { }


/* SIDEBAR */
.sidebar { padding-top: 20px; border-top: 5px solid #cbceda }
.sidebar h3 { font-size: 1.2em; color: #CBCEDA; font-weight: 600 }
.sidebar p { font-size: 14px; line-height: 20px }
.sidebar ul { padding-left: 20px; list-style-type: square; list-style-image:url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/square.png?v=15198444836679884650'); }

.form-contacts { margin: 0 0 30px 0 }
.form-contacts h3 { margin-bottom: 20px }
.form-contacts .form-group { margin-bottom: 10px }
.form-contacts .form-control { border: 1px solid #bbbbbb; border-radius: 2px; font-size: 13px; font-style: italic; color: #6f6f6e; height: 26px; line-height: 1.42857; padding: 2px 10px }
.form-contacts #note { height: 120px; resize:none }
.form-contacts #btnFrmSend { text-align: right }
#frmMessage p { font-size: 14px; text-align: right; font-weight: bold; color: #333 }
.featured-book { font-style: italic; padding: 0; margin-bottom: 5; font-weight: 500 }

.sidebar .product { min-height: 0px; }
.sidebar .product p { margin-bottom: 3px }
.sidebar .product h3 { margin-top: 0 }
.sidebar .product h3 a { color: #6f6f6e }
.sidebar .product h3 a:hover { color: #009ee2; text-decoration: none }
.sidebar .product a.readmore { color: #009ee2 } 
.sidebar-contact { margin: 0 0 30px 0 }

@media (min-width: 768px) {
.sidebar { padding-top: 50px; border-top: none }
}
@media (min-width: 992px) { }
@media (min-width: 1200px) { }

/* SIDEBAR TABS */
p.tab  { margin-top: 15px; color: #b5b9c3; font-size: 16px }



/* PRODUCT */
.product { position: relative } /*margin-bottom: 40px;  padding-bottom: 30px*/
.product h3 { font-size: 1.2em }
.product a.btn-more { bottom: 0; left: 0 }
.product p { font-size: 15px; line-height: 20px }
.product p.author { font-size: 13px; margin-bottom: 6px; }
.product p.source { font-size: 17px; font-weight: bold; margin-top: 10px; margin-bottom: 10px }

.box-download { padding: 0 0 20px 0; margin-bottom: 20px; }
.box-download a { display: block; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/button-download-wahp.png?v=8885021929708421197') no-repeat 7px 5px; min-height: 100px; border: 1px solid #6F6F6E; padding: 20px 20px 20px 140px;  }
.box-download a:hover { text-decoration: none; background-color: #eee }
.box-download a p { color: #6f6f6e }
.box-download p.download-text { font-size: 14px }

.box-info { margin-top: 15px;padding: 0 0 20px 0 }
.box-content { margin-top: 20px; padding: 0 0 20px 0 }
.box-events { margin-top: 20px; padding: 0 0 20px 0 }  
.box-involved { margin-top: 20px; padding: 0 0 20px 0 }

.box-info h5 { font-size: 18px; line-height: 24px; color: #009ee2; margin: 0 0 10px 0 }
.box-info h6 { font-size: 14px; margin: 0 }
.box-info p { font-size: 18px; line-height: 24px }
.box-info p.pages { font-size: 15px; line-height: 22px }

.book-home { padding: 0 0 40px 0 }
.book-home .author, .book-home .title { font-family: "Roboto", sans-serif; margin-bottom: 0 }
.book-home .author { font-weight: 300; font-style: italic }
.book-home .title { font-weight: 900; color: #b5b9c3 }
.book-home .description { clear: left }
.book-home .available { color: #009ee2; font-style: italic; margin-bottom: 20px }

.img-badge {
  width: 90px !important;
  height: auto;
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
}

.virgolettato { text-align: center; font-style: italic; font-size: 15px }
.text-small { font-size: 14px }

.box-related img { margin-bottom: 20px }


@media (max-width: 768px) {
  .row-products-alt3 .product { padding-bottom: 0px } /* trainers */
  
}
@media (min-width: 768px) {
  .product a.btn-more { position: absolute; }
  /*.product { margin-bottom: 20px; min-height: 360px; padding-bottom: 0 }*/
  .product h3 { font-size: 1.2em }

  /* varianti altezze griglia prodotti */
  .row-products-alt0 .product { min-height: 300px } /* bassa */
  .row-products-alt1 .product { min-height: 320px } /* media */
  .row-products-alt2 .product { min-height: 370px } /* alta */
  .row-products-alt3 .product { min-height: 200px } /* trainers */
  .row-products-alt4 .product { min-height: 260px } /* pomodoro editions */
  .row-products-alt5 .product { min-height: 400px } /* molto alta */
  .row-products-alt6 .product { min-height: 380px } /* books */
  .row-products-alt7 .product { min-height: 320px } /* media alta */
  .row-products-alt-in-the-news .product { min-height: 410px } 
  .row-products-alt8 .product { min-height: 350px } /* media */
  .row-products-alt9 .product { min-height: 180px } /* media */

  .box-download { padding: 0 0 20px 70px; margin-bottom: 20px }
  .box-info { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-info-section.png?v=11149845037062367096') no-repeat; margin-top: 15px; padding: 0px 0 20px 70px }
  .box-content { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-content-section.png?v=9021175152576489429') no-repeat; margin-top: 20px; padding: 0 0 20px 70px }
  .box-events { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon_events.png?v=16281873376772185249') no-repeat; margin-top: 20px; padding: 0 0 20px 70px }
  .box-involved { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-getting-involved.png?v=1311668341580072999') no-repeat; margin-top: 20px; padding: 0 0 20px 70px }
  .box-online { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-desktop.png?v=14719495038509642060') no-repeat; }
  .box-onsite { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-building.png?v=2023068612212071837')  no-repeat; }
  .box-inperson { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-getting-involved.png?v=1311668341580072999') no-repeat; }
  .box-file { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-file_x46.png?v=5872421544612727770') no-repeat; }

  .linevertical { border-left: 1px solid #cbceda }
  .box-variant { padding-left: 11px }

  .book-image-home { padding: 40px 0 40px 20px }
  .book-home { padding: 40px 10px 40px 10px }
  .book-home .author { font-size: 26px }
  .book-home .title { float: left; font-size: 48px; line-height: 48px; border-bottom: 2px solid #e3e6ed; padding: 4px 0 12px 0; margin-bottom: 15px }
  .book-home .available, .book-home .description { font-size: 17px }

  .smalldesc p { font-size: 14px }
  .row-products { margin-bottom: 40px }
  .virgolettato { font-size: 17px }
}
@media (min-width: 992px) {

  /*.product {  min-height: 370px;  }*/
  .product h3 { font-size: 1.2em }

  /* varianti altezze griglia prodotti */
  .row-products-alt1 .product { min-height: 310px } /* bassa */
  .row-products-alt2 .product { min-height: 370px } /* alta */
  .row-products-alt-in-the-news .product { min-height: 420px } 
  .book-home { padding: 80px 20px 40px 20px }
}
@media (min-width: 1200px) {
  /*.product {  min-height: 380px;  }*/
  .product h3 { font-size: 1.3em }
}


/* sidebar prodotti: lista delle specifiche del corso/prodotto (vecchia versione usata nei prodotti più vecchi) */
.list-variant { list-style: none; padding: 20px 0 0 0; margin: 0; border-top: 5px solid #cbceda }
.list-variant li { padding: 3px 0 3px 76px; border-bottom: 1px dashed #cbceda; min-height: 60px; margin-bottom: 10px }
.list-variant li:last-child { border-bottom: none }
.list-variant li.audio-book { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-audio-book.png?v=17202055063051672511') no-repeat 7px 5px }
.list-variant li.paperback { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-paperback.png?v=3462021574290161619') no-repeat 7px 5px }
.list-variant li.ebook { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-ebook.png?v=18034088856952663870') no-repeat 7px 5px }
.list-variant li.kindle { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-kindle.png?v=7360870808252830536') no-repeat 7px 5px }
.list-variant li.bundle1 { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-bundle1.png?v=3198737795001008101') no-repeat 7px 5px }
.list-variant li.bundle2 { min-height: 95px; background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-bundle2.png?v=13099322624384121230') no-repeat 7px 5px }
.list-variant li.timer { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-timer.png?v=8943685041906225198') no-repeat 7px 5px }
.list-variant li.crate { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-crate.png?v=5047480001486372204') no-repeat 7px 5px }
.list-variant li.kit { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-kit.png?v=15364979721857881352') no-repeat 7px 5px }
.list-variant li.preview { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-preview.png?v=4297051618998957360') no-repeat 7px 5px }
.list-variant li.download { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-download.png?v=6412419060775626803') no-repeat 7px 5px }
.list-variant li.workshop { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/variant-workshop.png?v=6462346930040596309') no-repeat 7px 5px }
.list-variant li label { font-size: 14px; display: block; margin: 0; font-weight: 600 }
.list-variant li .price { font-size: 14px; color: #009ee2; text-transform: uppercase; font-style: normal }
.list-variant li .freetext { font-size: 14px; color: #009ee2; font-style: normal; font-style: italic }
.list-variant li .sub { float: right; text-align: right; margin-left: 5px; width: 80px; font-size: 12px }

.list-variant li .price-line { padding: 0 3px; margin-right: 4px }
.list-variant li .price-line .price { position: relative }
.list-variant li .price-line img { position: absolute }
.list-variant li .price-red .price { color: #fd4d4d; font-style: normal }

.box-workshop-right { margin: 0 0 40px 0 }
.course-details { list-style: none; margin: 0; padding: 0 }
.course-details li { clear: left; padding: 3px 0; margin-bottom: 10px; border-top: 1px dashed #cbceda }
.course-details li .course-details-image { display: table-cell; padding-right: 6px }
.course-details li .course-details-text { display: table-cell; vertical-align: middle }
.course-details li strong { font-weight: 600 }

@media (min-width: 768px) {
  .list-variant { padding: 0; margin: 0; border-top: none }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) { }


/* ------ SIDEBAR PRODOTTI: lista delle specifiche del corso/prodotto */
.list-information { list-style: none; margin: 0; padding: 0 }
.list-information li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% }
.list-information li:first-child { border-top: none }
.list-information li form { width: 100%; padding: 0; margin: 0; display: table-row }
.list-information li .detail-icon { display: table-cell; padding-right: 6px; padding-top: 6px; width: 60px; text-align: center }
.list-information li .detail-icon i { font-size: 28px; text-align: center }
.list-information li .detail-text { display: table-cell; vertical-align: middle }
.list-information li .detail-text-info { font-size: 14px; }
.list-information li .detail-text-note { font-size: 13px; }
.list-information li .detail-text-small { display: table-cell; vertical-align: middle; font-size: 13px; } /* da migrare su detail-text-note */
.list-information li strong { font-weight: 600 }
.list-information li .price { font-size: 14px; color: #009ee2; text-transform: uppercase; font-style: normal }
.list-information li .sub { float: right; text-align: right; margin-left: 5px; margin-top: 2px; width: 90px; font-size: 12px }
.list-information li .price-line { padding: 0 3px; margin-right: 4px }
.list-information li .price-line .price { position: relative }
.list-information li .price-line img { position: absolute }
.list-information li .price-red .price { color: #fd4d4d; font-style: normal }

@media (min-width: 768px) {
  .list-information li .sub { margin-left: 4px } /* spezzava male il testo LINKEDIN PROFILE*/
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) { }

/* sidebar prodotti: lista delle specifice da attaccare sotto un'altra lista delle specifiche */

.remove-margin-top {margin-top: 0px} 
.add-border-top { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% }


/* sidebar prodotti: elenco delle sessioni/eventi (vecchia versione, da capire se serve ancora) */
.list-sessions { list-style: none; margin: 0; padding: 0 }
.list-sessions li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% }
.list-sessions li:first-child { border-top: none }
.list-sessions li .detail-icon { display: table-cell; padding-top: 6px; padding-right: 6px; width: 60px; text-align: center }
.list-sessions li .detail-icon i { font-size: 28px; text-align: center }
.list-sessions li .detail-text { display: table-cell; vertical-align: middle }
.list-sessions li p { margin: 0; padding: 0; font-size: 13px; line-height: 16px }
.list-sessions li strong { font-weight: 600 }
.list-sessions .session-title { font-weight: 400; font-size: 15px; margin-bottom: 3px; line-height: 19px }
.list-sessions .session-date { font-size: 16px; font-weight: 600; line-height: 21px; margin-bottom: 3px }
.list-sessions .session-time { font-size: 14px }
.list-sessions .session-where { font-size: 13px; margin-top: 4px }
.list-sessions .session-who { /* font-style: italic */ }
.list-sessions .session-more { font-style: normal; font-size: 15px; margin-top: 4px; font-weight: bold }
.list-sessions .session-text { font-size: 16px; line-height: 21px; margin-bottom: 3px }

@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) { }

/* sidebar prodotti: elenco delle sessioni/eventi */
.list-courses { list-style: none; margin: 0; padding: 0; margin-top: 15px;  }
.list-courses li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px #cbceda; width: 100% }
.list-courses li:first-child { border-top: 1px dashed; }
.list-courses li i.black { color: #cbceda}
.list-courses li i.test { color: #FFF000 }
.list-courses li i.darkbrown { color: #6f6f6f }
.list-courses li i.lightgray { color: #b5b9c3 }

.list-courses li form { width: 100%; padding: 0; margin: 0; display: table-row }
.list-courses li .detail-icon { display: table-cell; padding-right: 6px; padding-top: 6px; width: 60px; text-align: center }
.list-courses li .detail-icon i { font-size: 28px; text-align: center }
.list-courses li .detail-text { display: table-cell; vertical-align: middle }
.list-courses li .detail-text-info { font-size: 14px; }
.list-courses li .detail-text-note { font-size: 13px; }
.list-courses li .detail-text-small { display: table-cell; vertical-align: middle; font-size: 13px; } /* da migrare su detail-text-note */
.list-courses li strong { font-weight: 600 }
.list-courses li .price { font-size: 14px; color: #009ee2; text-transform: uppercase; font-style: normal }
.list-courses li .sub { float: right; text-align: right; margin-left: 5px; margin-top: 2px; width: 90px; font-size: 12px }
.list-courses li .price-line { padding: 0 3px; margin-right: 4px }
.list-courses li .price-line .price { position: relative }
.list-courses li .price-line img { position: absolute }
.list-courses li .price-red .price { color: #fd4d4d; font-style: normal }

@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) { }  

/* CALENDAR */
.list-calendar { list-style: none; margin: 0; padding: 0 }
.list-calendar li { clear: left; padding: 6px 0 3px 0; display: table; margin-bottom: 10px; border-top: 1px dashed #cbceda; width: 100% }
.list-calendar li:first-child { border-top: none }
.list-calendar li .detail-icon { display: table-cell; padding-top: 6px; padding-right: 6px; width: 60px; min-width: 60px; text-align: center }
.list-calendar li .detail-icon i { font-size: 28px; text-align: center }
.list-calendar li .detail-text { display: table-cell; vertical-align: middle }
.list-calendar li p { margin: 0; padding: 0; font-size: 13px; line-height: 16px }
.list-calendar li strong { font-weight: 600 }
.list-calendar .calendar-title a { font-style: normal;font-weight: 600; font-size: 18.2px; margin-bottom: 3px; line-height: 20.2px }
.list-calendar .calendar-date { font-size: 16px; font-weight: 600; line-height: 21px; margin-bottom: 3px }
.list-calendar .calendar-time { font-size: 14px }
.list-calendar .calendar-where { font-size: 13px; margin-top: 4px }
.list-calendar .calendar-who { font-size: 16px; line-height: 21px; margin-bottom: 3px }
.list-calendar .calendar-more { font-style: normal; font-size: 15px; margin-top: 4px; font-weight: bold }
.list-calendar .calendar-text { font-size: 15px; line-height: 20px; margin-bottom: 3px; color: #b5b9c3 }


@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) { }  


/* CART */
.cart-empy { margin: 50px 70px 70px 70px; background: #ecf7fd; border: 1px solid #eee; font-size: 18px; text-align: center; padding: 10px 30px; border-radius: 3px }

.table-cart { border-top: 1px solid #cbceda; width: 100% }
.table-cart th { text-align: center; color: #cbceda; border-bottom: 1px solid #cbceda }
.table-cart th.first { width: 0%; padding-left: 0; padding-right: 0 }
.table-cart th.items { text-align: left }
.table-cart td { text-align: right; padding-top: 10px; padding-left: 3px; padding-right: 3px; border-bottom: 1px solid #cbceda; font-size: 12px }
.table-cart td p { font-size: 15px }
.table-cart td.items { text-align: left }
.table-cart td.price { font-weight: 600; font-size: 1.0em }
.table-cart td.del { text-align: left; width: 0% }
.table-cart td.del a { font-weight: bold; font-size: 1.1em; color: #fd4d4d }
.table-cart h3 { margin: 3px 0 4px 0; font-weight: 600; font-size: 1.1em }
.table-cart td input[number], .table-cart td input { font-size: 1.1em; border: 2px solid #cbceda; border-radius: 6px; width: 45px; padding: 2px 4px; color: #009ee2; font-weight: bold }
.checkout { margin: 10px 50px 50px 0; float: right; text-align: right }
.checkout p { font-size: 16px; color: #cbceda }
.checkout .price-total { font-size: 1.6em; font-weight: bold; color: #6f6f6e }
.checkout textarea { border: 1px solid #6f6f6e; width: 50%; height: 120px }
p.checkout-info { font-size: 14px; color: #6F6F6E; padding-left: 50%; }

.additional-checkout-buttons { margin: 15px 0 0 0 }

@media (min-width: 768px) {
  .table-cart th.first { width: 5% }
  .table-cart td { font-size: 14px; padding-left: 8px; padding-right: 8px; }
  .table-cart td p { font-size: 18px }
  .table-cart td.del { width: 9% }
  .table-cart th { text-align: center; color: #cbceda; border-bottom: 1px solid #cbceda }
  .table-cart td.price { font-size: 1.3em }
  .table-cart td.del a { font-size: 1.3em }
  .table-cart h3 { font-size: 1.3em }
  .table-cart td input[number], .table-cart td input { font-size: 1.3em; width: 65px }
}
@media (min-width: 992px) { }
@media (min-width: 1200px) { }


/* ANTI-IF MANIFESTO color-red: #FD4E4D VERIFICARE */
.p-antiif .aif-box-text h2 { text-align: center; color: #fff }
.p-antiif .aif-box-text p { margin-bottom: 30px }
.p-antiif .aif-box-text p.line { margin-bottom: 0px }
.p-antiif .aif-box-text .bold { font-weight: bold; }
.p-antiif .img-code { padding: 15px 0 0 0; margin-bottom: 60px }

.p-antiif .row-dark { background: #2a2f36; margin: 40px 0; padding: 25px 10px }
.p-antiif .row-dark p { color: #fff }
.p-antiif .row-dark p a { color: #fff; font-style:normal }
.p-antiif .row-dark.no-border { margin-bottom: 0px; margin-top: 0px }
.p-antiif .row-black { background: #2a2f36; margin: 40px 0; padding: 25px 10px }
.p-antiif .row-black p { color: #fff }
.p-antiif .row-black p a { color: #fff }
.p-antiif .row-red { background: #FD4E4D; margin: 40px 0 90px; padding: 25px 10px }
.p-antiif .row-red.small-bottom { margin-bottom: 50px }
.p-antiif .row-red.no-border { margin-bottom: 0px; margin-top: 0px }
.p-antiif .row-red h4 { color: #fff }
.p-antiif .row-red p { color: #fff }

.p-antiif .row-gray { background: #fff; margin: 40px 0 90px; padding: 25px 10px }
.p-antiif .row-gray.small-bottom { margin-bottom: 50px }
.p-antiif .row-gray.no-border { margin-bottom: 0px; margin-top: 0px }
.p-antiif .row-gray h4 { color: #6f6f6e }
.p-antiif .row-gray p { color: #6f6f6e }
.p-antiif .anti-if-who a { font-size: 14px }
.p-antiif ul { margin-bottom: 25px }
.p-antiif ul li { font-size: 18px; line-height: 24px; margin: 0 0 15px 0 }
.row-black h4 { color: white; line-height: 1 }
.row-black h3 { color: white; text-transform: none; margin-bottom: 15px; text-align: center }
.row-black .highlight { background: #FD4E4D; color: #fff; padding: 2px 5px  }



/* row events */
.row-events { margin: 40px 0; background: #2a2f36; padding-left: 15px; padding-right: 15px } 
.row-events .col-sm-4 { padding-left: 0; padding-right: 0 }
ul.last-events { list-style: none; padding: 0; margin: 0; width: 100%; background: #fff; height: 100% }
ul.last-events li { float: none; width: 100%; border-top: 5px solid #cbceda; clear: both; text-align: right }
ul.last-events :first-child { border: none }
.last-events .data { display: block; float: right; background: #2a2f36; color: #fff; font-weight: bold; font-size: 13px; padding: 3px 3px; width: 80px; height: 75px; text-align: center; margin-left: 15px }
.last-events .number { font-size: 44px; font-weight: bold; margin: 0; padding: 0; line-height: 50px }
.last-events .follow { font-size: 22px; color: #fff; font-weight: 700; text-align: center; padding: 7px 0; background: #2a2f36 }
.last-events p { font-size: 14px; padding-top: 8px; line-height: 17px }
.last-events p a { font-weight: bold; font-size: 16px; font-style: normal; }
.last-events .action { padding: 15px 0; text-align: center; background: #2a2f36; }

.box-news { position: relative; padding: 0; margin: 0 }
.box-news .box-news-title { position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.7); padding: 6px 10px; min-height: 100px }
.box-news .box-news-title .data { color: #fff; font-size: 15px }
.box-news .box-news-title h3 { font-size: 16px }


/* how it works */
.p-antiif .lineDotted {
  margin-bottom: 30px;
}

@media (min-width: 0px) {
  .p-antiif img.header { max-height: 90px } /* used for pomodoro pages header */
}

@media (min-width: 768px) {
  .p-antiif img.header { max-height: 110px } /* used for pomodoro pages header */
  .p-antiif h1 img { margin: 0 auto; padding: 0 10px }     
  .p-antiif .row-dark { padding: 25px 0 }
  .p-antiif .row-black { padding: 25px 0 }
  .p-antiif .row-red { padding: 25px 0 }

}
@media (min-width: 992px) { }
@media (min-width: 1200px) { }


  
/* FOOTER */
.box-social {
  	margin: 10px 0 20px 0;
}
.social-icon {
	display: block;
  	float: left;
  	margin-right: 0.5rem;
  	width: 36px;
  	height: 36px;
  	background-size: 36px 36px;
    background-repeat: no-repeat;
  	background-position: 0 0;
}
.social-icon--facebook {
  	background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/facebook_logo.png?v=18430877593481184196');
}
.social-icon--twitter {
	background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/twitter_logo.png?v=15574536351289200897');
}

.box-newsletter { border: 1px solid #bfbfbf; margin: 0 0 20px 0; padding: 8px 10px; box-shadow: 1px 1px 3px 1px #bfbfbf; width: 92%; text-align: right }
.box-newsletter input { float: left; border: none; color: #868686; font-style: italic; font-size: 12px; width: 70%; margin-top: 3px }

.footer p { font-size: 12px; color: #868686 }

.copyright p { font-size: 11px; color: #868686; text-align: center; padding-top: 10px; margin-bottom: 15px }
.copyright p a { color: #868686; font-style: normal }

.network { border-top: 1px solid #cbceda; padding-top: 15px; margin-bottom: 25px }
.network p { font-size: 12px; color: #868686 }
.network a, .network a:link { color: #868686; font-size: 12px; background-repeat: no-repeat; display: block; height: 44px; padding: 3px 0 0 40px; line-height: 15px }
.network a.anti-if { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/anti-if.png?24863'); padding-top: 10px }
.network a.cirillo-consulting { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/cirillo-consulting.png?v=10424201227716701885') }
.network a.rrp { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/rrp.png?v=12977918941561151622'); padding-top: 10px }
.network a.wah { background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/wah.png?v=8838878553510809313'); padding-top: 10px }
.network a.wahprog {background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/wah-programming.png?v=4107200128284151019'); padding-top: 10px }
.network a.pomodoro {background-image: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/pomodoro.png?v=5719643011816650336') }

.modal-dialog { width: 500px }
.modal-info { border: 5px solid #009ee2;  border-radius: 8px }
.modal-info .modal-header { border-bottom: none; padding: 5px }
.box-addinfo { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-content-section.png?v=9021175152576489429') no-repeat; margin-top: 40px; padding: 0 0 40px 70px }

#modalSave .modal-dialog { width: 540px }
.modal-save { border: 5px solid #f2d200;  border-radius: 8px }
.modal-save .modal-header { border-bottom: none; padding: 5px }
.box-save { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-whishlist.png?v=9508670309962973045') no-repeat; margin-top: 40px; /* height: 370px; */ padding: 0 0 40px 90px }

#modalTry .modal-dialog { width: 440px }
.modal-try { border: 5px solid #009EE2;  border-radius: 8px }
.modal-try .modal-header { border-bottom: none; padding: 5px }
/* .box-try { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-whishlist.png?v=9508670309962973045') no-repeat; margin-top: 40px; height: 300px; padding: 0 0 40px 90px } */

#modalOffer .modal-dialog { width: 440px }
.modal-offer { border: 5px solid #fd4d4d;  border-radius: 8px;  }
.modal-offer .modal-header { border-bottom: none; padding: 5px }
/* .box-offer { background: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/icon-whishlist.png?v=9508670309962973045') no-repeat; margin-top: 40px; height: 300px; padding: 0 0 40px 90px } */

#modalQuote .modal-dialog { width: 400px }
/* #modalQuote .modal-body { 0 10px } */2
#modalQuote .modal-quote { border: 2px solid #888;  border-radius: 0 }
#modalQuote .modal-quote .modal-header { border-bottom: none; padding: 5px }
#modalQuote .box-quote {  min-height: 460px; padding: 0 30px 0 30px }
#modalQuote .modal-backdrop { background-color: #fff }

@media (min-width: 768px) {
  .box-related img { margin-bottom: 0 }
  .rte p { font-size: 19px; line-height: 30px }
  .rte-small p { font-size: 18px; line-height: 28px }
  .celeste, p.celeste, .rte p.celeste, .rte-small p.celeste { font-size: 19px }
  .first-title, p.first-title, .rte p.first-title, .rte-small p.first-title { font-size: 19px }

  .modal-dialog { padding-top: 140px }
}

@media (min-width: 992px) { }

@media (min-width: 1200px) { }

/* print css */
@media print {
  .navbar,
  .box-bag,
  .btn,
  .box-related,
  .follow,
  .box-social,
  .box-newsletter,
  footer,
  .sidebar,
  .noprint { display: none !important; }
  a[href]:after {
    content: none !important;
  }
  .linebottom { border: none !important }

}

/* TOOLTIP */  
/* Tooltip container */
.cc-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.cc-tooltip .cc-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.cc-tooltip .cc-tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.cc-tooltip:hover .cc-tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* HOME RULES */
.home p.last {margin-bottom: 0px } 
.home .block { padding: 25px 10px }
.home h1.header { margin-bottom: 30px }  /* header pt */
.home h1.header-af { margin-bottom: 30px } /* header anti-if */
.home .row-products {margin-bottom: 0px } /* inner mosaic */
.home .home-box {margin-bottom: 60px } /* mosaic */
.home h4 {margin-top: 0px; margin-bottom: 30px } /* grassetti rosso */
.home h2 {margin-top: 50px } /* titoli */
.home .carousel-inner {margin-bottom: 60px }



/* check */
.row-red { background: #FD4E4D;  padding: 25px 10px }
.row-red h4 { font-size: 30px; margin-bottom: 15px; text-align: center; color: #fff; font-weight: bold }
.row-red p { color: #fff }
.row-red ul { margin-bottom: 25px; list-style: none }
.row-red li { font-size: 18px; line-height: 24px; margin: 0 0 15px 0; color: #fff }  
.row-red li::before {content: "▪"; color: white; display: inline-block; width: 1em;  margin-left: -1em }

.row-grey { background: #f9f7f4;  padding: 25px 10px }
.row-grey h4 { font-size: 30px; margin-bottom: 15px; text-align: center;  font-weight: bold }
.row-grey ul { margin-bottom: 25px; list-style: none }
.row-grey li { font-size: 18px; line-height: 24px; margin: 0 0 15px 0}  
.row-grey li::before {content: "▪";  display: inline-block; width: 1em;  margin-left: -1em }  

@media (min-width: 768px) {
  .row-red h4 { font-size: 34px } /* check  */
  .row-red { padding: 25px 0 }
}  

/* CUSTOMER */
.best-customers img { margin: 0px 4px }

/* CHECKED FROM HERE */
/* common */  

.row-page { margin-bottom: 30px } /* legacy */
.row-section { margin-bottom: 25px } /* separated by line */
.row-block { margin-bottom: 20px } /* inner sections */



.spaced { margin: 5px 5px }
.spaced-button { margin: auto 10px }
.spaced-button-new { margin: 5px 5px } /* deprecated */

.no-margin { margin-top: 0px; margin-bottom: 0px }
.border {border: 1px solid #cbceda}

.backred { background: #FD4E4D; color: #fff; padding: 1px 5px }


/* black container */
.row-dark { background: #2a2f36;color: #fff; margin: 40px 0; padding: 25px 10px }
.row-dark li { font-size: 18px; line-height: 24px; margin: 0 0 5px 0}
.row-dark span.highlight { background: #FD4E4D; color: #fff; padding: 2px 5px;  }
.row-dark p.highlight { margin-bottom: 20px }
.row-dark h4.title { color: white; line-height: 1; margin-bottom: 15px }
.row-dark h4.title.extra { margin-bottom: 30px }
.row-dark h3 { color: white; text-transform: none; margin-bottom: 30px; text-align: center }
.row-dark p { color: #fff }                                   

/* goal block */
.goal { text-align: center }
.goal h2 { font-size: 45px; margin-top: 5px; margin-bottom: 25px; color: #b5b9c3 }
.goal p {  margin-bottom: 15px }
.goal p.author { text-align: left; font-style: italic; margin-bottom: 10px }
.goal p.author a { font-size: 16px; color: #009ee2; padding: 10px 0 0 0; margin: 5px 0 0 0 }

/* goal with buttons */
.goal-with-buttons p { margin-bottom: 30px }
.goal-with-buttons a { font-style: normal; margin-bottom: 30px }

@media (min-width: 768px) {
  .goal h2 { font-size: 55px;  margin-top: 15px; margin-bottom: 30px }
  .goal p.author a { font-size: 19px }
  .row-dark { padding: 25px 0 }
}

@media (min-width: 992px) {
  .goal h2 { font-size: 65px; margin-bottom: 35px }

}



/* font icons cirillo */
@font-face {
  font-family: 'cirillo-icons';
  src: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/cirillo-icons.eot?53770794&v=13541229476059413368');
  src: url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/cirillo-icons.eot?53770794%23iefix&v=13541229476059413368') format('embedded-opentype'),
  url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/cirillo-icons.woff2?53770794&v=5849113417290347476') format('woff2'),
  url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/cirillo-icons.woff?53770794&v=4513839093955357297') format('woff'),
  url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/cirillo-icons.ttf?53770794&v=13786154582024705778') format('truetype'),
  url('//cdn.shopify.com/s/files/1/0257/1675/t/154/assets/cirillo-icons.svg?53770794%23cirillo-icons&v=7444385458707968351') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="cirillo-"]:before, [class*=" cirillo-"]:before {
  font-family: "cirillo-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  font-variant: normal;
  text-transform: none;

  line-height: 1em;

  /* remove if not needed */
  margin-left: .2em;

  /* font-size: 120%; */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cirillo-users:before { content: '\e800'; } /* '' */
.cirillo-user:before { content: '\e801'; } /* '' */
.cirillo-info-circled:before { content: '\e802'; } /* '' */
.cirillo-clock:before { content: '\e803'; } /* '' */
.cirillo-calendar:before { content: '\e804'; } /* '' */
.cirillo-tag:before { content: '\e805'; } /* '' */
.cirillo-comment:before { content: '\e806'; } /* '' */
.cirillo-location:before { content: '\e807'; } /* '' */
.cirillo-ok:before { content: '\e808'; } /* '' */
.cirillo-cancel:before { content: '\e809'; } /* '' */
.cirillo-plus:before { content: '\e80a'; } /* '' */
.cirillo-minus:before { content: '\e80b'; } /* '' */
.cirillo-tags:before { content: '\e80c'; } /* '' */
.cirillo-phone:before { content: '\e80d'; } /* '' */
.cirillo-zoom-in:before { content: '\e80e'; } /* '' */
.cirillo-zoom-out:before { content: '\e80f'; } /* '' */
.cirillo-headphones:before { content: '\e810'; } /* '' */
.cirillo-globe:before { content: '\e811'; } /* '' */
.cirillo-play:before { content: '\e812'; } /* '' */
.cirillo-megaphone:before { content: '\e813'; } /* '' */
.cirillo-book-open:before { content: '\e814'; } /* '' */
.cirillo-off:before { content: '\e815'; } /* '' */
.cirillo-upload:before { content: '\e816'; }
.cirillo-comment-empty:before { content: '\f0e5'; } /* '' */
.cirillo-chat-empty:before { content: '\f0e6'; } /* '' */
.cirillo-lightbulb:before { content: '\f0eb'; } /* '' */
.cirillo-doc-text:before { content: '\f0f6'; } /* '' */
.cirillo-building:before { content: '\f0f7'; } /* '' */
.cirillo-desktop:before { content: '\f108'; } /* '' */
.cirillo-laptop:before { content: '\f109'; } /* '' */
.cirillo-code:before { content: '\f121'; } /* '' */
.cirillo-help:before { content: '\f128'; } /* '' */
.cirillo-info:before { content: '\f129'; } /* '' */
.cirillo-mic:before { content: '\f130'; } /* '' */  
.cirillo-attention-alt:before { content: '\f12a'; } /* '' */
.cirillo-euro:before { content: '\f153'; } /* '' */
.cirillo-newspaper:before { content: '\f1EA'; } /* '' */
.cirillo-hourglass-2:before { content: '\f252'; } /* '' */
.cirillo-trademark:before { content: '\f25c'; } /* '' */
  
  
  
/* ----------- STEP BLOCK */
.step {
  position: relative;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}

.step.step-dashed .step-icon::after {
  border-left-style: dashed;
}

.step-border-last-0 .step-item:last-child .step-icon::after {
  display: none;
}

.step .step-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin-bottom: 1.5rem;
}

.step .step-content-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.step .step-content {
  -ms-flex: 1;
      flex: 1;
}

/*------------------------------------
  Step Avatar
------------------------------------*/
.step .step-avatar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1rem;
  font-weight: 600;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  margin-right: 1rem;
}

.step .step-avatar-img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

.step .step-avatar::after {
  position: absolute;
  top: 3.59375rem;
  left: 1.5625rem;
  height: calc(100% - 2.65625rem);
  border-left: 0.125rem solid #e7eaf3;
  content: "";
}

/*------------------------------------
  Step Avatar
------------------------------------*/
.step-avatar-xs.step-avatar {
  font-size: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.step-avatar-xs.step-avatar::after {
  top: 2.21875rem;
  left: 0.8125rem;
  width: 1.0625rem;
  height: calc(100% - 1.28125rem);
}

.step-avatar-sm.step-avatar {
  font-size: 0.8125rem;
  width: 2.6875rem;
  height: 2.6875rem;
}

.step-avatar-sm.step-avatar::after {
  top: 3.15625rem;
  left: 1.28125rem;
  width: 1.0625rem;
  height: calc(100% - 2.21875rem);
}

.step-avatar-lg.step-avatar {
  font-size: 1.25rem;
  width: 4.25rem;
  height: 4.25rem;
}

.step-avatar-lg.step-avatar::after {
  top: 4.71875rem;
  left: 2.0625rem;
  width: 1.0625rem;
  height: calc(100% - 3.78125rem);
}

/*------------------------------------
  Step Icon
------------------------------------*/
.step .step-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1rem;
  font-weight: 600;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  margin-right: 1rem;
}

.step .step-icon::after {
  position: absolute;
  top: 3.59375rem;
  left: 1.5625rem;
  height: calc(100% - 2.65625rem);
  border-left: 0.125rem solid #dcdfeb;
  content: "";
}

.step .step-icon-pseudo::before {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #fff;
  border-radius: 50%;
  content: "";
}

/*------------------------------------
  Step Icon Sizes
------------------------------------*/
.step-icon-xs.step-icon {
  font-size: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.step-icon-xs.step-icon::after {
  top: 2.21875rem;
  left: 0.8125rem;
  width: 1.0625rem;
  height: calc(100% - 1.28125rem);
}

.step-icon-sm.step-icon {
  font-size: 0.8125rem;
  width: 2.6875rem;
  height: 2.6875rem;
}

.step-icon-sm.step-icon::after {
  top: 3.15625rem;
  left: 1.28125rem;
  width: 1.0625rem;
  height: calc(100% - 2.21875rem);
}

.step-icon-lg.step-icon {
  font-size: 1.25rem;
  width: 4.25rem;
  height: 4.25rem;
}

.step-icon-lg.step-icon::after {
  top: 4.71875rem;
  left: 2.0625rem;
  width: 1.0625rem;
  height: calc(100% - 3.78125rem);
}

/*------------------------------------
  Step Breakpoints
------------------------------------*/
@media (min-width: 576px) {
  .step-sm.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-sm .step-item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 0;
  }
  .step-sm:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-sm .step-icon {
    margin-bottom: 1rem;
  }
  .step-sm .step-icon::after {
    top: 1.5625rem;
    left: 4.0625rem;
    width: calc(100% - 4.0625rem);
    height: 1.0625rem;
    border-top: 0.125rem solid #dcdfeb;
    border-left: none;
  }
  .step-sm .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 2.6875rem;
    width: calc(100% - 2.6875rem);
  }
  .step-sm .step-icon.step-icon-sm::after {
    top: 1.34375rem;
    left: 3.625rem;
    width: calc(100% - 3.625rem);
  }
  .step-sm .step-icon.step-icon-lg::after {
    top: 2.125rem;
    left: 5.1875rem;
    width: calc(100% - 5.1875rem);
  }
}

@media (min-width: 768px) {
  .step-md.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-md .step-item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 0;
  }
  .step-md:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-md .step-icon {
    margin-bottom: 1rem;
  }
  .step-md .step-icon::after {
    top: 1.5625rem;
    left: 4.0625rem;
    width: calc(100% - 4.0625rem);
    height: 1.0625rem;
    border-top: 0.125rem solid #dcdfeb;
    border-left: none;
  }
  .step-md .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 2.6875rem;
    width: calc(100% - 2.6875rem);
  }
  .step-md .step-icon.step-icon-sm::after {
    top: 1.34375rem;
    left: 3.625rem;
    width: calc(100% - 3.625rem);
  }
  .step-md .step-icon.step-icon-lg::after {
    top: 2.125rem;
    left: 5.1875rem;
    width: calc(100% - 5.1875rem);
  }
}

@media (min-width: 992px) {
  .step-lg.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-lg .step-item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 0;
  }
  .step-lg:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-lg .step-icon {
    margin-bottom: 1rem;
  }
  .step-lg .step-icon::after {
    top: 1.5625rem;
    left: 4.0625rem;
    width: calc(100% - 4.0625rem);
    height: 1.0625rem;
    border-top: 0.125rem solid #dcdfeb;
    border-left: none;
  }
  .step-lg .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 2.6875rem;
    width: calc(100% - 2.6875rem);
  }
  .step-lg .step-icon.step-icon-sm::after {
    top: 1.34375rem;
    left: 3.625rem;
    width: calc(100% - 3.625rem);
  }
  .step-lg .step-icon.step-icon-lg::after {
    top: 2.125rem;
    left: 5.1875rem;
    width: calc(100% - 5.1875rem);
  }
}

@media (min-width: 1200px) {
  .step-xl.step-dashed .step-icon::after {
    border-left: none;
    border-top-style: dashed;
  }
  .step-xl .step-item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 0;
  }
  .step-xl:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-xl .step-icon {
    margin-bottom: 1rem;
  }
  .step-xl .step-icon::after {
    top: 1.5625rem;
    left: 4.0625rem;
    width: calc(100% - 4.0625rem);
    height: 1.0625rem;
    border-top: 0.125rem solid #dcdfeb;
    border-left: none;
  }
  .step-xl .step-icon.step-icon-xs::after {
    top: 0.875rem;
    left: 2.6875rem;
    width: calc(100% - 2.6875rem);
  }
  .step-xl .step-icon.step-icon-sm::after {
    top: 1.34375rem;
    left: 3.625rem;
    width: calc(100% - 3.625rem);
  }
  .step-xl .step-icon.step-icon-lg::after {
    top: 2.125rem;
    left: 5.1875rem;
    width: calc(100% - 5.1875rem);
  }
}

/*------------------------------------
  Step Centered
------------------------------------*/
@media (min-width: 576px) {
  .step-sm.step-centered {
    text-align: center;
  }
  .step-sm.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-sm.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-sm.step-centered .step-icon::after {
    width: calc(100% - 3.125rem);
    left: calc(50% + 2.5rem);
  }
  .step-sm.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 1.75rem);
    left: calc(50% + 1.8125rem);
  }
  .step-sm.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 2.6875rem);
    left: calc(50% + 2.28125rem);
  }
  .step-sm.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 4.25rem);
    left: calc(50% + 3.0625rem);
  }
}

@media (min-width: 768px) {
  .step-md.step-centered {
    text-align: center;
  }
  .step-md.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-md.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-md.step-centered .step-icon::after {
    width: calc(100% - 3.125rem);
    left: calc(50% + 2.5rem);
  }
  .step-md.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 1.75rem);
    left: calc(50% + 1.8125rem);
  }
  .step-md.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 2.6875rem);
    left: calc(50% + 2.28125rem);
  }
  .step-md.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 4.25rem);
    left: calc(50% + 3.0625rem);
  }
}

@media (min-width: 992px) {
  .step-lg.step-centered {
    text-align: center;
  }
  .step-lg.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-lg.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-lg.step-centered .step-icon::after {
    width: calc(100% - 3.125rem);
    left: calc(50% + 2.5rem);
  }
  .step-lg.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 1.75rem);
    left: calc(50% + 1.8125rem);
  }
  .step-lg.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 2.6875rem);
    left: calc(50% + 2.28125rem);
  }
  .step-lg.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 4.25rem);
    left: calc(50% + 3.0625rem);
  }
}

@media (min-width: 992px) {
  .step-lg.step-centered {
    text-align: center;
  }
  .step-lg.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-lg.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-lg.step-centered .step-icon::after {
    width: calc(100% - 3.125rem);
    left: calc(50% + 2.5rem);
  }
  .step-lg.step-centered .step-icon.step-icon-xs::after {
    width: calc(100% - 1.75rem);
    left: calc(50% + 1.8125rem);
  }
  .step-lg.step-centered .step-icon.step-icon-sm::after {
    width: calc(100% - 2.6875rem);
    left: calc(50% + 2.28125rem);
  }
  .step-lg.step-centered .step-icon.step-icon-lg::after {
    width: calc(100% - 4.25rem);
    left: calc(50% + 3.0625rem);
  }
}

/*------------------------------------
  Step States
------------------------------------*/
.step .step-is-valid-icon,
.step .step-is-invalid-icon {
  display: none;
}

.step .active .step-icon,
.step .active.is-valid .step-icon {
  color: #fff;
  background-color: #377dff;
}

.step .is-valid .step-icon {
  color: #fff;
  background-color: #00c9a7;
}

.step .is-valid .step-is-valid-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.step .is-valid .step-is-default-icon,
.step .is-valid .step-is-invalid-icon {
  display: none;
}

.step .is-invalid .step-icon {
  color: #fff;
  background-color: #ed4c78;
}

.step .is-invalid .step-is-invalid-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.step .is-invalid .step-is-default-icon,
.step .is-invalid .step-is-valid-icon {
  display: none;
}

/*------------------------------------
  Step Colors
------------------------------------*/
/* primary */
.step-icon-primary {
  color: #fff;
  background-color: #6f6f6f; /*  #2a2f36 */
}
.step-icon-primary.step-icon-pseudo::before {
  background-color: #fff;
}

/* secondary */
.step-icon-secondary {
  color: #fff;
  background-color: #b5b9c4;
}

.step-icon-secondary.step-icon-pseudo::before {
  background-color: #fff;
}

/* success */
.step-icon-success {
  color: #fff;
  background-color: #00c9a7;
}

.step-icon-success.step-icon-pseudo::before {
  background-color: #fff;
}

/* info */
.step-icon-info {
  color: #fff;
  background-color: #09a5be;
}

.step-icon-info.step-icon-pseudo::before {
  background-color: #fff;
}

/* warning */
.step-icon-warning {
  color: #1e2022;
  background-color: #f5ca99;
}

.step-icon-warning.step-icon-pseudo::before {
  background-color: #1e2022;
}

/* danger */
.step-icon-danger {
  color: #fff;
  background-color: #de4437;
}

.step-icon-danger.step-icon-pseudo::before {
  background-color: #fff;
}

/* light */
.step-icon-light {
  color: #1e2022;
  background-color: #f7faff;
}

.step-icon-light.step-icon-pseudo::before {
  background-color: #1e2022;
}

/* dark */
.step-icon-dark {
  color: #fff;
  background-color: #1e2022;
}

.step-icon-dark.step-icon-pseudo::before {
  background-color: #fff;
}

/* indigo */
.step-icon-indigo {
  color: #fff;
  background-color: #2d1582;
}

.step-icon-indigo.step-icon-pseudo::before {
  background-color: #fff;
}

/* navy */
.step-icon-navy {
  color: #fff;
  background-color: #21325b;
}

.step-icon-navy.step-icon-pseudo::before {
  background-color: #fff;
}

/* primary soft */
.step-icon-soft-primary {
  color: #6f6f6f; /* #377dff */
  background-color: rgba(111,111,111, 1);
}

.step-icon-soft-primary.step-icon-pseudo::before {
  background-color: #fff;
}

/* secondary soft */
.step-icon-soft-secondary {
  color: #71869d;
  background-color: rgba(113, 134, 157, 0.1);
}

.step-icon-soft-secondary.step-icon-pseudo::before {
  background-color: #71869d;
}

/* success soft */
.step-icon-soft-success {
  color: #00c9a7;
  background-color: rgba(0, 201, 167, 0.1);
}

.step-icon-soft-success.step-icon-pseudo::before {
  background-color: #00c9a7;
}

/* info soft */
.step-icon-soft-info {
  color: #09a5be;
  background-color: rgba(9, 165, 190, 0.1);
}

.step-icon-soft-info.step-icon-pseudo::before {
  background-color: #09a5be;
}

/* warning soft */
.step-icon-soft-warning {
  color: #f5ca99;
  background-color: rgba(245, 202, 153, 0.1);
}

.step-icon-soft-warning.step-icon-pseudo::before {
  background-color: #f5ca99;
}

/* danger soft */
.step-icon-soft-danger {
  color: #de4437;
  background-color: rgba(222, 68, 55, 0.1);
}

.step-icon-soft-danger.step-icon-pseudo::before {
  background-color: #de4437;
}

/* light soft */
.step-icon-soft-light {
  color: #f7faff;
  background-color: rgba(247, 250, 255, 0.1);
}

.step-icon-soft-light.step-icon-pseudo::before {
  background-color: #f7faff;
}

/* dark soft */
.step-icon-soft-dark {
  color: #1e2022;
  background-color: rgba(30, 32, 34, 0.1);
}

.step-icon-soft-dark.step-icon-pseudo::before {
  background-color: #1e2022;
}

/* indigo soft */
.step-icon-soft-indigo {
  color: #2d1582;
  background-color: rgba(45, 21, 130, 0.1);
}

.step-icon-soft-indigo.step-icon-pseudo::before {
  background-color: #2d1582;
}

/* navy soft */
.step-icon-soft-navy {
  color: #21325b;
  background-color: rgba(33, 50, 91, 0.1);
}

.step-icon-soft-navy.step-icon-pseudo::before {
  background-color: #21325b;
}

/*------------------------------------
  Step Inline
------------------------------------*/
.step-inline .step-content-wrapper {
  -ms-flex-align: center;
      align-items: center;
}

.step-inline .step-item:last-child .step-inline-title::after {
  display: none;
}

.step-inline .step-inline-title {
  display: inline-block;
  color: #1e2022;
  font-weight: 600;
}

@media (min-width: 576px) {
  .step-sm.step-inline.step-dashed .step-inline-title::after {
    border-top-style: dashed;
  }
  .step-sm.step-inline .step-item {
    overflow: hidden;
  }
  .step-sm.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-sm.step-inline .step-icon::after {
    display: none;
  }
  .step-sm.step-inline .step-inline-title::after {
    position: absolute;
    top: 1.5625rem;
    width: 100%;
    height: 1.0625rem;
    border-top: 0.125rem solid #e7eaf3;
    margin-left: 0.9375rem;
    content: "";
  }
  .step-sm.step-inline .step-icon-xs + .step-content .step-inline-title::after {
    top: 0.875rem;
  }
  .step-sm.step-inline .step-icon-sm + .step-content .step-inline-title::after {
    top: 1.34375rem;
  }
  .step-sm.step-inline .step-icon-lg + .step-content .step-inline-title::after {
    top: 2.125rem;
  }
}

@media (min-width: 768px) {
  .step-md.step-inline.step-dashed .step-inline-title::after {
    border-top-style: dashed;
  }
  .step-md.step-inline .step-item {
    overflow: hidden;
  }
  .step-md.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-md.step-inline .step-icon::after {
    display: none;
  }
  .step-md.step-inline .step-inline-title::after {
    position: absolute;
    top: 1.5625rem;
    width: 100%;
    height: 1.0625rem;
    border-top: 0.125rem solid #e7eaf3;
    margin-left: 0.9375rem;
    content: "";
  }
  .step-md.step-inline .step-icon-xs + .step-content .step-inline-title::after {
    top: 0.875rem;
  }
  .step-md.step-inline .step-icon-sm + .step-content .step-inline-title::after {
    top: 1.34375rem;
  }
  .step-md.step-inline .step-icon-lg + .step-content .step-inline-title::after {
    top: 2.125rem;
  }
}

@media (min-width: 992px) {
  .step-lg.step-inline.step-dashed .step-inline-title::after {
    border-top-style: dashed;
  }
  .step-lg.step-inline .step-item {
    overflow: hidden;
  }
  .step-lg.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-lg.step-inline .step-icon::after {
    display: none;
  }
  .step-lg.step-inline .step-inline-title::after {
    position: absolute;
    top: 1.5625rem;
    width: 100%;
    height: 1.0625rem;
    border-top: 0.125rem solid #e7eaf3;
    margin-left: 0.9375rem;
    content: "";
  }
  .step-lg.step-inline .step-icon-xs + .step-content .step-inline-title::after {
    top: 0.875rem;
  }
  .step-lg.step-inline .step-icon-sm + .step-content .step-inline-title::after {
    top: 1.34375rem;
  }
  .step-lg.step-inline .step-icon-lg + .step-content .step-inline-title::after {
    top: 2.125rem;
  }
}

@media (min-width: 1200px) {
  .step-xl.step-inline.step-dashed .step-inline-title::after {
    border-top-style: dashed;
  }
  .step-xl.step-inline .step-item {
    overflow: hidden;
  }
  .step-xl.step-inline .step-icon {
    margin-bottom: 0;
  }
  .step-xl.step-inline .step-icon::after {
    display: none;
  }
  .step-xl.step-inline .step-inline-title::after {
    position: absolute;
    top: 1.5625rem;
    width: 100%;
    height: 1.0625rem;
    border-top: 0.125rem solid #e7eaf3;
    margin-left: 0.9375rem;
    content: "";
  }
  .step-xl.step-inline .step-icon-xs + .step-content .step-inline-title::after {
    top: 0.875rem;
  }
  .step-xl.step-inline .step-icon-sm + .step-content .step-inline-title::after {
    top: 1.34375rem;
  }
  .step-xl.step-inline .step-icon-lg + .step-content .step-inline-title::after {
    top: 2.125rem;
  }
}

/*------------------------------------
  Step Dots
------------------------------------*/
.step-dots {
  position: relative;
}

@media (min-width: 768px) {
  .step-dots::after {
    position: absolute;
    right: -2.1875rem;
    top: 50%;
    width: 2.4375rem;
    height: 0.75rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 16'%3E %3Ccircle fill='%23e7eaf3' cx='27.7' cy='8.1' r='7.7'/%3E %3Ccircle fill='%23e7eaf3' cx='5' cy='8.1' r='5'/%3E %3Ccircle fill='%23e7eaf3' cx='50' cy='8.1' r='5'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    margin-top: -0.375rem;
  }
}

/*------------------------------------
  Step Flow
------------------------------------*/
.step-flow {
  position: relative;
  padding-left: 2.5rem;
}

.step-flow::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: -0.25rem;
  width: 2rem;
  height: 0.0625rem;
  border-top: 0.0625rem solid #e7eaf3;
  margin: auto auto auto 0;
  content: "";
}

.step-flow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: -0.3125rem;
  width: 0.0625rem;
  height: 100%;
  border-right: 0.0625rem solid #e7eaf3;
  margin: auto auto auto 0;
  content: "";
}

.step-flow:first-child::after {
  height: 50%;
  top: auto;
}

.step-flow:last-child::after {
  height: 50%;
  bottom: auto;
}

.step-flow-inner {
  min-width: 3rem;
}

/*------------------------------------
  Step Timeline
------------------------------------*/
@media (min-width: 576px) {
  .step-timeline-sm {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-sm .step-item {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-sm .step-item:nth-child(even) {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-content-wrapper {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.5625rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.34375rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.125rem;
  }
  .step-timeline-sm .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-sm .step-icon {
    margin-left: -1.5625rem;
  }
  .step-timeline-sm .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-sm .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-sm .step-icon-sm {
    margin-left: -1.34375rem;
  }
  .step-timeline-sm .step-icon-lg {
    margin-left: -2.125rem;
  }
}

@media (min-width: 768px) {
  .step-timeline-md {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-md .step-item {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-md .step-item:nth-child(even) {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-md .step-item:nth-child(even) .step-content-wrapper {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.5625rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.34375rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.125rem;
  }
  .step-timeline-md .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-md .step-icon {
    margin-left: -1.5625rem;
  }
  .step-timeline-md .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-md .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-md .step-icon-sm {
    margin-left: -1.34375rem;
  }
  .step-timeline-md .step-icon-lg {
    margin-left: -2.125rem;
  }
}

@media (min-width: 992px) {
  .step-timeline-lg {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-lg .step-item {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-lg .step-item:nth-child(even) {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-content-wrapper {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.5625rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.34375rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.125rem;
  }
  .step-timeline-lg .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-lg .step-icon {
    margin-left: -1.5625rem;
  }
  .step-timeline-lg .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-lg .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-lg .step-icon-sm {
    margin-left: -1.34375rem;
  }
  .step-timeline-lg .step-icon-lg {
    margin-left: -2.125rem;
  }
}

@media (min-width: 1200px) {
  .step-timeline-xl {
    margin-left: 0;
    margin-right: 0;
  }
  .step-timeline-xl .step-item {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 50%;
  }
  .step-timeline-xl .step-item:nth-child(even) {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    text-align: right;
    margin-left: auto;
    margin-right: 50%;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-content-wrapper {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon {
    margin-left: 0;
    margin-right: -1.5625rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon-xs {
    margin-right: -0.875rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon-sm {
    margin-right: -1.34375rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-icon-lg {
    margin-right: -2.125rem;
  }
  .step-timeline-xl .step-item:nth-child(even) .step-content {
    margin-right: 1.5rem;
  }
  .step-timeline-xl .step-icon {
    margin-left: -1.5625rem;
  }
  .step-timeline-xl .step-icon::after {
    left: auto;
    width: auto;
  }
  .step-timeline-xl .step-icon-xs {
    margin-left: -0.875rem;
  }
  .step-timeline-xl .step-icon-sm {
    margin-left: -1.34375rem;
  }
  .step-timeline-xl .step-icon-lg {
    margin-left: -2.125rem;
  }
}