/*
 Theme Name:   Highend Child
 Theme URI:    http://preview.hb-themes.com/?theme=Highend
 Description:  A Flexible, Powerful & Beautiful WordPress Theme by HB-Themes. Mobile ready and optimized for best performance. With the powerful engine and user friendly interface it will allow you to build outstanding websites quick and easy... It comes with Premium Plugins integrated into the theme.
 Author:       HB-Themes
 Author URI:   http://www.hb-themes.com
 Template:     HighendWP
 Version:      1.0.2
 Tags:		   Responsive, Page-Builder, Drag&Drop, Clean, Modern, Corporate, Multi-Purpose, Multi-Color
 Text Domain:  hbthemes
*/

/* Header ---------------------------------------------------- */
#header-inner.nav-type-1 #logo .hb-logo-wrap {
	max-height: 80%;
}
#header-inner-bg {
	border-bottom: none;
}

@media handheld, only screen and (max-width: 900px){
	.nav-type-1 #header-inner-bg,
	.highend-sticky-header #header-inner.nav-type-1 #header-inner-bg, .highend-sticky-header #header-inner.nav-type-1 .highend-sticky-placeholder {
		height: 60px !important;
		line-height: 60px !important;
	}
}

/* Navigation ------------------------------------------------ */
#main-nav>li>a:hover {
	border-bottom: 1px solid #0090D7 !important;
}
#main-nav>li>a>span {
	top: 0px;
}

/* Mobile Menu ----------------------------------------------- */
#mobile-menu-wrap {
	background: #fff;
	border-left: 1px solid #fff;
}
#mobile-menu ul li a {
	padding: 20px 20px;
	color: #333;
}
#mobile-menu ul li a:hover {
	color: #333 !important;
	background-color: #f0f3f6 !important;
}
#mobile-menu ul li {
	border-top: 1px solid #eee;
}
.mobile-menu-close i {
	color: #333;
}
.mobile-menu-close {
	border-left:none;
}
#mobile-menu-wrap input[type=text] {
	display: none;
}
#mobile-menu>div>.menu-main-menu-container {
	margin-top: 15px;
}
.mobile-menu-close {
	line-height: 60px;
	padding: 0 20px;
}
#show-nav-menu i {
    color: #333333 !important;
}
#show-nav-menu i:hover {
    color: #0090D7 !important;
}
#mobile-menu ul li {
    margin-left: -20px;
}
.hb-top-holder {
    border: none!important;
    background: #fff!important;
    color: #fff!important;
    border-bottom: 1px solid #fff!important;
    padding: 15px 150px 15px 20px!important;
}
.mobile-menu-close i, .mobile-menu-shop i {
    font-size: 24px !important;
}

/* Form ----------------------------------------------- */
input[type=submit] {
	width: 100%;
}
textarea {
	height:100px;
}
input[type=date], input[type=email], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: none;
    color: #333;
    border-bottom: 1px solid #0090D7;
}

/* Body ----------------------------------------------- */
ul {
	margin-left: 20px;
	margin-bottom: 25px;
}
#main-content ul li {
    list-style-type: disc;
}

.widget-item .textwidget ul {
    margin-left: -15px !important;
    margin-bottom: 0px !important;
}

/* Header Lead Image ----------------------------------- */
.jago-steel-header-img {
	min-height: 650px;
}
@media only screen and (max-width: 600px) {
	.jago-steel-header-img {
		min-height: 460px;
	}
}

/* Body Content ----------------------------------------- */
.jago-lead-head h1 {
	color: #fff; font-size: 60px; line-height: 66px;
}
.jago-lead-head h2 {
	color: #fff; font-size: 26px; line-height: 32px; max-width: 600px;
}
@media handheld, only screen and (min-width: 601px) and (max-width: 900px){
	.jago-lead-head h1 {
		font-size: 50px; line-height: 56px;
	}
	.jago-lead-head h2 {
		font-size: 22px; line-height: 26px;
	}
}
@media handheld, only screen and (max-width: 600px){
	.jago-lead-head h1 {
		font-size: 30px; line-height: 36px;
	}
	.jago-lead-head h2 {
		font-size: 18px; line-height: 24px;
	}
}
.jago-highlight {
	margin-bottom: 8px;
}
.jago-highlight:hover {
	transform: translateX(8px);transition: transform .3s ease-out;
}

.jago-promo-box h4 {
	color: #fff; font-size: 30px; line-height: 36px;
}
.jago-promo-box p {
	color: #fff; font-size: 22px; line-height: 28px;
}

.jago-col-text-1, .jago-col-text-2 {
	padding: 60px 80px 60px 80px;
}
.jago-col-text-3 {
	padding: 0px 80px 60px 80px;
}
.jago-col-50-contact {
	padding: 60px 80px 40px 80px;
}
@media handheld, only screen and (min-width: 451px) and (max-width: 1199px){
	.jago-col-text-1 {
		padding: 0px 80px 60px 80px;
	}
}
@media handheld, only screen and (max-width: 600px){
	.jago-col-50-contact {
		padding: 40px 30px 60px 30px !important;
	}
}
@media handheld, only screen and (max-width: 450px){
	.jago-col-text-1 {
		padding: 0px 30px 60px 30px !important;
	}
	.jago-col-text-2 {
		padding: 40px 30px 60px 30px !important;
	}
	.jago-col-text-3 {
		padding: 0px 0px 60px 0px !important;
	}
}

.jago-col-50-img {
	padding-bottom: 600px;
}
@media only screen and (max-width: 600px) {
	.jago-col-50-img {
		padding-bottom: 420px !important;
	}
}

/* Links ----------------------------------------- */
.hb-main-content a {
	color: #0090D7;
}
.hb-main-content a:hover {
	color: #006496;
}

/* Footer ----------------------------------------- */
#main-wrapper #footer a {
	color: #333333;
}
#main-wrapper #footer a:hover {
	color: #0090D7 !important;
}
#footer.dark-style .widget-item h4, #hb-side-section .widget-item h4 {
	color: #0090D7!important;
	font-size: 18px;
	line-height: 24px;
}

.widget-item.hb_contact_info_widget ul li {
	padding: 0px !important;
}

@media handheld, only screen and (max-width: 767px) {
	#footer .widget-column {
		max-width: 400px;
	}
}

/* Buttons ----------------------------------------- */
.hb-button.jago-light {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: 0 0!important;
	border: 2px solid #fff;
	color: #fff!important;
	box-shadow: none!important;
	padding: 13px 40px!important;
}
.hb-button.jago-light:hover {
	background-color: #fff!important;
	color: #333!important;
}

.hb-button.jago-dark {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: 0 0!important;
	border: 2px solid #333;
	color: #333!important;
	box-shadow: none!important;
	padding: 13px 40px!important;
}
.hb-button.jago-dark:hover {
	background-color: #333!important;
	color: #fff!important;
}

.hb-button.jago {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: 0 0!important;
	border: 2px solid #0090D7;
	color: #0090D7!important;
	box-shadow: none!important;
	padding: 13px 40px!important;
}
.hb-button.jago:hover {
	background-color: #0090D7!important;
	color: #fff!important;
}