/* 
    Theme Name: M2RedBeech 
    Description: M2RedBeech Theme template
    Version: 1.0 
    Author: .Comheroes
    Author URI: http://www.comheroes.nl/ 
    */ 
    
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

* {
	margin: 0;
	}
	
html, body {
	font-family: 'Open Sans', sans-serif;
	height: 100%;
	-webkit-font-smoothing:antialiased;
	}

ul, ol {
	margin: 0 0 10px 15px;
	}

li, li a {
	-webkit-font-smoothing: antialiased;
	color: #787878;
	font-size: 12px;
	}

object, embed { 
    outline: 0;
	}

a {
	color: #9b0f05;
	}

a:hover {
	color: #6d0800;
	}

a.button {
	color: white;
	background: #9b0f05;
	border-bottom: 5px solid #830a01;
	display: inline-block;
	padding: 5px 15px 2px 15px;
	text-transform: uppercase;
	font-weight: bold;
	}

a, a:hover, a:active, a:focus {
    outline: 0;
	}

input::-moz-focus-inner { 
    border: 0; 
	}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #9b231b;
	}

h1 {
	text-transform: uppercase;
	font-size: 29.5px;
	line-height: 39px;
	margin-left: -2px;
	}

h2 {
	font-size: 19.5px;
	line-height: auto;
	}

h3 {
	line-height: 24px;
	}
	
h4 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;	
	}

p 	{
	color: #515151;
	}
	
p, a {
	font-size: 13px;
	}

a:hover {
	text-decoration: none;
	}

.alignright {
	float: right;
	margin-bottom: 10px;
	}

.center {
	text-align: center;
	margin-top: 40px;
	}

.space {
	margin-bottom: 90px;
	margin-top: 20px;
	}

.main {
	margin-top: 0px;
	margin-bottom: 40px;
	}

.heading {
	top: 65px;
	margin-bottom: 40px;
	margin-top: 40px;
	}
	
.headingnews {
	top: 65px;
	margin-bottom: 10px;
	margin-top: 40px;
	}

.heading h1 {
	display: inline-block;
	}


/* ==========================================================================
	Fix sub-sub menu's for the 2.3.2 bootstrap version
   ========================================================================== */	

.dropdown-backdrop { 
	position: fixed !important;
	}

/* ==========================================================================
   HEADER NAV SECTION -->
   ========================================================================== */

.navbar .btn-navbar .icon-bar {
	background-color: #9b231b;
	}

.navbar-inverse .btn-navbar {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	background-image: linear-gradient(to bottom, #fff, #fff) !important;
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
	color: #FFFFFF !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
	background-color: #fff !important;
	}

.navbar-wrapper {
	top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border: 0;
    height: 65px;
	background-color: #9b231b;	
    } 

.navbar-inverse {
	background: none;
    background-color: transparent;	
	}
    

.navbar-inverse .navbar-inner, .navbar .navbar-inverse {
    background-color: transparent;
    background: transparent !important;
    background-image: none;
    border-color: transparent;
    border-radius: none;
    box-shadow: none;
    margin-top: -1px;
    padding-right: 0px;
	padding-left: 0;
	}

.navbar-inner a.brand {
    background-color: #9B231B;
    height: 52px;
    overflow: hidden;
    padding: 25px 45px 35px;
    position: relative;
    width: 147px;
    z-index: 1040;
	}

.navbar-inner a.brand2 {
    background-color: #9B231B;
    display: block;
    float: left;
    height: 54px;
    overflow: hidden;
    padding-right: 0;
    padding-top: 8px;
    position: relative;
    width: 114px;
    z-index: 1040;
	}

.navbar-inner a.brand:hover > img, .navbar-inner a.brand2:hover > img {
	opacity: 0.9;
	} 

.nav-collapse {
	z-index: 99999;
	}

.navbar .nav { 	
	z-index: 2000;
	float: right;
	margin: 0 0 10px 15px;
	}
	
ul.nav li {
	padding-right: 40px;
	padding-left: 10px;
	min-width: 116px;
    transition: all 0.2s linear 0s;	
	}

.navbar .nav > li > a {
    padding: 15.5px 15px;
    }

.navbar-inverse .brand, .brand2, .navbar-inverse .nav > li > a:hover {
	color: white;
	}

.navbar-inverse .brand, .brand2, .navbar-inverse .nav > li > a {
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	line-height: 14px;
	color: white;
	font-weight: 400;
	}

.navbar-inverse .brand, .brand2, .navbar-inverse .nav > li > a span.firstword {
    color: white;
    text-shadow: none;
    font-size: 12px;
    width: 100%;
    font-weight: 300;
	display: block;
	text-transform: none;    
    }
	
ul.nav li.about	{
	background-color: #a42c24;
	border-top: 5px solid #a42c24;
	}

ul.nav li .dropdown-menu li {
	height: 30px;
	padding-right: 40px;
	padding-left: 10px;
	min-width: 133px;
	border-top: 5px solid #a42c24;
	}

li.about .dropdown-toggle {
	background: #a42c24;
	color: white;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
	}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #a42c24;
    color: #FFFFFF;
	}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
	}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.125) inset;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: transparent;
    color: #FFFFFF;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #a42c24;
    background-image: linear-gradient(to bottom, #a42c24, #a42c24);
	}

li.about .dropdown-toggle:hover, li.about .dropdown-toggle:focus { 
	color: white;
	text-decoration: none;
	}

.navbar .nav > li > .dropdown-menu:after {
    border-bottom: 0px solid #FFFFFF;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent; 
    }

.navbar .nav > li > .dropdown-menu:before {
    border-bottom: 0px solid rgba(0, 0, 0, 0.2);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    }

li.about .dropdown-menu > li > a {
    clear: both;
	border-top: none;
    color: rgba(255, 255, 255, 0.7) !important;
    display: block;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    padding: 3px 16px;
    white-space: nowrap;
    transition: all 0.2s linear 0s;
	}

li.about .dropdown-menu > li > a:hover, 
li.about .dropdown-menu > li > a:focus, 
li.about .dropdown-submenu:hover > a, 
li.about .dropdown-submenu:focus > a {
	background-color: #a42c24;
	color: rgba(255, 255, 255, 1) !important;
	background-image: linear-gradient(to bottom, #a42c24, #a42c24);
	}
	
li .dropdown-menu {
    background-clip: padding-box;
    background-color: #a42c24;
    border: none;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 0px 0 0;
    min-width: 160px;
    padding: 0px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
    height: 105px;
	}

ul.nav li.projects	{
	background-color: #9b0f05;
	border-top: 5px solid #9b0f05;	
	}

ul.nav li.services	{
	background-color: #a41e15;
	border-top: 5px solid #a41e15;	
	}

ul.nav li.news	{
	background-color: #910a00;
	border-top: 5px solid #910a00;		
	}	

ul.nav li.contact	{
    background-color: #830a01;
	border-top: 5px solid #830a01;		    
    }

div.nav-collapse ul#menu-main-menu.nav li:hover, div.nav-collapse ul#menu-primary.nav li:hover, div.nav-collapse ul#menu-duits-menu.nav li:hover {
	border-top: 5px solid #6D0800;
	}

div.nav-collapse ul#menu-main-menu.nav li.active, div.nav-collapse ul#menu-primary.nav li.active, div.nav-collapse ul#menu-duits-menu.nav li.active {
	border-top: 5px solid #6D0800;
	}

.navbar .btn, .navbar .btn-group {
    margin-top: 17px;
	}

.nav-collapse, .nav-collapse.collapse {
    margin-left: -21px;
    margin-right: -21px;
	}

	.lang-switcher{
	float: right;
	z-index: 6000;
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	margin-left: -1px;
}
.lang-switcher li{
	height: 21px;
	line-height: 21px;
	color: #FFF;
	width: 29px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	background: #830a01;
}

.lang-switcher li.zh-hans {
	display: none;
	}

.lang-switcher li a{
	background: #9B0F05;
	height: 21px;
	padding: 3px 6px 2px 6px;
	line-height: 21px;
	color: #FFF;
	width: 29px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

.lang-switcher li.active, .lang-switcher li.active a {
	height: 22px;
	}

.lang-switcher a:hover{
	background: #9B0F05;
}


/* ==========================================================================
<-- header section
   HOMEPAGE CAROUSEL SECTION -->
   ========================================================================== */

.carousel-fade .carousel-inner .item {
  	opacity: 0;
  	-webkit-transition-property: opacity;
  	-moz-transition-property: opacity;
  	-o-transition-property: opacity;
  	transition-property: opacity;
	}

.carousel-fade .carousel-inner .active {
  	opacity: 1;
	}

.carousel-inner {
	position: absolute;
	}
	
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
 	left: 0;
  	opacity: 0;
  	z-index: 1;
	}
	
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  	opacity: 1;
	}
	
.carousel-fade .carousel-control {
  	z-index: 2;
	}

.carousel {
    top: 65px;
    height: 485px;
    margin-bottom: 60px;
	}

.carousel, .item, .active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}


.carousel {
	height: 485px;
	margin-top: -65px;
	}

.carousel .container {
    position: relative;
    z-index: 9;
    overflow: hidden;
    }

.carousel-control {
    height: 54px;
    width: 52px;
    overflow: hidden;
    text-indent: -9999;
    background-color: transparent;
    position: absolute;
    top: 45%;
    border: 0;
    opacity: 1;
    border-radius: 0;
    z-index: 10;
    background-position: top;
    }

.carousel-control.right {
	right: 0px;
	background-image: url('img/arrow-right.png');	
	}

.carousel-control.left {
	left: 0px;
	background-image: url('img/arrow-left.png');	
	}	
	
    
.carousel-control:hover, .carousel-control:focus {
	opacity: 1;
	}  

.carousel-indicators {
    list-style: none outside none;
    margin: 10px;
    position: absolute;
    padding: 10px;
    padding-right: 15px;
    z-index: 5;
	background-color: none;
	top: 425px;
	}

	
.carousel .item {
    height: 485px;
    overflow: hidden;
    }
    
div#myCarousel.carousel img {
    position: absolute;
    min-height: 485px;
    top: 0;
    width: 100%;
    }

div#myCarousel.carousel img.pindrop {
    left: 0;
    margin: 0px;
    max-width: 35px;
    min-height: 35px;
    min-width: 35px;
    position: relative;
    top: 0;
    height: 35px;
    width: 35px;
}

/* ==========================================================================
<-- content section
   HOMEPAGE TAGLINE -->
   ========================================================================== */
	
.tagline {
    background: url("img/bg-tagline.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: none;
    height: 120px;
    margin-bottom: 0px;
    margin-top: -115px;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 30px;
    padding-top: 0px;
    z-index: 99;
    margin-left: 0px;
	}

.tagline h1 {
	color: white;
	margin: 15px 0;
	padding-left: 20px;
	}

.tagline {
	position: relative;
	}
body#de .tagline, body#nl .tagline{
	height: 140px;
	margin-top: -125px;
}
body#de .tagline h1, body#nl .tagline h1{
	margin: 19px;
	line-height: 35px;
}
body#nl .tagline h1{
	width: 570px;
}

body.de .tagline, body.nl .tagline{
	height: 140px;
	margin-top: -125px;
}
body.de .tagline h1, body.nl .tagline h1{
	margin: 19px;
	line-height: 35px;
}
body.nl .tagline h1{
	width: 570px;
}

/* ==========================================================================
   People Overview Page -->
   ========================================================================== */

.item-list {
	margin: 0;
	list-style-type: none;
	}

.item-list li {
	list-style-type: none;
	height: 260px;
	}

.item-list li:nth-of-type(odd) > .span4 {
    float: left;
	}

.item-list li:nth-of-type(even) > .span4 {
    float: right;
	}

.item-list li .span8 h1 {
	background: #9b231b;
	color: white;
	margin: 0;
	padding: 8px 15px;
	}

.teamtitle {
	padding: 0;
	margin: 0;
	background: #a42c24;
	color: #ffffff;
	padding: 10px;
	}
	
.team1 {
	margin-bottom: 30px;
	}

.team2 {
	text-align: right;
	}
/* ==========================================================================
<-- content section
   HOMEPAGE SERVICES -->
   ========================================================================== */


.accordion-inner {
	padding: 1px;
	}

div.projects-overview div h1 {
	width: 100%;
	text-align: left;
	}
	
nav.primary.services {
	float: none;
	}

span.accordion-toggler {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	}
	
span.accordion-toggler:hover {
	cursor: pointer;
	}

.accordion-group {
    border: 0px solid #E5E5E5;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 5px;
	}

.accordion-inner {
    border-top: 0px solid #E5E5E5;
	}

.accordion1 .accordion-heading { background: none repeat scroll 0 0 #a42c24; }
.accordion2 .accordion-heading { background: none repeat scroll 0 0 #9b0f05; }
.accordion3 .accordion-heading { background: none repeat scroll 0 0 #830a01; }
.accordion4 .accordion-heading { background: none repeat scroll 0 0 #6d0800; }
.accordion5 .accordion-heading { background: none repeat scroll 0 0 #830a01; }

.accordion1 .accordion-heading:hover { background: none repeat scroll 0 0 #830a01; }
.accordion2 .accordion-heading:hover { background: none repeat scroll 0 0 #6d0800; }
.accordion3 .accordion-heading:hover { background: none repeat scroll 0 0 #a42c24; }
.accordion4 .accordion-heading:hover { background: none repeat scroll 0 0 #830a01; }
.accordion5 .accordion-heading:hover { background: none repeat scroll 0 0 #a42c24; }

.accordion-heading {
    border: medium none;
    color: #FFFFFF;
    height: 50px;
    padding-left: 20px;
    padding-top: 5px;
    position: relative;
	}

.accordion-heading h1 {
	line-height: 20px;
	width: 90%;
	font-size: 24px;
	text-align: right;
	color: white;
	margin-top: 13px;
	}

.accordion-heading .accordion-toggle {
    background: url("img/arrow.png") no-repeat scroll center 50% #a42c24;
    display: inline-block;
    height: 39px;
    left: 0;
    margin-top: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 30px;
	}	

.accordion-heading a.collapsed {
    background: url("img/arrow-up.png") no-repeat scroll center 50% #830A01;
	}

.accordion-group div.tab-content {
	padding: 10px;
	}

/* ==========================================================================
<-- Page SERVICES #accordion-services -->
   ========================================================================== */

#accordion-services .accordion-heading h1 {
	text-align: left;
	}

#accordion-services .accordion-heading .accordion-toggle {
    background: url("img/arrow-up.png") no-repeat scroll center 50% #830A01;
    display: inline-block;
    height: 39px;
    right: 0;
    left: auto;
    margin-top: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 30px;
	}

#accordion-services .accordion-heading a.collapsed {
    background: url("img/arrow.png") no-repeat scroll center 50% #A42C24;
	}

#accordion-services .accordion-inner {
    overflow: hidden;
    padding: 30px 0;
    position: relative;
	}

#accordion-services .accordion1 .span5, #accordion-services .accordion3 .span5, #accordion-services .accordion5 .span5 {
	margin-left: 0px;
	}
#accordion-services .accordion2 .span5, #accordion-services .accordion4 .span5 {
	float: right;
	}
#accordion-services .accordion2 .span7, #accordion-services .accordion4 .span7 {
	margin-left: 0px;
	}

/* ==========================================================================
<-- content section
   HOMEPAGE PROJECTS -->
   ========================================================================== */

.projects-home {
	background: #830a01;
	position: relative;
	overflow: hidden;
	max-width: 370px;
	height: 450px;
	margin-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 60px;
	}
	
.project-1 {
	background: #830a01;
	}
	
.project-2 {
	background: #9b0f05;
	}
	
.project-3 {
	background: #a42c24;
	}

.projects-home h1.title {
	line-height: 24px;
	font-size: 24px;
	font-weight: 700;
	color: white;
	}

.projects-home h4.country {
	color: white;	
	}

.projects-home p {
	color: white;
	}

.projects-home div {
	padding-left: 20px;
	padding-right: 20px;
	}

.projects-home a.read {
	color: white;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #a42c24;
	padding: 5px 15px;
    transition: all 0.2s linear 0s;	
	}

.projects-home a.read:hover {
	background-color: #830A01;
	}

.project-1 a.read:hover {
	background-color: #9B0F05;
	}

.project-3 a.read {
	background-color: #830A01;
	}

.project-3 a.read:hover {
	background-color: #9B0F05;
	}

.projects-home a:hover {
	color: #fff;
	}
	
/* ==========================================================================
   SINGLE PROJECT CSS
   ========================================================================== */
hr {
	margin: 10px 0;
	}
	
.specifications {
	margin-top: -15px;
	}
	
#projectCarousel {
	margin-bottom: 100px;
	}
	
div.project-nav {
    display: inline-block;
    float: right;
    margin-top: 25px;
    vertical-align: top;
    width: 115px;
}

div.project-nav a {
    background-color: #9B231B;
    color: white;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

div.project-nav a.portfolio-btn {
    background-color: #9B231B;
	background-image: url('img/portfolio-btn.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: bottom;	
	height: 35px;
	width: 35px;
	text-indent: -9999;
	margin-left: 0px;
	display: inline-block;
	overflow: hidden;
	}

/* ==========================================================================
   LATEST NEWS
   ========================================================================== */



/* ==========================================================================
   CONTACT US TODAY CSS
   ========================================================================== */
iframe {
	border: 0;
	width: 100%;
	height:238px;
	}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #dfb4b1;
    border: 0px solid #CCCCCC;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    transition: all 0.2s linear;
    border-radius: 0px 0px 0px 0px;
    color: white;
    height: 30px;
	}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"], input[type="month"], input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
   	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
   	border-color: 0;
   	}

.wpcf7-form p {
	margin: 0px;
	display: inline-block;
	margin-right: 40px;
	}

.wpcf7-form p .message textarea {
	width: 468px;
	height: 150px;
	display: inline-block;
	overflow: hidden;
	}

input.wpcf7-submit, #mc-embedded-subscribe {
	background: #9b231b;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 0;
	color: white;
	font-weight: 400;
	font-size: 12px;
    font-family: 'Montserrat',sans-serif;
    padding: 8px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
	}
input.wpcf7-submit:hover, #mc-embedded-subscribe:hover {
	background-color: rgba(131, 10, 1, 0.9);
	}

.wpcf7-form div.wpcf7-mail-sent-ok {
    border: 1px solid #32BEBD;
	}

.wpcf7-form div.wpcf7-validation-errors {
    border: 1px solid #58318f;
}
	
.wpcf7-form div.wpcf7-response-output {
    margin: 2em 0em 1em;
    font-size: 12px;
    padding: 0.2em 1em;
    width: 450px;
	}

#mc_embed_signup {
	margin-bottom: 100px;
	}

.mc-field-group {
	overflow: hidden;
	display: inline-block;
	margin-right: 40px;
	}

.input-group {
	height: 50px;
	}

.input-group ul {	
	list-style-type: none;
	margin-left: 0px;
	}

.input-group ul li {
	width: 116px;
	display: inline-block;
	}

.input-group ul li input {
	margin-top: 0px;
	}

.input-group ul li label {
    background: none repeat scroll 0 0 #dfb4b1;
    color: white;
    display: inline-block;
    margin-left: 10px;
    padding: 9px 13px;
    width: 50px;
	}
	
   
/* ==========================================================================
    PROJECTS -->
   ========================================================================== */
   
.isotope-item {
    z-index: 2;
	}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
    z-index: 1;
	}
 
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	   -moz-transition-duration: 0.8s;
			transition-duration: 0.8s;
	}
 
.isotope {
	-webkit-transition-property: height, width;
	   -moz-transition-property: height, width;
			transition-property: height, width;
	}
 
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property:    -moz-transform, opacity;
			transition-property:         transform, opacity;
	}


/* ==========================================================================
    PROJECT HOVER EFFECTS -->
   ========================================================================== */

.entry {
    width: 285px;
    height: 200px;
    float: left;
    margin: 1px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	}

.entry .mask, .entry .content {
    width: 285px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	opacity: 0;
	
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -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;
	}

.entry-big {
    width: 572px;
    height: 402px;
    float: left;
    margin: 1px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
	}

.entry-big .mask, .entry-big .content {
    height: 402px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 572px;
}
	
.entry img, .entry-big img {
    display: block;
    position: relative;
	
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
	}

.entry-big h4 {
    color: white;
    background: rgba(155, 35, 27, 0.9);
    margin-top: -402px;
    position: relative;
    font-size: 12px;
    padding: 10px;
	}

.entry h4 {
    color: white;
    background: rgba(155, 35, 27, 0.9);
    margin-top: -200px;
    position: relative;
    font-size: 12px;
    padding: 10px;
	}

.entry-big:hover h4, .entry:hover h4 {
	display: none;
	}
	
.mask h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    margin: 20px 0 0 0;
	
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
	}
	
.entry p, .entry-big p {
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px;
    text-align: center;
	
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
	}
	

.entry img, .entry-big img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
	}

.entry .mask, .entry-big .mask {
    background-color: rgba(155, 35, 27, 0.8);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	}
	

.entry h2 a, .entry-big h2 a {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    margin: 20px 0 0 0
	}

.entry h2, .entry-big h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
	line-height: 25px;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    margin: 20px 0 0 0
	}
	
	
.entry a.info, .entry-big a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.entry:hover, .entry-big:hover {
    opacity: 1;
}

.entry a.info:hover, .entry-big a.info:hover {
    box-shadow: 0 0 5px #000
}

.entry a.info, .entry-big a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.entry:hover a.info, .entry-big:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.entry:hover a.info, .entry-big:hover a.info {
    transition-delay: 0.2s;
}
	
.entry:hover h2 a, .entry-big:hover h2 a {
    opacity: 1;
    transform: translateY(0px);
	}
	
.entry:hover h2, .entry-big:hover h2 {
    opacity: 1;
    transform: translateY(0px);
	}
	
.entry p, .entry-big p {
    color: white;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.2s linear 0s;
	}
	
.entry:hover p, .entry-big:hover p {
	color: white;
	-webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
	}
	
.entry a.info, .entry-big a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
	}
	
.entry:hover a.info, .entry-big:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
	}
	
.entry:hover img, .entry-big:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
	}

.entry:hover .mask, .entry-big:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
	}
	
.entry:hover h2,.entry:hover p,.entry:hover a.info, .entry-big:hover h2,.entry-big:hover p,.entry-big:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
	}

.entry:hover .look-btn, .entry-big:hover .look-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
	}

.look-btn {	
	background: url('img/look-btn.png');
	height: 32px;
	width: 32px;
	display: inline-block;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;	
	}

a:hover > .look-btn {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
	}
	
.entry-big:hover .case-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
	}

.case-btn {	
	background: url('img/case-btn.png');
	height: 32px;
	width: 32px;
	display: inline-block;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;	
	}

a:hover > .case-btn {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
	}



/* ==========================================================================
   FOOTER -->
   ========================================================================== */
.push {
	height: 70px; /* .push must be the same height as .footer */
	}

footer {
    background-color: #9B231B;
    color: #FFFFFF;
    min-height: 60px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
	}

a.pull-right {
	background-color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 10;
	text-align: center;    
	}

footer img {
    margin-top: 10px;
    width: 100px;
	}

footer p, footer a {
	font-size: 11px;
	line-height: 14px;
	color: white;
	}

footer a:hover > img {
	opacity: 0.9;
	}

footer .span8 .textwidget {
	padding-top: 10px;
	}

/* ==========================================================================
   <-- footer
   HELPER CLASSES -->
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
	}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
	}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
	}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
	}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
	}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
	}

.clearfix:after {
    clear: both;
	}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
	}

.team {
	margin-top: -99px;
	}
	
.team h1 {
	margin-bottom: 50px;
	}
	
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

/* MEDIAQUERIES 979px - 1200px
-------------------------------------------------- */


@media (min-width: 979px) and (max-width: 1200px) {

.navbar-inverse ul.nav li {
    min-width: 119px;
    padding-left: 0;
    padding-right: 10px;
	}

.tagline h1 {
    font-size: 25px;
    margin: 21px 0;
	}

.tagline {
    padding-left: 0;
	}
body.nl .tagline h1{
	width: 470px;
	}
body.nl .tagline{
	padding-right: 60px;
}
.accordion-heading h1{
	font-size: 18px;
	}
}


/* MEDIAQUERIES 857px - 979px
-------------------------------------------------- */

@media (min-width: 857px) and (max-width: 979px) {

.navbar-inverse ul.nav li {
    min-width: 80px;
    padding-left: 0;
    padding-right: 2px;
	}

.navbar-inner a.brand {
    background-color: ##9B231B;
    height: 49px;
    overflow: hidden;
    padding: 7px 15px;
    width: 110px;
	}

}

/* MEDIAQUERIES 764px - 979px
-------------------------------------------------- */

@media (min-width: 764px) and (max-width: 979px) {

.navbar-inverse ul.nav li {
    min-width: 80px;
    padding-left: 0;
    padding-right: 2px;
	}

.navbar-inner a.brand {
    background-color: ##9B231B;
    height: 49px;
    overflow: hidden;
    padding: 7px 15px;
    width: 110px;
	}

.carousel {
    height: 300px;
	}
	
.carousel .item {
    height: 300px;
    overflow: hidden;
	}

carousel-indicators {
    top: 245px;	
	}

.accordion-heading h1 {
    font-size: 13px;
	}
}

/* MEDIAQUERIES 0 - 979px
-------------------------------------------------- */

@media (max-width: 979px) {

.navbar .brand {
    margin: 0;
    }

.navbar-inner a.brand {
    background-color: ##9B231B;
    height: 49px;
    overflow: hidden;
    padding: 7px 15px;
    width: 110px;
	}

.tagline {
    padding-left: 0;
	}
body.nl .tagline h1{
	width: 420px;
	padding-left: 0;
	}
body.nl .tagline{
	padding-right: 90px;
}

.tagline h1 {
    font-size: 21px;
    line-height: 34px;
    margin: 9px 0;
    width: 315px;
	}

.carousel-indicators {
    display: none;
	}
	.nav-collapse{
		z-index: 5000;
		position: relative;
	}

}

/* MEDIAQUERIES 0 - 856px
-------------------------------------------------- */

@media (max-width: 856px) {


}

/* MEDIAQUERIES 0 - 768px
-------------------------------------------------- */		
@media (max-width: 768px) {

body {
    padding-left: 0px;
    padding-right: 0px;
	}

.main {
    padding-left: 20px;
    padding-right: 20px;
	}

.navbar .nav {
    margin-left: 20px;
	}	

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: transparent;
	}

.nav-collapse .nav > li > a {
    margin-bottom: 0px;
	}

.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: white;
	}

.carousel-indicators {
    display: none;
	}

.carousel {
    height: 200px;
	}

.carousel .item {
    height: 200px;
    overflow: hidden;
	}

.tagline {
	background: url("img/bg-tagline.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	height: 75px;
	margin-top: -70px;
	display: none !important;
	}

.tagline h1 {
    font-size: 21px;
    line-height: 30px;
    margin: 9px 0;
    width: 100%;
	}
.accordion-heading h1 {
    font-size: 18px;
    text-align: center;
	}


}
@media (max-width: 764px) {
	.navbar .nav{
		float: none;
	}
	.lang-switcher{
		position: absolute;
		right: 0;
	}
	.navbar .btn-navbar{
		margin-right: 40px;
	}
}		

/* MEDIAQUERIES 0 - 400px
-------------------------------------------------- */
		
@media (max-width: 410px) {

.tagline {
	background: url("img/bg-tagline.png") repeat scroll left center rgba(0, 0, 0, 0);
	height: 200px;
	margin-top: 0px;
	}

.tagline h1 {
    font-size: 21px;
    line-height: 30px;
    margin: 9px 0;
    width: 100%;
	}

.accordion-heading .accordion-toggle {
    padding: 8px 5px;
	}

.accordion-heading h1 {
    font-size: 18px;
    text-align: right;
	}

}