/*
Theme Name: DJ Theme
Theme URI: http://digitaljohan.com/
Description: Custom Wordpress Theme
Version: 1.0
Author: Digital Johan
Author URI: http://digitaljohan.com/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
}
html {
	height:100%;
	scroll-behavior: smooth;
}
body {
	line-height: 1;
	height:100%;
	background:#fff;
	overflow-x:hidden;
	font-family: 'Source Sans Pro', sans-serif;
}
a, button, input[type=submit], input[type=button] {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor:pointer;
}

#wrapper {
	padding:0;
	margin:0;
	float:left;
	width:100%;
}

.inner {
	padding:0;
	margin:auto;
	max-width:1140px;
	width:95%;
}

.container-wide {
	padding:0 50px;
}

.content {
	padding:0;
	margin:0;
	float:left;
	width:100%;
	position:relative;
}

.main {
	padding:0;
	margin:0;
	float:left;
	width:100%;
	position:relative;
}

.leftfloat {float:left !important;}
.rightfloat {float:right !important;}
img {max-width: 100%;}

/* ---------------------------------------- HEADER STARTS HERE ---------------------------------------- */

#tophead {padding: 12px 0 1px;background: rgba(0,0,0,0.5);}
#banner {height: 617px;background: url(images/banner.jpg) 50% 50% no-repeat;background-size: cover;margin-bottom: 120px;}
#banner h1 {font-size: 72px;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;font-family: "Oswald";color: #ef9c07;}
#banner h1 span {color: #b8b544;}
#banner h6 {font-size: 30px;color: #fff;margin-bottom: 32px;}

/* ---------------------------------------- HEADER ENDS HERE ---------------------------------------- */

/* ---------------------------------------- NAVIGATION STARTS HERE ---------------------------------------- */

.navbar {font-size: 16px;font-weight: 700;color: #fff;text-transform: uppercase;letter-spacing: 1px;margin-top: 24px;color: #b8b544;}
.navbar li {display: inline-block;margin-left: 12px;}
.navbar li a {color: #fff;}

/* ---------------------------------------- NAVIGATION ENDS HERE ---------------------------------------- */

/* ---------------------------------------- BODY STARTS HERE ---------------------------------------- */

.button-primary {background: #ef9c07;display: inline-block;padding: 20px 30px;font-size: 18px;color: #fff;text-transform: uppercase;font-family: "Oswald";letter-spacing: 2px;vertical-align: middle;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.button-primary * {vertical-align: middle;}
.button-primary:hover {background:#B8B543 !important;}
.address {text-align: center;width: 100%;margin-top: 135px;}
.address .innerblock {width:260px;padding: 30px 40px;background: #f0f0f0;font-size: 18px;font-family: "Oswald" !important;line-height: 30px;color: #9b4a3c;clear: none;display: inline-block;float: none;margin: 0 20px;height: 150px;vertical-align: top;}
.address .innerblock a {color: #9b4a3c;}
.about_text h2 {font-size: 48px;font-family: "Oswald";font-weight: 600;color: #b8b544;text-transform: uppercase;letter-spacing: 2px;margin-top: 0;}
.about_text h2 span {font-size: 18px;text-transform: capitalize;display: block;font-weight: 400;vertical-align: middle;color: #ef9c07;}
.about_text h2 span img {vertical-align: middle;}
.about_text p {font-size: 16px;line-height: 25px;letter-spacing: 1px;margin-bottom: 20px;}
.vision {margin: 50px 0;text-align: center;background: url(images/vision-img.jpg) 50% 50% no-repeat;background-size: cover;padding: 75px 0;}
.vision h2 {margin-top: 0;font-size: 60px;font-weight: 600;text-transform: uppercase;color: #fff;font-family: "Oswald";}
.vision p {font-size: 30px;line-height: 48px;color: #fff;padding: 0 200px;margin-bottom: 30px;}
.what_we_offer h2 {font-size: 48px;font-weight: 600;color: #ef9c07;text-transform: uppercase;vertical-align: middle;font-family: "Oswald";}
.tablist li {font-size: 20px;text-transform: uppercase;font-family: "Oswald";color: #0a0a0a;padding: 0;border-top: #0a0a0a 1px solid;}
.tablist li a {color: #0a0a0a;display: block;padding: 20px 0;}
.tablist li:first-child {border: none;}
.communitycls h3 {font-size: 30px;font-weight: 700;font-family: "Oswald";color: #b8b544;letter-spacing: 1px;margin-top: 0;}
.communitycls p {font-size: 18px;line-height: 30px;color: #505050;}
.team_person {height: 320px;padding: 200px 20px 20px;text-align: center;background-position: 50% 50% !important;background-size: cover !important;position:relative;}
.team_person h4 {font-size: 28px;font-weight: 700;padding: 0 0 12px;margin: 0 0 12px;border-bottom: #fff 1px solid;font-family: "Oswald";color: #fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.team_person span {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.our_team h2 {font-size: 48px;color: #ef9c06;font-weight: 600;font-family: "Oswald";margin-top: 5px;text-transform: uppercase;}
.desig {float: left;margin: 4px 0 0;font-size: 18px;font-weight: 600;color: #fff;font-family: "Oswald";}
.social_icon {float: right;}
.social_icon img {display:inline-block !important;width:auto !important;}
.people_twitting {text-align: center;padding: 60px 0;float: left;width: 100%;}
.people_twitting h2 {font-size: 48px;color: #ef9c06;font-weight: 600;font-family: "Oswald";margin-top: 5px;text-transform: uppercase;}
.twitblock {text-align: left;padding-left: 110px;font-size: 24px;font-family: "Oswald";font-weight: 600;color: #000;position: relative;padding-top: 24px;margin-top: 30px;}
.twitblock h6 {line-height: 48px;font-size: 24px;font-weight: 600;}
.twitblock a {font-size: 18px;color: #ef9c07;line-height: 24px;}
.twitblock a:first-child {color: #000;}
.twitblock img {position: absolute;top: 0;left: 0;z-index: 1;}
.newsletter {width: 100%;float: left;padding: 50px 0;background: #f0f0f0;}
.newsdata {text-align: center;}
.newsdata h2 {font-size: 48px;color: #9b4a3c;text-transform: uppercase;font-family: "Oswald";font-weight: 600;}
.newsdata p {font-size: 18px;color: #000;line-height: 24px;}
.socialholder {vertical-align: middle;font-size: 24px;color: #606060;margin-top: 42px;}
.socialholder img {vertical-align: middle;margin-left: 12px;}
.socialholder span  {display: inline-block;margin: 0 40px;}
.gallery_holder {padding: 50px 0 0;float: left;width: 100%;}
.gallery_holder h2 {font-size: 48px;color: #ef9c06;text-transform: uppercase;font-family: "Oswald";font-weight: 600;margin: 0 0 16px;}
.newssection h2 {font-size: 48px;color: #ef9c06;text-transform: capitalize;font-family: "Oswald";font-weight: 600;margin: 0 0 16px;}
.newsblock {height: 500px;position: relative;display:block;}
.newsblock div {background: #fff;padding: 24px 24px 32px;text-align: center;position: absolute;width: calc( 100% - 40px );bottom: 20px;left: 20px;z-index: 1;}
.newsblock div h4 {font-size: 24px;margin: 0 0 16px;color: #ef9c07;font-family: "Oswald";font-weight: 600;}
.newsblock div h4 span {padding: 0 4px 12px;border-bottom: #ef9c07 4px solid;display: inline-block;}
.newsblock div p {font-family: "Oswald";font-size: 18px;color: #9b4a3c;}
.tabs {height: auto !important;}
.tabs li {height:auto !important;}
.tabs li:first-child a {border:none !important;}
.tabs li a {color: #0A0A0A !important;font-family: "Oswald";font-weight: 400;font-size: 20px !important;border-top: #0a0a0a 1px solid;line-height: 60px !important;height: 60px !important;}
.owl-nav span {display:inline-block;height:40px;width:40px;line-height:32px;font-size:42px;}
.paragraph p {font-size:18px;line-height:1.5;}
.postcontent p {margin-bottom:20px;font-size:18px;line-height:1.5;}
#newssection {float:left;width:100%; padding-top:60px;}

/* ---------------------------------------- BODY STARTS HERE ---------------------------------------- */

/* ---------------------------------------- FOOTER STARTS HERE ---------------------------------------- */

#footer {
    margin-top:60px;
    background: #282828;
	width:100%;
	float:left;
}
.topfoot {
    padding: 50px 0;
}
.topfoot .row {
    padding: 0 80px;
}
.topfoot h6 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 32px;
}
.topfoot li img {
    vertical-align: middle;
    margin-right: 12px;
}
.topfoot li {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    font-size: 18px;
    color: #ddd;
    line-height: 24px;
    vertical-align: middle;
}
.topfoot li:first-child img {
    float: left;
}
.topfoot li a {
    color: #fff;
}
.bothsidebrdr {
    border-left: #494949 1px solid;
    border-right: #494949 1px solid;
}
.finalfoot {
    font-size: 18px;
    color: #ddd;
    line-height: 24px;
}
.finalfoot article {
    padding-left: 20px;
}
.finalfoot img {
    float: left;
    margin-right: 12px;
}
.bottomfoot {
    padding: 30px 0;
    background: #181818;
    text-align: center;
}
.bottomfoot .row {
    margin-bottom: 0;
}
.bottomfoot p {
    margin: 0;
    color: #a2a2a2;
    text-transform: uppercase;
    font-size: 18px;
}

/* ---------------------------------------- FOOTER STARTS HERE ---------------------------------------- */