@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: 12px;}
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: #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;}

#fixHeader {
  position: fixed;
  top: 0;
  width: 100%;
}
.black-logo{opacity: 0; visibility: hidden; height: 0px;}
.white-logo{}
/*.sticky + main {
    padding-top: 220px;
}*/
.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 .logo img {
    max-width: 220px;
}
.sticky .header-main .mail-menu ul {
    padding: 25px 0px 0px;
}

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

.mySwiper{
    height:100vh;
    overflow: hidden;
}
.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;}

/* about-us */
.about-us{background-color: #F4F0ED; padding-top: 50px; padding-bottom: 50px; font-weight: 400; font-family: 'SeravekExtraLightItalic'; font-size: 18px;}
.about-lft{padding-top: 20px;}
.about-lft img{width: 100%;}
.about-rgt{padding-left: 30px; -moz-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{}

.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);}

.package-page{background: rgb(249,249,249); padding-bottom: 20px;}
.package-section{}
.package-section .package-panel{background: #ffffff; margin-bottom: 30px; margin-top: 20px;}
.package-section .package-panel h2{font-family: 'poppinsmedium'!important; color: rgb(255,255,255)!important; text-transform: uppercase; font-size: 0.75rem; padding-top: 5px; padding-bottom: 5px; 
	text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; background: rgb(247,183,190)!important; letter-spacing: 0.2rem; font-weight: 700;}
.package-section .package-panel .package-pnl{width: 50%; float: left;}
.package-section .package-panel .package-pnl ul{margin: 0px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px;}
.package-section .package-panel .package-pnl ul li{padding-bottom: 15px; line-height: 20px;}
.package-section .package-panel .package-pnl ul li:first-child{font-weight: 700; font-size: 20px;}
.package-page h2 span {background: rgb(249,249,249);}

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