@charset "utf-8";
/* CSS Document */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 22, 2019 */

@font-face {
    font-family: 'sofia_prolight';
    src: url('fonts/sofiapro-light-webfont.woff2') format('woff2'),
         url('fonts/sofia_prolightsofiapro-light-webfont.woff') format('woff'),
         url('fonts/sofiapro-light-webfont.ttf') format('truetype'),
         url('fonts/sofiapro-light-webfont.svg#sofia_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'photograph_signatureregular';
    src: url('fonts/photograph_signature-webfont.woff2') format('woff2'),
         url('fonts/photograph_signature-webfont.woff') format('woff'),
         url('fonts/photograph_signature-webfont.ttf') format('truetype'),
         url('fonts/photograph_signature-webfont.svg#photograph_signatureregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
input::-webkit-input-placeholder {
    color: #000000;
}

input::-moz-placeholder {
    color: #000000;
}

input::-ms-placeholder {
    color: #000000;
}

input::placeholder {
    color: #000000;
}


body { padding:0px;margin:0px; color:#155192; font-size:15pt; line-height:18pt; background-color:inherit; font-family: "sofia_prolight", Helvetica, Arial, sans-serif; }
.logo-container { position:absolute; top:0px;left:145px;}
.p0 { padding:0px !important;}
.m0 { margin:0px !important;}
.mb0 {margin-bottom:0px !important;}
.logo-header .logo_container { position:absolute; right:0;top:20px; }

.title_font { font-size:22pt; line-height:29pt; font-family: "sofia_prolight", Helvetica, Arial, sans-serif; text-align:center; text-transform:uppercase; letter-spacing:3px; padding:15px 0px;}
.subtitle_font { font-size:15pt; line-height:20pt; font-family: "sofia_prolight", Helvetica, Arial, sans-serif; text-align:center;  letter-spacing:3px; padding:15px 0px; color:#EEEEEE; }
.gray_bold {font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 700;}
.under_line { border-bottom:solid 2px #939598; padding-bottom:1px;}
.blue_bg { background-color:#002954;}
.form_container { padding:60px 80px 30px 80px;}
.footer { padding:40px 0px 0px 0px;}
.selected_class { border:solid 3px #002954;}
.css_btn { text-align:center; background-color:#4b84b4; display: block; width: 100%; border:solid 3px #4b84b4; border-radius:0px; margin-top:2px; font-family: "sofia_prolight", Helvetica, Arial, sans-serif;font-size:13pt; }
.fnt13 { font-size: 11pt !important;
    line-height: 16px !important;
    text-align: left;
    letter-spacing: 0;}
.fnt13 a {color: #73f870;}
.css_btn:hover { background-color:#28628f;color:#FFFFFF;border:solid 3px #28628f;}
.input_box {  border-radius:0px; padding:10px 12px; height:auto;font-family: "sofia_prolight", Helvetica, Arial, sans-serif; font-size:12pt; font-weight: 300; border:solid 1px #3c3c3b; }
.class-item-container { position:relative; overflow:hidden; margin-bottom:35px;}

.class-item-container:hover { cursor: url('pasta.png'), auto;}
.text-container { position:absolute;width:100%;padding:5%;background-color:#002954; color:#FFF;font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center; bottom:0px; text-transform:uppercase; }

.text-container-hover {  position:absolute;width:100%;padding:7% 10%; height:100%; background-color:rgba(0,41,84,0.8); color:#FFF;font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center; bottom:0px; overflow:hidden; text-transform:uppercase; display:none; }
.text-container-hover .title_text_hover {
    font-size: 13pt;
    letter-spacing: 4px;
    line-height: 18pt;
	font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;
}
.text-container-hover .date_text_hover {
    font-size: 10pt;
    line-height: 12pt;
    letter-spacing: 2px;
}
.text-container-hover .course_for {
    padding: 15px 25px;
    font-size: 11pt;
    border-top: solid 1px #eeeeee;
    margin: 25px 0px 20px 0px;;
    border-bottom: solid 1px #eeeeee;
	letter-spacing:3px;
	line-height:18pt;
}

.text-container-hover .timing_hover {
    font-size: 12pt;
    padding-bottom: 15px;
}
.text-container-hover .location_hover{
    font-size: 12pt;
    padding-bottom: 15px;
}
.text-container-hover .book_now {
    font-size: 10pt;
    padding: 3px 20px;
    border: solid 1px #EEEEEE;
    display: inline-block;
}


.class-item-container.selected_class .text-container {display:block !important;} 
.text-container .title_text {font-size:15pt;letter-spacing:4px; line-height:21pt;}
.date_text {font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;font-size:11pt;letter-spacing:4px; line-height:18pt; padding-top:7px;}
.class_type_selector {position:absolute; bottom:15px; z-index:-1; }
.error {border:solid 2px #C12A1A;}
.loading { padding: 10px 0px; display:none;
    color: #d71616;
    font-size: 15px; font-weight: bold;}
.gap { height:20px; clear:both;}
.right-side-form { border:solid 1px #CCC; padding:0px; background-color:#FFFFFF; color:#322232;}
.text-content { font-size:13pt; line-height:14pt; padding-bottom:10px;}
.row-eq-height {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.banner-text { margin: 100px 40px 80px 0px; font-size:35pt;line-height:34pt; padding: 30px 40px;  color: #FFF; font-weight: bold;}
.content-sec { padding:20px 20px 0px 0px !important;}
.subtitle { font-size:17px;color:#003550;}
.bg_blue_title { background-color:#003550; padding:4px 15px; font-size:15px; color:#FFF; margin:10px 0px;}
.single-item p {font-size:13px; line-height:16px; text-align:center; color:#00aeef;}
.right-content-box { background-color:#003550; padding:20px; margin-top:20px; color:#FFF; min-height:270px;}
.right-content-box div { font-weight:700; padding-bottom:8px;}
.right-content-box p { font-size:16px; padding:4px 0px;}
.success { color:#6f773d !important; font-size:15px; font-weight: bold;}
.thank-you-msg { font-size:24px; line-height:31px;padding:70px 20px;}
label.cameraButton {
  display: inline-block;
    margin: 5px 5px 5px 0px;
    padding: 7px 15px;
    border: 1px solid #FFF;
    background-color: #D15005;
    font-size: 12pt;
    width: 100%;
    text-align: center;
}

/* Look like a clicked/depressed button */
label.cameraButton:active {
  border-color: #CCC #EEE #EEE #CCC;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.cameraButton input[accept*="camera"] {
  display: none;
}
label.uploadReceipt {
  display: inline-block;
 margin: 5px 5px 5px 0px;

  /* Styles to make it look like a button */
  padding:5px 15px;;
  border:3px solid #FFF;
  background-color: #fe91a1;
	font-size: 10pt;
}

/* Look like a clicked/depressed button */
label.uploadReceipt:active {
  border-color: #CCC #EEE #EEE #CCC;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.uploadReceipt input {
  display: none;
}
#selected_file {font-size: 14px;height: 20px;
    display: inline-block;}
h2.section-title { padding: 30px 0px 10px 0px; font-weight: 700; font-size:38px; }
.single_step {text-align: center;}
.step_icon_text {font-size: 16pt;color: #666;  font-weight: 300;}
.step_name {    padding: 13px 0px;
    font-size: 14pt;
    font-weight: bold;
    color: #58595b;}
.step_info {font-size: 13pt;
    line-height: 23px; padding-top:10px;}
.gift-message-head {padding: 50px 0px 0px 0px;
    font-size: 25px;
    font-weight: 700; }
.gift-message {padding: 10px 0px;
    font-size: 17px;
    line-height: 22px;}
p{margin: 0 0 10px;
    font-size: 13pt;
    line-height: 23px;}
h2.section-sub-title {
    text-align: center;
    margin: 0px;
    font-size: 30pt;
    font-weight: bold;
	color: #28628f;
}
.single-prize {text-align: center;}
.single-prize .prize-text {
    padding: 6px 9px;
    background-color: #be0737;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
}
.bg-light {
	background-color: #ecedec;
}
.bg-footer{
	background-color: #FFFFFF;
	
}
.footer-contents {padding: 30px 0px; font-size: 14px; color:#819042; text-align: center;}
.footer-contents span { display: block; font-size: 16px;}
.footer-contents span.txt {padding: 7px 50px;background-color: #28628f; color: #fff;}
.copyright { border-top: solid 2px #333333;padding: 15px 0px !important;}
.footer-contents a {color: #fff;}
ul.tc li {font-size:13pt;line-height: 20px;padding-bottom: 15px;}
.fixedTop {
   position: fixed;
    z-index: 999;
    border-bottom: solid 1px #6a6d6d;
    width: 100%;
    background-color: #fff;
    height: 100px !important;
    margin-bottom: 20px;
}
div#topHeader {
    background-color: #FFF;
}
ul.navigation {
    padding: 0;
    margin: 20px 0px;
}
ul.navigation li {
    display: inline-block;
    padding: 7px 20px;
}
a.scroll {
    font-size: 13pt;
    text-transform: uppercase;
    font-weight: 300;
    color: #6a6d6d;
}
a.active_secton_menu {color: #00488d !important; text-decoration:none; font-weight: 900 !important;}
.nav>li>a:focus, .nav>li>a:hover { background-color: #FFF;}
.lg-purple {background-color: #f7b2bf;}
h3.egifttitle {
    margin: 0px 0px 10px 0px;
    font-size: 19px;
    font-weight: 300;
}
.egiftstep .steptext {
    font-size: 14px;
    line-height: 17px;
	
}
.egiftstep {
    text-align: center;
    padding: 5px 6px 10px 4px;
    background-color: rgba(232,232,232,.7);
    margin: 0px 5px 30px 0px;
    width: 24%;
	border-radius: 9px;
}
.egiftstep .stepno {
    font-size: 22px;
    font-weight: 700;
    padding: 8px 0px;
}
.stepicon {
    padding-top: 8px;
}
/*.price-details {padding:180px 0px 150px 0px; } */
.price-details  table {border:solid 1px #CCC;}
.price-details table thead { background-color: #28628f;}
.price-details table thead tr td {font-weight:300; font-size: 15pt; color: #FFFFFF; padding: 12px !important;border: solid 1px #28628f ; width: 25%;vertical-align: middle !important;}
.price-details table tbody tr td { background-color: #FFF; }
.price-details table td {padding: 10px 10px !important;font-size: 12pt;border: solid 1px #28628f  !important; vertical-align: middle !important; color: #58595b;}
.price-details table td a img { width: 80% !important; padding-left: 20px;}
.pr0 { padding-right: 0px !important;}
.lg-link-head {padding:90px 30px 40px 30px; font-size:34px;text-align: center;}
a.lglinkbtn {
    display: inline-block;
    margin: 30px 0px;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    background-color: #be0738;
    color: #fff;
    border-radius: 8px;
}

.navbar { height: 80px; }
.navbar-brand {padding: 10px 0px; margin-left: 0px !important;}
.aligntologo { padding-top: 45px;}
.topmainmenu li a {color: #155192; font-weight:normal; font-size: 11pt;}
.top-banner {
	background: url("../images/header.jpg") no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   max-height: 700px;
}
.pattern-bg {
	background: url("../images/pattern-bg.jpg") repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  
}

.single-block {padding: 20px; border-radius: 9px; background-color: rgba(232,231,230,.7); background: url(../images/bg-recipe.jpg);
  background-repeat: no-repeat;
  background-size: auto; margin-bottom: 20px;}
.single-block img.ftl { width: 100%;}
.single-block h3 { text-align: center;  color: #00488e; margin: 10px 0px; min-height: 55px;}
.single-block p { color: #fff; text-align: center; font-size: 12pt; padding: 5px 30px;}
.time {
       width: 48%;
    background-color: #105a9b;
    color: #fff;
    margin: 1%;
    padding: 3px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
	float: left;

}
.serve { width: 48%;
    background-color: #105a9b;
    color: #fff;
    margin: 1%;
    padding: 3px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
	float: left;
	padding-left: 15px;
}
.time-serve {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.time img,.serve img {width: 45px; margin-right: 12px; }
.css_button {    
    background: none;
    color: #00488e;
    padding: 8px 35px;
    border-radius: 20px;
    text-decoration: none;
    /* width: 212px !important; */
    display: inline-block;
    margin: 3px;
    border: solid 2px #00488e;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 11pt;
}
.css_button:hover { text-decoration: none;background-color: #00488e; color: #fff;}
.parallax {
  /* The image used */
  background-image: url("../images/parallax.jpg");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
h2.form-header { 
	font-size: 18pt;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #28628f;
    margin: 0px;
    padding: 14px 0px;

}
.form-group { margin: 10px 20px; }
#c_code { width: 30%; float: left; padding: 11px;}
/*#c_contact_no {width: 68%;float: right;}*/
.mobile-container { float: left; margin-bottom: 20px;}
.checkbox label, .radio label { font-size: 15px; padding-left: 2px;}
.strip-title { padding: 35px 0px 10px 0px; text-align: center; font-weight: bold; font-size: 28pt; color: #ffffff; text-transform: uppercase; margin: 0px;}
.strip-sub-title {text-align: center; color: #FFF; margin-bottom: 30px; font-size: 15pt; line-height: 18pt; padding: 0px 60px;}
.intro-text p { color: #155192; font-size: 14pt;line-height:19pt; padding-bottom: 15px;  }
.contentsss { min-height: 295px;}
.step_icon img {width: 70%;}
 /* the slides */
  .slick-slide {
    margin: 0 15px 15px 0px;
	  border: solid 4px #00488e;
	  cursor: pointer;
	      border-radius: 6px;
  }
  /* the parent */
  .slick-list {
    margin: 0 -15px -15px 0px ;
  }
.slick-dots li button:before {font-size: 65px !important; color: #5f7681 !important;}

.slick-dots li.slick-active button:before
{
    opacity: .85;
    color: #00488e !important;
}
.bggreen {background-color: #507ba6;}
.master-plan img { border: solid 4px #484f5d; width: 100%}
.gmap {border: solid 6px #f0bb1c;}
.abt-wasl-p { padding: 40px 0px;}
.abt-wasl-p ul li { color: #FFF;padding: 10px 0px; font-size: 15pt; }
.wp-register { color: #2c242f; background-color: #FFF; padding: 11px 20px; font-weight: bold; font-size: 16pt; width: 45%; margin: 0 auto;}
.inheritcolor.single-block h3{color: #58595b;}
.inheritcolor.single-block p{color: #58595b;}
.call-whatspp ul { padding: 0px; margin: 0px; list-style-type: none; float: right; }
.call-whatspp ul li { display: inline;}
#mybutton {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-color: #003057;
    border-radius: 10px;
    padding: 10px 20px;
    z-index: 999;
    cursor: pointer;
    box-shadow: 4px 4px 14px #6f6259;
}
.chtbtn {
    font-size: 45px !important;
    color: #FFF;
    top: unset !important;
    cursor: pointer;
}
.reg{
	background-color: #28628f;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
}
#myNavbar {position: relative;}
.call-whatspp {
    position: absolute;
    right: 33px;
    top: 15px;
}
.call-whatspp ul li i {font-size: 30px; padding-left: 5px;}
.whitecolor { color: #FFF;}
.bluecolor { color: #00488e !important;}
.hayafont {
	 font-family: "photograph_signatureregular", Helvetica, Arial, "sans-serif";
	font-size: 25px;
}
.lightgreybg { background-color: #e4e5e8 !important;}
.dwnld {    border-radius: 64px;
    border: solid 8px #00488d;;}
.vd img { width: 100% !important;}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.price-details table thead tr td { font-size: 12pt;}
	.price-details table td { font-size: 15px;}
	.step_icon img {     width: auto; }
	.vd img { width: 100% !important; margin-bottom: 15px;}
	.strip-title { font-size: 20pt;}
	.gap {
    height: 10px;
    clear: both;
}
	.slick-slide { margin: 0px !important;	}
	.slick-list {    margin:  0px !important;  }
	
	.col-lg-12.col-xs-12.master-plan {
    padding: 0px;
}
	.mpm0 {padding: 0px !important;}
	.abt-wasl-p ul li {
    color: #FFF;
    padding: 4px 0px;
    font-size: 12pt;
}
	.fixedTop { height: 70px !important;}
	.fixedTop .navbar-brand img {width: 58%; margin-top: 10px;}
	.wp-register { width: 88%;font-size: 13pt;}
	.footer-contents span.txt { margin-bottom: 15px;}
	h2.section-sub-title { font-size: 24pt !important;}
	.intro-text p { color: #155192;font-size: 14pt;line-height: 20pt;}
	
	.lg-link-head {padding: 30px 20px 20px 20px !important;font-size:24px;}
	.price-details {padding:10px 0px;}
	.logo {text-align: center;}
	.logo-container { position:absolute; top:0px;left:30px;}
	.logo img { width:100px;}
	.fnt13 { font-size: 11pt !important;
    line-height: 16px !important;
    text-align: left;
    letter-spacing: 0;}
	.form_container { padding:40px 40px 20px 40px;}
	.title_font {font-size: 19pt !important;line-height: 23pt !important;padding:10px 0px !important;}
	.text-container .title_text {font-size: 11pt !important;letter-spacing: 4px !important;line-height: 19pt !important;font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;}
	.date_text { padding:0px !important; font-size:10pt !important; }
	.subtitle_font {font-size: 16pt !important; margin:0px;}
	.subtitle_font.fnt13 { font-size:12pt !important;}
	.footer img {width:110px;}
	.subtitle_font.fnt13.mobfooter {font-size:10pt !important;}
	.mb35 {margin-bottom:35px;}
	.banner-text {
    /* top: 25px; */
    /* left: 35px; */
    font-size: 18px;
    line-height: 25px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
	.navbar-brand { padding: 10px 20px; }
	.navbar-brand img {width: 75%;}
	.navbar {
    height: 60px;
}
	.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 4px;
    border-radius: 1px;
    background-color: #00488d;
}
	.navbar-toggle {margin-top: 25px;}
	.topmainmenu { position: relative;background-color: #FFF; z-index: 999999; padding-top: 10px;}
	.c360 {font-size: 11px;    background-color: #819042;    padding: 2px 2px;    text-align: center;    color: #fff;}
	.header-banner { padding:0px;}
	.served_det { font-size: 14px;}
	.input_box 	{font-size:11pt !important;}
	.single-item {min-height:123px;}
	.mob-menu {padding: 0px; margin: 0px;}
	ul.navigation {padding: 0;    margin: 5px 0px;}
	a.scroll {font-size: 13px;}
	ul.navigation li {
    display: inline-block;
    padding: 4px 9px 10px 9px;}
	.single_step {margin-bottom:20px;}
	.gift-message {
    padding: 20px 0px;
    font-size: 17px;
    line-height: 27px;
    text-align: center;
}
	h2.section-title { padding: 30px 0px 10px 0px; font-weight: 700; font-size:30px; }
	.egiftstep { width:inherit !important;}
}
		

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	
	}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
     .logo-container { position:absolute; top:0px;left:50px;}
	.logo-container img { width:170px;}
 }

.animated-icon1, .animated-icon3, .animated-icon4 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer; }

.animated-icon1 span, .animated-icon3 span, .animated-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out; }

.animated-icon1 span {
  background: #073254; }

.animated-icon3 span {
  background: #073254; }

.animated-icon4 span {
  background: #073254; }

.animated-icon1 span:nth-child(1) {
  top: 0; }

.animated-icon1 span:nth-child(2) {
  top: 6px; }

.animated-icon1 span:nth-child(3) {
  top: 15px; }

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px; }

.animated-icon1.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); 
}

.colorwhite {color:#FFFFFF;}

@media (min-width: 992px) {  
 .navbar-toggler {
    display: none;
}
}