/*
Theme Name: Scholt Energy Control
Theme URI: http://local.wordpress.dev
Description: Website Scholt Energy Control
Version: 0.0.1
Author: Ruud van de Ven
Author URI: http://local.wordpress.dev
*/
@media screen{
/*    @font-face { font-family: MyriadPro; font-weight: 200; src: url('/wp-content/themes/SEC/font/MyriadPro-Regular_0.otf'); } 
    @font-face { font-family: MyriadPro; font-weight: 400; src: url('/wp-content/themes/SEC/font/MyriadPro-Semibold_0.otf');}
    @font-face { font-family: MyriadPro; font-weight: 600; src: url('/wp-content/themes/SEC/font/MyriadPro-Bold_0.otf');}
    
    */
    
    @font-face {
        font-family: MyriadPro;
        font-weight: 200;
        src: url('/wp-content/themes/SEC/font/MyriadPro-Regular_0.otf'); /* IE9 Compat Modes */
        src: url('/wp-content/themes/SEC/font/MyriadPro-Regular_0.otf') format('embedded-opentype'), /* IE6-IE8 */
             url('/wp-content/themes/SEC/font/MyriadPro-Regular_0.otf') format('woff2'), /* Super Modern Browsers */
             url('/wp-content/themes/SEC/font/MyriadPro-Regular_0.otf') format('woff'), /* Pretty Modern Browsers */
             url('/wp-content/themes/SEC/font/MyriadPro-Regular_0.otf')  format('truetype'), /* Safari, Android, iOS */
      }
    @font-face {
        font-family: MyriadPro;
        font-weight: 400;
        src: url('/wp-content/themes/SEC/font/MyriadPro-Semibold_0.otf'); /* IE9 Compat Modes */
        src: url('/wp-content/themes/SEC/font/MyriadPro-Semibold_0.otf') format('embedded-opentype'), /* IE6-IE8 */
             url('/wp-content/themes/SEC/font/MyriadPro-Semibold_0.otf') format('woff2'), /* Super Modern Browsers */
             url('/wp-content/themes/SEC/font/MyriadPro-Semibold_0.otf') format('woff'), /* Pretty Modern Browsers */
             url('/wp-content/themes/SEC/font/MyriadPro-Semibold_0.otf')  format('truetype'), /* Safari, Android, iOS */
      }
     @font-face {
        font-family: MyriadPro;
        font-weight: 600;
        src: url('/wp-content/themes/SEC/font/MyriadPro-Bold_0.otf'); /* IE9 Compat Modes */
        src: url('/wp-content/themes/SEC/font/MyriadPro-Bold_0.otf') format('embedded-opentype'), /* IE6-IE8 */
             url('/wp-content/themes/SEC/font/MyriadPro-Bold_0.otf') format('woff2'), /* Super Modern Browsers */
             url('/wp-content/themes/SEC/font/MyriadPro-Bold_0.otf') format('woff'), /* Pretty Modern Browsers */
             url('/wp-content/themes/SEC/font/MyriadPro-Bold_0.otf')  format('truetype'), /* Safari, Android, iOS */
      }
    
    * {
        margin:0;
        padding:0;
        font-size: 10px;
        font-size: 100%;
        /*font-family: MyriadPro;*/
        font-family: "myriad-pro", Arial;
        font-weight: 400;
    }
    
    /*temp*/
    .temptext{
        width:100%;
        line-height: 29px;
        text-align: center;
        height: 29px;
        z-index:6516546546546;
        border-bottom: 1px dashed #ccc;
        position:fixed;
        background-color: #fff;
    }
    
    

    body, html {
        background:#fff;
        color:#000;
        font-size:10pt;
        margin-top:0px !important;
        width: 100%;
        font-family: "myriad-pro", Arial;
    }
    .spacer{
        padding-top:100px;
    }
    #wrapper {
        width:80%;
        height:auto;
        margin:0 auto;
        padding-top: 9vw;
    }
    #wrapper2 {
        width:80%;
        /*height:auto;*/
        margin:0 auto;
        padding-top: 4vw;
        min-height: 16vw;
    }
    #wrapperNews {
        width:80%;
        /*height:auto;*/
        margin:0 auto;
        padding-top: 2vw;
        min-height: 16vw;
    }
    #wrapper4 {
        width:80%;
        /*height:auto;*/
        margin:0 auto;
        padding-top: 4vw;
    }
    #wrapper3 {
        width:80%;
        /*height:auto;*/
        margin:0 auto;
        padding-top: 8vw;
    }
    h1{
        font-weight: 600;  
        font-size: 5vw;
    }
    h2{
        font-weight: 600;  
        font-size: 3vw;    
    }

    
    .formblock h2{
        font-weight: 600;  
        font-size: 2.8vw;
    }
    h3{
        font-size: 4vw;        
    }
    h4{
        font-size: 1vw;        
    }
    h5{
        font-size: 2vw;        
    }
    h6{
        margin-top:2vw;
        font-size: 2vw;  
        font-weight:600;
    }

    #header {
    }
    #nav {
        width:100%;
        height:100px;
        text-align:center;
        box-shadow: 0px 2px 5px #595959;
        white-space: nowrap;
        position: fixed;
        background-color: #fff;
        z-index: 999999999;
        }
        .leftNav, .rightNav{
            width:43%;
            height: 100%;
            float: left;
            
        }
        .logoDiv{
            position:relative;
            width:14%;
            float: left;
            text-align: center;
            height: 100%;
            vertical-align: middle;
            }
            .logoDiv img{
                width: 80%;
                position:absolute;
                top:50%;
                left:50%;
                margin-top:-14%;
                bottom:0;
                margin-left:-40%;
                height: auto;
                border: none;
            }
        #nav .leftNav ul{
            width: 100%;
            height: 1em;
            font-size: 1vw;
            list-style: none;
            position:relative;
            top:50%;
            margin-top: -0.5em;
            } 
        .menu-main-menu-container{
            float:left;
            height: 100%;
            /*width:83%;*/
        }
        #nav .rightNav ul{
            height: 1em;
            font-size: 1vw;
            list-style: none;
            position:relative;
            top:50%;
            margin-top: -0.5em;
            float: right;
            }
            #nav .leftNav ul li, 
            #nav .rightNav ul li{
               float:left; 
               padding: 0 12px;
            }
            #nav .leftNav ul li a:link, #nav .leftNav ul li a:visited, 
            #nav .rightNav ul li a:link, #nav .rightNav ul li a:visited{
/*                font-family: MyriadPro;*/
        font-family: "myriad-pro", Arial;
                font-weight: 400;
                text-decoration:none;
                color:#595959;   
                }
                #nav .leftNav ul li a:hover,
                #nav .rightNav ul li a:hover{
                    color:rgb(219,0,26);   
                }
                #nav .leftNav ul li.current_page_item,
                #nav .rightNav ul li.current_page_item{
                    color: rgb(219,0,26);
                }
                #nav .leftNav ul li.current_page_item .fa,
                #nav .rightNav ul li.current_page_item .fa{
                    /*margin-right:0.5vw;*/
                }
                #nav .leftNav ul li.current_page_item a:link, #nav .leftNav ul li.current_page_item a:visited,
                #nav .rightNav ul li.current_page_item a:link, #nav .rightNav ul li.current_page_item a:visited{
                    color:rgb(219,0,26);                    
                }
                #nav .leftNav ul li.current_page_item a:hover,
                #nav .rightNav ul li.current_page_item a:hover{
                    color:#009cee;
                }
            #nav .leftNav ul li.iconStyle{
                font-size: 150%;
                margin-top:-0.25em;
                padding-left: 2.5vw;
                z-index: 165113154;
                position:relative;
            }
            .menu-topmenu-container{
                position:relative;
                z-index: 1651365;
            }
        #nav .rightNav{
            height: 1em;
            font-size: 100%;
            list-style: none;
            position:relative;
            top:50%;
            margin-top: -0.5em;
        }
        #nav .rightNav ul{
            list-style:none;
            }
            #nav .rightNav ul li{
                
            }
            #nav .rightNav ul li ul{
                display:none;
            }
            #nav .rightNav ul:hover li ul{
                display: block;
            }
        .web-language-choice{
            width: 1.3vw;
            height: 1.3vw;
            background-color: #ffffff;
            border-radius: 1vw;
            border: 2px solid #fff;
            box-shadow: 0px 1px 3px #595959;
            background-position: center center;
            background-size: auto 100%;
            background-repeat: no-repeat;
            margin-top: -0.3vw;
            float: right;
                margin-right: 50px;
        }
        .web-language-choice:hover{
            cursor: pointer;
            box-shadow: 0px 1px 3px #009cee;
        }
        #web-language-switcher{
            position: fixed;
            background-color: #fff;
            width: 25%;
            min-height: 4vw;
            z-index: 104654165;
            top:calc(100px - 4vw);
            right:0;
        }
        #select-country, #select-language{
            float: left;
            width: 40%;
            background-color: #fff; 
            border:1px solid #fff;
            margin-top:1vw;
            margin-left:5%;
        }
        #select-country div, #select-language div{
            display:none;
            padding-left: 10%;
            width: 90%;
            background-color: #fff;
            height: 2vw;
            line-height: 2vw;
            font-size:1vw;
            }            
            #select-country div span, #select-language div span{
                font-size:1.3vw;
                margin-top:0.2vw;
                margin-right: 10%;
            }
            #select-country div.country-active, #select-language div.country-active{            
                display:block;
            }
            #select-country div:hover, #select-language div:hover{
                color:#ff0000;
                cursor: pointer;
            }
            .caretDropdown{
                float: right;
                margin-top:0.5vw;
                margin-right: 1vw;
            }
    #sidebar {
    }
    #header-images{
        width: 100%;
        position: relative;
        height: 30vw;
            overflow: hidden;
        }
        #header-images .leftImage{
            position: relative;
            width: 50%;
            padding-bottom: 33%;
            float: left;
            height: 0;
            overflow: hidden;
            }
            #header-images .leftImage img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                z-index: 15424;
            }            
            #header-images .leftBox{
                position: absolute;
                bottom: 6.5%;
                right:0.9vw;
                width: 100%;
                height: 5%;
                transform: skew(65deg);
                -ms-transform: skew(65deg);
                -webkit-transform:  skew(65deg);
                -moz-transform:     skew(65deg);
                -o-transform:       skew(65deg);
                background-color: #222222;
                z-index: 15426;
            }
        #header-images .rightImage{
            position: relative;
            width: 50%;
            padding-bottom: 33%;
            float: left;
            height: 0;
                overflow: hidden;
            }
            #header-images .rightImage img{
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                z-index: 15424;
            }           
            #header-images .rightBox{
                position: absolute;
                bottom: 6.5%;
                left:0.9vw;
                width: 100%;
                height: 5%;
                transform: skew(-65deg);
                -ms-transform: skew(-65deg);
                -webkit-transform:  skew(-65deg);
                -moz-transform:     skew(-65deg);
                -o-transform:       skew(-65deg);
                background-color: #fff;
                z-index: 15426;
            }  
            
            
            
            
    
    #header-texts{
        width: 100%;
        background-color: #ff0000;
        clear: both;
        height: 20vw;
        z-index: 21647;
        position: relative;
        box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
        }
        #header-texts .leftText{
            width: 50%;
            background-color: #222222;
            float: left;
            height: 100%;
        }
        
        #header-texts .rightText{
            width: 50%;
            background-color: #fff;
            float: left;
            height: 100%;
        }
        .triangleBox{
            width:100%;
            height: 1.8vw;
            overflow: hidden;
            z-index: 9999999;
            position: relative;
        }
        .triangleBox2{
            width:100%;
            height: 1.8vw;
            overflow: hidden;
            z-index: 9999999;
            position: relative;
        }
        .triangleBoxLeft{
            height: 100%;
            width:50%;
            overflow: hidden;
            position:relative;
            float: left;
            z-index: 1534554;
        }
        .triangleBoxRight{
            height: 100%;
            width:50%;
            overflow: hidden;
            position:relative;
            float: right;
        }
        .triangleBoxRightBox{
            width: 150px;
            height: 3vw;
            right:47vw;
            bottom: 0;
            position:absolute;
            transform: skew(-65deg);
            -ms-transform: skew(-65deg);
            -webkit-transform:  skew(-65deg);
            -moz-transform:     skew(-65deg);
            -o-transform:       skew(-65deg);
        }
        .triangleBoxLeftBox{
            width: 150px;
            height: 3vw;
            left:47vw;
            bottom: 0px;
            position:absolute;
            transform: skew(65deg);
            -ms-transform: skew(65deg);
            -webkit-transform:  skew(65deg);
            -moz-transform:     skew(65deg);
            -o-transform:       skew(65deg);
        }
        article.leftArticle{
            width:calc(80% - 3vw);
            float: right;
            color: #fff;
            margin-right: 3vw;            
        }
        article.rightArticle{
            width:calc(80% - 3vw);
            float: left;
            color: #222;
            margin-left: 3vw;            
        }
        article h2{
            margin: 2vw 0vw;
        }
        article p{
            line-height: 250%;
            font-size: 0.85vw;
            font-weight: 400;
            text-align: justify;
            
        }
   
        
.darkBack{
    background-color: #222222;
}
.midGreyBack{
    background-color: #cccccc;
}
.whiteBack{
    background-color: #ffffff;
}
.redBack{
    background-color: rgb(219,0,26);
}
.boxShadowLighter{
    box-shadow: 0px 3px 3px #444444;    
}
.boxShadowDarker{
    box-shadow: -0px -3px 3px #222222;  
}
          
#block-quote{
    width: 100%;
    height: 14.8vw;
    background-color: #ccc;
    margin-top: -1.8vw;
    text-align: center;
    padding-top:7vw;
}    

section.home-main-section p{
    margin-top: 2vw;
    margin-bottom: 4vw;
    text-align: justify;
    line-height: 2.8vw;
    font-size: 1.3vw;
    color: #b2b2b2;
    font-weight: 400;
}


section.home-main-section, section.home-tree-blocks{
    width: 100%;
    display: block;
}
section.home-main-section{
    height: 21vw;    
}
section.home-tree-blocks{
    height: 28vw;
}
#vacatures-vacature-block section.home-tree-blocks{
    height: 25vw !important;
}
section.home-tree-blocks article{
    width: 30%;
    float: left;
    margin-right: 5%;
}  
section.home-tree-blocks article:last-child{
    margin-right: 0%;  
}
section.home-tree-blocks article h2{
    text-align: center;
}
section.home-tree-blocks article figure{
    text-align: center;
    font-size: 5vw;
}
section.home-tree-blocks article figure img{
    width:30%;
    height: 30%;
}
section.home-tree-blocks article p{
    font-size: 0.9vw;
    color: #595959;
}


section.home-two-blocks{
    width: 100%;
    display: block;
    margin: 0 auto;
}
section.home-two-blocks{
    height: 28vw;
}
section.home-two-blocks article{
    width: 45%;
    float: left;
    margin-right: 10%;
}  
section.home-two-blocks article:last-child{
    margin-right: 0%;  
}
section.home-two-blocks article h2{
    text-align: center;
}
section.home-two-blocks article figure{
    text-align: center;
    font-size: 5vw;
}
section.home-two-blocks article figure img{
    width:20%;
    height: 20%;
}
section.home-two-blocks article p{
    font-size: 0.9vw;
    color: #595959;
}


section.home-one-blocks{
    width: 40%;
    display: block;
    margin: 0 auto;
}
section.home-one-blocks{
    height: 28vw;
}
section.home-one-blocks article{
    width: 95%;
    float: left;
    margin-right: 5%;
}  
section.home-one-blocks article:last-child{
    margin-right: 0%;  
}
section.home-one-blocks article h2{
    text-align: center;
}
section.home-one-blocks article figure{
    text-align: center;
    font-size: 5vw;
}
section.home-one-blocks article figure img{
    width:30%;
    height: 30%;
}
section.home-one-blocks article p{
    font-size: 0.9vw;
    color: #595959;
}








section.home-four-blocks{
    width: 100%;
    display: block;
}
section.home-four-blocks{
    height: 28vw;
}
#vacatures-vacature-block section.home-four-blocks{
    height: 25vw !important;
}

section.home-four-blocks article:first-child{
    /*margin-right: 5%;*/
}
section.home-four-blocks article{
    width: 45%;
    float: left;
    margin-bottom:5%;
}  
section.home-four-blocks article.artnum1, section.home-four-blocks article.artnum3{
    margin-right:10%;
}
section.home-four-blocks article:last-child{
    margin-right: 0%;  
}
section.home-four-blocks article h2{
    text-align: center;
}
section.home-four-blocks article figure{
    text-align: center;
    font-size: 5vw;
}
section.home-four-blocks article figure img{
    width:30%;
    height: 30%;
}
section.home-four-blocks article p{
    font-size: 0.9vw;
    color: #595959;
}

















#home-wideimage{
    margin-top: 2vw;
    width:100%;
    height: 41vw;
    background-color: rgb(219,0,26);
    text-align: center;
    overflow: hidden;
    position: relative;
    }
    #home-wideimage img {
        margin-top: -3.5vw;
        width: 100%;
        height: auto;
        z-index: 21651;
    }
    
    
        .triangleBoxonimg{
            width:100%;
            height: 1.8vw;
            z-index: 216514;
            position:absolute;
            bottom: -1px;
            }
            .triangleBoxonimg .triangleBoxLeft{
                height: 100%;
                width:50%;
                overflow: hidden;
                position:relative;
                float: left;
                z-index: 1534554;
                }
                .triangleBoxonimg .triangleBoxRight .rightBox{
                    position: absolute;
                    left:1vw;
                    width: 150%;
                    height: 100%;
                transform: skew(-65deg);
                -ms-transform: skew(-65deg);
                    -webkit-transform:  skew(-65deg);
                    -moz-transform:     skew(-65deg);
                    -o-transform:       skew(-65deg);
                    background-color: #fff;
                    z-index: 15426;
                }  
            .triangleBoxonimg .triangleBoxRight{
                height: 100%;
                width:50%;
                overflow: hidden;
                position:relative;
                float: right;
                z-index: 1534554;
                }
                .triangleBoxonimg .triangleBoxLeft .leftBox{
                    position: absolute;
                    right:1vw;
                    width: 150%;
                    height: 100%;
                transform: skew(65deg);
                -ms-transform: skew(65deg);
                    -webkit-transform:  skew(65deg);
                    -moz-transform:     skew(65deg);
                    -o-transform:       skew(65deg);
                    background-color: #fff;
                    z-index: 15426;
                }
                .link-contact-middle{
                    margin-top: 2vw;
                    width:100%;
                    text-align: center;
                }
                a.home-center-button:link, a.home-center-button:visited{
                    color:rgb(219,0,26);
                    font-size: 1vw;
                    padding: 0.7vw 2vw;
                    border: 2px solid rgb(219,0,26);
                    text-decoration: none;
                    display:inline-block;
                    margin-bottom: 20px;
                }
                a.home-center-button:active, a.home-center-button:hover{
                    color: #a0a0a0;
                    border-color: #a0a0a0;
                }
#home-vacature-block{
    width:80%;
    height: 17vw;
    background-color: rgb(219,0,26);
    padding: 4vw 10%;
    }
    #home-vacature-block *{
        color: #fff;
    }
    #home-vacature-block h1{
        margin-bottom: 1vw;
    }
    #home-vacature-block h5{
        margin-bottom: 3vw;
    }
    a.white-link:link, a.white-link:visited{
        font-size: 1vw;
        padding: 0.7vw 2vw;
        border: 2px solid #fff;
        text-decoration: none;        
        }
        a.white-link:active, a.white-link:hover{
            color: #222 !important;
            border-color:#222;
        }
#map-canvas{
    width:100%;
    height: 45vw;
    background-color: #c3c3c3;
    z-index: 1564;
}             
#maps-position{
    position:relative;
    margin-top: -1.8vw;
}               
.errormes{
    color:#ff0000;
}
.ninja-forms-required-items{
display: none !important;
}

[id^="fscf_required"], .ninja-forms-response-msg{
    display: none !important;
}
[id^="fscf_captcha_image"]{
    clear: both;
    float: left;
    margin-top:0.5vw;
    
}
[id^="fscf_captcha_image"] img{
    margin:0 !important;
    border:2px solid #fff;
    box-shadow: 0px 2px 5px #595959;
    background-color: #fff;
}
[id^="fscf_captcha_field"]{
    float:left;
}
.fscf-div-field{
    float:right;
}
.fscf-input-captcha{
    width:15vw !important;
}
                
.formblock{
    margin-top:4vw;
    margin-left: 10%;
    z-index: 156464;
   position:absolute;
} 
.formblock h2{
    margin-bottom: 1vw;
    color:#222222;
}
.formblock input{
    width:25vw !important;
    font-size:1vw;
    color: #222;
    padding: 1vw;
    /*font-family: MyriadPro !important;*/
        font-family: "myriad-pro", Arial !important;
    border: 2px solid #fff !important;
    box-shadow: 0px 2px 5px #595959;
    margin:0 !important;
    margin-top:0.5vw;
    font-weight: 300 !important;
}
.ninja-forms-req-symbol{
    display:none !important;
}
.formblock input:hover{
    border-color:rgb(219,0,26);
}
.formblock input:focus{
    border-color:rgb(219,0,26) !important;
    box-shadow: none !important;
}
.formblock label{
    display: none !important;
}
.formblock ul{
    list-style: none !important;
}
.ninja-forms-field-error{
    width:11vw;
    color:#ff0000 !important;
    text-align: left;
    font-size:0.9vw;
}
.ninja-forms-success-msg{
    color:#222;
    width:100%;
    height: 10vw;
    display:block !important;
    
}
.ninja-forms-success-msg p{
    font-size:1.6vw;
    color:#ccc;
    line-height:3vw;
}
                
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
 color:    #ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #ccc;
opacity:  1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #ccc;
opacity:  1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */
color:    #ccc !important;
}             
.formblock input[type="submit"], .formblock button{
    background-color: rgb(219,0,26) !important;
    border:none !important;
    color:#fff;
    width:12vw !important;
    
    float: right;
    padding: 1vw;
}
.formblock input[type="submit"]:hover, .formblock input[type="submit"]:active,  .formblock button:hover,  .formblock button:active{
    background-color: #222 !important;
    cursor: pointer;
}
.formblock textarea{
    width:25vw !important;
    font-size:1vw;
    color: #222;
    padding: 1vw;
    /*font-family: MyriadPro;*/
        font-family: "myriad-pro", Arial;
    border: 2px solid #fff;
    box-shadow: 0px 2px 5px #595959;
    margin:0 !important;
    margin-top:1vw;
    resize: none;
    height: 6vw !important;
    font-weight: 300 !important;
    
}
.formblock textarea:focus{
    border-color:rgb(219,0,26) !important;
    box-shadow: none !important;
}
fieldset{
    border:none !important;
}
fieldset h3{
    display:none !important;
}
                
                
                
                
                
                
                
                
                
                
                
                
                
table *{
    border:none !important;
}                

                
                
                
                
footer{
    width:80%;
    height: 12vw;
    background-color: #222;
    color: #fff;
    padding: 4vw 10%;
}
.imprint-title{
    padding-left: 8px;
    font-size: 1vw;
}

#extra-footer{
    width:80%;
    background-color: #222;
    color: #fff;
    padding: 1vw 10%;   
    line-height: 2vw;
    font-size: 1vw;
    border-top:1px dashed #ccc;
}

#extra-footer b{
    font-weight: 600;
}

footer table{
    margin-top: 2vw;
}
footer table *{
    font-size: 1vw;
}
footer table td.column-1{
    width:20%;
}
footer table caption{
    display:none;
}
footer h5{
    padding-left:8px;
}                
footer a:link, footer a:visited{
    color:#fff;
    text-decoration: none;
}
footer a:active, footer a:hover{
    color:rgb(219,0,26);
}


.service-table{
    margin-top: 4vw;
    margin-bottom: 6vw !important;
    }
    .service-table h5{
        font-weight: 600;
    }
    .service-table caption{
        display:none;
    }
    .service-table .column-1, .service-table .column-3, .service-table .column-5{
        width:30%;
        text-align: center;
        }
        .service-table .column-1 section, .service-table .column-3 section, .service-table .column-5 section{
            text-align: left;
            display: inline-block;
            width:auto;
            margin: 0 auto;
        }
        .service-table .column-1 span, .service-table .column-3 span, .service-table .column-5 span,
        .servicePage span, .servicePage span, .servicePage span{
            font-size: 3.5vw;
            margin-bottom: 1vw;
        }
    .service-table .column-2, .service-table .column-4{
        width:5%;
    }
    .service-table a:link, .service-table a:visited, 
    .servicePage a:link, .servicePage a:visited{
        line-height: 2vw;
        font-size: 1.2vw;
        text-decoration: none;
        color: #222; 
        display: inline-block;
        }
        .service-table .column-1 a span, .service-table .column-3 a span, .service-table .column-5 a span, 
        .servicePage a span, .servicePage a span, .servicePage a span{
            margin-right: 0.5vw;
            color: rgb(219,0,26);
            font-size: 1.5vw;
            height: 100%;
            line-height: 2vw;
        }
        .service-table a:active, .service-table a:hover,
        .servicePage a:active, .servicePage a:hover{
            color: rgb(219,0,26);
        }
#contentPopupMaps{
    padding:1vw;
    }
    #contentPopupMaps a:link, #contentPopupMaps a:visited{
        color:rgb(219,0,26);
        text-decoration: none;
        }
        #contentPopupMaps a:active, #contentPopupMaps a:hover{
            text-decoration: underline;
        }
section.vacature-top-section{
    margin-bottom: 6vw;
    }
    section.vacature-top-section p{
        margin-top: 2vw;
        margin-bottom: 6vw;
        text-align: justify;
        line-height: 2.8vw;
        font-size: 1.3vw;
        color: #b2b2b2;
        font-weight: 400;    
    }
    section.vacature-top-section a{
        margin-right: 2vw;
    }

#vacatures-vacature-block{
    width:80%;
    /*height: 21vw;*/
    background-color: rgb(219,0,26);
    padding: 4vw 10%;
    }
    #vacatures-vacature-block *{
        color: #fff;
    }

 
    .vacature-selected-you{
        margin: 4vw 0vw;
        clear:both;
        display: block;
        height: auto;
    }    
.vacature-selected-you .left, .vacature-selected-us .left{
    width:50%;
    float:left;
    padding-right:10%;
}

.vacature-selected-you .right, .vacature-selected-us .right{
    width:40%;
    float:left;
}

.vacature-selected-you .right section div{
    text-align: left !important;    
}

.vacature-selected-us{
    width:100%;
}


        
#over-scholt-block{
    width: 100%;
    background-color: #ccc;
    display: block;
    clear: both;
    margin-top: 4vw;
    padding-bottom: 6vw;
}    
.vacature-selected-you h2, .vacature-selected-us h2{
    margin-bottom: 1vw;
    font-weight: 600;  
    font-size: 2.5vw;
}
   
.vacature-selected-you .left section, .vacature-selected-us .left section{
    line-height: 1.7vw;
        font-family: "myriad-pro", Arial;
    font-size: 1vw;
    }
    .vacature-selected-you section{
        color:#a0a0a0;
    }
    .vacature-selected-us section{
        color:#757575;
    }
 
   
.vacature-selected-you .right section, .vacature-selected-us .right section{
    line-height: 2.5vw;
        font-family: "myriad-pro", Arial;
    font-size: 1.2vw;
}
.right section{
    padding-left: 2.4vw;
    text-align: justify;
}



.fa-arrow-right{
    color: rgb(219,0,26);
    font-size: 2vw !important;
    margin-right: 1vw;
    margin-left: 0vw;
    margin-bottom: 0vw  !important;
}

.right span.fa-arrow-right{
    color: rgb(219,0,26);
    font-size: 1.6vw !important;
    margin-right: 1vw !important;
    margin-left: -2.4vw !important;
}

.vacatureform{
    }
    .vacatureform label{
        display: none !important;
    }
    .vacatureform h2{
        margin-bottom: 1vw;
        color:#222222;
    }
    .vacatureform .vacatureinput{
        width:50% !important;
        font-size:1vw;
        color: #222;
        padding: 1vw;
        /*font-family: MyriadPro !important;*/
        font-family: "myriad-pro", Arial !important;
        border: 2px solid #fff !important;
        box-shadow: 0px 2px 5px #595959;
        margin:0 !important;
        margin-top:0.5vw;
        font-weight: 300 !important;
        }        
        .vacatureform .vacatureinput-onequart{
            width:100% !important;
            font-size:1vw;
            color: #222;
            padding: 1vw;
            /*font-family: MyriadPro !important;*/
        font-family: "myriad-pro", Arial !important;
            border: 2px solid #fff !important;
            box-shadow: 0px 2px 5px #595959;
            margin:0 !important;
            margin-top:0.5vw;
            font-weight: 300 !important;
        }
        .vacatureform .vacatureinput-threequart{
            width:100% !important;
            font-size:1vw;
            color: #222;
            padding: 1vw;
            /*font-family: MyriadPro !important;*/
        font-family: "myriad-pro", Arial !important;
            border: 2px solid #fff !important;
            box-shadow: 0px 2px 5px #595959;
            margin:0 !important;
            margin-top:0.5vw;
            font-weight: 300 !important;
        }
        .ninja-forms-field :disbaled{            
            color: #eee !important;
        }
        .threequart-left-wrap, .threequart-right-wrap{
            float:left;
            width:35% !important;            
        }
        .threequart-left-wrap, .onequart-left-wrap{
            margin-right:5%;
        }
        .onequart-right-wrap, .onequart-left-wrap{
            float:left;
            width:10% !important;          
        }      
        .vacatureform .vacatureinput-twoquart{
            width:100% !important;
            font-size:1vw;
            color: #222;
            padding: 1vw;
            /*font-family: MyriadPro !important;*/
        font-family: "myriad-pro", Arial !important;
            border: 2px solid #fff !important;
            box-shadow: 0px 2px 5px #595959;
            margin:0 !important;
            margin-top:0.5vw;
            font-weight: 300 !important;
        }  
        
        
        
        
        
.custom-file-input-wrap-wrap{
    width:50%;
    position:relative;
    margin-top:2vw;
}      
        
.custom-file-input-wrap-wrap label{
            font-size:1vw;
        font-family: "myriad-pro", Arial !important;
            font-weight: 400 !important;
            padding:1vw 1vw 1vw 1vw;
            color:#ccc;
            display: block;
            box-shadow: 0px 2px 5px #595959;
            width:100%;
}   

.custom-file-input-wrap-wrap label:hover{
  background: rgb(219,0,26);
  cursor: pointer;
  color:white;
    
}
.input-field-text{
    width:100%;
    background-color:#fff000;
    width:50px;
  padding: 1vw 2vw;
  display:block;
  clear:both;
}   
.input-field-text p{
    width:100%;
}
        
 .custom-file-input::-webkit-file-upload-button{
  visibility: hidden;
}
 .custom-file-input::-webkit-file-upload-text {
}
.custom-file-input::before {
  content:"Select";
  display: block;
  color:#fff;
  background: rgb(219,0,26);
  border: 0px solid #999;
  border-radius: 0px;
  height:100%;
  padding: 0.8vw 2vw 0vw 2vw;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 1vw;
  position:absolute;
  right:0;
  top:0;
  border-top:5px solid rgb(219,0,26);
  border-bottom:5px solid rgb(219,0,26);
        font-family: "myriad-pro", Arial;
        float:right;
    font-weight: 600 !important;
    z-index:164155411;
}
.custom-file-input:hover::before {
  border-color: #222;
  background: #222;
}
.custom-file-input:active::after {
  border-color: #222;
  background: #222;
}
   input[type='file'] {
       text-align: left;
       width:78% !important;
       padding:1vw 0vw 1vw 1vw;
        border: 2px solid #fff !important;
        box-shadow: 0px 2px 5px #595959;
        color:#ccc;
        font-size:1vw;
    font-weight: 300 !important;
  /*color: transparent;*/
  
}     
    
input.custom-file-input{
    display:none;
}
        
        
        
        
        
        
        
        
        
        
        
        .twoquart-right-wrap{
            float:left;
            width:20% !important;              
        }
        
        
        
        .clearboth-wrap{
            clear:both;
        }
        .overwrite-label-view-wrap label{
            display:inline-block !important;
        }
        .datepickericon{
            right:1vw;
            margin-right:50%;
            position:absolute;
            margin-top:1.1vw;
            font-size:1.3vw !important;
        }
        .birthday-label{
            float:left;
            padding: 1vw;
            font-size:1vw;
        font-family: "myriad-pro", Arial !important;
            font-weight: 300 !important;
            width:15%;
            text-align:right;
            border:2px solid #fff;
            
            
        }
        .license-label{
            padding: 1vw;
            font-size:1vw;
        font-family: "myriad-pro", Arial !important;
            font-weight: 300 !important;
            width:15%;
            border:2px solid #fff;
            float:left;
            
            
        }
        .vacatureform hr{
            display:block;
            clear:both;
            float:none;
            background-color: none;
            border:none;
        }
.vacatureform textarea{
    width:50% !important;
    font-size:1vw;
    color: #222;
    padding: 1vw;
    /*font-family: MyriadPro;*/
        font-family: "myriad-pro", Arial;
    border: 2px solid #fff;
    box-shadow: 0px 2px 5px #595959;
    margin:0 !important;
    margin-top:1vw;
    resize: none;
    height: 15vw !important;
    font-weight: 300 !important;
    
}
.vacature-buttom-form-wrap{
    width:50%;
}
.g_recaptcha-wrap{
    margin-top:4vw;
}
  .vacatureform input[type="submit"], .vacatureform button{
    background-color: rgb(219,0,26) !important;
    border:none !important;
    color:#fff;
    width:12vw !important;
    margin-top:4.5vw;
    float:right;
    padding: 1vw;
}
.vacatureform input[type="submit"]:hover, .vacatureform input[type="submit"]:active,  .vacatureform button:hover,  .vacatureform button:active{
    background-color: #222 !important;
    cursor: pointer;
} 
    .vacatureform input:hover{
        border-color:rgb(219,0,26);
    }
    .vacatureform input:focus{
        border-color:rgb(219,0,26) !important;
        box-shadow: none !important;
    }
    
    .vacatureform h2{
        float: none;
        clear: both;
        display: block;
    }


    
    
    
    
    
  #containergraphs{
                position:relative;
                width:80%;
                margin:2vw auto 2vw;
                z-index: 999999998;
        font-family: "myriad-pro", Arial !important;
            }
            .formrow{ 
                width:80%;
                margin:2vw auto 0vw;
                height: 50px;
            }
            #graphForm{
                float: left;
            }
            #graphForm select{
                height:3.5vw;
                border:none;
                box-shadow: 0px 2px 5px #cccccc;
                border: 1px solid #fff;
                padding-left: 10px;
                width:15vw;
                color:#595959;
                font-size:1vw;
                margin-right:20px;
        font-family: "myriad-pro", Arial !important;
            }
            #graphForm select option{
        font-family: "myriad-pro", Arial !important;
            }
            #graphForm select:hover, #graphForm select:active{
                border: 1px solid #28B4E4;
                cursor: pointer;
            }
            #graphForm #submitButton{
                height:3.5vw;
                border:none;
                background-color: rgb(219,0,26);
                text-align: center;
                padding: 0px 2vw;
                color: #fff;
                font-size:1vw;
                box-shadow: 0px 2px 5px #cccccc;
                margin-right:20px;
            }
            #graphForm #submitButton:hover{
                background-color: #28B4E4;
                cursor: pointer;
            }
            #export2pdf{
                border:none;
                background-color: none;
                background: transparent;
                float: left;
                display: block;
                line-height: 50px;
                height: 3.5vw;
                font-size: 1vw;
                color:rgb(219,0,26);
                padding: 0 30px;
            }
            #export2pdf span{
                font-size: 1.5vw;
                margin-right: 10px;
            }
            #export2pdf:hover{
                color: #595959;
                text-decoration: underline;
                cursor: pointer;
            }
            ul.topLegend{
                height:50px;
                display: block;
                position: absolute;
                z-index: 651416354;
                padding-left: 78px;
                padding-top:20px;
            }
            ul.topLegend li{
                height: 50px;  
                display: block;
                float: left;
                margin-right:1px;
                text-align: center;
        font-family: "myriad-pro", Arial;
                color:#222222;
                font-weight: bold;
                font-size: 1vw;
                
            }
            .yearnumber{
                display:none;
            }
            
            .watermark{
                color:#cccccc !important;
                display:block;
                opacity: 0.4;
                filter: alpha(opacity=40);
                position:relative;
                margin-top:20px;
                font-size: 7vw !important;
        font-family: "myriad-pro", Arial !important;
            }
            .highcharts-export-menu { z-index: 511363000 !important; }  
    
    
    
    #world-main-image{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        top: 12vw;
        overflow: hidden;
        }
        #world-main-image p{
            width:200%;
            height: 100%;
            margin-left:-50%;
        }        
        #world-main-image p img{
            width:50%;
            height:auto;
            display:block;
            margin:auto;
        }
    
    #world-nav {
        width:100%;
        height:12vw;
        text-align:center;
        white-space: nowrap;
        position: fixed;
        background-color: #fff;
        z-index: 999999999;
        }
        #world-nav .logoDiv{
            width:16%;
            height: 58%;
            float: none !important;
            margin: 0 auto;
        }
        #world-nav .logoDiv img{
            height:auto;
            margin-top:-14%;
        }
    #world-nav .menu-item-language-current{
        display:none;
    }
    .world-nav-menu{
        width: 50%;
        margin:0 auto;
            padding:1px 0px;
        
        
        //background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left,  #ffffff 0%, #cecece 50%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#cecece), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #ffffff 0%,#cecece 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #ffffff 0%,#cecece 50%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #ffffff 0%,#cecece 50%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to right,  #ffffff 0%,#cecece 50%,#ffffff 100%); /* W3C */
        //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
filter:none;

        
        
    }
    #world-nav ul{
        background-color: #fff;
        padding: 0.4vw 0vw;
        }
        #world-nav ul li{
            display: inline-block; 
            }
            #world-nav ul li a:link, #world-nav ul li a:visited{
        font-family: "myriad-pro", Arial;
                font-size: 1vw;
                text-transform: uppercase;
                text-decoration: none;
                color:#999; 
                font-weight: 400;
                width: 10vw;
                text-align: center;
                display: inline-block;
                position:relative;
            }
            
            #world-nav ul li a:hover, #world-nav ul li a:active{
                color:rgb(219,0,26);
            }
            #world-nav ul li a:hover:after, #world-nav ul li a:active:after{ 
                color:rgb(219,0,26);               
                content: "";
                display: block;
                border: 0.4vw solid transparent;
                border-bottom-color: rgb(219,0,26);
                position: absolute;
                bottom: -0.8vw;
                left: 50%;
                margin-left: -0.4vw;
            }
            
    .world-main-content{
        width:34%;
        height:10vw;
        color:#fff;
        position:absolute;
        z-index: 635110136;
        top:39vw;
        left:5vw;
        font-size: 1.55vw;
        text-shadow: 0vw 0.5vw 1vw #000;
        font-family: "myriad-pro", Arial;
        }
        .world-main-content h2{
            margin-bottom:0.5vw;
        font-family: "myriad-pro", Arial;
            font-weight: 400;
            font-size: 3.3vw;
        }
        .menu-item-language{
            display:none;
        }
    
    
        #wrapper3 h5{
            color: #b2b2b2;
        }
    
        .margetopbottom{
            margin-top:2vw;
            margin-bottom:4vw !important;
        }
    
        table.gianttable{
        font-family: "myriad-pro", Arial;
            font-size: 1vw;
            color: #595959;
            }
            table.gianttable tr td strong{
                font-weight: 600;
                font-size: 1.2vw;
                color: #222;
            }
            table.gianttable tr td em{
                color:#bbbbbb;
            }
            table.gianttable tr td h2{
                color: #222;
            }
            table.gianttable caption{
                display:none;
            }
            .servicePage #post p{
                font-size: 1vw;
                line-height: 2vw;
                margin:2vw 0vw;
            }
            .servicePage #post div .content-column{
                clear:both;
                display:block;
            }
.block-newsletter{
    margin-top:3vw;
    }
    .block-newsletter .list-dropdown-wrap label,
    .block-newsletter .text-wrap label{
        display:none !important;
    }        
    .block-newsletter .text-wrap input{
        width:25vw !important;
        font-size:1vw;
        color: #222;
        padding: 1vw;
        /*font-family: MyriadPro !important;*/
        font-family: "myriad-pro", Arial !important;
        border: 2px solid #fff !important;
        box-shadow: 0px 2px 5px #595959;
        margin:0 !important;
        margin-top:0.5vw;
        font-weight: 300 !important;
        }
        .block-newsletter .text-wrap input:hover{
            border-color:rgb(219,0,26);
        }
        .block-newsletter .text-wrap input:focus{
            border-color:rgb(219,0,26) !important;
            box-shadow: none !important;
        }
    .block-newsletter select{
        width:31.7% !important;
        font-size:1vw;
        color: #222;
        padding: 1vw;
        /*font-family: MyriadPro !important;*/
        font-family: "myriad-pro", Arial; !important;
        border: 2px solid #fff !important;
        box-shadow: 0px 2px 5px #595959;
        margin:0 !important;
        margin-top:0.5vw;
        font-weight: 300 !important;
    }
    .block-newsletter input[type="submit"], .block-newsletter button{
        background-color: rgb(219,0,26) !important;
        border:none !important;
        color:#fff;
        font-size: 1vw;
        padding: 1vw;
        }
        .block-newsletter input[type="submit"] span, .block-newsletter button span{
            font-size: 1vw;
        }
    .block-newsletter input[type="submit"]:hover, .block-newsletter input[type="submit"]:active,
    .block-newsletter button:hover,  .block-newsletter button:active{
        background-color: #222 !important;
        cursor: pointer;
    }
            
    .loading-all{
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        display:block;
        z-index: 999999999999;
        opacity: 0.8;
        display:none;
           
    }
    .loading-all img{
        position:relative;
        left:50%;
        top:50%;
        margin-top:-31px;
        margin-left:-31px;
    }
    
    .ninja-forms-processing{
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        display:block;
        z-index: 999999999999;
        opacity: 0.8;
        display:none;
        
    }
    .myiframe{
        width:100%;
        border:none;
        min-height: 300px;
        
    }
    .myPost, .myPost *{
/*  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;*/
    }
    .full_width{
        font-family: "myriad-pro", Arial;
        font-size: 1.3vw;
        line-height: 2.8vw;
        margin-top: 2vw;
        color:#b2b2b2;
    }
    .placeholder{color:#ccc !important;}
}

.ses-form  input[type="submit"], .ses-form  button{
    background-color:#00578D !important;
}



.ui-dialog-titlebar-close {
    float:right;
            border-radius:0px;
            padding:5px;
            color:#222222;
            background-color: #fff;
            background:#fff;
}


.ui-dialog .ui-dialog-content
        {
            position: relative;
            border: 0;
            padding: .5em 1em;
            background: none;
            overflow: auto;
            zoom: 1;
            background-color: #fff;
            border: none;
            border-radius:0px;
        }

        .ui-dialog .ui-dialog-titlebar
        {
            padding: .5em 1em;
            background:#fff;
            border: none;
            color:#222222;
            font-size:16px;
            border-radius:0px;
            font-weight: 600;
        }

        .ui-widget-content
        {
            border:none;
            border-radius:0px;
        }
        
        .sec-button-round{
            width:112px;
            height: 112px;
            display: block;
            margin:0 auto;
            border-radius: 15vw;
            text-align: center;
            line-height: 112px;
            color:#fff;
            font-size:60px;
            font-weight: normal;
        }
        
        .sec-button-round i{
            height:100%;
            line-height:112px;
        }
        
        
option:disabled,
option::disabled,
option:disabled *{
    color: #eeeeee !important;
}

.linkedin{
	background-color: rgb(219,0,26);
min-height:100px;
width:100%;
}
.centercontainer{
	width: 80%;
	margin: 0 auto;
}
.linkedinLeft{
	float:left;
	width:75%;
	padding-top:55px;
	padding-bottom:75px;
}
.linkedinRight {
	float:left;
	width:25%;
}
.linkedinLeft p{
	font-family: "myriad-pro", Arial;
	font-size:1.8vw;
	color:#fff;
}
.linkedinRight a img{
	margin-top:65px;
	width:80px
}
.werkinland{
	vertical-align:middle;
	margin-top:-7px;
	width:20px; 
}
@media only screen and (max-width: 1000px) {
	.linkedinRight a img{
	margin-top:45px;
	width:55px;
	margin-left:10px;
}

.werkinland{
	vertical-align:middle;
	margin-top:-3px;
	width:10px; 
}
}
@media only screen and (min-width: 1001px) {
	.linkedinRight a img{
	margin-top:50px;
	width:50px;
	margin-left:10px;
}
.werkinland{
	vertical-align:middle;
	margin-top:-5px;
	width:12px; 
}
}
@media only screen and (min-width: 1200px) {
	.linkedinRight a img{
	margin-top:55px;
	width:80px
}
.werkinland{
	vertical-align:middle;
	margin-top:-5px;
	width:14px; 
}
}
@media only screen and (min-width: 1700px) {
	.linkedinRight a img{
	margin-top:50px;
	width:110px
}

.werkinland{
	vertical-align:middle;
	margin-top:-7px;
	width:20px; 
}
}
@media only screen and (min-width: 2000px) {
	.linkedinRight a img{
	margin-top:55px;
	width:125px
}
.werkinland{
	vertical-align:middle;
	margin-top:-7px;
	width:20px; 
}
}
.onelinerVacature{
color:#939393;
}
.newsMedia{
    background:rgb(219,0,26);
    margin-top:80px;
}
.newsMedia h1{

    color:#fff;
    text-align:center;
    font-size:2vw;
    padding-top:80px;
    padding-bottom:80px;

}
.newsPost{

    width:100%;

}
.newsImage{
    float:left;
    width:30%;
}
.newsImage img{
    max-width: 100%;
    height: auto;
}


/*
    NEWS MODULE
 */

.post-module {
    position: relative;
    z-index: 1;
    display: block;
    background: #FFFFFF;
    min-width: 220px;
    height: 470px;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    /*-webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;*/
}
.post-module:hover,
.hover {
    -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}
/*.post-module:hover .thumbnail img,
.hover .thumbnail img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .6;
}*/
.post-module:hover .post-content .description,
.hover .post-content .description {
    max-height: 100px;
}
.post-module .thumbnail {
    /*background: #000000;*/
    height: 240px;
    overflow: hidden;
}
.post-module .thumbnail .date {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    background: rgb(219,0,26);
    width: 55px;
    height: 55px;
    padding: 12.5px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.post-module .thumbnail .date .day {
    font-size: 18px;
}
.post-module .thumbnail .date .month {
    font-size: 12px;
    text-transform: uppercase;
}
.post-module .thumbnail img {
    display: block;
    width: 100%;
    /*-webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;*/
}
.post-module .post-content {

    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    /*padding: 30px;*/
    height:200px;

    /*-webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;*/
}

.post-module .post-content .title {
    margin: 0;
    padding-bottom:10px;
    padding-left:15px;
    color: #333333;
    font-size: 26px;
    font-weight: 700;
}
.post-module .post-content .title a {
    text-decoration: none;
    color: #333333;

}
.post-module .post-content .title a:hover {
    text-decoration: underline;
}
.post-module .post-content .sub_title {
    margin: 0;
    padding-top:8px;
    padding-left:15px;
    color: rgb(219,0,26);
    font-size: 16px;
    font-weight: 400;
}
.post-module .post-content .description {
    display: block;
    padding-right: 15px;
    padding-left:15px;
    color: #666666;
    font-size: 14px;
    line-height: 1.8em;
    /*-webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
    transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;*/
    overflow: hidden;
}
.post-module .post-content .post-meta {
    padding-left:15px;
    padding-top:10px;
    color: #999999;
    display:block;
}
.post-module .post-content .post-meta .timestamp {
    margin: 0 16px 0 0;
}
.post-module .post-content .post-meta a {
    color: #999999;
    text-decoration: none;
}
.hover .post-content .description {
    display: block !important;
    max-height: 100px !important;
    opacity: 1 !important;
}
/*.container {
    max-width: 800px;
    min-width: 640px;
    margin: 0 auto;
}
.container:before,
.container:after {
    content: '';
    display: block;
    clear: both;
}*/
.allMediaPosts .column {
    width: 25%;
    padding: 0 25px;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.allMediaPosts .column .demo-title {
    margin: 0 0 15px;
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.allMediaPosts .info {
    width: 300px;
    margin: 50px auto;
    text-align: center;
}
.allMediaPosts .info h1 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 24px;
    font-weight: 400;
    color: #333333;
}
.allMediaPosts .info span {
    color: #666666;
    font-size: 12px;
}
.allMediaPosts .info span a {
    color: #000000;
    text-decoration: none;
}
.allMediaPosts .info span .fa {
    color: #e74c3c;
}
.fillwidth {
    min-width: 100%;
    height: auto;
}
.fillheight {
    min-height: 100%;
    width: auto;
}
.singlePost h1 {
    font-size:2vw;
    padding-bottom:10px;
}
.singleContent{
    margin-bottom:50px;
}

.singleContent p{
    color:#b2b2b2;
    font-size:1vw;
    padding-bottom:15px;
}

.singleContent ul {
    color:#b2b2b2;
    font-size:1vw;
    margin-left:45px;
    padding-bottom:15px;
}

@media only screen and (min-width: 100px) {

    .allMediaPosts .column {
        width: 100%;
        padding: 0 25px;
        -webkti-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }


    /*.post-module {

        height: 500px;

    }*/
    .post-module .post-content .title {

        font-size: 18px;
        padding-top:5px;
    }
    .post-module .post-content .description {

        font-size: 12px;

    }

    .post-module .thumbnail {
        /*background: #000000;*/
        height: 240px;
        overflow: hidden;
    }



}

@media only screen and (min-width: 600px) {

    .allMediaPosts .column {
        width: 50%;
        padding: 0 25px;
        -webkti-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .post-module {

        height: 450px;

    }

    .post-module .thumbnail {
        /*background: #000000;*/
        height: 150px;
        overflow: hidden;
    }

    .post-module .post-content .title {

        font-size: 18px;
    }

}

@media only screen and (min-width: 1200px) {

    .allMediaPosts .column {
        width: 25%;
        padding: 0 25px;
        -webkti-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }


    .post-module {

        height: 460px;

    }

    .post-module .thumbnail {
        /*background: #000000;*/
        height: 160px;
        overflow: hidden;
    }

}

@media only screen and (min-width: 1350px) {

    .post-module .thumbnail {
        /*background: #000000;*/
        height: 180px;
        overflow: hidden;
    }

.post-module .post-content .sub_title {
    
        padding-top:10px;
        font-size: 14px;
    }

}

@media only screen and (min-width: 1500px) {

    .post-module {
        height: 550px;
    }

    .post-module .thumbnail {
        /*background: #000000;*/
        height: 190px;
        overflow: hidden;
    }

    .post-module .post-content .title {
        padding-bottom:10px;
        padding-left:25px;
        font-size: 18px;
        padding-right:25px;
    }

    .post-module .post-content .sub_title {
        padding-left:25px;
        padding-top:20px;
        font-size: 14px;
    }
    .post-module .post-content .description {

        font-size: 13px;
        padding-left:25px;
        padding-right:25px;
    }

    .post-module .post-content .post-meta {
        padding-left:25px;
        padding-top:20px;

    }

}

@media only screen and (min-width: 1800px) {

    .post-module {
        height: 550px;
    }

    .post-module .post-content .title {
        padding-bottom:10px;
        padding-left:25px;
        font-size: 22px;
        padding-right:25px;
    }

    .post-module .post-content .sub_title {
        padding-left:25px;
        padding-top:15px;
        padding-bottom:5px;
        font-size: 14px;
    }
    .post-module .post-content .description {

        font-size: 14px;
        padding-left:25px;
        padding-right:25px;
    }

    .post-module .post-content .post-meta {
        padding-left:25px;
        padding-top:10px;

    }

    .post-module .thumbnail {
        /*background: #000000;*/
        height: 230px;
        overflow: hidden;
    }

}

@media only screen and (min-width: 2000px) {

    .post-module {
        height: 550px;
    }

    .post-module .post-content .title {
        padding-bottom:10px;
        padding-left:25px;
        padding-right:10px;
        font-size: 22px;
    }

    .post-module .post-content .sub_title {
        padding-left:25px;
        padding-top:20px;
        padding-bottom:5px;
        font-size: 14px;
    }
    .post-module .post-content .description {

        font-size: 14px;
        padding-left:25px;
        padding-right:25px;
    }

    .post-module .post-content .post-meta {
        padding-left:25px;
        padding-top:20px;

    }

    .post-module .thumbnail {
        /*background: #000000;*/
        height: 260px;
        overflow: hidden;
    }

}

.singlePost strong {
	font-weight:800;
}

.vacature-selected-us a{
	color:#757575;
}

.infoPage p{
	    font-size: 1vw;
    line-height: 2vw;
    margin: 2vw 0vw;
}
	
.infoPage a:link, .infoPage a:visited{
	line-height: 2vw;

	text-decoration: none;
	color: rgb(219,0,26);
	display: inline-block;
}
.infoPage strong{
	font-weight:800;
}

.infoPage a span, .infoPage a span, .infoPage a span{
	margin-right: 0.5vw;
	color: rgb(219,0,26);

	height: 100%;
	line-height: 2vw;
}

.infoPage a:active, .infoPage a:hover{
	color: rgb(219,0,26);
}
.officephoto iframe{
		height:600px;
	}
	.officephoto{
		/*height:600px;*/
	}	

@media only screen and (min-width: 2000px) {
	.officephoto iframe{
		height:900px;
	}
	.officephoto{
		/*height:900px;*/
	}	
}

.otherFieldsPaddingBottom{
	padding-bottom:20px;
}