.customers_iconHeader_formbg/*!
 * Start Bootstrap - Creative v1.1.0 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */.navbar-default, a {
-webkit-transition:all .35s;
-moz-transition:all .35s
}
header, header .header-content {
	position:relative;
	width:100%;
	text-align:center
}
body, html {
	height:100%;
	width:100%
}
body {
	/*font-family:'Raleway', sans-serif;*/
	font-family:'Raleway', sans-serif;
	webkit-tap-highlight-color:#222;
}

p {font-family:'Raleway', sans-serif;}
.btn, .navbar-default, .navbar-default .navbar-header .navbar-brand, h1, h2, h3, h4, h5, h6, p {
	font-family:'Raleway', sans-serif;
}
hr {
	border-color:#F05F40;
	border-width:3px;
	max-width:50px
}
hr.light {
	border-color:#fff
}
a {
transition:all .35s;
	color:#F05F40
}
a:focus, a:hover {
	color:#eb3812
}
p {
	font-size:15px;
	line-height:1.5;
	margin-bottom:20px
}
.bg-primary {
	background-color:#F05F40
}
.bg-dark {
	background-color:#222;
	color:#fff
}
.text-faded {
	color:rgba(255, 255, 255, .7)
}
section {
	padding:60px 0
}
aside {
	padding:50px 0
}
.no-padding {
	padding:0
}
.navbar-default {
	background-color:#fff;
	border-color:rgba(34, 34, 34, .05);
transition:all .35s
}
.btn-default, .portfolio-box .portfolio-box-caption {
-webkit-transition:all .35s;
-moz-transition:all .35s
}
.navbar-default .navbar-header .navbar-brand {
	color:#F05F40;
	font-weight:700;
	text-transform:uppercase
}
.navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover {
	color:#eb3812
}
.navbar-default .navbar-header .navbar-toggle {
	font-weight:700;
	font-size:12px;
	color:#222;
	text-transform:uppercase
}
.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
	text-transform:uppercase;
	font-weight:700;
	font-size:13px;
	color:#222
}
.navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
	color:#F05F40
}
.navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus {
	color:#F05F40!important;
	background-color:transparent
}
.navbar-default .nav>li.active>a:focus:hover, .navbar-default .nav>li.active>a:hover {
	background-color:transparent
}
@media (min-width:768px) {
.navbar-default {
background-color:transparent;
border-color:rgba(255, 255, 255, .3)
}
.navbar-default .navbar-header .navbar-brand {
color:rgba(255, 255, 255, .7)
}
.navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover {
color:#fff
}
.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
color:rgba(255, 255, 255, .7)
}
.navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
color:#fff
}
.navbar-default.affix {
background-color:#fff;
border-color:rgba(34, 34, 34, .05)
}
.navbar-default.affix .navbar-header .navbar-brand {
color:#F05F40;
font-size:14px
}
.navbar-default.affix .navbar-header .navbar-brand:focus, .navbar-default.affix .navbar-header .navbar-brand:hover {
color:#eb3812
}
.navbar-default.affix .nav>li>a, .navbar-default.affix .nav>li>a:focus {
color:#222
}
.navbar-default.affix .nav>li>a:focus:hover, .navbar-default.affix .nav>li>a:hover {
color:#F05F40
}
}
header {
	min-height:auto;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
	background-position:auto;
	background-image:url('/landing_pagefiles/css/landing_img/construction.jpg');
	color:#222;
	background-position: 0px -75px;
	background-repeat: no-repeat;
}
header .header-content {
	padding:100px 15px
}
header .header-content .header-content-inner h1 {
	font-weight:700;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:0;
	font-size:30px
}
header .header-content .header-content-inner hr {
	margin:30px auto
}
header .header-content .header-content-inner p {
	font-weight:300;
	color:rgba(255, 255, 255, .7);
	font-size:16px;
	margin-bottom:50px
}
@media (min-width:768px) {
header {
/*min-height:100%;*/
/*min-height:640px;*/

}
header .header-content {
position:absolute;
top:40%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
padding:0 50px
}
header .header-content .header-content-inner {
max-width:1000px;
margin-left:auto;
margin-right:auto
}
header .header-content .header-content-inner h1 {
font-size:50px
}
header .header-content .header-content-inner p {
font-size:18px;
max-width:80%;
margin-left:auto;
margin-right:auto
}
}
.section-heading {
	margin-top:0;
	font-weight: 700;
	font-size: 26px;
	color: #fff;
}
.service-box {
	max-width:400px;
	margin:50px auto 0
}
@media (min-width:992px) {
.service-box {
margin:20px auto 0
}
}
.service-box p {
	margin-bottom:0
}
.portfolio-box {
	position:relative;
	display:block;
	max-width:650px;
	margin:0 auto
}
.portfolio-box .portfolio-box-caption {
	color:#fff;
	opacity:0;
	display:block;
	background:rgba(240, 95, 64, .9);
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
	height:100%;
transition:all .35s
}
.btn-default.active, .btn-default:active, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-primary {
	background-image:none
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-family:'Raleway', sans-serif;
	padding:0 15px
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
	text-transform:uppercase;
	font-weight:600;
	font-size:14px
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-size:18px
}
.portfolio-box:hover .portfolio-box-caption {
	opacity:1
}
.portfolio-box:focus {
	outline:0
}
@media (min-width:768px) {
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
font-size:16px
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
font-size:22px
}
}
.call-to-action h2 {
	margin:0 auto 20px
}
.text-primary {
	color:#F05F40
}
.no-gutter>[class*=col-] {
padding-right:0;
padding-left:0
}
.btn-default {
	color:#000;
	background-color:#ff0;
	border-color:#111;
transition:all .35s
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
	color:#222;
	background-color:#f2f2f2;
	border-color:#ededed
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color:#fff;
	border-color:#fff
}
.btn-default .badge {
	color:#fff;
	background-color:#222
}
.btn-primary {
	color:#fff;
	background-color:#F05F40;
	border-color:#F05F40;
-webkit-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#ee4b28;
	border-color:#ed431f
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color:#F05F40;
	border-color:#F05F40
}
.btn-primary .badge {
	color:#F05F40;
	background-color:#fff
}
.btn {
	border:none;
	border-radius:300px;
	font-weight:700;
	text-transform:uppercase
}
.btn-xl {
	padding:15px 30px
}
::-moz-selection {
color:#fff;
text-shadow:none;
background:#222
}
::selection {
color:#fff;
text-shadow:none;
background:#222
}
img::selection {
color:#fff;
background:0 0
}
img::-moz-selection {
color:#fff;
background:0 0
}




/*============== Add Css By Rohit ========================*/

.Header_bg { /*background: rgba(36,36,36,0.8);*/ width:100%; min-height:auto; }

.Header_formbg { background: rgba(104, 152, 224, 0.8) none repeat scroll 0 0; width:100%; min-height:640px; color:#333; /*padding:24px;*/ /*outline: dashed 2px #CCCCCC;*/ }



input[type="password"], input[type="text"] {
background: #fff;
  width: 98%;
  padding-left: 2%;
  text-indent: 10px;
  /*padding-top: 15px;*/
  box-shadow: 0 1px 1px rgba(255,255,255,.4);
  color: #605552;
  border: 1px solid #fff;
  font-size: 12px;
  boreder-radius: 8px;
  font-style: italic;
  font-weight: 600;
  padding:4px;
  border-radius:6px;
  /*margin-bottom: 15px;*/
}

.Header_bg h1 { font-size:40px; text-align:left; margin-top:10%; font-weight:700; padding: 10px 20px; /*line-height:44px;*/ }

.Header_bg h3 { font-size:21px; color:#999999; line-height:30px; text-align:left; margin-top:20px; font-weight:600; }

.Header_bg p { font-size:18px; color:#999999; line-height:30px; text-align:left; margin-top:10px; }

.padding_none { padding-right:0px; padding-left:0px;}

.stay_text { text-align:center; width:100%; color:#CCCCCC; float:left; }


.Header_bg hr { margin:0px;}

.social { float:left; margin:0px; width:100%;}

.social ul { float:left; margin:0px; color: #FFFFFF; width:100%; text-align:center; margin-left:50px; }

.social ul li { float:left; color: #FFFFFF; margin-right:15px; list-style:none; text-decoration:none; font-size:22px; text-align:center;
 }
 
#customers {   /*background-color: #ebeaea;*/ min-height: 84px;   padding-top: 60px;
  padding-bottom: 60px; }

#customers h2 {font-weight: 700;}

#customers p {font-size:16px;
  font-weight: bold;
  font-style: italic;
  line-height: 28px; margin-bottom:0px; height:57px; }

.customers_icon div { float:left; margin:0px; /*margin-right:16px;*/ margin-bottom:45px; margin-top:11px; text-align:center;}

.customers_icon h3 {height: 85px; font-weight: 600; margin-bottom: 25px; border-bottom: 1px solid #fff; line-height: 85px;}

#appscreen { background-image:url('landing_img/screen_img.jpg'); min-height:600px; background-attachment:fixed; background-position: center;
  background-size: 110%; padding-top:40px; }
  
#appscreen h1 { font-size:45px; line-height:50px; text-align:center; color:#21313a;}  

#appscreen h2 { font-size:25px; line-height:35px; text-align:center; color:#21313a;}  

#clientbg { background-image:url('landing_img/clients_bg.jpg');  background-position: center; height:600px;
  background-size: cover; padding-top:0px; padding-bottom:0px;  }
  
  
.module_fratures { width:100%; float:left; margin:auto; } 

.module_fratures ul { width:100%; float:left; margin:auto; padding:0px; margin-left:10px; margin-top:10px; margin-bottom:20px; } 
	
.module_fratures ul li { width:100%; float:left; line-height:50px; text-align:left; list-style:none; }  

.module_fratures ul li i { margin-right:10px; color:#F05F40; }  

.animation-examples {
  font-weight: bold;
 /* min-height:682px;*/
	min-height:510px;
  
 
}

.animation-examples.one {
 
/*  outline: 2px dashed red;
  box-shadow: 0 0 0 2px #000;
  animation: 1s animateBorderOne ease infinite;*/
  padding:24px;
	margin-top: 50px;
}

@keyframes animateBorderOne {
  to {
    outline-color: #000;
    box-shadow: 0 0 0 2px #E0E4CC;
  }
}

.customers_icon img:hover {opacity:0.9; cursor:pointer;}

.customers_icon p {line-height: 24px!important;
    height: auto!important; text-align: left; font-style: normal!important; font-weight: 500!important; font-size: 15px!important; color:#fff;} 

#services{  background-color: #1c2b36;
  color: #fff;} 
  
  
#testomonial { padding-top:35px; padding-bottom:35px;}  


.micro_heading { width:100%; padding:20px; background-color:#666666; font-size:30px; /* margin-bottom:20px;*/ }



tr td:nth-of-type(2){ background-color:#1c2b36; color:#fff;} 


.table>thead:first-child>tr:first-child>th:nth-of-type(2){ background-color:#1c2b36; color:#fff; font-size:18px; } .table>thead:first-child>tr:first-child>th h5:nth-of-type(2){ background-color:#1c2b36; color:#fff; font-size:18px; } 


.h5, h5 {font-size: 18px;
  font-weight: bold;}

.feature_grp {width:100%; float:left; display: block; margin-top: 45px;
    /*margin-left: 43px;*/}



i {margin-right: 10px;}

.github-fork-ribbon-wrapper {
  width: 150px;
  height: 150px;
  position: absolute;
  overflow: hidden;
  top: 0;
  z-index: 9999;
  pointer-events: none;
}

.github-fork-ribbon-wrapper {
  width: 150px;
  height: 150px;
  position: absolute;
  overflow: hidden;
  top: 0;
  z-index: 9999;
  pointer-events: none;
}
.github-fork-ribbon-wrapper.fixed {
  position: fixed;
}
.github-fork-ribbon-wrapper.left {
  left: 0;
}
.github-fork-ribbon-wrapper.right {
  right: 0;
}
.github-fork-ribbon-wrapper.left-bottom {
  position: fixed;
  top: inherit;
  bottom: 0;
  left: 0;
}
.github-fork-ribbon-wrapper.right-bottom {
  position: fixed;
  top: inherit;
  bottom: 0;
  right: 0;
}
.github-fork-ribbon-wrapper.right .github-fork-ribbon {
  top: 42px;
  right: -43px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.github-fork-ribbon-wrapper.left .github-fork-ribbon {
  top: 42px;
  left: -43px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
	position: fixed;
}
.github-fork-ribbon-wrapper.left-bottom .github-fork-ribbon {
  top: 80px;
  left: -43px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.github-fork-ribbon-wrapper.right-bottom .github-fork-ribbon {
  top: 80px;
  right: -43px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.github-fork-ribbon {
  /* The right and left classes determine the side we attach our banner to */
  position: absolute;
  /* Add a bit of padding to give some substance outside the "stitching" */
  padding: 2px 0;
  /* Set the base colour */
  background-color:#F05F40;
  /* Set a gradient: transparent black at the top to almost-transparent black at the bottom */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
  /* Add a drop shadow */
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  /* Set the font */
  font: 700 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 9999;
  pointer-events: auto;
}
.github-fork-ribbon a,
.github-fork-ribbon a:hover {
  /* Set the text properties */
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
  text-align: center;
  /* Set the geometry. If you fiddle with these you'll also need
     to tweak the top and right values in .github-fork-ribbon. */
  width: 200px;
  line-height: 20px;
  /* Set the layout properties */
  display: inline-block;
  padding: 2px 0;
  /* Add "stitching" effect */
  border-width: 1px 0;
  border-style: dotted;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
}

.index {z-index: 999;}

/*=========================== Thanx Page ===================*/

#header1 {width: 100%; height: 100%; background-attachment: fixed; }



.Header_bg1 h1 {text-align: center!important; font-size: 40px; font-weight: 600;}

.Header_bg1 {margin-top: 15%;}


/******************Suhas CSS******************/
.features_height{
	min-height: 440px;
}

.features_height1{
	min-height: 350px;
}

.features_height2{
	min-height: 100px;
}

.o-icon.fa.fa-2x, .s_timeline ul.timeline li .timeline-content .fa.fa.fa-2x, .s_timeline ul.timeline li .timeline-content-double .fa.fa.fa-2x{
	 height: 80px;
    line-height: 80px;
    width: 80px;
}

.o-icon[class*="bg-"], .s_timeline ul.timeline li .timeline-content .fa[class*="bg-"], .s_timeline ul.timeline li .timeline-content-double .fa[class*="bg-"] {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #6b6d70;
    color: #6b6d70;
}
.o-icon, .s_timeline ul.timeline li .timeline-content .fa, .s_timeline ul.timeline li .timeline-content-double .fa {
    border-radius: 50%;
    text-align: center;
}

.bg-gray-lighter {
    background-color: #f2f2f2;
    color: #666c75;
}

.bg-orange-lighter {
    background-color: #6898e0;
    color: #333;
}

.panel-body{
	min-height: 225px;
}
.onlinedemo_table > tr, td{
	padding: 2px !important;
}

.homeHeading_margin{
	margin-top: 405px;
}

.prag_logo{
	width: 175px;
}

.odoo_logo{
	width: 100px;
}


.custom-bullet li {
    display: block;
	font-size: 16px;
}
.custom-bullet li::before {
    color: #1bbc9b;
    content: "✔";
    float: left;
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    margin-left: -20px;
    margin-top: 0;
}

.testimonials{
	/*background:url(/ppc/images/Success_storiessection1.jpg) no-repeat;*/
	background: #75526B;
}

.testimonials h1{
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.mt20{
	margin-top: 20px;
}

.mb20{
	margin-bottom:20px;
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
	
	.circle {

  margin: 6px 20px 20px;
}
	.homeHeading_margin {margin-top: 0px!important;}
	.homeHeading_margin div {margin-top:0px!important; }	
	.Header_bg h1 {margin-top: 0px;}
	header {background-position: -243px 0px!important;}

}

@media only screen and (min-width: 375px) and (max-width: 414px) {
	
	.circle { margin: 6px 38px 20px !important;}
	.homeHeading_margin {margin-top: 0px!important;}
	.homeHeading_margin div {margin-top:0px!important; }	
	.Header_bg h1 {margin-top: 0px;}
	header {background-position: -243px 0px!important;}

}





@media screen and (max-width: 767px) {
	
.circle {

  margin: 6px 20px 20px;
}
	
	.customers_icon h3{
		font-size: 17px !important;
		line-height: 25px !important;
	}
	
	.homeHeading_margin{
		margin-top: 50px;
	}
	
	.prag_logo{
	width: 60%;
}

.odoo_logo{
	width: 35%;
}
	.Header_bg h1{
		font-size: 36px;
	}
}



@media only screen and (min-width: 768px) {
    /* For desktop: */
	.features_height {min-height:auto;}
	.features_height1 {min-height:auto;}
	
	.circle {
  margin: 6px 68px 20px;
}
	
	
	.homeHeading_margin{
		margin-top: 0px;
	}
	
	.homeHeading_margin div {margin-top: 0px!important;}
	
	.Header_bg h1 {margin-top: 0px;}
	
	
	
}

@media (min-width: 1024px) and (max-width: 1365px) {
	.features_height{
		min-height: 470px !important;
	} 
	
	.features_height1{
		min-height: 365px !important;
	} 
	
	header {min-height:695px;}
	
}

@media (min-width: 1366px) and (max-width: 2560px) {
	.features_height{
		min-height: 455px !important;
	} 
	
	.features_height1{
		min-height: 365px !important;
	} 
	
	header {min-height:800px; padding-bottom: 80px}
	
}
	


.grey_section h2{text-align: center;}
.grey_section h4{text-align: center; font-weight:600; margin-bottom: 40px; }

.box_bg {
    background-color: rgba(0, 0, 0, 0.65);
    padding: 15px;
	color: #fff;
border-radius: 20px;
}


.homeHeading_margin{
	margin-top: 355px;
}