@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,600,400,300);

body {
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  /*overflow: hidden;*/
}

a {
	-webkit-transition: all .17s ease-in-out;
	-moz-transition: alall .17s ease-in-out;
	-o-transition: all .17s ease-in-out;
	transition: all .17s ease-in-out;
}
hr { margin: 40px 0; }
p, ul, ol { line-height: 26px; }
p {	margin: 10px 0 20px; }
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
	margin-bottom: 10px;
}
p + h2, p + h3, p + h4, p + h5 { margin-top: 35px; }

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.clientlogos { padding-left: 5px; padding-right: 15px; }
.clientlogos .clientlogo { padding-left: 10px; }
.clientlogos img {
	border: 1px solid #ccc; 
	margin-bottom: 16px;
}
.clientlogos.full { 
	padding-left: 0px; 
	padding-right: 0px;
	padding-bottom: 40px;
}
.clientlogos.full .clientlogo { padding-right: 10px; }
.clientlogos.full p {
	text-align: center;
	margin-top: -10px;
	font-weight: 300;
	font-style: italic;
}
.clientlogos.full p.intro {
	font-size: 140%;
}
.clientlogos.full p.meer {
	padding-top: 10px;
	padding-right: 15px;
	text-align: right;
	color: #cb0a1f;
}

.header_li{
	width: 170px;
	margin-right: -45px;
}
.navigation_menu li a{
	text-transform: uppercase !important;
}
header {
	background: #fff;
	position: relative;
  	z-index: 555;
	border-bottom: 1px solid #cfcfe0;
}
	.menu-is-open header { background: #efefef; }
	.menu-is-open .cd-primary-nav-trigger { background: white; }

	header .logo {
		display: inline-block;
		/*max-width: 200px;*/
		max-width: 220px;
		margin: 24px 0;
	}

	header .logo img {max-width: 100%;}

	header ul {
		float: right;
		list-style: none;
		padding: 0;
		margin: 0;
	}

		header ul li {display: inline-block; }
		
			header ul a {
				display: block;
				color: #a7a8a8;
				font-size: 12px;
				/*padding: 30px 24px;*/
				padding: 20px 24px;
				text-transform: uppercase !important;
				text-decoration: none !important;
			}

			header ul a:hover, header ul a:active {
				color: #fff;
				background: #cb0a1f;
			}

				header ul a i {margin-left: 10px}
.btnBorder {
	border: 2px solid #fff;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	display: inline-block;
}
.page_image{
    margin-right: 140px;
    margin-top: 15px;
}
.btnBorder:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
}
#login-form-modal{
  width: 300px;
  position: relative;
  margin: auto auto;
}
#BootstrapMemberLoginForm_LoginForm_Remember{
	margin-top: -16px;
}
#login-form-modal > a{
	display: none;
	/*.btnBorder i {margin: 0 10px}*/
}

.home {
	background-size: cover !important;
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #040404;
	padding: 6% 0;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/home.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/home.jpg', sizingMethod='scale')";
}

	.home h1 {
		font-style: italic;
		color: #fff;
		font-weight: 300;
		font-size: 50px;
		line-height: 1.2;
		margin-bottom: 30px;
		margin-top: 0;
	}

	.home p {
		color: #fff;
		margin-bottom: 40px;
	}

.technics {
	padding: 50px 0;
}
	.technics a {
		text-decoration: none !important;
	}
	.technics a p {
		color: #666666;
	}
	.techBlock {text-align: center;}

		.techBlock img {margin: 0 auto 35px}

		.techBlock h4 {
			color: #cb0a1f;
			font-weight: 600;
		}

.landingInfo {
	padding: 50px 0;
	min-height: 500px;
}

	.landingInfo h1 {font-size: 25px;
  font-weight: bold;}

	.landingInfo h2 {  font-size: 18px;
  font-weight: bold;}

	.landingInfo p, ul, ol {
		color: #666666;
		/*margin-bottom: 35px;*/
	}

	.share {
		color: #cb0a1f;
		text-align: right;
	}

		.share ul {
			display: inline-block;
			vertical-align: middle;
			padding: 0;
			margin: 0;
		} 

		.share ul li {
			display: inline-block;
			margin-right: 10px;
			margin-bottom: 12px;
		} 

		.share a {
			display: block;
			background-color: white;
			border: 1px solid white;
			border-top-width: 0px;
			
		}
		
		.share img:hover { 
			opacity: 0.85; 
		}

section {
	position: relative;
	z-index: 10;
	background-color: white;
}

footer {
	background: url(../images/footer.jpg);
	background-size: cover;
	background-position: center;
	padding: 30px 0;
	color: #fff;
	line-height: 23px;
	z-index: 1;
	width: 100%;
	position: absolute;
}

	footer .footerlogo {
		margin-left: -5px;
		margin-bottom: 10px;
	}

	footer a.btnBorder i {margin-left: 0;font-size: 24px;  display: inline-block; vertical-align: middle;margin-right: 15px;}

	footer .links a {
		color: #fff;
		display: block;
	}
	
	body.footereffectactive {
		margin-bottom: 198px;
	}
	body.footereffectactive footer {
		position: fixed;
		bottom: 0;
	}
	
/** Footer slideup (moved to js) **/
/*@media screen and (min-width:1025px) {
	
	 .scrollbar is set from js if enough content to create a scrollbar, else we'll just show the footer absolute 
	body.scrollbar.up {
		margin-top: -198px;
		
	}
	body.scrollbar footer {
	}
	
}*/


/**********************responsive menu*******************************/


.cd-primary-nav-trigger {
	color: #a7a8a8;
	float: right;
	border-left: 1px solid #cfcfe0;
	border-right: 1px solid #cfcfe0;
	position: relative;
	padding: 26px 50px 26px 20px;
	font-size: 16px;
	margin-right: -15px;
	text-decoration: none!important;
	position: relative;
	z-index: 30;
}
.menu-is-open .cd-primary-nav-trigger {
	border-bottom: 1px solid white;
	margin-bottom: -1px;
}

/*.overflow-hidden .cd-primary-nav-trigger  {background: #cb0a1f;}
.overflow-hidden .cd-primary-nav-trigger .cd-menu-text {color: #fff;}*/
.cd-primary-nav-trigger .cd-menu-text {
  color: #a7a8a8;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none !important;
  /* hide the text on small devices */
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: auto;
  top: 50%;
  bottom: auto;
  right: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #a7a8a8;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #a7a8a8;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

.greybgcover {
	position: fixed;
	background-color: rgba(100,100,100,0.1);
}
.navigation-menu.is-visible .greybgcover {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.navigation-menu {
	position: absolute;
	z-index: 20;
	/*display: none;*/
	width: 100%;
	padding-bottom: 24px;
	line-height: 100%;
}
.navigation-menu .container {
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.navigation-menu.is-visible .container {
	max-height: 1600px;
}
.navigation-menu div.nav-bg {
	background-color: white;
	position: relative;
	z-index: 1;
	-moz-box-shadow: 0px 0px 24px 0px #333333; 
	-webkit-box-shadow: 0px 0px 24px 0px #333333; 
	box-shadow: 0px 0px 24px 0px #333333; 
}
.navigation-menu.is-visible {
	/*display: block;*/
}
.navigation-menu .row {
	padding: 20px 0px;
}
.navigation-menu .col {
	border-left: 1px solid #cfcfe0;
	padding-left: 30px;
}
.navigation-menu .col:first-child {
	border: none;
	padding-left: 15px;
}
.navigation-menu p.navheading {
	font-size: 18px;
	font-weight: 300;
	color: #666;
	margin-bottom: 22px;
	margin-top: 10px;
}
.navigation-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.navigation-menu a {
  display: inline-block;
  padding: 8px 0px 8px 28px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
}
.navigation-menu a .fa-angle-right {
	color: #cb0a1f;
	font-size: 180%;
	position: absolute;
	margin-left: -24px;
	margin-bottom: -2px;
	font-weight: bold;
}
.navigation-menu .imgnav a {
	padding-left: 0px;
	margin-bottom: 16px;
}
.navigation-menu .imgnav img {
	width: 28px;
	height: auto;
	margin-right: 12px;
	margin-top: -10px;
	margin-bottom: -10px;
}
.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (max-width:767px) {
	.navigation-menu .row { padding-top: 10px; }
	.navigation-menu .col {
		border-right: none;
		height: auto !important;
		padding-top: 20px;
		padding-left: 15px;
	}
	.navigation-menu .col:first-child {
		padding-top: 0px;
	}
	.navigation-menu .col ul {
		border-bottom: 1px solid #cfcfe0;
		padding-bottom: 20px;
	}
	.navigation-menu .col:last-child ul {
		border: none;
		/*padding-top: 0;*/
	}
	.navigation-menu p.navheading {
		margin-bottom: 10px;
	}
	.navigation-menu .third.col p.navheading {
		display: none;
	}
	.cd-primary-nav-trigger {
		border-right: none;
	}
}
@media screen and (max-width:370px) {
	header .logo { width: 200px; padding-top: 2px; }
}
@media screen and (max-width:350px) {
	header .logo { width: 160px; padding-top: 3px; }
}

@media screen and (max-width:850px) {
	
	.home {background-position: top right -70px;}
	
/*	.cd-primary-nav-trigger { padding: 26px 40px 26px 20px; }
	.cd-primary-nav { padding-top: 80px; }*/
	
}

@media screen and (min-width:660px) and (max-width:850px) {

	header {border-bottom: 1px solid #cfcfe0}

	.techBlock img {margin: 35px auto}

}

@media screen and (min-width:460px) and (max-width:659px){
	

	.home h1 {
		font-size: 34px;
		margin-bottom: 10px;
	}

	.home p {margin-bottom: 10px;}

	.technics {
		padding: 20px 0;
	}

	.techBlock img {margin-bottom: 20px;}

	.techBlock p {margin-bottom: 25px;}

	footer {padding: 15px 0}

	footer a {margin: 15px 0; display: inline-block;}

	.landingInfo {
		padding: 20px 0 60px;
	}

}

@media screen and (max-width:459px){

	.home {background-position: top right -105px;}

	.home h1, .home p {max-width: 90%;}

	.home h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.home p {margin-bottom: 10px;font-size: 12px;}

	.technics {
		padding: 20px 0;
	}

	.techBlock img {margin-bottom: 20px;}

	.techBlock p {margin-bottom: 25px;}

	footer {padding: 15px 0}

	footer a {margin: 15px 0 0;display: inline-block;}

	.landingInfo {
		padding: 20px 0;
	}

}

/* Links */
.typography a {
	color: #cb0a1f;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


/* IMAGES 
-------------------------------------------- */
.typography img {
    height: auto;
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 20px 10px 0px;
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 10px 20px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.right p {
    text-align: left;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}

/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse;
    border: 1px solid #d4d4d4;
    border-spacing: 0;
    margin: 0 0 10px;
    text-align: left;
}
.typography table td, .typography table th {
	font-size: 14px;
	color: #666;
	padding: 6px;
}
  .typography table tr:nth-child(even) {
      background-color: #ededed
  }
  .typography table tr.even,
  .typography table th,
  .typography thead td {
      background-color: #ededed
  }
  .typography table td,
  .typography table th {
      padding: 2px 5px;
      border: 1px solid #d4d4d4;
      vertical-align: top;
  }
  .typography table th {
      font-weight: bold;
  }


/* edits & quick fixes */
.btn {
	background-color: #cb0a1f;
	padding: 16px;
	border-radius: 0;
	margin-top: 10px;
	font-weight: bold;
	color: white;
}
.btn:hover { 
	color: white;
	opacity: 0.9;
}

.typography ul.checkmarks li {
	list-style-type: none;
}
.typography ul.checkmarks li:before {
    content:"\2713\0020";
	margin-left: -1.1em;
	font-size: 1.6em;
}

a[href^="tel:"]:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f098\00a0";
}


/* footer animation */
/*body.animation { padding-bottom: 198px; }
body.animation footer { position: absolute; width: 100%; transition: all 0.3s ease; margin-top: 200px; margin-bottom: -200px; }
body.animation footer.up { margin-top: 0; margin-bottom: 0; }*/


.col-x-up {
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-2-up { width: 50%; }
.col-xs-3-up { width: 33.33333%; }
.col-xs-4-up { width: 25%; }
.col-xs-5-up { width: 20%; }
.col-xs-6-up { width: 16.66666%; }
.col-xs-7-up { width: 14.28571%; }
.col-xs-8-up { width: 12.5%; }

@media (min-width: 768px) {
	.col-sm-2-up { width: 50%; }
	.col-sm-3-up { width: 33.33333%; }
	.col-sm-4-up { width: 25%; }
	.col-sm-5-up { width: 20%; }
	.col-sm-6-up { width: 16.66666%; }
	.col-sm-7-up { width: 14.28571%; }
	.col-sm-8-up { width: 12.5%; }
}
@media (min-width: 992px) {
	.col-md-2-up { width: 50%; }
	.col-md-3-up { width: 33.33333%; }
	.col-md-4-up { width: 25%; }
	.col-md-5-up { width: 20%; }
	.col-md-6-up { width: 16.66666%; }
	.col-md-7-up { width: 14.28571%; }
	.col-md-8-up { width: 12.5%; }
}
@media (min-width: 1200px) {
	.col-lg-2-up { width: 50%; }
	.col-lg-3-up { width: 33.33333%; }
	.col-lg-4-up { width: 25%; }
	.col-lg-5-up { width: 20%; }
	.col-lg-6-up { width: 16.66666%; }
	.col-lg-7-up { width: 14.28571%; }
	.col-lg-8-up { width: 12.5%; }
}