html { font-family: 'Open Sans', sans-serif; height: 100%; width: 100%; }
body { position: relative; padding: 0px; margin: 0px; width: 100%; height: 100%; font-size: 16px; text-align: left; letter-spacing: 0.01em; color: #000; }
.ui-datepicker { font: 90% "Trebuchet MS", sans-serif; }
.container960 { margin: 0 auto; max-width: 960px; }
.container1020 { margin: 0 auto; max-width: 1020px; }
.container1080 { margin: 0 auto; max-width: 1080px; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
a { text-decoration: none; outline: none; color: unset; }
.pointer { cursor: pointer !important; }
.img-responsive { display: block; height: auto; width: 100%; }
.lightHorizontalLine { border-bottom: 1px solid #e6e6e6; margin: 5px 0; }
.thinBottomBorder { border-bottom: 1px solid #ccc; }
*:focus { outline: none; }
.clear { clear: both; }
.error { color: red; font-size: 13px; }
.inputBoxFullWidth { width: calc(100% - 22px); }
.mobile { display: none; }
.desktop { display: block; }
.width100 { width: 100%; }
.bold { font-weight: bold; }
.floatleft { float: left; }
.floatright { float: right; }
.textalignleft { text-align: left !important }
.textalignright { text-align: right !important }
.textaligncenter { text-align: center !important }
.positionRelative { position: relative; }
.positionAbsolute { position: absolute; }
.absoluteCenter { left: 0; right: 0; text-align: center; position: absolute; }
.horizontalScrollContainer{ overflow-y:hidden; overflow-x:auto; }
.verticalScrollContainer{ overflow-y:auto; overflow-x:hidden; }
.hide { display: none; }
.borderRadius { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; }
.border{ border: 1px solid red; }
.padding0 { padding: 0px !important; }
.padding5 { padding: 5px !important; }
.padding10 { padding: 10px !important; }
.padding15 { padding: 15px !important; }
.padding20 { padding: 20px !important; }
.padding25 { padding: 25px !important; }
.padding30 { padding: 30px !important; }
.paddingright5 { padding-right: 5px !important; }
.paddingright10 { padding-right: 10px !important; }
.paddingright15 { padding-right: 15px !important; }
.paddingright20 { padding-right: 20px !important; }
.paddingright30 { padding-right: 30px !important; }
.paddingleft5 { padding-left: 5px !important; }
.paddingleft10 { padding-left: 10px !important; }
.paddingleft15 { padding-left: 15px !important; }
.paddingleft20 { padding-left: 20px !important; }
.paddingleft30 { padding-left: 30px !important; }
.paddingleft50 { padding-left: 50px !important; }
.paddingtop5 { padding-top: 5px !important; }
.paddingtop10 { padding-top: 10px !important; }
.paddingtop15 { padding-top: 15px !important; }
.paddingtop20 { padding-top: 20px !important; }
.paddingtop30 { padding-top: 30px !important; }
.paddingtop50 { padding-top: 50px !important; }
.paddingbtm5 { padding-bottom: 5px !important; }
.paddingbtm10 { padding-bottom: 10px !important; }
.paddingbtm15 { padding-bottom: 15px !important; }
.paddingbtm20 { padding-bottom: 20px !important; }
.paddingbtm30 { padding-bottom: 30px !important; }
.paddingbtm50 { padding-bottom: 50px !important; }
.marginright5 { margin-right: 5px !important; }
.marginright10 { margin-right: 10px !important; }
.marginright15 { margin-right: 15px !important; }
.marginright20 { margin-right: 20px !important; }
.marginright30 { margin-right: 30px !important; }
.margin0 { margin: 0px !important; }
.margin5 { margin: 5px !important; }
.margin10 { margin: 10px !important; }
.margin15 { margin: 15px !important; }
.margin20 { margin: 20px !important; }
.margin25 { margin: 25px !important; }
.margin30 { margin: 30px !important; }
.marginleft5 { margin-left: 5px !important; }
.marginleft10 { margin-left: 10px !important; }
.marginleft15 { margin-left: 15px !important; }
.marginleft20 { margin-left: 20px !important; }
.marginleft30 { margin-left: 30px !important; }
.marginleft50 { margin-left: 50px !important; }
.margintop5 { margin-top: 5px !important; }
.margintop10 { margin-top: 10px !important; }
.margintop15 { margin-top: 15px !important; }
.margintop20 { margin-top: 20px !important; }
.margintop30 { margin-top: 30px !important; }
.margintop40 { margin-top: 40px !important; }
.margintop50 { margin-top: 50px !important; }
.marginbtm5 { margin-bottom: 5px !important; }
.marginbtm10 { margin-bottom: 10px !important; }
.marginbtm15 { margin-bottom: 15px !important; }
.marginbtm20 { margin-bottom: 20px !important; }
.marginbtm30 { margin-bottom: 30px !important; }
.marginbtm40 { margin-bottom: 40px !important; }
.marginbtm50 { margin-bottom: 50px !important; }
.displayblock { display: block; }
.displayinline { display: inline; }
.displayinlineblock { display: inline-block; }
.displaynone { display: none; }

/* FLEX */
.flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: initial !important; }
.flex1{ flex:1; }
.flex100 {flex:100% !important;}
.flexNoShrink { flex-shrink:0 !important;}
.flexDirectionRow{ -moz-box-direction: row; -webkit-box-direction: row; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flexbox-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flexDirectionCol{ -moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flexWrap{ -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; }
.flexNoWrap{ -moz-box-wrap: nowrap; -webkit-box-wrap: nowrap; -ms-flexbox-wrap: nowrap; flex-wrap: nowrap; }
.flexWrapReverse{ -moz-box-wrap: wrap-reverse; -webkit-box-wrap: wrap-reverse; -ms-flexbox-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.flexJustifyBetween{ -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; }
.flexJustifyAround{ -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; }
.flexJustifyStart{ -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; }
.flexJustifyEnd{ -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }
.flexJustifyCenter{ -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.flexAlignItemsCenter{ -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flexAlignItemsBaseline{ -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; }
.flexAlignItemsStart{ -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
.flexAlignItemsEnd{ -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
.flexAlignItemsStretch{ -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

.flexAlignContentCenter{ -webkit-box-align-content: center; -webkit-align-content: center; -ms-flex-align-content: center; align-content: center; }
.flexAlignContentAround{ -webkit-box-align-content: space-around; -webkit-align-content: space-around; -ms-flex-align-content: space-around; align-content: space-around; }
.flexAlignContentStart{ -webkit-box-align-content: flex-start; -webkit-align-content: flex-start; -ms-flex-align-content: flex-start; align-content: flex-start; }
.flexAlignContentEnd{ -webkit-box-align-content: flex-end; -webkit-align-content: flex-end; -ms-flex-align-content: flex-end; align-content: flex-end; }
.flexAlignContentBetween{ -webkit-box-align-content: space-between; -webkit-align-content: space-between; -ms-flex-align-content: space-between; align-content: space-between; }
.flexAlignContentStretch{ -webkit-box-align-content: stretch; -webkit-align-content: stretch; -ms-flex-align-content: stretch; align-content: stretch; }

.flexAlignSelfCenter{ -webkit-box-align-self: center; -webkit-align-self: center; -ms-flex-align-self: center; align-self: center; }
.flexAlignSelfAround{ -webkit-box-align-self: space-around; -webkit-align-self: space-around; -ms-flex-align-self: space-around; align-self: space-around; }
.flexAlignSelfStart{ -webkit-box-align-self: flex-start; -webkit-align-self: flex-start; -ms-flex-align-self: flex-start; align-self: flex-start; }
.flexAlignSelfEnd{ -webkit-box-align-self: flex-end; -webkit-align-self: flex-end; -ms-flex-align-self: flex-end; align-self: flex-end; }
.flexAlignSelfBetween{ -webkit-box-align-self: space-between; -webkit-align-self: space-between; -ms-flex-align-self: space-between; align-self: space-between; }
.flexAlignSelfStretch{ -webkit-box-align-self: stretch; -webkit-align-self: stretch; -ms-flex-align-self: stretch; align-self: stretch; }

.flexSafariFix{ -webkit-flex:1 0 auto; }

@media only screen and (max-width : 768px) {
  .flexResponsive{ display: block !important; }
}

.responsiveFlex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex1 { flex: 1; }
.flex6 {flex:6;}
.flex4 {flex:4;}
.flex100 { flex: 100% !important; }
/* FLEX */

.mainContainer { width: 100%; min-height: 100vh; }
section { padding-top: 70px; padding-bottom: 100px; }
select.custom { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px; }
input[type='number'] { -moz-appearance:textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }

/*HEADER*/
header { background-image: url("../images/banner-image.jpg"); background-size: cover; padding: 75px 0 20px; position: relative; }
header .bgLogo { text-align: center; margin-bottom: 70px; }
.bannerCaption { text-shadow: 0 17px 63.1px rgba(0, 0, 0, 0.42); color: white; font-family: 'Playfair Display', serif; font-size: 46px; font-weight: 400; text-align: center; margin-bottom: 130px; }
.bannerCaption span { display: block; font-size:14px; font-family: Open Sans, sans-serif; max-width:630px; margin: 0 auto; }
.headerProject { text-align: center; }
.headerProject .heading { color: white; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase; }
.headerProject .description { color: white; font-size: 12px; font-weight: 400; line-height: 16px; margin-bottom: 15px; }
/*HEADER*/

/*BANNER FORM*/
.bannerForm { background-color: #ffc20e; height: 100%; max-width: 285px; right: 8%; top: 0; }
.bannerForm .formContainer { padding: 30px; }
.bannerForm .heading { margin-bottom: 6px; }
.bannerForm form { margin-top: 25px; }
.bannerForm .forms .field select { width: 100%; }
.bannerForm .forms .field textarea { padding-top: 5px; padding-bottom: 5px; resize: none; }
.intl-tel-input {margin-bottom: 8px;}
/*BANNER FORM*/

/*BODY CONTENT*/
section.withBg { background-color: #ededed; }
h2.heading { color: #1f1f1f; font-family: 'Playfair Display', serif; font-size: 42px; font-weight: 400; text-align: center; margin-bottom: 10px; }
h3.subHeading { color: #2c2c2c; font-size: 14px; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 35px; }
.subheadingBorder { text-align: center; margin-bottom: 50px; }
.sliderContent .thumb { max-width: 540px; float: left; }
.sliderContent .description { padding-left: 10px; float: right; position: relative; max-width: 500px; }
.sliderContent .description .verticalNav { position: absolute; top: 28%; right: -115px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.sliderContent .description .verticalNav a { margin-right: 20px; }
.sliderContent .details { margin-bottom: 60px; margin-top: 30px; }
.sliderContent .details .item span { font-weight: 700; color: #2c2c2c; }
.walkthroughLink { color: #1f1f1f; font-size: 13px; font-weight: 700; margin-bottom: 20px; line-height: 18px; text-transform: uppercase; border-bottom: 1px solid #1f1f1f; padding: 5px 0; display: inline-block; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { height: 4px; bottom: -12px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #000; opacity: 0.5; border-radius: unset; width: 32px; height: 4px; margin: 0 10px 0 0; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.aboutMysuru .description { max-width: 500px; margin:0 auto; text-align: center; }
/*BODY CONTENT*/

/*WALKTHROUGH POPUP*/
.walkthroughPopup { max-width: 90%; }
.walkthrough iframe { border: none; height: 80vh; width: 100%; }
/*WALKTHROUGH POPUP*/

/*FOOTER*/
.footerContent { border-top: 1px solid #E5E5E5; padding: 10px 0; }
.footerContent .copywrite { color: #585858; font-size: 12px; font-weight: 400; line-height: 20px; text-align: right; }
/*FOOTER*/


/*CONTACT US FORM*/
.popupButton { background-color: #006cb7;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.15em;
    padding: 15px 0;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    width: 100%; z-index: 9; }
#contactBtn { cursor: pointer; margin-right: 5px; }
.contactFormContainer { position: absolute; right: 0; top: 17vh; }
.contactForm.bannerForm .heading {
	color: #000;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px; }
.contactForm form .field input, .contactForm form .field textarea { padding: 12px 9px; width: calc(100% - 18px); border: none; }
.contactForm form .field { margin-bottom: 10px; }
.contactForm form .field button, .contactForm form .field select { padding: 12px 9px; width: 100%; border: none; }
.contactForm form .field button { background-color: #000; color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase; }
.contactForm.bannerForm { height: auto;}
#contactUsPopup { position:fixed; z-index: 99; }

section.getInTouch { margin-bottom: 70px; margin-top: 85px; background: #f6eed9; padding: 40px 0;}
.getInTouch { text-align: center; }
.getInTouch h2 { font-size: 24px; color: #000000; letter-spacing: 0.01em; font-weight: 400; text-align: center; }
.getInTouch h2 a { background-color: #1a61a5; border: medium none; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; letter-spacing: 0.1em; padding: 10px 20px; text-transform: capitalize;
}
/*CONTACT US FORM*/


@media only screen and (max-width:768px) {
   .desktop { display: none; }
   .mobile { display: block; }
   .responsiveFlex { display: block; }
   .innerContainer { padding-left: 25px; padding-right: 25px; }
   .contentWrapper section { padding-top: 40px; padding-bottom: 40px; }
   header { padding: 25px 0; }
   header .bgLogo { margin-bottom: 40px; }
   .bannerCaption { font-size: 30px; margin-bottom: 60px; }
   .headerProject .heading { font-size: 13px; }
   .headerProject .description { font-size: 11px; margin-bottom: 5px; }
   header .downArrow { margin-bottom: 20px; }
   .headerRightLogo { margin-right: 0px; }
   h2.heading { font-size: 38px; }
	.sliderContent .description { float: none; padding-left: 0; text-align: center; margin: 0 auto; }
	.sliderContent .description .item { margin: 0 auto; }
	.sliderContent .thumb { float: none; margin: 0 auto; }
	.subheadingBorder { margin-bottom: 30px; }
	.sliderContent .details { margin-bottom: 35px; margin-top: 30px; }
	.walkthroughLink { margin-bottom: 20px; }
  #contactBtn { display: none; }
  .contactFormContainer { max-width: 450px; }
  .contactForm.bannerForm { display: block; margin: 0 auto; max-width: 100%; width: 100%; }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { text-align: center; }
	.footerContent { text-align: center; padding-bottom: 60px; }
	.footerContent .copywrite { text-align: center; margin-top: 15px; }

   .leanModal .modal_close { display: block; }

}
@media only screen and (min-width:768px) and (max-width:1024px) {

}
@media only screen and (min-width:1024px) and (max-width:1200px) {
}
@media only screen and (min-width:767px) and (max-width:850px) {
}
@media only screen and (min-width:850px) and (max-width:920px) {
}
@media only screen and (min-width:767px){
}

@media only screen and (max-width:641px) { }
@media only screen and (min-width:641px) and (max-width:767px) { }
@media only screen and (max-width:680px) { .walkthrough iframe { height: 56vh; } }
@media only screen and (max-width:480px) { .walkthrough iframe { height: 40vh; } }
@media only screen and (max-width:420px) {
	header { padding: 25px 0 10px; }
	header .bgLogo { margin-bottom: 28px; }
	header .bgLogo img { max-width: 60px; }
	.bannerCaption { font-size: 26px; margin-bottom: 40px; }
	h2.heading { font-size: 32px; }
	h3.subHeading { font-size: 13px; }
	.sliderContent .description { font-size: 14px; }
  .walkthrough iframe { height: 35vh; }
}