/*
Theme Name: khoweb
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  
  url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  
  url('fonts/HelveticaNeue.woff') format('woff'), 
  url('fonts/HelveticaNeue.ttf')  format('truetype'), 
  url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-UltraLight';
  src: url('fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),  
  url('fonts/HelveticaNeue-UltraLight.woff') format('woff'), 
  url('fonts/HelveticaNeue-UltraLight.ttf')  format('truetype'), 
  url('fonts/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url('fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),  
  url('fonts/HelveticaNeue-Light.woff') format('woff'), 
  url('fonts/HelveticaNeue-Light.ttf')  format('truetype'), 
  url('fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

body p, body a,ul, ol, table, .single > * , .breadcrumbs{
	font-family: "HelveticaNeue" !important;
	font-size: 13px;
    line-height: 20px;
}
h1,h2,h3,h4,h5,h6, 
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *
{
	font-family: "HelveticaNeue-UltraLight" !important;
	margin-bottom:0;
}
th, td{
	border-bottom:none;
	font-size: 13px;
    line-height: 20px;
}
h1.entry-title, h2.entry-title {
	font-size: 130%;
    margin: 10px 0 20px 0;
    text-transform: capitalize;
    color: #000;
	font-family: "HelveticaNeue" !important;
}
/*menu*/
.header-main .nav > li > a {
    padding: 0 2px;
    font: 12px/30px 'HelveticaNeue-Light' !important;
    color: #ccc;
    text-decoration: none;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
	height:1px;
	background-color:#ff0000 !important;
}
.nav-line-bottom > li > a:before .nav-dropdown li.active>a {
	background-color:#ff0000 !important;
	opacity:1;
}
.nav-dropdown {
	width:200px;
	max-width:200px;
	top:35px;
	padding:5px;
}
.nav-dropdown>li>a {
	color: #cbd4d4;
    font-size: 11px;
	line-height:20px;
	padding:2px 5px;
	border-bottom:none !important;
}
.nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
	color:#000;
}
.sticky-jump .stuck .header-nav-main {
	margin-top:30px;
}
/*end menu*/
.banner h6, .banner h5, .banner p {
	color:#9aa3ab;
	font-family: "HelveticaNeue-Light" !important;
	font-size:13px;
}
.h-project {
	position:relative;
	background-color:rgb(39, 39, 39);
}
.b-year p.lead{
	font-family: HelveticaNeue-Light !important;
    color: #454545;
    font-size: 350%;
    top: 50%;
	font-weight:300;
}
.heading h2 {
	font-size:30px;
	font-weight:300;
}
/*porfolio*/
h6.portfolio-box-title {
	font-size: 13px;
    text-transform: uppercase;
    color: #000;
	opacity:1;
	white-space: nowrap; 
	width: 200px; 
	overflow: hidden;
	text-overflow: ellipsis; 
}
.portfolio-box img {
	filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .5s ease-in-out;
}
.portfolio-box img:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.1);
}
.portfolio-box .box-text {
	padding:10px 0;
	text-align:left;
}
.portfolio-box .box-text .desc {
	font-size:80%;
}
/*end porfolio*/
.h-award {
	background-color:#2a2a2a;
}
/*contact us*/
.b-footer > .col {
	padding-bottom:0;
}
.b-ct {
	padding:15px 15px 0 0;
}
.b-ct > .row > .col {
	padding-bottom:0;
}
.b-ct .wpcf7-form-control{
	font-family: HelveticaNeue-Light;
    font-size: 80%;
    height: 25px;
    margin-bottom: 3px;
    box-sizing: unset;
}
.b-ct .wpcf7-textarea{
	min-height:85px;
}
.b-ct .wpcf7-submit {
	background-color: #efefef !important;
    color: #333;
    height: 20px;
    min-height: 20px;
    display: block;
    line-height: 20px;
    width: 98%;
}
/*end contact us*/
@media (min-width:1440px) {
	.slideshow .banner-layers{
		max-width:100%;
		padding:0 10%;
	}
	.slideshow .flickity-page-dots {
		left:auto;
		right:0;
		margin-right:15px;
	}
	.slideshow .banner-layers .text-center {
		text-align:left;
	}
	.slideshow .flickity-page-dots .dot {
		width:10px;
		height:20px;
		border:1px solid #8e8f93;
	}
	.slider-nav-light .flickity-page-dots .dot.is-selected {
		background-color:#8e8f93;
	}
	.title-heading h2, .title-heading h3{
		font: 60px/110px 'HelveticaNeue-UltraLight';
		color: #010101;
		text-transform: uppercase;
		text-align:center;
		width:120px;
	}
	.h-sub h2{
		font: 50px/100px 'HelveticaNeue-UltraLight';
	}
	.h-sub h3{
		font: 32px/64px 'HelveticaNeue-UltraLight';
	}
	.col1 {
		max-width: 11.33333%;
		-ms-flex-preferred-size: 11.33333%;
		flex-basis: 11.33333%;
	}
	.col2 {
		max-width: 55.33333%;
		-ms-flex-preferred-size: 55.33333%;
		flex-basis: 55.33333%;
	}
	.portfolio-inner {
		max-width:650px;
		margin:0 auto;
	}
}
@media (max-width:767px) {
	#wrapper{
		overflow:hidden;
	}
	.heading h2, .title-heading h2 {
		font-size:30px;
		font-weight:300;
		text-align:center;
		text-transform:uppercase;
	}
	h6.portfolio-box-title {
		width:150px;
	}
	.tbl-project tr td{
		width:100%;
		float:left;
		padding:5px 0;
	}
}
@media (max-width:480px) {
	.page-header-wrapper .page-title-inner {
		min-height: 45px !important;
		height: 45px !important;
		line-height: 45px !important;
		padding: 0px !important;
	}
	.section-title-bold-center span, .section-title-bold span {
		min-width: 250px;
	}
} 
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.featured-title .page-title-inner {
		min-height: 45px !important;
		height: 45px !important;
		line-height: 45px !important;
		padding: 0px !important;
	}

}