/*
Theme Name: Mobile Sans
Author: Studio Sans
Author URI: http://www.sans.hk/
Description: 
Version: 1.0
*/

/*////////////////////////////////////// Global Setting ///////////////////////////////////////*/
@font-face {
	font-family: 'Conv_Calvert_MT_Bold';
	src: url('fonts/Calvert_MT_Bold.eot');
	src: local('☺'), url('fonts/Calvert_MT_Bold.woff') format('woff'), url('fonts/Calvert_MT_Bold.ttf') format('truetype'), url('fonts/Calvert_MT_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_GOTHMBOL_1';
	src: url('fonts/GOTHMBOL_1.eot');
	src: local('☺'), url('fonts/GOTHMBOL_1.woff') format('woff'), url('fonts/GOTHMBOL_1.ttf') format('truetype'), url('fonts/GOTHMBOL_1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/GOTHMBOK_1 3.eot'); /* IE9 Compat Modes */
  src: url('fonts/GOTHMBOK_1 3.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GOTHMBOK_1 3.woff') format('woff'), /* Modern Browsers */
       url('fonts/GOTHMBOK_1 3.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/GOTHMBOK_1 3.svg#7510147900d23fa3ad697e74bf146ea2') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

html		  { width: 100%; background: #fff}
body          { padding: 0;	margin: 0;background:#fff; font-family: 'Gotham-Book', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; color:#8C8C8C; text-align:left ; 
-webkit-font-smoothing:antialiased;
 /*
 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
*/
    -webkit-overflow-scrolling: touch; }
body p        { font-weight:normal;letter-spacing: .2px; line-height: 22px}
p { margin-top: 15px;}
p:first-child{ margin-top: 0}
img           { margin: auto; width: 100%; height: auto}

a             { color:#58595B; text-decoration:none; outline: none;}
:focus        { outline:0; }

/* Headings */
strong			{font-family: 'Gotham-Book', Helvetica, Arial, Hiragino Kaku Gothic Pro, Heiti TC, Microsoft JhengHei,MingLiU, sans-serif; }
h1            { font-size:28px; line-height:32px;  }
h2            { font-size:23px; line-height:28px; }
h3            { font-size:21px; line-height:26px; }
h4            { font-size:18px; line-height:23px; }
h5            { font-size:16px; line-height:21px; }
h6            { font-size:15px; font-weight:normal; }
h1,h2,h3,h4,h5,h6      {font-family:'Conv_GOTHMBOL_1', Helvetica, Arial, Hiragino Kaku Gothic Pro, Heiti TC, Microsoft JhengHei,MingLiU, sans-serif; }

/* Forms */
form          { display:inline; }
fieldset      { border:0 }
legend        { display:none; }
button{ text-decoration: none; border: 0; padding: 0; background: none; outline: none}

input, textarea, select {
   -webkit-appearance: none;
 }
input[type="radio"]{ width: 16px; height: 16px; border-radius: 50%; }
input[type="radio"], input[type="checkbox"], textarea{ border: 1px solid #999999}
input[type=checkbox]:checked{ background-image: url('images/tick.svg'); background-size: 85% 85%; border-color: rgba(0,0,0,0); background-repeat: no-repeat; background-position: center center}
.tick-color-purple input[type=checkbox]:checked{ background-color: #786F90;}
.tick-color-purple input[type=radio]:checked{ background-color: #786F90; padding: 3px}

.tick-color-yellow input[type=checkbox]:checked{ background-color: #D2C460;}
.tick-color-yellow input[type=radio]:checked{ background-color: #D2C460; padding: 3px}

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:normal; font-family: 'Conv_GOTHMBOL_1'}
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }
.uppercase{ text-transform: uppercase}
.relative { position: relative}

/* Lists */
ul,ol         { list-style:none; margin: 0;padding: 0}
li 			  { list-style: none}
hr{margin: 0;padding: 0}
.clearer      {clear: both; float: none; height: 0; display: block; width: 100%}

.overflow-hidden{ overflow: hidden}

.text-center{ text-align: center}
.text-right{ text-align: right}

.align-table{ display: table}
.align-cell{ vertical-align: middle; display: table-cell}

ul.hyphen{}
ul.hyphen li:before{ content: '-'; width: 15px; float: left }
ul.hyphen li span{ float: left}

.page-template-page-giftcard-php ul.hypen li span{ float: none}

ul.hyphen{ clear: both; content: ''; display: table}
ul.hyphen li{ position: relative; padding-left: 17px; letter-spacing: 0.2px; line-height: 20px }
ul.hyphen li:before{ content: '-'; position: absolute; left: 0}

.border-gray-bottom{ border-bottom: 1px solid #cccccc}
.border-gray-top{ border-top: 1px solid #cccccc}

.border-green-left{ border-left: 7px solid #ADB64D}
.border-orange-left{ border-left: 7px solid #CF964B}
.border-red-left{ border-left: 7px solid #DF8781}
.border-blue-left{ border-left: 7px solid #59A0B8}
.border-purple-left{ border-left: 7px solid #786F90}
.border-yellow-left{ border-left: 7px solid #D2C460}

.background-gray{ background: #8C8C8C}
.background-less-gray{ background: #f2f2f2}
.background-light-gray{ background: #C8C8C8}
.background-deep-gray{ background: rgba(127,127,127,0.2);}
.background-black{ background: #58595B}
.background-yellow{ background: #D2C460}
.background-blue{ background: #59A0B8}
.background-orange{ background: #CF964B}
.background-green{ background: #ADB64D}
.background-red{ background: #DF8781}
.background-purple{ background: #786F90}
.background-white{ background: #FFF}
.background-light-red{ background: #F7CECB}

.mobile-menu.background-yellow{ background: rgba(210,196,96,0.9)}
.mobile-menu.background-blue{ background: rgba(89,160,184,0.9)}
.mobile-menu.background-orange{ background: rgba(207,150,75,0.9)}
.mobile-menu.background-green{ background: rgba(173,182,77,0.9)}
.mobile-menu.background-red{ background: rgba(223,135,129,0.9)}
.mobile-menu.background-purple{ background: rgba(120,111,144,0.9)}

.color-gray{ color: #999}
.color-white{ color: #fff}
.color-black{ color: #58595B}
.color-blue{ color: #59A0B8}
.color-yellow{ color: #D2C460}
.color-purple{ color: #786F90}
.color-orange{ color: #CF964B}
.color-red{ color: #DF8781}
.color-red2{ color: #FC1F1F}
.color-green{ color: #ADB64D}
.color-light-gray{ color: #C8C8C8}

.aTag-yellow a{ color: #D2C460}
.aTag-purple a{ color: #786F90}
.aTag-red a{ color: #DF8781}
.aTag-green a{ color: #ADB64D}
.aTag-orange a{ color: #CF964B}
.aTag-blue a{ color: #59A0B8}

.padding-0-top{ padding-top: 0px}
.padding-5-top{ padding-top: 5px}
.padding-10-top{ padding-top: 10px}
.padding-15-top{ padding-top: 15px}
.padding-20-top{ padding-top: 20px}
.padding-25-top{ padding-top: 25px}
.padding-30-top{ padding-top: 30px}
.padding-35-top{ padding-top: 35px}
.padding-40-top{ padding-top: 40px}
.padding-45-top{ padding-top: 45px}
.padding-50-top{ padding-top: 50px}
.padding-55-top{ padding-top: 55px}
.padding-60-top{ padding-top: 60px}
.padding-60-top{ padding-top: 65px}
.padding-70-top{ padding-top: 70px}
.padding-75-top{ padding-top: 75px}
.padding-80-top{ padding-top: 80px}

.padding-0-bottom{ padding-bottom: 0px}
.padding-5-bottom{ padding-bottom: 5px}
.padding-10-bottom{ padding-bottom: 10px}
.padding-15-bottom{ padding-bottom: 15px}
.padding-20-bottom{ padding-bottom: 20px}
.padding-25-bottom{ padding-bottom: 25px}
.padding-30-bottom{ padding-bottom: 30px}
.padding-35-bottom{ padding-bottom: 35px}
.padding-40-bottom{ padding-bottom: 40px}
.padding-45-bottom{ padding-bottom: 45px}
.padding-50-bottom{ padding-bottom: 50px}
.padding-55-bottom{ padding-bottom: 55px}
.padding-60-bottom{ padding-bottom: 60px}
.padding-60-bottom{ padding-bottom: 65px}
.padding-70-bottom{ padding-bottom: 70px}
.padding-75-bottom{ padding-bottom: 75px}
.padding-80-bottom{ padding-bottom: 80px}

.padding-0-left{ padding-left: 0px}
.padding-5-left{ padding-left: 5px}
.padding-10-left{ padding-left: 10px}
.padding-15-left{ padding-left: 15px}
.padding-20-left{ padding-left: 20px}
.padding-25-left{ padding-left: 25px}
.padding-30-left{ padding-left: 30px}
.padding-35-left{ padding-left: 35px}
.padding-40-left{ padding-left: 40px}
.padding-45-left{ padding-left: 45px}
.padding-50-left{ padding-left: 50px}
.padding-55-left{ padding-left: 55px}
.padding-60-left{ padding-left: 60px}
.padding-60-left{ padding-left: 65px}
.padding-70-left{ padding-left: 70px}
.padding-75-left{ padding-left: 75px}
.padding-80-left{ padding-left: 80px}

.padding-0-right{ padding-right: 0px}
.padding-5-right{ padding-right: 5px}
.padding-10-right{ padding-right: 10px}
.padding-15-right{ padding-right: 15px}
.padding-20-right{ padding-right: 20px}
.padding-25-right{ padding-right: 25px}
.padding-30-right{ padding-right: 30px}
.padding-35-right{ padding-right: 35px}
.padding-40-right{ padding-right: 40px}
.padding-45-right{ padding-right: 45px}
.padding-50-right{ padding-right: 50px}
.padding-55-right{ padding-right: 55px}
.padding-60-right{ padding-right: 60px}
.padding-60-right{ padding-right: 65px}
.padding-70-right{ padding-right: 70px}
.padding-75-right{ padding-right: 75px}
.padding-80-right{ padding-right: 80px}

.margin-0-top{ margin-top: 0px}
.margin-5-top{ margin-top: 5px}
.margin-10-top{ margin-top: 10px}
.margin-15-top{ margin-top: 15px}
.margin-20-top{ margin-top: 20px}
.margin-25-top{ margin-top: 25px}
.margin-30-top{ margin-top: 30px}
.margin-35-top{ margin-top: 35px}
.margin-40-top{ margin-top: 40px}
.margin-45-top{ margin-top: 45px}
.margin-50-top{ margin-top: 50px}
.margin-55-top{ margin-top: 55px}
.margin-60-top{ margin-top: 60px}
.margin-60-top{ margin-top: 65px}
.margin-70-top{ margin-top: 70px}
.margin-75-top{ margin-top: 75px}
.margin-80-top{ margin-top: 80px}

.margin-0-bottom{ margin-bottom: 0px}
.margin-5-bottom{ margin-bottom: 5px}
.margin-10-bottom{ margin-bottom: 10px}
.margin-15-bottom{ margin-bottom: 15px}
.margin-20-bottom{ margin-bottom: 20px}
.margin-25-bottom{ margin-bottom: 25px}
.margin-30-bottom{ margin-bottom: 30px}
.margin-35-bottom{ margin-bottom: 35px}
.margin-40-bottom{ margin-bottom: 40px}
.margin-45-bottom{ margin-bottom: 45px}
.margin-50-bottom{ margin-bottom: 50px}
.margin-55-bottom{ margin-bottom: 55px}
.margin-60-bottom{ margin-bottom: 60px}
.margin-60-bottom{ margin-bottom: 65px}
.margin-70-bottom{ margin-bottom: 70px}
.margin-75-bottom{ margin-bottom: 75px}
.margin-80-bottom{ margin-bottom: 80px}

.margin-0-left{ margin-left: 0px}
.margin-5-left{ margin-left: 5px}
.margin-10-left{ margin-left: 10px}
.margin-15-left{ margin-left: 15px}
.margin-20-left{ margin-left: 20px}
.margin-25-left{ margin-left: 25px}
.margin-30-left{ margin-left: 30px}
.margin-35-left{ margin-left: 35px}
.margin-40-left{ margin-left: 40px}
.margin-45-left{ margin-left: 45px}
.margin-50-left{ margin-left: 50px}
.margin-55-left{ margin-left: 55px}
.margin-60-left{ margin-left: 60px}
.margin-60-left{ margin-left: 65px}
.margin-70-left{ margin-left: 70px}
.margin-75-left{ margin-left: 75px}
.margin-80-left{ margin-left: 80px}

.margin-0-right{ margin-right: 0px}
.margin-5-right{ margin-right: 5px}
.margin-10-right{ margin-right: 10px}
.margin-15-right{ margin-right: 15px}
.margin-20-right{ margin-right: 20px}
.margin-25-right{ margin-right: 25px}
.margin-30-right{ margin-right: 30px}
.margin-35-right{ margin-right: 35px}
.margin-40-right{ margin-right: 40px}
.margin-45-right{ margin-right: 45px}
.margin-50-right{ margin-right: 50px}
.margin-55-right{ margin-right: 55px}
.margin-60-right{ margin-right: 60px}
.margin-60-right{ margin-right: 65px}
.margin-70-right{ margin-right: 70px}
.margin-75-right{ margin-right: 75px}
.margin-80-right{ margin-right: 80px}

.button-margin{ margin: 25px 0 20px 0}

.height-animate{ 
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
        transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); 
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.border-animate{
	 -webkit-transition : border 200ms ease-out;
  -moz-transition : border 200ms ease-out;
  -o-transition : border 200ms ease-out;
  transition : border 200ms ease-out;
}

.opacity-animate{
	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.none{ display: none}
.hidden-group{ display: none}

.button-group{ float: right; width: 15px; height: 30px; text-align: center}
.button-group button{ width: 10px; height: 14px; position: relative; top: 8px}
.button-group .border-col-arrow{ background: url('images/arrow-right-gray.svg') no-repeat; background-size: 100%; }
.button-group.active .border-col-arrow{ background: url('images/arrow-bottom-gray.svg') no-repeat; background-size: 100%}
.button-group.active button{ width: 14px; height: 9px}
.button-group .border-col-arrow2{ background: url('images/arrow-bottom-gray.svg') no-repeat; background-size: 100%}
.button-group.active .border-col-arrow2{ background: url('images/arrow-top-gray.svg') no-repeat; background-size: 100%}
.register-form .button-group.active button{ width: 10px; height: 14px}

.arrow-right-gray{ background: url('images/arrow-right-gray.svg') no-repeat; background-size: 100%;}

.round-button{ border-radius: 25px; width: 100%; height: 50px}
.round-button a{ color: #fff}
.round-button h4{ line-height: 50px}

/* Menu */
.mobile-menu{ height: 0; position: fixed; left: -11%; right: 0; margin: auto; width: 120%; border-radius: 50%; overflow: hidden; z-index: 99}
.mobile-menu .mobile-menu-wrapper{ position: absolute; height: 238px; bottom: 10px; left: 0; right: 0; margin: auto; text-align: center; }
.mobile-menu .mobile-menu-wrapper ul{ position: relative; left: 0; right: 0; margin: 5px auto 5px auto; text-align: center}
.mobile-menu .mobile-menu-wrapper ul li a{ display: inline-block; padding: 8px 0; color: #fff; text-transform: uppercase; font-family: 'Conv_GOTHMBOL_1'; font-size: 20px}

.btn-menu-close{ position: relative; width: 35px; left: 0; right: 0; margin: auto; color: #fff;}
.btn-menu-close i{ padding: 5px; font-size: 20px; font-family: 'Gotham-Book'; font-style: normal}

#header{ position: fixed; top: 0; z-index: 9; width: 100%; box-shadow: 0 0 1px 1px #D9D9D9}
#header .header-wrapper{ text-align: center; position: relative; padding: 13px 0 10px 0}
#header .header-wrapper a{ display: inline-block; width: 140px}

.btn-menu{ position: absolute; width: 45px; height: 45px; right: 15px; top: 0; bottom: 0; margin: auto; text-align: center; overflow: hidden}
.btn-menu img{ width: 20px; height: auto; float: right}
.home .btn-menu{ background: #59A0B8; box-shadow: 0 1px 1px 0 #999; border-radius: 50%; bottom: -80px}
.home .btn-menu img{ float: none}

.back-page{ position: absolute; width: 54px; left: 15px; top: 0; bottom: 0; margin: auto;}
.back-page img{ width: 10px; height: auto; margin: initial}
.back-to-top{ position: fixed; bottom: 85px; right: 25px; height: 27px; width: 34px; text-align: center; opacity: 0; z-index: 99}
.back-to-top.active{ opacity: 1}


/* Outer */
#outer-wrapper{ padding-top: 115px; padding-bottom: 130px; width: 100%;}
#outer-wrapper.filt-top{ padding-top: 159px}
.home #outer-wrapper{ padding-top: 81px; padding-bottom: 60px}
#outer-wrapper.long-title{ padding-top: 133px}

/* Page Title */
.page-title{ padding: 8px 0}

/* Filter */
.filter{ padding: 0 15px; border-top: 1px solid #cccccc}
.filter-wrapper{ width: 100%; height: 44px; overflow: hidden; position: relative; }
.filter-wrapper ul{ text-align: center; white-space: nowrap; overflow-x: scroll; padding-bottom: 20px}
.filter-wrapper ul li{ display: inline-block; margin-left: 10px; border-bottom: 3px solid rgba(0,0,0,0);}
.filter-wrapper ul li:first-child{ margin-left: 0}
.filter-wrapper ul li span{ display: block;}
.filter-wrapper ul li a{ padding: 13px 0 10px 0; display: block; width: 100%}

.programme-filter li span{ padding: 13px 0 10px 0}

	.page-template-page-springboard-press-php .filter-wrapper ul li,.page-template-page-springboard-journal-php .filter-wrapper ul li, .page-template-page-springboard-events-php .filter-wrapper ul li, .page-template-page-springboard-promotion-php .filter-wrapper ul li, .single-promotions .filter-wrapper ul li, .page-template-page-promotions-archive-php .filter-wrapper ul li{ width: 33.33%; margin: 0; padding: 0}
	
	.page-template-page-contact-php .filter-wrapper ul li, .page-template-page-contact-faq-php .filter-wrapper ul li{ width: 25%}
	
	.jornal-filter{ padding: 0 15px; height: 40px; overflow: hidden; position: relative}
	.jornal-filter ul{ white-space: nowrap; text-align: center; overflow-x: scroll; padding-bottom: 25px}
	.jornal-filter ul li{ display: inline-block; padding: 10px 0; border-bottom: 3px solid rgba(0,0,0,0); text-align: center; margin-left: 15px}
	.jornal-filter ul li:first-child{ margin-left: 0}
	.jornal-filter ul li span{ display: block}
	
	.promotion-filter{ padding: 0 15px; height: 40px; overflow: hidden; position: relative}
	.promotion-filter ul{ white-space: nowrap; text-align: center; overflow-x: scroll; padding-bottom: 25px}
	.promotion-filter ul li{ display: inline-block; padding: 10px 0 7px 0; border-bottom: 3px solid rgba(0,0,0,0); text-align: center; margin-left: 20px}
	.promotion-filter ul li:first-child{ margin-left: 0}
	.promotion-filter ul li span{ display: block}

.filter-color-orange li.active{ border-bottom-color: #cf964b}
.filter-color-blue li.active{ border-bottom-color: #59A0B8}
.filter-color-yellow li.active{ border-bottom-color: #D2C460}
.filter-color-green li.active{ border-bottom-color: #ADB64D}
.filter-color-red li.active{ border-bottom-color: #DF8781}
.filter-color-purple li.active{ border-bottom-color: #786F90}

.filter-color-red li.active a{ color: #DF8781}

/* Inner */
.content h5{ color: #58595B; margin-bottom: 3px}
.content h6{ margin-bottom: 3px}
	
	/* Home */
	#home{ opacity: 0; -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */}
	.slider .slider-wrapper{ position: relative; height: 70%; width: 100%; overflow: hidden}
	.slider .slider-wrapper .slider-img { width: 100%; height: 100%}
	.slider .slider-wrapper .slider-img li{ float: left; overflow: hidden; width: 100%; height: 100%}
	.slider .slider-wrapper .slider-img li a{ display: block; width: 100%; height: 100%; position: relative}
	.slider .slider-wrapper .slider-img li a img{ position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto}
	
	.slider .slider-cont{ position: relative; height: 30%; width: 100%; overflow: hidden}
	.slider .slider-cont .slider-control{ text-align: center; padding: 10px 0}
	.slider .slider-cont .slider-control li{ display: inline-block; margin: 0 5px}
	.slider .slider-cont .slider-control li i{ font-size: 10px}
	
	.slider .slider-cont .slider-title li{ display: none; text-align: center}
	.slider .slider-cont .slider-title li.active{ display: block}
	
	.padding-filter{ padding: 8px 0}
	.padding-title{ padding: 8px 0}
	.padding-container{ padding: 15px}
	.padding-container2{ padding: 0 15px}
	.padding-container3{ padding: 10px 15px}
	.padding-container4{ padding: 15px 0}
	.padding-container5{ padding: 40px 15px}
	.padding-container6{ padding: 10px 15px 15px 15px}
	.padding-container7{ padding: 30px 15px}
	.register-container{ padding: 15px 15px 30px 15px}
	.description-container{ padding: 0 15px 15px 15px}
	.age-padding-container{ padding: 15px 0 15px 15px}
	.time-padding-container{ padding: 15px 15px 15px 0}
	.time-padding-container2{ padding: 10px 15px 13px 0}
	.thankyou-container{ padding: 90px 0; max-width: 240px; width: 70%; margin: auto; text-align: center}
	.thankyou-container p{ line-height: 23px; margin-top: 20px}
	
	.border-col-group{ }
	.border-col{ border-bottom: 1px solid #cccccc}
	.border-col:first-child{ border-top: 1px solid #cccccc}
	.border-col a{ display: block; padding: 8px 15px}
	.border-col a:after{ content: ''; clear: both; display: table}
	.border-col strong{ text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 30px; float: left; letter-spacing: 0.5px}
	.border-col strong:before{ content: ''; width: 30px; height: 30px; margin-right: 10px; display: inline-block; float: left; background-size: 100%; background-repeat: no-repeat}
	.border-col#icon-philosophy strong:before{ background-image: url('images/about/icon-philosophy.svg'); }
	.border-col#icon-facility strong:before{ background-image: url('images/about/icon-facility.svg');}
	.border-col#icon-schedule strong:before{ background-image: url('images/enrolment/icon-schedule.svg'); }
	.border-col#icon-fee strong:before{ background-image: url('images/enrolment/icon-fee.svg');}
	.border-col#icon-trial-class strong:before{ background-image: url('images/enrolment/icon-trail-class.svg');}
	.border-col#icon-promotions-archive strong:before{ background-image: url('images/promotions-archive.svg')}
	
	.mobile-page-slider{ opacity: 0}
	.mobile-page-slider-container{ position: relative; width: 100%; overflow: hidden}
	.mobile-page-slider-button-group{ position: absolute; z-index: 2; width: 100%; height: 100%}
	.mobile-page-slider-button-group .mobile-page-slider-button{ position: absolute;height: 80px; width: 80px; border-radius: 50%; background: rgba(0,0,0,0.2); top: 0; bottom: 0; margin: auto; display: none}
	.mobile-page-slider-button-group .mobile-page-slider-button.appear{ display: block}
	.mobile-page-slider-button-group .mobile-page-slider-button.mobile-page-slider-left{ left: -40px}
	.mobile-page-slider-button-group .mobile-page-slider-button.mobile-page-slider-right{ right: -40px}
	.mobile-page-slider-button-group .mobile-page-slider-button button{ position: absolute; top: 0; bottom: 0; margin: auto; width: 11px}
	.mobile-page-slider-button-group .mobile-page-slider-button.mobile-page-slider-left button{ right: 17px}
	.mobile-page-slider-button-group .mobile-page-slider-button.mobile-page-slider-right button{ left: 17px}
	
	.slider-images-wrapper{ display: none}
	.slider-images-wrapper.active{ display: block}
	.slider-images-wrapper ul{}
	.slider-images-wrapper ul li{ float: left}
	
	.mobile-page-slider-control-wrapper.nocontrol{ display: none}
	.mobile-page-slider-control{ display: none}
	.mobile-page-slider-control.active{ display: block}
	.mobile-page-slider-control ul{ text-align: center; padding-top: 5px}
	.mobile-page-slider-control ul li{ display: inline-block; margin: 0 3px}
	.mobile-page-slider-control ul li i{ font-size: 10px}
	
	.mobile-page-slider-description{ display: none}
	.mobile-page-slider-description.active{ display: block}
	
	/* Programmes */
	
	.programmes-list{ border-bottom: 1px solid #cccccc}
	.programmes-list-wrapper{ opacity: 0}
	.programmes-list-wrapper ul{ margin-bottom: 15px}
	.programmes-list-wrapper ul li{ width: 33.3%; margin-top: 15px}
	/* .programmes-list-wrapper ul li:nth-child(1),.programmes-list-wrapper ul li:nth-child(2),.programmes-list-wrapper ul li:nth-child(3){ margin-top: 0} */
	.programmes-list-wrapper ul li a{ display: block; font-size: 13px}
	.programmes-list-wrapper ul li a button{ width: 70%; margin: auto auto 5px auto; display: block}
	
	.contain-view-more{ 
		overflow: hidden;
		position: relative;
		height: 100%;
		-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
       }
       
	.viewmore{ display: inline-block; margin-left: 5px}
	.cut-word{ position: relative; z-index: 2}
	.no-cut-word{ opacity: 0; position: absolute; top: 0; z-index: 1}
	.contain-view-more.open .cut-word{ opacity: 0; z-index: 1}
	.contain-view-more.open .no-cut-word{ opacity: 1; z-index: 2}
	
	.single-programmes-table{}
	.single-programmes-table-left{ width: 45%; float: left; padding: 10px 0}
	.single-programmes-table-left h6 span{ display: inline-block; width: 100%}
	
	.single-programmes-table-right{ width: 55%; float: left; padding: 10px 0}
	.single-programmes-table-right ul li{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc}
	.single-programmes-table-right ul li:first-child{ padding-top: 0}
	.single-programmes-table-right ul li:last-child{ padding-bottom: 0; border-bottom: 0}
	
	.single-programmes-detail-left{ float: left}
	.single-programmes-detail-left:after{ clear: both; display: table; content: ''}
	.single-programmes-detail-left img{ width: 28px; height: auto; float: left; margin-right: 15px}
	.single-programmes-detail-left h6{ float: left; line-height: 28px}
	
	.single-programmes-detail-right{ float: right}
	.single-programmes-detail-right:after{clear: both; display: table; content: ''}
	
	.single-description ul{ clear: both; content: ''; display: table}
	.single-description ul li{ position: relative; padding-left: 17px; letter-spacing: 0.2px; line-height: 20px }
	.single-description ul li:before{ content: '-'; position: absolute; left: 0}
	
	/* News n Events */
	.jornal-child-cat{ text-align: center}
	.jornal{ margin-top: 10px; /* box-shadow: 0 1px 1px 1px #d9d9d9 */}
	.jornal:first-child{ margin-top: 0}
	
	.jornal a{ width: 100%; height: 100%; position: relative; display: block}
	.jornal a .jornal-date-wrapper{ width: 40px; height: 60px; position: absolute; z-index: 2; top: 15px; left: 13px}
	.jornal a .jornal-date-wrapper span{ display: block; color: #fff; text-align: center; width: 100%; margin-top: 2px}
	.jornal a .jornal-date-wrapper span.jornal-date{ font-size: 23px; font-family: 'Conv_GOTHMBOL_1'; line-height: 23px; margin-top: 0}
	.jornal a .jornal-date-wrapper span.jornal-month{ font-size: 17px; font-family: 'Conv_GOTHMBOL_1'; text-transform: uppercase; line-height: 17px}
	.jornal a .jornal-date-wrapper span.jornal-year{ font-size: 15px}
	
	.jornal .jornal-mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
background: rgba(242,123,110,0.5);
background: -moz-linear-gradient(left, rgba(242,123,110,0.5) 0%, rgba(242,123,110,0.46) 4%, rgba(242,123,110,0) 45%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,123,110,0.5)), color-stop(4%, rgba(242,123,110,0.46)), color-stop(45%, rgba(242,123,110,0)));
background: -webkit-linear-gradient(left, rgba(242,123,110,0.5) 0%, rgba(242,123,110,0.46) 4%, rgba(242,123,110,0) 45%);
background: -o-linear-gradient(left, rgba(242,123,110,0.5) 0%, rgba(242,123,110,0.46) 4%, rgba(242,123,110,0) 45%);
background: -ms-linear-gradient(left, rgba(242,123,110,0.5) 0%, rgba(242,123,110,0.46) 4%, rgba(242,123,110,0) 45%);
background: linear-gradient(to right, rgba(242,123,110,0.5) 0%, rgba(242,123,110,0.46) 4%, rgba(242,123,110,0) 45%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27b6e', endColorstr='#f27b6e', GradientType=1 );}

	.single-journal-wrapper{ padding-top: 25px}
	.single-journal-detail{ position: relative}
	.single-journal-detail .single-journal-slogan{ padding-left:30px}
	.single-journal-detail .single-journal-slogan:before{ content: '“'; font-size: 26px; position: absolute; top: 20px; left: 20px; font-family: 'Conv_GOTHMBOL_1';}
	.single-journal-detail .single-journal-slogan h5{ position: relative; line-height: 23px}
	.single-journal-detail .single-journal-slogan h5:after{ position: relative; content: '”'; position: relative; margin-left: 15px; font-family: 'Conv_GOTHMBOL_1'; font-size: 26px; top: 5px; line-height: 14px}
	.single-journal-detail .single-journal-slogan span{ display: block; margin-left: 5px; line-height: 21px}
	.single-journal-detail .single-journal-slogan span:before{ content: '-'; position: relative; left: -5px;}

	.single-journal-description{ padding-bottom: 30px}
	.single-journal-description strong{ display: block; font-family: 'Gotham-Book'; color: #58595B; margin-top: 15px}
	.single-journal-description strong:first-child{ margin-top: 0}
    .single-journal-description strong span{ text-decoration: none !important; font-weight: 600}
    .single-journal-description ol{ margin-bottom: 15px; padding-left: 18px; letter-spacing: 0.2px; line-height: 20px}
    .single-journal-description ol li{ list-style: decimal}
    
    .event-detail{ margin-top: 10px}
    
    .page-navi{ text-align: center}
    .wp-pagenavi{ margin: 15px 0 25px 0 !important}
    .wp-pagenavi a{ font-size: 14px; width: 15px !important}
    .wp-pagenavi span.current{ font-size: 14px; color: #DF8781}
    .wp-pagenavi a, .wp-pagenavi span{ display: inline-block !important; float: none !important; padding-right: 10px !important; margin-left: 10px}
    .wp-pagenavi span.pages{ display: none !important}
    .wp-pagenavi a.nextpostslink{ display: inline-block; float: none; background: url('images/arrow-right-gray.svg') !important; background-size: 100% 100% !important; background-repeat: no-repeat; width: 7px !important; height: 10px !important; line-height: 16px; padding-right: 0 !important; margin-left: 10px !important}
    .wp-pagenavi a.previouspostslink{ display: inline-block; float: none; background: url('images/arrow-left-gray.svg') !important; background-size: 100% 100% !important; background-repeat: no-repeat; width: 7px !important; height: 10px !important; line-height: 16px; padding-right: 0 !important; margin-right: 10px !important}
    
    .single-event-wrapper{ padding-bottom: 40px}
    .single-event-detail-child:first-child{ border-top: 1px solid #cccccc}
    .single-event-detail .single-event-left{ float: left; width: 45%}
    .single-event-detail .single-event-left h6{ padding-right: 25px}
    .single-event-detail .single-event-right{ float: left; width: 55%}
    .single-event-thumbnail{ margin-bottom: 15px; position: relative; width: 75%; height: 85px; overflow: hidden; margin-left: 15px; }
    .single-event-thumbnail img{ position: absolute; top: -100%; left: -100%; right: -100%; bottom: -100%; margin: auto}
    .postid-2167 .single-event-thumbnail{ width: 35%; height: 125px}
    
    .media-descritpion{ padding: 10px 0 8px 0}
    .media-download a{ display: block}
    .media-download a:before{ content: ''; float: left; display: inline-block; width: 25px; height: 25px; background: url('images/pdf-download.svg') no-repeat; background-size: 100%}
    .media-download a span{ line-height: 25px; display: inline-block; margin-left: 5px}
    
    #googlemap{ height: 250px}
    
    .contact-form{ margin-bottom: 20px}
    .contact-form .form-child{ margin: 15px 0 0 0}
    .contact-form .form-child span.wpcf7-list-item{ margin-left: 25px; color: #58595B}
    .contact-form .form-child span.wpcf7-list-item:first-child{ margin-left: 0}
    .contact-form .form-child input[type="text"]{ padding: 5px 10px; font-size: 16px; border: 1px solid #999999; color: #58595B; width: 95%; height: 25px}
    .contact-form .form-child textarea{ resize: none; width: 94.5%; height: 100px; padding: 5px 10px; font-size: 16px; color: #58595B;}
    .contact-form .form-child p{ margin-top: 5px}
    .contact-form .accept-child{ margin-top: 5px}
    .contact-form .accept-child .wpcf7-list-item-label{ font-size: 11px; color: #7E7F7E; display: inline-block; margin-left: 2px}
    .contact-form .wpcf7-submit{ color: #fff; font-size: 18px; line-height: 45px; font-family:'Conv_GOTHMBOL_1'; margin-top: 15px; border: 0}
    .contact-form .accept-child span.wpcf7-list-item{ margin-left: 0 !important}
    div.wpcf7-mail-sent-ng, div.wpcf7-response-output{ padding-left: 0 !important; color: #F26464 !important; background: #fff !important}
    .contact-form .radio-group span.wpcf7-list-item input[type="radio"]{ display: inline-block; position: relative; top: 6px}
    .contact-form .radio-group span.wpcf7-list-item span{ display: inline-block}
    .contact-form .radio-group span.wpcf7-list-item:after{ content: ''; clear: both; display: inline-block}
    .contact-form input[type="checkbox"]{ width: 15px; height: 15px; position: relative; top: 6px; border-radius: 3px}
    .alert-font{ font-size: 11px}
	
	.privacy { margin-bottom: 10px; height: 47px; overflow: hidden}
	.privacy.active{ }
	.privacy .border-col:first-child{ border-top: 0}
	.privacy .border-col span{ line-height: 27px}
	
	.faq-wrapper{ padding-top: 5px}
	.faq-list{ opacity: 0; -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */}
	.faq{ counter-increment: customlistcounter}
	.faq:before{ }
	.faq .faq-viewer{ overflow: hidden; }
	.faq .faq-viewer .faq-question{ padding: 10px 0 10px 35px; position: relative}
	.faq .faq-viewer .faq-question:before{ content: counter(customlistcounter) " "; float: left; margin-left: -30px; font-weight: bold}
	.faq .faq-viewer .faq-question .faq-left{ float: left; width: 87%}
	.faq .faq-viewer .faq-question .faq-left span{ display: block; line-height: 18px}
	.faq .faq-viewer .faq-question .faq-right{ position: absolute; display: block; right: 5px; top: 0; bottom: 0; margin: auto; width: 15px; height: 20px}
	.faq .faq-viewer .faq-question .faq-right button{ font-size: 20px; line-height: 15px;  -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;}
	.faq .faq-viewer .faq-answer .content{ padding: 0 0 15px 0}
	.faq.active .faq-viewer .faq-question .faq-right{ width: 13px}
	.faq.active .faq-viewer .faq-question .faq-right button{  -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
	
	.schedule-click{ height: 100%; position: relative}
	.schedule-list{ opacity: 0}
	.schedule-child{ overflow: hidden; border-bottom: 1px solid #cccccc; 
	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);}
	.schedule-child:first-child{ border-top: 1px solid #cccccc}
	.schedule-child .schedule-child-detail-left{ float: left}
	.schedule-child .schedule-child-detail-left .age{ padding-top: 3px}
	.schedule-child .schedule-child-detail-left .age span{ float: left}
	.schedule-child .schedule-child-detail-left .age span:first-child{ margin-right: 5px}
	.schedule-child .schedule-child-detail-right{ position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; width: 150px}
	.schedule-child .schedule-child-detail-right .button-group{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto}
	
	.schedule-child .schedule-child-detail-right .schedule-fee{ position: absolute; top: 0; bottom: 0; right: 30px; margin: auto}
	.schedule-child .schedule-child-detail-right .schedule-fee span{ font-size: 13px}
	
	.schedule-child .tnc-click{ height: 39px }
	.schedule-child .tnc-click .schedule-child-detail-left{ float: none; position: absolute; top: 0; bottom: 0; margin: auto; height: 18px}
	
	.feature-promotion .event-detail{ margin-bottom: 10px}
	.promotion-date{ font-size: 13px; font-family: 'Conv_GOTHMBOL_1'}
	.promotion-child{ width: 48%; margin-left: 4%; float: left; margin-top: 20px}
	.promotion-child:first-child{ margin-left: 0}
	.promotion-child:first-child, .promotion-child:nth-child(2){ margin-top: 0}
	.promotion-child:nth-child(2n+1){ margin-left: 0; clear: both}
	.promotion-detail h6{ font-size: 12px; line-height: 14px}
	.promotion-list .promotion-date{ font-size: 12px; line-height: 15px}
	.promotion-list h6{ margin-top: 6px}
	.promotion-list .promotion-detail{ margin-top: 7px}
	
	.col-08-4{ width: 23%; float: left}
	.col-1-4{ width: 25%; float: left}
	.col-1-5-4{ width: 27%; float: left}
	.col-1-6-4{ width: 40%; float: left}
	.col-1-8-4{ width: 45%; float: left}
	.col-2-4{ width: 50%; float: left}
	.col-2-2-4{ width: 55%; float: left}
	.col-2-5-4{ width: 60%; float: left}
	.col-05-4{ width: 13%; float: left}
	.col-15-4{ width: 37%; float: left}
	.col-1-10{ width: 10%; float: left}
	.col-17-10{ width: 17%; float: left}
	.col-21-10{ width: 21%; float: left}
	.col-25-10{ width: 25%; float: left}
	.col-30-10{ width: 30%; float: left}
	.col-35-10{ width: 35%; float: left}
	.col-50-10{ width: 50%; float: left}
	.col-54-10{ width: 54%; float: left}
	.col-60-10{ width: 60%; float: left}
	.col-65-10{ width: 65%; float: left}
	.col-83-10{ width: 83%; float: left}
	.col-90-10{ width: 90%; float: left}
	
	.schedule-time-slot{ border-top: 1px solid #cccccc}
	.schedule-time-slot .schedule-week{}
	.schedule-time-slot .schedule-time-slot-child{ border-top: 1px solid #cccccc}
	.schedule-time-slot .schedule-time-slot-child:first-child{ border-top: 0}
	.schedule-time-slot input[type="checkbox"]{ width: 15px; height: 15px; margin-right: 5px; position: relative; top: 3.5px; display: inline-block}
	.invisible-padding{ padding-top: 15px; display: block}
	.invisible-padding:first-child{ padding-top: 0}
	.invisible-padding2{ padding-top: 8px; display: block}
	.invisible-padding2:first-child{ padding-top: 0}
	
	.step-height{ height: 30px}
	.step-line{ position: absolute; top: 0; bottom: 0; margin: auto; height: 0px; width: 100%; border-bottom: 1px solid #fff}
	.step{ position: absolute; top: 0; bottom: 0; margin: auto; text-align: center; width: 30px; height: 30px; display: table; background: #58595B; }
	.step h6{ display: table-cell; vertical-align: middle; background: #A8A8A8; color: #878787; border-radius: 50%;}
	.step.active h6{  background: #FFF; color: #58595B}
	.step.step1{ left: 0; padding-right: 10px}
	.step.step2{ left: 0; right: 0; padding: 0 10px}
	.step.step3{ right: 0; padding-left: 10px}
	.step-child{ display: none}
	.step-child.active{ display: block}
	#enrolconfirm{ color: #fff; font-size: 18px; line-height: 45px; font-family:'Conv_GOTHMBOL_1'; margin-top: 15px; border: 0}
	.enrolconfirm{ display: none}
	.enrolconfirm.appear{ display: block}
	
	.register-form-wrapper{ display: none}
	.register-form-wrapper.appear{ display: block}
	.register-form .form-child{ margin: 15px 0 0 0}
    .register-form .form-child span.wpcf7-list-item{ margin-left: 25px; color: #58595B}
    .register-form .form-child span.wpcf7-list-item:first-child{ margin-left: 0}
    .register-form .form-child input[type="text"]{ padding: 5px 10px; font-size: 16px; border: 1px solid #999999; color: #58595B; width: 95%; height: 25px}
    .register-form .form-child p{ margin-top: 5px}
    .register-form .radio-group span.wpcf7-list-item input[type="radio"]{ display: inline-block; position: relative; top: 6px}
    .register-form .radio-group span.wpcf7-list-item span{ display: inline-block}
    .register-form .radio-group span.wpcf7-list-item:after{ content: ''; clear: both; display: inline-block}
    .register-form .wpcf7-submit{ color: #fff; font-size: 18px; line-height: 45px; font-family:'Conv_GOTHMBOL_1'; margin-top: 15px; border: 0}
    .register-form .select-group{ position: relative; width: 100%; height: 45px; margin-top: 5px}
    .register-form .select-group .select-line{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; height: 0; width: 100%; border-bottom: 1px solid #999999}
    .register-form .select-group .select-child{ float: left; width: 31.2%; position: relative; z-index: 2}
    .register-form .select-group .select-child:nth-child(2),.register-form .select-group .select-child:nth-child(3){ margin-right: 3.2%}
    .register-form .select-group .select-child .select-viewer{ border: 1px solid #999999; background: #fff; padding: 10px 10px 10px 13px}
    .register-form .select-group .select-child .select-choose{ position: absolute; width: 100%; height: 0; background: #fff; overflow: auto; top: 39px; border-bottom: 1px solid #999}
    .register-form .select-group .select-child .select-choose.active{ height: 150px}
    .register-form .select-group .select-child .select-choose .select-choose-wrapper{ border-left: 1px solid #999; border-right: 1px solid #999}
    .register-form .select-group .select-child .select-choose .select-choose-wrapper div{ padding: 5px 15px 5px 13px}
    .register-form .select-group .select-child .select-choose .select-choose-wrapper div:last-child{ padding: 5px 15px 15px 15px}
    .register-form .select-group .select-child:nth-child(3) .select-choose .select-choose-wrapper div{ font-size: 12px}
    .register-form .select-group .select-child.active{ z-index: 9}
    
    .register-form #child-ages .select-group .select-line{ width: 65.6%}
    .register-form #child-ages .select-group .select-child:nth-child(2) .select-choose .select-choose-wrapper div{ font-size: 12px}
    .register-form .select-month span{ font-size: 12px}
    .register-form .select-group .select-child.select-month .select-choose{ top: 40px}
    
     /* Gift Card */
    .gift-card-description div{ letter-spacing: .2px; line-height: 20px; margin-top: 15px}
    .gift-card-description h6{ margin-top: 15px}
    
 #recaptcha_table{ display: block}
 .recaptchatable{ border-color: #999999 !important}   
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th{ padding: 0 !important}
#recaptcha_area td{ display: inline-block}
#recaptcha_area td.recaptcha_image_cell{ width: 61% !important}
.recaptchatable #recaptcha_image{ width: auto !important; display: block !important; margin: 7px 10px !important}
.recaptchatable #recaptcha_image #recaptcha_challenge_image{ width: 100% !important; height: auto !important; }
.recaptchatable a{ opacity: 0}
.recaptcha_input_area{ left: 10px !important}
.recaptchatable #recaptcha_response_field{ border-color: #999999 !important}
#recaptcha_logo{ margin-left: 10px !important}
    
/*  Footer Menu */
#footer{ position: fixed; bottom: 0; z-index: 9; width: 100%;}

.home-footer{ padding: 20px 0 25px 0; box-shadow: 1px 0 0 1px #d9d9d9}
.home-footer .social-network{ text-align: center}
.home-footer .social-network a{ display: inline-block; margin-left: 15px}
.home-footer .social-network a.facebook{ width: 22px}
.home-footer .social-network a.youtube{ width: 55px}

.home-footer .middle-footer{ padding: 15px 0; text-align: center; line-height: 12px; font-size: 12px}
.home-footer .middle-footer span{ display: inline-block; padding-left: 10px}
.home-footer .middle-footer span:first-child{ padding-right: 10px; padding-left: 0; border-right: 1px solid #999}

.home-footer .copyright{ text-align: center; line-height: 12px; font-size: 12px}
/* .home-footer .copyright span{ display: inline-block; padding-left: 10px} */
/* .home-footer .copyright span:first-child{ padding-right: 10px; padding-left: 0; border-right: 1px solid #999} */

#footer .page-footer{ font-family: 'Conv_GOTHMBOL_1'; font-size: 14px; letter-spacing: 0.04em; background: #fff}
#footer .page-footer .footer-button{ width: 49.7%; height: 60px; float: right; text-align: center; position: relative}
#footer .page-footer .footer-button span{ display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}
#footer .page-footer .footer-button span:before{ position: absolute; width: 30px; height: 30px; content: ''; background-repeat: no-repeat; display: block; background-size: 100%}

#footer .page-footer .footer-button.footer-programme{ float: left; box-shadow: 0 1px 0 0 #ADB64D}
#footer .page-footer .footer-button.footer-programme span{ height: 16px; width: 115px; left: 40px}
#footer .page-footer .footer-button.footer-programme span:before{ content: ''; top: -5px; left: -35px; background-image: url('images/footer/programme.svg')}

#footer .page-footer .footer-button.footer-classes{ box-shadow: 0 1px 0 0 #D2C460}
#footer .page-footer .footer-button.footer-classes span{ width: 130px; height: 16px; text-align: left; left: 60px}
#footer .page-footer .footer-button.footer-classes span:before{ content: ''; left: -35px; top: -5px; background-image: url('images/footer/trail-classes.svg')}
#footer .page-footer .footer-button a{ display: block; width: 100%; height: 100%}

@media screen and ( max-width: 479px ){
	
	.mobile-menu .mobile-menu-wrapper{ bottom: 25px}
	.mobile-menu .mobile-menu-wrapper ul{ margin: 5px auto 10px auto}

}

@media screen and ( max-width: 360px){
	
	.mobile-menu .mobile-menu-wrapper{ bottom: 15px}

}

@media screen and ( max-width: 320px ){

	.mobile-menu{ top: -24.5%}
	#footer .page-footer{ font-size: 13px}
	#footer .page-footer .footer-button.footer-programme span{ width: 105px}
	#footer .page-footer .footer-button.footer-classes span{ width: 90px; height: 33px}
		
}