.font-ubuntu {
	font-family: "Ubuntu",sans-serif;
}
.font-open-sans {
	font-family: "Open Sans",sans-serif;
}
.circle-md {
	background: rgb(63, 169, 245); margin: 0px auto; border-radius: 250px; width: 180px; height: 180px; position: relative; opacity: 0.5;
}
.upcase {
	text-transform: uppercase;
}
.height-default {
	height: 660px;
}
body {
	text-align: center; font-family: "Open Sans",sans-serif;
}
h1 {
	color: rgb(63, 169, 245); font-family: "Ubuntu",sans-serif; font-weight: normal;
}
h2 {
	color: rgb(63, 169, 245); font-family: "Ubuntu",sans-serif; font-weight: normal;
}
h3 {
	color: rgb(63, 169, 245); font-family: "Ubuntu",sans-serif; font-weight: normal;
}
h4 {
	color: rgb(63, 169, 245); font-family: "Ubuntu",sans-serif; font-weight: normal;
}
h5 {
	color: rgb(63, 169, 245); font-family: "Ubuntu",sans-serif; font-weight: normal;
}
h6 {
	color: rgb(63, 169, 245); font-family: "Ubuntu",sans-serif; font-weight: normal;
}
h2 {
	margin: 0px; padding: 10px 0px; letter-spacing: -1px; font-size: 38px;
}
#main-nav {
	padding: 5px 30px; text-align: left;
}
#main-nav ul {
	top: 30px; position: relative;
}
#main-nav ul li a {
	color: rgb(255, 255, 255); text-transform: uppercase; font-family: "Open Sans",sans-serif; font-size: 12px; text-shadow: 0px 1px 1px #000;
}
#main-nav ul li a:hover {
	color: rgb(63, 169, 245);
}
#main-nav ul li a.active {
	color: rgb(63, 169, 245);
}
#main-nav ul li.active a {
	background: none; color: rgb(63, 169, 245); box-shadow: none;
}
.extra-nav-bg {
	background: rgb(24, 24, 24); transition:0.55s; opacity: 0.9;
}
.hero-top {
	background: url("../img/hero-top4.png") fixed no-repeat center -60px / cover rgb(24, 24, 24); padding: 60px 0px 40px; height: 660px; color: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 4px; border-bottom-style: solid;
}
.hero-top h1 {
	padding: 10px 0px; color: rgb(63, 169, 245); letter-spacing: -2px; font-family: "Open Sans",sans-serif; font-size: 65px; font-weight: 700; margin-top: 240px; position: relative;
}
.hero-top h3 {
	color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; font-size: 28px; font-weight: normal;
}
.main-content-wrap {
	padding: 40px 0px;
}
.main-content-wrap .head-title {
	padding: 0px 0px 40px; margin-bottom: 20px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted;
}
.main-content-wrap .head-title h3 {
	margin: 0px auto; padding: 0px; width: 86%; color: rgb(88, 88, 88); line-height: 30px; font-family: "Open Sans",sans-serif; font-size: 22px;
}
.main-content-wrap h4 {
	padding: 20px 0px 50px; color: rgb(24, 24, 24); line-height: normal; font-size: 24px;
}
.main-content-wrap .list-normal {
	margin: 0px; padding: 0px 20px;
}
.main-content-wrap .list-normal li {
	list-style: none; text-align: left; color: rgb(88, 88, 88); line-height: 30px; font-size: 22px;
}
.main-content-wrap h5 {
	padding: 10px 20px; text-align: left; line-height: 28px; font-family: "Ubuntu",sans-serif; font-size: 28px;
}
.main-content-wrap .alternate-set .row-fluid {
	margin: 40px 0px;
}
.main-content-wrap .alternate-set .offset2.span3 {
	padding-top: 40px; padding-left: 0px;
}
.main-content-wrap .alternate-set .even {
	padding: 40px 0px;
}
.main-content-wrap .alternate-set .even .span5 {
	padding-left: 40px;
}
.sub-content-wrap {
	background: url("../img/hero-top4.png") fixed no-repeat bottom / cover rgb(24, 24, 24); padding: 100px 0px; height: 660px;
}
.sub-content-wrap h2 {
	color: rgb(255, 255, 255);
}
.sub-content-wrap h3 {
	line-height: normal;
}
.sub-content-wrap .sub1 {
	padding: 120px 0px;
}
.sub-content-wrap .sub1 .span4 {
	position: relative;
}
.sub-content-wrap .sub1 .span3 {
	position: relative;
}
.sub-content-wrap .sub1 .span2 {
	position: relative;
}
.sub-content-wrap .sub1 .daya-img {
	left: 24%; top: 25%; width: 98px; position: absolute;
}
.sub-content-wrap .sub1 .pp-click {
	left: 22%; top: 11%; width: 85px;
}
.sub-content-wrap .sub1 .tele {
	left: 25%; top: 14%;
}
.sub-content-wrap .sub1 .hdd {
	left: 16%; top: 13%; width: 110px;
}
.sub-content-wrap .sub1 .email-marketing {
	left: 13%; top: 13%; width: 130px;
}
.hero-bot {
	background: rgb(63, 169, 245); border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(11, 11, 11); border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; position: relative;
}
.hero-bot h2 {
	color: rgb(255, 255, 255); margin-top: 60px;
}
.hero-bot h3 {
	color: rgb(24, 24, 24);
}
.hero-bot .container {
	padding: 20px 0px 300px;
}
.s4 {
	position: relative;
}
.s4 .footer-wrap {
	background: rgb(24, 24, 24); padding: 20px 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); position: absolute;
}
.s4 .footer-wrap label {
	text-align: right; color: rgb(190, 190, 190); line-height: 30px; padding-right: 5px; font-weight: bold;
}
.s4 .footer-wrap input {
	background: rgb(39, 39, 39); border-radius: 0px; border: currentColor; border-image: none; height: 36px;
}
.s4 .footer-wrap .span4 {
	margin-left: 1%;
}
.s4 .footer-wrap .btn {
	height: 35px; float: left;
}
.s4 .footer-wrap .copy {
	margin: 0px; padding: 15px 0px 0px; border-top-color: rgb(39, 39, 39); border-top-width: 1px; border-top-style: dotted;
}