﻿/*Controllers*/
.cb.plain {
	z-index: 99;
	position: absolute !important;
	display: none;
	opacity: 0.3;
}
.cb.plain:hover {
	opacity: 1;
}
.cb.plain .cb-link .button {
	padding: 6px 12px !important;
}

/*Menu*/

ul.menu {
	display: table;
	width: auto !important;
	margin: 0 0 0 auto;
}
ul.menu .menulink {
	font-size: 18px;
	text-transform: none;
	border-color:#e6e6e6 !important;
	color: #0091d1;
}
ul.menu .mobile-nav + li {
	border-left:0px solid #7c2789;
}
ul.menu .menulink:hover {
	background:#2cafe4 !important;
	color: #fff;
}

ul.menu ul {
	top: 35px !important;
	padding-top: 26px;
	background: none;
}
ul.menu ul li {
	border: 0px solid #eee;
}
ul.menu ul li a {
	text-align: center;
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	color: #999;
}
ul.menu ul li a:hover {
	background-color: #eee;
	color: #333;
}

/*Main CSS*/
.body {
	padding: 40px;
    font-family: "montserrat",sans-serif;
}
.frame {
	width:1300px;
}

/*Elements*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h5 {
  font-family: "futura-pt",sans-serif;
}
h1,.h1 {
	font-size: 42px;
	line-height: 38px;
	text-transform: uppercase;
	color:#fff;
	letter-spacing: 10px;
}

.letter-space{
	letter-spacing: 7px;
}
a:hover{
	text-decoration:none;
}
/*Header*/
.navigation {
	border-bottom:none;
	padding: 10px 0;
	background-color: #fff !important;
}
.logo {
	display: inline-block;
	height: 200px;
	background-position: left;
	min-width: 200px;
	max-width: 200px;
	position: absolute;
	top: 0px;
/*	left: 15%;
*/	z-index: 15;
}
.header {
	background-image: url(../image/bg-header.jpg);
	padding: 10px 0;
}
.header .head-cart-data .fa {
	color:#90469b;
}

.header .coltable .col.logo-wrap {
	width: 30%;
}
.header .coltable .col.nav {
	width: 70%;
}
.col-logo{
	width: 20%;
}
.col-contact{
	width: 80%;
}
/*Header Elements*/
.top-search > input {
    width: 80%;
    border-width: 0px;
    background-color: #EEE !important;
    font-weight: 300;
    font-size: 16px;
    padding: 9px 14px 9px !important;
	vertical-align: top;
	display: table-cell;
}
.top-search > button {
    width: 20%;
    border-radius: 0;
    padding: 9.5px;
    font-size: 18px;
	vertical-align: top;
	display: table-cell;
}
.top-search {
    overflow: hidden;
	max-width: 500px;
	display: table;
	margin: 0 0 0 auto;
}
/*.top-contact{
	padding-left: 20%;
}*/
.top-contact p{
	color:#fff;
    font-family: "futura-pt",sans-serif;
	font-weight: 300;
}
.top-contact a > i{
	padding-right: 10px;
}
.top-contact a:not(.button) {
	color: #FFF;
}
.top-contact a.button:hover {
	background-color:#8cbf10;
	border-color:#8cbf10;
}
.top-contact .button {
	background-color: #FFF;
	border:none;
	padding: 5px 10px;
}
.top-contact .bord {
	padding: 0 10px;
	color: #00a2db;
}
/*Banner*/
.banner {
	background-image: url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/bg-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding:0;
}
.banner > .frame {
	padding:0;
}
.banner .slide .slide-inner {
    padding: 400px 0px 0px 0px;
}
.banner h1,
.banner .h1 {
	color:#fff;
	font-weight:700;
	font-size:60px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 10px;
}
.banner .h1 img{
	display: inline-block;
}
.banner h2,
.banner .h2 {
	font-weight: 100;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.banner h3,
.banner .h3 {
	text-transform: uppercase;
	margin: 0px;
	font-size: 40px;
}
.banner .bt .button {
	background-color:rgba(0,0,0,0);
	font-size:18px;
	padding:10px 20px;
	border:2px solid #eee;
	text-decoration:none;
	font-weight: 500;
	letter-spacing: 2px;
	color: #fff;
}
.banner .bt .button .fa {
	position: relative;
	top:-2px;
}
.banner .bt .button:hover {
	border:2px solid #FFF;
	background-color:#fff;
	color:#333;
}

.banner .slide .slide-inner {
	background-color: rgba(0,0,0,0.3);
	text-shadow: none;
}
.banner .slider-wrapper {
    box-shadow: none;
}

.sssnext, .sssprev {
    width: 50px !important;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    background-image: url('/web/template/default/assets/sss/images/brr.png') !important;
    z-index: 1000;
	transition: all 0.2s ease-out 0s;
}
.sssprev {
    left: 3%;
    background-position: 0 50% !important;
}
.sssnext {
    right: 3%;
    background-position: -50px 50% !important;
}
.sssprev:hover {
    left: 2.7%;
}
.sssnext:hover {
    right: 2.7%;
}
.sssprev:active {
    left: 2%;
}
.sssnext:active {
    right: 2%;
}

/*Elements*/
.html-style ul li::before, ul.bullet li::before, ul.bullet-list li::before {
	color: #CCC;
}
.faq:hover {
	border-color:#068ed0;
}
.faq:hover h3,
.faq:hover h3::before {
	color:#068ed0;
}

/* Footer */
.footer {
	background-color:#2cafe4 !important;
	background: url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/bg-foot-glass-right.png) bottom right, url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/bg-foot-glass-left.png) bottom left #90469b;
	background-repeat: no-repeat;
	background-size: contain;
	color: #FFF;
	padding:80px 0 60px;
	border-color: 1px solid #2cafe4;
  	font-family: "montserrat",sans-serif;	
}
.footer .foot-menu {
	border: none;
}
.footer .foot-menu > li {
	margin-bottom: 10px;
}
.footer .foot-menu > li a {
	border-color: transparent !important;
	font-weight: 300;
	color: #FFF;
}
.footer .foot-menu > li a:hover {
	border-color: transparent !important;
	color: #666;
}
.footer .h4 {
	font-weight: 500;
	font-size: 30px;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.footer p {
	color:#FFF;
	letter-spacing: 2px;
	font-weight: 100;
	font-size: 14px;
}
.footer p a {
	/*color:rgba(255,255,255,0.5);*/
}
.footer .break {
	background-color: transparent;
	background-image: url(../image/fern-break.png);
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	margin: 20px 0;
}
.footer .foot-menu {
	margin: 0;
	padding-top: 0;
}
.footer ul.footer-icon-list > li > i{
	font-size: 20px;	
	padding: 15px;
}
.footer ul.footer-icon-list > li{
    list-style: none;
}
.footer .foot-menu > li a {
	border-color:#0d63a1;
	color: #FFF;
}
.footer .foot-menu > li a:hover {
	border-color:#FFF;
	color: #5ce8ff;
}
.footer .foot-product-wrap {
	background-color: #FFF;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
	color: #000;
}
.footer .foot-product-wrap .h4 {
	font-size: 24px;
	color: #90469b;
}
.footer .foot-product-wrap a {
	color: #068ed0;
	text-decoration: none;
}
.footer .foot-product-wrap p {
	color:#999;
	margin: 0;
}
.footer .button i{
	font-size: 24px;
}
.footer .button{
	color:#2cafe4;
	border-radius: 0;
	border-color: #fff;
	background-color: #fff;
	text-transform: uppercase;
  	font-family: "futura-pt-bold",sans-serif;
	margin-right: 2px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 7px;
}
.button.btn-icon{
	padding: 6px 11px;;
}
.foot-lower {
	text-align: center;	
	padding-bottom: 10px;
	background-color: #14baed;
}
.foot-lower p{
	color:#fff;
}
.foot-lower p a{
	color:#5ce8ff;
}
.foot-logo img {
	max-width: 150px;
	position: relative;
	margin-top: -50px;
}

/*Index Assets*/
.homebox  {
	
}
.home-btn{
	background-color: #2cafe4;
	padding: 20px;
	min-height: 252px;
	transition:all 0.2s ease-in-out 0s;
	border:2px solid #2cafe4;
}
.home-btn:hover{
	border-radius: 50px;
	border-color:#fff;
}
.home-btn img{
	width: 100%;
	max-width: 150px;
}
.home-btn h2{
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 3px;
}
.homebox .col {
	padding: 0px 10px;
}
.homebox .col:nth-child(2) {
	border-left:1px solid;
	border-right: 1px solid;
	border-color: #50cee2;
}
.homebox .col img {
	vertical-align: top;
	width: 100%;
	max-width: 150px;
}
.homebox .col .hb-text {
	text-align: center;
}
.homebox .col .hb-text h3 {
	font-size: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-weight: 700;
	color:#fff;
	padding: 20px 0 10px;
}
.homebox .col .hb-text p {
	font-size: 17px;
	line-height: 24px;
	color: #fff;
}
.homebox .col .hb-text p a.button {
	padding: 10px 12px;
	border-radius: 5px;
	border-color: #fff;
	background-color: #fff;
	color:#2cafe4;
	margin-right: 10px;
	margin-bottom: 10px;
}
.homebox .col .hb-text p a.button:hover{
	border-color: #fff;
	background-color: #2cafe4;
	color:#fff;
	border-radius: 0px;
}
/* Buttons */
.button {
	padding:5px 12px;
}
.button:hover {
	text-decoration: none !important;
	text-shadow: none !important;
}
.button.bt-outline {
	border-color: #90469b;
	color:#90469b;
}
.button.bt-outline:hover {
	border-color: #90469b !important;
	background-color:#90469b !important;
	color:#FFF !important;
}
input[type="submit"], button {
	background-color: #14baed;
	border-radius: 0;
	border: 2px solid #14baed;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
}
input[type="submit"]:hover, button:hover {
	background-color: #aaa;
	color: #FFF;
	border: 2px solid #aaa;
}
.button {
	padding: 10px 15px;
	border-radius: 5px;
	background-color: #14baed;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #14baed;
}
.button:hover {
	background: #2cafe4;
	border-color: #2cafe4;
	color: #fff;
}

.hr-mini {
	background-color:#90469b;
	width:50px;
	height:4px;												
	border-radius:5px;
	margin:10px 0 20px;
}
.feature-box {
	text-align:center;
}
.feature-box h2 {
	font-size:20px;
}
.feature-box img {
	width:80%;
	vertical-align:top;
}
.feature-box:hover {
	transform:scale(1.1,1.1);
	transition:all 0.2s ease-in-out 0s;
}
.foreword-head ul > li {
    float: none;
    display: table-cell;
    vertical-align: middle;
    list-style: none;
}
.foreword-head ul > li:nth-child(2){
	padding:0px 20px;
}
.foreword-head img{
	border-radius: 70px;
	max-width: 130px;
}
.signature{
	min-width:180px;
}
.foreword-head h1{
  	font-family: "futura-pt-bold",sans-serif;
	color:#2cafe4;
	font-weight: 700;
	font-size: 24px;
	margin:0;
}
.foreword-head h2{
	font-weight: 300;
	color:#000;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 4px;
}
.foreword p{
  	font-family: "ingra",sans-serif;
	color:#666666;
}
.foreword p a{
	color:#2cafe4;
}
/* Trainer Image */
.post-wrap.post-type-trainer .post-item h3 {
	min-height:0;
}
.post-wrap.post-type-trainer .col,
.post-wrap.post-type-trainer .post-item .post-body,
.post-wrap.post-type-trainer .post-item {
	padding:0;
}
.post-wrap.post-type-trainer > .col {
	padding:5px;
}
.post-wrap.post-type-trainer .post-item .profile-text {
	padding-left:20px;
}

/*Section*/
.section-feature {
	padding: 80px 0;
	background-image: url(../image/bg-section-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.section-feature h1{
	color:#fff;	
}
.section-feature.sf-gift .h2,
.section-feature.sf-party .h2 {
	font-size: 44px;
}
.section-feature.sf-gift {
	background-color: #db073b;
	background-image: url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/section-gift.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.section-feature.sf-party {
	background-color: #db073b;
	background-image: url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/section-party.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #f73665;
}
.section-feature.sf-wtb,
.section-feature.sf-about {
	background-color: #FFF;
	background-image: url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/section-about.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 120px 0;
}
.section-feature.sf-wtb {
	background-image: url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/section-party2.jpg);
}
.section-feature.sf-party p,
.section-feature.sf-gift p {
	color: #FFF;
}
.section-feature.sf-gift p {
	text-shadow: 2px 2px 8px #000;
}
.section-variant3 {
	background-color:#006cb9;
}
.section-variant2 {
	background-color:#DDD;
}
.section-variant1 {
	background-color:#2cafe4;
}
.body .frame > *:last-child {
	margin-bottom:0;
}
.section-feature.sf-variant3 * {
	color:#FFF;
}
.section-feature.sf-variant3 .divide {
	background-color:#FFF;
}
.section-contact-form {
	background-color: #068ed0;
	background-image: url(/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/bg-contact.jpg);
}
.section-feature .button.bt-outline {
	color: #FFF;
	border-color:#FFF;
	margin: 0;
	border: 2px solid #FFF;
}
.section.bg-activity{
	background-image: url(../image/bg-section.jpg);
	padding: 50px 0;
}
.section-testimonial{
	padding:60px 0;
}
.payment-summary {
	border: none;
	background-color: #652D90;
}
.payment-summary .button {
	border: none;
	background-color: #068ed0;
	color: #FFF;
}
.payment-summary .button:hover {
	background-color: #FFF;
	color: #652D90;
}

/*Menu*/
ul.menu ul {
	top:52px;
}
ul.menu ul li {
	border-color:#444;
}

/* Slider */
.testimonial-block{
}
#lightSlider ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
#lightSlider li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
	background-color: #fff;
	border-radius: 10px;
}
#lightSlider li > h2,
#lightSlider li > h3{
	text-transform: uppercase;
	margin: 0;
}
#lightSlider li > h2{
	color:#333333;
	font-size: 24px;
}
#lightSlider li > h3{
	color:#999999;
	font-size: 23px;
}
#lightSlider li > p{
	color:#999999;
	font-size: 21px;
    font-family: "clavo",serif;
	font-style: italic;
	line-height: 35px;
}
#lightSlider li > p > i {
    font-size: 25px;
    margin-right: 20px;
	color:#2cafe4;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #2cafe4 !important;
}
.contact-box {
    padding: 20px;
    border: 1px solid rgba(35, 31, 32, 0.1);
    margin-bottom: 30px;
}
.contact-box p{
	margin: 0;
}
.contact-box h3 {
    border-bottom: 5px solid #2cafe4;
}
.pb-block h4{
	color: #999;
	font-weight: 400;
}
.pb-block h3{
	color: #2cafe4; 
}
.pb-block p{
	line-height: 25px;
	color: #333;
	font-weight: 200;
}
.section-title h1{
	margin: 0;
	text-align: center;
}
.section-title{
	background-color: #2cafe4;
}
.motto-box h2,
.motto-box h3{
	color:#fff;
}
.motto-box{
	background-color: #2cafe4;
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
}
.no-pad-bot {
	padding-bottom: 0px!important;
}
.no-pad-top {
	padding-top: 0px!important;
}
.page-header {
	position: relative;
	border-bottom: 20px solid #EEE;
}
.page-header h1 {
	margin: 50px 0px;
}
.page-header::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.33);
}
.page-header ul {
	list-style: none;
}
.page-header li {
	color: #FFF;
	float: left;
	padding: 15px 30px;
	border-right: 1px solid #FFF;
	background: linear-gradient(to left, transparent 50%, #FFF 50%);
	background-size: 200% 100%;
	background-position: right;
	transition: all 0.2s ease-in-out 0s;
}
.page-header li:last-child {
	border-right: 0px;
}
.page-header li:hover {
	background-position: left;
	color: #333;
}
.page-header li:hover span {
	color: #50D61B;
}
.page-header li span {
	margin-left: 5px;
	color: #5EF623;
	transition: all 0.2s ease-in-out 0s;
}
.learning-outdoor img {
	border-radius: 10px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
}
.learning-outdoor {
	position: relative;
}
.learning-outdoor::before,
.learning-outdoor::after {
	position: absolute;
	content: '';
	background-color: #DDD;
	width: 350px;
	height: 1px;
	left: 100%;
	top: 50%;
}
.learning-outdoor::after {
	left: unset;
	right: 100%;
}
.bullet-point-box {
	background-color: #000;
	padding: 30px;
	text-align: center;
	min-height: 200px;
	display: table;
	width: 100%;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
	border-radius: 5px;
}
.bullet-point-box .pb-block-content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.bullet-point-box p {
	margin: 0px;
	color: #FFF;
}
.boxes-section .col-sm-3 .bullet-point-box:not(:first-child) {
	margin-top: 30px;
}
.bullet-point-box::before {
	position: absolute;
	content: '';
	background-image: url(../image/bg-section.jpg);
	opacity: 0.33;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: blur(5px);
	transition: all 0.2s ease-in-out 0s;
	border-radius: 5px;
}
.bullet-point-box:hover::before {
	filter: blur(0px);
}
.bullet-point-box:hover {
	background-color: #279DDD;
}
.page-header .tab {
	padding: 15px 30px;
	margin: 0px;
	color: #333;
	background-color: #FFF;
	display: inline-block;
	margin-top: 50px;
}
.list-item-fac p {
	margin: 0px;
	border-radius: 30px;
	background: linear-gradient(to left, #EEE 50%, #279DDD 50%);
	background-size: 200% 100%;
	background-position: right;
	transition: all 0.2s ease-in-out 0s;
	margin-top: 20px;
	position: relative;
	padding: 15px;
	padding-left: 90px;
}
.list-item-fac.international p {
	border-radius: 5px;
	padding: 20px;
	padding-left: 100px;
}
.list-item-fac:hover p {
	background-position: left;
	color: #FFF;
}
.list-item-fac span {
	font-size: 24px;
	background-color: #279DDD;
	color: #FFF;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	margin-right: 20px;
	width: 75px;
    text-align: center;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.list-item-fac span::before {
	top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
	position: absolute;
}
.list-item-fac.international span {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	padding: 0px;
}
.page-header h1 .statement {
	font-size: 21px;
	letter-spacing: 2px;
}
.info-card {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #279DDD;
	text-align: center;
}
.info-card .top-section {
	border-bottom: 1px solid #EEE;
}
.info-card .bottom-section {
	padding-top: 20px;
}
.info-card .number {
	font-size: 24px;
	position: relative;
	margin: 20px 0px 30px 0px;
	font-weight: 900;
	color: #279DDD;
}
.info-card .number::before {
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 100px;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}
.bottom-row .top-section p:last-child,
.info-card .bottom-section p {
	min-height: 50px;
}
.contact-box.hostel {
	padding: 20px;
	background-color: #FFF;
	border-radius: 5px;
	margin-bottom: 0px;
}
.contact-box.hostel p {
	line-height: 32px;
}
.contact-box.hostel .col.w33 {
	border-right: 1px solid #DDD;
}
.contact-box.hostel span {
	width: 30px;
    margin-right: 10px;
    border-right: 1px solid #BBB;
}
.contact-box.hostel .col.w66 {
	padding-left: 20px;
}
.contact-box-title h3 {
	color: #FFF;
}
.outdoor-section {
	position: relative;
}
.outdoor-section::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.75);
	transition: all 0.2s ease-in-out 0s;
	mix-blend-mode: hard-light;
}
.outdoor-section:hover::before {
	background-color: rgba(39,157,221,0.5);
}
.outdoor-section:hover .title-block:not(.transparent) h3 {
	background-color: #FFF;
	color: #279DDD;
}
.outdoor-section .title-block:not(.transparent) h3 {
	border-radius: 100px;
	padding: 10px 30px;
	border: 1px solid #FFF;
	transition: all 0.2s ease-in-out 0s;
}
.outdoor-section .title-block h3 {
	border-radius: 100px;
	padding: 10px 30px;
}
.outdoor-section .col-sm-6 .pb-block:not(:first-child) {
	margin-top: 25px;
}
.outdoor-box {
	background-color: #FFF;
	padding: 20px;
	border-radius: 5px;
	display: table;
	min-height: 155px;
	width: 100%;
}
.outdoor-box p {
	margin: 0px;
}
.outdoor-box .pb-block-content {
	display: table-cell;
	vertical-align: middle;
}
.outdoor-section .title-block h3 {
	color: #FFF;
	display: inline-block;
}
.outdoor-section .title-block.transparent h3 {
	color: transparent;
}
.learning-box {
	border: 1px solid #EEE;
	border-radius: 5px;
}
.learning-box h2 {
	background-color: #2cafe4; 
	padding: 15px 20px;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 21px;
	border-radius: 5px 5px 0px 0px;
}
.learning-box li {
	padding: 15px 20px;
	background-color: #EEE;
	list-style: none;
	border-bottom: 1px solid #DDD;
	line-height: 24px;
}
.learning-box li:last-child {
	border-radius: 0px 0px 5px 5px;
}
.learning-box h3 {
	background-color: #CCC;
	color: #FFF;
	margin: 0px;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
}
.learning-box-alt {
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #EEE;
	background-color: #F9F9F9;
	margin-bottom: 20px;
	transition: all 0.2s ease-in-out 0s;
}
.learning-box-alt * {
	transition: all 0.2s ease-in-out 0s;
}
.learning-box-alt span {
	transition: none;
}
.learning-box-alt h2 {
	color: #279DDC;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 15px;
}
.learning-box-alt li,
.learning-box-alt p {
	list-style: none;
	padding: 10px 10px;
	line-height: 24px;
	color: #333;
	margin-left: 1.5em;
    text-indent: -1.5em;
}
.learning-box-alt:hover {
	background-color: #279DDC;
	border-color: #138FD1;
}
.learning-box-alt:hover h2 {
	color: #FFF;
	border-color: #FFF;
}
.learning-box-alt h3 {
	margin-left: 10px;
	font-size: 24px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 15px;
	display: inline-block;
	letter-spacing: 1px;
}
.learning-box-alt ul + h3 {
	margin-top: 15px;
}
.learning-box-alt:hover li,
.learning-box-alt:hover p {
	color: #FFF;
}
.learning-box-alt:hover h3 {
	color: #FFF;
	border-color: #FFF;
}
.bg-fade {
	position: relative;
}
.bg-fade::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.95);
	pointer-events: none;
}
.learning-box-alt li::before {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	-webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-weight: 700;
	margin-right: 8px;
	color: #65C727;
	transition: all 0.2s ease-in-out 0s;
}
.learning-box-alt:hover li::before {
	color: #29688a;
}
.bg-fade.blue-fade::before {
	background-color: #0F7EC4;
	mix-blend-mode: multiply;
}
.bg-grey-section h2 {
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px;
}
.bg-grey-section h4 {
	color: #0F7EC4;
	margin-bottom: 40px;
}
.bg-grey-section li {
	padding: 20px;
	background-color: #FFF;
	margin-bottom: 15px;
	list-style: none;
	border: 1px solid #eee;
	border-radius: 5px;
	position: relative;
}
.bg-grey-section li strong {
	color: #0F7EC4;
}
.headers-pack h2 {
	color: #279DDC;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.parent-link a {
	padding: 110px;
	display: block;
	transition: all 0.2s ease-in-out 0s;
}
.parent-link p,
.parent-link h2 {
	margin: 0px;
}
.parent-link h2 {
	text-align: center;
	font-weight: 400;
	letter-spacing: 2px;
	color: #FFF;
}
.parent-link img {
	display: table;
	margin: 0 auto;
	transform: scale(0.85);
}
.parent-links-row .col-sm-3:nth-child(1) .parent-link {
	background-color: #3b5998;
}
.parent-links-row .col-sm-3:nth-child(2) .parent-link {
	background-color: #3facf2;
}
.parent-links-row .col-sm-3:nth-child(3) .parent-link {
	background-color: #004790;
}
.parent-links-row .col-sm-3:nth-child(4) .parent-link {
	background-color: #456F8B;
}
.parent-link:hover a {
	transform: scale(1.1);
}
.parent-link.no-scale img{
	transform: scale(1);
}
.post-type-staff img {
	border-radius: 400px;
	transition: all 0.2s ease-in-out 0s;
	transform: scale(0.85);
}
.post-type-staff .post-item {
	border: 0px;
    text-align: center;
}
.post-type-staff h3 {
	color: #279DDC;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 15px;
}
.post-type-staff h4 {
    color: #FFF;
	font-weight: 400;
	padding: 5px 20px;
	background-color: #2cafe4;
	border: 1px solid #1994C6;
	border-radius: 3px;
	display: block;
}
.post-type-staff .post-body {
	padding-top: 0px;
}
/*.post-type-staff .post-body p span*/
.post-type-staff .post-body p {
	padding: 10px;
	color: #333; 
	background-color: #EEE;
	border-radius: 3px;
	border: 1px solid #DDD;
	margin-right: 10px;
    text-align: center;
}
.post-type-staff .post-body a {
	font-weight: 300;
	font-family: "futura-pt",sans-serif;
	font-size: 16px;
	letter-spacing: 0.5px;
    word-break: keep-all;
}
.post-type-staff .post-item:hover img {
	transform: scale(0.95);
}
.uc-section h1 {
	color: #2cafe4;
	word-break: break-all;
}
.uc-section p {
	margin-bottom: 250px;
}
.uc-section {
	position: relative;
    background-size: 15%!important;
    padding: 120px 0px!important;
    background-position: 50% 80%!important;
	border-top: 1px solid #EEE;
}
.uc-section::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../image/uc-vector.png);
	opacity: 0.33;
	background-position: 50% 80%;
	background-size: 280px;
	background-repeat: no-repeat;
	z-index: 10;
}
.uc-section::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../image/uc-pattern-2.jpg);
	background-size: 950px;
	opacity: 0.08;
}
.uc-inner {
	position: relative;
	z-index: 50;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    background-color: #2cafe4;
    border-color: #1994C6;
}
.pagination > li > a, .pagination > li > span{
    color: #2cafe4;
}

.policy-buttons .button-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.policy-buttons .button-wrapper .button {
	margin-bottom: 5px;
}

/* Student Leaders Page */
.sl-banner {
}
.sl-banner .col-sm-12 {
	padding: 0;
}
.sl-banner .pb-block-type-image {

	position: relative;
}
.sl-banner .pb-block-type-text {

	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	margin: 0;
	padding: 20px 40px;
	background-color: rgba(0, 0, 0, 0.8);
}
.sl-banner .pb-block-type-text p {

	color: #fff;
	font-size: 20px;
	text-align: center;
	margin: 0;
}

.post-type-student_leaders .post-item {
	border: none;
	display: flex;
	flex-direction: row;
	height: unset !important;
}
.post-type-student_leaders .post-item:not(:last-child) {
	margin-bottom: 40px;
}
.post-type-student_leaders .post-item:nth-child(even) {
	flex-direction: row-reverse;
	text-align: right;
}
.post-type-student_leaders .post-item:nth-child(even) .post-body {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.post-type-student_leaders .post-image {
	flex: 20% 1 1;
	padding: 15px;
}
.post-type-student_leaders .post-image img {
	border-radius: 100%;
}
.post-type-student_leaders .post-body {
	flex: 70% 1 1;
	padding: 15px 20px;
}
.post-type-student_leaders h3 {
	color: #279DDC;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 18px;
	padding-bottom: 18px;
	max-width: max-content;
	line-height: 1;
}
.post-type-student_leaders h4 {
	color: #FFF;
	font-weight: 400;
	padding: 5px 20px;
	background-color: #2cafe4;
	border: 1px solid #1994C6;
	border-radius: 3px;
	display: block;
	max-width: max-content;
}
.post-type-student_leaders p.email {
	padding: 10px;
	color: #333;
	background-color: #EEE;
	border-radius: 3px;
	border: 1px solid #DDD;
	text-align: left;
	max-width: max-content;
}

/* Alt Version */
.post-type-student_leaders .post-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 33.33% 1 1;
}
.post-type-student_leaders .post-image img {
	margin-bottom: 40px;
	width: 50% !important;
}

/* END */

/* News Pages */
.post-type-news_category .body {
	padding: 0;
}
.post-type-news_category .body .frame {
	padding: 40px 0;
}
.post-type-news_category .body > .frame {
	padding: 0;
}
.post-wrap .post-item:hover {
	border-color: #2cafe4;
}
.post-wrap .post-item h3 {
	color: #279DDC;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.news-categories-index .coltable .col {
	width: 25%;
}

.breadcrumb {

	margin-top: 10px;
	margin-bottom: 10px;
}

/****RESPONSIVE*****/
@media screen and (max-width:1600px) {
	.parent-link a {
		padding: 10px;
	}	
	.parent-link img {
		display: block;
		transform: scale(0.45);
	}
	.parent-link p, .parent-link h2{
		margin: 0 0 20px;
	}
	.parent-links-row,
	.parent-links-row .col-sm-12,
	.parent-links-row .pb-column{
		padding: 0 !important;
	}
}
@media screen and (max-width:1300px) {
	.frame {
		width:100%;
	}
	.header .frame {
		padding: 0 10px;
	}
	.logo {
/*		top: -5px;
    	left: 30px;
*/		min-width: 150px;
   		max-width: 150px;
	}
	.row {
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	.footer {
		padding: 60px;
	}
	.button.btn-icon {
		padding: 6px 11px;
		width: 25%;
		margin-bottom: 7px;
		text-align: center;
	}
	.learning-outdoor::before, .learning-outdoor::after {
		width: 50%;
	}
	.learning-outdoor::before{
		right: 0%;
	}
	.learning-outdoor::before{
		right: 0%;
	}
}
@media screen and (max-width:1200px) {
	iframe {
		width:100% !important;
	}
	.section-feature.sf-about,
	.section-feature.sf-gift,
	.section-feature.sf-party {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobi-box {
		padding: 20px;
		box-sizing: border-box;
		border-radius: 20px;
		background-color: rgba(255,255,255,0.8);
		color: #000;
	}
	.mobi-box .h2,
	.mobi-box .h3,
	.mobi-box a,
	.mobi-box p {
		color: #000 !important;
		text-shadow: none !important;
		border-color:#000 !important;
	}
	.section-feature.sf-party,
	.section-feature.sf-about {
		background-position: left top;
	}
	.col-home-more-info .col{
		display: inline-block;
		float: left;
		width: 50% !important;
	}
	.post-type-staff .col{
		width: 33.33333% !important;
	}
}
@media screen and (max-width:1000px) {
	.homebox .col{
		display: inline-block;
		box-sizing: border-box;
		padding: 10px;
		float: left;
	}
	.foreword-head ul > li{
		display: block;
		text-align: center;
	}
	.home-btn h2 {
	    word-break: break-all;
	}
	.footer .foot-menu > li a{
		word-break: break-all;
	}
	.parent-links-row .pb-column{
		width: 50%;
	}
	.parent-link .pb-block-content{
		margin: 0 !important;
	}
}
@media screen and (max-width:900px) {
	.header .col{
		width: 100% !important;
		display: block;
		text-align: center;
	}
	.logo{
		position: relative;
		min-width: 100%;
		max-width: 100%;
		background-position: center;
	}
	ul.menu{
		margin: 0 auto;
	}

}
@media screen and (max-width:800px) {
	.h2, h2, .h3, h3 {
		font-size: 22px;
		line-height: 30px;
	}
	.section-feature.sf-gift .h2, .section-feature.sf-party .h2 {
		font-size: 32px;
		line-height: 30px;
		color: #90469b !important;
	}
	.banner h2, .banner .h2,
	.banner h1, .banner .h1 {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 5px;
	}
	.banner .bt .button {
		transform: scale(0.5,0.5);
	}
	.section-feature.sf-gift {
		background-size: cover;
	}
	
	.logo {
		background-position: center;	
	}
	
	ul.menu {
		width:100%;
		display:block;
		border-radius:0;
	}
	ul.menu .menulink {
		width: 100%;
		padding: 10px;
		text-align: center;
	}
	ul.menu .rlink {
		display:none;
		float:none;
	}
	ul.menu .mobile-nav {
		display:block !important;
		width:100%;
		float:none;
	}
	ul.menu ul li,
	ul.menu ul {
		width:100%;
		box-sizing:border-box;
	}
	ul.menu ul li a {
		width:100%;
		text-align:center;
		padding:5px 0;
		box-sizing:border-box;
	}
	.navigation {
		padding: 0px;
	}
	ul.menu .menulink {
		padding: 15px;
	}
	.footer .col {
		width: 100%!important;
		display: block;
		text-align: center;
	}
	.footer .break {
		background-position: center;
	}
	.footer .col:not(:first-child) .h4 {
		margin-top: 40px;
	}
	.footer p.no-margin {
		margin-bottom: 30px;
	}
	.col-home-more-info .col{
		display: block;
		width: 100% !important;
	}
	.home-btn{
		min-height: auto;
	}
	.post-type-staff .col{
		width: 50% !important;
	}
	.learning-outdoor::before, .learning-outdoor::after {
		display: none;
	}
	.page-header h1 {
    	font-size: 35px;
		letter-spacing: 5px;
	}
}
@media screen and (max-width:600px) {
	.top-contact a{
		display: block;
	}
	.top-contact .bord{
		display: none;
	}
	.footer {
		text-align: center;
	}
	.footer .break {
		margin-left: auto;
		margin-right: auto;
	}
	.section-feature.sf-gift,
	.section-feature.sf-party {
		text-align: center;
	}
	.footer .h4 {
		margin-top: 40px;
	}
	.footer .coltable .col:first-child .h4 {
		margin-top: 0;
	}
	.footer .foot-product-wrap {
		width: 75%;
		margin: 0 auto;
	}
	.section-feature.sf-about {
		background-size: contain;
	}
	.banner .slide .slide-inner h1 {
		margin: 0;
	}
	.banner .slide .slide-inner h2 {
		font-size: 14px;
		letter-spacing: 1px;
		margin: 0;
	}
	.body {
		padding: 20px;
	}
	.top-search {
		margin: 0 auto;
	}
	.homebox .col .hb-text h3 {
		font-size: 20px;
/*		color: #999;
*/	}
	.homebox .col:nth-child(2){
		border-left: none;
		border-right: none;
		border-top: 1px solid;
		border-bottom: 1px solid;
		border-color: #50cee2
	}
	.header .coltable .col {
		width: 100% !important;
		display: block;
	}
	.logo {
		position: unset;
		height: 150px;
		display: table;
		margin: 0 auto;
	}
	.header p {
		text-align: center;
	}
	.top-contact {
		padding: 0px;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.footer {
		padding: 30px;
	}
	.footer .col {
		padding-left: 0px!important;
		padding-top: 0px!important;
		padding-bottom: 0px!important;
		padding-right: 0px!important;
	}
	.footer p.no-margin {
		margin-bottom: 60px;
	}
	.post-type-staff .col{
		width: 100% !important;
	}
	.parent-link img{
		transform: none;
		width: 50%;
	}
}