/*@import url(http://fonts.googleapis.com/css?family=Open+Sans|Comfortaa|Righteous|Audiowide|Baumans|Concert+One|Raleway);*/

/*@import url(https://fonts.googleapis.com/css?family=Baumans|Raleway:700,400|Quicksand:400,700);*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');



body {

  font-family: "Nunito", ​Helvetica, ​Arial, ​sans-serif;

  font-size: 16px;

  line-height: 24px;

  color: #212121;

}



h1,

h2 {

  font-family: 'Nunito', cursive;

}



.h2-hint {

  transform: translateY(-2.5em);

}



.img-float-right {

  border-radius: 4px;

  margin-left: 1em;

  margin-bottom: 1em;

}



.text-muted {

  color: #bbb;

}



.text-stroke {

  text-decoration: line-through;

}



.text-strikediag {

  background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);

}



.text-large {

  font-size: 1.4em;

}



/* header */

.top-header {

  padding: 4rem 0;

  background-color: #165c7c;

  color: white;

   background: url('../images/home/header_primaria.jpg') center center no-repeat #165c7c; 

  background-size: auto 200px;

  padding: 0;

  height: 200px;

}



.top-header .logo {

  float: left;

  margin-top: 24px;

}



.modal-xl .modal-dialog {

  width: 95%;

}



.top-header .logo img {

  width: auto;

  height: 152px;

}



.top-header .main-slogan {

  float: left;

  font-family: 'Nunito', sans-serif;

  font-weight: 700

}



.top-header .main-slogan small {

  display: block;

  font-weight: 400;

  color: #D32F2F;

  margin-top: .7em;

}



.top-header .slogan {

  float: left;

  font-family: 'Nunito', cursive;

  padding-left: 1em;

  font-size: 1.2em;

  margin-top: 1.5em;

  text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);

}



.top-header .right-panel {

  float: right;

  margin-top: 1em;

}



.top-header .logoaction {

  float: right;

  margin-top: 2em;

}



.menu-flag-icon {

  display: inline-block;

  height: 36px;

  width: 32px;

  margin-left: .5em;

  border-bottom: transparent solid 2px;

}



.menu-flag-icon:hover, .menu-flag-icon.active {

  border-color: #fff;

}



.menu-flag-icon-it {

  background: url("../images/flags/it.png") center center no-repeat;

}



.menu-flag-icon-en {

  background: url("../images/flags/en.png") center center no-repeat;

}



.mb-2 {

  margin-bottom: 2em

}



.mtb-2 {

  margin-top: 2em;

  margin-bottom: 2em;

}



.wrap {

  white-space: wrap;

}



.nowrap {

  white-space: nowrap;

}



/* navbar */

.navbar {

  min-height: 24px;

  margin-bottom: 12px;

}



.navbar-default {

  background-color: #165c7c;

  border-bottom: solid 6px #165c7c;

}



.navbar-brand {

  font-family: 'Nunito', cursive;

}



.navbar-nav>li>a {

  padding: 8px 0 6px 0;

}

.main-navbar{

  display: flex!important;

  justify-content: center;

}



/*.navbar-nav{float:right;} */

.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

  background-color: #165c7c;

}



.navbar-default .navbar-nav>li>a,

.navbar-default .navbar-nav>li>a:focus {

  color: #fff;

}



.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a:hover {

  color: #fff;

}



.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

  border-color: transparent;

  color: #fff;

}



.actiontheatre-color {

  color: #d67e1c;

}



.main-menu-item {

  border-bottom: #165c7c solid 2px;

  margin: 0 20px;

}



.main-menu-item:hover,

.main-menu-item.active {

  border-color: #fff;

}



.dropdown-menu {

  background-color: #165c7c;

}



.dropdown-menu>.active>a,

.dropdown-menu>.active>a:focus,

.dropdown-menu>.active>a:hover {

  background-color: #165c7c;

  color: #fff;

}



.dropdown-menu>li>a {

  color: #fff;

  padding: 12px 0;

}



.dropdown-menu>li>a:focus,

.dropdown-menu>li>a:hover {

  color: #fff;

  background-color: #165c7c;

}



.nav>li>a.dropdown-with-link {

  display: inline-block;

  margin-right: 2px

}



.nav>li>a.dropdown-with-link-caret {

  display: inline-block;

  margin-left: 2px

}



.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

  border-color: #fff;

}



.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.open>a:focus,

.navbar-default .navbar-nav>.open>a:hover {

  background-color: #165c7c;

  color: #fff;

}



.main-menu-new-badge {

  color: white;

  background-color: #d67e1c;

  position: absolute;

  top: -2em;

  text-align: center;

  display: block;

  transform: rotate(-10deg);

  padding: 0 .4em;

  margin-left: 1em;

  border-radius: 4px;

  letter-spacing: 1.2px;

  font-size: .9em;

}



.main-menu-item.main-menu-home {

  margin-left: 0;

}



/* menu colorati

.navbar-default .navbar-nav>li.main-menu-aboutus>a,.navbar-default .navbar-nav>li.main-menu-aboutus>a:focus{color: #ee7f00;}

.navbar-default .navbar-nav>li.main-menu-primary>a,.navbar-default .navbar-nav>li.main-menu-primary>a:focus{color: #FFEB3B;}

.navbar-default .navbar-nav>li.main-menu-middle>a,.navbar-default .navbar-nav>li.main-menu-middle>a:focus{color: #8BC34A;}

.navbar-default .navbar-nav>li.main-menu-secondary>a,.navbar-default .navbar-nav>li.main-menu-secondary>a:focus{color: #f472d0;}

.navbar-default .navbar-nav>li.main-menu-camps>a,.navbar-default .navbar-nav>li.main-menu-camps>a:focus{color: #00BCD4;}

.navbar-default .navbar-nav>li.main-menu-training>a,.navbar-default .navbar-nav>li.main-menu-training>a:focus{color: #19aeff;}

.navbar-default .navbar-nav>li.main-menu-contacts>a,.navbar-default .navbar-nav>li.main-menu-contacts>a:focus{color: #aa00ff;}



.navbar-default .navbar-nav>li.main-menu-home.active,.navbar-default .navbar-nav>li.main-menu-home:hover{border-color: #F44336;}

.navbar-default .navbar-nav>li.main-menu-aboutus.active,.navbar-default .navbar-nav>li.main-menu-aboutus:hover{border-color: #ee7f00;}

.navbar-default .navbar-nav>li.main-menu-primary.active,.navbar-default .navbar-nav>li.main-menu-primary:hover{border-color: #FFEB3B;}

.navbar-default .navbar-nav>li.main-menu-middle.active,.navbar-default .navbar-nav>li.main-menu-middle:hover{border-color: #8BC34A;}

.navbar-default .navbar-nav>li.main-menu-secondary.active,.navbar-default .navbar-nav>li.main-menu-secondary:hover{border-color: #9C27B0;}

.navbar-default .navbar-nav>li.main-menu-camps.active,.navbar-default .navbar-nav>li.main-menu-camps:hover{border-color: #00BCD4;}

.navbar-default .navbar-nav>li.main-menu-training.active,.navbar-default .navbar-nav>li.main-menu-training:hover{border-color: #19aeff;}

.navbar-default .navbar-nav>li.main-menu-contacts.active,.navbar-default .navbar-nav>li.main-menu-contacts:hover{border-color: #673AB7;}

*/



.title-with-image {

  display: flex;

  align-items: center;

}



.title-with-image strong {

  display: block;

  margin-right: 2em;

}



.cookie-alert {

  padding: .5em;

  color: white;

  position: fixed;

  bottom: 0;

  background-color: #165c7c;

  text-align: center;

  width: 100%;

}



.cookie-alert a {

  margin: 0 1em;

}



.ng-submitted .ng-invalid {

  border-color: red;

}



.form-feedback {

  padding: 12px;

  border: solid 1px;

  border-radius: 4px;

}



.form-feedback-warning {

  border-color: #b8cc00;

  background-color: #eeff41;

}



.form-feedback-error {

  border-color: #b61827;

  background-color: #ef5350;

  color: white;

}



.form-feedback-info {

  border-color: #29b6f6;

  background-color: #0086c3;

}



.form-feedback-success {

  border-color: #aeea00;

  background-color: #79b700;

}





.plus-minus-panel {

  display: flex;

  align-items: center;

}



.btn-circle {

  width: 30px;

  height: 30px;

  padding: 6px 0px;

  border-radius: 15px;

  text-align: center;

  font-size: 12px;

  border-color: #333;

  line-height: 1.42857;

  margin: 0 12px;

}



.btn-circle[disabled] {

  color: #ccc;

  border-color: #ccc;

}



.plus-minus-value {

  font-size: 24px;

}



.form-bullet-number {

  width: 32px;

  height: 32px;

  display: flex;

  align-content: center;

  align-items: center;

  border: solid 1px #333;

  border-radius: 50%;

  text-align: center;

}



.form-bullet-number-value {

  display: block;

  width: 100%;

  font-size: 16px;

}



/*



.main-menu-camps  .active  > a{background-color: #00BCD4!important;}

.main-menu-home .active{background-color: #F44336;}

.main-menu-aboutus .active{background-color: #ee7f00;}

.main-menu-primary .active{background-color: #FFEB3B;}

.main-menu-middle .active{background-color: #8BC34A;}

.main-menu-secondary .active{background-color: #9C27B0;}

.main-menu-camps .active{background-color: #00BCD4;}

.main-menu-training .active{background-color: #19aeff;}

.main-menu-contacts .active{background-color: #673AB7;}

*/



#footer {

  background-color: #165c7c;

  color: white;

  padding: 1em;

  margin-top: 2em;

}



#footer strong {

  color: #ee7f00;

  font-weight: normal;

}



#footer span {

  padding: 0 .8em;

}



#footer a {

  color: #ee7f00;

}



#footer a img {

  height: 1em;

  width: auto;

}



#footer ul {

  padding-left: 10px;

}



#footer ul li {

  list-style: outside none none;

  margin: 0;

  padding: 2px 0;

  line-height: 1.6em;

}



/* original

.home-link-bg{background-color: #f60c0c;}

.aboutus-link-bg{background-color: #f6960c;}

.primary-link-bg{background-color: #d9b909;}

.middle-link-bg{background-color: #6dbf8c;}

.secondary-link-bg{background-color: #f9f;}

.camps-link-bg{background-color: #64bdc2;}

.training-link-bg{background-color: #19aeff;}

.contacts-link-bg{background-color: #969be2;}*/





/* win

.home-link-bg{background-color: #e51400;}

.aboutus-link-bg{background-color: #f0a30a;}

.primary-link-bg{background-color: #d8c100;}

.middle-link-bg{background-color: #60a917;}

.secondary-link-bg{background-color: #f472d0;}

.camps-link-bg{background-color: #00aba9;}

.camps-link-bg{background-color: #00aba9;}

.contacts-link-bg{background-color: #aa00ff;}

*/



/* material */

.home-link-bg {

  background-color: #F44336;

}



.aboutus-link-bg {

  background-color: #ee7f00;

}



.primary-link-bg {

  background-color: #FFEB3B;

}



.middle-link-bg {

  background-color: #8BC34A;

}



.secondary-link-bg {

  background-color: #9C27B0;

}



.camps-link-bg {

  background-color: #00BCD4;

}



.training-link-bg {

  background-color: #19aeff;

}



.contacts-link-bg {

  background-color: #673AB7;

}



.home-link-dark-bg {

  background-color: #D32F2F;

}



.aboutus-link-dark-bg {

  background-color: #F57C00;

}



.primary-link-dark-bg {

  background-color: #FBC02D;

}



.middle-link-dark-bg {

  background-color: #AFB42B;

}



.secondary-link-dark-bg {

  background-color: #673AB7;

}



.camps-link-dark-bg {

  background-color: #0097A7;

}



.training-link-dark-bg {

  background-color: #19aeff;

}



.contacts-link-dark-bg {

  background-color: #512DA8;

}



.home-link-border {

  border-color: #D32F2F;

}



.aboutus-link-border {

  border-color: #F57C00;

}



.primary-link-border {

  border-color: #FBC02D;

}



.middle-link-border {

  border-color: #AFB42B;

}



.secondary-link-border {

  border-color: #673AB7;

}



.camps-link-border {

  border-color: #0097A7;

}



.training-link-border {

  border-color: #19aeff;

}



.contacts-link-border {

  border-color: #512DA8;

}



.home-link-color {

  color: #D32F2F;

}



.aboutus-link-color {

  color: #F57C00;

}



.primary-link-color {

  color: #FFF9C4;

}



.middle-link-color {

  color: #DCEDC8;

}



.secondary-link-color {

  color: #E1BEE7;

}



.camps-link-color {

  color: #0097A7;

}



.training-link-color {

  color: #19aeff;

}



.contacts-link-color {

  color: #512DA8;

}



.header-background {

  background-color: #165c7c;

}



.home-header-background-it {

  background-image: url('../images/header/it/header_home.png');

}

.home-header-background-en {

  background-image: url('../images/header/en/header_home.png');

}

.aboutus-header-background-it {

  background-image: url('../images/header/it/header_aboutus.png');

}

.aboutus-header-background-en {

  background-image: url('../images/header/en/header_aboutus.png');

}



.primary-header-background-it {

  background-image: url('../images/header/it/header_primary.png');

}

.primary-header-background-en {

  background-image: url('../images/header/en/header_primary.png');

}

.middle-header-background-it {

  background-image: url('../images/header/it/header_middle.png');

}

.middle-header-background-en {

  background-image: url('../images/header/en/header_middle.png');

}

.secondary-header-background-it {

  background-image: url('../images/header/it/header_secondary.png');

}

.secondary-header-background-en {

  background-image: url('../images/header/en/header_secondary.png');

}

.camps-header-background-it {

  background-image: url('../images/header/it/header_camps.png');

}

.camps-header-background-en {

  background-image: url('../images/header/en/header_camps.png');

}



.summer-header-background {

  background-image: url('../images/header/header_summer.jpg');

}



.winter-header-background {

  background-image: url('../images/header/header_winter.jpg');

}



.theatershow-header-background-it {

  background-image: url('../images/header/it/header_theatershow.png');

}

.theatershow-header-background-en {

  background-image: url('../images/header/en/header_theatershow.png');

}



.training-header-background {

  background-image: url('../images/header/header_training.png');

}



.contacts-header-background {

  background-image: url('../images/header/header_contacts.png');

}



.contacts-header-background-it {

  background-image: url('../images/header/it/header_contacts.png');

}

.contacts-header-background-en {

  background-image: url('../images/header/en/header_contacts.png');

}



.shop-header-background {

  background-image: url('../images/header/header_troves.png');

  background-color: #165c7c;

}



.workshows-header-background {

  background-image: url('../images/header/header_workshows.png');

  background-color: #165c7c;

}



.playweeks-header-background-it {

  background-image: url('../images/header/it/header_playweeks.png');

}

.playweeks-header-background-en {

  background-image: url('../images/header/en/header_playweeks.png');

}



.btn-primary {

  background-color: #165c7c;

  border-color: #165c7c;

}



.btn-primary[disabled] {

  background-color: #aaa;

  border-color: #aaa;

}



.btn-secondary {

  background-color: #ee7f00;

  border-color: #ee7f00;

  color: white;

}



.btn-secondary[disabled] {

  background-color: #FF9F31;

  border-color: #FF9F31;

}



.home2-header-background {

  background-image: url('../images/header/header_home_2.jpg');

  background-color: #165c7c;

}



.home-gift-panel {

  padding: 3rem 6rem 1rem 6rem;

  text-align: center;

}



.home-gift-panel img {

  width: 80%;

  height: auto;

  margin-bottom: 2rem;

}



.home-section-content h3 span.home-emphasis {

  font-weight: bold;

  letter-spacing: 1;

  text-align: left;

  color: #ee7f00;

  margin-bottom: 12px;

  display: inline-block;

  font-size: 0.9em;

  text-transform: uppercase;

}



.home-emphasis strong {

  font-weight: 900;

}



.home-summer-wait-panel {

  margin: 2em 0;

}



.home-summer-wait-panel strong {

  font-size: 2.2em;

  display: block;

  margin: 1em 0;

}



.home-summer-wait-panel small {

  font-size: 1.6em;

  display: block;

  line-height: 1.4em;

}



.home-news {

  font-size: 2.4rem;

  text-align: left;

  color: #ee7f00;

  display: block;

  line-height: 2em;

  position: relative;

  padding-left: 5rem;

}



.home-news .news-badge-icon {

  position: absolute;

  left: 0;

  font-size: 4rem;

  animation: shake 3s infinite;

}



.home-news .news-badge-label {

  position: absolute;

  left: -2px;

  width: 4rem;

  color: white;

  top: 0;

  font-size: 1rem;

  line-height: 4rem;

  text-align: center;

  transform: rotate(-20deg);

  animation: shake 3s infinite;

}



.home-news-camps {

  color: #00BCD4;

}



.home-news .news-badge-icon-static {

  position: absolute;

  left: 0;

  font-size: 3rem;

  line-height: 4rem;

}



.home h1,

h2 {

  font-size: 24px;

  padding: 1rem 0;

  margin: 0 0 1rem 0;

}



.home h2 {

  font-size: 24px;

}



.home .videos-sidebar h4 {

  margin-bottom: 2em;

}



.home .preview-video i {

  font-size: 16pt;

}



.home .preview-video {

  line-height: 16pt;

  margin-top: .5em;

}



.home-slide-quote {

  font-size: 12px;

  background-color: #165c7c;

  padding: 6px;

  border-radius: 6px;

  height: 320px;

  position: relative;

  color: #fff;

}



.home-slide-quote footer {

  position: absolute;

  bottom: 6px;

  right: 6px;

}



.home .welcome-message {

  color: #D32F2F;

  margin: 1em 0;

  font-size: 22px;

}



.home h3 {

  border-bottom: solid 1px #F44336;

}



.home .target-link {

  color: #D32F2F;

}



.workshop-label {

  font-size: 9px;

  color: white;

  background-color: #337ab7;

  border-radius: 2px;

  padding: 2px 4px;

  margin-left: 12px;

}



.home-show-list {

  padding: 0 15px;

}



.home-show-list a {

  line-height: 24px;

}



.home-show-list .col-sm-2,

.home-show-list .col-sm-3 {

  padding-left: 2px;

  padding-right: 2px;

}



.home-show-list .last-col {

  margin-left: -15px;

}



.carousel-control.left,

.carousel-control.right {

  background: transparent;

}



.home-section {

  display: flex;

  margin: 24px 0;

}



.home-section-icon img {

  width: 84px;

  height: 84px;

}



.home-section-content {

  padding: 0 24px;

}



.home-section-content h3 {

  border-width: 0;

  margin-top: 4px;

  font-size: 22px;

}



.home-section-content h3 small {

  display: block;

}



.home-section a {

  color: #333;

}



.home-section a:hover {

  text-decoration: none;

}





/*#home-carousel{height: 420px; overflow: auto; }*/

/*

.bullets-container{font-size: medium; list-style: outside none none; margin-top: 2rem; padding-left: 0;}

.bullets-container li{ border-radius: 15rem; height: 15rem; width: 15rem; display: inline-block;  vertical-align: middle;margin: 0 .7rem;}

.bullets-container a{  color: #fff;  display: inline-block;   font-size: 1.875rem;  line-height: 1;  padding: 6.5rem 0;   text-align: center;  width: 100%;}

*/

.aboutus blockquote {

  font-size: 16px;

  line-height: 24px;

  margin: 1.5em 0 3em 0;

  padding: 12px;

  background-color: #eee;

  border-radius: 8px;

  ;

  border-left-width: 0;

  font-style: italic;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}



.aboutus blockquote strong {

  display: block;

}



.aboutus blockquote p {

  padding: 12px 24px;

}



.aboutus-curriculum img {

  margin: 0 0 2rem 2rem;

  float: right;

}



.aboutus-curriculum img.small {

  width: 40%;

  transition: width 0.2s

}



.aboutus-curriculum img.small:hover {

  cursor: zoom-in

}



.aboutus-curriculum img.big {

  width: 100%;

  transition: width 0.2s

}



.aboutus-curriculum img.big:hover {

  cursor: zoom-out;

}





.show-cover-list {

  display: flex;

  flex-wrap: wrap;

}



.show-cover-item {

  flex-basis: 20%;

  flex-grow: 0;

  flex-shrink: 0;

}



.theater .show-cover-list {

  justify-content: space-between;

  width: 100%;

}



.theater .show-cover-item {

  flex-basis: 24%;

  flex-grow: 0;

  flex-shrink: 0;

  text-align: center;

}





.show-info-item .new-badge {

  color: white;

  background-color: #EE7F00;

  font-size: .9rem;

  padding: 0.2rem 0.4em;

}



.show {

  text-align: center;

  position: relative;

}



.show h1 {

  font-size: 32px;

  text-align: left;

  overflow: hidden;

  clear: both;

  padding: 1rem 0;

  margin: 0 0 1rem 0;

}



.show h1 small {

  color: #999;

  font-size: 18px;

  font-family: Nunito, ​Helvetica, ​Arial, ​sans-serif;

}



/*.show h3{background: none repeat scroll 0px 0px #2196F3;display: inline-block;padding: .5em;margin: .5em 0;

					font-weight: 700; color: white;-ms-transform: rotate(-6deg);  -webkit-transform: rotate(-6deg); transform: rotate(-6deg);  }*/

.show h2 {

  padding: 0 0 1rem 0;

  margin: 0 0 1rem 0;

}



.show .tech-info {

  text-align: left;

  font-style: italic;

  color: #999;

  clear: both;

  margin-bottom: 1em;

  overflow: auto;

}



.show .tech-info div {

  float: left;

  margin: 0 1em;

}



.show .desc {

  /*font-size: 18px; line-height: 32px; */

  font-size: 14px;

  line-height: 1.4em;

  letter-spacing: 1px;

  font-style: normal;

  font-weight: 100;

  text-align: justify;

  padding: 0 1em;

}



.show-cover {

  border-radius: 4px;

  overflow: hidden;

  margin-bottom: 1em;

  margin-top: 3rem;

  border: solid 1px #212121;

}



.show-cover-archive {

  width: 50%;

  height: auto;

}



.show blockquote {

  font-size: 13px;

  line-height: 18px;

  margin: 0 0 0 3em;

  padding: 10px;

}



.show .extract {

  text-align: left;

  line-height: 2em;

  font-size: 12px;

}



.show .extract .table td {

  border: none;

  padding: 2px 8px;

}



.show .extract .table .first-col {

  text-align: right;

  white-space: nowrap;

}



.show .extract .table .first-col i {

  white-space: normal;

}



.show .show-content .row {

  margin-bottom: 1em;

}



.show-carousel {

  border-radius: 4px;

  overflow: hidden;

}



.show .preview-video i {

  font-size: 16pt;

}



.show .preview-video {

  line-height: 16pt;

}



.show .new-production-badge_round {

  font-size: 12px;

  padding: 10px 2px;

  transform: rotate(-45deg);

  display: inline-block;

  border-radius: 100%;

  width: 48px;

  height: 48px;

  text-align: center;

  margin: 4px;

  background-color: #000;

  font-family: "Nunito", ​Helvetica, ​Arial, ​sans-serif;

  letter-spacing: .05em;

}



.show .new-production-badge {

  font-size: 12px;

  padding: 4px 8px;

  display: inline-block;

  border-radius: 2px;

  text-align: center;

  margin-right: 12px;

  letter-spacing: .05em;

  color: #fff;

}



.in-program-badge {

  position: absolute;

  right: 0;

  top: 0;

  border-radius: 14rem;

  height: 14rem;

  width: 14rem;

  -ms-transform: rotate(20deg);

  -webkit-transform: rotate(20deg);

  transform: rotate(20deg);

  vertical-align: middle;

  margin: 1rem;

  display: table-cell;

  font-size: 24px;

  color: white;

  background-color: #FBC02D;

  padding-top: 4.2rem;

  box-shadow: 14px 14px 20px 0px rgba(50, 50, 50, 0.75);

}



.show h2 {

  padding-top: 48px;

}



.show .side-bar {

  text-align: left;

  border-left: 1px solid #ddd;

}



.show .side-panel {

  margin-bottom: 1em;

}



.show .side-panel p {

  padding-left: 1rem;

  text-align: left;

}



.show .side-panel .note {

  line-height: 1.2em;

  color: #bbb;

}



.show .side-panel .btn-default {

  display: block;

  margin: 1em;

  background-color: #165c7c;

  color: white;

  border-radius: 4px;

  border: none;

}



.show .show-list ul {

  padding-left: 1rem;

}



.show .show-list ul li {

  line-height: 2.8em;

  font-size: 14px;

  border-bottom: solid #dadada 1px;

  list-style: none;

  border-left: solid 4px transparent;

}



.show .show-list .list-bullet {

  display: inline-block;

  margin: 0 .5em;

}



.show .show-list ul li.active {

  font-weight: bold;

}



.show .mutiple-show-option-container {

  padding: 24px 0;

}



.show .mutiple-show-option-container h3 {

  font-size: 32px;

}



.show .mutiple-show-option-panel {

  display: flex;

  align-items: center;

  width: 100%;

  padding: 0 18%;

}



.show .mutiple-show-option-panel-plus {

  font-size: 64px;

  flex-grow: 1;

}



.show .mutiple-show-option-panel .show-cover {

  height: 207px;

  width: auto;

}



.show .mutiple-show-option-panel-first {

  border-right: 1px dashed #aaa;

}



.show .show-archive-title {

  font-size: 20px;

  margin-top: 48px;

}



.showTarget .show-preview {

  text-align: center;

}



h1,

h2 {

  border-bottom: solid 4px #ee7f00;

  color: black;

}



hr.line{

  border-bottom: solid 4px #ee7f00;

}





.show-list .list-bullet {

  background-color: #ee7f00;

}



.show-list ul li.active {

  border-left-color: #ee7f00;

}



.new-production-badge {

  background-color: #ee7f00;

  color: #fff;

}



.home .actor-number-legend {

  line-height: 18px;

}



.home h4{ 

  font-weight: bold;

  font-size: 1.2em;

  text-transform: uppercase;

  a{

    color: #000;

  }

}



/*

.home h1,.home h2{border-color: #F44336; color: black;}

.home .show-list .list-bullet{background-color: #F44336;}

.home .show-list ul li.active{border-left-color:#F44336;}



.aboutus h1,.aboutus h2{border-color: #ee7f00; color: black;}

.aboutus .show-list .list-bullet{background-color: #ee7f00;}

.aboutus .show-list ul li.active{border-left-color:#ee7f00;}



.primary h1,.primary h2{border-color: #FFEB3B; color: black;}

.primary .show-list .list-bullet{background-color: #FFEB3B;}

.primary .show-list ul li.active{border-left-color:#FFEB3B;}

.primary .new-production-badge{background-color: #FFEB3B;}



.middle h1,.middle h2{border-color: #8BC34A; color: black;}

.middle .show-list .list-bullet{background-color: #8BC34A;}

.middle .show-list ul li.active{border-left-color:#8BC34A;}

.middle .new-production-badge{background-color:#8BC34A;  color: #fff;}



.secondary h1,.secondary h2{border-color: #f472d0; color: black;}

.secondary .show-list .list-bullet{background-color: #f472d0;}

.secondary .show-list ul li.active{border-left-color:#f472d0;}

.secondary .new-production-badge{background-color:#f472d0; color: #fff;}

*/

.camps h1,

.camps h2 {

  border-color: #ee7f00;

  color: black;

}



.camps .show-list .list-bullet {

  background-color: #ee7f00;

}



.camps .show-list ul li.active {

  border-left-color: #ee7f00;

}



.camps .video-carousel {

  margin: 2em 0;

}



.camps .preview-video i {

  font-size: 16pt;

}



.camps .preview-video {

  line-height: 16pt;

  margin-top: .5em;

}



.camps-slide-quote {

  background-color: #165c7c;

  color: #fff;

  border-radius: 4px;

  padding: 12px;

}



.camps-slide-quote-content {

  font-size: 12px;

}



.camps-slide-quote .quotes-icon {

  font-size: 48px;

  font-family: "Times New Roman", Times, serif;

  display: block;

}



.camps-slide-quote .quotes-icon-start {

  float: left;

}



.camps-slide-quote .quotes-icon-end {

  display: inline-block;

  line-height: 4px;

}



.iban {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 1.2em;

}



.camps legend {

  border-bottom-color: #ee7f00;

  color: #ee7f00

}



.camps .camps-form-child-panel {

  margin: 1em 0;

  padding-bottom: 1em;

  border-bottom: solid 1px #ccc;

}



.camps .form-bullet-number {

  color: #ee7f00;

  border-color: #ee7f00;

}



.camps .checkbox label,

.camps .radio label {

  padding-left: 0;

}



.table.camps_report>thead>tr>th,

.table.camps_report>tbody>tr>td {

  border-color: #aaa;

}



.table.camps_report>thead>tr>th.no-border,

.table.camps_report>tbody>tr>td.no-border {

  border-width: 0;

}



.camp_parent {

  background-color: #f3f4f5;

}



.camp_child {

  background-color: #e9eced;

}



.camp_delegation {

  background-color: #e0e2e2;

}



.camp_lastupdate {

  background-color: #d3d5d6;

}



.camps .evicence {

  display: block;

  color: #ee7f00;

}



.camps-image-fyler {

  float: right;

  width: 40%;

  height: auto;

  margin: 0 0 2em 2em;

}



.camps-image-fyler img {

  width: 100%;

}



.camps-image-fyler .btn-camps-info {

  width: 100%;

  margin-bottom: 24px;

  margin-bottom: 24px;

}



.camps .btn-camps-info {

  font-size: 1.6em;

  color: white;

  background-color: #ee7f00;

  border-color: #ee7f00;

  margin-bottom: 1em;

  width: 100%;

}



.camps .btn-camps-info-small {

  font-size: 1rem;

  color: white;

  background-color: #ee7f00;

  border-color: #ee7f00;

  margin: 0 0 0 1rem;

}



.camps .btn-camps-info-parent {

  font-size: 2em;

  color: white;

  background-color: #ee7f00;

  margin: 1em 0;

  padding: .5em;

  text-align: center;

  white-space: normal;

  display: block;

}



.home .new-badge {

  padding: .2em .6em;

  transform: rotate(-10deg) translateY(-1rem);

  display: inline-block;

  border-radius: 2px;

  text-align: center;

  letter-spacing: .05em;

  background-color: #d67e1c;

  color: white;

  margin-left: 1em;

  font-size: .6em;

}



.camps .new-badge {

  padding: .2em .4em;

  display: inline-block;

  border-radius: 2px;

  text-align: center;

  letter-spacing: .05em;

  background-color: #ee7f00;

  color: white;

  margin-left: 1em;

}



.training h1,

.training h2 {

  border-color: #ee7f00;

  color: black;

}



.training .show-list .list-bullet {

  background-color: #ee7f00;

}



.training .show-list ul li.active {

  border-left-color: #ee7f00;

}



.training .video-carousel {

  margin: 2em 0;

}



.training .preview-video i {

  font-size: 16pt;

}



.training .preview-video {

  line-height: 16pt;

  margin-top: .5em;

}



.training .btn-primary {

  background-color: #ee7f00;

  color: white;

  border-color: #ee7f00;

}



.training-slider {

  width: 300px;

  margin: 0 0 24px 24px;

}



.training .new-badge {

  padding: .2em .4em;

  display: inline-block;

  border-radius: 2px;

  text-align: center;

  letter-spacing: .05em;

  background-color: #ee7f00;

  color: white;

  margin-left: 1em;

}



.btn-big {

  font-size: 2rem;

}



.choose-panel {

  padding: 24px 48px;

}



.choose-panel-question {

  font-size: 3rem;

  line-height: 4rem;

  min-height: 5em;

}



.choose-panel-second {

  border-left: solid 1px #ccc;

}



.choose-panel-action-button {

  border-radius: 4px;

  background-color: #ee7f00;

  color: #fff;

  font-size: 2rem;

  padding: 12px;

  display: block;

  line-height: 4rem;

}



.choose-panel-action-button:hover {

  text-decoration: none;

  background-color: #222;

  color: white;

}



.back-top-panel {

  color: #ee7f00;

  font-size: 1.6rem;

  cursor: pointer;

}





.program {

  display: flex;

}



.program-content {

  flex-grow: 1;

  padding-left: 12px;

  padding-bottom: 12px;

}



.training .form-bullet-number {

  background-color: #ee7f00;

  border-color: #ee7f00;

  color: white;

}



.training .program-title {

  color: #106fa3;

}



.training .choose-panel-second {

  border-color: transparent;

}



.training .choose-panel-action-button {

  background-color: #ee7f00;

}



.training .choose-panel-action-button:hover {

  text-decoration: none;

  background-color: #ffaa2e;

}



.training .coming-soon-container .choose-panel-action-button {

  background-color: #fadbb8;

}



.training .coming-soon-container .choose-panel-action-button:hover {

  text-decoration: none;

  background-color: #fadbb8;

}







.contacts h1,

.contacts h2 {

  border-color: #ee7f00;

  color: black;

}



.contacts .show-list .list-bullet {

  background-color: #ee7f00;

}



.contacts .show-list ul li.active {

  border-left-color: #ee7f00;

}



.contacts .facebook_page_panel {

  font-size: 16px;

  margin-top: 22px

}



.contacts .facebook_page_panel i {

  font-size: 22px;

  padding-right: 6px;

}



.contacts-info {

  font-size: 1.8rem;

}



.reservedArea .download-list li a {

  line-height: 2em;

}



.reservedArea .download-list li i {

  margin-right: .5em;

}



.reservedArea .download-music-list li {

  margin: 1.5em 0;

}



.pdf-icon {

  color: #E9000C;

}



.music-icon {

  color: #9ADE00;

}



.indent-left {

  padding-left: 2rem;

}



.img-right {

  margin: 0 0 24px 24px;

}



.download-all-button {

  background-color: #8f4aba;

  border-radius: 4px;

  color: white;

  display: inline-block;

  margin: 2rem 0;

  padding: 1rem;

}



.download-all-button:hover {

  background-color: #64099e;

  color: white;

  text-decoration: none;

}





.news-title {

  color: #ee7f00;

  transform: rotate(10deg);

  text-transform: uppercase;

  display: inline-block;

  font-weight: 900;

  margin-left: 1em;

}



.shop .choose-panel-second {

  border-color: #504c47

}



.shop .choose-panel-action-button {

  background-color: #ee7f00;

}



.shop .choose-panel-action-button:hover {

  text-decoration: none;

  background-color: #ffaa2e;

}



.shop .choose-panel-action-button.action-button-disabled {

  background-color: #ffe2b8;

}



;



.shop .choose-panel-action-button.action-button-disabled:hover {

  background-color: #ffe2b8;

}



.shop .coming-soon-container {

  position: relative;

}



.shop .coming-soon {

  font-weight: 900;

  color: #d17d00;

  font-size: 24px;

  transform: rotate(-10deg);

  padding: 0 1rem;

  position: absolute;

  top: -14px;

  left: 0;

  line-height: 2em;

}



.choose-panel .preview-video {

  display: block;

  text-align: left;

}



.navbar-default .navbar-brand {

  display: none;

}



.navbar-default .navbar-toggle {

  display: none;

}



.coming-soon-container {

  position: relative;

}



.coming-soon {

  font-weight: 900;

  color: #d17d00;

  font-size: 28px;

  transform: rotate(-10deg);

  padding: 10% 1rem;

  position: absolute;

  top: 0;

  left: 0;

  line-height: 2em;

  height: 100%;

  width: 100%;

}



.coming-soon-small {

  font-size: 2rem;

  padding: 0;

}



.no-desktop {

  display: none !important;

}



.carta-docente-badge {

  width: 200px;

}



@media (max-width: 850px) {

  .navbar-default .navbar-brand {

    color: #fff;

    display: block

  }



  .navbar-default .navbar-brand.main-menu-home {

    color: #ee7f00;

  }



  .navbar-default .navbar-brand.main-menu-aboutus {

    color: #ee7f00;

  }



  .navbar-default .navbar-brand.main-menu-primary {

    color: #ee7f00;

  }



  .navbar-default .navbar-brand.main-menu-middle {

    color: #ee7f00;

  }



  .navbar-default .navbar-brand.main-menu-secondary {

    color: #ee7f00;

  }



  .navbar-default .navbar-brand.main-menu-camps {

    color: #ee7f00;

  }



  .navbar-default .navbar-brand.main-menu-training {

    color: #ee7f00;

  }



  .navbar-default .navbar-brand.main-menu-contacts {

    color: #ee7f00;

  }



  .main-menu-new-badge {

    position: static;

    display: inline-block;

    transform: rotate(0deg)

  }



  .top-header {

    height: auto;

    background-size: 40% auto;

  }



  .top-header .logo {

    width: 20%;

    height: auto;

  }



  .top-header .logo img {

    width: 100%;

    height: auto;

  }



  .home-header-background {

    background-image: none;

  }



  .aboutus-header-background {

    background-image: none;

  }



  .primary-header-background {

    background-image: none;

  }



  .middle-header-background {

    background-image: none;

  }



  .secondary-header-background {

    background-image: none;

  }



  .camps-header-background {

    background-image: none;

  }



  .training-header-background {

    background-image: none;

  }



  .contacts-header-background {

    background-image: none;

  }



  .shop-header-background {

    background-image: none;

  }



  .workshows-header-background {

    background-image: none;

  }



  .playweeks-header-background {

    background-image: none;

  }



  .navbar-default .navbar-toggle {

    display: block;

  }



  .navbar-default .navbar-toggle {

    border: none;

  }



  .navbar-default .navbar-toggle:focus,

  .navbar-default .navbar-toggle:hover {

    background-color: transparent;

  }



  .navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

  }



  .navbar-toggle .icon-bar {

    height: 3px;

  }



  .navbar-default .navbar-collapse,

  .navbar-default .navbar-form {

    border-color: #fff;

    padding: 0;

  }



  .navbar-nav {

    width: 100%;

    margin-right: 0;

    margin-left: 0;

  }



  .main-menu-item {

    margin: 0;

    padding: 10px 20px;

  }



  .camps .btn-camps-info {

    font-size: 1.6em;

    width: 100%;

  }



  .col-no-padding-left {

    padding-left: 0;

  }



  .col-no-padding-right {

    padding-right: 0;

  }



  .accept-not-accept-panel {

    flex-wrap: wrap

  }



  .accept-not-accept-text {

    width: 100%;

  }



  .no-mobile {

    display: none !important;

  }



  .no-desktop {

    display: block !important;

    ;

  }



  .choose-panel-second {

    border-left: none;

    border-top: dashed 1px #ccc;

  }



  .carta-docente-badge {

    width: 100px;

  }



  .btn-big {

    font-size: 1.6rem;

  }



  h2 {

    font-size: 22px;

  }



  .news-title {

    transform: rotate(0);

    font-size: .8rem;

    font-weight: normal;

    background-color: #ee7f00;

    color: white;

    padding: 4px;

    border-radius: 2px;

    letter-spacing: 1px;

  }



  .navbar-header {

    float: none;

  }



  .navbar-left,

  .navbar-right {

    float: none !important;

  }



  .navbar-toggle {

    display: block;

  }



  .navbar-collapse {

    border-top: 1px solid transparent;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  }



  .navbar-fixed-top {

    top: 0;

    border-width: 0 0 1px;

  }



  .navbar-collapse.collapse {

    display: none !important;

  }



  .navbar-nav {

    float: none !important;

    margin-top: 7.5px;

  }



  .navbar-nav>li {

    float: none;

  }



  .navbar-nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

  }



  .navbar-default .navbar-nav .open .dropdown-menu>li>a {

    color: white;

  }



  .navbar-default .navbar-nav>.active>a,

  .navbar-default .navbar-nav>.active>a:focus,

  .navbar-default .navbar-nav>.active>a:hover {

    border-color: transparent;

    color: #ee7f00 !important;

  }



  .main-menu-item:hover,

  .main-menu-item.active {

    border-color: transparent;

  }



  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover .collapse.in {

    background-color: transparent;

    color: #ee7f00 !important;

  }



  .collapse.in {

    display: block !important;

  }



}





.privacy-read-toolbar {

  font-weight: bold;

  color: #165c7c;

  margin: 3rem 0;

}



.privacy-policy-info-panel {

  margin: 3rem 0 1rem 0;

}



#privacy-scroll {

  max-height: 15rem;

  overflow-y: auto;

  padding: 1rem 36px 1rem 1rem;

  border: solid 1px #ddd;

  border-radius: 4px;

}



.privacy-policy-check {

  display: flex;

  align-items: flex-start;

}



.privacy-policy-check .checkbox {

  margin-top: 4px;

}



.privacy-policy-check .checkbox label {

  padding-left: 0;

}



.privacy-policy-check-label {

  padding-left: 4px;

}



.privacy-policy-check-label:hover {

  cursor: pointer;

}



#general-info-scroll {

  max-height: 15rem;

  overflow-y: auto;

  padding: 1rem 36px 1rem 1rem;

  border: solid 1px #ddd;

  border-radius: 4px;

}



.general-info-policy-check {

  display: flex;

  align-items: flex-start;

}



.general-info-policy-check .checkbox {

  margin-top: 4px;

}



.general-info-policy-check .checkbox label {

  padding-left: 0;

}



.general-info-policy-check-label {

  padding-left: 4px;

}



.general-info-policy-check-label:hover {

  cursor: pointer;

}



#image-release-scroll {

  max-height: 15rem;

  overflow-y: auto;

  padding: 1rem 36px 1rem 1rem;

  border: solid 1px #ddd;

  border-radius: 4px;

}



.accept-not-accept-panel {

  display: flex;

  align-items: flex-start;

  margin-top: 12px;

}



.hosting-yes-no {

  display: flex;

  align-items: center;

  margin-top: 12px;

}

.hosting-yes-no .radio{

  margin-left: 1em;

  margin-left: 1em;

}



.accept-not-accept-panel .radio {

  white-space: nowrap;

  min-width: 10em;

}



.accept-not-accept-panel .radio+.radio {

  margin-top: 10px;

}



.accept-not-accept-text {

  flex-grow: 1;

  padding-top: 5px;

  text-align: justify;

}



.data-processing-info-panel {

  border: solid 1px #ddd;

  border-radius: 4px;

  margin-top: 3rem;

  padding: 1em;

  text-align: justify;

}



.data-processing-check {

  display: flex;

  align-items: flex-start;

}



.data-processing-check .checkbox {

  margin-top: 4px;

}



.data-processing-check .checkbox label {

  padding-left: 0;

}



.data-processing-check-label {

  padding-left: 4px;

}



.data-processing-check-label:hover {

  cursor: pointer;

}



.privacy_content ol.ol-nested {

  counter-reset: item

}



.privacy_content ol.ol-nested>li {

  display: block

}



.privacy_content ol.ol-nested>li:before {

  content: counters(item, ".") " ";

  counter-increment: item;

  font-size: 1.2em;

}



.privacy_content .indent {

  padding-left: 20px;

}



.privacy_content ul,

.privacy_content ol {

  padding-left: 20px;

}





.modal-footer-toolbar {

  display: flex;

  align-content: center;

}



.modal-footer-toolbar-left {

  flex-grow: 1;

  text-align: left;

}



.modal-footer-toolbar-right {

  text-align: right;

  white-space: nowrap

}



.text-disabled {

  color: #ccc;

  cursor: auto;

}



.playweeks .btn-playweeks-info {

  font-size: 1.6em;

  color: white;

  background-color: #ee7f00;

  border-color: #ee7f00;

  margin-bottom: 1em;

  width: 100%;

}



.playweeks-slide-quote {

  font-size: 12px;

  background-color: #165c7c;

  padding: 2rem 3rem 5rem 3rem;

  border-radius: 6px;

  height: auto;

  position: relative;

  color: #fff;

}





.text-disabled:hover {

  cursor: auto;

}



/* checkbox and radio style */

.checkbox label:after,

.radio label:after {

  clear: both;

  content: '';

  display: table;

}



.checkbox .cr,

.radio .cr {

  border: 1px solid #a9a9a9;

  border-radius: 0;

  display: inline-block;

  float: left;

  height: 1.3em;

  margin-right: .5em;

  position: relative;

  width: 1.3em;

}



.radio .cr {

  border-radius: 50%;

}



.checkbox .cr .cr-icon,

.radio .cr .cr-icon {

  font-size: .8em;

  left: 10%;

  line-height: 0;

  position: absolute;

  top: 50%;

}



.radio .cr .cr-icon {

  margin-left: 0.04em;

}



.checkbox label input[type="checkbox"],

.radio label input[type="radio"] {

  display: none;

}



.checkbox label input[type="checkbox"]+.cr>.cr-icon,

.radio label input[type="radio"]+.cr>.cr-icon {

  opacity: 0;

  transform: scale(3) rotateZ(-20deg);

  transition: all .1s ease-in;

}



.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,

.radio label input[type="radio"]:checked+.cr>.cr-icon {

  opacity: 1;

  transform: scale(1) rotateZ(0deg);

}



.checkbox label input[type="checkbox"]:disabled+.cr,

.radio label input[type="radio"]:disabled+.cr {

  opacity: .5;

}



.radio.inline-radio,

.checkbox.inline-checkbox {

  display: inline-block;

}



.checkbox .cr.invalid,

.radio .cr.invalid {

  border-color: red;

}



.checkbox.camps_week_checkbox {

  margin-top: 0;

  margin-right: 2em;

}



.launch_special_radio {

  margin-top: 0;

  margin-right: 2em;

  padding-left: 0;

}





.warning-panel {

  border: solid 0px #ee7f00;

  margin-top: .5em;

  padding: .5em 1em;

  background: #fadbb8;

  border-radius: .25em;

}



.warning-panel strong {

  color: #ee7f00;

}



.camps-needs-to-send {

  color: #ee7f00;

  font-weight: bold;

}



.camps-payment-info {

  margin-bottom: 2em;

}



.camps-send-info {

  margin-top: 1em;

}



textarea.invalid {

  border-color: red;

}



.delegation-module p {

  padding: 1em 0;

}



@keyframes heartbeat {

  0% {

    transform: scale(1);

  }



  20% {

    transform: scale(1.25);

  }



  40% {

    transform: scale(1);

  }



  60% {

    transform: scale(1.25);

  }



  80% {

    transform: scale(1);

  }



  100% {

    transform: scale(1);

  }

}



@keyframes pulse {

  0% {

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);

  }



  70% {

    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);

  }



  100% {

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

  }

}



@keyframes pulse-text {

  0% {

    text-shadow: 0 0 0 rgba(244, 67, 54, 1);

  }



  70% {

    text-shadow: 0 0 60px rgba(244, 67, 54, 0);

  }



  100% {

    text-shadow: 0 0 0 rgba(244, 67, 54, 0);

  }

}



@keyframes shake {

  0% {

    transform: rotate(-20deg);

  }



  80% {

    transform: rotate(-20deg);

  }



  85% {

    transform: rotate(10deg);

  }



  88% {

    transform: rotate(-30deg);

  }



  91% {

    transform: rotate(10deg);

  }



  94% {

    transform: rotate(-30deg);

  }



  97% {

    transform: rotate(-20deg);

  }



  100% {

    transform: rotate(-20deg);

  }

}



/* home

.home-section{padding-top: 32px;padding-bottom: 4em; min-height: 100vh; text-align: center;   box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.75);}

.home-section h1{font-size: 64px; margin:6rem; text-align: center;display: inline-block; overflow: hidden; clear:both; padding: 2rem;

			 outline: 1rem solid;-ms-transform: rotate(-6deg);  -webkit-transform: rotate(-6deg); transform: rotate(-6deg); max-width: 60%;

			 box-shadow: 14px 14px 20px 0px rgba(50, 50, 50, 0.75); border: dashed white 2px; }

.home-section img{border-radius: 4px; overflow: hidden;}

.home-section strong{background: none repeat scroll 0px 0px #2196F3;display: inline-block;padding: 0.1em 0.4em;margin: 3px 0;transform: rotate(-3deg);transition-delay: 2s;

					color: #333; font-weight: 700;}

.home-section h3{background: none repeat scroll 0px 0px #2196F3;display: inline-block;padding: 1em 0.4em;margin: 1em 0;

					color: #333; font-weight: 700; color: white; border: dotted white 4px; outline:.5em solid #2196F3;}



#home-section-land{z-index: 10;position: relative;box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.75);}

#home-section-land{background: url('../images/home/header_home.jpg') center center  no-repeat;background-size: 1600px;padding: 0;

	}

#home-section-land .container{padding-bottom: 2rem;}

#home-logo{

background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));

background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);

background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);

background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);

background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );

	color: white;

	margin-bottom: 4rem;}

#home-logo h1{font-size: 64px; }

#home-logo h1 img{margin-right: .5em; border-radius: 0;}

.land-intro-bullet{background: none repeat scroll 0 0 rgba(211,47, 47, 0.7);  border-radius: 100%; color: #fff;  font-size: 36px;  font-weight:: 300;

    height: 360px;  line-height: 1em;   padding: 65px; text-transform: uppercase;  width: 360px;}



.land-intro-box{color: white; background-color:rgba(0, 0, 0, 0.7); padding: 1em; margin-top: 240px;}

.land-intro-box h3{margin: 0; color: #ef2929;}

.land-intro-box p{margin-top: 1em;}



#home-section-intro{z-index: 8;position: relative;background-color: #B3E5FC;}

#home-section-intro h1{background-color:#03A9F4; color: white;outline-color: #03A9F4;}

#home-section-intro p{  font-size: 24px; line-height: 42px; font-style: normal; font-weight: 100;}

#home-section-intro  strong{background-color: #03A9F4; color: white;}

#home-section-intro  strong{background-color: #03A9F4; outline-color:#03A9F4;}

#home-section-seasons{z-index: 6;position: relative;}

#home-section-seasons h1{background-color:#D32F2F; color: white; outline: #D32F2F solid 1rem;}

#home-section-seasons h1 small{color: #FFCDD2;}



#home-section-seasons p{  font-size: 24px; line-height: 42px; font-style: normal; font-weight: 100;}

#home-section-seasons  strong{background-color: #D32F2F; color: white;}

.intro-show-panel-container{padding: 8px;border-radius: 4px;margin: 2rem 0;}

.intro-show-panel{border-radius: 4px;border: dotted 3px white; min-height: 200px;text-align: center; overflow: hidden;}

.intro-show-panel p{ padding: 24px; }

.intro-show-panel h2{font-size: 32px; color: white;}



#home-section-summercamps{background-color: #B2EBF2;overflow: hidden;z-index: 4;position: relative;}

#home-section-summercamps h1{background-color:#00BCD4; color: white;outline: #00BCD4 solid 1rem;}

#home-section-summercamps p{  font-size: 24px; line-height: 42px; font-style: normal; font-weight: 100;}

#home-section-summercamps  strong{background-color: #00BCD4; color: white;}

#home-section-summercamps h3{background-color: #00BCD4; outline-color:#00BCD4;}

#home-section-summercamps img{ width: 310px; }



#home-section-video{background-color: #ECECEC;overflow: hidden; z-index: 2;position: relative;}

#home-section-video h1{background-color:#FFC107; color: white;outline-color: #FFC107;}

#home-section-video  strong{background-color: #ECECEC; color: white;}

#home-section-video  h3{background-color: #ECECEC; outline-color:#ECECEC;}

#home-section-video h4{border-radius: 28rem; height: 28rem; width: 28rem; display: inline-block;

		vertical-align: middle;margin: 1rem; display:table-cell; border: 3rem solid white;font-size: 32px; color: #D32F2F;}

#home-section-video .row{margin-top: 6rem;}

#home-section-video p{  font-size: 24px; line-height: 42px; font-style: normal; font-weight: 100;}

#home-section-video img{ width: 310px; }

*/





/* new 2023 */

.banner {

  border-radius: .25em;

  background-color: #f4ad5c;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.6rem;

  padding: .75em 1em;

  display: block;

  margin-bottom: 1em;

  text-align: center;

  line-height: 1.4em;

  border: solid 1px #000;

}



.banner-md {

  font-size: 2rem;

}



.banner-lg {

  font-size: 3rem;

}



.banner-with-image {

  margin-bottom: 0;

  border-bottom: none;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  font-size: 1.8em;

}



.advice {

  position: absolute;

  display: flex;

  flex-direction: column;

  padding: 1em;

  gap: 1em;

  font-size: 1.2em;

  border-radius: .25em;

  background-color: #f4ad5c;

  text-align: center;

  border: solid 1px #000;

}



.advice.camps-intro-advice {}



.advice.camps-intro-advice .fa {

  padding: 0;

  background: transparent;

  border: none;

  font-size: 1em;

}



.camps h2 {

  text-align: center;

  margin-bottom: 2em;

}



.camps .intro-with-video {

  position: relative;

  padding-bottom: 56.25%;

  /* 16:9 */

  height: 0;

}



.camps .intro-with-video iframe {

  position: absolute;

  border-radius: .75rem;

  overflow: hidden;

  top: 0;

  left: 0;

  width: 90%;

  height: 90%;

}



.camps .intro-with-video .advice {

  top: 10%;

  right: 0;

  transform: rotate(10deg);

}



.camps .cover-wrapper {

  position: relative;

  padding: 0 4rem;

  display: block;

}



.camps .cover-wrapper img {

  border-radius: 4px;

  overflow: hidden;

  margin-bottom: 1em;

  margin-top: 3rem;

  border: solid 1px #212121;

}





.advice .fa {

  bottom: -1.5rem;

  right: .75rem;

  padding: .65em .25em;

  font-weight: bold;

  font-size: 2.4em;

  text-align: center;

  border: solid 1px #000;

  background-color: white;

  padding-right: .5em;

}



.camps .cover-wrapper .advice {

  bottom: -0.5em;

  transform: rotate(10deg);

  right: 0.5em;

  font-size: 1.4em;

  display: flex;

  flex-direction: row;

  padding: 0.5em;

  gap: 0.5em;

  align-items: center;

  font-weight: bold;

  max-width: 9em;

  line-height: 1.2;

}



.camps .cover-wrapper .fa {

  padding: 0;

  background: transparent;

  border: none;

  font-size: 1em;

}



.section-with-image-background {

  margin: 4rem 0;

  position: relative

}



.section-with-image-background .img-background {

  width: 100%;

  height: auto;

}



.camps .torino-section-2 {

  position: relative;

}



.camps .torino-section-2 .advices {

  display: flex;

  gap: 2em;

  justify-content: space-around;

  flex-direction: column;

  padding: 2em;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}





.camps .torino-section-2 .advice {

  position: static;

  display: block;

}



.camps .torino-section-2 .advice-wrapper {

  display: flex;

}



.camps .torino-section-2 .advice-wrapper-01 {

  justify-content: center;

}



.camps .torino-section-2 .advice-wrapper-02 {

  justify-content: end;

  align-items: flex-start;

  flex-grow: 1;

}



.camps .torino-section-2 .advice-wrapper-03 {

  justify-content: flex-start

}



.camps .torino-section-3 .images {

  text-align: center;

  margin-bottom: 2em;

}



.camps .torino-section-3 .images img {

  border: solid 2px #000;

}



.camps .torino-section-3 .images .image-1 {

  width: 29%;

  height: auto;

  transform: rotate(-10deg) translateY(1em) translateX(2em);

}



.camps .torino-section-3 .images .image-2 {

  width: 40%;

  height: auto;

}



.camps .torino-section-3 .images .image-3 {

  transform: rotate(10deg) translateY(1em) translateX(-2em);

  width: 29%;

  height: auto;

}



.camps .torino-section-4 .advice {

  margin: 3rem 0

}



.camps .torino-section-5 .panorama {

  width: 100%;

  margin: 3rem 0

}



.img-torino-wrapper {

  position: relative;

}



.img-torino-wrapper h3 {

  font-weight: bold;

  font-size: 3em;

  color: white;

  position: absolute;

  top: 0;

  right: 2rem;

  text-align: right;

}



.camps .torino-section-5 .questions {

  margin: 3em 0;

  display: flex;

  justify-content: space-between;

  gap: 1.5em;

  text-align: center;

  align-items: stretch;

  align-content: center;

}



.camps .torino-section-5 .questions .choose-panel-action-button {

  display: flex;

  align-items: center;

}



.camps .torino-section-5 .price-button {

  font-size: 2em;

}



.camps .torino-section-6 {

  margin-top: 4rem;

}



.camps .torino-section-6 .activities .row {

  margin: 1em 0 2em 0;

}



.camps .torino-section-6 .activities .row .choose-panel-action-button {

  margin: 1em 0;

}



.camps .torino-section-6 .activities .row img {

  border: solid 1px #000;

}



.camps .torino-section-6 .btn-camps-info {

  margin-top: 2rem;

}



.camps .week .banner {

  display: flex;

  justify-content: space-between;

  gap: 2em;

  align-items: stretch;

  position: relative;



}



.camps .week .banner .info {

  flex-grow: 1;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.camps .week .banner .info h3 {

  font-size: 1.2em;

}



.camps .week .banner img {

  width: 20%;

}



.camps .week .price-info {

  position: relative;

  padding: 2rem 0 3rem 22rem;

  font-size: 1.2em;

}



.camps .week .price-info .price {

  position: absolute;

  top: -0.5em;

  left: -1.5em;

  width: 12em;

  height: 12em;

  border-radius: 100%;

  border: solid 4px white;

  outline: solid 4px #ee7f00;

  display: flex;

  flex-direction: column;

  align-items: center;

  color: white;

  font-size: 1em;

  justify-content: center;

  background-color: #ee7f00;

  transform: rotate(-20deg);

  gap: .5em;

}



.camps .week .price-info .price .text-large {

  font-size: 1.6em;

}



.camps .week .price-info .price small {

  font-size: .6em;

}



.camps .week .price-info .price strong {

  font-weight: 900;

}



.camps.tipic-day .modal-header {

  background-color: #ee7f00;

  color: white;

  font-weight: bold;

  border-bottom: none;

}



.camps.tipic-day .modal-header h3 {

  text-align: center;

}



.camps.tipic-day .modal-header .close {

  color: white;

  font-weight: bold;

}



.camps.tipic-day .modal-body {

  background-color: #f4ad5c;

}



.camps.tipic-day.tipic-day-insegnanti .modal-body {

  background-color: white;

  display: flex;

  gap: 1em;

  align-items: stretch;

}



.tipic-day-insegnanti .modal-body .tipic-day-wrapper {

  display: flex;

  flex-direction: column;

  gap: 1em;

  justify-content: space-between;

}



.tipic-day-insegnanti .modal-body .tipic-day-wrapper strong {

  white-space: nowrap;

}



.camps.tipic-day-insegnanti .banner {

  padding: 0;

  margin-bottom: 0;

}



.tipic-day-insegnanti .modal-body .images {

  display: flex;

  flex-direction: column;

  gap: 1em;

  justify-content: space-between;

  width: 40%;

}



.tipic-day-insegnanti .modal-body .images img {

  border: solid 1px #000;

  border-radius: .25em;

  overflow: hidden;

}



.camps.tipic-day-insegnanti .modal-body table td {

  text-align: left;

}



.camps.tipic-day .modal-body table {

  border-collapse: collapse;

}



.camps.tipic-day .modal-body table td {

  vertical-align: top;

  border: solid 1px #ee7f00;

  padding: .5em 1em;

}



.camps.tipic-day .modal-body table td strong {

  display: block;

}



.camps.parent-teacher-feedbacks .modal-body {

  display: flex;

  gap: 4em;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: stretch;

  padding: 3rem 2rem;

}



.camps.parent-teacher-feedbacks strong {

  display: block;

  margin-bottom: .5em;

}



.camps.parent-teacher-feedbacks i {

  display: block;

  margin-top: 1.5em;

}



.quote-top,

.quote-bottom {

  position: relative;

}



.quote-top::after,

.quote-bottom::before {

  font-size: 4em;

  position: absolute;

  line-height: 1;

  color: #ee7f00;

  background: linear-gradient(0deg, transparent 50%, #fff 50%);

  display: block;

  z-index: 100;

}



.quote-top::after {

  top: -.3em;

  left: 20%;

  content: "❝";

}



.quote-bottom::before {

  bottom: -.75em;

  right: 20%;

  content: "❞";

}

.camps.parent-teacher-feedbacks .feedback-col{

  display: flex;

  flex-direction: column;

  gap: 2rem;

}



.camps.parent-teacher-feedbacks .feedback-col-1 {

  width: 44%;

}



.camps.parent-teacher-feedbacks .feedback-col-2 {

  width: 28%;

}



.camps.parent-teacher-feedbacks .feedback-col-3 {

  width: 28%;

}



.camps.parent-teacher-feedbacks .feedback{

  border: solid #ee7f00;

  border-radius: .5em;

  border-width: .5em;

  padding: 2em;

  border-width: .5rem;

}



.camps.parent-teacher-feedbacks .feedback-lg{

  font-size: 1.2em;

}

.camps.parent-teacher-feedbacks .feedback-md{

  font-size: 1em;

}

.camps.parent-teacher-feedbacks .feedback-sm{

  font-size: .8em;

}



.camps.parent-teacher-feedbacks .feedback.quote-top::after,

.camps.parent-teacher-feedbacks .feedback.quote-bottom::before {

  font-size: 10rem;

}

/* .camps.parent-teacher-feedbacks .feedback-md.quote-top::after,

.camps.parent-teacher-feedbacks .feedback-md.quote-bottom::before {

  font-size: 6em;

}

.camps.parent-teacher-feedbacks .feedback-sm.quote-top::after,

.camps.parent-teacher-feedbacks .feedback-sm.quote-bottom::before {

  font-size: 8em;

} */



/*



.camps.parent-teacher-feedbacks .feedback-col-1 {

  font-size: .8em;

  padding: 3em 1em;

  margin: 3em 0;

}



.camps.parent-teacher-feedbacks .feedback-col-1.quote-top::after,

.camps.parent-teacher-feedbacks .feedback-col-1.quote-bottom::before {

  font-size: 12em;

}







.camps.parent-teacher-feedbacks .feedback-col-2 {

  width: 28%;

  display: flex;

  flex-direction: column;

  gap: 3em;

}







.camps.parent-teacher-feedbacks .feedback-col-2 .feedback-2 {

  border: solid #ee7f00 .25em;

  border-radius: .5em;

  padding: 1em;

  margin-top: 1.5em;

  font-size: 1.2em;

}



.camps.parent-teacher-feedbacks .feedback-col-2 .feedback-3 {

  border: solid #ee7f00 .25em;

  border-radius: .5em;

  padding: 1em;

  margin: 0 3em 2em 0;

}



.camps.parent-teacher-feedbacks .feedback-col-3 {

  width: 28%;

  display: flex;

  flex-direction: column;

  gap: 1em;

}



.camps.parent-teacher-feedbacks .feedback-col-3 .feedback-4 {

  border: solid #ee7f00 .25em;

  border-radius: .5em;

  padding: 1em;

  border-radius: .5em;

  margin: 0 2em;

}



.camps.parent-teacher-feedbacks .feedback-col-3 .feedback-5 {

  border: solid #ee7f00;

  border-width: .25em .25em .25em 0;

  padding: 1em;

  border-radius: .5em;

  font-size: 1.2em;

  padding-bottom: 2em;

  margin-bottom: 2em;

}



.camps.parent-teacher-feedbacks .feedback-col-3 .feedback-5.quote-bottom::before {

  font-size: 6em;

}

*/

.speaking-comprehension .modal-body {

  display: flex;

  flex-direction: column;

  width: 100%;

  justify-content: space-between;

  min-height: 90vh;

  background: url('../images/camps/2024/speaking-comprehension.jpg') center center no-repeat #fff;

  background-size: cover;

}



.speaking-comprehension .modal-body .banner-wrapper {

  display: flex;

}



.speaking-comprehension .modal-body .banner-lg {

  width: auto;

  font-weight: 900;

}



.lunch .modal-body {

  display: flex;

  flex-direction: column;

  width: 100%;

  justify-content: space-between;

  min-height: 90vh;

  background: url('../images/camps/2024/lunch.jpg') center center no-repeat #fff;

  background-size: cover;

  font-size: 1.2em;

}



.lunch-insegnanti .modal-body {

  background: url('../images/camps/2024/lunch-insegnanti.jpg') center center no-repeat #fff;

}



.lunch .modal-body .banner-wrapper {

  display: flex;

}



.lunch .modal-body .banner-lg {

  width: auto;

  font-weight: 900;

}





.price-banner {

  position: absolute;

  top: -5.5em;

  left: -2.5em;

  width: 38rem;

  height: 38rem;

  padding: 1em;

  font-size: 1.4em;

  border-radius: 100%;

  border: solid 4px white;

  outline: solid 4px #ee7f00;

  display: flex;

  align-items: center;

  color: white;

  justify-content: center;

  background-color: #ee7f00;

  transform: rotate(-20deg);

  line-height: 1.2em;

}



.price-banner .price-content {

  display: flex;

  justify-content: space-between;

  flex-direction: column;

  text-align: center;

  gap: 1em;

}



.price-banner .price-content small {

  font-weight: normal;

  font-size: .6em;

}



.price-banner .price-content strong {

  font-weight: 900;

}



.price-modal .modal-header {

  background-color: #f4ad5c;

  border-bottom: none;

}



.price-modal .modal-header h3 {

  font-weight: 900;

  text-align: center;

  font-size: 3em;

}



.price-modal .modal-header .close {

  color: white;

  font-weight: bold;

}



.price-body {

  background-color: #f4ad5c;

  padding-left: 22em;

  position: relative;

}



.price-body ul {

  font-size: 1.2em;

}



.insegnanti-section-9 .banner.banner-price h3 {

  text-align: center;

  margin-bottom: 2em;

}



.insegnanti-section-9 .banner .banner-section {

  display: flex;

  gap: .5em;

  font-weight: normal;

  margin: 0 0 .75em;

  text-align: left;

}



.insegnanti-section-9 .banner h3 {

  text-align: left;

  font-weight: 900;

}



.insegnanti-section-9 .banner .banner-section strong {

  white-space: nowrap;

}



.insegnanti-section-9 .banner .banner-section.banner-coord .left-block {

  min-width: 60%;

}



.prenotation-howto .advice{

  position:static;

  background-color: #F57C00;

  color: white;

}



.insegnanti-section-9 .banner .banner-section.banner-coord .right-block .advice {

  position: static;

  background-color: #F57C00;

  color: white;

  font-size: smaller;

  transform: rotate(10deg) translateY(-2em);

}



.insegnanti-section-9 .banner.banner-price {

  padding: 0;

  text-align: left;

}



.insegnanti-section-9 .banner.banner-price .modal-header {

  padding: 0;

  text-align: center;

  min-height: 0;

}



.insegnanti-section-9 .banner.banner-price .modal-body {

  padding-right: 0;

  text-align: left;

  font-weight: normal;

}



.insegnanti-section-9 .banner.banner-price .modal-header .close {

  display: none;

}



.insegnanti-section-9 .banner .modal-header h3 {

  text-align: center;

  font-size: 24px;

  text-transform: uppercase;

}



.insegnanti-section-9 .prenotation-howto {

  display: flex;

  align-items: stretch;

  gap: 2em;

}





.filler {

  flex-grow: 1;

}



.float-slider {

  max-width: 40%;

  margin: 0 0 1em 2em;

}



@media (max-width: 850px) {





  h2 {

    padding-left: .5em;

    padding-right: .5em;

  }



  .no-padding-mobile {

    padding: 0 !important;

    margin: 0 !important;

  }



  .padding-mobile {

    padding-left: 1rem;

    padding-right: 1rem;

  }



  .text-left-mobile {

    text-align: left;

  }



  .banner {

    border-radius: 0;

    border-width: 1px 0;

  }



  .banner-md {

    font-size: 1.6rem;

  }



  .banner-lg {

    font-size: 2rem;

    font-weight: bold;

    padding: .25em;

  }



  .camps .intro-with-video {

    position: relative;

    padding-bottom: 0;

    height: auto;

  }



  .camps .intro-with-video iframe {

    position: static;

    border-radius: 0;

    border-width: 1px 0;

    margin-bottom: 1em;

    width: 100%;

  }



  .camps .intro-with-video .advice {

    position: static;

    transform: rotate(0);

    font-size: 1.8rem;

    padding: .25em;

    border-radius: 0;

    border-width: 1px 0;

  }



  .camps-intro-choose-panel-wrapper .choose-panel-action-button {

    line-height: 3rem;

    padding: .25em .25em;

    min-height: 14em;

    font-size: 1.6rem;

  }



  .camps .cover-wrapper {

    position: relative;

    padding: 0 1rem 0 2rem;

    display: flex;

    justify-content: center;

  }



  .camps .camps-intro-choose-panel-wrapper .col-xs-6:first-child .choose-panel-action-button {

    margin-left: 1em;

  }



  .camps .camps-intro-choose-panel-wrapper .col-xs-6:last-child .choose-panel-action-button {

    margin-right: 1em;

  }





  .camps .cover-wrapper img {

    display: none;

  }



  .camps .cover-wrapper .advice {

    padding: .25em;

    transform: rotate(0);

    max-width: 100%;

  }



  .camps .camps-intro-choose-panel-wrapper .col-xs-6:first-child .advice {

    /* right: auto;

    left: .25em;

    font-size: 1.4rem; */

    position: static;

    margin-top: .5em;

    font-size: 1.4rem;

  }



  .camps .camps-intro-choose-panel-wrapper .col-xs-6:last-child .advice {

    /* right: auto;

    left: -.25em;

    top: -2em */

    position: static;

    margin-top: .5em;

    font-size: 1.4rem;

  }



  .camps .torino-section-2 .advices {

    position: static;

    display: block;

    padding: 1em 0;

  }



  .camps .torino-section-2 .advices .advice {

    margin-bottom: 1em;

    border-radius: 0;

    border-width: 1px 0;

    width: 100%;

  }



  .camps .torino-section-2 .advice-wrapper-01 {

    justify-content: center;

  }



  .camps .torino-section-2 .advice-wrapper-02 {

    justify-content: end;

    align-items: flex-start;

    flex-grow: 1;

  }



  .camps .torino-section-2 .advice-wrapper-03 {

    justify-content: flex-start

  }



  .camps .torino-section-3 .images .image-1 {

    width: 60%;

    height: auto;

    transform: rotate(-10deg) translateY(1em) translateX(-3em);

  }



  .camps .torino-section-3 .images .image-2 {

    width: 60%;

    height: auto;

    transform: rotate(-3deg) translateY(0em) translateX(2em);

  }



  .camps .torino-section-3 .images .image-3 {

    transform: rotate(7deg) translateY(-1em) translateX(-.5em);

    width: 60%;

    height: auto;

  }



  .camps .torino-section-4 .choose-panel-action-button {

    margin-bottom: 1em;

  }



  .camps .torino-section-5 .img-responsive {

    border-radius: 0;

    margin-bottom: 1em;

  }



  .camps .torino-section-5 .questions {

    flex-direction: column;

  }



  .camps .torino-section-6 .banner {

    margin-top: 1em;

  }



  .camps .torino-section-6 .img-responsive {

    border-radius: 0;

    margin-bottom: 1em;

  }



  .camps .insegnanti-section-9 .choose-panel-action-button {

    margin-bottom: 1em;

  }



  .camps .prenotation-howto {

    flex-direction: column;

  }



  .price-banner {

    position: static;

    transform: rotate(-20deg) translateX(0%);

    margin-bottom: 2em;

  }



  .price-body {

    max-width: 100%;

    padding: 1em 0;

  }



  .camps .week .banner {

    flex-wrap: wrap;

    justify-content: space-around;

    gap: 0;

    padding-bottom: 1em;

  }



  .camps .week .banner .info {

    min-width: 100%;

  }



  .camps .week .banner img {

    width: 42%;

  }



  .camps .week .price-info {

    padding: 1em;

    clear: both

  }



  .camps .week .price-info .price {

    position: static;

    margin: 0 auto 1em auto;

  }



  .camps.parent-teacher-feedbacks .modal-body {

    flex-direction: column;

    gap: 1em;

  }



  .camps.parent-teacher-feedbacks .feedback-col-1,

  .camps.parent-teacher-feedbacks .feedback-col-2,

  .camps.parent-teacher-feedbacks .feedback-col-3 {

    width: 90%;

    gap: 0;

  }





  .camps.parent-teacher-feedbacks .feedback-col-2 .feedback-2 {

    margin-top: 0;

    width: 75%;

    margin-left: 25%;

  }



  .camps.parent-teacher-feedbacks .feedback-col-2 .feedback-3 {

    margin-bottom: 0;

  }



  .speaking-comprehension .modal-body {

    padding: 0;

    background: none;

  }



  .speaking-comprehension .modal-body .btn-close-modal-wrapper {

    margin: 2em 1em;

  }



  .lunch .modal-body {

    padding: 0;

  }



  .lunch .modal-body .banner-lg {

    width: 100%;

  }



  .lunch .modal-body .btn-close-modal-wrapper {

    margin: 2em 1em;

  }



  .modal-dialog {

    margin: 0;

  }



  .btn-close-modal-wrapper {

    text-align: center;

    margin: 2em 0;

  }



  .btn-close-modal-wrapper .btn {

    width: 100%;

  }



  .insegnanti-section-9 .btn-close-modal-wrapper {

    display: none;

  }



  .img-torino-wrapper h3 {

    font-size: 1.2em;

    right: 1rem;

    top: 0;

  }



  .camps.tipic-day.tipic-day-insegnanti .modal-body {

    flex-direction: column;

    gap: 0;

  }



  .float-slider {

    max-width: 100%;

    margin: 1em;

  }



}