/*   
Theme Name: Belintra
Theme URI: https://belintra.be
Description: Belintra WordPress theme
Author: Mathieu Delporte
Author URI: https://mathieudelporte.be
Text Domain: belintra
Version: 1.1
*/

@charset "utf-8";

/* RESET
------------------------------------------------------------------------------*/

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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* GENERAL
------------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {height: 100%; font-size: 16px;}
body {height: 100%; background: #d4d2ca; font-family: "proxima-nova", sans-serif; font-size: 16px; font-weight: 400;}
body.landing {padding-top: 75px;}

.cf:before,
.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.clear {clear: both;}

/* WRAPPERS
------------------------------------------------------------------------------*/

.wrapper {position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
.wrapper.small {max-width: 650px;}
.wrapper.cols {max-width: 1230px;}

/* FRAMEWORK
------------------------------------------------------------------------------*/

.container {max-width: 1400px; margin: 0 auto;}

.full-width {width: 100%; overflow: hidden;}
.full-width.pad-top {padding-top: 60px;}
.full-width.pad-bottom {padding-bottom: 60px;}
.full-width.pad-full {padding: 60px 0;}
.full-width.pad-small {padding: 40px 0;}

.white {background: #fff;}
.grey {background: #eaeaea;}

.align-center {text-align: center;}
.align-left {text-align: left;}
.align-right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}

.transition {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

/* BLOCKS
------------------------------------------------------------------------------*/

.col-2 {float: left; width: 100%; max-width: 47.5609756%; margin: 1.2195122%;}
.col-3 {float: left; width: 100%; max-width: 30.8943089%; margin: 1.2195122%;}
.col-4 {float: left; width: 100%; max-width: 22.5609756%; margin: 1.2195122%;}
.col-5 {float: left; width: 100%; max-width: 17.5609756%; margin: 1.2195122%;}

.col-2 img, .col-3 img, .col-4 img, .col-5 img {max-width: 100%; height: auto;}

.block-left {float: left; padding-right: 25px;}
.block-left.left-20 {width: 20%;}
.block-left.left-30 {width: 30%;}
.block-left.left-40 {width: 40%;}
.block-left.left-50 {width: 50%;}
.block-left.left-60 {width: 60%;}
.block-left.left-70 {width: 70%;}
.block-left.left-75 {width: 75%;}
.block-left.left-80 {width: 80%;}

.block-right {float: right; padding-left: 25px;}
.block-right.right-20 {width: 20%;}
.block-right.right-25 {width: 25%;}
.block-right.right-30 {width: 30%;}
.block-right.right-40 {width: 40%;}
.block-right.right-50 {width: 50%;}
.block-right.right-60 {width: 60%;}
.block-right.right-70 {width: 70%;}
.block-right.right-80 {width: 80%;}

.block-left img, .block-right img {max-width: 100%; height: auto;}

.valign {display: table;}
.valign > div {position: relative; display: table-cell; vertical-align: middle; width: 50%;}
.valign .valign-left {padding-right: 25px;}
.valign .valign-right {padding-left: 25px;}

/* LINKS & BUTTONS
------------------------------------------------------------------------------*/

a {color: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
a.button {position: relative; display: inline-block; margin: 1em auto 0; padding: 15px 25px; font-size: 0.8em; font-weight: 700; text-decoration: none;}
a.button:after {content: "\f105"; font-family: 'FontAwesome'; margin-left: 10px;}

a.button.main {background: #f8bd01; border: 1px solid #f8bd01; color: #fff;}
a.button.main:hover {background: #f8aa01;}

a.button.main-dark {background: #333; border: 1px solid #333; color: #fff;}
a.button.main-dark:hover {background: #111;}

a.button.ghost-white {border: 1px solid #fff; color: #fff;}
a.button.ghost-white:hover {background: #fff; color: #231f20;}

a.button.ghost-dark {border: 1px solid #333; color: #333;}
a.button.ghost-dark:hover {background: #333; color: #fff;}

a.link-small {font-size: 0.8em; font-weight: 700; color: #f8bd01; text-transform: uppercase; text-decoration: none;}
a.link-small:after {content: "\f105"; font-family: 'FontAwesome'; margin-left: 10px;}

/* TYPOGRAPHY
------------------------------------------------------------------------------*/

p {font-size: 0.9em; color: #666; line-height: 1.5em; margin-bottom: 1.5em;}
strong {font-weight: 700; color: #333;}
em {font-style: italic;}
hr {display: block; margin: 2em 0 1.5em; height: 1px; background: #d5d5d5; border: 0;}
blockquote {clear: both; display: inline-block; background: #fff; padding: 12px; border-left: 3px solid #f8bd01; font-size: 0.9em; color: #333; line-height: 1.5em; margin-top: 2em;}

.content ul {margin-bottom: 1.5em;}
.content ul li {font-size: 0.875em; color: #666; line-height: 1.5em; display: list-item; list-style-type: disc; margin-left: 0.9em; padding-left: 0.5em;}
.content ol {margin-bottom: 1.5em;}
.content ol li {font-size: 0.875em; color: #666; line-height: 1.5em; display: list-item; list-style-type: upper-alpha; margin-left: 0.9em; padding-left: 0.5em;}

/* HEADINGS
------------------------------------------------------------------------------*/

h1 {position: relative; font-size: 1.6em; font-weight: 700; color: #333; line-height: 1.2em; margin-bottom: 2em;}
h1:before {content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 1px; background: #d5d5d5;}
h1:after {content: ""; position: absolute; bottom: -15px; left: 0; width: 30px; height: 3px; background: #f8bd01;}
h2 {position: relative; font-size: 1.4em; font-weight: 700; color: #333; line-height: 1.2em; margin-bottom: 2em;}
h2:before {content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 1px; background: #d5d5d5;}
h2:after {content: ""; position: absolute; bottom: -15px; left: 0; width: 30px; height: 3px; background: #f8bd01;}
h3 {font-size: 1.2em; font-weight: 700; color: #333; line-height: 1.2em; margin-bottom: 0.8em;}
h4 {font-size: 1.1em; font-weight: 700; color: #333; line-height: 1.2em; margin-bottom: 0.8em;}
h5 {font-size: 0.9em; font-weight: 700; color: #333; line-height: 1.2em; margin-bottom: 0.8em;}
h6 {font-size: 0.8em; font-weight: 700; color: #333; line-height: 1.2em; margin-bottom: 0.8em;}

/* LANGUAGE SELECTION
------------------------------------------------------------------------------*/

.language-selection {max-width: 750px; background: #fff; margin: 0 auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.language-selection .logo {padding: 30px; background: #eaeaea;}
.language-selection .logo img {height: 50px; width: auto; display: block; margin: 0 auto;}
.language-selection .wrap .block-left, .language-selection .wrap .block-right {padding: 50px;}
.language-selection .wrap .block-left {border-right: 1px solid #eaeaea;}
.language-selection .wrap .block-left ul:last-of-type {margin-bottom: 0;}
.language-selection ul {margin-bottom: 1.5em;}
.language-selection ul li {border-bottom: 1px solid #e5e5e5;}
.language-selection ul li img {display: block; height: 15px; width: auto; float: left; margin-right: 15px;}
.language-selection ul li a {position: relative; display: block; padding: 10px 0; font-size: 0.8em; font-weight: 700; color: #888; line-height: 1.2em; text-decoration: none;}
.language-selection ul li a:hover {color: #333;}
.language-selection ul li a:after {content: "\f105"; font-family: 'FontAwesome'; color: #d5d5d5; position: absolute; top: 30%; right: 0;}

/* HEADER
------------------------------------------------------------------------------*/

.top-bar {background: #eaeaea;}

.top-bar a.lang {float: right; margin-left: 25px; padding: 15px 25px; background: #f8bd01; font-size: 0.625em; font-weight: 700; color: #916e00; text-transform: uppercase; text-decoration: none;}
.top-bar a.lang img {height: 10px; width: auto; margin-right: 10px; position: relative; top: 1px;}
/*.top-bar a.lang:before {content: "\f0ac"; font-family: 'FontAwesome'; margin-right: 10px;}*/

.top-bar ul {float: right; margin-top: 11px;}
.top-nav li {display: inline; margin-left: 25px;}
.top-nav li a {font-size: 0.7em; color: #666; text-decoration: none;}
.top-nav li a:hover, .top-nav li.current-menu-item a {color: #000;}

header {background: #fff; height: 111px;}
header img {height: 50px; width: auto; margin-top: 30px;}

.main-nav {float: right;}
.main-nav > li {position: relative; display: inline-block; margin-left: 35px;}
.main-nav > li > a {display: inline-block; height: 110px; line-height: 110px; color: #333; text-decoration: none;}
.main-nav > li:hover > a {color: #f8bd01;}

.main-nav li ul {display: none; min-width: 150px; border: 1px solid #e5e5e5; border-top: 3px solid #f8bd01; z-index: 999;}
.main-nav > li > ul {position: absolute; left: 50%; transform: translateX(-50%); top: 110px; width: auto; background: #fff; z-index: 999;}
.main-nav li > ul li {position: relative; display: block; border-bottom: 1px solid #e5e5e5; margin-left: 0; width: auto; text-align: center; transition: all 0.25s ease-in-out;}
.main-nav > li.menu-item-has-children > a:after {content: "\f107"; font-family: 'FontAwesome'; margin-left: 8px;}
.main-nav li > ul li:last-of-type {border-bottom: 0;}
.main-nav li > ul li a {display: block; color: #666; border-bottom: 0; font-size: 0.8em; padding: 15px; text-decoration: none; white-space: nowrap;}
.main-nav li:hover > ul li a:hover {color: #000; background: #f5f5f5;}

/* ELEMENTS
------------------------------------------------------------------------------*/

.visual {padding: 80px 0;}
.visual .caption {background: rgba(255, 255, 255, 0.9); padding: 40px; max-width: 500px;}
.visual .caption h1 {margin-bottom: 1em;}
.visual .caption h1:before {display: none;}
.visual .caption h1:after {display: none;}
.visual .caption p {font-size: 1em;}

.slider {height: 500px; border: 0;}
.slider .wrapper {position: absolute; top: 0; left: 100px; bottom: 0; z-index: 9999;}
.slider .outer {display: table; width: 100%; height: 100%;}
.slider .inner {display: table-cell; vertical-align: middle;}
.slider .caption {background: rgba(255, 255, 255, 0.9); padding: 40px; max-width: 550px;}
.slider .caption h1 {margin-bottom: 1em;}
.slider .caption h1:before {display: none;}
.slider .caption h1:after {display: none;}
.slider .caption p {font-size: 1em;}
.slides-pagination {position: absolute; left: 100px; bottom: 20px; z-index: 99;}
.slides-pagination a {display: inline-block; width: 15px; height: 15px; background: #fff; margin-right: 8px; text-indent: -9999px;}
.slides-pagination a.current {background: #f8bd01;}

/*
.block {background: #fff; padding: 30px;}
.block ul li {border-bottom: 1px solid #e5e5e5;}
.block ul li:last-of-type {border-bottom: 0;}
.block ul li a {display: block; padding: 10px 0; font-size: 0.8em; font-weight: 700; color: #888; line-height: 1.2em; text-decoration: none;}
*/

.breadcrumbs {padding: 12px 0; background: #333; font-size: 0.7em; color: #777;}
.breadcrumbs i {margin: 0 5px;}
.breadcrumbs a {color: #999;}
.breadcrumbs a:hover {color: #fff;}
.breadcrumbs .float-right a {font-size: 1em;}

.thumb {position: relative;}
.thumb a {text-decoration: none;}
.thumb img {margin-bottom: -5px;}
.thumb .wrap {position: relative; left: 0; bottom: 0; width: 100%; height: 80px; background: #fff; padding: 0 40px 0 15px;}
.thumb .wrap:before {content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 0%; background: #f8bd01; transition: all 0.2s ease-in-out;}
.thumb:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)}
.thumb:hover .wrap:before {width: 100%;}
.thumb .wrap:after {content: "\f105"; font-family: FontAwesome; position: absolute; top: 38%; right: 15px; color: #999; z-index: 99;}
.thumb .wrap .outer {display: table; width: 100%; height: 100%;}
.thumb .wrap .inner {display: table-cell; vertical-align: middle;}
.thumb .wrap h3 {font-size: 0.9em; font-weight: 600; margin-bottom: 0;}
.col-5.thumb .wrap {height: 60px; padding: 0 30px 0 15px;}
.col-5.thumb .wrap h3 {font-size: 0.8em;}

.popup {position: relative; background: #fff; padding: 40px; width: auto; max-width: 600px; margin: 20px auto;}
.popup li {padding-right: 0 !important;}
.popup li.gf_left_half {padding-right: 8px !important;}
.popup li.gf_right_half {padding-left: 8px !important;}
.popup textarea {margin-top: 8px;}
body .gform_wrapper ul li.gfield {margin-top: 8px !important;}
.popup .gform_confirmation_message {font-size: 0.9em; color: #666; line-height: 1.5em;}
.popup .gform_wrapper .gform_footer {padding: 0 !important;}

.wp-caption {position: relative; margin-bottom: 1.5em;}
.wp-caption-text {position: absolute; left: 0; bottom: 0; margin-bottom: 0; background: #fff; padding: 8px 15px 8px 17px; border-left: 2px solid #f8bd01; font-size: 0.8em;}

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

.product-description .block-right {padding-top: 10px;}

.accordeon {margin-top: 3em;}
.accordeon-header {position: relative; cursor: pointer; background: #fff; border-bottom: 1px solid #e5e5e5; padding: 12px 40px 12px 12px; font-size: 0.875em; font-weight: 700; color: #666; margin-bottom: 0; transition: all 0.2s ease-in-out;}
.accordeon-header:hover {background: #f5f5f5; color: #333;}
.accordeon-header:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 0.75em; font-weight: normal; position: absolute; top: 12px; right: 15px; color: #999;}
.active-header {background: #333; color: #fff;}
.active-header:after {content: "\f106"; font-family: 'FontAwesome'; font-size: 0.75em; font-weight: normal; position: absolute; top: 12px; right: 15px; color: #fff;}
.active-header:hover {background: #333; color: #fff;}
.accordeon-content {display: none; padding: 30px 20px; background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.accordeon-content p:last-of-type {margin-bottom: 0;}

.gallery {margin-top: 3em;}

/* SIDEBAR
------------------------------------------------------------------------------*/

.content-sidebar {padding: 60px 50px 60px 0;}

.sidebar {position: relative; padding: 60px 0 60px 50px;}
.sidebar:before {content: ""; position: absolute; top: 0; left: 0; width: 1000px; height: 10000px; background: #fff; z-index: 0;}
.sidebar .wrap {position: relative;}

.sidebar a.button {width: 100%; text-align: center; margin: 0 0 1em; padding: 15px;}
.sidebar a.button span {margin-right: 10px;}
.sidebar a.button:last-of-type {margin-bottom: 3em;}

.sidebar .widget {position: relative; margin-bottom: 2em;}
.sidebar .widget h4 {font-size: 1em;}
.sidebar .widget ul li {border-bottom: 1px solid #e5e5e5;}
.sidebar .widget ul li:last-of-type {border-bottom: 0;}
.sidebar .widget ul li a {display: block; padding: 10px 0; font-size: 0.8em; font-weight: 700; color: #888; line-height: 1.2em; text-decoration: none;}
.sidebar .widget ul li a span {margin-right: 10px;}
.sidebar .widget ul li a:hover, .sidebar .widget ul li.current-menu-item a {color: #333;}

/* NEWS
------------------------------------------------------------------------------*/

.thumb-news {position: relative;}
.thumb-news a {text-decoration: none;}
.thumb-news img {margin-bottom: -3px;}
.thumb-news span.label {position: absolute; top: 10px; left: 10px; background: #f8bd01;}
.thumb-news span.label a {display: block; font-size: 0.7em; font-weight: 700; color: #fff; text-decoration: none; padding: 8px;}
.thumb-news .wrap {position: relative; background: #fff; padding: 30px; text-align: center; height: 220px;}
.thumb-news .wrap:before {content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 0%; background: #f8bd01; transition: all 0.2s ease-in-out;}
.thumb-news:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.thumb-news:hover .wrap:before {width: 100%;}
.thumb-news .wrap p.date {margin-bottom: 0; font-size: 0.8em; font-weight: 700; color: #b5b5b5;}
.thumb-news .wrap p {margin-bottom: 0;}

.pagination {display: block; clear: both; margin-top: 2em;}
.pagination .page-numbers {display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 30px; background: #fff; font-size: 0.8em; font-weight: 700; color: #999;}
.pagination .page-numbers:hover {color: #333;}
.pagination .page-numbers.current {background: #f8bd01; color: #fff;}
.pagination a.page-numbers {text-decoration: none;}

.meta h1 {margin-bottom: 0.2em;}
.meta h1:before {display: none;}
.meta h1:after {display: none;}
.meta p {font-size: 0.8em; font-weight: 700; color: #b5b5b5;}
.meta span {color: #f8bd01; margin-right: 10px;}

/* PRESS ROOM
------------------------------------------------------------------------------*/

.press-item {position: relative; padding: 1em 0 1em 65px; border-bottom: 1px solid #d5d5d5;}
.press-item:last-of-type {border-bottom: 0;}
.press-item:before {content: ""; position: absolute; top: 1em; left: 0; bottom: 1em; width: 40px; border-right: 1px solid #e5e5e5;}
.press-item.pdf {background: url(images/icon-pdf.png) no-repeat left center; background-size: 20px;}
.press-item.link {background: url(images/icon-external-link.png) no-repeat left center; background-size: 25px;}
.press-item p {font-size: 0.7em; color: #999; margin-bottom: 0.2em;}
.press-item h3 {margin-bottom: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.press-item:hover h3 {color: #f8bd01;}
.press-item a {text-decoration: none;}

/* VIDEO'S
------------------------------------------------------------------------------*/

.thumb.video span {position: absolute; top: 38%; transform: translateY(-50%); left: 50%; margin-left: -30px; width: 60px; height: 60px; border-radius: 50%; background: #333; color: #fff; text-align: center; line-height: 62px; padding-left: 3px;}

/* DOWNLOADS
------------------------------------------------------------------------------*/

.downloads ul li {list-style-type: none; margin-left: 0; padding-left: 0; border-bottom: 1px solid #d5d5d5;}
.downloads ul li:last-of-type {border-bottom: 0;}
.downloads ul li a:before {content: "\f016"; font-family: 'FontAwesome'; margin-right: 10px; color: #f8aa01; font-weight: 400;}
.downloads ul li a {display: block; font-weight: 700; color: #888; line-height: 1.5em; text-decoration: none; padding: 5px 0;}
.downloads ul li a:hover {color: #333;}

/* CONTACT
------------------------------------------------------------------------------*/

.contact h2 {margin-top: 2em;}
.contact li {margin-top: 0 !important;}

.gform_wrapper .top_label .gfield_label, .ginput_container_email label {display: none !important;}
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {position: relative; width: 100%; height: 40px; border: 1px solid #e5e5e5; padding: 10px !important; font-size: 13px !important;}
.gform_footer input.button, .gform_page_footer input.button {position: relative; display: inline-block; margin: 1em auto 0; padding: 15px 25px; font-size: 13px !important; font-weight: 700; text-decoration: none; background: #f8bd01; border: 1px solid #f8bd01; color: #fff; cursor: pointer; -webkit-appearance: none;}
.ginput_container_checkbox label {font-size: 10px !important; color: #999;}
input[type="checkbox"] {margin-right: 10px;}

.gfield_error {border: 0 !important; background: none !important; padding-top: 0 !important;}

.ginput_container {position: relative;}
.gfield_error .ginput_container:after {content: "\f00d"; font-family: 'FontAwesome'; font-size: 0.8em; color: #ee7763; position: absolute; right: 10px; top: 14px;}
.gfield_error .ginput_container_email:after {right: 25px;}
.gfield_error .ginput_container_checkbox:after {display: none;}
.gfield_error input, .gfield_error textarea, .gfield_error select {border: 1px solid #ee7763 !important;}
.gfield_error .ginput_container_checkbox label {color: #ee7763;}
.gfield_description {display: none;}
.gform_wrapper div.validation_error {border-top: none !important; border-bottom: none !important; background: #ee7763; font-size: 0.9em !important; color: #fff !important;}

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

footer {padding: 100px 0; background: #333;}
footer .box {float: left; width: 21.6666%;}

footer .box.info {width: 35%;}
footer .box.info img {height: 40px; width: auto; margin-bottom: 5em;}
footer .box.info ul li {font-size: 0.8125em; color: #999; line-height: 2em;}
footer .box.info ul li span {color: #f8bd01; margin-right: 10px;}
footer .box.info ul li a {color: inherit;}
footer .box.info ul li a:hover {color: #fff;}

footer .box.menu h6 {font-size: 0.875em; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 2em;}
footer .box.menu ul {margin-bottom: 2em;}
footer .box.menu ul li a {font-size: 0.8125em; color: #999; line-height: 2em;}
footer .box.menu ul li a:hover {color: #fff;}
footer .box.menu a.link-small {font-size: 0.7em; color: #fff;}

footer .box.social {text-align: right;}
footer .box.social ul.icons {margin-bottom: 9.5em;}
footer .box.social ul.icons li {display: inline-block; margin-left: 5px;}
footer .box.social ul.icons li a {display: inline-block; width: 30px; height: 30px; line-height: 32px; text-align: center; border-radius: 50%; background: #fff; font-size: 0.8em; color: #333;}
footer .box.social ul.nav-signoff li {display: inline-block;}
footer .box.social ul.nav-signoff li:after {content: "·"; margin: 0 5px 0 8px; color: #f8bd01;}
footer .box.social ul.nav-signoff li:last-of-type:after {display: none;}
footer .box.social ul.nav-signoff li a {font-size: 0.6875em; color: #999;}
footer .box.social ul.nav-signoff li a:hover {color: #fff;}

.signoff {padding: 20px 0; background: #2d2d2d;}
.signoff p {font-size: 0.6875em; color: #666; margin-bottom: 0;}
.signoff p a {color: inherit;}

/* SLICKNAV
------------------------------------------------------------------------------*/

.slicknav_menu {display: none; font-size: 16px;}
.slicknav_menu:before, .slicknav_menu:after {content: " "; display: table;}
.slicknav_menu:after {clear: both;}
.slicknav_menu .slicknav_menutxt {display: none;}
.slicknav_menu .slicknav_icon-bar {background-color: #333; border-radius: 1px; display: block; height: 3px; width: 30px;}
.slicknav_menu .slicknav_icon {float: left;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 5px;}
.slicknav_btn {cursor: pointer; display: block; float: right; line-height: 1.125em; margin: 40px 0; vertical-align: middle; background-color: none; border-radius: 4px; text-decoration: none;}
.slicknav_nav {clear: both; color: #333; font-size: 1.2em; margin: 0; padding: 20px 0; z-index: 999;}
.slicknav_nav ul, .slicknav_nav li {display: block;}
.slicknav_nav ul {margin: 0; padding: 0;}
.slicknav_nav li {margin:0; border-bottom: 1px solid #e5e5e5; text-align: left; font-size: 0.8em;}
.slicknav_nav li:first-of-type {border-top: 1px solid #e5e5e5;}
.slicknav_nav li:last-of-type {border-bottom: 0;}
.slicknav_nav li a {position: relative; padding: 10px 0 10px 0; display: block; color: #333; text-decoration: none; font-weight: 400; transition: all 0.25s ease-in-out;}
.slicknav_nav li a:hover {color: #666;}
li.slicknav_parent > ul li a {padding-left: 10px; color: #666;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {display: inline;}
.slicknav_nav, .slicknav_nav ul {list-style: none outside none; overflow: hidden;}
.slicknav_menu .nav-logo {display: none;}
.slicknav_logo {display: none;}
.slicknav_arrow {position: absolute; font-family: 'FontAwesome'; margin-left: 8px; font-size: 0.7em; top: 32%;}
.slicknav_nav > a {border: 1px solid #31db3c; color: #fff; background: #31db3c; display: block; margin: 1em auto 0; width: 120px; height: 40px; border-radius: 25px; line-height: 38px; font-size: 0.75em; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center;}

@media screen and (max-width: 750px) {

    .main-nav {display: none;}
    .slicknav_menu {display: block; width: 100%; padding: 0; z-index: 999;}
    header {min-height: 100px; height: auto; background: #fff; overflow: hidden; padding: 0;}
    header img {position: absolute; top: 0; height: 40px;}
    
}

@media screen and (max-width: 450px) {

    header img {top: 5px; height: 30px;}
    
}

/* RESPONSIVE
------------------------------------------------------------------------------*/

@media screen and (max-width: 1400px) {

	.container {max-width: 1200px;}
	.wrapper {max-width: 1100px;}
    .wrapper.cols {max-width: 1130px;}

    .slider .wrapper, .slides-pagination {left: 50px;}

}

@media screen and (max-width: 1100px) {

	.container {max-width: 1060px;}
    .wrapper {max-width: 960px;}
    .wrapper.cols {max-width: 990px;}

    .slider .wrapper, .slides-pagination {left: 20px;}

    .col-5 {max-width: 22.5609756%;}

    .block-left.left-75.content-sidebar {width: 70%;}
    .block-right.right-25.sidebar {width: 30%;}

}

@media screen and (max-width: 960px) {

    .wrapper {padding: 0 20px;}
    .slider .wrapper {left: 0;}

}

@media screen and (max-width: 850px) {

    .col-4, .col-5 {max-width: 30.8943089%;}

}

@media screen and (max-width: 750px) {

    h1 {font-size: 1.6em;}
    h2 {font-size: 1.5em;}
    h3 {font-size: 1.1em;}
    h4 {font-size: 1em;}
    h5 {font-size: 0.9em;}
    h6 {font-size: 0.8em;}

    .full-width.pad-top {padding-top: 30px;}
	.full-width.pad-bottom {padding-bottom: 30px;}
	.full-width.pad-full {padding: 30px 0;}

    .col-3, .col-4, .col-5 {max-width: 47.5609756%;}

    .block-left.left-20, .block-left.left-30, .block-left.left-40, .block-left.left-50, .block-left.left-60, .block-left.left-70, .block-left.left-75, .block-left.left-80 {float: none; width: 100%; padding-right: 0; margin-bottom: 1em;}
    .block-right.right-20, .block-right.right-25, .block-right.right-30, .block-right.right-40, .block-right.right-50, .block-right.right-60, .block-right.right-70, .block-right.right-80 {float: none; width: 100%; padding-left: 0;}

    .language-selection .wrap {padding: 50px;}
    .language-selection .wrap .block-left, .language-selection .wrap .block-right {padding: 0;}
    .language-selection .wrap .block-left {border-right: 0;}
    .language-selection .wrap .block-left ul:last-of-type {margin-bottom: 1.5em;}

    .slider .caption {padding: 25px;}
    .slider .caption h1 {font-size: 1.3em;}
    .slider .caption p {font-size: 0.9em;}
    .slides-pagination {left: 0; width: 100%; text-align: center;}

    .breadcrumbs {font-size: 0.6em;}
    .breadcrumbs .float-right {display: none;}

    .block-left.left-75.content-sidebar {width: 100%; padding: 30px 0;}
    .block-right.right-25.sidebar {width: 100%;}
    .sidebar:before {left: -50px;}

    .top-nav {display: none;}
    .top-bar .wrapper {padding: 0;}
    .top-bar a.lang {float: none; display: block; width: 100%; margin-left: 0; text-align: center;}

    footer {padding: 40px 0;}
    footer .box {float: none; width: 100%; margin: 0 auto; margin-bottom: 1em; padding-bottom: 1em; text-align: center; border-bottom: 1px solid #444;}
    footer .box:last-of-type {padding-bottom: 0; border-bottom: 0; margin-bottom: 0;}
    footer .box.info {width: 100%;}
    footer .box.info img {margin-bottom: 2em;}
    footer .box.social {text-align: center;}
    footer .box.social ul.icons {margin-bottom: 1em;}
    .signoff {text-align: center;}

}

@media screen and (max-width: 640px) {

    .popup li.gf_left_half {padding-right: 0 !important;}
    .popup li.gf_right_half {padding-left: 0 !important;}

}

@media screen and (max-width: 550px) {
    
    .wrapper.cols {max-width: 350px;}
    .col-2, .col-3, .col-4, .col-5 {float: none; width: 100%; max-width: 100%; margin: 0 0 1em;}

    body.landing {padding-top: 20px;}
    .language-selection .logo img {max-width: 100%; height: auto;}
    .language-selection .wrap {padding: 30px;}

    .visual {padding: 25px 0;}

}

@media screen and (max-width: 450px) {
    
    .signoff .float-left, .signoff .float-right {float: none; width: 100%;}
    .signoff .float-left {margin-bottom: 0.5em;}

}