@import url("https://use.typekit.net/rhu7swc.css");

/*

Geel: #dba319;

*/

.mt0 {
	margin-top: 0px
}
.mt10 {
	margin-top: 10px
}
.mt20{
	margin-top: 20px
}
.mt30{
	margin-top: 30px
}
.mt40{
	margin-top: 40px
}
.mt50{
	margin-top: 50px
}
.mt60{
	margin-top: 60px
}
.mt70{
	margin-top: 70px
}
.mt80{
	margin-top: 80px
}
.mt90{
	margin-top: 90px
}
.mt100{
	margin-top: 100px
}
.mb0{
	margin-bottom: 0px
}
.mb10{
	margin-bottom: 10px
}
.mb20{
	margin-bottom: 20px
}
.mb30{
	margin-bottom: 30px
}
.mb40{
	margin-bottom: 40px
}
.mb50{
	margin-bottom: 50px
}
.mb60{
	margin-bottom: 60px
}
.mb70{
	margin-bottom: 70px
}
.mb80{
	margin-bottom: 80px
}
.mb90{
	margin-bottom: 90px
}
.mb100{
	margin-bottom: 100px
}
.pt0 {
	padding-top: 0px
}
.pt10 {
	padding-top: 10px
}
.pt20{
	padding-top: 20px
}
.pt30{
	padding-top: 30px
}
.pt40{
	padding-top: 40px
}
.pt50{
	padding-top: 50px
}
.pt60{
	padding-top: 60px
}
.pt70{
	padding-top: 70px
}
.pt80{
	padding-top: 80px
}
.pt90{
	padding-top: 90px
}
.pt100{
	padding-top: 100px
}
.pb0{
	padding-bottom: 0px
}
.pb10{
	padding-bottom: 10px
}
.pb20{
	padding-bottom: 20px
}
.pb30{
	padding-bottom: 30px
}
.pb40{
	padding-bottom: 40px
}
.pb50{
	padding-bottom: 50px
}
.pb60{
	padding-bottom: 60px
}
.pb70{
	padding-bottom: 70px
}
.pb80{
	padding-bottom: 80px
}
.pb90{
	padding-bottom: 90px
}
.pb100{
	padding-bottom: 100px
}
.ml0 {
	margin-left: 0px
}
.ml10 {
	margin-left: 10px
}
.ml20{
	margin-left: 20px
}
.ml30{
	margin-left: 30px
}
.ml40{
	margin-left: 40px
}
.ml50{
	margin-left: 50px
}
.mr0 {
	margin-right: 0px
}
.mr5 {
	margin-right: 5px
}
.mr10 {
	margin-right: 10px
}
.mr20{
	margin-right: 20px
}
.mr30{
	margin-right: 30px
}
.mr40{
	margin-right: 40px
}
.mr50{
	margin-right: 50px
}
a:active, a:focus {
    outline: none;
}
.text-white {
	color: #fff;
}
.text-yellow {
	color: #dba319;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-underline {
	border-bottom: 10px solid #dba319;
}
.text-bold {
	font-weight: 700;
}
h1, .h1 {
	font-size: 48px;
}
#topnav {
    background-color: rgba(0,0,0,0.5);
	border: none;
}
#topnav .logo .logo-light {
    display: inline-block;
    margin-top: -7px;
}
#topnav.scroll .logo .logo-light, #topnav.scroll-active .logo .logo-light, #topnav.dark-menubar .logo .logo-light {
    display: inline-block;
}
a.logo {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 20px;
	vertical-align: middle;
	color: #fff;
}
#topnav.scroll a.logo {
	color: #28282e;
}
#topnav .navigation-menu > li > a {
    font-size: 15px;
}
.home-half-screen {
    padding: 300px 0 300px 0;
}
.footer-one {
    border-top: 10px solid #DBA319;
}
.footer-one h3 {
	font-size: 18px;
    color: #ffffff;
	text-transform: uppercase;
	margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}
.footer-one h3 img {
    margin-top: -7px;
}
.footer-one h5 {
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: auto;
	text-transform: uppercase;
}
ul.footer-social-one {
	text-align: right;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #dba319;
}
.owl-carousel img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	transition: all 0.2s;
	padding: 20px;
}
.owl-carousel img:hover {
    -webkit-filter: none;
    filter: none;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.overlay.pattern::after {
    content: "";
    opacity: 0.3;
    background: url(../images/overlay-pattern.png);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
img.thumb-img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	transition: all 0.2s;
}
img.thumb-img:hover {
    -webkit-filter: none;
    filter: none;
}
.bg-light {
	background: #e8e8e8;
}

/* Jarallax */

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* Home category */

.full-width-image {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 90px 0px;
	color: #fff;
}
section.portfolio-category .full-width-image {
	padding: 250px 0px;
}
section.portfolio-category .full-width-image h1 {
	margin-top: 250px;
}

/* Portfolio */

h4.portfolio-title {
	text-transform: uppercase;
	font-size: 16px;
	color: #dba319;
	letter-spacing: 1px;
	font-weight: 700;
	margin-bottom: 0px;
}
.portfolio-item {
	min-height: 320px;
}
.portfolio-item-homepage {
	min-height: 300px;
}
	
/* Content */

section.content h1, section.content h2.itemTitle, h2.module-title {
	text-transform: uppercase;
	font-size: 36px;
	color: #dba319;
	letter-spacing: 1px;
	font-weight: 700;
	margin-bottom: 0px;
}
h3.module-title {
	text-transform: uppercase;
	font-size: 20px;
	color: #dba319;
	letter-spacing: 1px;
	font-weight: 700;
	margin: 0px;
}
section.content h1.itemTitle {
	margin-bottom: 30px;
	margin-top: 0px;
}
section.content .item-intro {
	font-size: 125%;
	color: rgba(0,0,0,0.3);
	font-weight: 700;
}
section.content {
	padding-bottom: 60px;
	padding-top: 30px;
}
section.content h2 {
	text-transform: uppercase;
	font-size: 28px;
	color: #000;
	letter-spacing: 0px;
	font-weight: 700;
	margin-bottom: 0px;
}
section.content h3, section.home h3 {
	text-transform: uppercase;
	font-size: 24px;
	color: #dba319;
	letter-spacing: 0px;
	font-weight: 700;
	margin-bottom: 0px;
}
section.content h4 {
	text-transform: uppercase;
	font-size: 20px;
	color: #000;
	letter-spacing: 0px;
	font-weight: 700;
	margin-bottom: 0px;
}
section.content h4.text-yellow {
	text-transform: uppercase;
	font-size: 20px;
	color: #dba319;
	letter-spacing: 0px;
	font-weight: 700;
	margin-bottom: 0px;
}
section.content h5 {
	text-transform: uppercase;
	font-size: 16px;
	color: #dba319;
	letter-spacing: 0px;
	font-weight: 700;
	margin-bottom: 0px;
}
section.content h6 {
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	letter-spacing: 0px;
	font-weight: 700;
	margin-bottom: 0px;
}
section.home p {
	margin: 0;
}
section.home a, section.content a {
	color: #dba319;
	font-weight: 700;
}
section.home a.btn {
	color: #fff;
}
.map {
    width: 100%;
    height: 450px;
}

#map {
    height: 100%;
}


/* Buttons */

.btn-small {
    border-radius: 2px;
    padding: 3px 15px;
    font-weight: 600;
    text-transform: uppercase;
    outline: none !important;
}
.btn-yellow, section.content a.btn-yellow {
	color: #fff;
	background: #dba319;
	transition: all 0.2s;
}
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus,
section.content a.btn-yellow:hover, section.content a.btn-yellow:active, section.content a.btn-yellow:focus  {
	color: #dba319;
	background: #28282E
}

/* Mailchimp */

input#mc2_email {
	border: none;
	background: #fff;
	padding: 5px 10px;
}
input#mc2_add {
	margin-top: 10px;
	border: none;
	border-radius: 2px;
    padding: 6px 12px 4px 12px;
    font-weight: 600;
    text-transform: uppercase;
    outline: none !important;
	background: #28282e;
	color: #fff;
	transition: all 0.3s;
}
input#mc2_add:hover, input#mc2_add:focus, input#mc2_add:active {
    outline: none !important;
	background: #dba319;
	color: #28282e;
}
section.content input#mc2_email {
	border: none;
	background: #f0f0f0;
	padding: 5px 10px;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#topnav .logo {
		float: left;
		line-height: 30px;
	}
	#topnav .navigation-menu > li > a {
		color: #28282e;
		padding: 15px 15px 15px 30px;
	}
	.home-half-screen {
		padding: 160px 0 160px 0;
	}
	.home-half-screen .home-half-header h3 {
		font-size: 24px;
		font-weight: bold;
		line-height: 40px;
		margin-bottom: 10px;
	}
	h1 {
		font-size: 30px;
	}
	section.content h1, section.content h2.itemTitle, h2.module-title {
		font-size: 30px;
	}
	section.content h1.itemTitle {
		margin-bottom: 30px;
		margin-top: 0px;
	}
	section.content {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	section.content h2 {
		font-size: 24px;
	}
	section.content h3 {
		font-size: 20px;
	}
	section.content h4 {
		font-size: 16px;
	}
	section.content h5 {
		font-size: 16px;
	}
	section.content h6 {
		font-size: 16px;
	}
	.portfolio-item {
		min-height: 240px;
	}
	.portfolio-item-homepage {
		min-height: 240px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.page-header-box {
		padding: 80px 0 60px 0;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	a.logo {
		font-size: 16px;
	}
}