@charset "utf-8";
/* CSS Document */
/*===============================================================================
   features page
================================================================================*/	
.feature-body{ padding-right:0 !important;}
.cd-main-content{
	height: 100%;
	position: relative;
	z-index: 1;
	}
.feature-header-img{background:url(../images/header-bg.jpg);}
.feature-load-img{
	 background:url(../images/header-bg1.jpg) center no-repeat;
	 background-size:cover;
	 position:fixed;
	 top:0;
	 left:0;
	 height:60%;
	 width:100%; 
	 display:none;
}
.feature-header{	
	position: relative;
	min-height: 50%;
/*	background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 1;
}
.feature-headfix{ background-attachment:fixed;}
.feature-header .container{ 
	color:#ffffff;
	min-height:670px;
}
.feature-header h3{
	font-weight:300;
	font-size:2.250em;
	text-transform:uppercase;
	color:#ffffff;
/*	padding:26% 32% 2% 0;*/	
    padding-top: 55px;
    text-align: center;
}


.feature-header .head-text{	
	font-weight:400;
	font-size:1.125em;
	display:block;
/*	padding:0 48% 20.5% 0 ;*/
    text-align: center;
}
h3.feature-head{
	color:#333333;
	font-size:2.250em;
	font-weight:400;
	padding-top:7%;
	text-transform:uppercase;
	
}
.feature-section strong{
	text-transform:none;
}
.featuresub-text{
	color:#666666;
	font-size:0.875em;
	padding:20px 10%;
	line-height:23px;
	display:block;
	
}
.sliding-image1{
	background:url(../images/screen1.png) no-repeat;
	width:991px;
	position:absolute;
	bottom:0;
	left:-40%;
	height:571px;
	background-position:center bottom;
}
.sliding-image2{
	background:url(../images/screen3.png) no-repeat;
	width:992px;
	position:absolute;
	bottom:1%;
	right:-20%;
	height:560px;
}
.sliding-lens{
	background:url(../images/screen2.png) no-repeat;
	width:250px;
	height:257px;
	position:absolute;
	top:27%;
	left:22%;
	background-position:center bottom;	
}
.sliding-lens2{
	background:url(../images/screen3-lens.png) no-repeat;
	width:258px;
	height:266px;
	position:absolute;
	bottom:19%;
	right:26%;
	background-position:center bottom;
	
}
.sliding-image3,.sliding-image4{
	background:url(../images/screen3.jpg)no-repeat;
	width:100%;
	background-size:84% auto;
	position:absolute;
	bottom:0;
	left:0;
	height:549px;
	background-position: center bottom;
}
.sliding-image4{
	background:url(../images/screen4.jpg)no-repeat;
	height:362px;
	background-size:90% auto;
	background-position:center bottom;
}
.feature-section2,.feature-section4,.feature-section6{
	background:#f6f6f8 fixed;	
	width:100%;
	height:auto;
	overflow:hidden;
}
.feature-section2{ padding-bottom:5%;}
.feature-section2 .featuresub-text{ padding:20px 10% 30px !important;}
.feature-section6 .featuresub-text{padding:20px 10% 40px !important;}
.feature-section,.feature-section3, .feature-section5{
	background:#ffffff fixed;
	width:100%;
	height:auto;
	overflow:hidden
}

.feature-section3 .container{
	padding-bottom:597px;
}
.feature-section6 .container{
	padding-bottom:376px;
}
.sliding-image-bg{
	min-height:597px;
	margin-top:45px
}

.feature-template{
	background:url(../images/template.jpg)center top no-repeat;
	background-size:cover;
	margin-bottom:219px;

}
.feature-section2 .template-list,.feature-section5 .template-list{
	width:45%;
	margin-left:0;
	float:left;
}
.feature-section3 .sliding-image-bg{
	min-height:549px;
}
ul.template-list{
	margin-left:54%;
	float:left;
}
.proposal-view{
	width:50%;
	display:block;
	margin:9% 0 0 5%;
	float:left;
}
.proposal-view .proposal-box{
	background:#f8fdff;
	border:1px solid #86ccff;
	padding:40px 13px 34px;
	position:relative;
	width:36%;
	font-weight:400;
	min-height:300px;
	
}
.proposal-box .contents{
	font-size:0.813em;
	font-weight:700;
	color: #494949;
}
.doc-icon{
	width: 16px;
	height: 15px;
	background:url(../images/doc.jpg) no-repeat;
	position: absolute;
	top: 8px;
	left: 20px;
}
.firm{
	font-weight:400;
	padding-top:20px;
	font-size:0.813em;
	display: block;
	color: #494949;
}
.firm span {
	color: #b6b6b6;
	font-style: italic;
	padding-right: 5px;
}
.tag-top{
	position: absolute;
	right: 14px;
	top: 0;
	width: 11px;
	height: 14px;
	background:url(../images/sprit.png)0 -201px no-repeat;
}
.proposal-box .details{
	display: block;
	font-size:0.750em;
	color: #929292;
	padding: 5px 0 0 22px;
	position:absolute;
	bottom:20px;
	left:13px;
	margin-top: 10px;
}
.proposal-box .details .time {
	background:url(../images/sprit.png) -84px -175px no-repeat;
	width: 16px;
	height: 17px;
	top: 5px;
	position:absolute;
	left:0;
}
.proposal-view .user-sec{
	width:50%;
	margin-left:20px;
	min-height:300px
}
.user-sec figure{
	position:absolute;
	width:96px;
	height:96px;
} 
.user-sec figure.user-img1{
	top:-12%;
	left:1%	
}
.user-sec figure.user-img2{
	left: 37%;
	top: 14%;
}
.user-sec figure.user-img3{
	top: 51%;
	left: 37%;
}
.user-sec figure.user-img4{
	top:auto;
	bottom:-9%;
	left: 1%;
}
.feature-section6 .sliding-image-bg{
	min-height:338px;
}
.feature-section6 .tool-box{
	position:absolute;
	bottom:24%;
	left:5%;
	background:url(../images/screen4-header.png) no-repeat;
	width:808px;
	height:118px;
	background-position:left bottom;	
}
.proposal-pc-slide{
	/*float:left;*/
    width:52%;
	display:block;
	height:533px;
	margin:5% auto 0;
	position:relative;
	bottom:0;
	left:2.5%;
}
.proposal-pc-slide span{
	position:absolute;
}
.pc-slide{
	background:url(../images/pc.png) no-repeat;
	width:339px;
	height:325px;
	top:0;
	left:21%;
	z-index:15
}
.keyboard-slide{
	background:url(../images/hand-key.png) no-repeat;
	width:183px;
	height:170px;
	bottom:0;
	left:34%;
	
}
.slide-paper-left,.slide-paper-right{
	background:url(../images/page-left.png) no-repeat;
	width:150px;
	height:166px;
	left:6%;
	top:21%;
	z-index:2
}
.slide-paper-right{
	background:url(../images/page-right.png) no-repeat;
	left:auto;
	right:1%;
}
.paper-blg-rgt,.paper-blg-lft{
	background:url(../images/page-left-slide.png) -36px 0 no-repeat;
	width: 60px;
	height: 138px;
	right: 1%;
	top: 23%;
}
.pc-responsive{
	position:absolute;
	background:url(../images/pc-responsive.png) no-repeat;
	background-position:center bottom;
	display:none;
	width:100%;
	bottom:0;
	left:0;
	
}
.paper-blg-lft{
	left:0%;
	background-position:0 0;
}
.template-list li{ 
	padding:8px 0 0 110px;
	margin-top:60px;

}
.template-list li.icon1{
	background:url(../images/proposal.png)-15px -14px no-repeat;
}
.template-list li.icon2{
	background:url(../images/content.png) -9px -15px no-repeat;
}
.template-list li.icon3{
	background:url(../images/open-proposal.png) -5px -5px no-repeat;
}

.template-list li.button-box{
	margin:49px 0 42px !important;
	padding-left:20%;
}
.template-list li h4{
	color:#333333;
	font-size:1.125em;
	padding-bottom:19px;
	font-weight:700;
	display:block;
	margin:0;
}
.template-list li p{
	color:#666666;
	font-size:0.875em;
	display:block;
}
.try-button{
	background:#f6643c;
	color:#ffffff;
	padding:7px 25px;
	font-weight:700;
	font-size:0.875em;
	border:0;
	margin-right:10px;
}
.try-button:hover{ background:#e15631;}
.video-button{
	border:1px solid #c2c2c2;
	padding:6px 16px 6px 40px;
	background:transparent;
	color:#666666;
	position:relative;
	font-weight:700;
	font-size:.875em;
}
.video-button:hover{ border-color:#969595;}
.video-button:before{
	background:url(../images/sprit.png)-59px  -175px no-repeat;
	width:17px; 
	height:17px;
	position:absolute;
	left:11px;
	top:7px;
	content:"";
}

.feature-template .top{
	color:#ffffff;
	padding:5% 10%;
}
.feature-template .top span{
	font-size:0.875em;
	font-weight:400;
	padding-top:20px;
	display:block;
}
.feature-template h3{
	font-size:2.250em;
	font-weight:300;
	color:#ffffff;
	text-transform:uppercase;
}
.feature-slider h4{
	font-size:1.125em;
	font-weight:700;
	padding-top:20px;
}
.feature-slider span{
	padding:12px 0 26px;
	font-size:0.875em;
	font-weight:400;
	display:block;
    min-height:92px;
}
.download-button{ 
	background:rgba(223,139,74, 0); 
	border:1px solid #ffffff; 
	color:#ffffff; 
	font-weight:400; 
	font-size:0.875em;
	padding:7px 20px;
	margin-bottom:42px;
}
.download-button:hover{ background:rgba(255,255,255,.3);}
.feature-slider figure{
	-webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,.3);
	box-shadow: 0 2px 7px 1px rgba(0,0,0,.3);
	height:466px;
	margin:0 3%;
}
#headerSlideContainer .navbar-collapse{
	background:none;
}
#headerSlideContainer.navbar-default {
	 background: rgba(252,252,252,.85) !important; 
	 box-shadow:none;
}
/*-------popup-------------*/
.feature-popup .modal-content,.video-popup .modal-content{
	box-shadow:none;
	-moz-border-radius:0;
	border-radius:0; 
	
}
.feature-popup  .modal-header{
	border-bottom:0;
	border-top:4px solid #f6643c;
	padding:8% 20%;
}

.feature-popup .modal-title{
	color:#333333;
	font-weight:700;
	font-size:1.250em;
}
.feature-popup .modal-body{
	padding: 15px 24px;
}
.feature-popup .btn-lg{
	width:100%;
	float:none;
	padding:10px 13%;
}
 .popup-close{
	background:url(../images/sprit.png) -29px -172px no-repeat; 
	width:22px; 
	height:22px;
	position:absolute;
	bottom:-44px;
	left:48%;
	border:0;
	outline:none;
}
.video-popup .modal-body{
	padding:0;
}
.video-bottom{
	background:#ffffff;
	padding:5% 0 4%;
}
.video-popup-button{
	padding: 16px 30px !important;
	font-size: .875em;
	font-weight: 700;
	text-transform: uppercase;
}
.video-bottom h3{
	font-size:1.875em;
	font-weight:300;
	color:#333333;
	padding-bottom:30px;
}
/*----------popup end--------------*/
label .red-text{
	color:#dd4e4e;
	font-weight:400;
	font-size:0.500em;
	vertical-align:top;
	padding-left:5px;
}
.feature-footer{
	background:url(../images/footer-bg.jpg) no-repeat;
}
.feature-template .modal-dialog{ z-index:1050}
/*====================header========================*/
.feature-header .navbar-collapse{ background:none;}

.feature-header .login-link{ border:0; padding:0 !important;}
.feature-header .navbar-nav>li>a:hover{background: none;}


#headerSlideContainer {
    position: fixed;
    top:-82px;
    width: 100%;
}
/*==============================footer===================*/

.feature-footer .rights { 
	color:#999798;
}
.feature-footer .footer-nav li{
	border-color:#999798;
}
.feature-footer .footer-nav li a{
	color:#999798;
}
.feature-footer .footer-nav li a:hover{ color:#f6643b;}
/*============================== header =====================*/
.static-header .navbar-collapse {background: none;}
.static-header .navbar-nav>li>a{color:#fff;}
.static-header .navbar-nav>li>a:hover{background: none;}

/*============================ media query ============*/
@media (max-width:768px) {
.feature-header .container{	min-height:500px}
.feature-section .container{padding-bottom:50%;}
.get-nibaal {	position: fixed;	left: 40%;	top: 17px;}
.login-link{ display:none !important;}
.sliding-image1{ background-size:85% auto !important;}
.feature-section .container,.feature-section3 .container{padding-bottom:50% !important;}
.sliding-lens{ background-size:85% auto !important; right:7% !important;  bottom: 16% !important; width:30% !important; height:16%;}
.feature-section6 .container{ padding-bottom:37% !important;}
.feature-section2 .container{ padding-bottom:42% !important;}
.feature-section6 .tool-box{ bottom:15%!important;}
.feature-section2 .sliding-image2{ background-size:85% auto !important; height:30% !important;}
.navbar-default{ display:block !important;}
.header-hide{ display:none !important;}
.proposal-pc-slide{ display:none;}
#headerSlideContainer{top:0 !important;}
.pc-responsive{ display:block; height:64%; position:absolute; bottom:0; background-size:80% auto;}
.feature-section4 .container{ padding-bottom:74%;}
#headerSlideContainer .navbar-collapse{ background:rgba(252,252,252,.85) !important;}
.feature-header .navbar-brand{ display:none;}
}
@media (min-width:768px) {

.feature-popup .modal-dialog{  width:400px; margin:10% auto;}
.video-popup .modal-dialog{ width:75%; margin:6% auto;}
.get-nibaal-fixed {	display:none;}
.feature-header .navbar-nav a{ background:none; color:#ffffff; } /*!important*/
.mobile-login{ display:none !important;}
.feature-header .navbar-brand{ padding:15px 9px !important;}
.feature-header .navbar-nav{ margin-top:6px !important;}
.feature-header .get-nibaal,#headerSlideContainer .get-nibaal{ margin-right:7px;}
.feature-header .login-link a,#headerSlideContainer .login-link a{ margin-left:20px;}
.feature-header .nav>li,#headerSlideContainer .nav>li{ margin-left:10px;}
}
@media (min-width:992px) {
	
.sliding-image1{left:-55%;}
.sliding-image2{ right:-60%;}
.feature-section3 .container{ padding-bottom:518px;}
.pc-slide{ background-size:90% auto; top:9%;}
.slide-paper-right,.slide-paper-left{top:22%;}
.slide-paper-right{ right:-5%;}
.paper-blg-rgt, .paper-blg-lft{ top:24%; right:-5%;}
{margin-left:20px;}
}
@media (min-width: 1200px){
.sliding-image1{left:-40%;}
.sliding-image2{ right:-40%}
.feature-section3 .container{ padding-bottom:587px;}
.pc-slide,.slide-paper-right,.slide-paper-left,.keyboard-slide{ background-size:auto;}
.slide-paper-right,.slide-paper-left{top:21%;}
.slide-paper-right{ right:0;}
.pc-slide{top:5%;}
.paper-blg-rgt{ top:24%; right:0;}
}

@media (max-width:992px) {	
.feature-header .container{	min-height:500px;}
.featuresub-text{ padding:20px 0;}
.dowmload-sec{ border:0;}
.feature-section .container{padding-bottom:411px;}
.feature-section3 .container{ padding-bottom:377px;}
.feature-section6 .container{ padding-bottom:266px;}
.feature-section2 .container{ padding-bottom:400px;}
ul.template-list{margin-left:0 !important; width:100% !important;}
.sliding-image1{left:0%; width: 100%; background-size: 95% auto; height:410px;}
.sliding-lens{top: auto; bottom: 16%; left: auto; right: 5%; background-size:100% auto; width:32%;}
.feature-section3 .sliding-lens2{width: 30%; background-size: 100% auto; right: 22%; bottom: 17%;}
.feature-section6 .tool-box{width: 78%; background-size: 100% auto; bottom: 19%;}
.proposal-view{ margin:6% 0 8% 12%; width:98%;}
.feature-section2 .sliding-image2{ bottom:0; background-size:95% auto; background-position:center bottom; right:0; width:100%;}
.slide-paper-left,.slide-paper-right,.pc-slide,.keyboard-slide{  background-position:center bottom ;}
.slide-paper-right{ right:13%; top:19%}
.slide-paper-left{ left:7%; top:19%}
.pc-slide{ left:22%; top:3%;}
.keyboard-slide{ left:33%;}
.proposal-pc-slide{ width:95%; bottom:0;}
.sliding-image2{ height:395px;}
.paper-blg-rgt, .paper-blg-lft{ top:22%;}
.paper-blg-lft{ left:4%;}
.paper-blg-rgt{ right:10%;}
}
@media (max-width:630px){
.feature-section2 .sliding-image2{ height:26% !important;}
.sliding-lens{ height:13% !important;}
.sliding-image1{ height:25%;}
}

@media (max-width:580px){
.sliding-lens{  bottom: 12% !important;}
.proposal-view .proposal-box{ width:41%;}
}
@media (max-width:550px){
.feature-section2 .sliding-image2{ height:23% !important;}
.sliding-image1{ height:22% !important;}
.sliding-lens{height: 11% !important; background-size: 80% auto !important;}
}
@media (max-width:480px) {
.feature-header .container{	min-height:360px}
.sliding-lens{ bottom:9.5% !important; height:9% !important; background-size:85% auto !important;}
.feature-section3 .sliding-lens2{ right: 23%; bottom: 16%;}
.feature-section6 .tool-box{ bottom:12% !important;}
.proposal-view{ margin:6% 0 8% !important;}
.user-sec figure img{ width:88%;}
.proposal-view .proposal-box{ width:44%;}
.web-app-sec li{ width:100%; float:none;}
.app-img{left:45%;}
.template-list li.button-box{ padding-left:14%;}
.bx-wrapper .bx-prev{left:10px !important;}
.feature-section2 .sliding-image2{ height:20% !important;}
.get-nibaal{ padding:7px 5% !important;}
.sliding-lens2{ height:27%; bottom:13% !important; }
.sliding-image1{ height:19% !important;}
}
@media (max-width:430px){
 .sliding-image1{ height:16% !important;}
 .sliding-lens{ height:8% !important; bottom:8.5% !important;  }
}

@media (max-width:386px) {
.user-sec figure img{ width:80%;}
.proposal-view .user-sec{ margin:0 !important;}
.sliding-image1{ height:13% !important;}
.sliding-lens{ bottom:7.5% !important;}
.feature-section2 .sliding-image2{ height:15% !important;}
.sliding-lens{ height:7% !important;}
.sliding-lens2{bottom:10% !important; }
	
}
@media (max-width:351px){
.try-button{ padding:7px 3% !important;}
.get-nibaal{ padding:7px 3% !important; margin-left:5px;}
.sliding-lens{ height:6% !important; bottom:6.5%!important; }
.sliding-lens2{bottom:8% !important; }
.sliding-image1{ height:11% !important;}
}
.footer-fix{ position:fixed; width:100%; bottom:0; z-index:-999}
section{position:relative; z-index:4}