html{
	font-family: 'Lato';
	font-size: 20px;
	font-weight: 300;
	color: #000;
}
h1.uk-heading-large{
	font-family: 'Lato';
	color: #000;
	font-weight: 300;
	font-size: 3.815rem;
	margin-bottom: 45px;
}
h1.uk-heading-medium, h2.uk-heading-medium{
	color: #000;
	font-family: 'Lato';
	font-weight: 300;
	font-size: 3.052rem;
	margin-bottom: 45px;
}
h3.uk-heading-small{
	color: #000;
	font-family: 'Lato';
	font-weight: 300;
	font-size: 1.953rem;
	margin-bottom: 45px;
}
b{
	font-weight: 400;
}
.uk-text-lead{
	color: #000;
	font-size: 1.25rem;
}
.uk-text-small{
	color: #333;
	font-size: 0.8rem;
}
.uk-text-xsmall {
	color: #333;
    font-size: 0.7rem;
}
.accent{
	color: #ff4713;
}
.uk-button{
	text-transform: none;
}
.uk-link, .uk-link-muted, .uk-button-link{
	border-bottom: solid 1px;
    padding-bottom: 3px;
    transition: color 0.3s;
}
.uk-link, p.uk-text-lead a, .uk-button-link{
	color: #ff4713;
	transition: color .3s;
}
.uk-light .uk-link, .uk-light a{
	color: #fff;
	transition: opacity 0.3s;
}
.uk-link:hover, p.uk-text-lead a:hover, .uk-button-link:hover{
	text-decoration: none;
	color: #000;
}
.uk-light .uk-link:hover{
	text-decoration: none;
	opacity: .6;
}
a{
	color: #000;
	transition: color 0.3s;
}
a.uk-link-muted:hover, a:hover{
	text-decoration: none;
	color: #ff4713;
}
a img{
	transition: opacity 0.3s;
}
a:hover img{
	opacity: .6;
}
.uk-background-secondary{
	background: #000;
}
.uk-overlay-primary{
	background: rgba(34,34,34,.7);
	transition: opacity 0.3s;
}
.uk-panel:hover .uk-overlay-primary{
	opacity: 0;
}
.uk-label{
    padding: 0 7px;
    background: #333;
    font-size: .7rem;
    margin-bottom: 5px;
}
/*----- NAVIGATION -----*/

.uk-navbar-container:not(.uk-navbar-transparent){
	background: #fff;
	border-bottom: solid 1px black;
}
.uk-navbar-container.uk-light:not(.uk-navbar-transparent){
	background: #000;
	border-bottom: solid 1px white;
}
.uk-navbar-container.uk-light.uk-navbar-transparent{
	border-color: transparent;
}
/*body > header > div.uk-sticky > nav{
	border-bottom: transparent;
}*/
.uk-navbar-nav>li>a{
	color: #000;
	min-height: 99px;
}
.uk-light .uk-navbar-nav>li>a{
	color: #fff;
}
.uk-nav:not(.uk-navbar-dropdown-nav)>li>a{
	font-size: 3.052rem;
	line-height: 1.1;
	transition: color 0.3s;
}
.uk-nav-sub li a{
	font-size: 1.563rem;
	line-height: 1.5;
	transition: color 0.3s;
}
.uk-nav:not(.uk-navbar-dropdown-nav)>li:hover>a, .uk-nav-sub li:hover a{
	color: #999;
}
.uk-nav>li.uk-active>a, .uk-nav-sub>li.uk-active a{
	color: #ff4713!important;
}
.uk-dropdown{
	min-width: 130px;
}
.uk-navbar-dropdown{
	top: 100px!important;
	width: 100px;
	padding: 10px;
	top: 100px;
	text-align: center;
	box-shadow: none;
	border-bottom: solid 1px black;
}
.uk-navbar-dropdown-nav>li>a{
	justify-content: center;
}
.uk-dark svg g *{
	fill: #000!important;
}

/*----- FOOTER -----*/

footer{
	color: #fff;
	background: url(../images/pattern.jpg) repeat;
}
footer p {
	font-size: .8rem;
}
footer a{
	color: #fff;
	transition: color 0.3s;
}
footer a:hover{
	text-decoration: none;
	color: #999;
}
footer .uk-text-large{
	font-size: 1rem;
}
.uk-icon-button{
	color: #000;
	transition: color 0.3s;
}
.uk-icon-button:hover{
	color: #ff4713;
}

/*----- SWITCHER -----*/

a.uk-accordion-title {
    border-top: solid 1px #ff4713;
    padding-top: 20px;
}
.uk-accordion {
    padding-bottom: 20px;
    border-bottom: solid 1px #ff4713;
}

/*----- FILTER -----*/

.uk-subnav>*:not(:first-child){
	padding-left: 50px;
}
.uk-subnav:first-child{
	padding-left: 20px;
}
.uk-subnav>*>:first-child{
	text-transform: none;
}
.uk-subnav>.uk-active>a{
	color: #000;
}
.uk-subnav>.uk-active>a::before{
	content: '•';
	position: absolute;
	margin-left: -15px;
	color: #ff4713;
}
hr{
	margin: 10px 0;
	border-color: #ff4713;
}
.uk-subnav{
	margin-bottom: 10px;
}
.categories{
	padding: 0 0 10px 0;
}
.categories .uk-accordion-title{
	color: #000;
	border-top: none;
	padding: 0;
}
.categories div .uk-accordion-content li.uk-active a{
	color: #ff4713;
}
.filter-nav.uk-dropdown{
	padding: 10px 20px;
	top: 42.5px!important;
	box-shadow: none;
	border-bottom: 1px solid black;
}
.filter-nav>.uk-nav:not(.uk-navbar-dropdown-nav)>li>a{
	font-size: .875rem;
}
li.sub-filter{
	padding-left: 20px;
}
/*----- PROJECT -----*/

.project-data{
	list-style: none;
	padding: 0 0 0 40px;
}
.project-data li.title{
	text-transform: uppercase;
	margin-bottom: 5px;
	position: relative;
}
.project-data li.title::before{
	content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    width: 30px;
    height: 1px;
    background: #ff4713;
}

/*----- PRODUCT -----*/

.product-detail>tbody>:nth-child(1) {
    border-color: #ff4713;
}
.product-detail th{
	font-size: 1rem;
	color: #000;
	font-weight: 300;
}
.product-detail td{
	font-size: 0.9rem;
}
.product-detail>tbody>tr>:first-child{
	color: #999;
}
.product-table th, .product-table td{
	font-size: .8rem;
	line-height: 1.2;
	text-align: center;
}
.product-table th{
	text-transform: none;
	font-weight: 300;
	color: #000;
}
.product-table td p{
	margin-bottom: 10px;
	margin-top: 10px;
	color: #999;
}
.uk-table td>:first-child {
    margin-top: 0;
}
.product-table td b{
	color: #000;
}
.product-table, .product-table th, .product-table td{
	border:  1px solid #e5e5e5;
}
/*----- FORM -----*/

.uk-form-label{
	color: #000;
	font-size: 1rem;
}
.uk-input, .uk-select, .uk-textarea{
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus{
	border-color: #ff4713;
}
.uk-textarea{
	height: 130px;
}

/*----- QUERIES -----*/

@media screen and (max-width: 639px){
	html{
		font-size: 1rem;
	}
	h3.uk-heading-small{
		margin-top: 10px;
	}
	.uk-nav:not(.uk-navbar-dropdown-nav)>li>a{
		font-size: 2.5rem;
	}
	.uk-nav-sub li a{
		font-size: 1.25rem;
	}
	.uk-subnav>.uk-active>a::before{
	margin-left: -11px;
	}
	.uk-subnav:first-child{
	padding-left: 15px;
	}
	.project-data{
	list-style: none;
	padding: 0 0 0 30px;
	}
	.project-data li.title::before{
	    left: -30px;
	    width: 20px;
	}
	.col2{
		margin-top: 20px;
	}
}
@media screen and (max-width: 793px){	
	.uk-subnav{
		justify-content: space-evenly;
		margin-left: -25px;
	}
	.uk-subnav>*:not(:first-child){
		padding-left: 0;
	}
}
@media screen and (min-width: 1550px){
	html{
		font-size: 1.5rem;
	}
	.uk-textarea{
		height: 138px;
	}

}