@charset "utf-8";
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.none { display: none; }
.clear { clear: both; }
img { max-width: 100%; border: 0 none; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
a, button, .btn { outline: none !important; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; text-decoration: none !important; cursor: pointer; outline: none; }
body { font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-family: 'Open Sans', sans-serif; position: relative }
.preloader{ display:none}



@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-envelope:before { content: "\f0e0"; }
.fa-phone:before { content: "\f095"; }
.fa-arrow-right:before { }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-twitter:before { content: "\f099"; }
.fa-youtube:before { content: "\f167"; }
/*-----------------------main styles starts here-----------------------------------------------*/
.container { max-width: 100%; width: 1090px; margin: 0 auto }
.heading2 { text-align: center; font-size: 38px; color: #39a6e2; font-weight: 600; padding-bottom: 20px; text-transform: uppercase }
.heading3 { text-transform: uppercase; font-size: 23px; color: #39a6e2; font-weight: 500; }
p { font-size: 14px; color: #484848; line-height: 22px; margin-bottom: 20px; }
.ul-list li { display: block; font-size: 14px; color: #484848; line-height: 22px; margin-bottom: 8px; position: relative; padding-left: 25px; }
.ul-list li:before { content: "\f178"; color: #53b2e6; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 5px; }
.pull-left { float: left !important }
.pull-right { float: right !important }
.top-black-bar { background: #383838; text-align: right; }
.top-black-bar .top-contact { display: inline-block; vertical-align: top; color: #fff; padding: 6px 10px; font-size: 12px; }
.top-black-bar .top-contact a { color: #afafaf; display: block }
.top-black-bar .top-contact a i { font-size: 13px; padding-right: 5px; }
.top-black-bar .top-contact a:hover, .top-black-bar .top-contact a:focus { color: #fff }
.header-part { padding: 8px 0 }
.logo { float: left; padding-left: 42px; padding-top: 5px; }
.header-part nav { float: right }
.top-menu { padding-top: 30px; }
.top-menu li { display: inline-block; vertical-align: top; 4px 12px
}
.top-menu li a { display: block; text-transform: uppercase; font-size: 14px; color: #acacac; border-radius: 12px; padding: 4px 12px }
.top-menu li a:hover, .top-menu li a:focus, .top-menu li.active a { color: #fff; background: #39a6e2; }
.menu-icon { display: none }
.menu-icon .menu-box { width: 50px; margin-right: 4px; }
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #39a6e2; display: block; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(8px) translateX(8px); -webkit-transform: rotate(45deg) translateY(8px) translateX(8px); -moz-transform: rotate(45deg) translateY(8px) translateX(8px); -ms-transform: rotate(45deg) translateY(8px) translateX(8px); -o-transform: rotate(45deg) translateY(8px) translateX(8px); }
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px); -moz-transform: rotate(-45deg) translateY(-7px) translateX(6px); -ms-transform: rotate(-45deg) translateY(-7px) translateX(6px); -o-transform: rotate(-45deg) translateY(-7px) translateX(6px); }
.banner { text-align: center; position: relative; }
.banner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1 }
.banner-center-block { display: table; height: 100%; width: 100%; vertical-align: top; height: 533px; position: relative; z-index: 3 }
.banner-text { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.home-banner { background: url(../images/home-banner.jpg) no-repeat center top; background-size: cover }
.banner-text .banner-heading { font-size: 44px; font-weight: 300; text-transform: uppercase; color: #fdfdfd; margin-bottom: 20px; }
.banner-text p { font-size: 18px; color: #fdfdfd }
.about-start { padding-top: 70px; padding-bottom: 50px;}
.about-start .heading2 { padding-bottom: 40px; }
.zig-zag { background: #f8f8f8 }
.zig-zag .col-6 { width: 50%; float: left }
.zig-zag .col-6 img { width: 100%; display: block }
.zig-zag .zig-zag-text { padding: 5% 80px; display: table }
.zig-zag .zig-zag-text .heading3 { margin-bottom: 30px; width: 100%; }
.zig-zag .zig-zag-text p { width: 100%; }
.zig-zag .zig-zag-text .pull-right { width: 80%; padding-top: 80px }
.zig-zag .zig-zag-text .pull-left { width: 80%; padding-top: 80px; }
.property-right { padding: 70px 0 }
.property-right .heading3 { text-align: center; padding-bottom: 50px; }
.form-section { padding: 70px 0; background: url(../images/form-section-bg.jpg) no-repeat center top; background-size: cover }
.form-block { background: rgba(255,255,255,0.8); padding: 40px 20px; }
.form-block .heading2 { margin-bottom: 50px; }
.form-block .heading3 { text-transform: capitalize; color: #000000; margin-bottom: 25px; padding: 0 20px; }
.form-group .col-6 { float: left; width: 50%; padding: 0px 20px; margin-bottom: 10px; }
.form-group .col-12 { float: left; width: 100%; padding: 0px 20px; margin-bottom: 10px; text-align: right; padding-top: 10px; }
.input-field { width: 100%; background: #ffffff; border: 2px solid #d9d9d9; height: 50px; padding: 4px 12px; border-radius: 4px; font-size: 16px; font-family: 'Open Sans', sans-serif; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; color: #737373 }
.input-field:focus { border-color: #39a6e2 }
.input-textarea { height: 150px; resize: none; overflow: auto }
 .form-group :-moz-placeholder {
color:#737373;
}
.form-group ::-webkit-input-placeholder {
color:#737373;
}
.form-group ::-moz-placeholder {
color:#737373;
opacity:1;
}
.form-group :-ms-input-placeholder {
opacity:1;
color:#737373;
}
.services-required { margin-bottom: 15px; }
.type-of-services li { display: inline-block; vertical-align: top; width: 40%; margin-bottom: 14px; }
.type-of-services li .services-checkbox { margin-right: 5px; display: inline-block; width: 12px; height: 12px; }
.type-of-services li label { font-size: 16px; color: #737373 }
.btn-submit { font-size: 18px; font-family: inherit; color: #fff; background: #39a6e2; padding: 8px 20px; display: inline-block; vertical-align: top }
.btn-submit:hover, .btn-submit:focus { background: #252525 }
.form-divider { width: calc(100% - 40px); margin-left: 20px; margin-top: 40px; margin-bottom: 40px; display: block; border: 1px solid #c3c3c3 }
.mrg-btm10 { margin-bottom: 10px; }

.selectbox{background: none repeat scroll 0 0 #fff;
    border:2px solid #d9d9d9;
    border-radius: 4px;
    display: block;
    height: 50px;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    padding: 4px 12px;
    outline: none;
    color: #737373

}
.selectbox:focus{ border-color: #39a6e2;}

footer { background: #252526; padding: 24px 0 }
footer .copy-right { color: #b9b9b9; font-size: 14px; padding-top: 5px; margin-bottom: 0 }
footer .copy-right > i { color: #39a6e2; font-style: normal }
.ftr-block >li { display: inline-block; vertical-align: top; width: 33.3%; margin-left: -4px; text-align: center }
.ftr-block >li:first-child { text-align: left }
.ftr-block >li:last-child { text-align: right }
.ftr-social-media li { display: inline-block; vertical-align: top; margin: 0 2px; }
.ftr-social-media li a { display: block; border-radius: 50%; width: 30px; height: 30px; border: 2px solid #4f5256; color: #b9b9b9; padding-top: 3px; }
.ftr-social-media li a:hover { color: #fff; }
.ftr-social-media li.twitter a:hover { background: #45c7f9; border-color: #45c7f9 }
.ftr-social-media li.facebook a:hover { background: #305fb3; border-color: #305fb3 }
.ftr-social-media li.google-plus a:hover { background: #d34836; border-color: #d34836 }
.ftr-social-media li.linkedin a:hover { background: #0077B5; border-color: #0077B5 }
.ftr-social-media li.youtube a:hover { background: #c4302b; border-color: #c4302b }
footer .btm-contact { color: #b9b9b9; font-size: 14px; padding-top: 5px; margin-left: 8px; display: inline-block; vertical-align: Top; }
footer .btm-contact a { display: inline-block; vertical-align: top; color: #39a6e2; margin-left: 3px; }
footer .btm-contact a:hover { color: #fff; }
.registration{ padding: 70px 0 ; background: url(../images/registration-ban2.jpg) no-repeat center center; background-size:cover; position:relative}
.registration:after{ background:rgba(0,0,0,0.7); content:""; position:absolute; left:0; top:0; width:100%; height:100%; display:block}
.registration .container{ position:relative; z-index:9}
.registration ul{ text-align: center;}
.registration ul li{ display: inline-block; vertical-align: top; padding:35px 60px 20px; border:2px solid 	#39a6e2; min-height:150px; margin:0 30px 40px; background:#f8f8f8;}
.registration p{ color:#fff;}
.registration .col-6{ float: left; width:50%; margin-bottom:25px;}
.registration .col-12{ float: left; width:100%}
.join-button{ text-align:center}
.join-button .btn-join{ font-size: 18px;
    font-family: inherit;
    color: #fff;
    background: #39a6e2;
    padding: 8px 20px;
    display: inline-block;
    vertical-align: top;}
.join-button .btn-join:hover,.join-button .btn-join:focus{background: #252525;}	
#getting-started{ text-align:center; margin-bottom:20px;}
#getting-started .block{ display:inline-block; vertical-align:top; background:#39a6e2; width:100px; height:100px; color:#fff; text-transform:uppercase; font-weight:700; padding-top:18px; margin:0 10px;}

#getting-started .block span{ display:block; width:100%; font-size:28px; font-weight:700}
.heading4{ margin-bottom:30px; color:#fff; font-size:20px;}

.address .col-6{ float:left; width:50%; color:#fff;}
.address .text-right{ text-align:right}
.address .col-6 p{ color:#fff; margin-bottom:0}
.address .col-6 p a{ display:inline-block; vertical-align:top; color:#39a6e2}
.address .col-6 p a:hover{ color:#fff;}
.address .col-6 p strong{ display:block; font-size:18px; margin-bottom:10px;}

.modal .btn-submit{ display:block; width:100%;}
.modal-logo{ text-align:center; margin-bottom:15px;}
.modal p{ text-align:center}
.modal {
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
	background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width:600px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/*---------------------------------------media query---------------------*/

@media (max-width:1700px) {
.zig-zag .zig-zag-text .pull-left { padding-top: 0 }
.zig-zag .zig-zag-text .pull-right { padding-top: 40px }
}
 @media (max-width:1500px) {
.zig-zag .zig-zag-text .pull-left { width: 100%; }
.zig-zag .zig-zag-text .pull-right { padding-top: 0px; width: 100%; }
.zig-zag .zig-zag-text { padding: 4% 40px }
}
 @media (max-width:1300px) {
.zig-zag .zig-zag-text { padding: 3% 20px }
.banner-text .banner-heading{ font-size:40px;}
.banner-center-block{ height:500px;}

}
 @media (max-width:1200px) {
.zig-zag .zig-zag-text { padding: 20px; }
.banner-text .banner-heading{ font-size:36px;}
.banner-center-block{ height:400px;}
.heading2{ font-size:34px;}
#getting-started .block{ margin:0 5px;}
}
 @media (max-width:1100px) {
.zig-zag .zig-zag-text .heading3 { margin-bottom: 15px; }
.container { width: 100%; padding: 0 20px; }
.banner-heading br{ display:none}
footer .btm-contact{ font-size:13px;}
footer .copy-right{ font-size:13px;}
}
@media (max-width:1023px) {
.zig-zag .col-6 { width: 100%; }
}
 @media (max-width:991px) {
.logo { padding-left: 0 }
.banner-text .banner-heading{ font-size:34px;}
.banner-center-block{ height:300px;}
.heading2{ font-size:30px;}
.about-start{ padding-top:25px; padding-bottom:20px}
.property-right{padding-top:25px; padding-bottom:20px}
.about-start .heading2{ padding-bottom:25px}
.property-right .heading3{padding-bottom:25px}
.heading3{ font-size:20px;}
.form-block{ padding:20px 0px}
.type-of-services li{ width:100%; margin-bottom:10px;}
.form-block .heading2{ margin-bottom:20px;}
.registration .col-6{ width:100%;}
.registration p br{ display:none}
.registration{ padding:50px 0}
}

@media (max-width:767px) {
.banner-text .banner-heading{ font-size:30px;}
.banner-center-block{ height: auto; padding:30px 0}
.top-black-bar{ padding:7px 0}	
.heading2{ font-size:28px;}
.heading2{ font-size:24px;}
.heading3{ font-size:18px;}
	
	
 .logo{ padding-top:0; padding-left:15px;}
 .logo{ width:120px; height:auto}
.enumenu_ul { display: none }
.menu-icon { display: inline-block; cursor:pointer}
.menu-icon .menu-box { width: 50px; margin-top:18px; margin-right:15px;}
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #39a6e2; display: block; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(8px) translateX(8px); -webkit-transform: rotate(45deg) translateY(8px) translateX(8px); -moz-transform: rotate(45deg) translateY(8px) translateX(8px); -ms-transform: rotate(45deg) translateY(8px) translateX(8px); -o-transform: rotate(45deg) translateY(8px) translateX(8px); }
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px); -moz-transform: rotate(-45deg) translateY(-7px) translateX(6px); -ms-transform: rotate(-45deg) translateY(-7px) translateX(6px); -o-transform: rotate(-45deg) translateY(-7px) translateX(6px); }

.top-menu{ position:absolute; right:0; top:74px; z-index:9; padding-top:0; width:100%;}
.top-menu li a{ padding:10px 12px; border-radius:0; background:#39a6e2; color:#fff; border-bottom:2px solid #256e96}
.top-menu li a:hover{ background:#252525}
.top-menu li{ display:block}
.header-part{ position:relative;}
header .container{ padding:0}
.form-group .col-6{ width:100%;}
.type-of-services li{ width:50%; margin-left:-4px; padding:0 5px;}
.registration{ padding:30px 0}
.registration ul li{ margin:0 10px 20px; padding:35px 40px 20px; min-width:230px;}
.address .col-6{ width:100%; padding-bottom:15px;}
.address .text-right{ text-align:left; padding-bottom:0}
footer .btm-contact{ margin-left:0; margin-right:5px;}
footer .btm-contact br{ display:none}
}

@media (max-width:600px) {
	#getting-started .block{ width:45%; border:2px solid #fff; margin:0 5px 20px}
	.heading4{ font-size:18px; margin-bottom:15px;}
	.registration ul li{ width:300px;}
	.modal-content{ width:95%;}
}

@media (max-width:500px) {
	.banner-text .banner-heading{ font-size:26px;}
	.heading2{ font-size:22px;}
	.type-of-services li{ width:100%; margin-left:0; padding:0}
	.btn-submit{ width:100%;}
	.form-divider{ margin-top:20px; margin-bottom:20px;}
	.input-textarea{ height:110px;}
	.registration ul li{ margin-left:0; margin-right:0; width:90%; min-width:0}
	

}
.col-6 .error{color:red;}/* Added by narendra prajapti*/
.contact-textarea { height: 166px; }/* Edited by narendra prajapti*/
.error{color:red;float: left;}/* Added by narendra prajapti*/

.errorbox{color:red;   border: 2px solid #FF0000;  text-align: center; padding: 10px; font-size: 20px; font-weight: 700px; width: 100%; display: block;}
.successbox{color:green; border: 2px solid #008000; text-align: center;  padding: 10px; font-size: 20px; font-weight: 700px; width: 100%; display: block;}

.startup-gallery{ padding:50px 20px; 
    background:#f8f8f8;
    background-size: cover;}
.startup-gallery .owl-carousel{ padding:0 30px;}
.startup-gallery .heading3{ text-align:center; margin-bottom:30px;}
.startup-gallery .item { margin: 0 8px; text-align: center }
.startup-gallery .item img { width: auto; display: inline-block; vertical-align: top }
.startup-gallery .owl-prev { position: absolute; left:0px; top: 50%; margin-top: -17px; z-index: 999; font-size: 0; background: url(../images/silder-arrow.png) no-repeat left top; width: 19px; height: 33px; cursor: pointer }
.startup-gallery .owl-next { position: absolute; right:0px; top: 50%; margin-top: -17px; z-index: 999; font-size: 0; background: url(../images/silder-arrow.png) no-repeat right top; width: 19px; height: 33px; cursor: pointer }

.mfp-bottom-bar { display: none !important }
.mfp-close-btn-in .mfp-close { background: transparent url(../images/x-btn.png) no-repeat left top; font-size: 0; width: 30px; height: 30px; right: -13px; top: -13px; opacity: 1; background-size: contain; transition: none; position: absolute !important }