/*
Theme Name: Xantis
Theme URI: http://xantis.be/
Description: Xantis Template
Design by: The Website Company
Version: 1.0
Author CSS: QV
Text Domain: Xantis
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Common Format
 * 3.0 - Repeatable Patterns
 * 4.0 - Basic Structure
 * 5.0 - Header
 *   5.1 - Site Header
 *   5.2 - Navigation
 * 6.0 - Content
 * 7.0 - Footer
 * ----------------------------------------------------------------------------
 */
/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {outline:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
html,
button,
input,
select,
textarea {
	font-family:  'Arimo',Helvetica, sans-serif;
}
a:focus {}
a:active,
a:hover {
	
	outline: 0;
}
address {
	font-style: italic;
	margin: 0 0 24px;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
p {
	margin: 0 0 18px;
	background:url("../images/bg-blank.png") repeat scroll left top transparent;
}
code,
kbd,
pre,
samp {
	font-family:  'Arimo',Helvetica, sans-serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}
pre {
	color: #666;
	font-family:  'Arimo',Helvetica, sans-serif;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}
blockquote blockquote {
	margin-right: 0;
}
blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}
blockquote strong,
blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl {
	margin: 0 20px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 20px;
}
menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}
ul {
	list-style-type: square;
}
ul.menu-main,
ol.menu-main {
	list-style: none;
	list-style-image: none;
}
li > ul,
li > ol {
	margin: 0;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
}
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button,
input {
	line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	/* border-collapse: collapse;
	border-spacing: 0; */
	font-size: 14px;
	
	width: 100%;
}
caption,
th,
td {
	/* font-weight: normal;
	text-align: left; */
}
caption {
	font-size: 16px;
	margin: 20px 0;
}
th {
	/* font-weight: bold;
	text-transform: uppercase; */
}
td {
/* 	padding: 6px 10px 6px 0; */
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	
	background:#e1e1e1;
	border: 0;
	height: 1px;
	margin: 0 0 18px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/**
 * 2.0 COMMON FORMAT
 */
/*_Media*/
	.media {margin:10px}.media,.bd {overflow:hidden;_overflow:visible;zoom:1}
	.media .img {float:left;margin-right:10px}
	.media .img img{dis play:block}
	.media .imgr {float:right;margin-left:10px}
/*_Float*/
	.listh {overflow:hidden}
	.right,.colr {float:right}
	.left,.col,.col1,.col2,.col3,.col4,.listh li {float:left}
/*_Inner*/
	.noborder{border:0 !important}
	input[type='submit'],input[type='button']{cursor:pointer}
	strong{font-weight:bold !important}
	.italic{font-style:italic !important}
	.uppercase{text-transform:uppercase}
	.text-center{text-align:center}
	.rounded{position:relative; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
/**
 * 3.0 Repeatable Patterns
 */
/**
 * 4.0 Basic Structure
 */
 body { 
	color:#1e1e1e;
	font-family: 'Arimo', sans-serif;
	font-size:17px;
	line-height:1.5em;
	background:#fff;
	overflow:hidden;
	text-rendering: optimizeLegibility;
	font-weight:400;
}

.clear {clear: both;}

.relative {position:relative;}
.absolute {position:absolute;}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.aligncenter {
	display: block;    
	margin-left: auto;
	margin-right: auto;
}
.visible_phone{
	display:none;
}
/***************************** Header ******************************/
/*********************************************************************/
.header {position: relative; z-index: 99;}
    /*Logo*/
    .header .container .four.columns .logo img {width: 272px;}
    
    /*Menu*/
    .header .container {position: relative;}
    .header .container .four.columns, 
    .header .container .eight.columns {margin: 0px;}
    
    .header .container .four.columns {width:310px;}
    .header .container .eight.columns {width: auto;height: 70px; position: absolute; right: 0px; bottom: -15px;}
    .header .container .eight.columns:after {
        background: #f68b1f;        
        background:rgb(246,139,31);
    	background: transparent\9;
    	background:rgba(246,139,31,0.9);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5f68b1f,endColorstr=#e5f68b1f);
    	zoom: 1;
        
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        
        width: 100%; height: 100%; content:""; position:absolute; bottom:0px; left: 100%;
        transform: skew(-20deg); -webkit-transform: skew(-20deg);
    }
    .wrap_menu ul {}
    .wrap_menu ul li {
        float: left; margin: 0px; padding: 0px;
        transform: skew(-20deg); -webkit-transform: skew(-20deg);
        
        background: #f68b1f;        
        background:rgb(246,139,31);
    	background: transparent\9;
    	background:rgba(246,139,31,0.9);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5f68b1f,endColorstr=#e5f68b1f);
    	zoom: 1;
        
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    .wrap_menu ul li a {
        display: block; transform: skew(20deg); -webkit-transform: skew(20deg); padding: 25px 20px; color:#fff;
        font-family: 'Open Sans', sans-serif; font-size: 24px;
    }
    .wrap_menu ul li:hover,
    .wrap_menu ul li.current-menu-item {background: #413937;}

/***************************** Inner page ******************************/
/*********************************************************************/
.wrapper {width:960px; margin:0 auto;}

    /*Banner*/
    .slideshow {position: relative;}
        .slideshow .text_banner {}
        .slideshow .text_banner .text_content:before {            
            background: #ffffff;        
            background:rgb(255,255,255);
            background: transparent\9;
            background:rgba(255,255,255,0.7);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
            zoom: 1;            
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            
            width: 100%; height: 100%; content:""; position:absolute; bottom:0px; right: 100%;
            transform: skew(0deg); -webkit-transform: skew(0deg);
        }
        .slideshow .text_banner .text_content {
            width: 60%; padding: 90px 0px 90px 0px; position: relative;
            
            background: #ffffff;        
            background:rgb(255,255,255);
            background: transparent\9;
            background:rgba(255,255,255,0.7);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
            zoom: 1;            
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            
            transform: skew(20deg); -webkit-transform: skew(20deg);
        }
        .slideshow .text_banner .text_content_in {transform: skew(-20deg); -webkit-transform: skew(-20deg);}
    
    /*Banner Statis*/
    .banner_static {
        background-size: cover; background-position:center center; background-repeat: no-repeat; background-attachment: fixed;
    }
    .banner_static img {opacity: 0; visibility: hidden;}
    
    /*Button hotline*/
    .contact_link {position: fixed; right: 0px; top: 50%; z-index: 999;}
    .contact_link a:before {
        background: url("../images/ic_hotline.png") no-repeat top left transparent;
        width:64px; height: 66px; display: block; content: '';
        position: absolute; bottom: 10px; left: 5px;
    }
    .contact_link a {
        width:255px; height: 66px; display: block; position: relative; right: -190px;
        text-decoration: none; color:#000;        
        
        transition-property: right;
        transition-duration: 0.5s;
        -ms-transition-property: right;
        -ms-transition-duration: 0.5s;
        -moz-transition-property: right;
        -moz-transition-duration: 0.5s;
        -webkit-transition-property: right; /* Safari */
        -webkit-transition-duration: 0.5s; /* Safari */
    }
    .contact_link a span {        
        padding:12px 20px; background: #b3d335; display: block; margin-left: 63px;
        font-size: 13px; line-height: 13px; font-weight: bold; font-style: italic;
        width: 150px;
    }
    .contact_link a:hover {right: 0px;}
    
    /*Breadcrumbs*/
    .wrap_title {width: 960px; margin: auto; position: relative;}
    .wrap_title:before {background: #fff; width: 100%; height: 100%; content:""; position:absolute; bottom:0px; right: 100%;}
    .wrap_title .container {
        width: 480px; transform: skew(20deg); -webkit-transform: skew(20deg);
        height: 32px; margin: -32px 0px 0px -10px; background: #fff;
    }
    .breadcrumbs {
        transform: skew(-20deg); -webkit-transform: skew(-20deg); color:#707070; margin-left: 10px;
    }
    .breadcrumbs span {background: #fff; color:#f68b1f; font-size: 15px; line-height: 15px; display: inline-block; padding:7px 0px 0px;}
    .breadcrumbs span.sepa {color:#707070; padding-left: 5px; padding-right: 5px;}
    .breadcrumbs a {color:#707070; text-decoration: none;}
    .breadcrumbs a:hover {color:#f68b1f;}
    
    /*Title page*/
    .title_page {text-align: center; width: 100%;}
    .title_page h1, .title_page h2 {text-transform: uppercase;}
    .title_page h1:after, .title_page h2:after {
        content:''; display: block; width:90px; height:4px; margin:25px auto 0px;
        background: #413937; transform: skew(-60deg); -webkit-transform: skew(-60deg);
    }
    
    /*Main Content*/
    .main_content {margin:70px 0px 50px 0px; padding-bottom: 50px;}
    
    /*Left menu*/
    .main_content .block_type {width: 100%;}
    .main_content .block_type h3 {
        background:#f68b1f; color:#fff; padding: 0px;
        transform: skew(-20deg); -webkit-transform: skew(-20deg);
        text-transform: uppercase;
    }
    .main_content .block_type h3 a {
        transform: skew(20deg); -webkit-transform: skew(20deg); display: block;
        padding: 5px 25px; font-size: 24px; text-transform: uppercase; color:#fff; text-decoration: none;
    }
    .main_content .block_type ul.parent {margin: 10px 0px 0px 18px;}
    .main_content .block_type ul.children {margin-left: 3px;}
    
    .main_content .block_type ul li a {color:#707070; font-size:20px; font-weight: bold; line-height:20px; text-transform:uppercase;}
    .main_content .block_type ul li ul li a {text-transform: none; font-weight: normal;}
    .main_content .block_type ul li.active ul li a {color:#707070;}
    
    .main_content .block_type ul li.active a,
    .main_content .block_type ul li.active ul li.active a,
    .main_content .block_type ul li:hover a {color:#f68b1f;}
    
    /*Social Share*/
    #social_share {margin: 35px 0px 0px 0px;}
    #social_share .wrap_share {display: inline-block; margin-right: 10px; position: relative;padding-bottom: 10px;}
    #social_share .wrap_share:before {
        content:''; display: block; width: 100%; height:3px; background: #ffd100;
        position: absolute; top: -15px; left: 0px;
    }
    
    /*Paging*/
    .pagi_custom {padding: 50px 0px; text-align: center;}
    .pagi_custom .wp-pagenavi a, .pagi_custom .wp-pagenavi span {
        background:#fff; color:#413937; border:none; padding: 5px 10px;        
    }
    .pagi_custom .wp-pagenavi a:hover,
    .wp-pagenavi span.current {background:#f68b1f; color:#fff;}
    
    /*Skeleton custom*/
    .main_content .container .column, 
    .main_content .container .columns {float: right;}        
        /**/
        .container .four.columns {width:240px; margin-right: 30px;}
        .main_content .container .twelve.columns {width: 640px; margin-left: 30px;}
    
    
    
    /*Visual Composer*/
    .main_content .wpb_gmaps_widget .wpb_wrapper {border: 2px solid #f5902a; padding: 0px;}

/***************************** Home page ******************************/
/*********************************************************************/
.home .main_content {padding-bottom: 0px;}
    /*Slider*/
    .slideshow .tp-caption.xantistext {        
        position: absolute !important; top: 0 !important; left: 50% !important; z-index: 999;
        width: 960px !important; height: 100%;  margin-left: -480px!important;
        background: none !important; padding: 0px !important;
    }
    .slideshow .tp-caption.xantistext .slide_text{
        width: 255px; height: calc(100% - 54px); padding: 0px 40px !important; position: relative; text-align: center;
            
        background: #ffffff;        
        background:rgb(255,255,255);
        background: transparent\9;
        background:rgba(255,255,255,0.7);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);
        zoom: 1;            
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    .slideshow .tp-caption.xantistext .slide_text:before {
        background: #ffffff;        
        background:rgb(255,255,255);
        background: transparent\9;
        background:rgba(255,255,255,0.25);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3fffffff,endColorstr=#3fffffff);
        zoom: 1;            
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        
        width: 999em; height: 100%; content:""; position:absolute; bottom:0px; right: 0px;
        transform: skew(20deg); -webkit-transform: skew(20deg);
    }
    .slideshow .tp-caption.xantistext .slide_text ul li {
        list-style: none; position: relative; display: block;
        margin-bottom: 15px !important; padding-bottom: 10px !important; border-bottom: 1px solid #64655a !important;
        font-family:"Open Sans",sans-serif ; font-size: 20px; line-height: 20px; font-weight: bold; font-style: italic;
        visibility: visible; 
    }
    .slideshow .tp-caption.xantistext .slide_text ul li a {color:#000;  text-decoration: none; white-space:normal !important; cursor: pointer;}
    .slideshow .tp-caption.xantistext .slide_text ul li a:hover {color:#ff7302;}
    
        /*Center Vertical*/
        .slideshow .tp-caption.xantistext .slide_text {
            -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
        }
        .slideshow .tp-caption.xantistext .slide_text ul {
            position: relative !important; top: 50% !important; 
            transform: translateY(-50%) !important; -webkit-transform:translateY(-50%) !important; -ms-transform:translateY(-50%) !important ;
            padding-top:0px !important;
        }    
    /*Effect hover a*/  
    .slideshow .tp-caption.xantistext .slide_text ul li a::before,
    .slideshow .tp-caption.xantistext .slide_text ul li a::after {
    	display: inline-block;
    	opacity: 0;
    	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
    	transition: transform 0.3s, opacity 0.2s;
    }
    
    .slideshow .tp-caption.xantistext .slide_text ul li a::before {
    	margin-right: 10px;
    	content: '[';
    	-webkit-transform: translateX(20px);
    	-moz-transform: translateX(20px);
    	transform: translateX(20px);
    }
    
    .slideshow .tp-caption.xantistext .slide_text ul li a::after {
    	margin-left: 10px;
    	content: ']';
    	-webkit-transform: translateX(-20px);
    	-moz-transform: translateX(-20px);
    	transform: translateX(-20px);
    }
    
    .slideshow .tp-caption.xantistext .slide_text ul li a:hover::before,
    .slideshow .tp-caption.xantistext .slide_text ul li a:hover::after,
    .slideshow .tp-caption.xantistext .slide_text ul li a:focus::before,
    .slideshow .tp-caption.xantistext .slide_text ul li a:focus::after {
    	opacity: 1;
    	-webkit-transform: translateX(0px);
    	-moz-transform: translateX(0px);
    	transform: translateX(0px);
    }
    
    /*Slider Navigation*/
    .home .slideshow:before {
         width: 52%; height: 54px; content:""; position:absolute; bottom:0px; left: 0px; margin-left: -100px; padding-left: 100px; z-index: 999;
         background: #fff; transform: skew(27deg); -webkit-transform: skew(27deg);
    }
    .slideshow .tparrows {
        bottom: 10px !important; width: 107px !important; height: 27px;
        top: auto !important; margin-top: 0 !important; z-index: 999;
    }
    .slideshow .tparrows.tp-leftarrow {
        right: 60%; left: auto !important;
        right: calc(48% + 112px)!important; margin:0px 5px 0px 0px !important;
        background: url("../images/large_left.png") repeat top left transparent;
    }
    .slideshow .tparrows.tp-rightarrow {
        right: 48% !important; margin:0px 15px 0px 0px !important;
        background: url("../images/large_right.png") repeat top left transparent;
    }
    .slideshow .tparrows:hover {background-position: bottom left;}
    
    /*Welcome section - Right*/
    .wel_right {
        text-align: center; position: relative;
        background-image:url("../images/bg_wel_right.png"); background-position:center bottom; background-repeat: no-repeat;
    }
    .home .main_content .container .wel_right p {padding-bottom:230px;}
    
    /*Service section*/
    #block_home {
        background-image:url("../images/bg_block_home.jpg"); background-size: cover; background-position:center center; background-repeat: no-repeat; background-attachment: fixed; 
    }
    #block_home #block_home_in {
        background: url("../images/bg_block_home_inner.png") repeat top left transparent;
        width: 100%; height: 100%; 
    }
    #block_home .container {position: relative; height: 395px;}
    #block_home #block_home_in #block_home_item_1:before,
    #block_home #block_home_in #block_home_item_2:after {
        background: #f68b1f;        
        background:rgb(246,139,31);
    	background: transparent\9;
    	background:rgba(246,139,31,0.9);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5f68b1f,endColorstr=#e5f68b1f);
    	zoom: 1;
        
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        
        width: 999em; height: 100%; content:""; position:absolute; bottom:0px; 
        transform: skew(0deg); -webkit-transform: skew (0deg);
    }
    #block_home #block_home_in #block_home_item_2:after {left: 100%;}
    #block_home #block_home_in #block_home_item_1:before {right: 100%;}
    
    #block_home #block_home_in .item {
        display: block; width: 504px; height: 265px;
        
        transform: skew(-20deg); -webkit-transform: skew(-20deg);
        
        background: #f68b1f;        
        background:rgb(246,139,31);
    	background: transparent\9;
    	background:rgba(246,139,31,0.9);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5f68b1f,endColorstr=#e5f68b1f);
    	zoom: 1;
        
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        
        position: absolute;      
    }
    #block_home #block_home_in .item .inner {transform: skew(20deg); -webkit-transform: skew(20deg);}
    
    #block_home #block_home_in .item#block_home_item_1 {top: 0px; left: 0px; z-index: 99;}
    #block_home #block_home_in .item#block_home_item_2 {top: 130px; right:0px}
    
    #block_home #block_home_in .item .text {float: left; text-align: center; width: 302px; margin: 75px 0px 0px 0px;}
    #block_home #block_home_in .item .text h2 {
        font-size: 32px; line-height: 32px; color:#000; text-transform: uppercase;
        font-family: 'Open Sans', sans-serif; padding-bottom: 20px;
    }
    #block_home #block_home_in .item#block_home_item_1 .text h2 {padding-left: 30px;}
    #block_home #block_home_in .item#block_home_item_1 .text,
    #block_home #block_home_in .item#block_home_item_2 .icon {margin-left: -50px;}
    
    #block_home #block_home_in .item .icon {
        float: left; transform: skew(-20deg); -webkit-transform: skew(-20deg);
        width:200px; height: 265px; position: relative; 
        -webkit-box-shadow: 5px 5px 10px -2px rgba(2,2,2,0.2);
        -moz-box-shadow: 5px 5px 10px -2px rgba(2,2,2,0.2);
        box-shadow: 5px 5px 10px -2px rgba(2,2,2,0.2);
    }
    #block_home #block_home_in .item#block_home_item_1 .icon {border-left:2px solid #fff;}
    #block_home #block_home_in .item#block_home_item_2 .icon {border-right:2px solid #fff;}

    #block_home #block_home_in .item .icon img {
        transform: skew(20deg); -webkit-transform: skew(20deg); width: 90px;
        position: relative; left: 50%; margin-left:-45px; top: 50%; margin-top: -43px;
    }
    
    /*News section*/
    .wrap_nieuws.wrap_nieuws_home {background: #f5f5f5; padding: 100px 0px 70px;}
    .wrap_nieuws h3 {
        font-size: 42px; line-height: 42px; text-align: center;
        font-family: 'Open Sans', sans-serif; font-weight: bold; color:#000; padding-bottom: 40px;
    }
    .wrap_nieuws .list_nieuws .item_nieuws h2 {padding: 18px; font-weight: 600;}
    
    /*Client section*/
    #wrap_onze .container{padding: 70px 95px; width: 865px; display: table;}
    #wrap_onze .container .four.columns {width:220px; margin:35px 10px 0px 0px; float: none; display: table-cell; vertical-align: middle;}
    #wrap_onze .container .four.columns h3 {
        font-size: 24px; line-height: 24px; text-transform: uppercase;
        font-family: 'Open Sans', sans-serif; font-weight: bold; color:#000;
    }
    #wrap_onze .container .twelve.columns {width:560px; margin: 0px 0px;}
    
    #wrap_onze .caroufredsel_wrapper {width:520px;}
    #wrap_onze .caroufredsel_wrapper ul {}
    #wrap_onze .caroufredsel_wrapper ul li {width: 170px; margin-right: 10px; float: left;}
    
    /*Nav slide*/
    .list_carousel_onze {position: relative; width:520px; margin: 0px 0px; padding: 0px 20px;}
    .list_carousel_onze .nav_home {}
    .list_carousel_onze .nav_home a {
        width: 15px; height: 24px; display: block; text-indent: 999em;
        position: absolute; top:50%; margin-top: -12px; z-index: 99;
    }
    .list_carousel_onze .nav_home a.prev {
        background: url("../images/bg_nav.png") repeat top left transparent; left: 0px;
    }
    .list_carousel_onze .nav_home a.next {
        background: url("../images/bg_nav.png") repeat top right transparent; right: 0px;
    }
    .list_carousel_onze .nav_home a:hover {opacity: 0.8;}
    
    
/***************************** Blog page ******************************/
/*********************************************************************/
.wrap_nieuws {overflow: hidden;}
.wrap_nieuws .item_nieuws {float: left; margin: 0px 8px 0px 0px; overflow: hidden;}

.wrap_nieuws .item_nieuws.big:last-child,
.wrap_nieuws .item_nieuws.small:last-child,
.list_nieuws .item_nieuws:last-child,
.wrap_nieuws .item_nieuws.last {margin-right: 0px;}

.wrap_nieuws .item_nieuws.big {width:472px;}
.wrap_nieuws .item_nieuws.small,
.list_nieuws .item_nieuws {width:308px;} /*Show 3 columns*/

    .thumb {position: relative;}
    .thumb a {display: block;}
    .thumb a img {
        display: block;        
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
        -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    }
    .thumb a:hover img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
    }
    /*icon*/
    .thumb a .overlay {
        position: absolute; left: 0; top: 50%; margin-top: -36px; z-index: 200; opacity:0; text-align: center;
        background: none; height: 100%; width: 100%;
        
        -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
    	
        -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
    }
    .thumb a:hover .overlay  {
         opacity:1;        
        -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
    }    
    .big .thumb a .overlay {margin-top: -52px;}
    
    .thumb a .overlay div {
        font-style: normal; color:#f68b1f; 
        border:5px solid #f68b1f; padding: 20px;
        -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
        font-size: 31px; line-height: 26px; width: 22px; height: 22px;
    }
    .big .thumb a .overlay div {
         font-size: 41px; line-height: 36px; width: 32px; height: 32px;
         padding: 30px;
    }
    
    /*date*/
    .thumb a .date_post {
        position: absolute; left: 0px; bottom: 0px; opacity: 1; z-index: 999;
        -webkit-transition: all 0.4s ease-in-out;
    	-moz-transition: all 0.4s ease-in-out;
    	-o-transition: all 0.4s ease-in-out;
    	-ms-transition: all 0.4s ease-in-out;
    	transition: all 0.4s ease-in-out;
        
        padding:15px 20px; background:#f68b1f; color:#000; text-align: center;
    }
    .date_post span {
        font-size: 24px; line-height: 24px; font-family: "Open Sans",sans-serif; text-transform: uppercase;
        padding-bottom: 4px; display: block;
    }
    .date_post span.month {border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; font-size: 16px; line-height: 16px; }
    
    .big .thumb .date_post span {font-size: 32px; line-height: 32px;}
    .big .thumb .date_post span.month {font-size: 24px; line-height: 24px;}
    
    .thumb a:hover .date_post {opacity: 0;}
    
    /*Title post*/
    .main_content .content_item {padding:18px;}
    .main_content .content_item h2,
    .list_nieuws .item_nieuws h2 {font-size: 20px; line-height:26px; padding-bottom: 15px;}
    
    .main_content .content_item h2 a,
    .list_nieuws .item_nieuws h2 a {color:#707070; text-transform: uppercase; display: block; word-wrap: break-word;}
    
    .main_content .content_item .excerpt {}
    
    /*News detail page*/
    .single-nieuws {}
    .single-nieuws .main_content .container .column, 
    .single-nieuws .main_content .container .columns {float: left;}
    
        /*Content*/
        #content_news .title_content {}
        #content_news .title_content h1 {color:#f68b1f;}
        
        #content_news .date_post {border-left:5px solid #413937; margin-bottom: 25px; padding-top: 3px;}
        #content_news .date_post span {display: inline-block;  padding: 0px 10px; font-size: 20px !important; line-height: 20px;}
        #content_news .date_post span.day {border-right: 1px solid #413937;}
        
        /*Other news*/
        #other_news {overflow: hidden;}
        #other_news h3 {text-align: center; font-weight: normal;}
        #other_news ul li {border-bottom: 1px solid #ffda33; padding: 0px; margin-bottom: 18px;}
        #other_news ul li .content_item h2 {padding: 0px;}
    
/***************************** Contact page ******************************/
/*********************************************************************/
.page-contact .main_content {margin-bottom: 70px; padding: 0px;}
.page-contact .main_content .container {width: 100%;}
.page-contact .title_page,
.page-contact .vc_row {width: 960px; margin: auto;}

.page-contact .main_content .text_content {
    background-image:url("../images/bg_contact_page.jpg"); background-size: cover; background-position:center center; background-repeat: no-repeat; background-attachment: fixed;
    padding: 70px 0px; margin-top: 15px;
}
    /*Contact banner*/
    .bg_banner {background-size: cover; background-position:center center; background-repeat: no-repeat;}
    /*Contact map*/
    #map {line-height: 0px;}    
    
    /*Contact form*/
    .main_content .gform_wrapper,
    .fancybox-wrap-wrap .gform_wrapper {margin: 0px auto; padding:0px 0px 0px 0px; width: 100%; max-width: 100%;}
    
    .main_content .gform_wrapper form,
    .fancybox-wrap .gform_wrapper form  {width: 100%; overflow: hidden; padding: 0px;}
    
    .main_content .gform_wrapper form .gform_heading,
    .fancybox-wrap .gform_wrapper form .gform_heading {display: none;}
    
    .main_content .gform_wrapper form .gform_body ul {}
    .main_content .gform_wrapper form .gform_body ul li,
    .fancybox-wrap .gform_wrapper form .gform_body ul li {margin: 0px 0px 10px 0px; padding: 0px;}
    
    .main_content .gform_wrapper form .gform_body .gfield_label, 
    .main_content .gform_wrapper form .gform_body .ginput_container, 
    .main_content .gform_wrapper form .gform_body .gfield_captcha_container,
    .fancybox-wrap .gform_wrapper form .gform_body .gfield_label, 
    .fancybox-wrap .gform_wrapper form .gform_body .ginput_container, 
    .fancybox-wrap .gform_wrapper form .gform_body .gfield_captcha_container {
        display: inline-block;
        font-weight: normal; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; line-height: 30px; 
    }
    
    .main_content .gform_wrapper form .gform_body .gfield_label,
    .fancybox-wrap .gform_wrapper form .gform_body .gfield_label {
        width: 75px; margin:0px 15px 15px 0px; color:#848484; vertical-align: top; display: inline-block;
        text-align: right; font-style: italic;
    }
    .main_content .gform_wrapper .gfield_required,
    .fancybox-wrap .gform_wrapper .gfield_required {display: none;}
    
    .main_content .gform_wrapper form .gform_body .ginput_container,
    .main_content .gform_wrapper form .gform_body .gfield_captcha_container,
    .fancybox-wrap .gform_wrapper form .gform_body .ginput_container,
    .fancybox-wrap .gform_wrapper form .gform_body .gfield_captcha_container {width: 300px;}
    
    .main_content .gform_wrapper form .gform_body .ginput_container input,  
    .main_content .gform_wrapper form .gform_body .ginput_container textarea,
    .fancybox-wrap .gform_wrapper form .gform_body .ginput_container input,  
    .fancybox-wrap .gform_wrapper form .gform_body .ginput_container textarea, 
    .gfield_captcha_input_container input {
        background: #f8ad61; border:1px solid #f8ad61; padding: 10px 15px !important; color:#413937;
        font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 20px; text-transform: none;
    }
    ::-webkit-input-placeholder {color:#413937;}    
    :-moz-placeholder {color:#413937;}    
    ::-moz-placeholder {color:#413937;}    
    :-ms-input-placeholder {color:#413937;}
    
    .main_content .gform_wrapper input[type="text"], 
    .main_content .gform_wrapper input[type="url"], 
    .main_content .gform_wrapper input[type="email"], 
    .main_content .gform_wrapper input[type="tel"], 
    .main_content .gform_wrapper input[type="number"], 
    .main_content .gform_wrapper input[type="password"],
    .fancybox-wrap .gform_wrapper input[type="text"], 
    .fancybox-wrap .gform_wrapper input[type="url"], 
    .fancybox-wrap .gform_wrapper input[type="email"], 
    .fancybox-wrap .gform_wrapper input[type="tel"], 
    .fancybox-wrap .gform_wrapper input[type="number"], 
    .fancybox-wrap .gform_wrapper input[type="password"] {font-size: 16px;}
    
    .main_content .gform_wrapper form .gform_body .ginput_container input,
    .fancybox-wrap .gform_wrapper form .gform_body .ginput_container input  {width:100% !important;}   
         
    .main_content .gform_wrapper form .gform_body .ginput_container textarea,
    .fancybox-wrap .gform_wrapper form .gform_body .ginput_container textarea {height:150px; width:100%; vertical-align: middle;}
    
    /*Send to...*/    
    .main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox,
    .fancybox-wrap .gform_wrapper form .gform_body ul li ul.gfield_checkbox {margin:0px; padding: 0px;}
    
    .main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li,
    .fancybox-wrap .gform_wrapper form .gform_body ul li ul.gfield_checkbox li {float: left; margin:0px 20px 0px 0px;}
    
    .main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li input, 
    .main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li label,
    .fancybox-wrap .gform_wrapper form .gform_body ul li ul.gfield_checkbox li input, 
    .fancybox-wrap .gform_wrapper form .gform_body ul li ul.gfield_checkbox li label  {vertical-align: middle;}
    
    .main_content .gform_wrapper form .gform_body ul li ul.gfield_checkbox li input,
    .fancybox-wrap .gform_wrapper form .gform_body ul li ul.gfield_checkbox li input {
        margin: 5px 5px 0px 0px; padding: 0px !important; background: none;
    }
    
    /*Contact form - Captcha*/
    .gfield_captcha_container {overflow: hidden; vertical-align: middle; width: 332px !important; position: relative;}
        .main_content .gform_wrapper form .gform_body .gfield_captcha_container img,
        .fancybox-wrap .gform_wrapper form .gform_body .gfield_captcha_container img {
            height: 32px !important; width: auto; 
            position: absolute; top: 5px; right:0px;
        }
        .gfield_captcha_container .gfield_captcha {display: inline-block;}
        .gfield_captcha_container .gfield_captcha_input_container {display: inline-block;}
        
    .main_content .gform_wrapper form .gfield_captcha_input_container,
    .fancybox-wrap .gform_wrapper form .gfield_captcha_input_container {width:50%; float: left; padding-right: 5%;}
     
    .main_content .gform_wrapper form .gfield_captcha_input_container input,
    .fancybox-wrap .gform_wrapper form .gfield_captcha_input_container input  {width:90%; border: 1px solid #ebebeb;} 
    
    /*Contact form - Submit button*/
    .main_content .gform_wrapper form .gform_footer,
    .fancybox-wrap .gform_wrapper form .gform_footer {
        margin:25px 25px 10px 0px; padding: 0px; 
        transform: skew(-20deg); -webkit-transform: skew(-20deg);
        -webkit-box-shadow: 5px 5px 0px 1px rgba(0,0,0,1);
        -moz-box-shadow: 5px 5px 0px 1px rgba(0,0,0,1);
        box-shadow: 5px 5px 0px 1px rgba(0,0,0,1);
        display: inline-block; background: #fff;
        float: right;
    }
    
    .main_content .gform_wrapper form .gform_footer input,
    .fancybox-wrap .gform_wrapper form .gform_footer input {
        display: block; text-decoration: none; background: none;
        transform: skew(20deg); -webkit-transform: skew(20deg); padding: 10px 15px !important; color:#f68b1f;
        text-decoration: none; border:none; text-transform: uppercase;  
        font-weight: normal; font-family: 'Source Sans Pro', sans-serif; font-size:24px; line-height: 24px; font-weight: bold;        
    }
    .main_content .gform_wrapper form .gform_footer:hover,
    .fancybox-wrap .gform_wrapper form .gform_footer:hover {
         background: #000;
        -webkit-box-shadow: 5px 5px 0px 1px rgba(255,255,255,1);
        -moz-box-shadow: 5px 5px 0px 1px rgba(255,255,255,1);
        box-shadow: 5px 5px 0px 1px rgba(255,255,255,1);
    }

    .gform_ajax_spinner {display: none;}
    
    /*Contact form - Confirmation message*/
    #gforms_confirmation_message {margin-top: 65px; color:#ffc000;}
    .gform_wrapper .validation_message {margin-left:80px;}
    
    /*Contact - Validation Message*/
    .main_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required,
    .fancybox-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin: 0px 0px 5px 0px!important;}
    
    .main_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, 
    .main_content .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
    .fancybox-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, 
    .fancybox-wrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin-top: 0px;}
    
    .main_content .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, 
    .main_content .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half,
    .fancybox-wrap .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, 
    .fancybox-wrap .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {width: 49%;}
    
    .main_content .gform_wrapper .top_label .gfield_error .ginput_container,
    .fancybox-wrap .gform_wrapper .top_label .gfield_error .ginput_container {max-width: 101%;}
     
    .main_content .gform_wrapper .top_label .gfield_error,
    .fancybox-wrap .gform_wrapper .top_label .gfield_error {width: 100%;}
    
    .main_content .gform_wrapper .top_label .gfield_error {}
    .main_content .gform_wrapper form .validation_error,
    .fancybox-wrap .gform_wrapper form .validation_error {color:#df1616!important; font-size: 16px; line-height: 20px; margin-bottom: 20px !important;}
    
    .main_content .gform_wrapper form .gform_body .validation_message,
    .fancybox-wrap .gform_wrapper form .gform_body .validation_message {display: none;}
    
    .main_content .gform_wrapper form .gform_body li.gfield.gfield_error, 
    .main_content .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
    .fancybox-wrap .gform_wrapper form .gform_body li.gfield.gfield_error, 
    .fancybox-wrap .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning  {
        padding: 0px !important;
        background: none !important;
        border: none !important;
    }
    
    .main_content .gform_wrapper form .gform_body li.gfield.gfield_error input, 
    .main_content .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input,
    .main_content .gform_wrapper form .gform_body li.gfield.gfield_error textarea, 
    .main_content .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning textarea,
    .fancybox-wrap .gform_wrapper form .gform_body li.gfield.gfield_error input, 
    .fancybox-wrap .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input,
    .fancybox-wrap .gform_wrapper form .gform_body li.gfield.gfield_error textarea, 
    .fancybox-wrap .gform_wrapper form .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning textarea  {
        border-color:#df1616; background: #fff;
    }



/*404 page*/
    .error404 .inner {text-align:center; margin-top:50px;}
    .error404 h1 {text-align: center;}
    
/***************************** Footer ******************************/
/*********************************************************************/    
.footer {background: #413937; color:#fff; font-size: 14px; line-height: 16px;}
.footer p {margin-bottom: 10px;}
.footer a {color:#fff;}
.footer a:hover {opacity:0.8; color:#f68b1f;}

    /*Logo footer*/
    .footer .container .six.columns {position: relative; height: 240px; top: -50px;}
    .footer .container .six.columns:before {background: #f68b1f; width: 999em; height: 100%; content:""; position:absolute; bottom:0px; right: 100%;}
    .footer .container .six.columns #logo_footer {
        background: #f68b1f; padding: 100px 110px; margin:0px 0px 0px -50px;
        transform: skew(20deg); -webkit-transform: skew(20deg); height: 40px;
    }
    .footer .container .six.columns #logo_footer a {transform: skew(-20deg); -webkit-transform: skew(-20deg); display: block;}
    
    /*Footer info*/
    .footer .container .inner_footer {margin: 40px 0px 10px 0px;}
    .footer .container .left_footer {width:200px; float: left; border-right:5px solid #f68b1f; padding: 0px 40px;}
    .footer .container .right_footer {width:225px; float: right; padding: 10px 20px 0px 40px;}
    
    /*Copyright*/
    #copyright {font-size: 12px; line-height: 14px; clear: both; padding: 20px 0px 0px 40px;}