@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); //Ait Singh

* {
	margin: 0;
	outline: 0 none;
	padding: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	transition-duration: 0.3s
}

body, h1, h2, h3, h4, h5, h6, span, p, a, ul, li {font-family:'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	
}

h2{color:#196cab;}

h3{color:#e57825;}





@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: local('☺'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}		

img{border:none;}
a{text-decoration:none;}


* {
	box-sizing: border-box;
}
body, html {
    height: 100%;
}
body {
    overflow-x: hidden;
}
.inner-page {
    min-height: 100%;
    position: relative;
}
#main-werp {
	width: 100%;
	margin: 0 auto;	
	padding: 0;
}
.banner img {
	width: 100%;
}
.main-continer {
	width: 100%;
	margin: 0 auto;
	max-width: 1178px;
	padding: 0px 15px;
	box-sizing: border-box;
}
header {
    position: fixed;
    z-index: 999999;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
    height: 87px;
}

.Users-subicon:before, .Customers-subicon:before {
    content: "\f007";
	font: normal normal normal 14px/1 FontAwesome;

}



.inner-page header {
    position: relative;
    margin: auto;
    left: auto;
    right: auto;
    z-index: 9;
    background: #fff;
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 27px;
	
    /*border-bottom: 4px solid #000;*/
}
.logo {
	float: left;
}
.logo > a {
    display: inline-block;
    margin: 15px 0 0;
}
.authentication-form {
    border: 1px dashed #ccc !important;
}
.main-menu {width:45%;
	float: right;
}

.showmenu{display:none;}

ul.login {
    padding: 17px 0px;
    text-align: right;
    float: right;
    box-shadow: none;

}
ul.login > li {

    position: relative;
    padding-bottom: 20px;

}

.login li {margin:0px; padding:0px;
	
	
}


ul.login li a {text-decoration: none; font-family:'Open Sans', sans-serif;
    display: block;
    margin: 0px;
    background: #f27122;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
ul.login > li > a {
    border: 0px solid transparent !important;
}
ul.hover-menu li a {
    background: transparent;
    font-size: 13px !important;
    border-radius: 0px;
}


ul.login li a img {
	position: relative;
    bottom: 2px;
    display: block;
}
ul.login li + li {
	//border-left: 1px solid #fff;
}	
.login-menu-section ul.navigation-menu {list-style:none;
    padding: 10px 0px;
    margin-top:21px;
    float: right;
}
.login-menu-section li.drop-menu-logout > ul {
    background: #f27122 none repeat scroll 0 0;
    float: left;
    right: 5px;
    position: absolute;
    text-align: left;
    top: 29px;
    width:130px; 
    /*height:136px!important;*/
    z-index: 9999999;
    display:none;
    border-radius: 4px;
}

.login-menu-section li.drop-menu-logout:hover > ul.fallback {display:block;}
.navigation-menu li {
	color: #fff;
	display: inline-block;
	font-family: 'Advent Pro', sans-serif;
	/* font-size: 14px; */
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	padding: 0px 5px;
    float: left;
	position:relative;
}
.navigation-menu li:first-of-type {
   
}
.navigation-menu li a {
	display: block;
	float: left;
	line-height: 12px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 0px 0px 5px 5px;
	position:relative;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}

/*.navigation-menu li a:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 7px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -7px;
    left: 0px;
    right: 0px;
    margin: auto;
	opacity:0;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-ms-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}*/



.navigation-menu li a:hover, .navigation-menu li.active a {
    
    color:#fff;
}


.drop-menu-logout {
    font-size: 11px;
    margin: 0;
    padding: 2px 5px !important;
    position: relative !important;
}


.drop-menu-logout > ul {
    background: #f27122 none repeat scroll 0 0;
    float: left;
    right: 0;
    position: absolute;
    text-align: left;
    top: 29px;
    width:130px; 
    /*height:136px!important;*/
    z-index: 9999999;
}

.drop-menu-logout li {font-size:13px;
    display: inline-block;
    float: none;
    padding: 4px 0;
    text-align: left;
}
.main-menu {

    width: auto;
    float: right;

}

.login-menu-section {width:10%;
    float: right;
}
.header-menu-section{width:57%; float:right;}




.navigation-menu li a:hover:after, .navigation-menu li.active a:after{ opacity:1;}
.banner {position: relative; overflow: hidden; clear: both;}
/*.banner {
    position: relative;
    overflow: hidden;
    clear: both;
    background: url(http://75.112.188.125/docusky/public/website/images/banner1.png) repeat-x;
    background-position: top center;
    animation: animebg 30s linear infinite;
    background-attachment: fixed;
    height: 600px;
    width: 100%;
    background-size: 100% auto;
}*/
@keyframes animebg { 0% {
background-position:0 0;
}
 100% {
background-position:100% 0;
}
}
.banner > img {
    display: block;
}
.banner-tab > img {
    width:45% !important; border-radius:4px;
    visibility: hidden !important;
}
nav.main-logo {
    position: absolute;
    margin: auto;
    display: inline-block;
    text-align: center;
    width: 256px;
    height: 129px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
	display:none;
}
nav.main-logo > a:last-of-type {
    margin-left: 30px;
}
nav.main-logo a {
    display: block;
    float: left;
    -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.main-logo > a:hover {
    -webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);
}
nav.main-logo img {
	width: auto;
}

.logo>img {
    min-width: 71px;
    width: 170px;
}


.cont {
    padding: 35px 0px 20px;
}
.cont h3 {
	color: #8EC63F;
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
    margin: 0px 0px 20px;
}
.cont p {
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin: 0px auto;
    max-width: 800px;
    text-align: center;
    width: 100%;
}
.product-gallery {
    clear: both;
    width: 100%;
    float: left;
}
.cont-gal {
	float: left;
	padding: 15px;
	position: relative;
	width: 33.33%;
    min-height: 286px;
}
.cont-gal img {
	max-width: 100%;
        display: list-item;
    margin: auto;
    width: auto;
	z-index:1000;	
}

.cont-gal > img {
    max-width: calc(100% - 30px);
    display: list-item;
    width: auto;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 15px;
    margin: auto;

}

.cont-gal > a {
	/*background: rgba(0, 0, 0, 0.48) none repeat scroll 0 0;*/
	bottom: 15px;
	display: inline-block;
	left: 15px;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: auto;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 15px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow:hidden;
}
.cont-gal > a:before, .cont-gal > a:after {
    position: absolute;
    content: "";
    background:#eee;
    height: 256px;
    width:352px;
    left: 0px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.cont-gal > a:after {
    right: 0px;
    left: auto;
}
.cont-gal:hover > a:before {
    left: -50%;
}
.cont-gal:hover > a:after {
    right: -50%;
}
.cont-gal:hover > a {
    background: transparent;
	opacity:0;
	visibility:hidden;
}
.cont-gal > a img {
	bottom: 0;
	left: 0;
	margin: -30px auto auto;
	position: absolute;
	right: 0;
	top: 50%;
	width: auto;
   
}
.item {
	margin-top: 20px;
}
footer {
	background: #0e5275 none repeat scroll 0 0;
	float: left;
	height: auto;
	width: 100%;
    padding: 20px 0px;
}
.footer-logo img {
    display: block;
}
.footer {
	background: #303d43;
	border-top: 1px solid rgba(105, 112, 116, 0.34);
	clear: both;
}
.footer-logo {
	float: left;
	padding: 0px;
}
ul.lSPager.lSpg {
	display: none;
}
.footer-nav {
	float: right;
	padding: 0px;
}
.footer-nav nav {
    float: right;
    margin: 17px 0px 0px;
}
.footer-nav a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 0 10px 0 10px;
    text-decoration: none;
    float: left;
	transition:.3s;
}
.footer-nav a:hover{ 
	color:#ccc;
}
.footer-nav a + a {
    border-left: 1px solid #fff;
}
.footer {
	background: #303d43 none repeat scroll 0 0;
	border-top: 1px solid rgba(40, 51, 57, 0.34);
	clear: both;
	float: left;
	width: 100%;
    padding: 8px 0px;
    line-height: 24px;
}
.copyright {
	color: #aaacb5;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 0px;
	width: 50%;
}
.footer nav {
	float: right;
	padding: 0px 15px;
	text-align: right;
	width: auto;
}
.footer nav a img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer nav a:hover img{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}
.footer nav a{
    display: inline-block;
    float: left;
    padding: 0 20px;
}
.footer nav a + a {
    border-left: 1px solid rgba(0, 0, 0, 0.14);
}

.banner-tab {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    bottom: 40px;
}
.banner-tab img {
    width: auto;
}
.product-add-to-cart {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    top: 15px;
	background: rgba(0, 0, 0, 0.45);
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.15);
    padding: 15px;
    text-align: center;
	color: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	/*opacity:0;
	visibility:hidden;*/
	display:none;
    overflow: hidden;
}
.product-add-to-cart h3 {
    color: #fff;
    margin: 8px 0px;
    text-transform: capitalize;
    font-weight: 500;
}
.product-add-to-cart p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    height: 45px;
    overflow: hidden;
}
.product-add-to-cart img{ width:auto;}
.price-product {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.product-icon img {
    background: #fff;
    padding: 2px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    display: inline-block;
}
.price-product span {
    display: inline-block;
    text-decoration: line-through;
    color: #A2A2A2;
    padding: 0px 10px 0px 0px;
}
.add-cart-prod a {
    background: #fff;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 10px;
    display: inline-block;
    margin: 10px 0px 0px;
    border-radius: 5px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    box-shadow: 0px 3px 0px #666;
}
.cont-gal:hover .product-add-to-cart{
	/*opacity:1;
	visibility:visible;*/
	display:block;
}
.cont-gal .product-add-to-cart .add-cart-prod {
    top: -20px;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.cont-gal:hover .product-add-to-cart .add-cart-prod {
    top: 0px; z-index:2000;
}
.add-cart-prod a:hover {
    box-shadow:none;
}
.content-area {margin:0px;
    padding:0px;
    float: left;
    width: 100%;
    clear: both;
}
.content-area h1 {
  /*display:none;*/
    margin: 15px 0px;
    text-align: center;
}


h1#page-title{
	text-align: center;
    color: #f27122;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
	display:block;
	
}

.bradecrumb a {font-family:'Open Sans', sans-serif; font-size:13px;
    background: url(../images/left-arrow.png) no-repeat;
    background-position: left center;
    padding: 0px 10px 0px 16px;
    float: left;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    line-height: 22px;
}

.tryNow {
  font-family:'Open Sans', sans-serif;  font-size: 20px;
}

.tryNow a {font-family:'Open Sans', sans-serif; 
    background: none repeat scroll 0 0 #106db2;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 11px;
    text-align: center;
    text-decoration: none;
    /* width: 164px; */
    margin-bottom: 5px;
}

.content-area .tryNow a:hover {opacity: 0.8;
    color: #fff;}


.planWrap {
	margin: 50px 0 0 0;
	padding: 0 0 0 0;
}

.planWrap .plan {height:700px; position:relative;
	border: 1px solid #d7d7d7;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 25px 0 30px;
	text-align: center;
	width: 265px;
}

.planWrap .plan .head {
	padding: 0 0 25px 0
}

.planWrap .plan .head  h3 {
    font-size: 18px;
    font-weight: 700;
    color: #106db2;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
}

.planWrap .plan .head  p {
    line-height: 26px;
    color: #6f6f6f;
    font-size: 13px;
    width: 100%;
    margin: auto;
    text-shadow: 0px 0px 0px rgba(102, 102, 102, 0.22);
    font-weight: 400;
	text-align:center;
	
}

.planWrap .plan .price {font-family: 'Open Sans', sans-serif;
	background: #efefef; text-transform:uppercase;
	font-size: 20px;
	color: #000;
	font-weight: 600;
	padding: 5px 0
}

.planWrap .plan .price span {color:#000; font-size:31px; display: inline-block;}

.planWrap .plan .price p {
    line-height: 26px;
    color: #6f6f6f;
    font-size: 13px;
    width: 100%;
    margin: auto;
    text-shadow: 0px 0px 0px rgba(102, 102, 102, 0.22);
    font-weight: 400;
	text-align:center;
	text-transform:none;
}

.planWrap .plan .feature {font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 30px;
    width: 100%;
    margin: auto; margin-top:10px;
    text-align: center;
    text-shadow: 0px 0px 0px rgba(102, 102, 102, 0.22);
    
}


.planWrap .plan .feature span {font-size: 13px;
    font-style: normal;
    color: #f27122;
    display: block;
    padding: 16px 0 15px 0;
    border-bottom: solid 1px rgba(215, 215, 215, 0.78);
    width: 100%;
    margin: auto;
    text-transform: uppercase;
    font-weight: 700;
}

.planWrap .plan .des {
	margin-bottom: 25px;
	min-height: 210px;
}

.planWrap .plan .des p {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 30px;
    width: 100%;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px rgba(102, 102, 102, 0.22);
    font-weight: 400;
}

.planWrap .plan .more {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #ddd;
    position: absolute;
    width: 100%;
    bottom: 67px;
    padding-bottom: 10px;
}
.planWrap .plan  .more a {font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #f27122;
    padding: 0 13px 0 0;
    text-transform: uppercase;
    font-weight: 700;
}

.planWrap .plan  .tryNow {
	padding: 25px 0 0 0;
	position:absolute;
    bottom: 10px;
    margin: auto;
   text-align: center;
    width: 260px
}

.planWrap .plan  .tryNow a {font-family: 'Open Sans', sans-serif;
    background: #106db2;
    border-radius: 3px;
    color: #fff;
    width: auto;
    padding: 8px 14px;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #2D95E2;
}

.planWrap .plan  .tryNow a:hover {
	opacity: 0.8;
}

.planWrap .plan:last-child {
	margin-right: 0;
}

.get-quote {
	text-align: center;
	font-size: 20px;
	color: #6f6f6f;
	margin-top: 40px;
	font-weight: 300;
}

.get-quote a {font-family: 'Open Sans', sans-serif;
    background: #F27122;
    border-radius: 3px;
    color: #fff;
    padding: 9px 15px;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    margin: 0 30px;
    font-weight: 900;
}

.content-area .get-quote a:hover {
	opacity: 0.8;
	color: #fff;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



.bradecrumb a:first-of-type {
    color: #666;
    font-weight: 500;
    background: none;
    padding-left: 0px;
}


.content-area h2{    color: #196cab;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
	margin-top:30px;}

.migrate-img img{width:100px; float:left;}

.migrate-cont {
    float: right;
    padding-right: 0px;
    width: calc(100% - 130px);
}


.erp-resources {
    float: left;
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 10px 0px 20px;
    border-bottom: 1px solid rgba(182, 185, 188, 0.4);
}


.main-menu.main-menu-section-two ul li.privacy-policy { display: none;}

.main-menu.main-menu-section-two ul li.Higher-Education-Tra{display: none;}

.main-menu.main-menu-section-two ul li.terms-of-use{ display: none;}

.main-menu.main-menu-section-two ul li.corprate-training { display: none;}



.content-area p {margin-top:10px; margin-bottom:10px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
     width: 100%;
}

.content-area ul{ margin:20px 0;
   
}


.content-area ul li{ padding:0 10px;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 24px;
	text-decoration:none;
	list-style-position: inside;
}


.bradecrumb {
    margin: 0px 0px 30px;
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(182, 185, 188, 0.65);
    padding-bottom: 20px;
}


.content-area a:hover{ color:#f00;}
.content-area span{
	 font-family: 'Open Sans', sans-serif; //font-size:18px;
}
.address-box {
    width: 100%;
    max-width: 280px;
    float: left;
}
.contact-form {
    width: calc(100% - 280px);
    float: left;
    padding: 0px 0px 0px 30px;
}

.content-area h3 {
 font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
}


.content-area h3 a {
color: #f27122;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.content-area h3 a:hover {
color: #f27122; 
}

.field-area input, .field-area textarea {
    height: 43px;
    padding: 5px 20px;
    margin: 0px 0px 20px;
    width: 100%;
    border-radius: 20px;
    border: 2px solid #dedfe2;
    color: #666666;
    opacity: 1;
    font-size: 14px;
	resize:none;
    font-family: arial;
	outline:none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.field-area textarea {
    height: 170px;
    padding: 14px 20px;
}
.left-field {
    width: 33%;
    float: left;
}
.right-field {
    float: left;
    width: 67%;
    padding-left: 30px;
}
.field-area.submit-btn{ text-align:right;}
.field-area.submit-btn input[type="submit"]{ 
	background: #152559;
    border-color: #152559;
    width: auto;
    margin: 0px;
    color: #fff;
    font-weight: bold;
	cursor:pointer;
}
.field-area.submit-btn input:hover{ opacity:0.9;}
.field-area input:active, .field-area input:focus, .field-area textarea:active, .field-area textarea:focus {
    border-color: #f00;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #666;
}

.push {
    position: relative;
    clear: both;
	padding-bottom:0px;
}

.push-two{padding-bottom:60px;}



.footer-area {
        clear: both;
    background: #000 none repeat scroll 0 0;
    clear: both;
    float: left;
    margin-top: 50px;
    padding: 40px 0 35px;
    width: 100%;
    height: 147px;
   
}

.werp {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 0px 15px;
}

.left-footer {
    float: left;
    width: 20%;
}

.left-footer h5 {
    color: #f27122;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.left-footer > a {
    display: inline-block;
    margin-right: 5px;
    margin-top: 20px;
}

.center-footer {
    float: left;
    width: 60%;
}

.center-footer nav {
    width: 100%;
    text-align: center;
}

.center-footer a {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0px;
    text-decoration: none;
    transition: .3s;
    padding: 0px 6px;
    line-height: 10px;
    display: inline-block;
}

.center-footer nav a + a {
    border-left: 1px solid #666;
}

.center-footer > p {width:100%;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}

.left-footer > a:hover {
    opacity: 0.8;
}


.fa-edit:before, .fa-pencil-square-o:before {
    color:#fff;
}

.copyright {
    font-size: 14px;
    text-align: center;
    margin: 10px 0;
    margin: auto;
    width: 366px;
    font-weight: 400;
}


.right-footer {
    float: left;
    width: 20%;
    
}

.right-footer h5 {
    color: #f27122;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.right-footer a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}





.right-footer span {
    line-height: 35px;
    float: left;
    text-align: left;
}

.contact {
    color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
}



.product-section {
    overflow: hidden;
    margin-bottom: 0px;
    /*background: url(../images/eservebox-Background.png);*/
    background-size: cover;
    padding-bottom: 20px;
}
.custom-login-box-background{
	background: url(../images/eservebox-Background.png) !important;
    background-size: cover;
}
.pricing-table ul.list-fa li {
    list-style-type: none;
    border-top: 1px solid #ccc;
    padding: 12px 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}
.pricing-table {
    border: 0px solid #d7d7d7;
    margin-left: 13px;
    margin-right: 13px;
    padding: 0px 0 20px;
    text-align: center;
    background: #ececea;
    max-width: calc(270px - 25px);
    width: 100%;
    display: inline-block;
    border-bottom: 3px solid #3A4B53;
}
.price-tag {
    padding: 10px 0px;
    font-family: arial;
    font-size: 20px;
}
.plan-area {
    text-align: center;
}
h2.pricing-type {
    padding: 14px 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    background: #3A4B53;
    color: #fff;
    border-radius: 0px;
}
.price-tag small {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.product-box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    max-width: calc(25% - 25px);
    margin-right: 25px;
    padding: 20px 10px;
    text-align: center;
	position:relative;
}
.product-box h3.product-title:after {
    position: absolute;
    content: "";
    width: 55px;
    height: 2px;
    background: #3A4B53;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.product-box:hover h3.product-title:after{
	width:120px;
}
.product-box h3.product-title {
    font-family: 'Raleway', sans-serif;
    font-size: 17px;
    text-transform: capitalize;
    color: #010101;
    position: relative;
    margin: 10px 0px 15px;
    padding-bottom: 15px;
}
.product-content {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-shadow: 0px 0px 0px #3A4B53;
    color: #3A4B53;
}
.product-box:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
    right: -9px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.product-box:nth-of-type(4n+4) {
    margin-right: 0px;
    max-width: calc(25% - 0px);
}
.product-box:nth-of-type(4n+4):after {
    display: none;
}

.loading img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000;
}
 .loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(255, 255, 255, 0.44);
    text-align: center;
}
.top-footer h2{ 
	font-size: 30px;
    color: #8EC63F;
    margin-top:100px;
    margin-bottom: 0px;
    padding: 5px 0;
    font-style: normal;
    text-transform: uppercase;
    position: relative;
}
.top-footer h2:after{
	background-color: #3498db;
	content: "";
    display: block;
    height: 2px;
    margin: 4px auto 7px;
    width: 130px;	
}

.top-footer-two{min-height:70px;}


.home-cont-text{clear: both; margin-top:100px;
	text-align:center;
    padding: 0px 15px 5px;
}

.home-cont-text h1 {
    clear: both;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    color: #f27122;
    margin-bottom: 20px;
}


.home-cont-text > p {
    clear: both;
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: auto;
    max-width: 840px;
    text-align: center;
    width: 100%;
}

.home-box-werp {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 0px 15px;
}


.home-box-section {
    float: left;
    padding: 10px;
    width: 25%;
}


.home-box-content {
    width: 100%;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);
    min-height: 500px;
    margin-bottom: 30px;
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
    transition: .4s;
}

.home-content:hover h3 {
    color: #FFF;
}

.home-box-content h3 {
    background: #106db2/*rgba(153, 153, 153, 0.9)*/;
    color: #fff/*rgba(255, 255, 255, 0.8)*/;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 22px 10px;
    text-align: center;
    text-transform: uppercase;
}
 
.cont-bottom a{margin: auto; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:bold;
    text-align: center;
    float: none;
    background: #e37826;
    padding: 4px 0px;
    border-radius: 4px;
    text-transform: uppercase;
    width: 140px;
    display: block;
    clear: both;
    margin-top: 20px;
    color: #fff;}
	
	
	
	


.home-box-img {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.home-box-content > p {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    line-height: 20px;
    padding: 13px;
}

.cont-nav {
    clear: both;
}


.cont-nav > h1 {
    color: #f27122;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.cont-nav > p {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    line-height: 20px;
    margin: 20px auto auto;
    text-align: center;
}

.cont-bottom {
    clear: both;
    margin-top: 30px;
}

.cont-bottom > h1 {
    color: #f27122;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.cont-bottom > p {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    line-height: 20px;
    margin: 20px auto auto;
    text-align: center;
}


.top-footer {
    clear: both;
	text-align:center;
    padding: 0px 0px 5px;
    /*background: url(../images/eservebox-Background.png);
    background-size: cover;
    background-position: center center;*/

}




.top-footer p{
	line-height: 28px;
	color: #111111;
	margin: 0px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;	
}
.top-footer > div{ background:none !important;width: 100%;
    margin: 0 auto;
    max-width: 1178px;
    padding: 0px 15px;
    box-sizing: border-box; 
}
nav.social-menu a {
    border-color: #000;
}
nav.social-menu {
    margin: 12px 0px 0px;
}
.register-content {
    margin-bottom: 100px;
    min-height: 780px;
}

/*tab */

 /* Style the list */
ul.tab {
    list-style-type: none;
    margin-top: 10;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left; border-right: 1px solid #ccc;}

/* Style the links inside the list items */
ul.tab li a {
    display:block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {//background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

#forum table {
	border: solid 1px #d7d7d7;
	width: 100% !important;
	border-bottom: none;
	border-right: none;
	margin: 10px 0 40px 0
}

#forum table td {
	padding: 17px 4px 17px 10px;
	color: #6f6f6f;
	font-size: 13px;
	border-bottom: solid 1px #d7d7d7;
	border-right: solid 1px #d7d7d7;
	font-weight: 300;
	text-transform: capitalize;
}

#forum table td.rtecenter {
	background: #f6f6f6;
	color: #333333;
	font-weight: 500;
	text-align: left
}

#forum table td p {
	margin: 0;
}

#forum table td p strong {
	color: #333;
}

#forum ul {
	list-style: none;
	padding: 0;
	margin: 8px 0 40px 10px
}

#forum ul li {
	/*font-size: 16px;*/
	color: #6f6f6f;
	font-weight: 300;
	margin-bottom: 4px;
	padding: 0 0 0 0px;
	line-height: 26px;
}

#forum table td p.smalltxt {
	font-size: 13px;
	line-height: 18px;
}

#forum table th {
    background: #f6f6f6;
    padding: 14px 10px;
    border-right: 1px solid #e8e4e4;
    border-bottom: 1px solid #e8e4e4;
    font-size: 14px;
}

#forum table span.submitted{
    display:inline-flex;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    min-width: 185px;
}


.contact-leftcl {
    float: left;
    margin: 0px;
    width: 50%;
    padding: 0px 40px 25px 0px;
}	
	
.contact-rightcl {
    float: left;
    margin-top: 0px;
    width: 50%;
    padding: 33px 0px;
}	
	
	.red {
    font-size: 11px;
    font-weight: normal;
    color: #E51F31;
    text-decoration: none;
}
	
#leadactionform {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 100%;
}
#leadactionform .form-item {
    overflow-x: hidden;
    overflow-y: hidden;
}
#leadactionform .form-item label {
    color: #6f6f6f;
    float: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-right: 25px;
    margin-top: 8px;
    text-align: left;
    width: 138px;
}

#leadactionform input[type="text"], #webform-client-form-70 input[type="email"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #dfdfdf;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #dfdfdf;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #dfdfdf;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #dfdfdf;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 8px;
    text-align: left;
    width: calc(100% - 170px) !important;
}

#leadactionform .blackbold {
    width: 30%;
    font-size: 14px;
    color: #6f6f6f;
    text-align: left;
    font-weight: 300;
    margin-top: 8px;
    line-height: 20px;
    padding: 0px 10px 10px 0px;
}
.form-field {
    text-align: left;
    width: 70% !important;
    padding: 0px 0px 20px;
}
.form-field .err {
    display: inline-block;
    padding: 7px 0px !Important;
}
#leadactionform .borderall .form-field input {
    border: solid 1px #dfdfdf !important;
    width: 100% !important;
}
table.borderall, table.borderall tbody {
    border: 0px !important;
}

#leadactionform {
    margin-top: 19px !important;
}

.feature-services {text-align:center;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}


.feature-services  h4 {margin-top:10px; 
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
 text-transform: uppercase;
}

.feature-services  p {text-align:center; margin-top:10px; padding:0 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    
}




.feature-services-col-1 {padding-bottom:40px;
    width: 33%;
    float: left;
    padding: 10px 20px 10px 0;
	height:550px;
}


.feature-services-col-2 {padding-bottom:40px; height:550px;
    width: 33%;
    float: left;
    padding: 10px 20px 10px 0;
}


.feature-services-col-3 {padding-bottom:40px; height:550px;
    width: 33%;
    float: right;
    padding: 10px 20px 10px 0;
}


.Customer-Data-Manage{display:none;}
 
.Medical-Diagnostic-D{display:none;}

.Electronic-Document{display:none;}




input.form-submit {
    background: #fe8b62;
    border-radius: 3px;
    color: #fff;
    padding: 6px 26px;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    width: auto;
    background: #f27122;
    border-radius: 3px;
    color: #fff;
    padding: 9px 15px;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    margin: 20px 0px;
    font-weight: 900;
    line-height: 13px;
}

input#LeadDate {
    background: url(https://www.eznetcrm.com/erp/admin/images/cal.png);
    background-repeat: no-repeat;
    background-position: 93% center;
    max-width: 230px;
}

input#LeadDate + img {
    display: none;
}	




/* New CSS ADD BY SURYA*/

.banner{position:relative; top:0;}

.home-banner{position:relative; top:87px;}
.home-banner img {
    width: 100%;
}

.banner-text {
    left: 15px;
    position: absolute;
    top: 10%;
    max-width: 1170px;
    margin: auto;
    left: 0px;
    right: 0px;
    padding: 0px 15px;
}


.banner-text h2 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-weight: bold;
}


.banner-text p {
    color: #fff;
font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
    max-width: 60%;
    width: 100%;
}



.banner-text span a {
    background: #e37826 none repeat scroll 0 0;
float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    padding: 10px 25px;
	color:#fff;
}


.main-menu ul.nav-menu{float:left; margin-top:42px; padding:0px;}
.main-menu ul.nav-menu li{float:left; margin-left: 20px; padding:0px; list-style:none;}
.main-menu ul.nav-menu li a{     text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #333333;}
	


.main-menu-login {
    margin-top: 40px;
    float: right;
}


.contact-form-container {
    width: 100%;
    padding: 20px 30px;
    color: #fff;
    text-align: center;
    clear: both;
    background: #106db2/*rgba(153, 153, 153, 0.9)*/;
    margin-top: 30px;
    float: left;
    border-radius: 5px;
    box-shadow: 0px 6px 4px -5px #000;
}

.contact-form-container>div {
    max-width: 1170px;
    margin: 0 auto;
}

.contact-form-container h3 {color: #fff;
    font-size:24px;
    line-height: 40px;
    padding: 0;
    margin: 20px 0 10px;
    
}

.contact-form-container p {color: #fff;
    font-size:14px;
    line-height: 24px;
    padding: 0;
    margin: 0 0 30px;
    
    font-weight: 300;
}




.home-text-quote {
    width: 60%; 
    margin: auto; margin-top:40px; 
    text-align: center;
}

.home-text-quote h4{font-family:'Open Sans', sans-serif; color:#333; font-size:16px; font-weight:lighter;
    float: left;
    width: 80%;
}

.home-map-pic-area {
    width: 40%;
    margin: auto;
    margin-top: 100px;
    padding-top: 100px;
    display: block;
}


i.fa.fa-quote-left {
    float: left;
    font-size: 60px;
    color: #106db2;
    padding: 10px;
}

i.fa.fa-quote-right {
    float: right;
    font-size: 60px;
    color: #106db2;
    background-color: white;
    
}


.contact-form-container form .form-field-container {margin:10px 0;
    display: block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 5px;
}

.col-md-5ths {
    width: 20%;
    float: left;
}

.contact-form-container form input.text, .contact-form-container form select, .contact-form-container form submit, .contact-form-container form textarea {
    border-radius: 0;
    background: #fff;
    font-size: 17px;
    outline-width: 0;
    text-align: left;
    padding: 10px;
    margin: 0;
    height: 54px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    border: 1px solid #4d4d4d;
    color: #989898;
    font-weight: 300;
    box-sizing: border-box;
    width: 100%;
    line-height: 24px;
}

.contact-form-container form .submit-btn {border:none;
    margin:auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: none;
    background: #e37826;
    padding: 8px 0px;
    border-radius: 4px;
    text-transform: uppercase;
    width: 140px;
    display: block;
    clear: both;
    margin-top: 0px;
    color: #fff;
}

 




@media(max-width: 1024px){
.showmenu{display:block; width:100%; }
.main-menu {display:none; float:right; width:100%; }	
.toggle-nav {
    padding:10px;
    float:right;
    display: inline-block;
   margin-top: 22px;
}



.login-menu-section {
    position: absolute;
    right: 95px;
    top: 39px;
    width: 10px;
}

.main-continer {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
}
header .main-continer {
    padding: 0px 15px;
}

.header-menu-section {
    width: 100%;
    float: none;
    margin-top: 12px;
}


.drop-menu-logout > ul{position:inherit; width:100%; background:#f05c23; top:0;}  
.drop-menu-logout li{display:block;}

.logo img{ max-width: 100%; margin-left:10px;
    width: 80%;
}

.logo {width:200px;}


.main-menu.main-menu-section-two {
    width: 100%;
    float: right;
    background: #f05c23;
   padding: 0px;
}

ul.login { 
    /*margin: 0px;
    padding: 0;
    text-align:left;
    float: left;
    width: 100%;*/
}

.content-area {
    margin: 0px;
    padding: 15px;
    float: left;
    width: 100%;
    clear: both;
}

.login-menu-section ul.navigation-menu{margin:0px; padding:0px;}

ul.login li a{background:#f05c23;}



.main-menu ul.nav-menu {
    float: none;
    margin:0px;
    padding: 0px;
    width: 100%;
    display: inline-block;
}


.main-menu ul.nav-menu li {
    float: none;
    margin-left: 0;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #333;
    padding: 10px;
}

.main-menu ul.nav-menu li a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding: 0px;
}

.login-menu-section ul.navigation-menu{float:left;}

br {
    /*display: none;*/
}

	
.banner-text h2 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    font-weight: bold;
}	
	
.banner-text p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
    max-width: inherit;
    width: 100%;
}		
	

}	



	

@media(max-width: 768px) {
.col-md-3.col-xs-6.col-us.pull-left { width: 30% !important;    margin-top: 20px;  margin-left: 10px;}
.row.plan-box{margin-left:0!important;}
.pricing-table{margin:0px; padding:0px;}	
.btn{float:left; margin-top:20px;}	
.top-footer {
    clear: both;
    min-height: 600px;
    padding: 0 0 20px;
    text-align: center;
}


.left-field{width: 100%;}
.right-field {
    float: left;
    padding-left: 0;
    width: 100%;
}

.btn{margin-left:10px;}








}

@media(max-width: 700px){

.banner-text span a {
    background: #e37826 none repeat scroll 0 0;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
    color: #fff;
}	


.banner-text h2 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

}



@media(max-width: 640px){
	
.feature-services-col-1 {
   width:100%;
   height: auto;
}

.feature-services-col-2 {
   width:100%;
   height: auto;
}	

.feature-services-col-3 {
    width:100%;
   height: auto;
}		
		
.inner-page { min-height: 600px; position: relative; height:100%;}	
.table {
    display:table;
    margin-left: 0;
    overflow-x: scroll;
    width: 100%;
}
.login li{padding:0;}

li > a.active{    border-radius: inherit !important;}


.contact-leftcl {
    float: left;
    margin: 0px;
    width: 100%;
    padding: 0px 15px 25px 0px;
}

.contact-rightcl {
    float: left;
    margin-top: 0px;
    width: 100%;
    padding: 33px 0px;
}


.dataTables_wrapper {
    position: relative;
    clear: both;
    overflow-x: scroll;
    display: inline-block;
}


.address-box{max-width:100%;}

.contact-form {
    float: left;
    padding: 0;
    width: 100%;
	margin-top:30px;
	
}



.table {
    display:block;
    margin-left: 0;
    overflow-x: scroll;
    width: 100%;
}	

.home-box-content > p {
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    line-height: 20px;
    padding: 13px;
    height: auto;
    overflow: inherit;
}

}


@media(max-width: 540px){
	

.banner-text h2 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}


.home-box-section {
    float: left;
    padding: 10px;
    width: 100%;
}

.home-box-content{min-height:auto;}

.home-box-content > p{height:auto;}

	
.banner-text p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 80%;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
    max-width: inherit;
    width: 100%;
}

.banner-text span a {
    background: #e37826 none repeat scroll 0 0;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 70%;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    color: #fff;
}	

}






@media(max-width: 480px) {
.user-menu > span {
    color: #000;
    float: right;
    margin: 37px 85px 0 0!important;
}

.table {
    display:block;
    margin-left: 0;
    overflow-x: scroll;
    width: 100%;
}


.col-md-3.col-xs-6.col-us.pull-left {
    margin-left: 10px;
    margin-top: 20px;
    width: 94% !important;
}
.pricing-table{ max-width: inherit;}

.left-field {
    float: left;
    width: 100%;
}

.right-field {
    float: left;
    padding-left: 0;
    width: 100%;
}

ul.tab li a{font-size:13px;}

.cont-gal {
    float: left;
    min-height: 286px;
    padding: 15px;
    position: relative;
    width: 50%;
}
}


@media(max-width: 460px){

.banner-text h2{display:none;}
.banner-text p{display:none;}
.banner-text span a	{display:none;}
}

@media(max-width:360px){
ul.tab li {
    border-bottom: 1px solid #ccc;
    border-right: medium none;
    float:left; width:100%; 
}
.register-content main.content .contact-form .left-field {width: 100%!important;}	

.register-content main.content .contact-form .right-field { width: 100%!important;}

.right-field { padding-left:0;}	

.col-md-7.margin-top-20 { width:100px;}
.pricing-table{float:left;}


.cont-gal {
    float: left;
    min-height: 286px;
    padding: 15px;
    position: relative;
    width: 100%;
}

.logo {
    width: 200px;
}




}


/* IE8 uses \0 */
@media all\0 { 
        .field-area textarea{height:170px; overflow-y:hidden;}
		select#userType {
            outline:none;
            border-radius: 20px;
        	
        } 

        span#LeadDateerr {
            float: left;
        }
}


.Customer-Data-Manage{display:none;}




/*17-4-2018*/
.login-page {
    height: 100vh;
    background: url(../../img/image/login-bg.jpg);
    background-size: cover;
}
.login-page .custom-login-box-background-two {
    background: #fff;
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
    margin: auto;
    padding: 70px 50px;
    width: 500px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: auto;
    overflow: auto;
    display: flex;
}
.login-page .login {
    width: 100%;
    box-shadow: none;
    padding: 0px;
    background: transparent;
}
.login-page .navbar-inner {
    padding-left: 0px;
    border: 0px solid #d5d5d5;
    background: transparent;
    text-align: center;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: none !important;
    color: #595959 !important;
}
.login-page .login .control-group input[type="text"] {
    background: none;
    width: 100%;
    cursor: text;
    text-align: left;
    font-size: 13px;
    line-height: 1.5;
    color: #595959;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e9e9e9;
    height: 42px;
    padding: 6px 10px;
    font-family: 'Open Sans', sans-serif;
}
.login-page .login .control-group input[type="password"] {
    background: none;
    width: 100%;
    cursor: text;
    text-align: left;
    font-size: 13px;
    line-height: 1.5;
    color: #595959;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e9e9e9;
    height: 42px;
    padding: 6px 10px;
    font-family: 'Open Sans', sans-serif;
}
.login-page .login .control-group {
    padding: 0px 0px 15px;
    border: none;
}
.login-page .login .control-group label.control-label {
    display: none;
}
.login-page .formError .formErrorContent {
    padding: 0px 10px;
}
.login-page .login-logo {
    margin-bottom: 40px;
}
.login-page .login-logo a {
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    color: #788195;
    font-family: 'Raleway', sans-serif;
}
.login-page .login-btn {
    margin: 30px 0px 0px;
    text-align: center;
    float: none;
}
.login-page .login-btn button {
    width: auto;
    padding: 12px 30px;
    border-radius: 18px;
    box-shadow: 0px 2px 3px #000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    float: none;
    display: inline-block;
    border-color: #1D8EC7 !important;
}
.login-page .user-menu {
    padding: 35px 0px 0px;
    height: auto;
    box-sizing: border-box;
    display: block;
    text-align: center;
}
.login-page .user-menu span {
    float: none;
    margin: 0px;
    text-align: center;
    display: inline-block;
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #616161;
}
.login-page .user-menu span i {
    color: #333;
    margin: 0px 5px 0px 0px;
    font-size: 12px;
}
.home-map-pic-area img {
    max-width: 100%;
}
.feature-services {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 30px -15px;
}
.feature-services > div {
    height: auto;
    padding: 10px 15px;
    margin: 15px 0px;
}
.feature-services p {
    padding: 0 0px;
}
.feature-services > div > img {
    max-width: 100%;
}
ul.login li.drop-menu-logout {
    padding-top: 0px !important;
}
ul.login li.drop-menu-logout a {
    padding: 9px 10px;
}
div#forgetPassword .form-horizontal label.control-label {
    width: 150px;
}
div#forgetPassword .form-horizontal .controls {
    width: calc(100% - 150px);
    margin-left: 150px;
}
div#resetPassword .form-horizontal .control-label {
    width: 180px;
}
div#resetPassword .form-horizontal .controls {
    margin-left: 0;
    width: calc(100% - 200px);
    float: left;
}
.login-menu-section li.drop-menu-logout > ul.fallback li a {
    display: block !important;
    float: none !important;
}
.login-menu-section li.drop-menu-logout > ul.fallback li {
    padding: 0px !important;
}
.navbar.start-end-date > span {
    margin-right: 15px;
}
.tab.tab-myorder li:last-of-type {
    border-right: 0px;
}
.tab.tab-myorder {
    margin-top: 20px;
}



@media(max-width:1260px){
    .home-banner > img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
}

@media(max-width:1200px){
    .home-box-content {
        min-height: 550px;
    }
    .home-box-section {
        padding: 5px;
    }
    .home-box-werp {
        padding-top: 20px;
    }
    .cont-nav {
        padding-top: 40px;
    }
    .home-text-quote {
        width: 80%;
    }
}

@media(max-width:1024px){
    .login-menu-section {
        position: absolute;
        right: 49px;
        top: 32px;
        width: auto;
    }
    .toggle-nav {
        background: #f05f27;
        margin: 20px 15px 0px 0px;
        border-radius: 4px;
    }
    .toggle-nav img {
        width: 14px;
        display: block;
    }
    ul.login li a {
        /*padding: 10px;*/
    }
    .main-menu ul.nav-menu li {
        border-bottom: 1px solid #fff3;
    }
    .home-banner > img {
        height: 350px;
    }
    .home-box-section {
        padding: 5px;
        width: 50%;
        text-align: center;
    }
    .home-box-content {
        min-height: 430px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .home-box-img {
        margin-bottom: 10px;
    }
} 

@media(max-width:960px){
    .footer-area {
        height: auto;
    }
    .right-footer {
        float: left;
        width: 25%;
    }
    .center-footer {
       width: 55%;
    }
    #featureForm .col-md-5ths.col-xs-6.form-field-container {
        width: 33.33%;
        margin: 0px;
    }
    #featureForm .col-md-12.form-field-container.comments {
        clear: both;
    }
}

@media(max-width:870px){
    .home-text-quote {
        width: 100%;
    }
    .home-map-pic-area {
        width: 60%;
    }
    #leadactionform .blackbold {
        width: 35%;
    }
}

@media(max-width: 800px){
    .feature-services-col-1 {
       width: 50%;
       height: auto;
    }
    .feature-services-col-2 {
       width: 50%;
       height: auto;
    }   
    .feature-services-col-3 {
        width: 50%;
       height: auto;
    }       
    .home-box-section { float: left;  padding: 10px; width: 50%;}\
    .left-footer { float: left; width: 100%; text-align: center;}
    .footer-area {height: auto; position:relative;}
    .right-footer span {
        line-height: normal;
        float: none;
        text-align: center;
    }
    .right-footer {
        float: none;
        width: 100%;
        position: absolute;
        text-align: center;
        margin: auto;
        left: 0;
        right: 0;
        top: 150px;
    }
    .center-footer {
        float: left;
        width: 100%;
        margin-top: 130px;
    }
    .content-area ul li{list-style-position:inside;}
    .left-footer {
        float: none;
        width: 100%;
        text-align: center;
        clear: both;
    }
}

@media(max-width:767px){
    .home-banner > img {
        /*height: 300px;*/
    }
    .home-box-content {
        min-height: 490px;
    }
    .home-text-quote > .fa {
        width: 10%;
    }
    .home-text-quote > .fa::before {
        font-size: 32px;
        vertical-align: top;
    }
    .home-text-quote h4 {
        font-size: 14px;
    }
    .content-area {
        text-align: center;
    }
    #featureForm .col-md-5ths.col-xs-6.form-field-container {
        width: 50%;
    }
    .migrate-cont {
        float: none;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    .migrate-img {
        text-align: center;
        clear: both;
        display: block;
    }
    .migrate-img > img {
        float: none !important;
        margin: 10px 0px !important;
    }
    .contact-leftcl {
	    float: none;
	    margin: 0px;
	    width: 100%;
	    padding: 0px 0px 10px 0px;
	    clear: both;
	}
	.contact-rightcl {
	    float: none;
	    margin-top: 0px;
	    width: 100%;
	    padding: 33px 0px;
	    clear: both;
	}
    #leadactionform .blackbold {
        width: 30%;
    }
    #forgetPassword .modal-footer .btn, 
    div#resetPassword .modal-footer .btn {
        margin-top: 0px;
    }
    .content-area blockquote ul li {
        padding: 0px;
        list-style-type: none;
    }
    .content-area blockquote {
        width: 100%;
        margin: 20px 0px;
    }
}

@media(max-width:700px){
    .home-banner > img {
        height: 300px;
    }
}

@media(max-width:615px){
    .home-box-section {
        padding: 15px 5px;
        width: 100%;
    }
    .home-box-content {
        min-height: auto;
        padding-block-end: 20px;
    }
    .home-text-quote > .fa::before {
        font-size: 20px;
    }
    .home-map-pic-area {
        width: 80%;
        clear: both;
        margin-top: 0px;
        padding-top: 30px;
    }
    #forgetPassword, 
    div#resetPassword {
        width: 90%;
        left: 0px;
        right: 0px;
        margin: auto;
    }
    div#forgetPassword .form-horizontal label.control-label,
    div#resetPassword .form-horizontal label.control-label {
        width: 100%;
    }
    div#forgetPassword .form-horizontal .controls,
    div#resetPassword .form-horizontal .controls {
        margin-left: 0px;
        width: 100%;
    }
}

@media(max-width:560px){
    .feature-services {
        margin: 30px 0px;
    }
    .feature-services > div {
        padding: 10px 0px;
        margin: 10px 0px;
        width: 100%;
    }
    #forum #forum-topic-3 {
	    width: 560px !important;
	}
	#forum {
	    overflow: auto;
	}
    ul.tab.tab-myorder li a {
        font-size: 13px;
    }
}

@media(max-width:480px){
    .home-banner > img {
        height: 250px;
    }
    .home-map-pic-area {
        width: 100%;
    }
    #featureForm .col-md-5ths.col-xs-6.form-field-container {
        width: 100%;
    }
    #leadactionform table, #leadactionform tbody, #leadactionform tr, #leadactionform td {
	    display: block;
	}
	#leadactionform .blackbold {
	    width: 100%;
	}
	.form-field {
	    width: 100% !important;
	    padding: 0px 0px 20px;
	}
    .tab.tab-myorder li {
        display: block;
        float: none;
        border-right: 0px;
        border-bottom: 1px solid #ccc;
    }
}



.loginbox {
    position: absolute;
    right: 0px;
    top: 100%;
    -webkit-transform: translate3d(0px, 40px, 0px);
    -moz-transform: translate3d(0px, 40px, 0px);
    -ms-transform: translate3d(0px, 40px, 0px);
    -o-transform: translate3d(0px, 40px, 0px);
    transform: translate3d(0px, 40px, 0px);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    left: auto;
    width: auto;
}
.loginbox.active {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    z-index: 9;
    visibility: visible;
}
.modal-login {
    width: 350px;
}
.modal-login .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}
.modal-login .modal-header {
    border-bottom: none;
    position: relative;
    justify-content: center;
    padding: 0px 0px 15px;
}
.modal-login .close {
    position: absolute;
    top: -10px;
    right: -10px;
}
.modal-login h4 {
    color: #636363;
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    font-weight: 400;
    font-family: 'Advent Pro', sans-serif;
}
.modal-login .modal-content {
    color: #999;
    border-radius: 1px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 25px;
}
.modal-login .form-group {
    margin-bottom: 20px;
}
.modal-login label {
    font-weight: normal;
    font-size: 13px;
}
.modal-login .form-control {
    min-height: 38px;
    padding-left: 5px;
    box-shadow: none !important;
    border-width: 0 0 1px 0;
    border-radius: 0;
}
.modal-login .form-control:focus {
    border-color: #ccc;
}
.modal-login .input-group-addon {
    max-width: 42px;
    text-align: center;
    background: none;
    border-width: 0 0 1px 0;
    padding-left: 5px;
    border-radius: 0;
    position: absolute;
    top: 9px;
    left: 0px;
}
.modal-login .btn {
    font-size: 16px;
    font-weight: 600;
    background: #f27122;
    border-radius: 4px;
    border: none;
    outline: none !important;
    color: #fff;
    padding: 12px 16px;
    text-transform: capitalize;
    display: block;
    width: 100%;
    border: 2px solid transparent !important;
    font-family: 'Advent Pro', sans-serif;
}
.modal-login .btn:hover, .modal-login .btn:focus {
    background: #333;
}
.modal-login .hint-text {
    text-align: center;
    padding-top: 5px;
    font-size: 13px;
}
.modal-login .modal-footer {
    color: #999;
    border-color: #dee4e7;
    text-align: center;
    margin: 0 -25px -25px;
    font-size: 13px;
    justify-content: center;
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    margin-top: 15px;
}
.modal-login a {
    color: #fff;
    text-decoration: underline;
}
.modal-login a:hover {
    text-decoration: none;
}
.modal-login a {
    color: #19aa8d;
    text-decoration: none;
}   
.modal-login a:hover {
    text-decoration: underline;
}
.modal-login .fa {
    font-size: 21px;
}
.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}
.modal-login .form-control {
    width: 100%;
    padding-left: 27px;
}
.modal-login .input-group {
    position: relative;
}
.modal-login .input-group-addon i {
    font-size: 17px;
}
.modal-login .form-control:focus {
    outline: none;
}
.modal-login .hint-text a {
    display: block;
    color: #f27122;
    text-transform: capitalize;
    float: none;
    background: transparent;
    padding: 0px;
    font-weight: 600;
    border-radius: 0px;
}
.modal-login .modal-footer a {
    float: none;
    display: inline-block;
    color: #f27122;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    background: transparent;
    padding: 0px;
    font-weight: 600;
    border-radius: 0px;
}
.modal-login .modal-footer {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.modal-login a:hover {
    color: #333 !important;
}
.loginbox:before {
    position: absolute;
    content: "";
    border-bottom: 10px solid #eee;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: calc(100% - 1px);
    right: 25px;
}

.login {
    width: auto;
}
/*ul.login > li:hover .loginbox {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
    visibility: visible;
    z-index: 9;
    top: 100%;
}*/
ul.login > li {
    padding-bottom: 32px;
    display: inline-block;
}
.modal-login .modal-header {
    background: transparent;
}
.modal .modal-header {
    color: #333;
}
.modal label.control-label {
    color: #333;
}
form#featureForm {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 18px;
}
form#featureForm > .row > .form-field-container {
    padding: 0px 5px;
    margin: 0px;
}
form#featureForm > .row > .form-field-container .text {
    border: 0px solid #ccc;
    box-shadow: none;
    background: #fff;
    line-height: 1;
    height: 38px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
}
form#featureForm > .row .comments {
    width: 100%;
}
form#featureForm > .row > .form-field-container textarea#customer_comments {
    border: 0px solid #ccc;
    box-shadow: none;
    background: #fff;
    line-height: 1;
    min-height: 100px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.4);
    resize: vertical;
}
form#featureForm .row:last-of-type {
    flex: 1 1 100%;
    max-width: 100%;
}
form#featureForm > .row > .form-field-container.submit {
    width: 100%;
}







@media(max-width:1024px){
    ul.login {
        margin-top: 20px;
    }
}

@media(max-width:390px){
    .modal-login {
        width: 280px;
    }
    .modal-login .modal-content {
        padding: 25px 10px;
    }
    .modal-login .btn {
        margin: 0px;
        float: none;
    }
    .modal-login .modal-footer {
        margin: 0 -10px -25px;
    }
    .toggle-nav {
        margin: 20px 5px 0px 0px;
    }
}