<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
* Classic Dropdown
**/
ul.menu &gt; li.classic-dropdown.has-dropdown {
  position : relative;
}
ul.menu &gt; li.classic-dropdown:hover &gt; ul.dropdown {
  display : block!important;
  position : absolute;
  width : 240px;
  top : 100%;
  left : 0;
  background : #F1F1F1;
  text-align : left;
  padding : 0;
  margin : 0;
  box-shadow : 0 15px 15px rgba( 0, 0, 0, 0.1);
}
ul.menu &gt; li.classic-dropdown:hover &gt; ul.dropdown &gt; li {
  list-style : none;
  padding : 10px;
  border-bottom : 1px solid #c8c7d0
}
ul.menu &gt; li.classic-dropdown:hover &gt; ul.dropdown &gt; li &gt; a {
  color: #241e4e;
  display: block;
  font-size : 0.875rem;
  font-weight: 500;
  line-height: 1.4375rem;
}
ul.menu &gt; li.classic-dropdown:hover &gt; ul.dropdown &gt; li &gt; a:hover {
  color : #810162;
}

/**
* Big menu School
**/
ul.menu &gt; li.big-menu-school:hover &gt; ul.dropdown,
ul.menu &gt; li.big-menu-courses:hover &gt; ul.dropdown,
ul.menu &gt; li.big-menu-accommodation:hover &gt; ul.dropdown,
ul.menu &gt; li.big-menu-activities:hover &gt; ul.dropdown {
  display : block!important;
  position : absolute;
  width : 100%;
  max-width: 1170px;
  top : 100%;
  right : 0;
  background : #FFFFFF;
  text-align : left;
  padding : 30px 0 0;
  margin : 0;
  box-shadow : 0 15px 15px rgba( 0, 0, 0, 0.1);
  border-radius: 5px;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown::after,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown::after,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown::after,
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown::after,
ul.menu &gt; li.classic-dropdown:hover &gt; ul.dropdown::after
{
  content : '';
  position : absolute;
  bottom : 0;
  left : 0;
  display : block;
  width : 100%;
  height : 5px;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li
{
  position : relative;
  /*display : inline-block;*/
  display: table-cell;
  height : auto;
  min-height : 200px;
  width : 24%;
  vertical-align: top;
  padding : 0 0.9375rem 30px;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li::after ,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li::after
{
  content : '';
  display : block;
  position : absolute;
  width : 1px;
  height : 100%;
  top : 0;
  right : 0;
  background : #dfdfdf;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li:last-child::after,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:last-child::after
{
  display : none;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li &gt; a {
  display : block;
  font-family: "brandongrotesque_medium", Arial;
  font-size : 16px;
  line-height : 19px;
  font-weight : normal;
  color : #40364d;
  text-transform: uppercase;
  margin-bottom : 25px;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li &gt; ul.dropdown,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul.dropdown,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul.dropdown
{
  position : relative;
  margin : 0;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul.dropdown &gt; li,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul.dropdown &gt; li
{
  list-style : none;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul.dropdown &gt; li &gt; a,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul.dropdown &gt; li &gt; a
{
  position : relative;
  display : block;
  font-size : 15px;
  font-weight : normal;
  line-height : 19px;
  color : #5f6c73;
  padding-left : 10px;
  margin-bottom : 12px;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a:hover,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul.dropdown &gt; li &gt; a:hover,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul.dropdown &gt; li &gt; a:hover
{
  color : #f37036;
}
ul.menu &gt; li.big-menu-school &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a::before,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul.dropdown &gt; li &gt; a::before,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul.dropdown &gt; li &gt; a::before
{
  /*content : '•';
  position : absolute;
  left : 0;
  top : 0;*/

}
ul.menu &gt; li.big-menu-school  li.reviews-average &gt; span.title{
  display : block;
  font-size : 1.0625rem;
  line-height : 1.4375rem;
  font-weight : 700;
  color : #241e4e;
  margin-bottom : 10px;
  margin-top : 25px
}
ul.menu &gt; li.big-menu-school  li.reviews-average &gt; span.main-rate{
  display : block;
  color: #241e4e;
  font-size: 2.6875rem;
  font-weight: 700;
  line-height: 2.6875rem;
}
ul.menu &gt; li.big-menu-school li.reviews-average &gt; a.read-more{
  color: #f37036!important;
  display: block!important;
  font-size: 0.8125rem!important;
  font-weight: 600!important;
  line-height: 2.1875rem!important;
  text-decoration: underline!important;
  margin-bottom : 0!important;
  padding-left : 0!important;
}
ul.menu &gt; li.big-menu-school li.reviews-average &gt; a.read-more::before{
  display : none;
}
ul.menu &gt; li.big-menu-school  li.reviews-average &gt; span.rate{
  display: block;
  margin : 0;
}

ul.menu &gt; li.big-menu-courses  li.reviews-average{
  text-align: left;
}

ul.menu &gt; li.big-menu-courses  li.reviews-average &gt; span.title{
  display: block;
  vertical-align: middle;
  margin-bottom: 11px;
  font-family: 'brandongrotesque_medium', Arial;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  color: #40364d;
}
ul.menu &gt; li.big-menu-courses  li.reviews-average &gt; span.title::before{
  vertical-align: middle;
  content: "\58";
  margin-right: 11px;
  font-family: "easyfrench" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-size: 43px;
  line-height: 1;
  color: #f37036;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bloc-coupdecoeur{
  display: block;
  overflow: hidden;
  width: 234px;
  border-radius: 5px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
}
.bloc-coupdecoeur .picture{
  position: relative;
  overflow: hidden;
  display: block;
  width: 234px;
  height: 115px;
}
.bloc-coupdecoeur .picture img{
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bloc-coupdecoeur .picture .theme{
  position : absolute;
  z-index : 2;
  top : 15px;
  left: 15px;
  display : block;
  width : auto;
  padding : 5px 11px;
  font-size : 11px;
  line-height: 13px;
  color : #FFFFFF;
  font-weight : 700;
  text-transform : uppercase;
  background-color : #820263;
  border-radius: 3px;
}
.bloc-coupdecoeur .bloc-txt{
  display: block;
  padding: 23px 26px 0px;
  font-family: "brandongrotesque_medium", Arial;
  font-size: 18px;
  line-height: 1.4;
  color: #5f6c73;
}
.bloc-coupdecoeur .price-informations{
  display: block;
  padding: 0px 26px 30px;
  font-family: 'brandongrotesque_bold', Arial;
  font-size: 21px;
  color: #f37036;
}

ul.menu &gt; li.big-menu-courses li.download-brochure{
  display: none;
}
ul.menu &gt; li.big-menu-courses  li.reviews-average &gt;  a.write-review {
  display : inline-block;
  font-size : 0.6875rem;
  font-weight : 700;
  color : #241e4e;
  text-transform : uppercase;
  padding : 10px 25px;
  background : #FFFFFF;
  border : 2px solid #241e4e;
  border-radius : 1000px;
  margin-top : 17px;
}
ul.menu &gt; li.big-menu-courses  li.reviews-average &gt;  a:hover.write-review {
  color : #FFFFFF;
  background : #241e4e;
}

/**
* Big Menu Courses
**/
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; a,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; a,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; a{
  display : block;
  font-family: 'brandongrotesque_medium', Arial;
  font-size : 25px;
  line-height : 29px;
  font-weight : normal;
  color : #f37036;
  margin-bottom: 25px;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; a{
  margin-bottom: 27px;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul &gt; li:last-child,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul &gt; li:last-child,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul &gt; li:last-child{
  list-style: none;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul &gt; li:last-child &gt; a,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul &gt; li:last-child &gt; a{
  display : block;
  padding : 8px;
  background : #f37036;
  color : #FFFFFF;
  font-size : 0.9375rem;
  font-weight : 700;
  border : 2px solid #f37036;
  border-radius : 3px;
  text-align : center;
  margin : 30px 0 0 0;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul &gt; li:last-child &gt; a:hover,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul &gt; li:last-child &gt; a:hover {
  background : #FFFFFF;
  color : #f37036;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; ul &gt; li:last-child &gt; a::before,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul &gt; li:last-child &gt; a::before
{
  display : none;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:first-child &gt; a &gt; span,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; a &gt; span,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; a &gt; span{
  display : block;
  font-family: 'brandongrotesque_medium', Arial;
  font-size : 15px;
  line-height: 20px;
  font-weight : normal;
  color: #362e41;
  text-transform: uppercase;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(4) &gt; a {
  display : none;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(4) &gt; ul.dropdown {
  margin-left : 0;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(4) &gt; ul.dropdown &gt; li {
  list-style: none;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(4) &gt; ul.dropdown &gt; li.reviews-average {
  /*margin-top: 73px;*/
  margin-bottom: 40px;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li &gt; a,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(4) &gt; ul.dropdown &gt; li:not(.reviews-average) &gt; a {
  display : block;
  color : #FFFFFF;
  font-size : 0.9375rem;
  line-height : 1.5625rem;
  background-color : #241e4e;
  border-radius : 3px;
  text-align : center;
  margin-bottom : 10px;
  padding : 7px 0;
  font-weight : 600;
  border: 2px solid #f37036;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li.orange &gt; a {
  background-color : #eff2f4;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li &gt; a:hover,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(4) &gt; ul.dropdown &gt; li:not(.reviews-average) &gt; a:hover {
  background-color : #24224e;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:last-child &gt; a,
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(4) &gt; ul.dropdown &gt; li:last-child &gt; a {
  margin-bottom : 0;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:first-child &gt; a {
  background-color : #ef7046;
  border-color: #ef7046;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:first-child &gt; a:hover {
  background : #FFFFFF;
  color : #ef7046;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(2)&gt; a {
  background-color : #44486d;
  border-color: #44486d;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(2) &gt; a:hover {
  background : #FFFFFF;
  color : #44486d;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(3)&gt; a {
  background-color : #684d96;
  border-color: #684d96;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(3) &gt; a:hover {
  background : #FFFFFF;
  color : #684d96;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(4)&gt; a {
  background-color : #98a065;
  border-color : #98a065;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(4) &gt; a:hover {
  background : #FFFFFF;
  color : #98a065;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(5)&gt; a {
  background-color : #69aab5;
  border-color : #69aab5;
}
ul.menu &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:nth-child(5) &gt; a:hover {
  background : #FFFFFF;
  color : #69aab5;
}

/**
* Big menu Activities
**/
ul.menu &gt; li.big-menu-activities:hover &gt; ul.dropdown,
ul.menu &gt; li.big-menu-accommodation:hover &gt; ul.dropdown{
  padding : 30px 10px 0 10px;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li {
  position : relative;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:first-child,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:first-child
{
  display : block;
  float : left;
  width : 25%;
  height : 240px;
  padding : 0 10px;
}
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:first-child {
  width : 50%;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(2),
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(3),
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(4),
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(5),
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(6),
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(7),
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:nth-child(2),
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:nth-child(3),
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:nth-child(4),
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:nth-child(5)
{
  display : block;
  float : left;
  width : 25%;
  height : 110px;
  padding : 0 10px;
  margin-bottom : 20px;
  overflow : hidden;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(5),
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(6),
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:nth-child(7),
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:nth-child(4),
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:nth-child(5)
{
  margin-bottom : 30px;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li &gt; a,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li &gt; a {
  display : block;
  position : relative;
  width : 100%;
  height : 110px;
  background : #292452;
  overflow : hidden;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li &gt; a:hover,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li &gt; a:hover {
  box-shadow : 0 0 30px rgba(0, 0, 0, 0.2);
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li.first-item &gt; a, ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li.first-item &gt; a  {
  height : 240px;
}
ul.dropdown &gt; li.menu-item-room-at-university-campus, 
ul.dropdown &gt; li.menu-item-campus-universitaire, 
ul.dropdown &gt; li.menu-item-zimmer-auf-dem-universitaetscampus, 
ul.dropdown &gt; li.menu-item-campus-universitario, 
ul.dropdown &gt; li.referent-item-post-page-1209 {
    display : none!important;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li &gt; a &gt; span.picture,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li &gt; a &gt; span.picture {
  display : block;
  z-index : 1;
  top : 0;
  left : 0;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li &gt; a &gt; span.picture img,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li &gt; a &gt; span.picture img {
  width : 100%;
  max-width : none;
  -webkit-transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li &gt; a:hover &gt; span.picture img,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li &gt; a:hover &gt; span.picture img {
  width : 112%;
  margin-left : -6%;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li &gt; a &gt; span.filter,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li &gt; a &gt; span.filter
{
  display : block;
  position : absolute;
  z-index : 2;
  background : rgba( 36, 30, 78, 0.3 );
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li &gt; a &gt; span.filter &gt; span,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li &gt; a &gt; span.filter &gt; span
{
  position : absolute;
  top : 50%;
  left : 0;
  display : block;
  width : 100%;
  height : auto;
  padding : 0 0.9375rem;
  color : #FFFFFF;
  font-weight : 600;
  font-size : 1.1875rem;
  -webkit-transform : translateY(-50%);
  -moz-transform : translateY(-50%);
  transform : translateY(-50%);
  text-align : center;
}
ul.menu &gt; li.big-menu-activities &gt; ul.dropdown &gt; li:first-child &gt; a &gt; span.filter &gt; span,
ul.menu &gt; li.big-menu-accommodation &gt; ul.dropdown &gt; li:first-child &gt; a &gt; span.filter &gt; span {
  font-size : 1.5625rem;
}



/**
* MENU RESPONSIVE
**/
.menu-opener {
  display : none;
  position : relative;
  width : 50px!important;
  height : 50px;
}
.menu-responsive {
  position : fixed;
  z-index : 1000;
  right : -400px;
  top : 0;
  margin-top : 70px;
  background : #FFFFFF;
  width : 400px;
  height : 100vh;
  opacity : 0;
  box-shadow : 0 0 30px rgba(0, 0, 0, 0.1 );
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.menu-responsive.opened {
  opacity  : 1;
  right : 0;
}
#trigger_menu {
  position: absolute;
  display : block;
  top : 10px;
  right : 0;
  width : 30px;
  height : 30px;
  padding : 0!important;
  margin-right : 5px;
  border: none;
  background: none;
}

#trigger_menu i{
  position:relative;
  display:block;
  width:30px;
  height:3px;
  margin-top:-1px;
  background-color: #241e4e;
  font-size:0;
  transition:background-color .3s;
  -webkit-transition:background-color .3s;
  -moz-transition:background-color .3s;
  -ms-transition:background-color .3s;
  -o-transition:background-color .3s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
#trigger_menu:hover i, #trigger_menu:hover i::after,#trigger_menu:hover i::before
{
  background-color: #f37036;
}
.nav-open#trigger_menu:hover i, .nav-open#trigger_menu:hover i::after, .nav-open#trigger_menu:hover i::before{
  background : #f37036;
}
.nav-open#trigger_menu i{
  height:0
}
#trigger_menu i::after,#trigger_menu i::before{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: #241e4e;
  content:'';
  transition:transform .3s,background-color .3s;
  -webkit-transition:-webkit-transform .3s,background-color .3s;
  -moz-transition:-moz-transform .3s,background-color .3s;
  -ms-transition:-ms-transform .3s,background-color .3s;
  -o-transition:-o-transform .3s,background-color .3s;
}

.nav-open#trigger_menu i::after,
.nav-open#trigger_menu i::before{
  height:3px
}

#trigger_menu i::before{
  -o-transform:translateY(-300%);
  -ms-transform:translateY(-300%);
  -webkit-transform:translateY(-300%);
  -ms-transform:translateY(-300%);
  transform:translateY(-300%)
}

#trigger_menu i::after{
  -webkit-transform:translateY(300%);
  -ms-transform:translateY(300%);
  -moz-transform:translateY(300%);
  -o-transform:translateY(300%);
  transform:translateY(300%)
}
.nav-open#trigger_menu i::before{
  -webkit-transform:rotate(45deg) scaleX(1);
  -moz-transform:rotate(45deg) scaleX(1);
  -o-transform:rotate(45deg) scaleX(1);
  -ms-transform:rotate(45deg) scaleX(1);
  transform:rotate(45deg) scaleX(1)
}

.nav-open#trigger_menu i::after{
  -webkit-transform:rotate(-45deg) scaleX(1);
  -moz-transform:rotate(-45deg) scaleX(1);
  -o-transform:rotate(-45deg) scaleX(1);
  -ms-transform:rotate(-45deg) scaleX(1);
  transform:rotate(-45deg) scaleX(1)
}
#trigger_menu:hover i::before{
  -moz-transform:translateY(-400%);
  -o-transform:translateY(-400%);
  -webkit-transform:translateY(-400%);
  -ms-transform:translateY(-400%);
  transform:translateY(-400%)
}

#trigger_menu:hover i::after{
  -moz-transform:translateY(400%);
  -o-transform:translateY(400%);
  -webkit-transform:translateY(400%);
  -ms-transform:translateY(400%);
  transform:translateY(400%)
}

.nav-open#trigger_menu i::after,
.nav-open#trigger_menu i::before{
  background-color: #241e4e
}

.nav-open#trigger_menu i::before{
  -webkit-transform:rotate(45deg) scaleX(1);
  -moz-transform:rotate(45deg) scaleX(1);
  -o-transform:rotate(45deg) scaleX(1);
  -ms-transform:rotate(45deg) scaleX(1);
  transform:rotate(45deg) scaleX(1)
}

.nav-open#trigger_menu i::after{
  -webkit-transform:rotate(-45deg) scaleX(1);
  -moz-transform:rotate(-45deg) scaleX(1);
  -o-transform:rotate(-45deg) scaleX(1);
  -ms-transform:rotate(-45deg) scaleX(1);
  transform:rotate(-45deg) scaleX(1)
}
.menu-responsive .secondary-menu, .menu-responsive .secondary-menu ul li:last-child {
  background-color: #362e41;
}
.menu-responsive .secondary-menu ul li a.purple {
  line-height: 40px;
  border-radius: 0;
}
.menu-responsive .secondary-menu a.phone-number::before {
  content: "\46";
}
.menu-responsive .menu  {
  display : block;
  float : left;
  width : 100%;
}
.menu-responsive .menu &gt; ul {
  margin : 0;
  padding : 0;
  display : block;
  width : 100%;
}
.menu-responsive .menu li.divider {
  display : none;
}
.menu-responsive .menu &gt; ul &gt; li,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li {
  list-style : none;
  display : block;
  border-bottom : 1px solid #d3d2dc;
}
.menu-responsive .menu &gt; ul &gt; li.active,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li.active,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li.active {
  border-left : 10px solid #241e4e;
}
.menu-responsive .menu &gt; ul &gt; li &gt; a,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a {
  display : block;
  width : 100%;
  height : auto;
  color : #241e4e;
  font-weight : 600;
  font-size : 1.125rem;
  padding : 12px 0.9375rem;
}
.menu-responsive .menu &gt; ul &gt; li.quotation &gt; a {
  background-color : #f37036;
  color : #FFFFFF;
}
.menu-responsive .menu &gt; ul &gt; li.quotation &gt; a:hover {
  background-color : #f37036;
  color : #FFFFFF;
}
.menu-responsive .menu &gt; ul &gt; li &gt; a:hover,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a:hover,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a:hover {
  color : #FFFFFF;
  background : #f37036;
}
.menu-responsive .menu &gt; ul &gt; li &gt; a,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a {
  position : relative;
}
.menu-responsive .menu &gt; ul &gt; li &gt; a &gt; .dropdown-opener,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a &gt; .dropdown-opener {
  display : block;
  position : absolute;
  z-index : 2;
  top : 0;
  right : 0;
  width : 60px;
  height : 100%;
  color : #f37036;
}
.menu-responsive .menu &gt; ul &gt; li &gt; a &gt; .dropdown-opener::after,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a &gt; .dropdown-opener::after {
  content: "\f345";
  font-family : 'dashicons';
  position : absolute;
  display : block;
  width : 30px;
  height : auto;
  font-size : 30px;
  top : 50%;
  left : 50%;
  -webkit-transform : translateY(-50%) translateX(-50%);
  -moz-transform : translateY(-50%) translateX(-50%);
  transform : translateY(-50%) translateX(-50%);
}
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown.opened,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown.opened {
  display : block;
  left : 0;
}
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown {
  display : block;
  position : absolute;
  z-index : 3;
  width : 100%;
  height : 100%;
  background : #F1F1F1;
  top : 0;
  left : 100%;
  list-style : none;
  margin : 0;
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown {
  background : #F1F1F1;
  position : absolute;
  display : block;
  width : 100%;
  height : 100%;
  z-index : 4;
  top : 0;
  left : 100%;
  list-style : none;
  margin : 0;
  -webkit-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a.back-dropdown,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a.back-dropdown {
  background : #40364d;
  color : #FFFFFF;
  padding : 7px 0.9375rem 7px 30px;
}
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a.back-dropdown::before,
.menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a.back-dropdown::before {
  content: "\f341";
  position : absolute;
  top : 0;
  left : 0;
  font-family : 'dashicons';
  width : 25px;
  height : 25px;
  font-size : 25px;
}
.menu-responsive .menu &gt; ul &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul.dropdown &gt; li:last-child &gt; a {
  background-color : #f37036;
  color : #FFFFFF;
  border: 2px solid #f37036;
}
.menu-responsive .menu &gt; ul &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:last-child &gt; a {
  background-color : #f37036;
  color : #FFFFFF;
  border: 2px solid #f37036;
}
.menu-responsive .menu &gt; ul &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(2) &gt; ul.dropdown &gt; li:last-child &gt; a:hover {
  background-color : #FFFFFF;
  color : #f37036;
  border: 2px solid #f37036;
}
.menu-responsive .menu &gt; ul &gt; li.big-menu-courses &gt; ul.dropdown &gt; li:nth-child(3) &gt; ul.dropdown &gt; li:last-child &gt; a:hover {
  background-color : #FFFFFF;
  color : #f37036;
  border: 2px solid #f37036;
}
.menu-responsive .main-rate-container {
  padding : 30px 0.9375rem 0 0.9375rem;
  float : left;
  width : 100%;
}
.menu-responsive .main-rate-container .rate {
  margin-top : 5px;
  margin-bottom : 5px;
}
.menu-responsive .main-rate-container a.read-more {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #f37036;
  border-radius: 1000px;
  color: #f37036;
  display: inline-block;
  font-size: 0.6875rem;
  font-weight: 700;
  margin-top: 40px;
  padding: 10px 15px;
  text-transform: uppercase;
  text-decoration : none;
  line-height : 0.6875rem;
  margin-right : 5px;
  margin-top : 15px;
}
.menu-responsive .main-rate-container a {
  line-height : 0.6875rem;
  padding: 10px 15px;
  margin-top : 15px;
}
.menu-responsive .social {
  position : absolute;
  display : block;
  width : 100%;
  text-align : center;
  bottom : 80px;
}
/**
* Responsive Tablet
**/
@media only screen and (max-width: 64.0629em) {
  /*
  .menu-opener {
  display : block;
  display: table;
  float: right;
}
*/
span.lang-selector-responsive &gt; a {
  margin-right : 30px!important;
}
.lang-selector-container &gt; div {
  position : relative;
  float : none;
  display : inline-block;
  width : auto;
}
}
/**
* Responsive Mobile
**/
@media only screen and (max-width: 40em) {
  span.lang-selector-responsive &gt; a {
    margin-right : 15px!important;
  }
  .menu-responsive {
    width : 100%;
    right : -100%;
    margin-top : 60px;
  }
  .menu-responsive .menu &gt; ul &gt; li &gt; a,
  .menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a,
  .menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; ul.dropdown &gt; li &gt; a {
    font-size : 0.9rem;
    padding : 7px 0.9375rem;
  }
  .menu-responsive .menu &gt; ul &gt; li &gt; a &gt; .dropdown-opener,
  .menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a &gt; .dropdown-opener {
    width : 45px;
  }
  header &gt; .top-header ul li a, .secondary-menu ul li a {
    font-size : 0.75rem;
    padding : 0 15px 0 25px
  }
  .menu-responsive .menu &gt; ul &gt; li &gt; a &gt; .dropdown-opener::after,
  .menu-responsive .menu &gt; ul &gt; li &gt; ul.dropdown &gt; li &gt; a &gt; .dropdown-opener::after {
    width : 18px;
    font-size : 18px;
  }
  .menu-responsive .social, .menu-responsive .main-rate-container, .menu-responsive a.download-brochure {
    display : none;
  }
  header .header, header .header &gt; .row, header .header a.logo  {
    height : 60px;
  }
  header .header a.logo {
    line-height : 60px;
  }
  header .header a.logo img {
    height : 45px;
  }
  /*
  .menu-opener {
  top : 30px;
}
*/
span.lang-selector-responsive &gt; a {
  margin-right : 35px;
  margin-top : 5px;
}
.menu-responsive .menu &gt; ul &gt; li.active {
  border-left : 4px solid #241e4e;
}
.course-item {
  padding : 0;
}
}
</pre></body></html>