@charset "utf-8";
/* Version 14 */
/* ---------------- GENERAL styles ------------ */
body { 
	font-family:  calibri, allerregular, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 0;
	font-size:18px;
	color: #a5a5a5;
	padding-top:50px;
	color: #808080;
	line-height: 26px;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
	background: #494e50;
}
.underline{
	text-decoration: underline;
}
.no-padding {
    padding-right:0;
    padding-left:0;
}
.no-margin{
	margin: 0px 0px 10px 20px;
}
.no-marginall{
	margin: 0px;
}
.vertical-align-col {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.row{
	margin-top: 30px;
	margin-bottom: 30px;			
}
.row.productpage {
	margin: 0px;
}
.anchor{
  display: block;
  height: 500px; /*same height as header*/
  margin-top: -500px; /*same height as header*/
  visibility: hidden;
}
.product-anchor{
  display: block;
  height: 50px; /*same height as header*/
  margin-top: -50px; /*same height as header*/
  visibility: hidden;
}
.shadowed-container{
    box-shadow: 0px 0px 15px black;
}
/* ---------------- TEXT styles ------------ */
@font-face {
    font-family: 'droidserif';
    src: url('../fonts/droidserif-italic-webfont.eot');
    src: url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-italic-webfont.woff2') format('woff2'),
         url('../fonts/droidserif-italic-webfont.woff') format('woff'),
         url('../fonts/droidserif-italic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-italic-webfont.svg#droidserif') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff2') format('woff2'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HvtcNUL';
    src: url('../fonts/HelveticaNeueLTStd-UltLt.eot');
    src: url('../fonts/HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-UltLt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-UltLt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-UltLt.svg#HvtcNUL') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HvtcNL';
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
    src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStd-Lt.svg#HvtcNUL') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font-aller{
	font-family: allerregular, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
.font-droid-serif{
    font-family: droidserif, "Times New Roman", Times, serif;
}
.font-hvtc-ul{
	font-family: HvtcNUL, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
.font-hvtc-l{
	font-family: HvtcNL, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:900);
h1{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 20px;
	color: white;
	margin-bottom: 20px;
	letter-spacing: 0px;
	line-height: 110%;
	font-weight: 900;
}
@media (min-width: 768px){
	h1{
		font-size: 55px;
	}
}
@media (min-width: 950px){
	h1{
		font-size: 55px;
		
	}
}
@media (min-width: 1260px){
	h1{
		font-size: 55px;
		line-height: 110%;
	}
}
h2{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 33px;
	font-weight: 400;
	color: #181d21;
	letter-spacing: 0px;
}
h3{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 26px;
	font-weight: 700;
	color: #181d21;
	line-height: 30px;
	letter-spacing: 0px;
}
h4{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #181d21;
	line-height:26px;
}
h5{
	font-size: 14px;
	font-weight: 400;
	color: #b60107;
	font-style: italic;
}
h6{
	font-size: 14px;
	font-weight: 400;
	color: #181d21;
}
h7{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
	font-size: 55px;
	font-weight: 200;
	color: white;
	letter-spacing: 0px;
	line-height: 100%;
}
h8{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 55px;
	font-weight: 200;
	color: #273039;
	letter-spacing: 0px;
	line-height: 110%;
}
h9{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 55px;
	font-weight: 900;
	color: #273039;
	letter-spacing: 0px;
	line-height: 110%;
}
.Event-font{
	font-size: 22px;
	font-weight: 400;
	margin: 10px;
}
.Name-font{
	font-family: SourceSansPro, "Source Sans Pro", "Helvetica Neue", "Helvetica Neue", Helvetica, Arial; 
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	line-height: 24px;
	letter-spacing: 0px;
	margin:0px;
}
.Team-font{
	font-size: 21px;
	font-weight: 400;
}
a, a:visited{
	color: #181d21;
}
a:hover, a:active, a:focus{
	color: #181d21;
}

p.small{
	font-size:16px;
}

.invisible-link{
	cursor: pointer;
	text-decoration:none;
	color:#808080 !important;	
}
.invisible-link:hover, .invisible-link:active, .invisible-link:focus{
	color:white;
}
a.event-link{
	font-weight:600;	
}
a.event-link:hover, a.event-link:active, a.event-link:focus, {
	color: #b60107;	
}

.terms{
	color: #b60107;	
	cursor: pointer;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}

label{
    font-weight:400;
    margin-left:10px;
}
ul{
    padding-left:20px;
}
.white-text{
    color: white;   
}
.form-control{
    margin-bottom:15px;
}
/* ---------------- BUTTON styles ------------ */

.btn-red{
    background-color:#bb2127;
    background: -webkit-linear-gradient(#bb2127, #921b1e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bb2127, #921b1e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bb2127, #921b1e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bb2127, #921b1e); /* Standard syntax (must be last) */
	color: white;
	margin-left: 0px;	
}
.btn-black{
    background-color:#000000;
    background: -webkit-linear-gradient(#545152, #000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#545152, #000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#545152, #000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#545152, #000000); /* Standard syntax (must be last) */
	color: white;
	margin-left: 15px;	
}
.btn-login{
    background-color:#bb2127;
    background: -webkit-linear-gradient(#bb2127, #921b1e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bb2127, #921b1e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bb2127, #921b1e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bb2127, #921b1e); /* Standard syntax (must be last) */
	color: white;
	width:100%;	
	margin: 15px 0px 12px 0px;
}
.btn-grey{
    background-color:#e1e1e1;
    background: -webkit-linear-gradient(#ffffff, #e1e1e1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #e1e1e1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #e1e1e1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #e1e1e1); /* Standard syntax (must be last) */
	font-weight: 600;
	margin-left: 15px;	
    padding:25px 50px;
    border: 1px solid #dbdbdb;
}
.btn-grey:hover, btn-grey:active{
    background: -webkit-linear-gradient(#e1e1e1, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #ffffff); /* Standard syntax (must be last) */
}
.btn-red:hover, btn-red:active{
    background: -webkit-linear-gradient(#921b1e, #bb2127); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#921b1e, #bb2127); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#921b1e, #bb2127); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#921b1e, #bb2127); /* Standard syntax (must be last) */
    color:white;
}
.btn-black:hover, btn-black:active{
    background: -webkit-linear-gradient(#000000, #545152); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000000, #545152); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000000, #545152); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000000, #545152); /* Standard syntax (must be last) */
    color:white;
}
.btn-ghost-white{
	background: none;
	color: white!important;
	border: 1px solid white;	
	border-radius: 16px;
	margin-right: 15px;
    padding: 6px 12px 4px 12px;
	text-transform: capitalize;
}
.btn-ghost-white:hover{
	background: white;
	color: #181d21!important;
}
.btn-ghost-grey{
	background: white;
	border: 1px solid #e3e3e3;	
	border-radius: 16px;
	color: #4d4d4d!important;
	margin-right: 15px;
    padding: 6px 12px 4px 12px;
	text-transform: capitalize;
}
.btn-ghost-grey:hover{
	background: #4d4d4d;
	color: white!important;
}
@media (max-width:767px){
    .wide-xs{
        margin-left: 0px;
        margin-top: 10px;
        width:100%;  
    }
}
/* ---------------- MENU styles ------------ */

.navbar{
	margin: 0px;
}
.navbar-fixed-top{
    border-bottom-width: 0px;   
}
.navbar-inverse{
    background: -webkit-linear-gradient(#262c31, #181d21); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#262c31, #181d21); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#262c31, #181d21); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#262c31, #181d21); /* Standard syntax (must be last) */	
}
.navbar-brand>img{
    max-height:22px;   
}
@media (min-width: 768px){
	.navbar-brand{
		padding:15px 5px;	
	}
	.navbar-inverse .navbar-nav>li>a{
		border-left: 1px solid #4d4d4d;	
		padding: 15px 4px;
	}
}
@media (min-width: 860px){
	.navbar-brand{
		padding:15px;	
	}
	.navbar-inverse .navbar-nav>li>a{
		border-left: 1px solid #4d4d4d;	
		padding: 15px 10px;
	}
}
@media (min-width: 1130px){
	.navbar-brand{
		padding:30px 22px 30px 22px;	
	}
	.navbar-inverse .navbar-nav>li>a{
		border-left: 1px solid #4d4d4d;	
		padding: 30px 22px 30px 22px;
	}
	body{
		padding-top: 80px;	
	}
}
.navbar-inverse .navbar-nav>li>a{
	color: white;
}
.navbar-nav>li:last-of-type>a{
    background: -webkit-linear-gradient(#bb2127, #761518); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bb2127, #761518); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bb2127, #761518); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bb2127, #761518); /* Standard syntax (must be last) */	
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a.active, .navbar-inverse .navbar-nav>li>a:hover{
    background: -webkit-linear-gradient(#181d21, #262c31); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#181d21, #262c31); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#181d21, #262c31); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#181d21, #262c31); /* Standard syntax (must be last) */	
	color:#808080;
}
/* ---------------- HERO styles ------------ */

.carousel-caption{
	margin-bottom: 10%;
	text-align: center;
}
.carousel-control.left, .carousel-control.right{
	background-color: #181d21;
}
.item{
    max-height: 100%;
}

/* ---------------- VIDEO styles ------------ */

.video{
    z-index:1;
	height: auto;
	max-width: 1200px;
	display: block;
    margin: auto;
}
.video-background {
	background-color: #181d21;
}

#image-divider{
    background: url(../media/textiles_manus.jpg);
    background-size: cover;
    box-shadow: inset 0px 9px 10px -10px black,
                inset 0px -7px 10px -10px black; 
	padding-top: 90px;
	padding-bottom: 90px;
}

.imgorder{
	border-radius: 3px;
	margin-top:65px;
	
}
/* ---------------- PRODUCT PAGE styles ----------- */
#product-divider-basket{
    background: url(../media/product/product-basket.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center; 
	margin-top:-30px;
	padding-top: 100px;
	padding-bottom: 250px;
}
.productprijsfont {
	color: #535f66;
	font-size: 28px;
	font-weight: 800;
	margin-right: 20px;
	vertical-align: middle;
}
.productprijsfontbtn {
	color: #fff;
	font-size: 18px;
}
/* ---------------- PRODUCT PAGE TECH TALKS styles -------------------- */

.techtalks {
	background-color:	#273039;
	-webkit-box-shadow: inset 0px 15px 10px -5px rgba(0,0,0,0.99);
	-moz-box-shadow: inset 0px 15px 10px -5px rgba(0,0,0,0.99);
	box-shadow: inset 0px 15px 10px -5px rgba(0,0,0,0.55);
	padding-top: 20px;
}
.techtitels {
	color: #a8b1ba;
	font-family: droidserif, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: 400;
	text-shadow: 1px 1px #000000;
}
.spacingtechtalks {
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
}

@media screen and (max-width: 765px) {
    .techtalk-mobile {
		padding: 0px 50px 0px 50px;
        text-align: center;
    }
}
@media screen and (max-width: 765px) {
    .compatible-mobile {
		padding: 0px 50px 0px 50px;
        text-align: center;
    }
}
/* ---------------- PRODUCT PAGE FABRICS styles -------------------- */

@media screen and (max-width: 765px) {
    .fabric-mobile {
		padding: 0px 50px 0px 50px;
        text-align: center;
    }
}
@media screen and (min-width: 766px) {
    #product-divider-fabric{
    background: url(../media/product/fabrics.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center; 
	padding-top: 190px;
	padding-bottom: 80px;
	}
}
/* ---------------- PRODUCT PAGE COMPATIBILITY styles -------------------- */
.productlogos {
	margin-right: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.productlogos1 {
	margin-right: 20px;
	margin-left: 10px;
}

/* ---------------- PRODUCT PAGE DESIGN styles -------------------- */
@media screen and (min-width: 766px) {
	.design-text > div {
	opacity: 0;
	transition: opacity 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out;
    -webkit-transition: opacity 0.35s ease-in-out;
	}
}
@media screen and (min-width: 766px) {
	.design-text:hover > div{
	opacity: 1;
	transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
	}	
}
.design-padding{
	margin: 0px;
	padding: 30px 50px 30px 50px;
}	
@media screen and (min-width: 766px) {
	.design-padding-groot{
	margin: 0px;
	padding: 70px 200px 50px 70px;
	}
}
@media screen and (max-width: 765px) {
	.design-padding-groot{
	margin: 0px;
	padding: 40px 40px 40px 40px;
	text-align: center;
	}
}
@media screen and (max-width: 765px) {
.design-groot { 
	background: url(../media/product/groot.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	height: 500px;
	-webkit-box-shadow: inset 158px 350px 155px -31px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 158px 350px 155px -31px rgba(0,0,0,0.6);
	box-shadow: inset 158px 350px 155px -31px rgba(0,0,0,0.6);
	}
}
@media screen and (min-width: 766px) {
.design-groot { 
	background: url(../media/product/groot.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	border: 1px #39424a solid;
	border-style: inset;
	height: 800px;
	}
}
.design-1-kort { 
	background: url(../media/product/kort2.png);
	background-repeat: no-repeat;
    background-size: cover;
	border: 1px #39424a solid;
	border-style: inset;
	height: 400px;
}
.design-1-lang { 
	background: url(../media/product/lang2.png);
	background-repeat: no-repeat;
    background-size: cover;
	border: 1px #39424a solid;
	border-style: inset;
	height: 400px;
}
.design-2-kort { 
	background: url(../media/product/kort.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-style: inset;
	border: 1px #39424a solid;
	height: 400px;
}
.design-2-lang { 
	background: url(../media/product/lang.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px #39424a solid;
	border-style: inset;
	height: 400px;
}
.hover-dark{
	opacity: 1;
    -moz-transition: ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.hover-dark:hover{
	-ms-transform:scale(1.03);
	-webkit-transform:scale(1.03);
	transform:scale(1.03);
	display:block;
	position:relative;
	
	-webkit-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	
	-webkit-box-shadow: inset 158px 350px 155px -31px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 158px 350px 155px -31px rgba(0,0,0,0.6);
	box-shadow: inset 158px 350px 155px -31px rgba(0,0,0,0.6);
}
.background-dark {
	background-color: #000000;
}
.anti-overflow {
	overflow: hidden;
	padding: 0px;
}
				
		
/* ---------------- PRODUCT PAGE ENTERPRISE styles -------------------- */
@media screen and (min-width: 820px) {
	#product-divider-enterprise{
    background: url(../media/product/background-strap.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    background-position: top; 
	height: 800px;
	margin-bottom: -50px;
	padding-bottom: 0px;
	padding-top: 80px;
	}
}
@media screen and (max-width: 980px) {
	#product-divider-enterprise{
    background: url(../media/product/background-strap-xs.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    background-position: top; 
	height: 800px;
	margin-bottom: -50px;
	padding-bottom: 0px;	
	padding-top: 80px;
	}
}

@media screen and (max-width: 820px) {
    .enterprise-mobile {
        text-align: left;
		padding: 20px 30px 20px 30px;
    }
}
@media screen and (min-width: 820px) {
    .enterprise-mobile{
	text-align: left;
	}
}

@media screen and (min-width: 980px) {
	.wrist-text-padding{
	padding-left: 250px;
	padding-right: 250px;
	}
	.wrist-text-padding2{
	padding-left: 400px;
	padding-right: 250px;
	}
}
@media screen and (max-width: 980px) {
	.wrist-text-padding{
	padding-left: 0px;
	padding-right: 250px;
	}
	.wrist-text-padding2{
	padding-left: 0px;
	padding-right: 250px;
	}
}
@media screen and (max-width: 718px) {
	.wrist-text-padding{ 
	text-align: left;
	}
	.wrist-text-padding2{
	text-align: left;
	}
}
.wrist-xs{
	text-align:center;
	margin-bottom: -50px;
}
/* ---------------- ABOUT styles ------------ */
.gallery{
    margin: 30px -15px;   
}
.gallery-clipping{
    padding-top:30px;
    -webkit-clip-path: inset(0px 0px 15px 0px); 
       -mox-clip-path: inset(0px 0px 15px 0px); 
            clip-path: inset(0px 0px 15px 0px); 
    margin-bottom:-15px;
}

.item img {
  max-width: 50%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* ---------------- EVENT styles ------------ */
.event-margin{
	margin-bottom:6px;
}
.event-block{
    margin-bottom:30px;
}
.event-block h3 {
    margin: 10px 10px 10px 10px;
}
.event-block p {
    margin-left:10px;   
}
.event-block img{
  transition: 0.4s ease-in-out;
    -webkit-clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0px 0%);
    -moz-clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0px 0%);
            clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0px 0%);
}
.event-block img:hover{
    -webkit-clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0px 100%);
    -moz-clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0px 100%);
            clip-path: polygon(0px 0%, 100% 0px, 100% 100%, 0px 100%);
}
.event-block>div{
    background-color:#181d21;
    color: white;
    position:relative;
}
.event-block>div>span{
    position:absolute;
    bottom: 10px;
    left:10px;
}
.event-block>div>span:nth-of-type(1){
    font-weight:bold;
    display:block;
    bottom: 40px;
}
.event-block>div>span:nth-of-type(2){
    font-size:30px;
    margin-top: 10px;
}
.event-block>div>span:nth-of-type(3){
    margin-left: 40px;
    margin-bottom:-5px;
}

/* ---------------- BLOG styles ------------ */
.blog-header{
	margin-bottom:20px;
	margin-left:15px;
}
.blog-block{
    margin-bottom:30px;
	padding:5px 15px 5px 15px;
	border: 1px solid #e3e3e3;
	height:220px;
	overflow:hidden;
}
.blog-block:hover{
	background-color:#fcfcfc;
}
.blog-block:link{
	background-color:#f8f8f8;
}
.blog-block h3 {
    margin: 10px 10px 10px 0px;
}
.blog-block i {
	font-size: 15px;
	font-weight: 700;
}
a:hover{
	text-decoration:none;
}
a:link{
	text-decoration:none;
}

#share-buttons img {
	width: 48px;
	padding-left:7px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

 
/* ---------------- Quote styles ------------ */
.carousel-indicators .active{
    background-color: #c1c1c1;
}
.carousel-indicators li{
    border-color: #c1c1c1;
}
.carousel-indicators{
    bottom: -23px;
}
.quote-height{
	height: 150px;
}
.quote-margin {
	margin-top: 40px;
	margin-bottom: 40px;
}
/* ---------------- FAQ styles ------------ */
#faqContent{
	padding-top:20px;
}
#faqContent>h4{
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 0px;
	cursor:pointer;
}
#faqContent>h4.open{
	border-radius: 4px 4px 0 0;
}
#faqContent>p{
	border: 1px solid #e3e3e3;
	border-top:0px;
	border-radius: 0 0 4px 4px;
	margin-bottom: 0px;
	padding: 10px;
	display:none;	
}
#faqContent>h4:after{
	font-family: 'Glyphicons Halflings';
	content:"\e080";
	float: right;	
}
#faqContent>h4.open:after{
	font-family: 'Glyphicons Halflings';
	content:"\e114";
	float: right;	
}

/* ---------------- GOOGLE MAP styles ------------ */

#ManusMap{
    height:400px;
    border-radius:2px;
}

/* ---------------- FOOTER styles ------------ */
.footer-margin{
	margin-top: 0px;
}

.footer-top{
	background-color: #4d4d4d;
	color: #8f8f8f;
    margin-top:40px;
	margin-bottom:-50px;
}
.link-to-article{
    opacity: 0.5;
    cursor:pointer;
 }
.link-to-article:hover{
    opacity: 1;
 }

.footer-middle{
	background-color: #23292e;
	color: #8f8f8f;
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
	line-height: 20px;
}

.footer-middle h3{
	color: white;
	margin-bottom:20px;
}

.footer-bottom{
	position:relative;
	background-color: #181d21;
	color: #8f8f8f;
	font-size: 14px;
	line-height: 27px;
	border-bottom: 1px solid #23292e;
	padding-top: 60px;
	padding-bottom: 0px;
}
.footer-bottom .row{
	margin:0px;
}

.footer-bottom h6{
	color: white;
	text-transform: uppercase;
}
.back-to-top{
    right: 50px;
	position:absolute;
	top: -25px;
}

.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.btn-social-icon {
	width: 20px;
	margin: 0px;
	color:white;
    padding: 2px 0px 0px 0px;
    line-height:1.1;
}
.btn-social-icon + label{
    cursor:pointer;
    margin-bottom: 0px;
}
.btn-social-icon:hover{
	opacity: 0.5;
	color: white;
}
@media (max-width: 767px){
    .footer-bottom{
        text-align: center;
    }
    .btn-social-icon {
        width: 50px;
        margin: 0px 5px;
        color:white;
        padding: 5px 0;
        line-height:1.1;
        font-size: 35px;
    }
    .btn-social-icon + label{
        cursor:pointer;
        margin-bottom: 0px;
    }
}


/* ---------------- SOCIAL styles ------------ */

.btn-facebook{
	background-color:#3b5998;
}
.btn-twitter{
	background-color:#00aced;
}
.btn-youtube{
	background-color:#bb0000;
}
.btn-linkedin{
	background-color:#007bb5;
}
.btn-github{
	background-color:#4f00a3;
}
.btn-instagram{
	background-color:#3f729b;
}
.footer-copyright{
	padding:15px 0px 5px 0px;
}
.copyright-seperators{
	padding: 0 15px;
}


/* ---------------- LOG IN styles ------------ */
.bold {
	font-size: 18px;
	font-weight: 800;
	color: #181d21;
}
.loginmargin{
	margin-bottom: 107px;
	margin-top: -20px;
}
.orderb2b{
	background-color:#f9f9f9;
	width: 100%;
	padding: 20px 10px 0px 10px;
	-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.15);
	box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.15);
}
#hardwareb2b {
	background-color: #2f3541;
	color: #FFF;
	padding: 10px;
	width:100%;
	float: left;
	margin-top: -20px;
}
#softwareb2b {
	background-color: #2f3541;
	color: #FFF;
	padding: 10px;
	width:100%;
	float: left;
	margin-top: 15px;
}
#supportb2b {
	background-color: #2f3541;
	color: #FFF;
	padding: 10px;
	width:100%;
	float: left;
}
#personalb2b {
	background-color: #797e84;
	color: #FFF;
	padding: 10px;
	width:100%;
	float: left;
}
#shippingb2b {
	background-color: #797e84;
	color: #FFF;
	padding: 10px;
	width:100%;
	float: left;
}
#totalb2b {
	background-color: #797e84;
	color: #FFF;
	padding: 10px;
	width:100%;
	float: left;
}  
.shippingbtn{
	margin: 51px 15px 15px 0px;
}
.b2b-padding {
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.priceb2b {
	float:right;
}
.min-height{
	height: 670px;
}
.fixed-div {
	background-color: #fff;
}

/* ----- TEAM ----- */

.image-container {
    position: relative;
}
.image-container .after {
    position: absolute;
    top: 0;
    left: 20;
    width: 85.5%;
    height: 100%;
    display: none;
    color: #FFF;
	padding: 20px;
	
}
.image-container:hover .after {
    display: block;
    background: rgba(0, 0, 0, .4);
}
.text-middle {
	text-align: center; 
}
#trainingsim { 
	background: url(../media/business/manus-vr-business-photo1.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center; 
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#vrarcades { 
	background: url(../media/business/manus-vr-business-photo3.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center; 
}
#motioncapture { 
	background: url(../media/business/manus-vr-business-photo2.jpg);
    background-size: cover;
	background-repeat: no-repeat;
    background-position: center; 
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.padding-business-bg {
	padding-top: 90px;
	padding-bottom: 90px;
}
.text-shadow {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}