@charset "utf-8";


h3{color: rgb(115,116,118); font-size: 1.2rem; line-height: 1.9rem; margin: 0px;font-weight: 400; font-family: 'SeravekExtraLightItalic';}
.section-title {text-align: center;}
.section-title h2{color: rgb(247,183,190); font-family: 'poppinssemibold'; font-size: 0.90rem; text-transform: uppercase; margin-bottom: 15px; position: relative; letter-spacing: 0.30rem; font-weight: normal;
	display: inline-block; text-align: center; margin: 0px; padding: 0px 50px; position: relative;}
.section-title h2:after{position: absolute; height: 2px; width: 100%; background: rgb(247,183,190); content: ''; left: 0px; top: 7px;}
h2 span{background: #ffffff; padding: 0px 15px; position: relative; z-index: 2;}
.head-top{background: rgb(247,183,190); padding-top: 8px; padding-bottom: 8px; color: #ffffff; font-weight: 400; position: relative; z-index: 4;}
.head-top a{color: #ffffff;}
.head-top .h-left{width: 50%; float: left;}
.head-top .h-left ul{margin: 0px; padding: 0px; list-style: none;}
.head-top .h-left ul li{display: inline-block;}
.head-top .h-left ul li:first-child {margin-right: 20px;}
.head-top .h-left ul li a{}
.head-top .h-right{width: 50%; float: right;}
.head-top .h-right .social-icon{text-align: right;}
.head-top .h-right .social-icon img{width:15px;}
.head-top .h-right .social-icon a{margin: 0 10px; display: inline-block;}
i.fas.fa-phone {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

header{z-index: 13;}
.header-main{display: flex; max-width: 90%; margin: 0px auto; padding: 20px 0px;}
.header-main .logo img{max-width: 300px; transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-in-out;}
.header-main .tagline{font-family: 'poppinsmedium'; font-weight: 400; color: rgb(247,183,190); letter-spacing: 0.30rem; text-transform: uppercase; margin: 0; text-align: center;}
.header-main .mail-menu{}
.header-main .mail-menu ul{margin: 0px; width: 100%; text-align: right; padding: 37px 0px 0px; display: flex; list-style: none;  transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-in-out;}
.header-main .mail-menu ul li{font-size: 0.88rem; text-transform: uppercase; font-weight: 400; position: relative; padding-bottom: 14px; padding-left: 5px;}
.header-main .mail-menu ul li a{color: #000000; border: none !important; padding: 14px 20px !important; position: relative;}
.header-main .mail-menu ul li a.btn{color: #ffffff;}
.header-main .mail-menu ul li ul{display: none; position: absolute; top: 30px; left: 14px; z-index: 20; background: #ffffff; border-radius: 0 0 2px 2px!important; padding: 0px;
    width: 220px; padding-top: 10px; padding-bottom: 10px;}
.header-main .mail-menu ul li:hover ul{display: block;}
.header-main .mail-menu ul li ul li{display: block; width: 100%; text-align: left; padding-bottom: 0px; padding-left: 0px;}
.header-main .mail-menu ul li ul li a{display: block; font-size: 0.85rem; position: relative; text-align: inherit; white-space: nowrap; background-color: transparent;
	border: 0; padding: 10px 15px; line-height: 1.0rem; color: #000000;}
.header-main .mail-menu ul li ul li a:hover {color: #afafa5;}
.header-main .mail-menu ul li a:before{
    content: '';
    background-image: url(../images/icons/star4-1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 59px;
    height: 58px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,0%) scale(.3);
    transform: translate(-50%,0%) scale(.3);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header-main .mail-menu ul li.current_page_item a:before,
.header-main .mail-menu ul li a:hover:before{
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
}

#fixHeader {
  position: fixed;
  top: 0;
  width: 100%;
}
.black-logo{opacity: 0; visibility: hidden; height: 0px;}
.white-logo{}
/*.sticky + main {
    padding-top: 220px;
}*/
.right-logo img{max-height: 100px; transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-in-out;}
.sticky{
    background: #ffffff;
    box-shadow: 0 0 2px 0 rgb(56 69 84 / 20%);
    -moz-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
    -webkit-box-shadow: 0 0 2px 0 rgb(56 69 84 / 20%);
}
.sticky .black-logo{opacity: 1; visibility: visible; height: auto;}
.sticky .white-logo{opacity: 0; visibility: hidden; height: 0px;}
.sticky .header-main .mail-menu ul li a {
    color: #000000;
}
.sticky .header-main .mail-menu ul li a.btn {
    color: #ffffff;
}
.sticky .header-main .logo img {
    max-width: 220px;
}
.sticky .header-main .mail-menu ul {
    padding: 25px 0px 0px;
}
.sticky .right-logo img{max-height: 80px}

/* Banner */
.home-page img{width: 100%; height: 100vh !important; object-fit: cover;}

.mySwiper{
    height:100vh;
}
.swiper-button-next, .swiper-button-prev {
    top: calc(+48%);
    background: #000000;
    color: #ffffff;
    width: 42px;
    height: 42px;
    opacity: 1;
    text-decoration: none;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    border-radius: 100%;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
	opacity: 0.9;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
}
.swiper-button-prev{
    left: 0px;
    right: auto;
}
.swiper-button-next{
    right: 0px;
    left: auto;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
    pointer-events: none;
}

.top-text{width: 80%; margin: 0px auto; text-align: center; padding-top: 30px;}

.home-content{padding: 10px 0px 40px;}
.page-content{padding-top: 145px;}

.home-page.kids-page .mySwiper {
    height: 70vh;
}
.home-page.kids-page img {
    height: 70vh !important;
}

.grid li {
    display: block;
    float: left;
    padding: 10px;
    width: 33.33%;
    -mox-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio-section{padding-top: 35px;}
ul.recentworknavi {text-align: center; margin: 0px; padding: 0px; list-style: none; margin-top: 25px;}
ul.recentworknavi li {display: inline-block; font-family: 'poppinsmedium'; line-height: 1.4rem; font-size: 1.0rem;}
ul.recentworknavi li a{margin: 0 10px 20px 10px; color: rgb(82,82,82);}
ul.recentworknavi li+li:before {content: '/'; font-family: 'poppinsregular'; color: rgb(81,81,81); line-height: 1.4rem;}
.gallery-tiles.home{max-height: 1192px; overflow: hidden;}
.grid li a:before{position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; opacity: 0; transition: all .3s; z-index: 10; background: rgba(255,255,255,0.8);}
.grid li a:hover:before{opacity: 1;}

.service-section.port h5{font-family: 'poppinsmedium'; line-height: 1.4rem; font-size: 16px; color: rgb(82,82,82); font-weight: 500; margin: 0px;}

.insta-section{padding-top: 30px; padding-bottom: 8px;}
.insta-section{}

/* maternity */
.title-panel{
    background-color: #ededed;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.contact-text{padding-bottom: 30px;}
.contact-lft{width: 65%; float: left; padding-right: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contact-rgt{width: 35%; float: right;}
.contact-form{}
.contact-form .form-field{margin-bottom: 1rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contact-form .form-field.left{width: 50%; float: left; padding-right: 15px;}
.contact-form .form-field.right{width: 50%; float: right; padding-left: 15px;}
.contact-form .form-field input[type="text"],
.contact-form .form-field input[type="email"],
.contact-form .form-field textarea,
.contact-form .form-field select{background: rgb(255,255,255); border: 1px solid rgb(82,82,82); border-radius: 3px; height: 38px; padding: 0px 10px; font-family: 'poppinsmedium'; font-size: 0.80rem;
	color: rgb(115,116,118); width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contact-form .form-field textarea{padding: 8px 10px; height: 90px;}
.contact-form .form-field input[type="submit"]{font-family: 'poppinsmedium'; padding: 12px 15px!important; background: rgb(247,183,190); color: rgb(255,255,255); font-size: 0.85rem; border-radius: 3px; 
	border: none; cursor: pointer;}
.map-panel{padding: 20px 0px 65px;}
.contact-rgt ul{margin: 0px; padding: 0px; list-style: none;}
.contact-rgt ul li{}
.contact-rgt ul li a{font-family: 'poppinsmedium'; color: rgb(247,183,190); font-size: 0.88rem; display: block; margin-bottom: 5px; padding-bottom: 5px;}
.contact-rgt ul li a i {width: 20px; color: rgb(82,82,82);}

.bg-maincolor {
    background-image: -webkit-linear-gradient(left, #5b83cd 0%, #c280bf 100%);
    background-image: linear-gradient(to right, #5b83cd 0%, #c280bf 100%);
}
.bg-maincolor2 {
    background-image: -webkit-linear-gradient(left, #2165a9 0%, #3197d4 100%);
    background-image: linear-gradient(to right, #2165a9 0%, #3197d4 100%);
}
.bg-maincolor3 {
    background-image: -webkit-linear-gradient(left, #208291 0%, #32b9c2 100%);
    background-image: linear-gradient(to right, #208291 0%, #32b9c2 100%);
}

.package-page{background-color: #FCC953;}
.package-page h2{color: #ffffff;}

.ti-widget{
    position: fixed;
    bottom: 0px;
    left: 15px;
    width: auto !important;
    z-index: 9999;
}

.panel-pad{
    padding: 60px 0px;
    position: relative;
}
.video-panel img,
.kids-panel img{
    border-radius: 10px;
    width: 100%;
}
.top-content{
    text-align: center;
    max-width: 65%;
    margin: 0px auto;
    position: relative;
    z-index: 9;
}
.top-content h2{
    padding: 0px 130px;
}

/* video-panel */
.video-panel{
    background-color: #b2eaee;
    color: #000000;
    position: relative;
}
.video-panel h2{
    color: #000000;
}
.video-panel .video{
    position: relative;
}
.video-panel .video .video-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: -moz-translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 110px;
    color: #ff0000;
}

.parallax-scene{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute !important;
    overflow: hidden;
}
.parallax-layer{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    pointer-events: none;
    -webkit-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
}
.icon-1 .iconimg{
    position: absolute;
    width: 201px;
    height: 266px;
    top: 8%;
    left: 4%;
}
.icon-2 .iconimg{
    position: absolute;
    width: 170px;
    height: 172px;
    top: 8%;
    right: 4%;
}
.icon-3 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    bottom: 8%;
    left: 4%;
}
.icon-4 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    bottom: 8%;
    right: 4%;
}
.icon-5 .iconimg{
    position: absolute;
    width: 183px;
    height: 239px;
    top: 8%;
    left: 4%;
}
.icon-6 .iconimg{
    position: absolute;
    width: 222px;
    height: 211px;
    top: 8%;
    right: 4%;
}
.icon-7 .iconimg{
    position: absolute;
    width: 159px;
    height: 146px;
    top: 8%;
    right: 4%;
}
.icon-8 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 25%;
    left: 6%;
}
.icon-9 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 24%;
    right: 7%;
}
.icon-10 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 40%;
    left: 8%;
}
.icon-11 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 38%;
    right: 10%;
}
.icon-12 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 50%;
    left: 5%;
}
.icon-13 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 52%;
    right: 3%;
}
.icon-14 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 65%;
    left: 7%;
}
.icon-15 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 70%;
    right: 3%;
}
.icon-16 .iconimg{
    position: absolute;
    width: 43px;
    height: 40px;
    top: 78%;
    left: 3%;
}

.casting-page{
	padding: 0px 80px 30px 80px;
}
.casting-page .image-pnl{}
.casting-page .image-pnl img{
	border: 20px solid #FCC953;
}
.casting-page .content-pnl{
	background: #FCC953;
	color: #ffffff;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 20px;
	text-align: center;
}
.casting-page .content-pnl h2{
	color: #ffffff;
}
.casting-page .content-pnl .text{
	padding: 0px 30px;
}
.package-page .casting-page .image-pnl img{
	border: 20px solid #ffffff;
}
.package-page .casting-page .content-pnl{
	color: #FCC953
}
.package-page .casting-page .content-pnl{
	background: #ffffff;
}
.package-page .casting-page .content-pnl h2{
	color: #FCC953;
}