@charset "utf-8";
/* CSS Document */

body {  font-family: 'robotoregular'; font-size: 14px;}
/* MAIN LAYOUT
========================================================================*/
.wrapper {}
/* HEADER
========================================================================*/
header {}
.logo{ padding:30px 0 20px 0; float: left;}
.laguageBox{ float:right; margin-top: 30px;}
.laguageBox ul{}
.laguageBox ul li{ cursor: pointer; float: left; padding: 5px 10px; position: relative;}
.laguageBox ul li:after{ position:absolute; right: 0; width: 1px; height: 50%; top: 25%; content: ""; background: #cccccc;}
.laguageBox ul li:last-child:after{ display:none;}
.laguageBox ul li.active{ display: none;}
/* BANNER
========================================================================*/
.bannerWrap{ position: relative; margin-bottom:50px;}
.banner {position: relative;  }
.banner img{ width: 100%;  }
.banner img.desktopBanner{ display: block;}
.banner img.mobileBanner{ display: none;}

.topbanner {position: relative; margin-bottom: 10px; }
.topbanner img{ width: 100%;  }
.topbanner img.desktopBanner{ display: block;}
.topbanner img.mobileBanner{ display: none;}
.banner h2{ color: #ffffff; text-transform: uppercase; font-size: 66px; line-height: 68px;  font-family: 'Conv_SFNSDisplay-Heavy'; position: absolute; bottom: 20px; text-align: center; width: 100%;}
 
.thankMsg-wrap{}
.thankMsg-wrap .thankMsginner{ margin:0 0 60px 0;}
.thankMsg-wrap .thankMsginner a{color:#000000}
/* Steps
=======================================================================*/
.stepsWrap{ margin-bottom:50px; position:relative;}
.stepsWrap .stepsInner{ background:#000000/* url("../images/stepsBg.jpg") no-repeat center/cover*/; padding: 50px 0; text-align: center; position: relative;}
/*.stepsWrap .stepsInner:after{ position: absolute; content: ""; right: 0; bottom:0; background: url("../images/steps-after.png") no-repeat; width: 110px; height: 194px; z-index: 1;}*/
.stepsWrap h3{ font-size: 24px; text-transform: uppercase; color: #ffffff; font-family: 'robotobold'; margin-bottom: 40px;}
.stepsWrap ul{ width: 92%; margin: 0 auto;position: relative; z-index: 9;}
.stepsWrap ul li{text-align: left; display:inline-block; width: 30%; margin: 0 1%; }
.stepsWrap ul li span.number{ font-size: 78px; color: #626767;font-family: 'robotobold'; float: left; line-height: 80px; margin-right: 10px; opacity: 0.34; position: relative;}
.stepsWrap ul li span.number span.step{ position: absolute; font-size: 20px; top: -41px;text-transform: uppercase; letter-spacing: 1px; text-align: center; width: 100%;}
.stepsWrap ul li span.info{ font-size: 16px; color: #ffffff; float: left; font-family: 'robotomedium'; margin-top: 14px;}
/* Page Data
=======================================================================*/
.pageData{}
.pageData .pageDataInner{}
.pageData .pageDataInner h3{font-size: 24px; text-transform: uppercase; color: #000000; font-family: 'robotobold'; margin-bottom: 40px; text-align: center;}
.formWrap{ margin-bottom: 50px; text-align: center}
.formWrap a {
    background: #ffd32b;
    font-size: 20px;
    color: #333;
    padding: 10px 40px;
    border-radius: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}

.heroWrap{ padding:0 0 50px 0; text-align: center;}
.heroWrap .heroInner{ }
.heroWrap .heroText{width: 65%; margin: 0 auto;}
.galleryWrap{ width:88%; margin: 40px auto 0 auto; position: relative; }
.galleryBox{ margin:0 10px;}
.galleryBox img{ width: 100%;}
.galleryBox span{  font-size: 12px; text-align: left; margin: 5px 0 0 0; color: #000000;}
.galleryWrap .slick-arrow{ position: absolute; border: none; top: 50%; z-index: 99; width: 34px; height: 25px; overflow: hidden; text-indent: -1000px; margin-top:-12px;}
.galleryWrap .slick-prev.slick-arrow{ left: -35px; background: url("../images/left-arrow.png") no-repeat;}
.galleryWrap .slick-next.slick-arrow{ right: -35px; background: url("../images/right-arrow.png") no-repeat;}
/* FOOTER
========================================================================*/
footer { background: #000000; padding: 40px 0;}
.footerWrap { }

.footerBox{ width: 23%; margin: 0 1%; float: left;}
.footerBox.footerLogo{}
.footerBox.footerLogo img{ max-width: 95%;}

.footerBox.footerAdd{}
.footerBox.footerAdd h4{ color: #bfbfbf; font-size: 14px; text-transform: uppercase;}
.footerBox.footerAdd p{ color: #bfbfbf;}

.footerBox.footerContact{ text-align: right;}
.footerBox.footerContact ul{}
.footerBox.footerContact ul li{ color: #ffffff; font-size: 18px; }
.footerBox.footerContact ul li:first-child{ margin-bottom:15px;}
.footerBox.footerContact ul li span{ text-transform: uppercase;}
.footerBox.footerContact ul li a{color: #ffffff;}


.copyRight { color:#8f8f8f; font-size: 12px; padding-top: 30px; border-top:1px solid #454545; margin-top: 30px; }
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 {}
h2 {}
h3 {font-size: 36px;   color: #000000;   margin-bottom: 20px; line-height: 38px;font-family: 'Conv_AGaramondPro-Regular';}
.heroWrap .heroText.hindi h3, .heroWrap .heroText.marathi h3{ line-height: 52px;}
h4 {}
h5 {}
h6 {}
p { margin-top: 10px; }
p:first-child { margin: 0; }

/* Slick Slider
========================================================================*/
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 	user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

.english{display: block;}
.hindi{display: none;}
.marathi{ display: none;}
 
 ul.slick-dots {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}


ul.slick-dots li {
    display: inline-block;
    margin: 0 3px;
    background: #fff;
    border: none;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    cursor: pointer;
}

ul.slick-dots li button {
    display: none;
}
ul.slick-dots li.slick-active {
    background: #000;
}
 
/* font Family
========================================================================*/
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont-webfont.eot');
    src: url('fonts/roboto-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont-webfont.eot');
    src: url('fonts/roboto-medium-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular_0-webfont.eot');
    src: url('fonts/roboto-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular_0-webfont.woff') format('woff'),
         url('fonts/roboto-regular_0-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular_0-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
	font-family: 'Conv_SFNSDisplay-Heavy';
	src: url('fonts/SFNSDisplay-Heavy.eot');
	src: url('fonts/SFNSDisplay-Heavy.woff') format('woff'), 
         url('fonts/SFNSDisplay-Heavy.ttf') format('truetype'), 
         url('fonts/SFNSDisplay-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conv_AGaramondPro-Regular';
	src: url('fonts/AGaramondPro-Regular.eot');
	src: url('fonts/AGaramondPro-Regular.woff') format('woff'), url('fonts/AGaramondPro-Regular.ttf') format('truetype'), url('fonts/AGaramondPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

