#content, #preloader {
	background-color: #fff
}

.btn, .panel-heading, .title {
	text-transform: uppercase
}

.panel-heading, .social li a, .title {
	text-align: center
}

.btn-social, .btn-social-icon {
	overflow: hidden;
	text-overflow: ellipsis
}

@font-face {
	font-family: HyundaiSansHead-Bold;
	src: url(/fonts/HyundaiSansHead-Bold.eot);
	src: url(/fonts/HyundaiSansHead-Bold.eot?#iefix)
		format("embedded-opentype"), url(/fonts/HyundaiSansHead-Bold.woff2)
		format("woff2"), url(/fonts/HyundaiSansHead-Bold.woff) format("woff"),
		url(/fonts/HyundaiSansHead-Bold.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: HyundaiSansHead-Regular;
	src: url(/fonts/HyundaiSansHead-Regular.eot);
	src: url(/fonts/HyundaiSansHead-Regular.eot?#iefix)
		format("embedded-opentype"), url(/fonts/HyundaiSansHead-Regular.woff2)
		format("woff2"), url(/fonts/HyundaiSansHead-Regular.woff)
		format("woff"), url(/fonts/HyundaiSansHead-Regular.ttf)
		format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: HyundaiSansText-Medium;
	src: url(/fonts/HyundaiSansText-Medium.eot);
	src: url(/fonts/HyundaiSansText-Medium.eot?#iefix)
		format("embedded-opentype"), url(/fonts/HyundaiSansText-Medium.woff2)
		format("woff2"), url(/fonts/HyundaiSansText-Medium.woff)
		format("woff"), url(/fonts/HyundaiSansText-Medium.ttf)
		format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: HyundaiSansText-Regular;
	src: url(/fonts/HyundaiSansText-Regular.eot);
	src: url(/fonts/HyundaiSansText-Regular.eot?#iefix)
		format("embedded-opentype"), url(/fonts/HyundaiSansText-Regular.woff2)
		format("woff2"), url(/fonts/HyundaiSansText-Regular.woff)
		format("woff"), url(/fonts/HyundaiSansText-Regular.ttf)
		format("truetype");
	font-weight: 400;
	font-style: normal
}

h1, h2, h3, h4, h5, h6 {
	font-family: HyundaiSansText-Medium, sans-serif
}

.navbar-text, .panel-title, button {
	font-family: HyundaiSansHead-Bold, sans-serif
}

body, div, html, img, p {
	font-family: HyundaiSansText-Regular, Sans-Serif
}

body, html {
	margin: 0;
	padding: 0;
	height: 100%
}

/* body {
	padding-top: 70px
}
 */
#wrapper {
	min-height: 100%;
	position: relative
}

#content {
	padding-top: 30px;
	padding-bottom: 170px;
	min-height: 700px
}

#footer {
	width: 100%;
	min-height: 100px
}
.bg-faded {
    background-color: #fff;
    box-shadow: 0px 2px 6px 0px #7d7b7b;
}
@media screen and (max-width:480px) {
	#content {
		min-height: 200px
	}
}

@media ( max-width :768px) {
	#content {
		min-height: 200px
	}
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

#preloader-div {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(/img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

a:active, a:focus, a:hover {
	outline: 0;
	text-decoration: none
}

.vcenter {
	display: table !important;
	width: 100%;
	height: 100%
}

.vcontent {
	display: table-cell;
	vertical-align: middle
}

span.error {
	color: #D8000C
}

img.img-loading {
	background: url(/img/ajax-loader.gif) center no-repeat
}

.navbar {
	min-height: 70px;
	background: #fff;
	box-shadow: 0 0 5px #bbb
}

.navbar-brand, .navbar-toggle {
	line-height: 50px;
	/* height: 50px */
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
	background-color: transparent;
	border-color: transparent
}

.navbar-nav li a {
	padding: 25px 20px;
	line-height: 20px;
	height: 70px;
	color: #666 !important;
	font-size: 16px;
	font-family: HyundaiSansHead-Bold
}

.navbar-nav li>.btn-link, .navbar-nav li>a.active, .navbar-nav li>a:hover,
	nav>a.active {
	color: #000 !important
}

.nav li>a.active:before {
	display: none
}

@media all and (min-width:741px) {
	/* .navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top
	} */
	.navbar .navbar-collapse {
		text-align: center
	}
	.navbar-nav li>a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 3px;
		bottom: 0;
		left: 0;
		background-color: #00aad2;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s
	}
	.navbar-nav li>a:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	.navbar-nav li>a.active {
		border-bottom: medium solid #00aad2
	}
}

@media all and (max-width:740px) {
	.navbar-nav li>a.active, .navbar-nav li>a:hover {
		background: #f6f3f2;
		color: #00aad2 !important
	}
	.navbar-nav li {
		border-bottom: 1px solid #e8e8e8
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
		{
		min-height: 100vh
	}
}

@media ( min-width :741px) and (max-width :1024px) {
	.navbar-nav li>a {
		font-size: 12px !important
	}
}

.title-bg {
	background: url(/img/radial-grad.png) center top/cover no-repeat
}

.title {
	color: #fff;
	padding: 10px
}

.breadcrumb>li>a {
	font-family: HyundaiSansHead-Regular, Sans-Serif;
	color: #555;
	font-size: 13px
}

.breadcrumb {
	background: 0 0;
	color: #555;
	padding: 5px
}

.breadcrumb li a:hover, .breadcrumb li.active a {
	color: #fff
}

.breadcrumb>li+li:before {
	content: "> ";
	padding: 0 5px;
	color: #7d7d7e;
	font-size: 15px
}

.form-group label.required:after {
	content: " *";
	color: red
}

.bg-silver {
	background: #f5f5f5
}

.bg-white {
	background: #fff
}

.social {
	padding-left: 0
}

.social li {
	display: inline-block;
	margin: 0 7px 10px 0
}

.social li a {
	display: block;
	width: 30px;
	height: 50px;
	border: 1px solid #242424;
	line-height: 46px;
	font-size: 23px
}

.social li a:hover {
	color: #ccc;
	border-color: #ccc
}

.navmenu ul li a, .panel-title i, footer, footer a, footer li a {
	color: #999
}

footer {
	overflow: hidden;
	padding: 60px 0 10px
}

footer a, footer a:HOVER, footer a:VISITED {
	color: #999;
	font-size: 14px
}

.padtop30 {
	padding-top: 30px !important
}

.padbot30 {
	padding-bottom: 30px !important
}

.box-shadow {
	box-shadow: 0 1px 10px #c3c3c3
}

@media print , screen and (max-width:20000px) and (min-width:741px) {
	.btnContentTop {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 10;
		width: 60px;
		height: 60px;
		transform: translate3d(0, 0, 0);
		font-size: 0;
		line-height: 0
	}
	.btnContentTop button {
		vertical-align: top;
		border: 0;
		padding: 0;
		overflow: hidden;
		background: 0;
		position: relative;
		text-decoration: none;
		color: #000
	}
	.btnContentTop.ab {
		position: absolute
	}
}

.btn-facebook.active, .btn-facebook:active, .btn-google-plus.active,
	.btn-google-plus:active, .btn-linkedin.active, .btn-linkedin:active,
	.btn-twitter.active, .btn-twitter:active, .open .dropdown-toggle.btn-facebook,
	.open .dropdown-toggle.btn-google-plus, .open .dropdown-toggle.btn-linkedin,
	.open .dropdown-toggle.btn-twitter {
	background-image: none
}

@media screen and (min-width:0) and (max-width:740px) {
	.btnContentTop {
		display: none !important
	}
}

.panel-heading {
	color: #004E99 !important;
	font-weight: 700;
	padding: 20px 15px;
	background-color: #fff !important
}

.btn-social {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap
}

.btn-social :first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, .2)
}

.btn-social.btn-lg {
	padding-left: 61px
}

.btn-social.btn-lg :first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}

.btn-social.btn-sm {
	padding-left: 38px
}

.btn-social.btn-sm :first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}

.btn-social.btn-xs {
	padding-left: 30px
}

.btn-social-icon, .btn-social-icon.btn-lg, .btn-social-icon.btn-sm,
	.btn-social-icon.btn-xs {
	padding-left: 0;
	padding-right: 0
}

.btn-social.btn-xs :first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}

.btn-social-icon {
	position: relative;
	text-align: left;
	white-space: nowrap;
	height: 34px;
	width: 34px
}

.btn-social-icon :first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	line-height: 34px;
	font-size: 1.6em
}

.btn-social-icon.btn-lg :first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}

.btn-social-icon.btn-sm :first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}

.btn-social-icon.btn-xs :first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}

.btn-social-icon :first-child {
	border: none;
	text-align: center;
	width: 100% !important
}

.btn-social-icon.btn-lg {
	height: 45px;
	width: 45px
}

.btn-social-icon.btn-sm {
	height: 30px;
	width: 30px
}

.btn-social-icon.btn-xs {
	height: 22px;
	width: 22px
}

.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.active, .btn-facebook:active, .btn-facebook:focus,
	.btn-facebook:hover, .open .dropdown-toggle.btn-facebook {
	color: #fff;
	background-color: #30487b;
	border-color: rgba(0, 0, 0, .2)
}

.btn-facebook.disabled, .btn-facebook.disabled.active, .btn-facebook.disabled:active,
	.btn-facebook.disabled:focus, .btn-facebook.disabled:hover,
	.btn-facebook[disabled], .btn-facebook[disabled].active, .btn-facebook[disabled]:active,
	.btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook,
	fieldset[disabled] .btn-facebook.active, fieldset[disabled] .btn-facebook:active,
	fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover
	{
	background-color: #3b5998;
	border-color: rgba(0, 0, 0, .2)
}

.btn-google-plus {
	color: #fff;
	background-color: #dd4b39;
	border-color: rgba(0, 0, 0, .2)
}

.btn-google-plus.active, .btn-google-plus:active, .btn-google-plus:focus,
	.btn-google-plus:hover, .open .dropdown-toggle.btn-google-plus {
	color: #fff;
	background-color: #ca3523;
	border-color: rgba(0, 0, 0, .2)
}

.btn-google-plus.disabled, .btn-google-plus.disabled.active,
	.btn-google-plus.disabled:active, .btn-google-plus.disabled:focus,
	.btn-google-plus.disabled:hover, .btn-google-plus[disabled],
	.btn-google-plus[disabled].active, .btn-google-plus[disabled]:active,
	.btn-google-plus[disabled]:focus, .btn-google-plus[disabled]:hover,
	fieldset[disabled] .btn-google-plus, fieldset[disabled] .btn-google-plus.active,
	fieldset[disabled] .btn-google-plus:active, fieldset[disabled] .btn-google-plus:focus,
	fieldset[disabled] .btn-google-plus:hover {
	background-color: #dd4b39;
	border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin {
	color: #fff;
	background-color: #007bb6;
	border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.active, .btn-linkedin:active, .btn-linkedin:focus,
	.btn-linkedin:hover, .open .dropdown-toggle.btn-linkedin {
	color: #fff;
	background-color: #005f8d;
	border-color: rgba(0, 0, 0, .2)
}

.btn-linkedin.disabled, .btn-linkedin.disabled.active, .btn-linkedin.disabled:active,
	.btn-linkedin.disabled:focus, .btn-linkedin.disabled:hover,
	.btn-linkedin[disabled], .btn-linkedin[disabled].active, .btn-linkedin[disabled]:active,
	.btn-linkedin[disabled]:focus, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin,
	fieldset[disabled] .btn-linkedin.active, fieldset[disabled] .btn-linkedin:active,
	fieldset[disabled] .btn-linkedin:focus, fieldset[disabled] .btn-linkedin:hover
	{
	background-color: #007bb6;
	border-color: rgba(0, 0, 0, .2)
}

.btn-twitter {
	color: #fff;
	background-color: #2ba9e1;
	border-color: rgba(0, 0, 0, .2)
}

.btn-twitter.active, .btn-twitter:active, .btn-twitter:focus,
	.btn-twitter:hover, .open .dropdown-toggle.btn-twitter {
	color: #fff;
	background-color: #1c92c7;
	border-color: rgba(0, 0, 0, .2)
}

.btn-twitter.disabled, .btn-twitter.disabled.active, .btn-twitter.disabled:active,
	.btn-twitter.disabled:focus, .btn-twitter.disabled:hover, .btn-twitter[disabled],
	.btn-twitter[disabled].active, .btn-twitter[disabled]:active,
	.btn-twitter[disabled]:focus, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter,
	fieldset[disabled] .btn-twitter.active, fieldset[disabled] .btn-twitter:active,
	fieldset[disabled] .btn-twitter:focus, fieldset[disabled] .btn-twitter:hover
	{
	background-color: #2ba9e1;
	border-color: rgba(0, 0, 0, .2)
}

hr.style-h {
	text-align: center;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0)
}

hr.style-h:after {
	content: 'OR';
	display: inline-block;
	position: relative;
	top: -12px;
	padding: 0 10px;
	background: #fff;
	color: #8c8b8b;
	font-size: 18px
}

.text-div {
	margin-top: 50px;
	text-align: left;
	margin-left: auto;
	margin-right: auto
}

.text-div>P {
	color: #000;
	font-size: 16px;
	line-height: 28px
}

.laptop {
	margin-top: 50px;
	background: #0b0c0e;
	border: 2px solid #a2a2a7;
	border-bottom: none;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	display: block;
	margin-right: -17.5%;
	padding: 10px 5px 5px;
	position: relative;
	width: 100%
}

.laptop:after {
	background: url(/img/laptop-base.png) center top/100% auto no-repeat;
	bottom: 0;
	display: inline-block;
	height: 26px;
	left: 50%;
	margin-top: -2px;
	position: absolute;
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
	width: 120%
}

#slideout {
	position: fixed;
	top: 280px;
	right: 0;
	background: #82888b;
	color: #fff;
	width: 210px;
	height: auto;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px
}

#slideout-close {
	float: right;
	display: inline-block;
	padding: 2px 5px;
	background: #444;
	margin-top: 0;
	cursor: pointer
}