@import url(entypostyle.css);
@charset "utf-8"; 

.clearfix { float: none;clear: both;}
.pointer-events-none { pointer-events: none;}
::selection {  background: rgba(236, 35, 39,.7);}
::-moz-selection {  background: rgba(236, 35, 39,.7);}
div {display: block;overflow: hidden;}
.shadowText{text-shadow: 1px 1px 4px rgba(0, 0, 0, .6);}

a{ 
	font-family: 'PT Sans', sans-serif;
	text-decoration:none;
}

body{
	background-color: #1b1919;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.related-projects{
	background-color: #F3F3F3;
}
#lblSubtitle{
	font-size: 30px !important;
	padding-top: 55px;
	padding-bottom: 35px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
}
#divDescriptionHtml{
	font-size: 20px;
	color: #737373 !important;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.2;
}

#loadingDiv
{
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	text-align:center;
	width:100%;
	height:100%;
	background-color:#1b1919;
	display:block; 
	position:fixed; 
	z-index:9292929; 
	top:0; 
	left:0;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
}

#loadingDivLogo{
	width:70px;
	height:auto;
	position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
    -webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
}

#headerNavInnerPage {
	top:0px;
	left:-20px;
	z-index:10;
	width:200px;
	height:60px;
	background-color:#000000;
}

#headerLogoDiv {
	cursor: pointer;
	border:none; 
	background:url(../img/navlogo.png) left center no-repeat;
	width:188px;
	height:90px;
	margin: 0px 0px;
	padding:0px 40px;
	border-radius:0;
	display:block;
	text-indent:-99999px;
	position:relative;
	top:0px;
	left:20px;
	background-size:contain
}

nav {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;	
	overflow: hidden;
	background-color:#000000;
}

nav ul{
	list-style:none; 
	position: absolute;
	right: 20px;
	top: 0;
}

nav ul li a{ 
	font-family: 'PT Sans', sans-serif; 
	font-size:20px;
	font-weight:200;
	text-decoration:none;
	color:#7c7c7c;
	text-transform:uppercase; 
	transition: all .5s ease; 
	padding:20px 20px;
}

nav ul li a:hover{ 
	color:#ec2327;
}

nav ul li{ 
	display:block; 	
	float:left; 
	margin-top: 35px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 200;
}
.brandImage{
	width:100%;
	height:auto;

}
.imgBrand{
	width: 100% !important;
	height: 100% !important;
}


.section{
	width:100%;
	clear: both;
}

#errorSection{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
		
#headerSection{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:0px;
	width:100%;
	height:auto;
	font-family: 'PT Sans', sans-serif; 
	font-size:16px;
	color:#ffffff;
	overflow: hidden;
}

#headerSection h1{
	display:none;
	width:0px;
	height:0px;
}

#workSection{
}

#workSection h1{
	font-family: 'PT Sans', sans-serif; 
	font-size:34px;
	font-weight: 400;
	padding:40px 30px 40px;
	color:#ffffff;
	text-align:left;
	background-color: #1b1919;
}
#trademarkSection h1{
	font-family: 'PT Sans', sans-serif;
	font-size:34px;
	font-weight: 400;
	padding:40px 30px 40px;
	color:#ffffff;
	text-align:left;
	background-color: #1b1919;
}

#detailsSection{
	height:1200px;
	background-color:#f2f2f2;
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
	margin-bottom:0px;
	width:100%;
	height:auto;
	font-family: 'PT Sans', sans-serif; 
	font-size:16px;
	color:#000000;
	overflow: hidden;
}

#imgHolderDiv{
	margin:0px;
	padding:0px;
}

#videoHolderDiv{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#projectImg{
	width:100%;
	height:auto;
}

#projectDetailDiv{
	margin-left:120px;
	margin-top:20px;
	margin-bottom:40px;
	width:600px;
	height:auto;
	font-family: 'PT Sans', sans-serif; 
	font-size:20px;
	float:left;
}

#projectDetailDiv h1{
	font-family: 'PT Sans', sans-serif; 
	font-size:50px;
	line-height:110%;
	font-weight:700;
	padding-bottom:20px;
}

#projectDetailDiv h2{
	font-family: 'PT Sans', sans-serif; 
	font-size:26px;
	line-height:120%;
	font-weight:400;
	padding-bottom:20px;
}

#projectDetailDiv h3{
	font-family: 'PT Sans', sans-serif; 
	font-size:22px;
	line-height:140%;
	font-weight:400;
	padding-bottom:20px;
}

#projectDetailDiv p{
	font-family: 'PT Sans', sans-serif; 
	font-size:20px;
	line-height:140%;
	font-weight:400;
	padding-bottom:20px;
}

#aboutSection{
	background-color:#ee2e24;
	font-family: 'PT Sans', sans-serif; 
	font-size:18px;
	color:white;
	text-align:center;
}

#brandSection{
	background-color:#8d0000;
	font-family: 'PT Sans', sans-serif; 
	font-size:18px;
	color:white;
	text-align:center;
}

#projectDetailSection{
	background-color: white;
}

#relatedSection h1{
	font-family: 'PT Sans', sans-serif;
	font-size:34px;
	font-weight: 400;
	padding:40px 30px 40px;
	color:#ffffff;
	text-align:left;
	background-color: #1b1919;
}

#brandDiv {
	padding:80px 30px 50px 30px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	font-family: 'Open Sans', sans-serif; 
	font-size:28px;
	font-weight: 400;
	line-height:120%;
	color:#ffffff;
	text-align: center;
}

#brandSection h1{
	font-family: 'PT Sans', sans-serif; 
	font-size:34px;
	font-weight: 400;
	padding:40px 30px 40px;
	color:#ffffff;
	text-align:left;
	background-color: #1b1919;
}

#aboutDiv {
	padding:80px 30px 50px 30px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	font-family: 'Open Sans', sans-serif; 
	font-size:28px;
	font-weight: 200;
	line-height:120%;
	color:#ffffff;
	text-align: center;
}

#aboutDiv p {
	margin-left:auto;
	margin-right:auto;
	max-width:850px;
	text-align:center;
}

#aboutSection h1{
	font-family: 'PT Sans', sans-serif; 
	font-size:34px;
	font-weight: 400;
	padding:40px 30px 40px;
	color:#ffffff;
	text-align:left;
	background-color: #1b1919;
}

.aboutRow {
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	text-align:center;
	padding:20px 30px 80px 30px;
}

#aboutLogo{
	width:97px;
	height:auto;
	padding:0px 20px 40px;;
}

/* Sweep To Right */

.sliderText {
	z-index:10;
	cursor: pointer;
  	display: inline-block;
  	padding:20px 20px 20px 60px;
  	position: absolute;
	margin:20px 30px 40px 0px;
	bottom:0px;
	font-family: 'PT Sans', sans-serif; 
	font-size:28px;
	font-weight: 400;
	color:#ffffff;
	background: transparent;
	background-color:#1b1919;
  	color: white;
  	border: 0px solid white;
	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	-webkit-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}

.sliderText:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ee2e24;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sliderText:hover, .sliderText:focus, .sliderText:active {
  color: white;
}
.sliderText:hover:before, .sliderText:focus:before, .sliderText:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.headerDetailSocialMediaBtns{
	float:right;
	padding:6px 40px 0px 0px;
}

.headerDetailSocialMediaBtn{
	font-size:16px;
	color:#ffffff;
	display:inline-block;
	vertical-align:middle;
	padding:10px 0px 10px 20px;
}

.facebookHover:hover, .facebookHover:focus, .facebookHover:active{
	color: #ee2e24;
}
.twitterHover:hover, .twitterHover:focus, .twitterHover:active{
	color: #ee2e24;
}
.instagramHover:hover, .instagramHover:focus, .instagramHover:active{
	color: #ee2e24;
}

.sliderDetailText {
	z-index:10;
	float:left;
	cursor: pointer;
  	display: block;
  	padding:10px 100px 10px 40px;
	/*position: absolute;
	margin:20px 30px 40px 0px;
	bottom:0px;*/
	font-family: 'PT Sans', sans-serif; 
	font-size:16px;
	font-weight: 400;
	color:#ffffff;
	background: transparent;
	background-color:#8d0000;
  	color: white;
  	border: 0px solid white;
	vertical-align: middle;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	-webkit-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}

.sliderDetailText:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ee2e24;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sliderDetailText:hover, .sliderDetailText:focus, .sliderDetailText:active {
  color: white;
}
.sliderDetailText:hover:before, .sliderDetailText:focus:before, .sliderDetailText:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.sliderDetailText a{
	font-weight: 400;
	text-decoration:none;
	color:#ffffff;
}
.imgClass{
	width:100%;display:block;
}

#mapDiv{
	margin:0px 0px 0px 0px;
	min-width:320px;
}

#mapImg{
	width:100%;
	height:auto;
	padding:0px 0px 2px 0px;
}

#contactSection{
	height:490px;
	background-image: url(https://s3.eu-central-1.amazonaws.com/nordweb/location.jpg);
    background-repeat: no-repeat;
    background-position: center;  
}

#contactSection h1{
	font-family: 'PT Sans', sans-serif; 
	font-size:34px;
	font-weight: 400;
	padding:40px 30px 40px;
	color:#ffffff;
	text-align:left;
	background-color: #1b1919;
}

footer {
	width: 100%;
	min-height:1px;
	background-color: #ffffff;
	height:auto;
}

#mainLogoDiv{
	top:0px;
	left:0px;
	height:auto;
	min-width:300px;
	margin-bottom: 20px;
	float: left !important;
	width: 49.04943% !important;
	margin-right: 1.90114% !important;
}

#mainLogo{
	padding:30px 0px 20px 0px;
	width:80px;
}

#addressDiv {
	padding:0px 0px 0px 30px;
	width:44%;
	min-width:320px;
	height:490px;
	background-color:rgba(255,255,255,0.8);
	margin-bottom:0px;
}


#addressDiv p{
	font-family: 'PT Sans', sans-serif; 
	font-size:16px;
	font-weight: 400;
	margin-bottom:8px;
}

#addressDiv b{
	font-weight: 400;
	color:#525252;
}

#addressDiv a{
	font-weight: 400;
	text-decoration:none;
	transition: all .5s ease;
	color:#525252;
}
#addressDiv a:hover{ 
	color:#ec2327;
}

/** freewall **/
.freewallContainer { margin: 0px; }
#freewallContainer {
	width : 100%;
	background-color:#3c3c3c;
}
#freewallContainerTablet { width : 100%;}

.griditem {
	width:300px;
	height:205px;
	float:left;
	position:inline-block;
    cursor:pointer;
}

.griditemInfo {
	z-index:-1;
	bottom:0px;
    position: absolute;
    width: 100%;
    height: 100%;
    /*opacity:.6;*/
}

.griditem img {
	width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    -moz-user-select: none;
	-ms-user-select: none;
}

.griditem p {
	position: absolute;
	margin:20px 30px 30px;
	bottom:24px;
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	font-weight: 600;
	color:#ffffff;
}

.griditem span {
	position: absolute;
	margin:0px 30px 30px;
	bottom:0px;
	font-family: 'PT Sans', sans-serif; 
	font-size:18px;
	font-weight: 400;
	color:#c1c1c1;
}

/** social media **/
.aboutRow i {    
	width: 20px;
    height: 18px;
  	cursor: pointer;
  	display: inline-block;
  	-moz-transition: all 0.15s ease;
  	-o-transition: all 0.15s ease;
  	-webkit-transition: all 0.15s ease;
  	transition: all 0.15s ease;
	color: white;
	padding: 1em;
  	position: relative;
  	background: transparent;
  	color: white;
  	border: 2px solid white;
}

.aboutRow i:hover {
  border-radius: 50%;
  color: #ec2327;
  background: white;
}

.aboutRow i:not(:first-child) {
  margin-left: 1em;
}

/****************************** MEDIA QUERY ************************************************************************************/
@media (min-width: 1400px) {
	.sliderText {
		margin:20px 60px 100px 0px;
		font-size:34px;
	}
	.sliderDetailText {
		font-size:16px;
	}
	#headerSection{
		margin-top:0px;
	}
}

@media (max-width: 400px){
	#adressDiv {
		width:100%;
	}
}

/****************************** MEDIA QUERY ************************************************************************************/
@media (max-width: 500px) {
    .headerDetailSocialMediaBtns{
		display:none;
	}
	
    #headerLogoDiv {
		width:50px;
		height:50px;
		margin: 0px 0px;
		padding:0px 40px;
		top:0px;
		left:20px;
	}
	
	nav ul{
		right: 5px;
	}

	nav ul li a{ 
		font-size:17px;
		font-weight:200;
		padding:5px 5px;
	}

	nav ul li{ 
		margin-top: 17px;
	}
	
	#headerSection{
		margin-top:20px;
	}
	
	#workSection h1{
		font-size:20px;
		padding:20px 30px 20px;
	}
	#trademarkSection h1{
		font-size:20px;
		padding:20px 30px 20px;
	}
	
	#detailsSection{
		margin-top:50px;
	}
	
	#aboutDiv {
		padding:40px 30px 40px 30px;
		font-size:24px;
		text-align:center;
	}
	
	#aboutSection h1{
		font-size:20px;
		padding:20px 30px 20px;
	}

	#brandSection h1{
		font-size:20px;
		padding:20px 30px 20px;
	}

	#brandDiv {
		padding:40px 30px 40px 30px;
		font-size:24px;
		text-align:center;
	}
	
	#contactSection h1{
		font-size:20px;
		padding:20px 30px 20px;
	}
	#relatedSection h1{
		font-size:20px;
		padding:20px 30px 20px;
	}
	.aboutRow {
		font-size:14px;
		padding:20px 30px 40px 30px;
	}
	
	.sliderText {
		padding:10px 10px 10px 30px;
  		margin:10px 20px 20px 0px;
		font-size:20px;
	}
	
	.sliderDetailText {
		font-size:16px;
		padding:6px 40px 6px 30px;
	}
	
	#mapDiv{
		margin:0px 0px 0px 0px;
	}
	
}


/****************************** MEDIA QUERY ************************************************************************************/

@media (max-width:750px) {
	
	#projectDetailDiv{
		margin-left:30px;
		margin-right:30px;
		width:auto;
		height:auto;
	}
	
	#projectDetailDiv h1{
		font-size:24px;
		line-height:115%;
	}

	#projectDetailDiv h2{
		font-size:22px;
		line-height:115%;
	}

	#projectDetailDiv h3{
		font-size:20px;
		line-height:115%;
	}

	#projectDetailDiv p{
		font-size:20px;
		line-height:115%;
	}
}
/*SMARTPHONES PORTRAIT*/
@media only screen and (min-width: 320px) and (max-width: 479px){
	.tablet-form-group{
		display: none;
	}
	.imgClass {
		margin-top: 55px;
	}
	/*.griditemInfo{
		width: 100%;
		margin: 0px !important;
		padding: 0px !important;

	}*/
	.related-projects{
		padding: 0px !important;
		margin: 0px !important;
	}
	.mobileRelated{
		padding: 0px !important;
		margin: 0px !important;
	}
	.mobile-form-group{
		padding: 0px !important;
		margin: 0px !important;
	}

	/*.griditem{
		width: 100%;
	}*/
	#divDescriptionHtml{
		font-size: 20px;
		color: #737373 !important;
		padding-top: 0px;
		padding-bottom: 0px;
		line-height: 1.2;
	}
	.griditemProject{
		padding:0px !important;
		margin: 0px; !important;
	}
	.griditem{
		width: 100% !important;
	}
	.griditem img{
		height: auto !important;
	}
	.griditemInfo{
		opacity: 0.8 !important;
	}

	nav ul li a{
		font-size:12px !important;
	}


}
/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px){
	.tablet-form-group{
		display: none;
	}
	.imgClass {
		margin-top: 55px;
	}
	/*.griditemInfo{
		width: 100%;
		margin: 0px !important;
		padding: 0px !important;
	}*/
	.related-projects{
		padding: 0px !important;
		margin: 0px !important;
	}

	.mobileRelated{
		padding: 0px !important;
		margin: 0px !important;
	}
	.mobile-form-group{
		padding: 0px !important;
		margin: 0px !important;
	}
	.griditem{
		width: 100% !important;
	}
	.griditem img{
		height: auto !important;
	}
	#divDescriptionHtml{
		font-size: 20px;
		color: #737373 !important;
		padding-top: 0px;
		padding-bottom: 0px;
		line-height: 1.2;
	}
	.griditemProject{
		padding:0px !important;
		margin: 0px; !important;
	}
	.griditemInfo{
		opacity: 0.8 !important;
	}
	nav ul li a{
		font-size:12px !important;
	}
}
/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.mobile-form-group{
		display: none;
	}
	.imgClass {
		margin-top: 55px;
	}
	/*.griditemInfoProject{
		width: 100%;
		margin: 0px 0px 0px 0px !important;
		padding: 0px !important;


	}*/
	/*.griditemProject{
		margin-left: 80px;
	}*/
	.related-projects{
		padding: 0px !important;
		margin: 0px !important;
	}

	.mobileRelated{
		padding: 0px !important;
		margin: 0px !important;
	}
	.mobile-form-group{
		padding: 0px !important;
		margin: 0px !important;
	}
	#divDescriptionHtml{
		font-size: 20px;
		color: #737373 !important;
		padding-top: 0px;
		padding-bottom: 0px;
		line-height: 1.2;
	}
	.griditem{
		width: 50% !important;
	}
	.griditem img{
		height: auto !important;
	}
	.griditemInfo{
		opacity: 0.8 !important;
	}
	.form-group{
		margin-bottom: 0px !important;
	}

}
@media only screen and (min-width: 992px)/*and (max-width: 1024px)*/{
    .tablet-form-group{
        display: none;
    }
}