@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wdth,wght@75..125,300..700&display=swap');

body{
    font-family: "Geologica", sans-serif;
    color: #3E5558;
    font-size: 16px;
    font-weight: 300;
    overflow-x: hidden;
}
.color1{
  color: #03181B !important;
}
h1{
    font-size: 52px;
    color: #03181B;
}
h2{
    font-size: 46px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 16px;
    color: #03181B;
}
h3{
    font-size: 32px;
    font-weight: 500;
    color: #03181B;
    line-height: 1.2;
}
h4{
    font-size: 22px;
    line-height: 1.2;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Fredoka", sans-serif;
}
h6{
  color: #03181B;
}

section{
    margin: 120px 0 0;
}

.heading-two{
    width: 52%;
    margin-bottom: 16px;
}
.heading-three{
    width: 40%;
}
.heading-four{
    width: 75%;
}
section.no-background{
    background: none;
    padding-top: 80px;
}
.header-innerpage.no-background{
    background: none;
    padding-top: 20px;
}
.contact-head-bg iframe{
    width: 100%;
    border: solid 2px #CAF1FF;
    border-radius: 32px;
}
.rounded-bor{
  border-radius: 32px;
}
.rounded-bor-20{
  border-radius: 20px;
}
.events-img-thumb {
  width: 50%;
  height: fit-content;
}

.container{
    max-width: 1255px;
}
button, button:hover{
    border: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a, a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	color: #081E2A;
}
.blue-box-grad{
    background: linear-gradient(to bottom,  #caf1ff 0%,#ffffff 100%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 25px;
}
.pink-box-grad{
    background: linear-gradient(to bottom,  #FFDAF2 0%,#ffffff 100%);
}


/* Header Section */
.navbar-brand img,
.footer-ul-one img {
	width: 162px;
}
header{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#caf1ff+0,ffffff+100 */
background: linear-gradient(to bottom,  #D6EDD9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding:  30px 0 0;
}
.dropdown:hover .dropdown-menu {
    display: block;
}

.banner-sec{
    background: url('../images/banner-path.png') no-repeat 58% center;
    position: relative;
    margin: 40px 0;
}
.banner-sec:after {
    position: absolute;
    left: -11%;
    bottom: -18%;
    content: '';
    width: 260px;
    height: 243px;
    /*background: url('https://placehold.co/520x485/000/fff') no-repeat left bottom;*/
    background-size: contain;
}
.banner-sec h1{
    color: #03181B;
    font-size: 52px;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 20px;
}
.banner-sec p{
    color: #3E5558;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}
.main-btn{
    color: #ffffff;
    font-size: 16px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #19CADE;
    border-radius: 30px;
    box-shadow: rgba(22, 97, 220) 0px 7px 0px -2px;
    display: inline-block;
    margin: 10px 0 40px;
    padding: 14px 55px;
}
.main-btn:hover{
    background: #1661DC;
    color: #ffffff;
}


.cat-div{
    display: flex;
    justify-content : center;
    align-items : center;
    margin-top: 73px;
  }
  .cat-img {
    mask-image: url('../images/application-journey-bg.png');
    mask-mode: alpha;
    mask-repeat: no-repeat;
    mask-size: 100%;
    max-width : 600px;
    width : 100%;
    border-radius: 32px;
  }


  

.banner-btm-img{
    position: absolute;
    bottom: 0;
    left: 0;
}
.banner-right-img {
	margin-left: 15px;
	width: 100%;
  border-radius: 32px;
}
.blue-patch{
    background: #1661DC;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    padding: 50px;
    font-weight: 500;
    position: absolute;
    top: 42%;
    right: -8%;
    width: 190px;
    height: 190px;
}
.blue-patch h4{
    font-size: 50px;
    font-family: "Fredoka", sans-serif;
    margin-bottom: 0;
}
.blue-patch h5{
    font-size: 16px;
    font-weight: 300;
    font-family: "Geologica", sans-serif;
}
.green-patch{
    background: #16DC91;
    top: 70%;
    right: 8%;
}

/* Header Navigation */
nav.navbar {
	padding: 0;
}
nav .navbar-nav .nav-item {
    margin-right: 20px;
}
.navbar-nav{
    text-align: center;
    margin-left: auto;
}
.navbar-light .navbar-nav .nav-link {
    color: #3E5558;
    background: #ffffff;
    border-radius: 36px;
    padding: 10px 23px;
    font-family: "Geologica", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #3E5558;
    box-shadow: none;
    border: solid 1px #61D836;
    transition: all 0.3s ease-in-out;
}
.dropdown-menu li a.dropdown-item{
  font-weight: 300;
  font-size: 14px;
  color: #3E5558;
  padding: .5rem 1rem;
  border-radius: 8px;
}
.dropdown-menu li a.dropdown-item:hover{
  background: #caf1ff;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover{
    border: solid 1px #19CADE;
    transition: all 0.3s ease-in-out;
}
.dropdown-toggle::after {
    content: '\e64b';
    font-size: 8px;
    font-family: themify;
    border: none;
    background: #1661DC;
    border-radius: 6px;
    padding: 0px 4px;
    line-height: 16px;
    color: #ffffff;
    margin-left: 8px;
}
nav .navbar-nav .nav-item .dropdown-menu {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #ffffff;
    border-radius: 12px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: none;
    min-width: 100%;
}

.contact-phone a {
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    padding: 8px 10px 8px 20px;
    display: flex;
    border: solid 1px #61D836;
    border-radius: 30px;
    line-height: 27px;
}
.contact-phone a svg {
    font-size: 12px;
    color: #ffffff;
    background-color: #61D836;
    border-radius: 100%;
    padding: 8px;
    margin-left: 14px;
}
/* Learning Section */
.learning-sec h3{
    font-size: 24px;
    font-weight: 500;
    margin-top: 15px;
    color: #03181B;
}
.learning-sec p {
  margin: 0;
	padding: 0 45px;
	color: #3E5558;
	font-size: 16px;
	line-height: 22px;
}
.learning-sec-img{
    width: 120px;
}

/* Age Group Section */
.age-box p {
    margin-top: 25px;
    margin-bottom: 0;
    padding: 8px 40px;
    color: #ffffff;
    font-size: 16px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
    background: #E921C5;
    border-radius: 30px;
    display: inline-block;
}
p.age-box-blue {
    background: #1661DC;
    margin-left: 8px;
}
.blue-box-grad .age-box p {
    background: #03181B;
}
.blue-box-grad h3 {
	font-size: 24px;
	font-weight: 500;
	color: #03181B;
  margin: 10px 0 0;
}
.blue-box-grad ul {
    list-style: none;
    margin: 15px 0 0;
    padding: 0;
}
.blue-box-grad ul li {
    color: #3E5558;
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 10px;
    position: relative;
    padding: 0 0 0 25px;
    line-height: 23px;
}
.blue-box-grad ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url('../images/blue-arrow-path.svg') no-repeat left center;
    width: 18px;
    height: 26px;
    background-size: contain;
}
.pink-box-grad ul li:before {
    background: url('../images/pink-arrow-path.png') no-repeat left center;
    background-size: contain;
    width: 22px;
    height: 25px;
}
.blues-box-grad ul li:before {
    background: url('../images/blues-arrow-path.png') no-repeat left center;
    background-size: contain;
}

/* FAQ Section */
.faq-section {
	background:  url('../images/faq-bg.png') no-repeat top center;
  background-size: cover;
	position: relative;
	margin: 100px 0 125px;
  padding: 130px 0 0;
	width: 100%;
}
/* .faq-section::before {
	position: absolute;
	top: -22%;
	content: '';
	width: 126%;
	height: 100%;
	z-index: -2;
	border-radius: 100% 100% 0 0 !important;
	background: #FFFCDE;
	left: -14%;
} */
.faq-section:after {
    background: url('../images/faq-bg-btm.png') no-repeat top center;
    background-size: 100%;
    position: absolute;
    bottom: -50px;
    content: '';
    width: 100%;
    height: 62px;
    z-index: -2;
}
.faq-img-art {
    margin-bottom: -35px;
    border-radius: 32px;
}
.accordion-item,
.accordion-item:not(:first-of-type) {
    margin-bottom: 15px;
    padding: 10px 15px 15px;
    border: solid 1px #CAF1FF;
    border-radius: 30px;
}
.accordion-item:last-child{
    margin-bottom: 0;
}
.accordion-item:first-of-type .accordion-button,
.accordion-item:first-of-type,
.accordion-item:last-of-type {
    border-radius: 30px;
}
.accordion-item .accordion-button {
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-size: 24px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
    line-height: 25px;
    color: #03181B;
    margin: 0;
    padding: 0;
}
.accordion-item .accordion-body{
    font-size: 16px;
    font-weight: 300;
    color: #3E5558;
    margin: 10px 0 0 0;
    padding: 0;
}
.accordion-item .accordion-button::after {
    background-image: none;
    content: '\e61a';
    font-family: themify;
    font-size: 18px;
    font-weight: 800;
    background-color: #19CADE;
    padding: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    text-align: center;
    border-radius: 100%;
}
.accordion-item .accordion-button:not(.collapsed)::after{
    content: '\e622';
}
.accordion-item.active-item{
    border-color: #1661DC;
}


/* Team Section */
.team-sec h3{
    font-size: 24px;
    color: #03181B;
    margin: 15px 0;
}
.team-sec img{
	width: 275px;
	height: 100%;
	object-fit: cover;
	border-radius: 32px;
}
.team-sec a{
    background: #B6FFD3;
    color: #3E5558;
    font-size: 16px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
    border-radius: 30px;
    padding: 10px 35px;
}
.team-sec a.assistant-tea{
    background: #FCF6BD;
}
.team-sec a.art-tea{
    background: #FFC3DF;
}
.team-sec a.art-blue{
    background: #CAF1FF;
}
.team-sec a.art-pink{
    background: #FFC3DF;
}
.timer-main{
    width: 100%;
    margin-top: 15px;
}
.days-div {
    float: left;
    padding: 0 10px;
}
.days-div span{
    color: #1661DC;
    font-size: 52px;
    line-height: 60px;
}
.days-div h6{
    color: #1661DC;
    font-size: 52px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
    margin: 0;
}
.days-div p{
    color: #3E5558;
    font-size: 14px;
    font-weight: 300;
}
.enroll-sec-box{
    padding: 80px;
    position: relative;
    z-index: 0;
}
.enroll-sec-box::after {
	/*background: url('https://placehold.co/520x485/000/fff') no-repeat center bottom;*/
	position: absolute;
	left: 38%;
	bottom: 0;
	content: '';
	width: 314px;
	height: 250px;
	z-index: -1;
	background-size: contain;
	/* right: 0; */
	text-align: center;
}
.timer-form input{
    border: solid 2px #CAF1FF;
    border-radius: 30px;
    padding: 12px 30px;
    color: #8E999B;
    font-size: 18px;
    font-weight: 300;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('../images/calendar.png') no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}
.timer-form textarea{
    border: solid 2px #CAF1FF;
    border-radius: 30px;
    padding: 12px 30px;
    color: #8E999B;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    height: 180px;
}
.timer-form .form-control:focus{
    box-shadow: none;
    border: solid 2px #1661DC;
}



/* Testimonial Section */
section.testimonial-sec {
    padding: 0px 0 30px;
}
.rating-stars {
    color: #FFDA2D;
}
.rating-stars svg {
    margin-right: 3px;
}
.testimonial {
    margin-top: 20px;
    padding-right: 30px;
}
.testimonial h4{
    font-size: 24px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
    color: #03181B;
    margin: 12px 0;
}
.testimonial p{
    font-size: 18px;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    color: #3E5558;
    margin: 0 0 12px;
}
.testimonial h5{
    font-size: 16px;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    color: #3E5558;
    margin: 20px 0 12px;
}
.owl-prev, .owl-next {
    position: absolute;
    bottom: -30%;
    transform: translateY(-50%);
    background: #ffffff !important;
    border: solid 1px #1661DC;
    color: #1661DC !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    padding: 5px 9px !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.owl-prev:hover, .owl-next:hover{
    background: #1661DC !important;
    color: #ffffff !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.owl-prev {
    left: 0px;
}
.owl-next {
    left: 4%;
}
.testimonial-sec .owl-dots {
    display: none;
}
.rating-stars .fas{
    color: #FFDA2D;
}

.contact-form-sec p{
  font-size: 18px;
}


/* Gallery Section */
.gallery-section{
    background: url('../images/gallery-bg.png') no-repeat center top;
    background-size: 100%;
    padding-top: 160px;
}
.photos {
    width: 100%;
    margin: 0;
    padding: 0;
}
.photos .item{
    float: left;
    margin: 15px 15px 0 0;
}
.effect-image-1{
	position: relative;
	display: block;
}
.effect-image-1 img {
	border-radius: 32px;
}

.overlay{
    content: '\f002';
    font-family: "FontAwesome";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(0,0,0,.2);
    border-radius: 10%;
	opacity: 0;
	visibility: hidden;
   transition: all .4s linear;
   -webkit-transition: all .4s linear;
   -moz-transition: all .4s linear;
   -o-transition: all .4s linear;
}
.simple-overlay{
    opacity: 0;
    visibility: hidden;
}
.effect-image-1:hover .simple-overlay{
    visibility: visible;
    opacity: 1;
}
.overlay img {
    position: absolute;
    left: 43%;
    top: 42%;
    margin: 0 auto;
}
.lightbox .lb-data .lb-close {
	background-size: cover;
}

/* Timings Section */
.timing-section{
    margin: 120px 0;
}
.timing-section-cont{
    background: url('https://placehold.co/715x524/000/fff') no-repeat right bottom;
    background-size: 45%;
}
.time p{
    margin: 0 15px 8px 0;
    color: #1661DC;
    font-size: 18px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
}
.description{
    margin: 0;
    color: #03181B;
    font-size: 16px;
    font-family: "Fredoka", sans-serif;
    font-weight: 500;
}


/* Footer Section */
footer{
    background: url('../images/footer-bg.png') no-repeat top center;
    background-size: 100% 100%;
    margin: 120px 0 0;
    padding: 100px 0 30px;
    width: 100%;
    position: relative;
    z-index: 999;
}

.footer-path-img-bg{
  position: relative;
  width: 100%;
  z-index: 999;
  margin-bottom: 80px;
  padding: 80px 0 100px;
}
.footer-path-img-bg::after{
    background-image: url('../images/footer-elements-arts.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
}

.footer-div h5{
    font-size: 18px;
    font-weight: 500;
    font-family: "Fredoka", sans-serif;
    color: #03181B;
    margin: 10px 0 20px;
}
.footer-div p{
    font-size: 14px;
    font-weight: 300;
    color: #3E5558;
}
.footer-ul-one{
    width: 21%;
}
.footer-ul-one ul{
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}
.footer-ul-one ul li{
    list-style: none;
    display: inline-block;
    margin-right: 8px;
}
.footer-ul-one ul li a {
    color: #ffffff;
    background: #1661DC;
    padding: 0;
    display: inline-block;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}
.footer-ul-two{
    width: 20%;
}
.footer-ul-two p, .footer-ul-two p a, .footer-ul-three p, .footer-ul-three p a{
    color: #03181B;
    font-size: 16px;
    font-weight: 500;
    font-family: "Fredoka", sans-serif;
    background: #ffffff;
    padding: 6px 20px;
    border-radius: 30px;
    width: auto;
    display: inline-block;
}
.footer-ul-two p a{
    color: #03181B;
    padding: 0px 0px;    
}
.footer-ul-three{
    width: 27%;
}
.open-hours ul{
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    width: 52%;
    float: left;
}
.open-hours ul:first-child{
    width: 42%;
}
.open-hours ul li {
	list-style: none;
	display: block;
	margin-bottom: 8px;
	color: #3E5558;
	font-size: 14px;
	font-weight: 300;
}
.open-hours ul:last-child li {
	font-weight: 500;
	color: #03181B;
	font-size: 15px;
}
.footer-ul-four{
    width: 32%;
    background: #ffffff;
    border-radius: 30px;
    padding: 25px;
    position: relative;
}
.footer-ul-four:before {
    position: absolute;
    top: -67px;
    right: -50px;
    content: '';
    background: url('../images/Oeffnungszeiten.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 149px;
    height: 121px;
}
.footer-ul-four h5{
    margin-top: 0;
}
.footer-ul-four p{
    font-size: 16px;
}
.form-group{
    position: relative;
}
.form-group input {
    border: solid 1px #CAF1FF;
    border-radius: 30px;
    color: #8E999B;
    font-size: 18px;
    font-weight: 300;
    padding: 15px 20px;
}
.form-group button {
    position: absolute;
    right: 8px;
    top: 6px;
    content: '';
    background: #19CADE;
    border-radius: 100%;
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
}
.copyrights-sec{
    margin-top: 50px;
}
.copyrights-sec p{
    color: #3E5558;
    font-size: 14px;
    font-weight: 300;
}
.copyrights-sec ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.copyrights-sec ul li{
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    display: inline-block;
}
.copyrights-sec ul li a{
    color: #3E5558;
    font-size: 14px;
    font-weight: 300;
    background: #ffffff;
    border: solid 1px #CAF1FF;
    border-radius: 30px;
    margin: 0;
    padding: 5px 20px;
}
.copyrights-sec ul li a.active,
.copyrights-sec ul li a:hover{
    border: solid 1px #19CADE;
    transition: all 0.3s ease-in-out;
}

/* Index2 Page */
.indextwo-banner-sec {
	position: relative;
	margin: 30px 40px 0;
}
.indextwo-banner-sec::before {
	background: url('https://placehold.co/2000x1333/000/fff') no-repeat center left;
	background-size: auto;
	border-radius: 30px;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.indextwo-banner-main{
    position: relative;
    margin: 360px 0 70px;
    display: inline-block;
    width: 100%;
}
.indextwo-banner-head{
    background: #CAF1FF;
    border-radius: 30px;
    margin: 0;
    padding: 20px 30px;
}
.indextwo-banner-head h1{
    font-size: 52px;
    line-height: 53px;
}
.indextwo-banner-txt {
    background: #FCF6BD;
    border-radius: 30px;
    color: #03181B;
    padding: 20px 30px;
    display: inline-block;
    position: absolute;
    bottom: 0;
}
.indextwo-banner-txt p {
	float: left;
	margin: 0;
	width: 50%;
	color: #3E5558;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
}
.service-holistic-sec h3{
	color: #03181B;
	font-size: 32px;
	font-weight: 500;
	line-height: 24px;
  font-family: "Fredoka", sans-serif;
  margin-bottom: 15px;
}

/* Learning Program Section */
.learning-pro-sec {
    margin: 30px 0 0;
    padding: 0px 0 88px;
    float: left;
    width: 100%;
}
.learning-steps{
    background: linear-gradient(to bottom,  #ffdaf2 0%,#ffeffa 100%); 
    border-radius: 30px;
    padding: 20px 30px;
    width: 100%;
    float: left;
}
.learning-steps ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.learning-steps ul li{
    width: auto;
    float: left;
    margin: 0 18px 0 0;
    padding: 0 0 0 22px;
    background: url('../images/pink-arrow-path.png') no-repeat left center;
    background-size: 20px;
    font-size: 24px;
    font-weight: 500;
    font-family: "Fredoka", sans-serif;
    color: #03181B;
}

/* Fostering Section */

.fostering-section {
	position: relative;
	margin: 120px 0 100px;
	padding: 80px 0 40px;
	width: 100%;
  background: url('../images/blue-curve.png') no-repeat top center;
  background-size: cover;
}
.fostering-section:after {
	position: absolute;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	z-index: -2;
    background-image: url('../images/index2-images/fostering-bg.png');
    background-repeat: no-repeat;
    background-position: 60% 90%;
    background-size: 25%;
}
.greenbox-overlap {
	position: absolute;
  margin: 95px 0 0 0;
}

.greenbox-openhours{
    background: #B6FFD3;
    border-radius: 30px;
    padding: 25px 20px;
    display: inline-block;
    width: 100%;
}
.greenbox-openhours h5{
  color: #03181B;
  font-size: 18px;
  font-weight: 500;
}
.greenbox-openhours img{
    width: 100%;
}
.greenbox-openhours iframe{
    width: 100%;
    height: 280px;
    border-radius: 20px;
}
.greenbox-openhours .open-hours ul:first-child {
    width: 48%;
}

/* Testimonials Section */
.testimonial-sec-in {
	margin-bottom: 110px;
}
.testimonial-sec-in .carousel {
	margin: 30px 0 0 0;
}
.carousel-inner .carousel-item {
    text-align: center;
    color: #333;
  }
  .carousel-inner .carousel-item p{
    width: 50%;
  }
  
  .carousel-inner .carousel-item img {
    border-radius: 50%;
    max-width: 100px;
    margin: 20px auto;
  }
  .carousel-inner .carousel-item h5 {
    font-size: 18px;
    font-weight: 500;
    color: #3E5558;
    margin: 20px 0;
  }
  .carousel-inner .carousel-item .stars svg {
    color: #ffcc00;
    margin: 0 3px 20px;
  }
  .carousel-inner .carousel-item p {
    margin: 0 auto;
    color: #3E5558;
    font-size: 18px;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon{
    background-image: none;
    color: #1661DC;
    border: solid 1px #1661DC;
    background-color: #ffffff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
 .carousel-control-next, .carousel-control-prev{
    opacity: 1;
    align-items: normal;
    margin-top: 24px;
}
.carousel-control-prev-icon:hover, 
.carousel-control-next-icon:hover{
    background: #1661DC;
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
  .testimonial-thumbnails {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .testimonial-thumbnails img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 0 10px;
    cursor: pointer;
    transition: transform 0.2s;
  }
  .testimonial-thumbnails img:hover,
  .testimonial-carousel .carousel-item.active .testimonial-thumbnails img {
    transform: scale(1.3);
    opacity: 1;
  }
  .carousel-inner {
	margin: 110px 0 0;
}
  .carousel-indicators{
    top: 0;
  }
  .carousel-indicators [data-bs-target] {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	margin-left: 10px;
	opacity: 1;
    text-indent:0;
    transition: transform 0.5s;
}
.carousel-indicators [data-bs-target] img {
	width: 100%;
    transition: transform 0.5s;
}
.carousel-indicators .active img{
    transform: scale(1.3);
    opacity: 1;
    transition: transform 0.5s;
}

  /* Investment Section */
.green-box-grd {
    background: linear-gradient(to bottom,  #C4FFDB 0%,#ffffff 100%);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 25px;
    position: relative;
}
.green-box-grd:after {
    background: url('../images/index2-https:/placehold.co/240x160/000/fff') no-repeat left bottom;
    position: absolute;
    content: '';
    bottom: -12%;
    left: -20%;
    z-index: 999;
    width: 244px;
    height: 180px;
}
.green-box-grd ul{
    border-bottom: solid 1px #16DC91;
    list-style: none;
    margin: 0 0 5px;
    padding: 0 0 10px;
    display: inline-block;
    width: 100%;
}
.green-box-grd ul:last-child{
    border: none;
}
.green-box-grd ul li{
    list-style: none;
    font-size: 24px;
    font-weight: 500;
    font-family: "Fredoka", sans-serif;
    color: #03181B;
    float: left;
}
.green-box-grd ul li span{
    font-size: 14px;
    font-weight: 400;
    color: #3E5558;
    display: block;
}
.green-box-grd ul li:last-child{
    font-size: 32px;
    float: right;
}
.litepink-box-grd {
    background: linear-gradient(to bottom,  #FCF6BD 0%,#ffffff 100%);
    position: relative;
}
.litepink-box-grd ul{
    border-bottom: solid 1px #FFDA2D;
}
.green-box-grd.litepink-box-grd:before {
    background: url('https://placehold.co/540x420/000/fff') no-repeat right top;
    background-size: contain;
    position: absolute;
    content: '';
    right: -12%;
    top: -40%;
    z-index: 999;
    width: 282px;
    height: 229px;
}
.green-box-grd.litepink-box-grd::after {
    background-image: none;
}

/* No Bounds Section */
.no-bounds-sec {
	padding: 20px 0 0;
}
.no-bounds-sec h3 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 15px;
}


/* Events Craft Section */
.event-date {
    background: #B6FFD3;
    border-radius: 30px;
    color: #3E5558;
    font-size: 14px;
    padding: 5px 15px;
    float: left;
}
.event-time {
    margin: 5px 0 0 16px;
    display: inline-block;
    font-size: 14px;
}
.event-time svg {
    color: #1661DC;
    font-size: 15px;
    font-size: 14px;
}

/* Userful Tips Section */

.usefultips-redbg{
    background: #FCF6BD;
    border-radius: 32px;
    padding: 20px;
}
.user-date-sec .user-sec{
    display: inline;
    color: #3E5558;
    font-size: 14px;
    font-weight: 300;
    margin-right: 15px;
}
.user-date-sec h6{
    color: #03181B;
    font-size: 32px;
    font-weight: 500;
    margin: 0;
}
.user-date-sec h6.usefultip-headsmall{
    font-size: 24px;
}
.user-date-sec a.readmore-arw {
	width: auto;
	float: left;
	margin: 25px 0 0 0;
	padding: 0 30px 0 0;
	background: url('../images/blues-arrow-path.png') no-repeat right center;
    background-size: 15%;
	font-size: 16px;
	font-weight: 500;
	font-family: "Fredoka", sans-serif;
	color: #1661DC;
    text-transform: uppercase;
}

/* Inner Pages */
.header-transperant{
    background: none;
}
.header-innerpage{
    /*background: linear-gradient(to bottom,  #caf1ff 0%,#ffffff 60%); */
    border-radius: 40px;
    margin: 30px 40px 0;
    padding: 40px 0 0;
}
.breadcrumb {
	display: block;
  margin: 0;
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item.active {
    color: #3E5558;
    border: solid 1px #CAF1FF;
    border-radius: 16px;
    margin: 0 10px 10px;
    padding: 2px 15px;
    display: inline-block;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: none;
}
.breadcrumb span {
	margin-top: 5px;
}
.breadcrumb .breadcrumb-item.active{
    background: #B6FFD3;
    border: none;
}
.common-list {
	margin-right: 16%;
	margin-top: 22px;
}
.common-list ul {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
}
.common-list ul li {
	color: #03181B;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	position: relative;
	line-height: 23px;
}
.common-list ul li:last-child{
  margin-bottom: 0;
}
.common-list ul li::before {
	position: absolute;
	left: 0;
	top: 6px;
	content: '';
	background: url('../images/blue-arrow-path.svg') no-repeat left center;
	width: 16px;
	height: 12px;
}
.blog-sidebar .common-list ul li a:hover{
    color: #1661DC;
}

.feature-box {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}
.feature-icon {
    font-size: 52px;
    color: #1661DC;
    font-weight: 600;
    margin-right: 25px;
}
.feature-icon span{
    font-size: 25px;
}
.feature-text h5 {
	margin: 0;
	font-size: 24px;
  color: #03181B;
}
.feature-text p {
	margin: 0;
    color: #3E5558;
    font-weight: 300;
}

.about-faq .accordion-item .accordion-button:not(.collapsed){
    color: #1661DC;
}

.subform-bg{
    background: url('https://placehold.co/1200x440/000/fff') no-repeat center top;
    border-radius: 30px;
    width: 100%;
    height: 541px;
    position: relative;
}
.subform-inn{
    background: #CAF1FF;
    border-radius: 30px;
    position: absolute;
    bottom: 18%;
    left:3%;
    margin: 0;
    padding: 25px;
}
.subform-inn form input{
    background: #ffffff;
    border: none;  
    border-radius: 30px;  
    color: #8E999B;
    font-size: 18px;
    font-weight: 300;
    margin: 0 15px 0 0;
    padding: 15px 10px;
}
.subform-inn form button{
    margin-bottom: 15px;
}

.learning-sec-right{
    position: relative;
	float: right;
}
.learning-sec-right-img {
	border-radius: 20px;
	width: 75%;
	float: right;
}
.learning-sec-small {
	border-radius: 20px;
	width: 45%;
	position: absolute;
	left: -5%;
	bottom: 10%;
}

.app-jour-sec {
	margin: 120px 0 0;
	padding: 100px 0 0px;
	position: relative;
  background: url('../images/application-journey-bg.png') no-repeat center top;
  background-size: cover;
}
.step-cnt-box{
    width: 63%;
    background: #ffffff;
    border: solid 1px #B6FFD3;
    border-radius: 30px;
    margin: 0;
    padding: 20px;
    display: inline-block;
}
.step-cnt-box h5{
  color: #03181B;
  font-size: 24px;
}
.step-cnt-box p{
    margin: 0;
}

.pinkbox-program-det{
    background: #FCF6BD;
    border-radius: 32px;
    padding: 32px 30px;
}
.pinkbox-program-det p {
    margin-bottom: 12px;
}
.pinkbox-program-det p span{
    color: #03181B;
    font-size: 16px;
    font-weight: 600;
    float: right;
}
.pinkbox-program-det p svg{
    color: #1661DC;
}
.pinkbox-program-det p span.blue-text{
    color: #1661DC;
    text-transform: uppercase;
}


.bluebor-program-det{
    border: solid 1px #CAF1FF;
    border-radius: 32px;
    padding: 25px;
}
.bluebor-program-det-iframe iframe{
  width: 100%;
  border: solid 1px #CAF1FF;
  border-radius: 32px;
}
.bluebor-program-det h6{
    font-size: 24px;
    font-weight: 500;
    color: #03181B;
    float: left;
    margin: 10px 0 0 0;
}
.bluebor-head-img {
	display: inline-block;
	width: 100%;
}
.bluebor-program-det p{
    margin: 0;
}
.bluebor-program-det.pinkbox-program-det p{
    margin-bottom: 10px;
}
.key-event-det-img {
	background: url('../images/event-detail/event-detail-schedule.png') no-repeat 100% 100%;
	position: absolute;
	right: -15%;
	bottom: 0;
	width: 362px;
	height: 315px;
}
.key-event-det h6{
  color: #03181B;
  font-size: 18px;
}
.gray-txt-time{
    color: #8E999B;
}
.key-event-det-sche{
    color: #3E5558;
    font-size: 12px;
    margin-bottom: 25px;
}
.key-event-det-sche span{
    color: #E921C5;
}

.art-edu-sec{
    position: relative;
}
.art-edu-sec:after{
    position: absolute;
    bottom: -5%;
    right: 0;
    content: '';
    width: 118px;
    height: 121px;
    background: url('../images/art-path.png') no-repeat center center;
    z-index: -1;
}
.art-edu-sec-new:after{
    width: 127px;
    height: 144px;
    background: url('../images/flower-path.png') no-repeat center center;
}


.blog-main-sec h2{
    color: #03181B;
    font-size: 32px;
    font-weight: 500;
    margin: 15px 50px 5px 15px;
    line-height: 38px;
}
.blog-sidebar{
	border: solid 1px #CAF1FF;
	border-radius: 32px;
	padding: 25px;
}
.blog-sidebar h4{
  color: #03181B;
  font-size: 24px;
}
.search-container {
    background-color: #fff;
    border: 1px solid #1661DC;
    border-radius: 30px;
    position: relative;
    margin: 15px 0 0 0;
}
.search-container input {
    background-color: transparent;
    border-width: 0px;
    border: none;
    width: 93%;
    padding: 15px 0 15px 0;
    font-size: 18px;
    font-weight: 200;  
    color: #8E999B;
 }  
 .search-container input::placeholder{
    opacity: 1;
 }
 .search-container input:focus{
    box-shadow: none;
    border: none;
    outline: none;
 }
 .search-container svg {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	padding: 15px 15px;
	background: #1661DC;
	border-radius: 50%;
    color: #ffffff;
}

.tags-blog-sidebar a{
    border: solid 1px #19CADE;
    padding: 5px 25px;
    border-radius: 30px;
    font-weight: 200;
    color: #3E5558;
    display: inline-block;
}
.tags-blog-sidebar a:hover{
    border: solid 1px #ffffff;
    background: #19CADE;
    color: #ffffff;
}

.rec-comments-blog-sidebar{
    margin-top: 15px;
}
.rec-comments-blog-sidebar p{
    position: relative; 
    padding: 0 0 0 25px;  
}
.rec-comments-blog-sidebar p strong{
    font-weight: 500;
    color: #03181B;
}
.rec-comments-blog-sidebar p::before{
    position: absolute;
    left: 0;
    top: 5px;
    content: '';
    background: url('../images/sms-icon.svg') no-repeat left center;   
    width: 20px;
    height: 20px;
}
.month-btn{
    background: #16DC91;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: 92%;
    margin: 0;
    padding: 10px 0;
}


.calendar_content, .calendar_weekdays, .calendar_header {
    position: relative;
    overflow: hidden;
}
.calendar_weekdays div {
    display:inline-block;
    vertical-align:top;
}
.calendar_weekdays div{
	width: 14.28571%;
	overflow: hidden;
	text-align: center;
	background-color: transparent;
	color: #6f6f6f;
	font-size: 12px;
	color: #3E5558 !important;
	font-weight: 500;
}
.calendar_content div {
	width: 41px;
	border: 1px solid transparent;
	float: left;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	color: #3E5558 !important;
	text-align: center;
	line-height: 41px;
	height: 41px;
	margin: 5px 0;
}
.calendar_content div.blank {
	display: none;
}
.calendar_content div:hover,
.calendar_content div.selected {
	color: #ffffff !important;
	border: none;
	background: #16DC91;
	border-radius: 50%;
}
.calendar_content div.today {
	font-size: 14px;
	color: #ffffff !important;
	border: none;
	background: #16DC91;
	border-radius: 50%;
}
.calendar_header {
    width: 100%;
    text-align: center;
    background-color: #16DC91;
    border-radius: 30px;
    padding: 12px;
}
.calendar.calendar-first .calendar_header h2 {
	font-weight: 500;
	font-size: 16px;
	color: #ffffff;
    line-height: 25px;
	text-transform: uppercase;
	float: left;
	width: 70%;
	margin: 0;
	padding: 0;
}
button.switch-month {
    background-color: transparent;
    padding: 0;
    outline: none;
    border: none;
    color: #ffffff;
    float: left;
    width:15%;
    transition: color .2s;
}
button.switch-month:hover {
    color: #87b633;
}
.calendar-box{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c8ffde+0,c8ffde+12,ffffff+76 */
background: linear-gradient(to bottom,  #c8ffde 0%,#c8ffde 12%,#ffffff 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    border-radius: 30px;
    padding: 25px 20px;
}


.blog-sidebar-cal p{
    margin-bottom: 10px;
    font-weight: 500;
    color: #03181B;
}
.blog-sidebar-cal h4{
    margin-bottom: 15px;
}
.blog-sidebar-cal button{
    background: #16DC91;
    border-radius: 30px;
    padding: 8px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    width: 89%;
}
.blog-side-thumbs img{
    margin: 0 10px 15px 0;
}
.pagination-blog{
    text-align: center;
    margin: 50px 0 0 0;
}
.pagination-blog button{
    background: #ffffff;
    border: solid 1px #1661DC;
    border-radius: 10px;
    margin: 0 3px;
    padding: 0;
    color: #03181B;
    font-weight: 600;
    line-height: 35px;
    width: 35px;
    height: 35px;
}
.pagination-blog button:hover{
    background: #1661DC;
    border: solid 1px #1661DC;
    color: #ffffff;
}

.singlepost-pinkbox{
    background: #FCF6BD;
    border-radius: 30px;
    margin: 0 0 30px;
    padding: 30px;
    position: relative;
}
.singlepost-pinkbox::after {
	position: absolute;
	right: 3%;
	bottom: 12%;
	content: '';
	background: url('../images/single-post/quote-singlepost.png') no-repeat right bottom;
	width: 65%;
	height: 55%;
}
.singlepost-pinkbox p{
    font-size: 24px;
    font-weight: 500;
    color: #03181B;
    font-family: "Fredoka", sans-serif;
    line-height: 30px;
}
.singlepost-pinkbox p span{
    font-weight: 300;
    font-size: 16px;
    color: #3E5558;
    font-family: "Geologica", sans-serif;
}
ol.singlepost-list {
    margin: 25px 0 0 20px;
    padding: 0;
}
ol.singlepost-list li{
    margin-bottom: 15px;
    color: #3E5558;
}
ol.singlepost-list ul{
    margin: 5px 0 0;
    padding: 0 0 0 13px;
}
ol.singlepost-list li ul li{
    margin-bottom: 5px;
    list-style-type: disc;
    font-weight: 500;
}
ol.singlepost-list li ul li::marker {
    color: #1661DC;
}
.small-text{
    font-size: 13px;
    color: #3E5558;
}

.singlepost-tags-soc{
    border-top: solid 1px #E7E7E7;
}

ul.social-icon-list{
    float: right;
}
ul.social-icon-list li a {
	color: #ffffff;
	background: #1661DC;
	padding: 0;
	display: inline-block;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}
ul.social-icon-list li {
	list-style: none;
	display: inline-block;
	margin-right: 8px;
}

.next-pre-btns {
	display: inline-block;
	width: 100%;
}
.next-pre-btns a {
    display: flex;
    float: left;
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
    color: #3E5558;
}
.next-pre-btns a:hover{
	color: #1661DC;
}
.next-pre-btns a svg {
	background: #ffffff;
	border: solid 2px #C2C3C4;
	border-radius: 100%;
	text-align: center;
	line-height: 24px;
	width: 18px;
	color: #C2C3C4;
	font-size: 16px;
    margin-right: 11px;
	padding: 6px;
}
.next-pre-btns a:hover svg{
	border: solid 2px #1661DC;
	color: #1661DC;
}
.next-pre-art{
    width: 50%;
    float: left;
    border-right: solid 2px #E7E7E7;
}
.singlepost-comments-sec{
    display: inline-block;
    width: 100%;
}
.singlepost-combox {
	background: #FCF6BD;
	border-radius: 30px;
	margin: 0 0 25px;
	padding: 30px;
	position: relative;
}
.comment-inn h5{
    font-size: 18px;
    font-weight: 500;
    color: #03181B;
}
.comment-inn h5 span{
    color: #3E5558;
    font-size: 14px;
    font-weight: 400;
    margin-left: 12px;
}
.comment-inn p{
    font-size: 16px;
    font-weight: 200;
    color: #3E5558;
    margin: 0;
}
.singlepost-comments-sec h6{
    font-size: 12px;
    font-weight: 500;
    color: #3E5558;
    display: flex;
}
.singlepost-comments-sec h6 svg{
    color: #1661DC;
    font-size: 10px;
    margin: 3px 3px 0 0;
}

.contact-info h6 {
    display: flex;
    margin-bottom: 12px;
}
.contact-info h6 svg{
    background: #CAF1FF;
    border-radius: 100%;
    color: #1661DC;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    padding: 10px;
}
.contact-info h6 a{
    margin: 5px 0 0 10px;
}

.progress-container {
	background: #FCF6BD;
    border-radius: 32px;
	padding: 50px;
    position: relative;
}
.progress-container::after {
    background: url('../images/banner-btm-art.png') no-repeat right bottom;
    background-size: contain;
    position: absolute;
    bottom: -18%;
    right: -2%;
    content: '';
    width: 260px;
    height: 243px;
}
.progress {
	height: 10px;
    border-radius: 30px;
	background: #ffffff;
}
.progress-details {
	width: 60%;
}
.progress-bar {
	border-radius: 30px;
}
.progress-bar.greenbar{
    background: #16DC91;
}
.progress-bar.pinkbar{
    background: #E921C5;
}
.progress-bar-custom {
    height: 1.5rem;
    border-radius: 1rem;
}
.progress-item {
    margin-bottom: 30px;
    position: relative;
}
.progress-item:last-child {
    margin-bottom: 0px;
}
.progress-label {
    color: #03181B;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}
.progress-bar span {
	position: absolute;
	right: 0;
	top: -5px;
	color: #03181B;
    font-size: 18px;
    font-weight: 500;
}

#gallery-tabs.nav-tabs {
	border: none;
}
.nav-tabs .nav-link {
    background-color: #ffffff;
    border: solid 1px #B6FFD3;
    border-radius: 30px;
    font-family: "Fredoka", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #03181B;
    margin: 0 10px;
    padding: 10px 25px;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus, 
.nav-tabs .nav-link:hover {
    background-color: #1661DC;
    border: solid 1px #1661DC;
    font-size: 16px;
    color: #ffffff;
}

.tab-content{
    margin: 0;
    padding: 0;
}

.pricing-main-box{
    margin: 180px 0 120px;
    float: left;
    width: 100%;
}
.pricing-tab {
  width: 33.3%;
  float: left;
  margin: 0;
}
.pricing-box{
    border: solid 1px #CAF1FF;
    border-radius: 25px;
    padding: 32px;
}
.pricing-box.price-mid {
	background: #FCF6BD;
	border: none;
	padding: 90px 32px;
	margin-top: -55px;
}
.pricing-box h4{
    font-size: 32px;
    color: #03181B;
}
.pricing-box h6{
    font-size: 16px;
    color: #3E5558;
    font-weight: 500;
}
.pricing-box h5{
    font-size: 46px;
    color: #1661DC;
    font-weight: 500;
}
.pricing-box h5 span{
    font-size: 14px;
    color: #3E5558;
    font-weight: 400;
}
.pricing-nobounds-sec-bg{
    position: relative;
}
.pricing-nobounds-sec-bg:after{
    position: absolute;
    right: -7%;
    top: -37%;
    content: '';
    background: url('https://placehold.co/320x220/000/fff') no-repeat right top;
    width: 316px;
    height: 210px;
}

.slick-slider .element{
    height:100px;
    width:100px;
    background-color:#000;
    color:#fff;
    border-radius:5px;
    display:inline-block;
    margin:0px 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    font-size:20px;
  }
  .slick-slider .slick-disabled {
    opacity : 0; 
    pointer-events:none;
  }
.photos.slick-slider button{
    display: none !important;
}
.slick-initialized .slick-slide {
    width: auto !important;
  }


.contact-box{
    position: relative;
    background: #ffffff;
    border: solid 1px #CAF1FF;
    border-radius: 30px;
    padding: 25px;
}
.contact-box::after {
	background: url("https://placehold.co/110x110/000/fff") right bottom no-repeat;
	position: absolute;
	bottom: -26%;
    right: 2%;
	content: "";
	width: 106px;
	height: 107px;
}
.contact-box.contact-email::after {
	background: url("https://placehold.co/110x110/000/fff") right bottom no-repeat;
	bottom: -18%;
    right: -4%;
}
.contact-box.contact-days::after {
	background: url("https://placehold.co/110x110/000/fff") right bottom no-repeat;
	bottom: -20%;
    right: -10%;
}
.contact-box a,
.contact-info-box a{
    display: block;
    color: #03181B;
    font-size: 18px;
    font-weight: 500;
}
.contact-box p,
.contact-info-box p{
    display: block;
    color: #03181B;
    font-size: 18px;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.contact-box p span,
.contact-info-box p span{
    font-weight: 300;
    margin-right: 10px;
}
.contact-page-main {
	margin-top: -70px;
}
.contact-info-box{
    background: #CAF1FF;
    border-radius: 30px;
    padding: 30px;
}
.contact-info-box svg{
    color: #1661DC;
    background: #ffffff;
    border-radius: 100%;
    padding: 15px;
}
.contact-info-pinkbox{
    background: #FFC3DF;
}
.contact-info-pinkbox svg{
    color: #E921C5;
}
.contact-info-greenbox{
    background: #B6FFD3;
}
.contact-info-greenbox svg{
    color: #16DC91;
}
.contact-info-goldbox{
    background: #FCF6BD;
}
.contact-info-goldbox svg{
    color: #FFDA2D;
}

.error-page-main{
    background: linear-gradient(to bottom,  #caf1ff 0%,#ffffff 60%); 
    position: relative;
    padding: 100px 0;
    z-index: 0;
}
.error-page-main:before{
    background: url('../images/error/error-page-bg.png') no-repeat center center;
    width: 100%;
    height: 837px;
    position: absolute;
    left: 0;
    top: 10%;
    content: '';
    z-index: -1;
}
.error-container{
    width: 600px;
    margin: 0 auto;
    z-index: 999;
}



.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  
  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  
  .animated.bounceIn,
  .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }
  
  .animated.flipOutX,
  .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }
  
  @-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    40%, 43% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0); }
    70% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0); }
    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0); } }
  @keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    40%, 43% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0); }
    70% {
      -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0); }
    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0); } }
  .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  
  @-webkit-keyframes flash {
    0%, 50%, 100% {
      opacity: 1; }
    25%, 75% {
      opacity: 0; } }
  @keyframes flash {
    0%, 50%, 100% {
      opacity: 1; }
    25%, 75% {
      opacity: 0; } }
  .flash {
    -webkit-animation-name: flash;
    animation-name: flash; }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05); }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  @keyframes pulse {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05); }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse; }
  
  @-webkit-keyframes rubberBand {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1); }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1); }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1); }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1); }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1); }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  @keyframes rubberBand {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1); }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1); }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1); }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1); }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1); }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand; }
  
  @-webkit-keyframes shake {
    0%, 100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); } }
  @keyframes shake {
    0%, 100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); } }
  .shake {
    -webkit-animation-name: shake;
    animation-name: shake; }
  
  @-webkit-keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg); }
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg); }
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg); }
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg); }
    100% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg); } }
  @keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg); }
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg); }
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg); }
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg); }
    100% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg); } }
  .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing; }
  
  @-webkit-keyframes tada {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  @keyframes tada {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    10%, 20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  .tada {
    -webkit-animation-name: tada;
    animation-name: tada; }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  @-webkit-keyframes wobble {
    0% {
      -webkit-transform: none;
      transform: none; }
    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  @keyframes wobble {
    0% {
      -webkit-transform: none;
      transform: none; }
    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble; }
  
  @-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03); }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97); }
    100% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  @keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03); }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97); }
    100% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); } }
  .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn; }
  
  @-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0); }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  @keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0); }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown; }
  
  @-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  @keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
  
  @-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  @keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0); }
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0); }
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0); }
    100% {
      -webkit-transform: none;
      transform: none; } }
  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; }
  
  @-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0); }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  @keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0); }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0); }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp; }
  
  @-webkit-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    100% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); } }
  @keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9); }
    50%, 55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1); }
    100% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); } }
  .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut; }
  
  @-webkit-keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  @keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown; }
  
  @-webkit-keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft; }
  
  @-webkit-keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight; }
  
  @-webkit-keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  @keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0); }
    40%, 45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0); }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp; }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }
  
  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown; }
  
  @-webkit-keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig; }
  
  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }
  
  @-webkit-keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig; }
  
  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; }
  
  @-webkit-keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig; }
  
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
  
  @-webkit-keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig; }
  
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } }
  @keyframes fadeOut {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } }
  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }
  
  @-webkit-keyframes fadeOutDown {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @keyframes fadeOutDown {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown; }
  
  @-webkit-keyframes fadeOutDownBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  @keyframes fadeOutDownBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0); } }
  .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig; }
  
  @-webkit-keyframes fadeOutLeft {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  @keyframes fadeOutLeft {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft; }
  
  @-webkit-keyframes fadeOutLeftBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0); } }
  .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig; }
  
  @-webkit-keyframes fadeOutRight {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  @keyframes fadeOutRight {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; }
  
  @-webkit-keyframes fadeOutRightBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  @keyframes fadeOutRightBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0); } }
  .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig; }
  
  @-webkit-keyframes fadeOutUp {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  @keyframes fadeOutUp {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }
  
  @-webkit-keyframes fadeOutUpBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  @keyframes fadeOutUpBig {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0); } }
  .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig; }
  
  @-webkit-keyframes flip {
    0% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; } }
  @keyframes flip {
    0% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out; }
    50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    80% {
      -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; }
    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in; } }
  .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip; }
  
  @-webkit-keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  @keyframes flipInX {
    0% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX; }
  
  @-webkit-keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  @keyframes flipInY {
    0% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in;
      opacity: 0; }
    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1; }
    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
    100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); } }
  .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY; }
  
  @-webkit-keyframes flipOutX {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1; }
    100% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0; } }
  @keyframes flipOutX {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1; }
    100% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0; } }
  .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important; }
  
  @-webkit-keyframes flipOutY {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1; }
    100% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0; } }
  @keyframes flipOutY {
    0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px); }
    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1; }
    100% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0; } }
  .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY; }
  
  @-webkit-keyframes lightSpeedIn {
    0% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0; }
    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1; }
    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1; }
    100% {
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  @keyframes lightSpeedIn {
    0% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0; }
    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1; }
    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1; }
    100% {
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  
  @-webkit-keyframes lightSpeedOut {
    0% {
      opacity: 1; }
    100% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0; } }
  @keyframes lightSpeedOut {
    0% {
      opacity: 1; }
    100% {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0; } }
  .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  
  @-webkit-keyframes rotateIn {
    0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  @keyframes rotateIn {
    0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn; }
  
  @-webkit-keyframes rotateInDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  @keyframes rotateInDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft; }
  
  @-webkit-keyframes rotateInDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  @keyframes rotateInDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight; }
  
  @-webkit-keyframes rotateInUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  @keyframes rotateInUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft; }
  
  @-webkit-keyframes rotateInUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  @keyframes rotateInUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1; } }
  .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight; }
  
  @-webkit-keyframes rotateOut {
    0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1; }
    100% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0; } }
  @keyframes rotateOut {
    0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1; }
    100% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0; } }
  .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut; }
  
  @-webkit-keyframes rotateOutDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; } }
  @keyframes rotateOutDownLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0; } }
  .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft; }
  
  @-webkit-keyframes rotateOutDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  @keyframes rotateOutDownRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight; }
  
  @-webkit-keyframes rotateOutUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  @keyframes rotateOutUpLeft {
    0% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0; } }
  .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft; }
  
  @-webkit-keyframes rotateOutUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0; } }
  @keyframes rotateOutUpRight {
    0% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1; }
    100% {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0; } }
  .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight; }
  
  @-webkit-keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    20%, 60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    40%, 80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1; }
    100% {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0; } }
  @keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    20%, 60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out; }
    40%, 80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1; }
    100% {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0; } }
  .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge; }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  @-webkit-keyframes rollIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  @keyframes rollIn {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none; } }
  .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn; }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  @-webkit-keyframes rollOut {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
  @keyframes rollOut {
    0% {
      opacity: 1; }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
  .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut; }
  
  @-webkit-keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    50% {
      opacity: 1; } }
  @keyframes zoomIn {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    50% {
      opacity: 1; } }
  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn; }
  
  @-webkit-keyframes zoomInDown {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  @keyframes zoomInDown {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown; }
  
  @-webkit-keyframes zoomInLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  @keyframes zoomInLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft; }
  
  @-webkit-keyframes zoomInRight {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  @keyframes zoomInRight {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight; }
  
  @-webkit-keyframes zoomInUp {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  @keyframes zoomInUp {
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp; }
  
  @-webkit-keyframes zoomOut {
    0% {
      opacity: 1; }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    100% {
      opacity: 0; } }
  @keyframes zoomOut {
    0% {
      opacity: 1; }
    50% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3); }
    100% {
      opacity: 0; } }
  .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut; }
  
  @-webkit-keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown; }
  
  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center; } }
  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
      transform: scale(0.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center; } }
  .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft; }
  
  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center; } }
  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
      transform: scale(0.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center; } }
  .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight; }
  
  @-webkit-keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    100% {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
  .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp; }
  
  @-webkit-keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  @keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown; }
  
  @-webkit-keyframes slideInLeft {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  @keyframes slideInLeft {
    0% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft; }
  
  @-webkit-keyframes slideInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  @keyframes slideInRight {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight; }
  
  @-webkit-keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  @keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible; }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp; }
  
  @-webkit-keyframes slideOutDown {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  @keyframes slideOutDown {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0); } }
  .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown; }
  
  @-webkit-keyframes slideOutLeft {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  @keyframes slideOutLeft {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }
  .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft; }
  
  @-webkit-keyframes slideOutRight {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  @keyframes slideOutRight {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }
  .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight; }
  
  @-webkit-keyframes slideOutUp {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  @keyframes slideOutUp {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    100% {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0); } }
  .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp; }




/* Media Queries */
@media only screen and (min-width: 1400px) and (max-width: 1500px){
  .blue-patch {
    right: -5%;
  }
  .green-patch {
    top: 80%;
    right: 8%;
  }
  .banner-sec::after {
    left: -7%;
  }
    .age-box p {
        padding: 6px 24px;
    }
footer {
  background-size: cover;
}
.calendar.calendar-first {
    width: 333px;
}
.pricing-nobounds-sec-bg::after {
	right: 0;
}
.mb-mob-4 {
  margin-bottom: 2.5rem !important;
}
}

@media only screen and (min-width: 992px) and (max-width: 1399.99px){
  .service-holistic-sec h3 {
    line-height: 34px;
  }
.mb-mob-4 {
  margin-bottom: 2.5rem !important;
}
  .contact-box.contact-email::after {
    right: -2%;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .header-innerpage {
    margin: 30px 13px 0;
  }
  .navbar-expand-lg .navbar-collapse {
    margin: 10px 0 0 0;
  }
  .indextwo-banner-sec {
    position: relative;
    margin: 30px 13px 0;
  }
  .greenbox-overlap {
    position: inherit;
    margin-top: 20px;
  }
  .greenbox-openhours {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
  .indextwo-banner-txt p {
    width: 100%;
  }
  .learning-pro-sec {
    margin: 30px 0;
    padding: 0;
  }
  section {
    margin: 100px 0 0;
  }
  header {
    padding: 30px 0 0;
  }
  .faq-section {
    margin: 70px 0 80px;
    padding: 125px 0 0;
  }
  .gallery-section {
    padding-top: 130px;
  }
  .user-date-sec h6.usefultip-headsmall {
    font-size: 16px;
  }
  .blue-patch.green-patch {
    right: 16%;
  }
  .blue-patch{
    right: 0;
  }
  .pricing-nobounds-sec-bg::after{
    right: 0;
  }
    .calendar.calendar-first {
        width: 266px;
    }
    .calendar-box {
      padding: 25px 10px;
    }
    .calendar_content div {
      width: 34px;
    }
.bluebor-program-det h6 {
    font-size: 19px;
}
.step-cnt-box {
    width: 56%;
}
.age-box p {
    padding: 10px 30px;
}
.fostering-section{
    margin-top: 50px;
}
.event-time {
	margin: 10px 0 0 5px;
}
.green-box-grd.litepink-box-grd::before,
.green-box-grd::after {
	display: none;
}

.banner-btm-img {
    display: none;
}
.banner-sec::after{
    display: none;
}
.banner-right-img {
    margin-left: 0;
    width: 100%;
}
.heading-two,
.heading-three {
    width: 90%;
}
.navbar-light .navbar-nav .nav-link {
    padding: 5px 12px;
    font-size: 15px;
}
nav .navbar-nav .nav-item {
    margin-bottom: 10px;
}

footer {
	background-size: cover;
  padding-top: 80px;
}
.footer-path-img-bg {
	margin-bottom: 30px;
	padding: 80px 0 50px;
}
.footer-ul-one,
.footer-ul-two,
.footer-ul-three,
.footer-ul-four{
    width: 300px;
}
.footer-ul-four:before{
    display: none;
}
.footer-div {
	padding: 0px 15px;
}
.key-event-det-img {
  background: none;
  right: 0;
}

.pricing-main-box {
	margin-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.9px){ 
.service-holistic-sec h3{
	font-size: 26px;
	line-height: 1.2;
}
  .fostering-section {
    margin: 65px 0 0px;
    padding: 70px 0 65px;
  }
  .header-innerpage {
    margin: 30px 36px 0;
  }
  .indextwo-banner-sec {
    position: relative;
    margin: 30px 36px 0;
  }
  .greenbox-overlap {
    position: inherit;
    margin: 0;
  }
  .testimonial-sec-in {
    margin: 80px 0;
  }
  .enroll-sec-box::after{
    display: none;
  }
  section {
    margin: 80px 0 0;
  }
  .timing-section {
    margin: 80px 0;
  }
  .faq-section {
    margin: 80px 0 110px;
    padding: 80px 0 0;
  }
  .indextwo-banner-txt {
    position: inherit;
  }
  .indextwo-banner-head h1 {
    font-size: 44px;
    line-height: 49px;
  }
  h1 {
    font-size: 42px;
    line-height: 1;
  }
    .key-event-det-img {
        background: none;
        right: 0;
    }
    .photos .item img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 30px;
    }
    .photos .item {
        width: 46%;
    }
    .photos .item .overlay img {
        width: auto;
        height: auto;
    }
    .contact-box {
        padding: 25px 15px;
    }
.contact-box::after {
        display: none;
}
.contact-box.contact-email::after {
    bottom: -56%;
}
.contact-box.contact-days::after {
	bottom: -56%;
}
.banner-img-mob{
    width: 100%;
}
.team-sec img {
	width: 100%;
}
.w-sm-100{
    width: 100% !important;
}
.w-sm-auto{
    width: auto !important;
}
    .copyrights-sec ul li a {
        padding: 5px 18px;
    }
    .copyrights-sec p,
    .copyrights-sec ul {
        text-align: center;
    }
    .copyrights-sec p br{
        display: none;
    }
    .container{
        max-width: 720px;
    }
    .blue-patch {
        padding: 31px 0;
        top: 15%;
        right: -4%;
        width: 165px;
        height: 165px;
        text-align: center;
    }
    .green-patch {
        top: 55%;
        right: 3%;
    }
.faq-img-art {
    margin-top: 40px;
}
.pricing-box .main-btn{
    padding: 14px 28px;
}
.no-bounds-sec {
	margin-top: 100px;
}

.nav-tabs .nav-link {
    margin: 0 5px;
    padding: 10px 13px;
}
ul.social-icon-list li {
    margin-right: 4px;
}
.tags-blog-sidebar a {
	padding: 5px 13px;
}

.bluebor-program-det h6 {
    font-size: 19px;
}

.step-cnt-box {
	width: 65%;
    margin-bottom: 15px;
}
.age-box p {
    padding: 8px 15px;
    font-size: 13px;
} 
.learning-pro-sec {
	padding: 0px 0 60px;
} 
.class-break{
    display: none;
}
p.age-box-blue {
	margin-left: 0;
}
.carousel-control-next, .carousel-control-prev {
	top: 50%;
}
.testimonial-carousel .carousel-item p{
  width: 70%;
}
.green-box-grd.litepink-box-grd::before,
.green-box-grd::after {
	display: none;
}
.event-time {
	margin: 10px 0 0 5px;
}
.user-date-sec h6.usefultip-headsmall {
	font-size: 22px;
}
h2 {
	  width: 100%;
    font-size: 33px;
    line-height: 1.1;
}  

.contact-phone {
	width: auto;
	display: inline-block;
	margin-top: 15px;
    margin-left: 20px;
}
.banner-btm-img {
	display: none;
}
.banner-sec::after{
    display: none;
}
.banner-right-img {
	margin-left: 0;
	width: 100%;
}
.banner-sec h1 {
	font-size: 44px;
	line-height: 49px;
}
.cat-div {
	margin-top: 0;
}
.banner-sec {
	background-size: contain;
}
.heading-two,
.heading-three {
	width: 90%;
}

.enroll-sec-box {
	padding: 50px 50px 0;
}
.gallery-section {
	padding-top: 115px;
}
section.testimonial-sec {
	padding: 0px 0 50px;
}
.owl-next {
	left: 6%;
}


footer {
	background-size: cover;
  margin: 80px 0 0;
  padding-top: 80px;
}
.footer-path-img-bg {
	margin-bottom: 0;
	padding: 80px 0 20px;
}
.footer-ul-one,
.footer-ul-two,
.footer-ul-three,
.footer-ul-four{
    width: 340px;
}
.footer-ul-four:before{
    display: none;
}
.footer-div {
	padding: 0px 15px;
}


/* General Styles */
#navbarNav {
	padding-top: 50px;
    display: block;
}
nav .navbar-nav .nav-item .dropdown-menu{
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link:hover {
	box-shadow: none;
	border: none;
    border-bottom: solid 1px #CAF1FF;
    border-radius: 0;
    text-align: left;
}
.dropdown-toggle::after{
    float: right;
}
.navbar {
    position: relative;
    padding: 0;
}
.custom-collapse {
    position: fixed;
    top: 0;
    left: -300px; /* Hide the menu off-screen initially */
    width: 300px;
    height: 100%;
    background-color: white;
    z-index: 1050;
    transition: left 0.3s ease;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
.custom-collapse.open {
    left: 0;
}
.navbar .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1049;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    border-radius: 0;
}
.navbar .overlay.show {
    opacity: 1;
    visibility: visible;
}
.navbar .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 2rem;
    line-height: 1;
    color: #333;
}
.mob-width{
    width: 48%;
}
.mob-pos{
    position: absolute;
    bottom: 0;
    right: 0;
}
.greenbox-openhours{
    width: 48%;
    float: left;
    margin-right: 2%;
}
.usefultips-redbg{
    display: flex;
}
.pricing-box {
	padding: 18px;
}
.pricing-box.price-mid {
  margin-top: 0;
	padding: 40px 18px 30px;
} 
.pricing-tab {
  width: 100%;
}
.pricing-nobounds-sec-bg::after{
    display: none;
}
.calendar.calendar-first {
	width: 333px;
}
.photos .item{
  padding: 0 0px 0 5px;
}
.pricing-main-box {
	margin: 80px 0;
}
#gallery-tabs.nav-tabs {
  display: inline-block;
}
#gallery-tabs li.nav-item {
  margin-bottom: 8px;
  float: left;
}
.app-jour-sec {
  margin: 80px 0 0;
}
.progress-container {
  padding: 32px;
}
.green-box-grd ul li {
	font-size: 22px;
}
.green-box-grd ul li:last-child {
	font-size: 26px;
}
.user-date-sec h6 {
	font-size: 26px;
}
.blog-main-sec h2 {
	font-size: 26px;
}
.learning-steps ul li {
	font-size: 20px;
}
.mb-mob-4 {
  margin-bottom: 2.5rem !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 767.99px){
  .mb-mob-4 {
    margin-bottom: 2.5rem !important;
  }
  .learning-steps ul li {
    font-size: 18px;
  }
  .user-date-sec h6 {
    font-size: 26px;
  }
  .green-box-grd ul li {
    font-size: 22px;
  }
  .green-box-grd ul li:last-child {
    font-size: 26px;
  }
  .contact-box {
    padding: 15px;
  }
  .contact-box img {
    width: 12%;
  }
  .progress-container {
    padding: 32px;
  }
  .testimonial-sec-in .carousel {
    margin: 0;
  }
  .service-holistic-sec {
    margin-bottom: 35px;
  }
  .blue-box-grad {
    padding: 25px 25px 0;
  }
  .blue-box-grad p{
    margin-bottom: 0;
  }
  .pricing-tab {
    width: 100%;
  }
  .pricing-box.price-mid {
    margin-top: 0;
  }
  #gallery-tabs.nav-tabs {
    display: inline-block;
    text-align: center;
  }
  #gallery-tabs li.nav-item {
    margin-bottom: 8px;
    display: inline-block;
  }
  .gal-img-100{
    width: 100%;
  }
  .app-jour-sec {
    margin: 60px 0 0;
    padding: 70px 0 0px;
  }
  .header-innerpage {
    margin: 30px 12px 0;
  }
  .greenbox-overlap {
    position: inherit;
    margin: 0;
  }
  .testimonial-sec-in {
    margin: 60px 0;
  }
  .service-holistic-sec h3 {
    font-size: 24px;
  }
  .green-box-grd {
    padding: 25px 25px 0;
  }
  h3 {
    font-size: 24px;
  }
  .pricing-box h5 {
    font-size: 32px;
  }
  .indextwo-banner-sec {
    margin: 30px 12px 0;
  }
  header{
    padding-bottom: 0;
  }
  section{
    margin: 60px 0 0;
}
  .timing-section-cont{
    background: none;
  }
  .enroll-sec-box::after{
    display: none;
  }
  .open-hours ul,
  .open-hours ul:first-child {
    width: 50%;
  }
  .open-hours ul li {
    font-size: 14px;
  }
  .banner-sec {
    background-size: contain;
    margin: 10px 0;
  }
.pricing-nobounds-sec-bg {
    padding-bottom: 0;
}
.photos.slick-slider .slick-track {
  display: flex;
}
.faq-gal-img {
	width: 300px;
	height: 180px;
	object-fit: cover;
}
  .contact-box::after{
    display: none;
  }
    .calendar.calendar-first {
        width: 260px;
    }
    .blog-sidebar {
      padding: 15px;
    }
    .calendar_content div {
      width: 35px;
      height: 35px;
      line-height: 35px;
    }
    .calendar-box {
        padding: 25px 5px;
    }
    .pricing-nobounds-sec-bg::after {
        display: none;
    }
    .pricing-main-box {
      margin: 60px 0;
    }
   .gallery-section .tab-content {
        padding: 20px;
    }
.progress-details {
	width: 100%;
}
.progress-container::after {
    display: none;
}
    .key-event-det-img {
        background: none;
        right: 0;
    }
    .progress-details {
        width: 100%;
    }
.cat-div{
    margin-top: 10px;
}
.usefultips-redbg{
    display: flex;
}
    .indextwo-banner-sec::before {
        background: url('https://placehold.co/2000x1333/000/fff') no-repeat left top;
        background-size: cover;
    }
    .contact-box.contact-days::after {
        right: 0;
    }
    .blog-side-thumbs img {
        width: 43%;
    }
    ul.social-icon-list {
        float: left;
        padding: 0;
    }
    .next-pre-art {
        width: 100%;
        border: none;
        margin-bottom: 20px;
    }
.w-sm-100{
    width: 100% !important;
}
.w-sm-auto{
    width: auto !important;
}
.feature-icon {
	font-size: 26px;
}
    .indextwo-banner-main {
        margin: 230px 0 0px;
    }
    .learning-sec p {
        padding: 0 0;
    }
    .banner-sec h1, h1 {
      font-size: 42px;
      line-height: 1;
    }
    .blue-patch {
        padding: 25px 0;
        top: 60%;
        right: 0%;
        width: 150px;
        height: 150px;
        text-align: center;
    }
    .green-patch {
        top: 86%;
        right: 19%;
    }
    .blue-patch h4 {
      font-size: 30px;
      margin: 8px 0;
    }
.blog-main-sec{
    margin-bottom: 30px;
} 
.blog-main-sec h2 {
    margin: 15px 50px 5px 8px;
    font-size: 26px;
    line-height: 1.1;
}


.bluebor-program-det h6 {
    font-size: 21px;
}

.step-cnt-box {
	width: 100%;
    margin-bottom: 15px;
}

.subform-inn {
    right: 3%;
}

.indextwo-banner-txt {
    position: inherit;
}
.indextwo-banner-head h1 {
	font-size: 42px;
	line-height: 1;
}
.indextwo-banner-txt p {
	width: 100%;
}
.learning-pro-sec {
	margin: 30px 0 42px;
	padding: 0;
}
.class-break{
    display: none;
}
p.age-box-blue {
	margin-left: 0;
}
.fostering-section{
    margin-top: 0px;
}
.fostering-section::before{
    display: none;
}
.fostering-section::after{
    display: none;
}
.fostering-section {
	width: 100%;
	margin: 0;
    padding: 47px 0;
	background: rgba(202, 242, 255, .5);
}
.carousel-control-next, .carousel-control-prev {
	top: 50%;
}
.carousel-inner .carousel-item p{
  width: 70%;
}
.carousel-indicators {
	margin-right: 10%;
	margin-left: 10%;
}
.carousel-indicators [data-bs-target] {
	margin-right: 5px;
	margin-left: 5px;
}
.carousel-inner {
	margin: 88px 0 0;
}
.green-box-grd.litepink-box-grd::before,
.green-box-grd::after {
	display: none;
}
.event-time {
	margin: 10px 0 0 5px;
}
.user-date-sec h6.usefultip-headsmall {
	font-size: 22px;
}


.heading-three{
    width: 100%;
}
.faq-section {
	padding: 50px 0 60px;
	margin: 50px 0 60px;
}
.team-sec {
	margin-bottom: 60px;
}
.enroll-sec-box {
	padding: 30px 30px 0;
}
.gallery-section {
	padding-top: 60px;
	margin-top: 55px;
}
.days-div {
	padding: 0 6px;
}
.days-div h6 {
	font-size: 35px;
}
section.testimonial-sec {
	padding: 0px 0 20px;
}
.owl-next {
	left: 12%;
}
.owl-prev, .owl-next {
	bottom: -18%;
}
.timing-section {
	background: none;
	margin: 60px 0 0;
}
.banner-sec .banner-right-img {
        margin-left: 0;
        width: 100%;
    }
.banner-sec::after{
    display: none;
}
.banner-btm-img{
    display: none;
}
nav .navbar-nav .nav-item {
    margin-bottom: 10px;
}
.navbar-light .navbar-toggler:hover,
.navbar-light .navbar-toggler:focus{
    box-shadow: none !important;
    border: solid 1px rgba(0,0,0,.1) !important;
    outline: none !important;
}
.banner-right-img {
    margin-right: 0;
}

.contact-phone{
    margin-top: 20px;
    margin-left: 20px;
    float: left;
}
footer {
	background-size: cover;
	padding-top: 55px;
	margin-top: 60px;
}
.footer-path-img-bg {
	margin-bottom: 0px;
	padding: 0px 0 35px;
}
.footer-path-img-bg::after{
    background: none;
}
.footer-ul-four:before{
    display: none;
}
.footer-ul-one,
.footer-ul-two,
.footer-ul-three,
.footer-ul-four{
    width: 300px;
}
.footer-ul-four,
.footer-ul-two {
	margin-top: 15px;
}
h2 {
	font-size: 33px;
	line-height: 1.1;
	width: 100%;
}
.heading-two {
	width: 100%;
}
.footer-div {
	padding: 0px 15px;
}
.copyrights-sec p {
	text-align: center;
}
.copyrights-sec ul{
    text-align: center;
}
.copyrights-sec ul li{
    margin: 0;
}
.copyrights-sec ul li a {
	padding: 5px 10px;
}


/* Error Page */
.error-container {
	width: auto;
	margin: 0 20px;
}

/* General Styles */
#navbarNav {
	padding-top: 50px;
    display: block;
}
nav .navbar-nav .nav-item .dropdown-menu{
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link:hover {
	box-shadow: none;
	border: none;
    border-bottom: solid 1px #CAF1FF;
    border-radius: 0;
    text-align: left;
}
.dropdown-toggle::after{
    float: right;
}
.navbar {
    position: relative;
    padding: 0;
}
.custom-collapse {
    position: fixed;
    top: 0;
    left: -300px; /* Hide the menu off-screen initially */
    width: 300px;
    height: 100%;
    background-color: white;
    z-index: 1050;
    transition: left 0.3s ease;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
.custom-collapse.open {
    left: 0;
}
.navbar .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1049;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    border-radius: 0;
}
.navbar .overlay.show {
    opacity: 1;
    visibility: visible;
}
.navbar .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 2rem;
    line-height: 1;
    color: #333;
}
}