@charset "utf-8";

/*=========== POWERED BY MERIDIAN IT SOLUTIONS ============*/

/*************** DEFAULT CSS ***************/
body{
 	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: #222222;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #fff; /* Safari */
	color:#000;
        }
::-moz-selection {
    background: #fff; /* Firefox */
	color:#000;
}
a {
	color:#20C7F5;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #103FA8;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:199px;
	height:122px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/pinkit-now.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-61px 0 0 -99.5px; /* is width and height divided by two */
}

/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.two-col{
	width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0 !important;
}
section {
	width: 100%;
	float: left;
	position: relative;
	}
aside {
    width: 30%;
    float: right;
    margin: 0;
    padding: 0;
}
summary {
    width: 70%;
    float: left;
    margin: 0;
    padding: 0 60px 0 0;
}

/*************** HOME PAGE CSS ***************/
header{ float: left; width: 100%; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; top:-250px; background-color:#fff;}
.logo{ float:left; margin: 8px 0;}
.logo a:first-child{ margin-right:30px;}
.logo a img { width: 122px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.header-right{float:right;margin-top: 20px;}
.right-call{display: block;}
.right-call a{float:left;width:100%;color:#3c3b3b;font-size: 24px;font-weight: 700;}
.right-call span{float:left;width:100%;text-align:center;color:#3c3b3b;letter-spacing: 1px;font-size: 20px;}
.language{float:right;background: #ffffff;padding: 8px 4px;border-radius: 50px;}
.language a{padding: 0 6px;border-right: 2px solid #c5c5c5;float:left;color: #696969;font-size: 14px;line-height: 18px;font-weight: 700;}
.language a:last-child{ border-right:none;} 
.language a:hover {color: #ea4f97;}
.menu { float: left; width: 100%; background: #ea4f97;}
	
.booking-form{float:left;width:24%;position:fixed;right:4%;top:220px;z-index:2;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.booking-form h4{background: #ea4f97;text-align: center;color: #fff;padding: 12px 15px;font-size: 22px;margin: 0px;text-transform:uppercase;float:left;width:100%;font-weight:700;}
.form-wrap{float:left;width:100%;padding: 20px;background: #fff;border:1px solid #d6d6d6;border-top:none;}
.form-wrap h5{ font-size: 15px; text-align: center; color: #ea4f97;}
.form-wrap .fm-align{ float:left; width:49%; margin-right:2%; margin-bottom:10px;}
.form-wrap .frm-btn{ margin:-20px 0 0px;}
.form-wrap .advice-head{ margin-top: -16px;}
.bnr-terms{float:left;width:100%;padding: 10px 20px;background-color: #f1f1f1;}
.bnr-terms p{ margin-bottom:0px; font-size: 12px;}
.form-wrap p.frm-txt-p {
    font-size: 13px;
    font-weight: 300;
    margin: 10px 0 5px 0;
    display: block;
}

/****** banner form*****/
.form-group-bnr-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 2%;
    margin-bottom: 20px;
}
.form-group-bnr {
    flex: 0 0 49%;
    position: relative;
}
.form-group-bnr:last-child {
    flex: 0 0 100%;
}
.form-group-bnr input,
.form-group-bnr textarea,
.form-group-bnr select {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px;
    border: 1px solid #e1e1e1;
	font-size: 14px;
}
.form-group-bnr.last {
    flex: 0 0 100%;
}
label.label-style {
    position: absolute;
    display: inline-block;
    background-color: #fff;
    padding: 3px 5px;
    font-size: 11px;
    top: -10px;
    left: 10px;
    color: #727272;
}
.home-recapta {
    display: block;
    float: left;
    margin-bottom: 25px;
}

@media only screen and (max-width: 640px) {
  .form-group-bnr {flex: 0 0 100%;}
}

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




.banner{float:left;width:100%;background-image:url(../images/pink-it-now-banner.jpg);background-position:bottom center;background-repeat:no-repeat;height: 800px;}
.banner-cap {
    float: left;
    margin-top: 30px;
    direction: rtl;
}

h2.banner-title {
    color: #fff !important;
    direction: ltr !important;
}



.bnr-links{ display:block}
.bnr-links a{display:inline-block;padding: 12px 30px;background-color: #ea4f97;font-size:16px;color:#fff;border-radius:15px;margin-right: 10px;font-weight: 600;}
.bnr-links a:hover{ background-color:#333333;}
.banner-cap h2{font-size:44px;color:#4a4a4c;line-height: 50px;font-weight:900;}
.banner-cap h3{font-size:32px;color:#4a4a4c;line-height: 36px;font-weight:800;}
.pad{ padding:100px 0px;}
.pink-bg{ background-color:#f7c2d7;}
.content-col{ float:left; width:78%;}
.heading{ float:left; width:100%; margin-bottom:30px;}
.heading span{float: left;font-size: 44px;color:#ea4e97;line-height:32px;text-transform:uppercase;font-weight:700;display:block;border-bottom:2px solid #ea4e97;padding-bottom: 10px;}
.intro-cap{ color: #fff; font-size: 34px; text-align: center; margin-bottom: 50px;}
.ambasider{ float:left; width:100%;}
.ambasider p{ margin-bottom:0px;}
.amba-name{ float:left; width:100%; background-color:#ea4f97; padding:10px; text-align:center;}
.amba-name h3{color:#fff;display:block;font-weight:700;font-size:20px;margin-bottom: 3px;} 
.amba-name span{font-size:16px;color: #fff;}
.amba-img{ line-height:0px;}
.amba-img img{ width:100%;}
.partners{ background-color:#f3f3f3; padding:0px 0 70px;}
.part-head{ float:left; width:100%; padding:78px 0px 60px; background-color:#fff;}
.partners-wrap{ float:left; width:100%; padding: 40px 0px;}
.partners-detail{ float: left; width: 100%; position: relative; border-bottom: 2px solid #868282; padding-left: 190px; margin-bottom: 25px;min-height: 115px;}
.partners-detail span{ position:absolute; left:0px; top:0px;}
.partners-detail h4{ font-weight:700; margin-bottom:5px;}
.partners-detail h4, .partners-detail p{ color:#6f6f70;}
.doc-wrap{ float:left; width:100%;}
.doc-img, .doc-img img{ float:left; width:100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.doc-img{ border: 1px solid #ececec; overflow:hidden; height: 258px;}
.doc-wrap:hover .doc-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.doc-cnt{ float:left; width:100%; padding:20px 0;}
.doc-cnt h5{ font-size: 16px; font-weight: 600; margin-bottom:8px; float:left; width:100%;}
.doc-cnt p{ font-size: 13px;}
.faq-heading{float:left;width:100%;background-color:#ea4f97;padding: 10px 10px 10px 60px;color: #fff;font-size: 16px;margin-bottom: 0px;}
.faq-ansr{float:left;width:100%;padding: 20px 20px 0px 60px;}
.faq-ansr p{margin-bottom:0px;color: #686969;}
footer{ float:left; width:100%; background-color:#fdebf2; padding: 17px 0px 10px;}
.left-logo{ float:left;}
.ftr-right{ float:right;}
.right-logo{ float:left; margin-right: 25px;}
.ftr-right p{ clear:none; float:left; font-size:13px; margin-top:9px; margin-bottom:0px;}
.pc{ display:block;}
.mob{ display:none;}
.whtsapp-link{position:fixed;right:20px;bottom:16px;z-index:11;}
.whtsapp-link h5{float:left;width:165px;position:absolute;right:-11px;opacity:0;color:#6d6d6d;font-size:13px;font-weight:500;margin:10px 0 0 0;background-color:#e8e8e8;padding:10px;border-radius:5px;line-height:18px;z-index:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whatsapp-icon{width:56px;height:56px;background:#2db742;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-webkit-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-moz-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);text-align:center;line-height:78px;float:right;margin-left:0;z-index:1;position:relative;}
.whatsapp-icon img{width:36px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whtsapp-link:hover h5{right:52px;opacity:1}
.whtsapp-link:hover .whatsapp-icon img{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/********* FIXED HEADER ***************/
header.smaller{ position: fixed; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; top: 0; z-index:9999;}
header.smaller .logo a img { width: 78px;}
header.smaller .logo { margin: 3px 0;}
header.smaller .header-right { margin-top: 8px;}
header.smaller .right-call a { font-size: 18px;}
header.smaller .right-call span { font-size: 15px;}
header.smaller .booking-form { top: 130px;}

/*************** MENU CSS ***************/
#mainNav.navbar-dark .navbar-brand {
	color: #fff;
	background: #893d00;
	padding: 10px 0 10px 0;
	position: relative;
}

#mainNav.navbar-dark .navbar-brand::after {
	content: "";
	width: 100px;
	height: 79px;
	position: absolute;
	right: -50px;
	top: 0;
	background: #893d00;
	transform: skew(-40deg);
	z-index: 0;
}

#mainNav.navbar-dark .navbar-brand::before {
	background: #893d00;
	width: 27%;
	height: 79px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.nav-item.js-scroll-trigger.dropdown div.dropdown-menu::after {
	width: 0;
	height: 0;
	display: block;
	background: transparent;
	position: absolute;
	content: "";
	left: 10%;
	top: -10px;
	border-top: none;
	border-bottom: solid #fff 10px;
	border-right: solid transparent 10px;
	border-left: solid transparent 10px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: absolute;
	top: 40px;
	border-radius: 0;
	width: 270px;
	height: auto;
	border-bottom: solid #893d00 5px;
	border-right: none;
	border-left: none;
	box-shadow: 0 9px 25px -12px #000;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
	font-size: 14px;
	text-align: left;
	padding: 6px 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu ul li:last-child {
	border-bottom: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu a:hover,
.navbar-expand-lg .navbar-nav .dropdown-menu a:focus,
.navbar-expand-lg .navbar-nav .dropdown-menu a:active {
	color: #893d00;
	background: transparent;
}

#mainNav {
	border: none;
	}

#mainNav.navbar-dark {
	border: none;
	border-radius: 0;
	padding:0;
	
}

#mainNav.navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
}

.navbar-nav.ml-auto {
	margin: 0 auto;
}

#mainNav.navbar-dark .navbar-nav .nav-link {
	font-size: 15px;
	position: relative;
	font-weight: 600;
	transition: ease all 1s;
	text-transform: uppercase;
	padding:14px 12px;
}

#mainNav.navbar-dark .navbar-nav .nav-link::before {
	display: block;
	position:absolute;
	width: 0;
	height: 3px;
	content: "";
	background: #ffffff;
	transition: ease all 0.5s;
	bottom:0;
	left:0px;
}

#mainNav.navbar-dark .navbar-nav .nav-link:hover::before {
	width: 100%;
}

#mainNav.navbar-dark .navbar-nav .nav-link.active::before {
	width: 100%;
}

.navbar-nav .nav-item+.nav-item {
	margin-left: 20px;
}

/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	float: left;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    font-size: 13px;
    font-style: italic;
    background: #fff;
    padding: 8px 10px;
	color: #4e4e4e;
}
.sendbutton{
	width: 100%;
	height:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size: 14px;
	/* font-family: 'Poppins', sans-serif; */
	cursor:pointer;
	vertical-align:top;
	padding:12px 10px;
	text-align:center;
	background-color: #ea4f97;
	text-transform:uppercase;
	font-weight: 600;
	border-radius: 50px;
	}
.sendbutton:hover{
	background-color:#333333;
	color:#fff;
	}
	::-webkit-input-placeholder {
   color: #4e4e4e !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #4e4e4e !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #4e4e4e !important;
}
:-ms-input-placeholder {  
   color: #4e4e4e !important;
}

.back-btn {
	color:#fff;
	font-size: 14px;
	/* font-family: 'Poppins', sans-serif; */
	cursor:pointer;
	vertical-align:top;
	padding:12px 10px;
	text-align:center;
	background-color: #ea4f97;
	text-transform:uppercase;
	font-weight: 600;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
}
.cta-main-wrapper.msg-box {padding: 100px 0;text-align: center;}
.text-pink {color :#ea4e97;}






/************************************* 1480px *************************************/
@media only screen and (max-width: 1480px) {
.content-col { width: 65%;}
.booking-form { width: 30%; right: 2%;}
}

/************************************* 1366px *************************************/
@media only screen and (max-width: 1366px) {
.booking-form { width: 34%; right: 2%;}
.content-col { width: 60%;}
}
/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
}

/************************************* 991px *************************************/
@media only screen and (max-width: 991px) {
.language { position: absolute; right: 0px; top: 3px;}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.pc{ display:none;}
.mob{ display:block;}
.booking-form { width: 100%; right: 0; position: inherit; margin-bottom: 40px;}
.content-col { width:100%;}
.banner { background-position: bottom left;}
.pad { padding: 70px 0px;}
.part-head { padding: 58px 0px 43px;}
.doc-img { height: inherit;}
.logo a img { width: 86px;}
.logo { margin: 6px 0;}
.header-right { margin-top: 14px;}
.right-call a { font-size: 18px;}
.right-call span { font-size: 15px;}
.new-sty h3.ban-cap-nw {text-align: left;color: #fff;}
.new-sty {margin-top: 10px;}
.new-sty h3 {margin-bottom: 5px;}
.partners-detail{ min-height: auto;}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.two-col, .three-col, .four-col, aside, summary{ width:100%; margin:0 0 25px 0; }
summary{ padding:0px;}
.bnr-links { margin-bottom: 15px;}
.banner-cap h2 { font-size: 22px; line-height: 24px; margin-bottom:10px;}
.banner-cap h3 { font-size: 20px; line-height: 24px;}
.banner { background-position: right top; background-size: 1000px; height: 436px;}
.intro-cap { font-size: 26px; margin-bottom: 26px;}
.left-logo { width: 100%; text-align: center;}
.ftr-right { width: 100%; text-align: center;}
.right-logo { float: none; display: inline-block;}
.ftr-right p{ float:none; display:inline-block;}
.faq-heading { padding:15px;}
.faq-ansr { padding: 15px 15px 0px 15px;}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.container{ width:95%; }
.logo a:first-child { margin-right: 15px;}
.partners-detail span { position: relative; width: 100%; text-align: center; float: left;}
.partners-detail { padding-left:0; text-align:center;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.logo, header.smaller .logo{ width: 100%; text-align: center; margin: 4px 0;}
.header-right, header.smaller .header-right{ margin-top:0px;  margin-bottom:6px; width:100%; text-align:center;}
.logo a img, header.smaller .logo a img{ width: 76px;}
.right-call a, header.smaller .right-call a{ font-size: 15px;}
.right-call span, header.smaller .right-call span{ font-size: 12px;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {

}