:root {

	--collinz-theme-gradient-left: #E55334;

	--collinz-theme-gradient-right: #31336F;

	--collinz-theme-header-hover: #F26622;

	--collinz-theme-on-primary: #926C33;

	--collinz-theme-primary: #F09002; 

	--collinz-theme-primary-hover: #EE7A00;

	--collinz-theme-primary-translucent: rgba(184,149,82,.85);

	--collinz-theme-secondary: #3E4D9C;

	--collinz-theme-secondary-hover: #151643;

	--collinz-theme-secondary-translucent: rgba(45,71,32,.8);

	--collinz-theme-secondary-translucent-light: rgba(45,71,32,.69);

	--collinz-theme-text-primary-on-background: #FFF;

	--collinz-theme-text-secondary-on-background: #FFF;

	--collinz-theme-text-icon-on-background: #B99552;

	--collinz-theme-text-primary-on-light: #3F3F3F;

	--collinz-theme-text-secondary-on-light: #3F3F3F;

	--collinz-theme-text-icon-on-light: #B99552;

	--collinz-theme-text-primary-on-dark: #FFF;

	--collinz-theme-text-secondary-on-dark: #FFF;

	--collinz-theme-text-icon-on-dark: #B99552;

}



@font-face {

	font-family: 'collinz-icon';

	src: url('../../res/fonts/collinz-icon/collinz-icon.eot?e4x8w1');

	src: url('../../res/fonts/collinz-icon/collinz-icon.eot?e4x8w1#iefix')

		format('embedded-opentype'), url('../../res/fonts/collinz-icon/collinz-icon.ttf?e4x8w1')

		format('truetype'), url('../../res/fonts/collinz-icon/collinz-icon.woff?e4x8w1')

		format('woff'), url('../../res/fonts/collinz-icon/collinz-icon.svg?e4x8w1#collinz-icon')

		format('svg');

	font-weight: normal;

	font-style: normal;

	font-display: block;

}



body, html {

	margin: 0;

	padding: 0;

	scroll-behavior: smooth;

}



body {

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	line-height: 24px;

	-webkit-text-size-adjust: none;

}



body.theme_main {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 14px;

	background: #F89825;

	color: var(--collinz-theme-text-primary-on-background);

}



a,

button,

input[type=button],

input[type=submit] {

	cursor: pointer;

}



a,

a:link,

a:visited {

	color: var(--collinz-theme-primary);

	text-decoration: none;

	outline: none;

	position: relative;

	z-index: 1;

}



a:hover,

a:active,

a.selected {

	color: var(--collinz-theme-primary-hover);

}



a[class^="carousel-control"] {

	position: absolute!important;

	z-index: 10;

}



/*a:not(.mm-btn):not([class$="postlink"]):before {*/

a.line-link:before {

	content: "";

	position: absolute;

	width: 100%;

	height: 1px;

	bottom: 0;

	left: 0;

	background-color: var(--collinz-theme-primary-hover);

	visibility: hidden;

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s;

	transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s;

}



a.line-link:hover:before, a.line-link:focus:before {

	visibility: visible;

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}



a.stretched-link {

	position: unset;

}



p {

	margin: 1rem 0;

	/* text-align: justify; */

}



p.heading {

	font-weight: normal;

	font-size: 24px;

}



strong {

	font-weight: bold;

}



.small, small {

	line-height: 100%;

}



.loose {

	letter-spacing: 0.1em;

}



.vl {

	display: inline-grid;

	vertical-align: middle;

	border-left: 1px solid #ccc;

	margin: 0;

	height: 40px;

}



.menu-icon {

	font: inherit;

	/* 04/06/2021 Jun Han Requested for the Icon to be Combined

	display: inline-grid;

	*/

	vertical-align: middle;

	overflow: visible;

	margin: 0;

	padding: 10px;

	cursor: pointer;

	transition-timing-function: linear;

	transition-duration: .15s;

	transition-property: opacity,filter;

	text-transform: none;

	color: inherit;

	border: 0;

	background-color: transparent;

	width: 96px;

	height: 100%;

	will-change: background-color, color;

	transition: background-color 200ms, color 200ms;

}



.menu-icon:hover {

	background-color: var(--collinz-theme-header-hover);

	color: var(--collinz-theme-text-primary-on-background);

}



.menu-icon>.small, small {

	font-size: 70%;

}



::selection {

	background: #35b792;

	color: #FFFFFF;

}



::-moz-selection {

	background: #35b792;

	color: #FFFFFF;

}

#open-day-button {

	position: fixed;

    bottom: 140px;

    right: 22px;

	z-index: 10010;

	cursor: pointer;

}



#open-day-button .open-day-icon {

	width: 120px;

}

#whatsapp-contact, #whatsapp-contact-button {

	position: fixed;

    bottom: 74px;

    right: 22px;

	z-index: 10010;

	cursor: pointer;

}



#whatsapp-contact .whatsapp-icon, #whatsapp-contact-button .whatsapp-icon {

	width: 60px;

}



#whatsapp-contact-button .whatsapp-list {

	position: absolute;

    right: 0;

    bottom: 100%;

	max-height: 0;

	overflow: hidden;

	opacity: 0;

	transition: all 1s;

}



#whatsapp-contact-button .whatsapp-list.open {

	max-height: 300px;

	opacity: 1;

}



#whatsapp-contact-button .whatsapp-list a {

	width: 200px;

    display: block;

    font-size: 12px;

    padding: 4px;

    margin-bottom: 8px;

    text-align: center;

    background-color: #1BCC3D;

    color: #ffffff;

    border-radius: 17px;

}



.back-to-top {

	position: fixed !important;

	bottom: 25px;

	right: 25px;

	display: none;

	z-index: 10010 !important;

}



.modal {

	z-index: 11000 !important;

}



/* scroll fixes */

.modal-open .modal {

	padding-left: 0px !important;

	padding-right: 0px !important;

	overflow-y: auto;

}



.middle-container {

	display: flex;

	min-height: 100vh;

}



.middle {

	align-self: center;

	width: 100%;

}



.middle::after {

	content: '';

	width: 100%;

	height: 0;

	overflow: hidden;

	visibility: hidden;

	display: block;

}



.banner_title {

	text-transform: uppercase;

	font-size: 5vh;

	font-weight: 600;

	letter-spacing: 0.15em;

	line-height: 1;

}



.content-div {

	text-align: center;

	justify-content: center;

	display: flex;

	align-items: center;

	position: relative;

}



.min-vh-75 {

	min-height: 75vh;

}

.min-vh-100 {

	min-height: 100vh;

}

.vh-75 {

	height: 75vh;

}

.vh-100 {

	height: 100vh;

}



.vh-carousel {

	height: 33vh;

	overflow: hidden;

}



@media (max-width: 500px) {

	a.postlink--tall {

		font-size: 1rem!important;

	}



	a.postlink--tall:before {

		width: 2rem!important;

	}



	a.postlink--tall:after {

		left: 2rem!important;

	}



	a.postlink--tall span {

		padding-left: 0!important;

	}



	a[dir='rtl'].postlink--tall:after {

		right: 2rem!important;

	}

}



/* Small devices (phablets, 500px and up) */

@media (min-width: 500px) {

	.menu-icon>.small, small {

		font-size: 80%;

	}

}



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

	.vh-carousel {

		height: 45vh;

	}

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {

	.nav-header .menu-icon {

		width: 180px;

		padding: 30px;

	}

	

	.banner_title {

		font-size: 7vh;

	}



	.vh-carousel {

		height: 74vh;

	}

}



/* Medium devices (desktops, 1200px and up) */

@media (min-width: 1200px) {

	body.theme_main {

		font-size: 16px;

	}

}



/*************************************************************************************************************************/



.numbers .card {

	height: 23em;

	border-radius: 0;

}



.card-translucent {

	background-color: rgba(255,255,255,.7);

}



/*************************************************************************************************************************/



.breadcrumb {

	padding: .5rem 0;

	margin-bottom: 0;

	background-color: unset;

	border-top: solid 1px var(--collinz-theme-primary);

	border-bottom: solid 1px var(--collinz-theme-primary);

	border-radius: unset;

	text-transform: uppercase;

	font-size: 0.8em;

}



.breadcrumb-item+.breadcrumb-item::before {

	display: inline-block;

	padding-right: .5rem;

	color: var(--collinz-theme-primary);

	content: ">";

}



/*************************************************************************************************************************/



.nav-header {

	height: 22vw;

	max-height: 132px;

	width: max-content;

	margin: -10px auto 0;

	padding: 0;

	color: var(--collinz-theme-secondary);

	font-size: 1.3rem;

	font-weight: bolder;

}



.nav-header>.vl {

	border-left: 1px solid #ccc;

	border-right: 2px solid #ccc;

	height: 60%;

	margin: 0 -6px;

}



.nav-header>.menu-icon {

	background-color: #FFF;

	width: 22vw;

	padding: 10px;

	box-shadow: 5px 5px 10px #231F2033;

}

.nav-header>.menu-icon:first-of-type {

	border-radius: 30px 0 0 30px;

	width: 22vw;

	padding-left: 20px;

}

.nav-header>.menu-icon:last-of-type {

	border-radius: 0 30px 30px 0;

	width: 22vw;

	padding-right: 20px;

}



.nav-header>.menu-icon:hover {

	background-color: var(--collinz-theme-header-hover);

}



.nav-header .icon {

	height: 10vw !important;

}



.navbar-toggler {

	padding: .75rem 1rem;

	font-size: 1.25rem;

	background-color: var(--collinz-theme-primary);

	color: var(--collinz-theme-text-primary-on-background);

	border: 1px solid transparent;

	border-radius: 0;

}



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

	.nav-header {

		height: 156px;

		max-height: unset;

	}

	.nav-header>.vl {

		margin: 0 -7px;

	}

	.nav-header .icon {

		height: 5rem !important;

	}

	.nav-header>.menu-icon {

		width: 140px;

		padding: 20px;

	}

	.nav-header>.menu-icon:first-of-type {

		border-radius: 60px 0 0 60px;

		width: 160px;

		padding-left: 40px;

	}

	.nav-header>.menu-icon:last-of-type {

		border-radius: 0 60px 60px 0;

		width: 160px;

		padding-right: 40px;

	}

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {

	.nav-sub {

		background: #EBECF0;

		padding: 40px 0 60px;

	}

	

	.nav-sub header {

		padding: 0 30px;

	}	



	.nav-sub .nav-list > li {

		padding: 0 20px;

	}

}



.nav-sub ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



.nav-sub ul li {

	position: relative;

}



.nav-sub ul li a {

	display: block;

	padding: 10px 10px;

	color: var(--collinz-theme-text-primary-on-light);

	background: transparent;

	font-size: 16px;

}



.nav-sub ul li.active > a,

.nav-sub ul li a:hover, .nav-sub ul li a:focus {

	color: var(--collinz-theme-primary);

	background: #E1E2E7;

}



/*************************************************************************************************************************/



canvas, img, video {

	max-width: 100%;

	height: auto;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



audio, canvas, iframe, img, svg, video {

	vertical-align: middle;

}



.cover-img-anim {

	position: absolute;

	-o-object-fit: cover;

	object-fit: cover;

	object-position: center;

	width: 100%;

	height: 100%;

	left: 0;

	z-index: -1;

}



.cover-img-anim--top {

	object-position: top;

}



.cover-img-anim--bottom {

	object-position: bottom;

}



.cover-img-anim--left {

	object-position: left;

}



.cover-img-anim--right {

	object-position: right;

}



.img-overlay:after {

	background-color: var(--collinz-theme-secondary-translucent-light) !important;

}



.img-overlay--primary:after {

	background-color: var(--collinz-theme-primary) !important;

	opacity: 0.9;

}



.img-banner {

	width: 100%;

	position: relative;

	overflow: hidden;

}



.img-banner:after {

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.1);

	z-index: -1;

}



.img-thumb-container {

	float: left;

	width: 100%;

	height: 100vw;

}



.img-thumb {

	-o-object-fit: cover;

	object-fit: cover;

	object-position: center;

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

}



.img-thumb:after {

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,.3);

}



.img-float-left {

	-o-object-fit: cover;

	object-fit: cover;

	object-position: center;

	max-width: 100%;

	position: relative;

	overflow: hidden;

	float: left;

	margin-right: 20px;

}



.img-flip-h {

	-moz-transform: scaleX(-1);

	-o-transform: scaleX(-1);

	-webkit-transform: scaleX(-1);

	transform: scaleX(-1);

	filter: FlipH;

	-ms-filter: "FlipH";

}



.cmp-banner--wrap {

	height: 100%;

	z-index: 1;

}



.cmp-wrap {

	position: relative;

	width: 100%;

	margin: 0 auto;

	padding: 0 30px;

	justify-content: center;

	display: flex;

	align-items: center;

}



@media screen and (min-width: 768px) {

	.cmp-wrap {

		padding: 0 80px;

	}

	.img-thumb-container {

		width: calc(100% / 2);

		height: calc(100vw / 2);

	}

	.img-float-left {

		max-width: 50%;

	}

}



@media screen and (min-width: 992px) {

	.img-thumb-container {

		width: calc(100% / 3);

		height: calc(100vw / 3);

	}

	.img-thumb:after {

		background-color: rgba(0,0,0,.5);

	}



	.img-thumb:hover:after {

		background-color: rgba(0,0,0,.1);

	}

}



@media screen and (min-width: 1200px) {

	.cmp-wrap {

		padding: 0 30px;

	}

}



@media screen and (min-width: 1600px) {

	.img-thumb-container {

		width: calc(100% / 4);

		height: calc(100vw / 4);

	}

}



/*************************************************************************************************************************/



@-webkit-keyframes goArrows {

	0%{

		opacity:0

	}

	50%{

		opacity:1

	}

	100%{

		opacity:0

	}

}

@-moz-keyframes goArrows {

	0%{

		opacity:0

	}

	50%{

		opacity:1

	}

	100%{

		opacity:0

	}

}

@-o-keyframes goArrows {

	0%{

		opacity:0

	}

	50%{

		opacity:1

	}

	100%{

		opacity:0

	}

}

@keyframes goArrows {

	0%{

		opacity:0

	}

	50%{

		opacity:1

	}

	100%{

		opacity:0

	}

}



.scroll-arrows {

	color: #FFFFFF;

	width: 18px;

	position: absolute;

	bottom: 60px;

	left: 50%;

	margin-left: -9px;

	text-align: center;

	cursor: pointer;

	text-shadow: 0 2px 2px #333333;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-transform: translateZ(0) translate3d(0,0,0);

	-moz-transform: translateZ(0) translate3d(0,0,0);

	-ms-transform: translateZ(0) translate3d(0,0,0);

	-o-transform: translateZ(0) translate3d(0,0,0);

	transform: translateZ(0) translate3d(0,0,0);

	z-index: 10;

}



.scroll-arrows ul {

	list-style:none;

	margin:0;

	padding:0

}



.scroll-arrows li {

	height: 10px;

	transition: all .2s ease-out;

	-webkit-transition: all .2s ease-out

}



.scroll-arrows li::before {

	content: "\f078";

}



.scroll-arrows li:nth-child(1) {

	opacity: 0;

	-webkit-animation: goArrows 2.5s 1.7s ease-in-out infinite;

	-moz-animation: goArrows 2.5s 1.7s ease-in-out infinite;

	-o-animation: goArrows 2.5s 1.7s ease-in-out infinite;

	animation: goArrows 2.5s 1.7s ease-in-out infinite

}



.scroll-arrows li:nth-child(2) {

	opacity: 0;

	-webkit-animation: goArrows 2.5s 2s ease-in-out infinite;

	-moz-animation: goArrows 2.5s 2s ease-in-out infinite;

	-o-animation: goArrows 2.5s 2s ease-in-out infinite;

	animation: goArrows 2.5s 2s ease-in-out infinite

}



.scroll-arrows li:nth-child(3) {

	opacity: 0;

	-webkit-animation: goArrows 2.5s 2.5s ease-in-out infinite;

	-moz-animation: goArrows 2.5s 2.5s ease-in-out infinite;

	-o-animation: goArrows 2.5s 2.5s ease-in-out infinite;

	animation: goArrows 2.5s 2.5s ease-in-out infinite

}



@-webkit-keyframes scale-kenburns {

	0%{

		-webkit-transform:scale(1.0);

		transform:scale(1.0)

	}

	to{

		-webkit-transform:scale(1.1);

		transform:scale(1.1)

	}

}

@-moz-keyframes scale-kenburns {

	0%{

		-webkit-transform:scale(1.0);

		transform:scale(1.0)

	}

	to{

		-webkit-transform:scale(1.1);

		transform:scale(1.1)

	}

}

@-o-keyframes scale-kenburns {

	0%{

		-webkit-transform:scale(1.0);

		transform:scale(1.0)

	}

	to{

		-webkit-transform:scale(1.1);

		transform:scale(1.1)

	}

}

@keyframes scale-kenburns {

	0%{

		-webkit-transform:scale(1.0);

		transform:scale(1.0)

	}

	to{

		-webkit-transform:scale(1.1);

		transform:scale(1.1)

	}

}



.animation-kenburns {

	-webkit-animation-name: scale-kenburns;

	animation-name: scale-kenburns;

	-webkit-animation-duration: 15s;

	animation-duration: 15s;

	-webkit-animation-timing-function: ease-out;

	animation-timing-function: ease-out;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}



/*************************************************************************************************************************/



.carousel:after {

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

}



.carousel-indicators li {

	width: 10px;

	height: 10px;

	border-radius: 10px;

	margin-left: 7px;

	margin-right: 7px;

	border-top: none;

	border-bottom: none;

}



.carousel-indicators .active {

	background-color: var(--collinz-theme-primary);

}



/*************************************************************************************************************************/



#main-header #header-bg {

	background: url('/images/header-xs.png') no-repeat center bottom;

	background-size: cover;

	padding: 24%;

}



#main-header #header:before {

	content: "";

	display: block;

	height: 7px;

	width: 100%;

	background: linear-gradient(to right, var(--collinz-theme-gradient-left), var(--collinz-theme-gradient-right));

}



#main-header #header {

	position: fixed;

    top: 0;

    bottom: unset;

    right: 0;

    left: 0;

    z-index: 1030;

}



body.theme_main.administrator #main-header .brand .logo,

body.theme_main.administrator #main-header.home .scroll .brand .logo {

	background: url(../../../images/logo_admin.png) no-repeat center center;

	background-size: contain;

}



body.theme_main #main-footer .footer-bg {

	background: url(/images/footer-sm.jpg) no-repeat bottom;

	background-size: contain;

	margin-bottom: 0;

	height: min(48vw, 600px);

}



body.theme_main #main-footer .footer-bg-container {

	display: flex;

	height: 100%;

	-ms-flex-pack: end!important;

	justify-content: center!important;

}



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

	#main-header #header-bg {

		background: url('/images/header.png') no-repeat center bottom;

		background-size: cover;

		padding: 18%;

	}

	body.theme_main #main-footer .footer-bg {

		height: min(48vw, 700px);

	}

}



/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {

	body.theme_main #main-footer .footer-bg {

		background: url(/images/footer-md.jpg) no-repeat bottom left;

		background-size: cover;

		height: 300px;

	}

	body.theme_main #main-footer .footer-bg-container {

		-ms-flex-pack: end!important;

		justify-content: flex-end!important;

		-ms-flex-align: center!important;

		align-items: center!important;

	}

}



/*************************************************************************************************************************/



::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

}



::-webkit-scrollbar {

	width: 10px;

	background-color: #F5F5F5;

}



::-webkit-scrollbar-thumb {

	background-color: #888888;

}



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

	-webkit-animation: autofill 0s forwards;

	animation: autofill 0s forwards;

}



@keyframes autofill {

	100% {

		background: transparent;

		color: inherit;

	}

}



@-webkit-keyframes autofill {

	100% {

		background: transparent;

		color: inherit;

	}

}



/*************************************************************************************************************************/



.text-shadow {

	text-shadow: 2px 2px #333333;

}



.text-justify-right {

	text-align: justify!important;

	text-align-last: right!important;

}



@media (max-width: 576px) {

	.text-sm-justify-right {

		text-align: justify!important;

		text-align-last: right!important;

	}

}



@media (min-width: 768px) {

	.text-md-justify-right {

		text-align: justify!important;

		text-align-last: right!important;

	}

}



@media (min-width: 992px) {

	.text-lg-justify-right {

		text-align: justify!important;

		text-align-last: right!important;

	}

}



@media (min-width: 1200px) {

	.text-xl-justify-right {

		text-align: justify!important;

		text-align-last: right!important;

	}

}



/*************************************************************************************************************************/



.font-open-sans {

	font-family: 'Open Sans', sans-serif;

}



.font-source-sans {

	font-family: 'Source Sans Pro', sans-serif;

}



.font-fredoka {

	font-family: 'Fredoka One', cursive;

}



.text-small-caps {

	font-variant: small-caps;

}



.text-primary {

	color: var(--collinz-theme-primary) !important;

}



.text-secondary {

	color: var(--collinz-theme-secondary) !important;

}



.text-black {

	color: var(--collinz-theme-text-primary-on-light);

}



.text-white {

	color: var(--collinz-theme-text-primary-on-dark);

}



.text-grey {

	color: #888888;

}



.bg-primary {

	background-color: var(--collinz-theme-primary) !important;

	color: var(--collinz-theme-text-primary-on-background);

}



.bg-secondary {

	background-color: var(--collinz-theme-secondary) !important;

	color: var(--collinz-theme-text-secondary-on-background);

}



.bg-light-grey {

	background-color: #DCDBDB;

}



.bg-white1 {

	background-color: #FFFFFF;

}



/*************************************************************************************************************************/



.border-top-primary {

	border-top: solid 5px var(--collinz-theme-primary);

}



.border-bottom-primary {

	border-bottom: solid 5px var(--collinz-theme-primary);

}



.border-bottom-primary-hover {

	border-bottom: solid 5px var(--collinz-theme-primary-hover);

}



.border-bottom-secondary {

	border-bottom: solid 5px var(--collinz-theme-secondary);

}



.box-primary {

	border-radius: 2rem;;

	background-color: var(--collinz-theme-primary);

}



.box-secondary {

	border-radius: 2rem;;

	background-color: var(--collinz-theme-primary);

}



/*************************************************************************************************************************/



@media (min-width: 768px) {

	.d-form-md {

		position: absolute;

		top: 53vh;

		left: 50%;

		transform: translate(-50%, 0);

		z-index: 1;

	}

	

	.mt-form {

		margin-top: 30vh;

	}

}



@media (min-width: 992px) and (max-height: 720px) {

	.mt-form {

		margin-top: 53vh;

	}

}



@media (min-width: 992px) and (min-height: 721px) {

	.mt-form {

		margin-top: 50vh;

	}

}



@media (min-width: 992px) and (min-height: 900px) {

	.mt-form {

		margin-top: 30vh;

	}

}



/*************************************************************************************************************************/



@media (min-width: 992px) {

	.onepage-pagination {

		position: absolute;

		top: unset !important;

		bottom: 5% !important;

		right: unset !important;

		width: 100% !important;

		z-index: 5;

		list-style: none;

		margin: 0;

		padding: 0;

		display: flex;

		justify-content: center;

	}



	.onepage-pagination li {

		float: left;

		padding: 0px !important;

		border: 0;

		border-right: 0;

	}



	.onepage-pagination li:last-child {

		border-right: 0;

	}



	.onepage-pagination li a {

		padding: 0px;

		background: transparent;

		color: #fff;

		width: 200px !important;

		height: 50px !important;

		font-weight: 600;

		font-size: 12pt;

		display: flex !important;

		justify-content: center;

		align-items: center;

	}



	.onepage-pagination li a:before {

		background: none !important;

	}



	.onepage-pagination li a:hover,

	.onepage-pagination li a.active {

		color: #fff;

		border-bottom: 3px solid;

		text-decoration: none;

	}



	.onepage-pagination li a.active:before {

		border: none !important;

	}

}



/*************************************************************************************************************************/



select.input-lg {

	padding: 10px 11px;

}



.mdc-icon-button:hover::before {

	opacity: 0 !important;

}



.mdc-icon-button:not(.mdc-ripple-upgraded):focus::before,

.mdc-icon-button.mdc-ripple-upgraded--background-focused::before {

	opacity: 0 !important;

}



.mdc-button--round {

	border-radius: 2em !important;

	padding: 1em 2em !important;

	height: auto !important;

}



.mdc-checkbox {

	will-change: unset !important;

}



.mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {

	color: var(--mdc-theme-text-primary-on-light);

}



.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {

	border-color: var(--mdc-theme-primary);

}



.mdc-force-render {

	transform: translateZ(0);

}



.ready-detect {

	position: relative;

}



.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {

	padding-left: 48px;

	padding-right: 16px;

}



.mdc-text-field--with-leading-icon .mdc-text-field__icon {

	left: 16px;

	right: auto;

	position: absolute;

}



.mdc-text-field--with-leading-icon .fa-fw {

	width: 24px;

	height: 24px;

}



.mdc-text-field--textarea .mdc-text-field-character-counter {

	left: auto;

	right: 16px;

	position: absolute;

	bottom: 13px;

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {

	color: var(--mdc-theme-text-primary-on-background);

}



.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {

	color: var(--mdc-theme-primary);

}



.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {

	color: var(--mdc-theme-primary);

}



.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {

	color: var(--mdc-theme-error, #b00020);

}



.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, 

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {

	border-color: var(--mdc-theme-text-icon-on-background);

}



.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing,

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing {

	border-color: var(--mdc-theme-text-primary-on-background);

}



.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {

	border-color: var(--mdc-theme-primary);

}



.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {

	color: var(--mdc-theme-text-primary-on-background);

}



.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {

	color: var(--mdc-theme-text-primary-on-background);

}



.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {

	color: var(--mdc-theme-text-primary-on-background);

}



.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {

	border-color: var(--mdc-theme-text-icon-on-background);

}



.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {

	border-color: var(--mdc-theme-text-primary-on-background);

}



.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,

.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,

.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {

	border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary));

	background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary));

}



:root {

	--mdc-theme-primary: #fff;

	--mdc-theme-secondary: #fff;

	--mdc-theme-background: #fff;

	--mdc-theme-surface: #fff;

	--mdc-theme-error: #b00020;

	--mdc-theme-on-primary: #fff;

	--mdc-theme-on-secondary: #fff;

	--mdc-theme-on-surface: #000;

	--mdc-theme-on-error: #fff;

	--mdc-theme-text-primary-on-background: rgba(255, 255, 255, 0.87);

	--mdc-theme-text-secondary-on-background: rgba(255, 255, 255, 0.54);

	--mdc-theme-text-hint-on-background: rgba(255, 255, 255, 0.38);

	--mdc-theme-text-disabled-on-background: rgba(255, 255, 255, 0.38);

	--mdc-theme-text-icon-on-background: rgba(255, 255, 255, 0.38);

	--mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);

	--mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);

	--mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);

	--mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);

	--mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);

	--mdc-theme-text-primary-on-dark: white;

	--mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);

	--mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);

	--mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);

	--mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);

	--mdc-checkbox-checked-color: var(--collinz-theme-secondary);

}



/*************************************************************************************************************************/



button:focus {

	outline: none;

}



.base-button {

	border: none;

	background-color: var(--collinz-theme-primary);

	cursor: pointer;

	font-weight: 400;

	font-size: 1rem;

	line-height: 1rem;

	margin: 0.5rem;

	padding: .8rem 1rem;

	display: -webkit-inline-flex;

	display: -ms-inline-flexbox;

	display: inline-flex;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	vertical-align :middle;

	text-decoration: none;

	text-transform: uppercase;

	text-shadow: none;

	letter-spacing: 0.2rem;

	word-spacing: normal;

	min-width: 7rem;

	min-height: 3rem;

	overflow: hidden;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	text-align: center;

	will-change: background-color;

	transition: background-color 200ms;

}

.base-button:hover {

	background-color: var(--collinz-theme-primary-hover);

	color: var(--collinz-theme-text-primary-on-background);

	text-decoration: none;

}

.base-button span {

	display: -webkit-inline-flex;

	display: -ms-inline-flexbox;

	display: inline-flex;

	line-height: 1.6999999999999997rem;

	cursor: pointer;

	margin: 0;

	text-decoration: none;

	letter-spacing: normal;

	word-spacing: normal;

	text-transform: none;

	text-indent: 0px;

	text-shadow: none;

	letter-spacing: 0.05rem;

	white-space: normal;

}

.base-button:hover span {

	color: var(--collinz-theme-text-primary-on-background);

}

_:-ms-fullscreen,:root .base-button span {

	line-height: 2.0999999999999996rem;

	padding: 0.8499999999999999rem 0;

}

button.base-button span {

	letter-spacing: -0.03rem;

}

.base-button, .base-button--small {

	color: var(--collinz-theme-text-primary-on-background);

}

.base-button--small {

	min-height: 2.5rem;

	min-width: unset;

	max-width: 15rem;

	font-size: 1rem;

	line-height: 1.2rem;

}

.base-button--wide {

	min-width: 40vw;

	max-width: 262px;

}

.base-button span {

	color: var(--collinz-theme-text-primary-on-background);

}

.base-button--orange {

	background-color: #F47A28;

	color: #FFFFFF;

}

.base-button--orange span {

	color: #FFFFFF;

}

.base-button--orange:hover {

	background-color: #D1380F;

	color: #FFFFFF;

}

.base-button--red {

	background-color: #F44336;

	color: #FFFFFF;

}

.base-button--red span {

	color: #FFFFFF;

}

.base-button--red:hover {

	background-color: #B71C1C;

	color: #FFFFFF;

}

.base-button--secondary {

	background-color: var(--collinz-theme-secondary);

	color: #FFFFFF;

}

.base-button--secondary span {

	color: #FFFFFF;

}

.base-button--secondary:hover {

	background-color: var(--collinz-theme-secondary-hover);

	color: #FFFFFF;

}

.base-button--gradient-primary {

	background: linear-gradient(to right, var(--collinz-theme-gradient-primary-left), var(--collinz-theme-gradient-primary-right));

}

.base-button--glow {

	box-shadow: 0 0 30px 5px #FFF;

	will-change: box-shadow;

	transition: box-shadow 200ms;

}

.base-button--glow:hover {

	box-shadow: 0 0 30px 5px var(--collinz-theme-primary-hover);

}

.base-button--rounded {

	border-radius: 1.5rem;

}

.base-button--transparent {

	background-color: transparent;

}



a.base-button {

	color: var(--collinz-theme-text-primary-on-background) !important;

}

a.base-button:hover {

	color: var(--collinz-theme-text-primary-on-background) !important;

}

a.base-button--orange {

	color: #FFFFFF !important;

}

a.base-button--orange:hover {

	color: #FFFFFF !important;

}

.base-button[class*='disabled'] {

	color: #3F3F3F;

	transition: none;

	cursor: inherit;

	background-color: #537EC5;

	pointer-events: none;

}

.base-button.is-disabled, .base-button.is-disabled:hover, .base-button[disabled="disabled"], .base-button[disabled]{

	color: #3F3F3F;

	transition: none;

	cursor: inherit;

	background-color:#537EC5;

}

.base-button.is-disabled span {

	color:#3F3F3F;

}

.base-button--orange.is-disabled, .base-button--orange.is-disabled:hover, .base-button--orange[disabled="disabled"], .base-button--orange[disabled]{

	color: #3F3F3F;

	background-color: #F39422;

}

.base-button--orange.is-disabled span {

	color: #3F3F3F;

}



.banner-button {

	height: 8rem;

}



@media screen and (min-width:768px) {

	.banner-button {

		height: 4rem;

	}

}



a.postlink {

	position: absolute;

	bottom: -2.5rem;

	left: 0;

	width: 100%;

	color: #FFFFFF;

	background: var(--collinz-theme-primary);

	height: 2.5rem;

	line-height: 2.5rem;

	z-index: 3;

	font-size: 80%;

	text-decoration: none;

	text-transform: uppercase;

	text-align: center;

	-webkit-transition: background .3s;

	transition: background .3s;

}



a.postlink:before {

	content: "";

	font-smoothing: antialiased;

	-webkit-font-smoothing: antialiased;

	position: absolute;

	left: 0;

	background: var(--collinz-theme-on-primary);

	width: 40px;

	-webkit-transition: all ease .5s;

	transition: all ease .5s;

	text-align: left;

	z-index: -1;

	padding: 0 0 0 1em;

}



a.postlink:hover:before {

	width: 100%;

}



a.postlink:after {

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 40px 0 0 10px;

	border-color: transparent transparent transparent var(--collinz-theme-on-primary);

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 40px;

}



a[dir='rtl'].postlink {

	background: var(--collinz-theme-primary-hover);

}



a[dir='rtl'].postlink:before {

	left: unset;

	right: 0;

	text-align: right;

	padding: 0 1em 0 0;

}



a[dir='rtl'].postlink:after {

	border-width: 0 0 40px 10px;

	border-color: transparent transparent var(--collinz-theme-on-primary) transparent;

	right: 40px;

}



a.postlink--tall {

	height: 4rem;

	line-height: 4rem;

	font-size: 2rem;

	bottom: 0;

}



a.postlink--tall:before {

	width: 4rem;

	padding: 0 0 0 0.7em;

}



a.postlink--tall:after {

	border-width: 4rem 0 0 1rem;

	left: 4rem;

}



a[dir='rtl'].postlink--tall:before {

	padding: 0 0.7em 0 0;

}



a[dir='rtl'].postlink--tall:after {

	border-width: 0 0 4rem 1rem;

	right: 4rem;

}



a.youtube-postlink:before {

	content: "\f167";

	font-family: "Font Awesome 5 Brands";

	font-weight: 400;

}



a.map-postlink:before {

	content: "\e901";

	font-family: 'collinz-icon' !important;

	font-weight: 900;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



a.map-marked-postlink:before {

	content: "\e900";

	font-family: 'collinz-icon' !important;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



a.enquiries-postlink:before {

	content: "\e902";

	font-family: 'collinz-icon' !important;

	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



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

	.base-button {

		width: 90%;

	}

	.base-button--small {

		width: unset;

	}

	.base-button--wide {

		max-width: 100%;

	}

}

@media screen and (min-width:666px) and (max-width:767px) {

	.base-button span {

		white-space: nowrap;

	}

}

@media screen and (min-width:768px) {

	.base-button {

		min-width: 10rem;

	}

	.base-button span {

		white-space:nowrap;

	}

	.base-button--small {

		min-width: unset;

	}

	.base-button--wide {

		width: 40vw;

		max-width: 262px;

	}

}

@media screen and (min-width:1024px) {

	.base-button--wide {

		width:262px !important;

	}

}



/*************************************************************************************************************************/



.logo {

	background: url('/images/logo.png') no-repeat center;

	background-size: contain;

	height: 14rem;

}



.logo--small {

	height: 11rem;

}



.logo--smaller {

	height: 7rem;

}



.logo-sub--small {

	margin-top: 1.5rem !important;

	height: 6rem !important;

}



.logo-sub--smaller {

	margin-top: 0.5rem !important;

	height: 4rem !important;

}



.logo-tuition {

	background: url('/images/logo-tuition.png') no-repeat center;

	background-size: contain;

	padding: 50%;

}



.logo-school {

	background: url('/images/logo-school.png') no-repeat center;

	background-size: contain;

	padding: 50%;

}



.logo-preschool {

	background: url('/images/logo-preschool.png') no-repeat center;

	background-size: contain;

	padding: 50%;

}



.logo-online-classes {

	background: url('/images/logo-online-classes.png') no-repeat center;

	background-size: contain;

	padding: 40%;

}



.logo-cambridge {

	background: url('/images/cambridge.png') no-repeat center;

	background-size: contain;

	height: 5rem;

}



/* Small devices (tablets, 768px and up) */

@media screen and (min-width:768px) {

	.logo-school {

		padding: 38%;

	}

	.logo-preschool {

		padding: 42%;

	}

	.logo-online-classes {

		padding: 25%;

	}

}



/* Medium devices (desktops, 992px and up) */

@media screen and (min-width:992px) {

	.logo-school {

		padding: 50%;

	}

	.logo-preschool {

		padding: 50%;

	}

	.logo-online-classes {

		padding: 36%;

	}

}



.social {

	display: flex;

}



.social>a {

	color: var(--collinz-theme-secondary);

	margin: 0.8rem !important;

	width: 3rem;

	height: 3rem;

	text-align: center;

	letter-spacing: 0;

	font-size: 0.6rem;

	font-weight: bold;

}



.social>a:before {

	content: unset !important;

}



.social>a:hover {

	text-decoration: none;

}



.icon-fb {

	background: url('/images/icon-fb.svg') no-repeat center;

	background-size: contain;

	height: 100%;

	width: 100%;

}



.icon-ig {

	background: url('/images/icon-ig.svg') no-repeat center;

	background-size: contain;

	height: 100%;

	width: 100%;

}



.icon-youtube {

	background: url('/images/icon-youtube.svg') no-repeat center;

	background-size: contain;

	height: 100%;

	width: 100%;

}



.icon-lg {

	height: 6rem !important;

}



.icon-school-logo {

	background: url('/images/icon-school-logo.png') no-repeat center;

	background-size: contain;

	height: 25px;

	width: 100%;

}



.icon-preschool-logo {

	background: url('/images/icon-preschool-logo.png') no-repeat center;

	background-size: contain;

	height: 25px;

	width: 100%;

}



.icon-tuition-logo {

	background: url('/images/icon-tuition-logo.png') no-repeat center;

	background-size: contain;

	height: 25px;

	width: 100%;

}



.icon-online-class-logo {

	background: url('/images/icon-online-class-logo.png') no-repeat center;

	background-size: contain;

	height: 25px;

	width: 100%;

}



/*************************************************************************************************************************/



article.article {

	position: relative;

	height: 300px;

	margin-bottom: 30px;

	overflow: hidden;

}



article a:hover {

	text-decoration: none;

}



article a.article-thumbnail {

	line-height: 0;

	height: 100%;

	background-position: center;

	position: absolute;

}



article a.article-postlink {

	border-bottom: solid 1px transparent;

	-webkit-transition: all ease .5s;

	transition: all ease .5s;

	z-index: auto;

}



article a.article-postlink:hover {

	border-bottom: solid 1px var(--collinz-theme-text-primary-on-background);

}



article .article-data {

	position: absolute;

	top: 246px;

	background: var(--collinz-theme-primary-translucent);

	-webkit-transition: all ease 0.5s;

	transition: all ease 0.5s;

}



article .article-data .article-title {

	color: var(--collinz-theme-text-primary-on-background);

	font-size: 17px;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

	display: block;

	position: relative;

}



article .article-data .article-title a {

	display: block;

	color: var(--collinz-theme-text-primary-on-background);

	padding: 15px;

}



article .article-data .article-summary {

	letter-spacing: 1px;

	margin: 13px 30px 15px;

	letter-spacing: 1px;

	height: 110px;

	overflow: hidden;

	opacity: 0;

	-webkit-transition: all ease 1s;

	transition: all ease 1s;

	color: var(--collinz-theme-text-primary-on-background);

	font-size: 17px;

	text-align: center;

	overflow-y: scroll;

}



article .article-data .article-summary::-webkit-scrollbar {

	display: none;

}



article .article-data .article-body, article .article-data .article-summary {

	opacity: 0;

	-webkit-transition: all ease 1s;

	transition: all ease 1s;

	color: var(--collinz-theme-text-primary-on-background);

	font-size: 17px;

	text-align: center;

}



article .article-data .article-body a {

	color: var(--collinz-theme-text-primary-on-background);

	display: inline-block;

	position: relative;

	font-size: 15px;

}



article .article-data .article-body a:after {

	content: "";

	display: block;

	position: absolute;

	width: 0;

	height: 1px;

	-webkit-transition: all ease .5s;

	transition: all ease .5s;

	background: #fff;

}



article:hover .article-data {

	top: 0;

	bottom: 0;

}



article:hover .article-data .article-body,

article:hover .article-data .article-summary {

	opacity: 1;

}



article:hover .article-data .article-title {

	padding-top: 30px;

}



article.testimonial {

	position: relative;

	height: 500px;

	margin-bottom: 30px;

	overflow: hidden;

	cursor: pointer;

}



article .testimonial-thumbnail {

	height: 100%;

	background-position: center;

	background-size: cover;

}



article .testimonial-data {

	position: absolute;

	padding-left: 1.5rem!important;

	padding-right: 1.5rem!important;

	top: 500px;

	background: var(--collinz-theme-secondary-translucent);

	-webkit-transition: all ease 0.5s;

	transition: all ease 0.7s;

	opacity: 0;

	width: 100%;

}



article .testimonial-data .testimonial-title {

	margin-top: 50px;

	color: var(--collinz-theme-primary);

	font-size: 2rem;

	font-weight: 600;

	line-height: 2rem;

	width: 100%;

	display: block;

	position: relative;

	margin-bottom: 1rem;

}



article .testimonial-data .testimonial-summary {

	margin-bottom: 5px;

	letter-spacing: 1px;

	color: var(--collinz-theme-primary);

	font-weight: bold;

}



article .testimonial-data .testimonial-summary,

article .testimonial-data .testimonial-body {

	font-size: 0.9rem;

	line-height: 1rem;

}



article .testimonial-data .testimonial-body {

	font-weight: lighter;

}



article:hover .testimonial-data {

	top: 0;

	bottom: 0;

	opacity: 1;

}



.student-testimonial-container {

	width: calc(100% - 64px);

}



article.parent-testimonial {

	position: relative;

	margin: 0 32px;

}



article.parent-testimonial .comma {

	position: absolute;

    width: 60px;

    height: 60px;

    border-radius: 100%;

    border: 1px #ffffff solid;

    display: flex;

    align-items: center;

    justify-content: center;

    left: -30px;

    top: 64px;

    z-index: 5;

}



article.parent-testimonial .comma img {

	width: 24px;

}



.owl-item:nth-child(3n + 1) article.parent-testimonial .comma {

	background-color: #34d399;

}



.owl-item:nth-child(3n + 2) article.parent-testimonial .comma {

	background-color: #60a5fa;

}



.owl-item:nth-child(3n + 3) article.parent-testimonial .comma {

	background-color: #f472b6;

}



article.parent-testimonial .parent-testimonial-data {

    background-color: #ffffff;

	clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);

	padding: 32px;

}



article.parent-testimonial .parent-testimonial-title {

	color: #3c3c3c;

	padding-top: 32px;

	font-size: 24px;

	font-weight: 700;

	text-align: center;

}



article.parent-testimonial .parent-testimonial-body {

	color: #3c3c3c;

	padding-bottom: 32px;

	font-size: 14px;

	font-weight: 400;

	text-align: center;

	line-height: 18px;

}



@media (min-width: 768px) {

	.parent-owl-carousel.owl-carousel .owl-nav .owl-prev {

		left: -0.5rem;

	}



	.parent-owl-carousel.owl-carousel .owl-nav .owl-next {

		right: -0.5rem;

	}

}



/*************************************************************************************************************************/



article.stories {

	float: left;

	margin-bottom: 30px;

	padding: 0 1rem;

	color: var(--collinz-theme-text-primary-on-light);

}



article .stories-container {

	height: 500px;

	position: relative;

	background: #FFF;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}



article .stories-thumbnail {

	height: 200px;

	background-size: cover;

	background-repeat: no-repeat;

	margin-bottom: 40px;

}



article .stories-data .stories-title a {

	color: var(--collinz-theme-primary);

	-webkit-transition: color ease .5s;

	transition: color ease .5s;

}



article .stories-data .stories-title a:hover {

	color: var(--collinz-theme-primary-hover);

}



article .stories-data {

	padding-left: 1.5rem!important;

	padding-right: 1.5rem!important;

}



article .stories-data .stories-title {

	color: var(--collinz-theme-primary);

	font-size: 1.5rem;

	line-height: 2rem;

	font-weight: 600;

	width: 100%;

	display: block;

	position: relative;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



article .stories-data .stories-body {

	overflow: hidden;

	position: relative;

	font-size: 0.9rem;

	line-height: 1rem;

	font-weight: lighter;

	max-height: 11rem;

	margin-right: -1em;

	padding-right: 1em;

}



article .stories-data .stories-body:before {

	content: '...';

	position: absolute;

	right: 1em;

	bottom: 0;

	background: white;

}



article .stories-data .stories-body:after {

	content: '';

	position: absolute;

	right: 1em;

	width: 0.8em;

	height: 1.1em;

	margin-top: -1em;

	background: white;

}



article a.stories-postlink {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	color: #FFFFFF;

	background: var(--collinz-theme-primary);

	padding: 0 1em;

	height: 2.5rem;

	line-height: 2.5rem;

	z-index: 3;

	text-decoration: none;

	text-align: right;

	-webkit-transition: background .3s;

	transition: background .3s;

}



article a.stories-postlink:before {

	content: "Read More";

	font-weight: normal;

	position: absolute;

	left: 0;

	background: var(--collinz-theme-on-primary);

	width: 110px;

	-webkit-transition: all ease .5s;

	transition: all ease .5s;

	text-align: left;

	z-index: -1;

	padding: 0 0 0 1em;

}



article a.stories-postlink:hover:before {

	width: 100%;

}



article a.stories-postlink:after {

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 40px 0 0 20px;

	border-color: transparent transparent transparent var(--collinz-theme-on-primary);

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 110px;

}



/*************************************************************************************************************************/



.title {

	margin: 0 auto 0.5em;

	padding: 0.25em 0;

	text-align: center;

	text-transform: uppercase;

	font-size: 2rem;

	line-height: 2rem;

}



.title:after {

	content: "";

	display: block;

	border-bottom: solid 2px var(--collinz-theme-primary);

	width: 80%;

	max-width: 380px;

	margin: 5px auto 0;

	z-index: -1;

}



.title--facts {

	font-weight: 900;

	font-size: 4.4rem;

	line-height: 4rem;

}



.title--primary:after {

	border-bottom: solid 2px var(--collinz-theme-secondary);

}



.title--primary {

	color: var(--collinz-theme-primary);

	text-transform: uppercase;

}



.title--secondary {

	color: var(--collinz-theme-secondary);

	text-transform: uppercase;

}



.title-section {

	display: flex;

	color: var(--collinz-theme-primary);

	margin: 0 auto 0.5em;

	padding: 0.25em 0;

	text-align: left;

	text-transform: uppercase;

	font-size: 2rem;

	line-height: 2.4rem;

}



/*************************************************************************************************************************/



/* Stories gallery */

.stories-image-gallery {

	background-color: #ffffff;

	padding: 16px;

}



.stories-image-gallery .slider-wrapper {

	padding-top: 58%;

	position: relative;

	margin-bottom: 16px;

}

.stories-image-gallery .slider-for img,

.stories-image-gallery .slider-nav img {

	width: 100%;

	height: auto;

	border-radius: 8px;

}



.stories-image-gallery .slider-for {

	width: 100%;

	height: 100%;

	margin: 0 auto 20px;

	display: flex;

	align-items: center;

	justify-content: center;

	overflow: hidden;

	position: absolute;

	top: 0;

	left: 0;

}



.stories-image-gallery .slick-list, .stories-image-gallery .slick-track {

	height: 100%;

}



.stories-image-gallery .slider-for .slick-slide {

	display: flex !important;

	justify-content: center;

	align-items: center;

}



.stories-image-gallery .slider-for img {

	width: auto;

	height: 100%;

	max-width: 100%;

	max-height: 100%;

	object-fit: contain;

	cursor: pointer;

}



.stories-image-gallery .slider-nav {

	width: 100%;

	margin: 0 auto;

}



.stories-image-gallery .slider-nav .slick-slide {

	margin: 0 5px;

}



.stories-image-gallery .slider-nav img {

	height: 80px;

	object-fit: cover;

	border: 2px solid transparent;

	cursor: pointer;

}



.stories-image-gallery .slider-nav .slick-current img {

	border-color: #ff9800;

}



.stories-image-gallery .slider-nav {

	padding: 0 8px;

}



.stories-image-gallery .slick-prev, .stories-image-gallery .slick-next {

	z-index: 5;

}



.stories-image-gallery .slick-prev:before, .stories-image-gallery .slick-next:before {

	color: #000000;

    font-weight: 900;

	font-size: 32px;

	font-family: "Font Awesome 5 Free";

}



.stories-image-gallery .slick-prev:before {

	content: "\f0d9";

}



.stories-image-gallery .slick-next:before {

	content: "\f0da";

}



.stories-image-gallery .slick-prev {

	left: 20px;

}



.stories-image-gallery .slick-next {

	right: 20px;

}



.stories-image-gallery .slider-nav .slick-prev {

	left: -8px;

}



.stories-image-gallery .slider-nav .slick-next {

	right: -8px;

}



.stories-image-gallery-modal .modal-content .content img {

    width: 100%;

    height: 100%;

    max-width: 90vw;

    max-height: 90vh;

}



.modal .overlay {

	background-color: rgba(0,0,0,0.5);

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.modal .modal-content {

	display: table-cell;

	background: transparent;

	vertical-align: middle;

	text-align: center;

}



.modal .modal-content .content {

	width: max-content;

	margin: auto;

	position: relative;

}



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

	.stories-image-gallery .slider-wrapper {

		padding-top: 100%;	

	}

}



/*************************************************************************************************************************/



#main-footer {

	color: #3F3F3F;

}



#main-footer .copyright {

	font-size: .8rem;

	line-height: 1rem;

	text-align: center;

}



/*************************************************************************************************************************/



body.theme_main #main-body.main .img-main {

	min-height: 480px;

	background: url('/images/main.jpg') no-repeat center bottom;

	background-size: cover;

	z-index: 0;

}



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

	body.theme_main #main-body.main .img-main {

		background: url('/images/main.jpg') no-repeat center bottom;

		background-size: cover;

	}

}



/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

	.container, .container-lg, .container-md, .container-sm, .container-xl {

		max-width: 1440px;

	}

}



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

	#main-page {

		padding-bottom: 80px;

	}

	#main-header #header {

		top: unset;

		bottom: 0;

	}

	#main-header .navbar-brand-xs {

		margin-top: 0!important;

	}

	#open-day-button {

		bottom: 215px;

	}

	#whatsapp-contact, #whatsapp-contact-button {

		bottom: 135px;

	}

	.back-to-top {

		bottom: 85px;

	}

}