@charset "utf-8";
/* CSS Document */

/*Reset Styles*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, body {margin: 0; padding: 0;}
a img {border: none;}
img {padding: 0; margin: 0; vertical-align: bottom; line-height: 0px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*Useful Styles*/
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
img.responsive {max-width: 100%; height: auto;}

/*Layout Styles*/

/*Full Layout*/
html, body {min-height: 100%;}
body.inner {padding: 80px 0 0 0;}
body#home {
	background-image: url(../images/home-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
padding-bottom: 50px;
}
body#about {
	background-image: url(../images/about-bg.jpg);
	background-repeat: no-repeat;
background-size: 100% auto;
	background-position: center top;
}
body#consultancy, body#downloads {
	background-image: url(../images/consultancy-bg.jpg);
	background-repeat: no-repeat;
background-size: 100% auto;
	background-position: center top;
}
body#training {
	background-image: url(../images/training-bg.jpg);
	background-repeat: no-repeat;
background-size: 100% auto;
	background-position: center top;
}
body#articles {
	background-image: url(../images/articles-bg.jpg);
	background-repeat: no-repeat;
background-size: 100% auto;
	background-position: center top;
}
body#contact {
	background-image: url(../images/home-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	padding: 80px 0 50px 0;
}

/*Use Modernizr to hide background image for IE8 and lower*/
.no-backgroundsize body#home, .no-backgroundsize body#about, .no-backgroundsize body#consultancy, .no-backgroundsize body#training, .no-backgroundsize body#articles, .no-backgroundsize body#contact {background-image: none; background-color: #000;}
/*End of use Modernizr to hide background image for IE8 and lower*/

.wrapper {max-width: 1020px; width: 100%; margin: 0 auto;}
#banner-logo {text-align: center; padding: 80px 0 0 0;}
#banner {padding: 0 0 80px 0;}
#banner-footer {
	height: 44px;
	background-image: url(../images/banner-footer.png);
	background-position: center;
	border-bottom: 30px solid #fff;
}
#home #intro-text {padding: 120px 20px; color: #fff;}
nav {font-family: 'gotham_mediumregular', Arial, sans-serif; text-align: center;}
#page {background-color: #fff;}
.inner article {width: 64%; float: left; min-height: 300px;}
#downloads.inner article {width: 100%;}
#side-nav {width: 26%; float: right;}
.nav-header {
	color: #fff;
	font-size: 0.7em;
	text-transform: uppercase;
	font-family: 'gotham_mediumregular', Arial, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-repeat: no-repeat;
	background-position: left center;
}
#consultancy .nav-header {background-color: #ee871f; background-image: url(../images/consultancy-icon.jpg); padding: 20px 30px 20px 65px;}
#about .nav-header {background-color: #e64517; background-image: url(../images/about-icon.jpg); padding: 20px 30px 20px 65px;}
#training .nav-header {background-color: #f5c622; background-image: url(../images/training-icon.jpg); padding: 20px 30px 20px 70px;}
#articles .nav-header {background-color: #cfdb30; background-image: url(../images/articles-icon.jpg); padding: 20px 30px 20px 65px;}
#contact .nav-header {background-color: #86aa2f; background-image: url(../images/contact-icon.jpg); padding: 20px 30px 20px 65px;}
footer {border-top: 30px solid #fff; background-color: #000; padding: 40px 0; color: #fff;}
#info {background-color: #fff; color: #6d6d6d; text-align: center; font-size: 0.7em; line-height: 1.4em;}
#info .wrapper {padding: 20px 10%; width: 80%;}
#footer-first {float: left; width: 32%; padding: 40px 0 0 0;}
#footer-second {float: left; width: 32%; margin: 0 2%;}
#footer-third {float: left; width: 32%;}
.social {padding: 20px 0 0 0;}
.social img {margin-right: 10px;}
.date {font-size: 0.8em; line-height: 1.4em; margin: 0 0 20px 0; color: #6d6d6d; font-family: 'gotham_bookregular', Arial, sans-serif;}
#contact-wrapper {width: 100%; max-width: 1020px; margin: 0 auto; padding-top: 80px; color: #fff;}
#contact-left {width: 30%; float: left;}
#contact-right {width: 65%; float: right;}
.authorship {color: #6d6d6d; font-size: 0.9em;}
img.profile-pic {float: right; margin: 0 0 20px 20px; max-width: 300px;}
#comments {padding-top: 30px;}
span.quip-error {}

#form {width: 100%;}

/*Error/Success*/
#error,#success {display:none;color:#FFF;padding: 5%;margin-bottom: 25px;}
#error {background: #e74c3c;}
#success{background: #2ecc71;}

/*Form*/
#easyform {float:left;max-width: 675px;margin: auto;}
#easyform label {font-size:14px;text-transform:uppercase;letter-spacing:1px;}
#easyform .input {width: 47.5%;float: left;margin: 0 0 20px 0;}
#easyform .textarea {width: 100%;}
#easyform .last {float: right;}
#easyform input.text, #easyform textarea {font-family: 'Source Sans Pro', sans-serif;font-size: 12px;padding: 11px;border-radius: 5px;border: 1px solid #cecece;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;float: left;outline: none;}
#easyform input[type=text]:focus, #easyform input[type=tel]:focus, #easyform textarea:focus {margin-right: 0px;box-shadow: 0 0 3px #512da8;border: 1px solid #5133a1;}
#easyform input:hover, #easyform textarea:hover {border: 1px solid #7E57C2;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
#easyform textarea {height: 200px;}
#easyform span {color:red;}
#easyform .verification {width: 100%;float: left;}
#easyform #verify_image {width: 100px;height: 44px;float: left;border-radius: 5px;}
#easyform .refresh {width: 42px;height: 42px;display: block;float: left;margin: 0 7px;border:0;}
#easyform #agreement {margin-bottom:15px;}
#easyform #verify {width: 145px;float: left;}
#easyform button {float: right;display: block;width: 150px;border-radius: 5px;text-transform: uppercase;letter-spacing: 1px;background: #89aa47;padding: 15px 20px;color: #fff;text-align: center;margin:0;border:0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;cursor:pointer;}
#easyform button:hover {background: #708e33;}


/*List and Link Styles*/
nav ul {text-transform: uppercase;}
nav ul li {list-style-type: none; display: inline-block;}
nav ul li a {text-align: center; width: 111px; height: 52px; font-size: 0.65em; transition-property: background; transition-duration: 0.5s; transition-timing-function: linear; margin: 0 2px; display: block; text-decoration: none; color: #fff; padding: 75px 0 0 0;}
nav ul li a#home-link {
	background-image: url(../images/red-hex.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav ul li a#home-link:hover, nav ul li.active a#home-link {
	background-image: url(../images/red-hex-hover.png);
}
nav ul li a#about-link {
	background-image: url(../images/dark-orange-hex.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav ul li a#about-link:hover, nav ul li.active a#about-link {
	background-image: url(../images/dark-orange-hex-hover.png);
}
nav ul li a#consultancy-link {
	background-image: url(../images/orange-hex.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav ul li a#consultancy-link:hover, nav ul li.active a#consultancy-link {
	background-image: url(../images/orange-hex-hover.png);
}
nav ul li a#training-link {
	background-image: url(../images/yellow-hex.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav ul li a#training-link:hover, nav ul li.active a#training-link {
	background-image: url(../images/yellow-hex-hover.png);
}
nav ul li a#articles-link {
	background-image: url(../images/lime-hex.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav ul li a#articles-link:hover, nav ul li.active a#articles-link {
	background-image: url(../images/lime-hex-hover.png);
}
nav ul li a#contact-link {
	background-image: url(../images/green-hex.png);
	background-repeat: no-repeat;
	background-position: center center;
}
nav ul li a#contact-link:hover, nav ul li.active a#contact-link {
	background-image: url(../images/green-hex-hover.png);
}
#side-nav ul {color: #fff; font-size: 0.8em;}
#side-nav ul li a {background-color: #292929; border-bottom: 1px solid #323232; padding: 20px 30px; list-style-type: none; text-decoration: none;display: block;}
#side-nav ul li a:link, #side-nav ul li a:visited {color: #fff;}
#consultancy #side-nav ul li a:hover, #consultancy #side-nav ul li a:active {color: #ee871f;}
#about #side-nav ul li a:hover, #about #side-nav ul li a:active {color: #e64517;}
#training #side-nav ul li a:hover, #training #side-nav ul li a:active {color: #f5c622;}
#articles #side-nav ul li a:hover, #articles #side-nav ul li a:active {color: #cfdb30;}
#contact #side-nav ul li a:hover, #contact #side-nav ul li a:active {color: #86aa2f;}
#consultancy #side-nav ul li.active a {border-left: 8px solid #ee871f;}
#about #side-nav ul li.active a {border-left: 8px solid #e64517;}
#training #side-nav ul li.active a {border-left: 8px solid #f5c622;}
#articles #side-nav ul li.active a {border-left: 8px solid #cfdb30;}
#contact #side-nav ul li.active a {border-left: 8px solid #86aa2f;}
#side-nav ul li ul {background-color: #000; font-size: 1em;}
#side-nav ul li ul li a {background: none; border: none; padding: 12px 30px;}
#side-nav ul li ul li ul li a {margin-left: 12px;}
#consultancy #side-nav ul li.active ul li a, #about #side-nav ul li.active ul li a, #training #side-nav ul li.active ul li a, #articles #side-nav ul li.active ul li a, #contact #side-nav ul li.active ul li a {border: none;}
#consultancy #side-nav ul li.active ul li.active a {color: #ee871f;}
#consultancy #side-nav ul li.active ul li.active ul li a:link, #consultancy #side-nav ul li.active ul li.active ul li a:visited {color: #fff;}
#consultancy #side-nav ul li.active ul li.active ul li a:hover, #consultancy #side-nav ul li.active ul li.active ul li a:active {color: #ee871f;}
#consultancy #side-nav ul li.active ul li.active ul li.active a {color: #ee871f;}
#about #side-nav ul li.active ul li.active a {color: #e64517;}
#training #side-nav ul li.active ul li.active a {color: #f5c622;}
#articles #side-nav ul li.active ul li.active a {color: #cfdb30;}
#contact #side-nav ul li.active ul li.active a {color: #86aa2f;}
#side-nav ul li.active ul li {background: none;}
footer ul {font-size: 0.75em;}
footer ul li {list-style-type: none; margin: 0 0 6px 0;}
footer ul li a {text-decoration: none;}
footer ul li a:link, footer ul li a:visited {color: #fff;}
footer ul li a:hover, footer ul li a:active {color: #86aa2f;}
article ul, article ol {margin: 0 0 20px 20px;}
article ul li, article ol li {font-size: 0.8em; line-height: 1.4em; color: #6d6d6d; font-family: 'gotham_bookregular', Arial, sans-serif;}
article ul li ul li, article ol li ol li {font-size: 1em;}

.authorship a {text-decoration: none; color: #6d6d6d;}
article ul.pageList {margin: 0;}
ul.pageList li {float: left; list-style-type: none; margin-right: 8px;}
ul.pageList li {background: #000;}

ul.pageList li a {
display: block;
color: #FFF;
text-decoration: none;
padding: 10px 15px;
}

ul.pageList li:hover {
background: #89aa47;
}

/* buttons */
a.more-link, .button {
    color:#ee871f;
    border:#ee871f 1px solid;
    text-decoration:none;
    padding:10px 20px;
    margin:30px 0;
    display:block;
    max-width:fit-content;
    text-align:center;
    transition: background 0.2s ease-in-out;

    
}


/* buttons */
a.more-link:hover, .button:hover {
    color:#FFFFFF;
    background:#ee871f;

    
}



/*Typography Styles*/
body {font-family: 'gotham_lightregular', Arial, sans-serif; font-size: 18px; font-smoothing: antialiased;}
#home #intro-text h1 {font-weight: normal; text-align: center; line-height: 1.2em; font-size: 2.4em;}
.inner h1, #contact-wrapper h1 {font-size: 2em; margin: 0 0 20px 0;}
.inner h1 a {color:#000;text-decoration:none;}
.inner article h2 {font-size: 1em; margin: 0 0 20px 0;}
.inner p {font-size: 0.8em; line-height: 1.4em; margin: 0 0 20px 0; color: #6d6d6d; font-family: 'gotham_bookregular', Arial, sans-serif;}
#contact-wrapper p {font-size: 0.8em; line-height: 1.4em; margin: 0 0 20px 0; color: #fff; font-family: 'gotham_bookregular', Arial, sans-serif;}
.inner p.intro {font-size: 0.9em; color: #000;}
span.green {color: #86aa2f;}
span.contact-info {display: block; font-size: 0.75em; margin: 0 0 6px 0;}
footer h3 {text-transform: uppercase; margin: 0 0 20px 0; font-size: 0.75em;}

/*Form Styles*/
form#contact-form {background-color: #000; padding: 5%;}
form#contact-form .form-left {float: left; width: 48%;}
form#contact-form .form-right {float: right; width: 48%;}
form#contact-form .form-message {padding: 15px 0 0 0;}
form#contact-form input.textinput {width: 96%; padding: 2%;}
form#contact-form textarea {width: 98%; padding: 1%; margin: 0 0 10px 0;}
form#contact-form input.submitbutton {width: 96%; background-color: #86aa2f; color: #fff; padding: 2%; border: none; text-align: center; cursor: pointer;}
form#contact-form span.error {color: #d23437; font-size: 0.9em; font-style: italic;}

/*Responsive Styles - Max Width 1020px*/
@media only screen and (max-width: 1020px) {
	
/*Layout Styles*/

.wrapper {width: 96%; padding: 0 2%;}
#info .wrapper {padding: 20px 2%;}
.inner article {width: 55%;}
#downloads.inner article {width: 100%; float: left;}
#side-nav {width: 35%;}
#contact-wrapper {width: 96%; padding-left: 2%; padding-right: 2%;}
img.profile-pic {max-width: 150px;}
	
}

/*Responsive Styles - Max Width 850px*/
@media only screen and (max-width: 850px) {
	
/*Layout Styles*/

.inner article {float: none; width: 100%}
#downloads.inner article {width: 100%; float: left;}
#side-nav {float: none; width: 100%; padding-top: 30px;}
#footer-first {float: none; width: 100%; text-align: center; padding: 20px 0 40px 0;}
#footer-second {width: 46%; margin: 0 0 0 2%;}
#footer-third {width: 46%; float: right; margin: 0 2% 0 0;}
#contact-left {width: 100%; float: none; margin-bottom: 30px;}
#contact-right {width: 100%; float: none;}
img.profile-pic {float: none; margin: 0 0 20px 0; max-width: 300px;}
body#contact, body#articles, body#training, body#consultancy, body#downloads, body#about {background-size: cover;}

/*Typography Styles*/
#home #intro-text h1 {font-weight: normal; text-align: center; font-size: 2em;}

}

/*Responsive Styles - Max Width 575px*/
@media only screen and (max-width: 575px) {
	
/*Layout Styles*/

#footer-first {float: none; width: 96%; text-align: left; padding-left: 2%; padding-right: 2%;}
#footer-second {width: 96%; float: none; padding-left: 2%; padding-right: 2%; margin: 0 0 20px 0;}
#footer-third {width: 96%; float: none; padding-left: 2%; padding-right: 2%; margin: 0;}

/*Typography Styles*/
#home #intro-text h1 {font-weight: normal; text-align: center; font-size: 1.5em;}

/*Form Styles*/
form#contact-form .form-left {float: none; width: 100%;}
form#contact-form .form-right {float: none; width: 100%;}

}

/*Responsive YouTube*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Cookie Bar Styles*/
#cookie-bar {
background-image: url(../images/overlay-bg.png);
font-family: Arial, Helvetica, sans-serif;
padding: 10px 0 20px 0;
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
#cookie-bar .cookie-wrapper {max-width: 1020px; width: 100%; margin: 0 auto; overflow: hidden; font-size: 0.7em; color: #fff; line-height: normal;}
span.cookie-title {color: #cfdb30; font-weight: bold;}
#cookie-bar a {color: #fff; font-weight: bold;}
/*set wrapper to clear sides under max width*/
@media only screen and (max-width: 1020px) {#cookie-bar .cookie-wrapper{width: 96%;}}