body {
	font-family: 'Open Sans', sans-serif;
	background: #f9f9f9;
}

/************ Header Styling ************/

header {
	z-index:99999;
	position:relative;
}

.u-header {
	position:relative;
	left:0;
	right:0;
	top:0;
	background:#f9f9f9;
	transition:.4s;
}

.u-header:before {
	content:"";
	position:absolute;
	bottom:0px;
	height:2px;
	left:0;
	right:0;
	width:100%;
	background:#dedede;
}

#dark_home .u-header:before , .head4 .u-header:before, .head5 .u-header:before {
	display:none;
}

#dark_home .navbar-nav > li .sub-menu ul li a:hover {
	background:transparent !important;
}

.is-sticky .u-header .uh-logo b {
	margin: 2px 0px;
	transition:.4s;
	transform:scale(0.7);
	margin-left:-18px;
}

.is-sticky .u-header {
	-webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.15);
	-moz-box-shadow:    0px 2px 3px rgba(100, 100, 100, 0.15);
	box-shadow:         0px 2px 3px rgba(100, 100, 100, 0.15);
	transition:.4s;
	z-index:9999;
}

.shadow {
	-webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.18);
	-moz-box-shadow:    0px 2px 3px rgba(100, 100, 100, 0.18);
	box-shadow:         0px 2px 3px rgba(100, 100, 100, 0.18);
}



.is-sticky .u-header:before {
	content:"";
	height:1px;
}

.is-sticky .u-header .navbar-nav > li {
	padding: 10px 5px 10px;
	transition:.4s;
	transition:.4s;

}

.is-sticky .u-header .navbar-nav > li .sub-menu {
	top: 50px !important;
	transition:.4s;

}

#dark_home .is-sticky .u-header .navbar-nav > li .sub-menu {
	top: 55px !important;
}

#dark_home .navbar-nav > li .sub-menu > li .sub-menu {
	margin-top: -101px !important;
}

#dark_home .is-sticky .navbar-nav > li .sub-menu > li .sub-menu {
	margin-top: -55px !important;
}


.dark-home .sub-menu {
	border:none;
}

.is-sticky .u-header .navbar-nav > li .sub-menu ul {
	top: -2px !important;
	transition:.4s;

}

.is-sticky .u-header ul.navbar-nav > li > a {
	padding: 6px 15px;
	transition:.4s;
}

.is-sticky .u-header .uh-search {
	top: -26px;
	transition:.4s;
}

.is-sticky .u-header .uh-search form {
	top: 32px;
	transition:.4s;

}

.u-header-dark {
	background-color: #383838;
	border-bottom: 2px solid #383838;
}

.uh-logo {
	position: relative;
	z-index: 8;
}

.uh-logo b {
	display: block;
	margin: 25px 0px;
	max-width: 170px;
}

.navbar-brand img {
	max-width: 170px;
}

.one-header-fixed .img-responsive, .logo-footer img, .maximg {
	max-width:170px;
}

.header_sidemenu .aligncenter img {
	max-width:200px;
}

.navbar-nav > li {
	position: relative;
	float: left;
	display: inline-block;
	padding: 30px 5px;
}

ul.navbar-nav > li > a {
	padding: 10px 15px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	color: #606060;
	background: transparent;
	text-transform: uppercase;
}

ul.navbar-nav > li > a:hover {
	background: #5c89d2;
	color: #e4e4e4;
}

/************** Services Ribbons **************/


.ct-ribbon {
	background: none repeat scroll 0 0 #5c89d2;
	color: #ffffff;
	display: inline-block;
	float: left;
	height: 56px;
	position: relative;
	width: 40px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.ct-ribbon .ct-triangle {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #5c89d2;
	height: 0;
	position: absolute;
	top: 100%;
	width: 0;
}

.ct-ribbon .ct-triangle.two {
	width: 40px;
	height: 36px;
	position: absolute;
	background: #383838;
	top: 0;
	border: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.ct-ribbon span.number {
	font-weight: 800;
	font-size: 17px;
	margin-top: 8px;
}

.ct-ribbon .ct-triangle.two:before {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #383838;
	height: 0;
	position: absolute;
	top: 100%;
	width: 0;
	left: 0;
	content: "";
}

.ct-ribbon span {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.ct-ribbon span i {
	font-size: 20px;
	position: relative;
	top: 15px;
}

/*********** Buttons Styling *************/

.btn-small {
	/*border: 1px solid #dedede;*/
	display: table;
	border-radius: 4px;
	padding: 12px 15px;
	font-size: 11px;
	color: #6a6a6a;
	text-transform: uppercase;
	font-weight: 800;
}

.btn-regular {
	/*border: 1px solid #dedede;*/
	display: table;
	border-radius: 4px;
	padding: 10px 15px;
	font-size: 12px;
	color: #6a6a6a;
	text-transform: uppercase;
	font-weight: 800;
}

.btn-medium {
	/*border: 1px solid #dedede;*/
	display: table;
	border-radius: 4px;
	padding: 12px 15px;
	font-size: 13px;
	color: #6a6a6a;
	text-transform: uppercase;
	font-weight: 800;
}

.btn-regular:hover ,
.btn-small:hover ,
.btn-medium:hover {
	color: #5c89d2;
	border-color: #5c89d2;
	background: transparent;
}

.btn-regular.active ,
.btn-small.active ,
.btn-medium.active {
	color: #5c89d2;
	border-color: #5c89d2;
	background: transparent;
}

.btn-fullwidth {
	/*border: 1px solid #dedede;*/
	display: block;
	border-radius: 4px;
	padding: 10px 15px;
	font-size: 12px;
	color: #6a6a6a;
	text-transform: uppercase;
	font-weight: 800;
	text-align: center;
	width: 100%;
}

.btn-fullwidth.dark {
	background: #383838;
	color: #e4e4e4;
	border: 0;
}

.btn-fullwidth.dark:hover {
	background: #5c89d2;
	border-color: #5c89d2;
	color: #e4e4e4;
	border: 0;
}

.btn_mini_simple {
	font-size: 13px;
	font-weight: 700;
}

.btn-icon {
	/*padding-right: 25px;*/
}

.btn-icon span {
	font-size: 18px;
	position: relative;
	right: -10px;
}

.btn-full-green {
	color: #e3e3e3;
	border-color: #5c89d2;
	background: #5c89d2;
	border: 0;
}

.btn-full-green:hover,
.btn-full-green:focus,
.btn-full-green:active,
.btn-full-green.active{
	color: #e4e4e4 !important;
	border-color: #008b7f;
	background: #008b7f;
	border: 0;
}

.btn-full-black {
	color: #dedede;
	border-color: #383838;
	background: #383838;
	border: 0;
}

.btn-full-black:hover,
.btn-full-black:focus,
.btn-full-black:active,
.btn-full-black.active{
	color: #e4e4e4 !important;
	border-color: #5c89d2;
	background: #5c89d2;
	border: 0;
}

/* qutation icon on row top */

.quotation_icon {
	position: absolute;
	width: 100%;
	height: 50px;
	text-align: center;
	top: -20px;
	Z-INDEX: 8;
}

.quotation_icon span {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #383838;
	-ms-transform: rotate(134deg);
	-webkit-transform: rotate(134deg);
	transform: rotate(134deg);
	border-radius: 4px;
	z-index: 8;
}

.quotation_icon.green span {
	background: #5c89d2;
}

.quotation_icon i {
	color: #fff;
	-ms-transform: rotate(-134deg);
	-webkit-transform: rotate(-134deg);
	transform: rotate(-134deg);
	position: absolute;
	right: 11px;
	top: 11px;
	font-size: 17px;
}

.quotation_icon i.fa-caret-up {
	color: #FFF;
	transform: rotate(-134deg);
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 17px;
	width: 40px;
	height: 40px;
	line-height: 80px;
}

.quotation_icon.group i {
	bottom: 28px;
	color: #fff;
	font-size: 17px;
	position: absolute;
	right: 11px;
	top: 11px;
	transform: rotate(-134deg);
	bottom: 10px;
}

/********** Call to Action (Before Footer) ***********/

.u-cta {
	background: url(../demo/home/bg.jpg) no-repeat top fixed;
	position: relative;
	overflow: hidden;
}

.u-cta .col-md-9,.u-cta .col-md-3 {
	padding: 65px 0;
}

.u-cta .bg_image {
	float: left;
	height: auto;
	position: absolute;
}

.u-cta .bg_image + h3 {
	margin-left: 20px;
	line-height: 90px;
}

.u-cta h3 {
	margin: 6px 0 0 0;
	font-size: 26px;
	float: left;
	margin-left: 120px;
}

/* Background overlay image in Call to action */

.bg_overlay_image {
	width: 100%;
	height: 162px;
	position: absolute;
	left: 0;
	top: 12px;
}

.bg_overlay_image.app img {
	position: relative;
	top: 30px;
}

.u-cta .bg_overlay_image.app + h3 {
	float: left;
	font-size: 26px;
	margin: 6px 0 0 270px;
}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	display: block;
}

/***************** Footer Styling ************/
footer {
	background: #383838;
	padding: 50px 0 0 0;
	/*margin-top: -48px;*/
}

footer h5 {
	font-weight: 800;
	color: #5c89d2;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;
}

footer p {
	font-size: 12px;
	color: #ccc;
	font-weight: 400;
}

.home-models{
	position: relative;
}