@media (max-width: 1199px) {
.content .fixed {
    display: none;
}
}


@media (min-width: 991px) {
    #navigation .navbar {
        position: fixed;
        width: 200px;
        height: 100vh;
        background-color: #D8242B;
        border: none;
        z-index: 99;
        border-radius: 0px;
    }
    #navigation .navbar-header {
        float: none;
        width: 100%;
        height: 150px;
    }
    .navbar-default .navbar-brand {
    	padding: 45px 30px;
        height: auto;
        width: 100%;
    }
    .first-navbar {
        margin-top: 4vh;
    }
    #navigation .navbar li a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
    }
    #navigation .navbar li a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 300;
        font-family: "Helvetica Neue";
        letter-spacing: 1.6px;
        font-size: 16px;
        padding-left: 20px;
        line-height: 45px;
        border-left: none;
        position: relative;
        transition: color 0.25s ease;
        text-decoration: none;
        padding-right: 20px;
        display: inline-block;
        line-height: 27px;
        margin: 7px 0px;
    }
    #navigation .navbar li a:hover {
        color: #d8242b;
    }
    
    #navigation .navbar li a::before {
      position: absolute;
      content: '';
      top:0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: white;
      transform-origin:left;
      transition:width 0.25s ease;
      z-index:-1;
    }
    
    #navigation .navbar li.active a:before,
    #navigation .navbar li a:hover::before {
      width: 100%;
    }
    #navigation .navbar li a::after {
        content: "";
        display: block;
        background-color: #fff;
        width: 11px;
        height: 100%;
        position: absolute;
        right: 0px;
        transition: left 0.4s ease;
        margin-right: -9px;
        top: 0px;
        opacity: 0;
        left: 0px;
        z-index: -1;
        clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
    }
    #navigation .navbar li.active a:after,
    #navigation .navbar li a:hover::after {
        left: calc(100% - 3px);
        opacity: 1;
    }
    #navigation .first-navbar.second {
        margin-top: 10vh;
    }
   
    .section.newhome .content a {
        transition: 0.3s;
    }
    .section.newhome .content a:hover {
        opacity: 0.7;
    }
	
	_:-ms-fullscreen, :root .section.home {
	background-attachment:scroll;
}

	
.section.home {
    width: 100%;
    background-attachment: fixed;
    background-size: 130%;
    background-position: top right;
    background-repeat: no-repeat;
}
    .section.home .background {
        width: 100%;
        min-height: 100vh;
          background: rgb(0,0,0);
        background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(243,140,143,0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(243,140,143,0) 100%);
        background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(243,140,143,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f38c8f",GradientType=1);
    }
    .section.home .content {
       width: 600px;
       padding: 100px 0px;
    }
    .section.home .content p {
        color: #fff;
        font-weight: 500;
        font-family: 'Helvetica Neue';
    }
    .section.home .content h2 {
        margin-top: 10vh;
    }

    .lokalen-image {
        min-height: 100vh;
        background-size: cover;
        margin-right: -15px;
    }
    .fixed-content {
        padding: 100px 0px;
    }
    .fixed-content h1 {
        color: #303030;
        font-size: 40px!important;
        line-height: 40px!important;
        padding: 20px;
        padding-left: 0px;
        letter-spacing: 4px!important;
        display: block;
        padding-bottom: 20px!important;
        margin-bottom: 0px!important;
        margin-top: 0px!important;
        padding-top: 0px!important;
    }
    .fixed-content.fadein h1 {
        margin-bottom: 20px!important;
        padding-top:  10px!Important;
    }
    .fixed-content .content-header img.img-responsive {
        padding-right: 35px;
        width: 155px;
    }
    .fixed-content .content-header,
    .fixed-content .mosaic-list,
    .projects {
        padding-right: 100px;
    }
    .fixed-content  hr {
        width: 220%;
        margin-left: -80%;
        opacity: 0.2;
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .fixed {
        position: fixed;
        width: 44%;
        top: 0px;
    right: 0px;
    }

    .tags .tag {
        padding: 0px 1px;
        display: inline-block;
        margin-bottom: 10px;
        transform: skew(-10deg);
    }
    .tags .tag:hover,
    .tags .tag:focus {
        opacity: 0.6;
    }
    .tags .tag a {
        border: 1px solid;
        text-decoration: none;
        background-color: transparent;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1.6px;
        padding: 4px 17px;
        line-height: 21px;
        transform: skew(10deg);
        border: none!important;
        display: block;
    }
    .first-navbar.second li:hover {
        opacity: 1;
    }
    .first-navbar.second li.active {
        opacity: 1;
    }

body {
    opacity: 1;
    -webkit-animation: fadeinbody 1s; 
    moz-animation: fadeinbody 1s;
    -ms-animation: fadeinbody 1s; 
     -o-animation: fadeinbody 1s;
        animation: fadeinbody 1s;
}    
@keyframes fadeinbody {
    0% {opacity:0.4;}
    100%   { opacity: 1;}
}
    .fadein {
  opacity: 1;
  width: 100%;
    -webkit-animation: fadein 1.2s; 
       -moz-animation: fadein 1.2s; 
        -ms-animation: fadein 1.2s; 
         -o-animation: fadein 1.2s; 
            animation: fadein 1.2s;
}

@keyframes fadein {
    0% {opacity:0; margin-left: -100px;}

    40% {opacity:0; margin-left: -100px;}

    80% {opacity: 0.5;}
    90%   {margin-left: 0px; }

    100%   { opacity: 1;margin-left: 0px; }
}
}


@media (min-width: 768px) {
    .modal-dialog {
        width: 44vw!important;
    }
   
}

@media (max-width: 991px) {
	#navigation .navbar-custom .navbar-nav>li {
    	padding: 20px 0px;
	}

    .login.content {
        padding-left: 15px!important;
        padding-right: 20px!important;
    }
    .login.content .pull-right {
        float: left!important;
    }
}

@media (max-width: 1400px) {
.fixed-content .content-header, .fixed-content .mosaic-list, .projects {
        padding-right: 0px;
		margin-top:20px;
    }
}


@media (max-width: 768px) {
.checkbox-container label a {
    color: #cb0000;
    padding-left: 12px;
    line-height: 17px!important;
    display: block;
}
.content-nm-2.content1 .content {
    margin-top: 13px;
    margin-bottom: 5px;
}
.checkbox-container label {
	padding-left:12px!important;
}
.content3 .product-slider #thumbcarousel {
    margin: 12px 0 0;
    padding: 0 45px;
}
footer .navbar-brand {
    padding-left: 0px;
}
.actueel-results.intro .box .left {
    width: 100%!important;
}
.actueel-results.intro .box .img { 
    max-width: 100%!important;
}

.cntrlg .col-xs-12.col-sm-6.col-md-7 {
    display: none!important;
}
footer#footer .navbar-brand {
    padding-left: 0px;
}
.content {
    margin-top: 50px;
    margin-bottom: 40px;
}
 .tags .tag {
    /*max-width: 40%;
    display: -webkit-box; */
    height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section.newhome .content .box {
    margin: 10px 0px!important;
}
.content-header .content a.button {
    display: block;
}
.content-nm-1 .left {
    display: block!important;
    width: 100%!important;
}
.content-nm-1 .right {
    display: block!important;
    width: 200px!important;
    float: unset!important;
}
.content-nm-1 .right .pull-right {
    float:  unset!important;
}

}

@media (max-width: 991px) {
    body h1 {
        font-size: 40px !important;
    }

	#navigation .navbar-custom .navbar-toggle:focus, 
	#navigation .navbar-default .navbar-toggle:hover {
    	background-color: transparent;
	}
	#navigation .navbar-custom .navbar-brand .bold {
    	font-size: 23px;
    	line-height: 15px;
	}
	#navigation .navbar-custom .navbar-brand .small {
    	font-size: 11px;
	}
	#navigation .logo-text {
    	margin-top: 35px;
   	}
	#navigation .navbar-custom .navbar-nav>li {
    	padding: 20px 0px;
	}
	#navigation.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    	background-color: transparent;
	}
	#navigation .navbar-custom .navbar-toggle {
    	border-color: transparent;
	}
	#navigation .navbar-toggle {
    	margin-top: 30px;
	}
	#navigation .navbar-nav>li {
    	border-top: 1px solid #EEE!important;
	}
	#navigation .navbar-nav>li:first-child {
    	border: none!important;
	}
    #navigation .navbar-custom .navbar-nav>li.active {
        background-color: #fff;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        background-color: transparent;
    }
	#navigation .caret {
		display: none;
	}
    .navbar-header {
        float: none;
    }
    ul.nav.navbar-nav.navbar-right h4 {
        font-size: 17px!important;
        text-decoration: none!important;
        color: #fff!important;
        text-transform: uppercase!important;
        opacity: 0.8!important;
        margin-bottom: 15px;
    }
    .navbar-default .navbar-nav>li>a:focus, 
    .navbar-default .navbar-nav>li>a:hover {
        color: #fff;
    }
   ul.nav.navbar-nav.navbar-right h4 span {
        vertical-align: text-bottom;
    }
    .navbar-brand>img {
        display: block;
        width: 140px;
        margin-top: 13px;
    }
    .navbar-toggle {
        display: block;
    }
    .bottomsocials {
        display: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .section.home .background {
        background-color: rgba(0, 0, 0, 0.43);
        min-height: 60vh;
    }
    .section.home p {
        color: #fff;
    }
    .navbar-default {
        background-color: #D8242B;
        border: none;
        margin: 0px;
        height: 95px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    div#global-nav {
        margin-top: 23px;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
        padding: 0px 15px;
    }

    .mosaic-list {
        padding-bottom: 50px;
    }
    .content-header h1 {
        color: #000;
        padding-top: 20px;
    }

    .section.home {
        background-size: cover;
            min-height: 60vh;
    }
    .section.home .content .box {
        margin-bottom: 25px;
    }
    .section.home .content .box .after {
    	display: none;
	}
body h1 {
    font-size: 25px !important;
}

    footer#footer .pull-right {
        float: left!important;
    }


}

@media (max-width: 1400px) {
	#footer a.navbar-brand {
    padding-left: 0;
}
		.navbar {
		border-radius:0;
	}
    .fixed {
        position: fixed;
        width: 36%!important;
    }
}

@supports (-ms-ime-align: auto) {
	.section.home .content .box {
		background-color: transparent!important;
	}
	.section.home .content .box .after {
 		content: " ";
 		background: #fff;
 		width: 100%;
 		height: 100%;
		margin-bottom: -100px;
 		z-index: 0;
 		transform: skew(-10deg);
	    display: block;
	    left: 30px;
	    width: calc(100%);
	    background: #ff1a8c;
	}
	.section.home .content .box .index {
		z-index: 20;
		position: relative
	}	
}
@media all and (-ms-high-contrast: none), 
(-ms-high-contrast: active)  {

	.section.home .content .box .after {
 		content: " ";
 		background: #fff;
 		width: 100%;
 		height: 100%;
		margin-bottom: -100px;
 		z-index: 0;
 		transform: skew(-10deg);
	    display: block;
	    left: 30px;
	    width: calc(100%);
	    background: #ff1a8c;
	}
	.section.home .content .box .index {
		z-index: 20;
		position: relative
	}
}