*
{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

img
{
	border:none;
}

a
{
	outline-style:none;
	text-decoration:none;
	-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;
}

body
{
overflow-x:hidden;
font-family: 'ProximaNova-Regular';
font-size:14px;

	
}


.indexbody{background-image: url(../images/about-us-bg.jpg); background-size: 100% auto; background-attachment: fixed; width:100%; height: 100%; }


.subbody{background-image: url(../images/about-us-bg.jpg); background-size: 100% auto; background-attachment: fixed; width:100%; height: 100%; background-position: 0 -300px; }

.subbody2{background-image:url(../images/about-us-bg.jpg); background-size: 100% auto; background-attachment: fixed; width:100%; height: 100%; background-position: 0 -300px; }

h1 ,h2 ,h3 ,h4 ,h5 ,h6
{
	font-weight:100;
}
@font-face {
	font-family: 'ProximaNova-Semibold';
	src: url('../fonts/ProximaNova-Semibold.eot');
	src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Semibold.woff') format('woff'),
		url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova-Regular';
	src: url('../fonts/ProximaNova-Regular.eot');
	src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Regular.woff') format('woff'),
		url('../fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova-Bold';
	src: url('../fonts/ProximaNova-Bold.eot');
	src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Bold.woff') format('woff'),
		url('ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova-Light';
	src: url('../fonts/ProximaNova-Light.eot');
	src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Light.woff') format('woff'),
		url('../fonts/ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova-Extrabld';
	src: url('../fonts/ProximaNova-Extrabld.eot');
	src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
		url('../fonts/ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}



.contanear
{
	display:block;
	width:94%;
	max-width:1150px;
	margin:0px auto;
}




.nav-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  height: 1rem;
  right: 2rem;
  position: absolute;
  top: 2rem;
  width: 2rem;
  z-index: 2; }
  .nav-toggle:hover {
    opacity: 0.8; }
  .nav-toggle .nav-toggle-bar,
  .nav-toggle .nav-toggle-bar::after,
  .nav-toggle .nav-toggle-bar::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #000;
    content: '';
    height: 0.3rem;
    width: 100%; }
  .nav-toggle .nav-toggle-bar {
    margin-top: 0; }
  .nav-toggle .nav-toggle-bar::after {
    margin-top: 0.6rem; }
  .nav-toggle .nav-toggle-bar::before {
    margin-top: -0.6rem; }
  .nav-toggle.expanded .nav-toggle-bar {
    background: transparent; }
  .nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
    background: #000;
    margin-top: 0; }
  .nav-toggle.expanded .nav-toggle-bar::after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .nav-toggle.expanded .nav-toggle-bar::before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);  }

/* nav */
.nav {
  -webkit-transition:  right 0.5s ease;
  -moz-transition:  right 0.5s ease;
  -ms-transition:  right 0.5s ease;
  -o-transition:  right 0.5s ease;
  transition:  right 0.5s ease;
  background: #FFF;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  height: 100vh;
  right: -20rem;
  padding: 6rem 2rem 2rem 2rem;
  position: fixed;
  top: 0;
	 width:100%;
  max-width: 300px;
  z-index: 1;
	box-shadow: 0 0 5px rgba(0,0,0,0.4)
}
  .nav.expanded {
    right: 0; position: absolute; }
  .navul {
    position: absolute;
    top: 5%;
    list-style: none;
    margin: 0;
    padding: 0; }

.nav ul li{font-size:16px; display: inline-block; width:100%;}

.nav ul li a{display:block; padding: 10px 10px; color:#000}
.nav ul li a:hover, .nav ul .active a{color:#0076ff !important}

/*# sourceMappingURL=nav.css.map */


header{float:left; width: 100%; background-color: #FFFFFF; padding: 25px 25px; position: fixed; z-index: 99999;}

header .left{width:223px; display: inline-block; vertical-align: middle;}

header .left img{width:100%;}

header .mid{ display: inline-block; vertical-align: middle; padding-left: 10%; }

header .mid_left{font-family: 'ProximaNova-Extrabld'; font-size: 30px; display: inline-block; vertical-align: middle;}

.index_mob_mobile a, header .mid_left a{color:#001f40;}

.index_mob_mobile a:hover, header .mid_left a:hover{color:#000;}

header .mid_left img{display: inline-block; vertical-align: middle; margin-right: 10px;}

header .mid_right{display: inline-block; vertical-align: middle; padding: 15px 30px; background-color: #0076ff; color:#FFF; font-size: 16px; text-transform: uppercase; font-family: 'ProximaNova-Semibold'; margin: 0 35px; border-radius: 7px;}

header .mid_right:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0075ff+0,5510d5+100 */
background: #0075ff; /* Old browsers */
background: -moz-linear-gradient(top, #0075ff 0%, #5510d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0075ff 0%,#5510d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0075ff 0%,#5510d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075ff', endColorstr='#5510d5',GradientType=0 ); /* IE6-9 */}

.banner_panel{float:left; width:100%; background-image: url(../images/banner.jpg); background-size: 1366px auto; background-position: bottom center; text-align: center; background-repeat: no-repeat; margin: 90px 0 0 0;}


.banner_panel a{display: inline-block; vertical-align: middle; padding: 15px 30px; background-color: #FFF; color:#000; font-size: 16px; text-transform: uppercase; font-family: 'ProximaNova-Semibold';  border-radius: 7px; margin: 130px 0 0 0;}

.banner_panel a:hover{color:#0076ff;}

.banner_panel_imgpanel{width:100%; display: inline-block; margin: 10px 0 20px 0}

.banner_panel_imgpanel img{width:100%; max-width:299px;}

.step_panel{float:left; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0075ff+0,5510d5+100 */
background: #0075ff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0075ff 0%, #5510d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0075ff 0%,#5510d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0075ff 0%,#5510d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075ff', endColorstr='#5510d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */; padding: 30px 0; text-align: center; color:#fff;}


.step_panel h2{font-size:22px; text-transform: uppercase; font-family: 'ProximaNova-Bold'; display: block; margin:10px 0;}

.step_panel article{display: inline-block; vertical-align: middle; width:calc(100% / 3 - 8px); text-align: left;}

.step_panel article:last-child{width:calc(100% / 3 - 85px);}

.step_panel_arrow{display: inline-block; vertical-align: middle; margin: 20px 20px 20px 0}

.step_panel_box{width:calc(100% - 105px); font-size: 16px; display: inline-block; vertical-align: middle; margin: 10px 0;}

.step_panel_box_left{display: inline-block; vertical-align: middle; font-size: 50px;font-family: 'ProximaNova-Bold'; margin-right: 10px; width:46px;}

.step_panel_box_right{display: inline-block; vertical-align: middle; font-size: 20px; width:calc(100% - 62px); text-align: left;}


.why_choose_us_panel{float:left; width:100%; background-color: #f3f3f3; padding: 100px 40px 150px; background-image: url(../images/feature-bg.png); background-position: right bottom; background-repeat: no-repeat;}


.why_choose_us_panel_left{width:100%; max-width: 764px; display: inline-block;}

.why_choose_us_panel_left h2{font-size: 30px; color:#001f40; text-transform: uppercase; font-family: 'ProximaNova-Bold'; margin-bottom: 15px;}

.why_choose_us_panel_left p{display:inline-block; vertical-align: top; width:calc(100% - 4px); font-size: 18px; margin: 15px 0; position: relative; padding: 0 0 0 70px; line-height: 1.4;}

.why_choose_us_panel_left p span{display: inline-block; width:calc(100% - 4px); vertical-align: middle; font-size: 24px; margin-bottom: 7px; font-family: 'ProximaNova-Bold';}


.why_choose_us_panel_left p img{width:45px; height: 45px; border-radius: 100%; background-color: #FFF; border: 1px solid #000;display:inline-block; vertical-align: middle; position: absolute; left:0; top:-5px;  }


.about_panel{float:left; width:100%;  padding: 80px 0 200px 0; z-index: 3; position: relative; color:#FFF; text-align: center; }

.about_panel_left{float:left; width:50%; margin: -65px 0 0 0}

.about_panel_right{float:right; width:50%; padding: 80px; }

.about_panel h2{font-size: 40px; color:#FFF; font-family: 'ProximaNova-Bold'; text-transform: uppercase; margin-bottom: 30px}

.about_panel h2 span{width:100%; display: block; color:#FFF; font-size: 20px;}

.about_panel p{width:100%; display: block; margin: 10px 0; line-height: 1.4em; font-size: 18px;}

.about_panel p strong{font-family:'ProximaNova-Bold'; font-weight: 100; font-size: 20px;}


.map_panel{float:left; width:100%; position: relative; z-index: 4; text-align: center;   }
.map_panel_img{float:left; width:100%; background-color: #f3f3f3; padding: 260px 40px 150px; background-image: url(../images/map.jpg); background-size: 100% auto; background-attachment: fixed; width:100%; height: 100%;}

.map_panel_map{position: relative; width:100%; z-index: 1;}

.map_panel_form{position: absolute; left: 0; right: 0; top:-100px; margin: auto; z-index: 2; background-color: #FFF; padding: 25px; box-shadow: 0 0 4px rgba(0,0,0,0.4); width:80%; max-width: 700px;}

.map_panel_form h3{color:#0076ff; font-size: 20px; text-transform: uppercase; font-family: 'ProximaNova-Semibold'; margin-bottom: 15px; text-align: left;}

.map_panel_form label{display:inline-block; width:100%; font-size: 14px; text-align: left;}

.map_panel_form input[type=text],.map_panel_form input[type=email],.map_panel_form input[type=tel]{display:inline-block; width:100%;  font-size: 16px; background-color: #FFF; padding: 10px; border-bottom: 1px solid #000; font-family: 'ProximaNova-Semibold'; text-align: left;  border-width: 0 0 1px 0}


.map_panel_form input[type=submit]{display:inline-block; width:100%;  font-size: 16px; background-color: #0076ff; padding: 14px 10px; border: none; font-family: 'ProximaNova-Semibold'; text-align: center; color:#FFF; text-transform: uppercase; border-radius: 7px; cursor: pointer; margin: 15px 0 0 0}
	
	
.map_panel_form input[type=submit]:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0075ff+0,5510d5+100 */
background: #0075ff; /* Old browsers */
background: -moz-linear-gradient(top, #0075ff 0%, #5510d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0075ff 0%,#5510d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0075ff 0%,#5510d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075ff', endColorstr='#5510d5',GradientType=0 ); /* IE6-9 */}

.map_panel_form_left{width:48%; float:left; margin: 5px 0;}

.map_panel_form_right{width:48%; float:right; margin: 5px 0;}


.bottom_panel{float:left; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0075ff+0,5510d5+100 */
background: #0075ff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0075ff 0%, #5510d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0075ff 0%,#5510d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0075ff 0%,#5510d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075ff', endColorstr='#5510d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */; padding: 60px 0; text-align: center; color:#fff;}

.bottom_panel h2{font-size:20px; text-transform: uppercase; font-family: 'ProximaNova-Semibold'; margin-bottom: 15px;}

.bottom_panel_left{width:60%; float: left; text-align: left;}

.bottom_panel_left a{width:55px; height: 55px; padding: 10px 0 0 0; text-align: center;  border-radius: 10px; background-color: #FFF; margin: 5px; display: inline-block; font-size: 35px;}

.bottom_panel_left a:hover{border-radius:0; box-shadow: 0 0 15px rgba(0,0,0,0.9)}

.bottom_panel_left a:nth-child(1){color:#5076c8}
.bottom_panel_left a:nth-child(2){color:#38ccff}
.bottom_panel_left a:nth-child(3){color:#f54632}
.bottom_panel_left a:nth-child(4){color:#cb282d}
.bottom_panel_left a:nth-child(5){color:#8d5f4b}

.bottom_panel_right{width:40%; float: left;text-align: left;}

.bottom_panel_right p{position: relative; width:100%;padding-left: 30px; font-size: 16px; margin: 10px 0; display: inline-block; }

.bottom_panel_right p i{position: absolute; left: 0; top:0; font-size:20px;}

.bottom_panel_right p a{color:#FFF;}

.bottom_panel_right p a:hover{color:#e90102;}

footer{float:left; width:100%; background-color: #001f40; padding: 40px 0; color:#FFF;}

.footer_cont{float:left; display: flex; flex-wrap:wrap; justify-content: space-between; width:100%;}

.footer_cont_box{width:calc(100% / 4 - 4px); display: inline-block; vertical-align: top;}

.footer_cont_box img{width:100%; display: inline-block; max-width:180px}

.footer_cont_box ul{float:left; width:100%; }

.footer_cont_box ul li{list-style: none; display: block; margin: 5px 0; width:100%;}

.footer_cont_box ul li a{display:block; color:#FFF; padding: 5px 0}

.footer_cont_pune{float:left; display: flex; flex-wrap:wrap; justify-content: space-between; width:100%;}

.footer_cont_box_pune{width:calc(100% / 4 - 4px); display: inline-block; vertical-align: top;}

.footer_cont_box_pune img{width:100%; display: inline-block; max-width:180px}

.footer_cont_box_pune ul{float:left; width:100%; }

.footer_cont_box_pune ul li{list-style: none; display: block; margin: 5px 0; width:100%;}

.footer_cont_box_pune ul li a{display:block; color:#000; padding: 5px 0; font-size:16px;}

.bottom_footer{width:100%; float:left; padding: 20px 0 0;}

.service_page_banner{float:right; width:100%; padding: 80px; color: #FFF; margin: 90px 0 0 0; }

.service_page_banner h3{font-family: 'ProximaNova-Bold'; text-align: center; font-size: 40px; text-transform: uppercase; }

.privacy_page_banner{float:right; width:100%; padding: 80px; color: #FFF; margin: 0 0 0 0; }

.privacy_page_banner h3{font-family: 'ProximaNova-Bold'; text-align: center; font-size: 40px; text-transform: uppercase; }


.about_page_banner{float:right; width:100%; padding: 80px; color: #FFF; margin: 90px 0 0 0; }

.about_page_banner h3{font-family: 'ProximaNova-Bold'; text-align: center; font-size: 40px; text-transform: uppercase; }

.service_page_pune{text-align: center; }
.service_page_pune h2{font-size: 22px;line-height:32px;}
.service_page_pune p{font-size: 18px;line-height:24px; padding: 20px;}
.service_page_pune li{text-decoration: none; font-size: 18px;line-height:24px; padding: 20px;}

.subpage_panel{float:left; width:100%; padding:40px 0 ; background-color: #FFF;}
.subpage_panel_pune{float:left; width:100%; padding:100px 0 ; background-color: #FFF;}

.aboutimage_panel{float:left; width:100%; padding-bottom: 30px; border-bottom: 1px solid #C3C3C3}

.aboutimage_panel p{width:100%; margin: 7px 0; display: inline-block;}

.subpage_heading{font-size: 30px; font-family: 'ProximaNova-Bold'; color:#f6c00c; text-transform: uppercase; margin-bottom: 15px;}

.subpage_heading span{width:100%; font-size: 14px; color:#000;  text-transform: none; display: inline-block;}

.gallery_box{width:calc(100% + 20px); float:left; margin: 0 -10px}

.gallery_box a{display: inline-block; vertical-align: top; margin: 10px; width:calc(100% / 3 - 24px); background-color: #FFD600; position: relative;}

.gallery_box a .large{float:left; width:100%; height: 252px; object-fit:cover; position: relative; 
z-index: 1; -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;}

.gallery_box a:hover .large{opacity: 0.3}

.gallery_box a:after{  position: absolute; left: calc(50% - 69px); top: calc(50% - 69px);  margin: auto; 
z-index: 3;opacity:0; content: url(../images/plus.png); -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out; }

.gallery_box a:hover:after{opacity: 1;}


.subpage_panel .solution_panel1{width:100%; padding: 15px; background-color: #f2f2f2; float:left; margin: 15px 0}

.solution_panel1:nth-child(even){direction: ltr;}

.solution_panel1:nth-child(odd){direction: rtl;}

.solution_panel_image{display: inline-block; width:360px; vertical-align: top; height: 230px; object-fit: cover;}

.solution_panel1:nth-child(even) .solution_panel_image{margin-right: 15px;}
.solution_panel1:nth-child(odd) .solution_panel_image{margin-left: 15px;}

.solution_panel1 article{display: inline-block; width:calc(100% - 384px); vertical-align: top; text-align: left;}

.solution_panel1 article p{width:100%; display: inline-block; line-height: 1.7em; font-size: 18px; line-height: 25px; font-weight:300; margin: 10px 0; text-align: left; direction: ltr;}

.solution_panel1 article h3{width:100%; display: inline-block; font-family: 'ProximaNova-Bold'; font-size: 40px; font-swight:600; line-height:40px; text-transform: uppercase;}

.solution_panel1 article a{display:inline-block; padding: 10px 20px; text-transform: uppercase; color:#000; background-color: #fac700;font-family: 'ProximaNova-Bold';}

.solution_panel1 article a:hover{background-color: #000; color:#FFF;}

.about_us {width:100%; display: inline-block; font-family: 'ProximaNova-Bold'; font-size: 32px; font-swight:600; line-height:40px; text-transform: uppercase;text-align: center; padding-bottom: 15px;}

.about_left_area
{
	display:inline-block;
	vertical-align:middle;
	width:40%;
}
.about_left_area img
{
	max-width:100%;
}

.about_right_area
{
	display:inline-block;
	vertical-align:middle;
	width:56%;
	margin-left:3%;
}
.about_right_area p
{
	font-size:18px;
	line-height:24px;
}

.index_mob_desktop{display:inline-block;  }

.index_mob_mobile{display:none !important; font-family: 'ProximaNova-Bold'; margin-top: 5px 0 0 0;}

#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/loading.gif) center center no-repeat;
	background-color: rgba(255,255,255,1);
	z-index: 999999;

}