/* Basis settings : begin */

//@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);

html										{overflow-x : hidden; overflow-y : scroll;}
body										{background-size: cover; background-position: center top; background-repeat:repeat; background-image: url('../Images/Body/DefaultBackground.jpg'); background-attachment: fixed; margin: 0px; color: #0c5609; } 

a img										{border: solid 0px;}
table										{border-spacing: 0px;}
h1, h2, h3									{margin: 0px; padding: 0px;}
nav ul										{list-style: none; margin: 0px; padding: 0px;}
.CB											{clear: both;}
::selection 									{background: #cdbea8; /* WebKit/Blink Browsers */}
::-moz-selection 							{background: #cdbea8; /* Gecko Browsers */}
a[href^=tel]								{color:inherit;text-decoration:none;}

.FloatLeft									{float: left !important;}
.FloatRight									{float: right !important;}
.Hidden, .hidden, .hide						{display:none !important;}


a.No3 										{background-color: transparent; width: 56px; height: 55px; display: block;    bottom: 0px; text-align: left;   left: 0px;    position: absolute; overflow:hidden;    color: #9a9a9a;    text-decoration: none;    line-height: 0px;    z-index: 101;}
input										{font-family: Raleway, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 26px;}
body										{font-family: Raleway, Arial; font-style: normal; font-weight: 600; font-size: 100%; line-height: 26px;}
h1											{font-family: Merriweather, Arial; text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 54px; line-height: 46px; color: #0c5609; margin-bottom: 20px;}	
h2											{font-family: Raleway, Arial; text-transform: uppercase; font-style: normal; font-weight: 900; font-size: 34px; line-height: 30px; color: #c9d51a;}	
h3											{font-family: Raleway, Arial; text-transform: uppercase; font-style: normal; font-weight: 900; font-size: 18px; line-height: 26px; color: #c9d51a;}	


div.Panel									{position: relative; width: 100%; text-align: center; z-index:1;background-color:rgba(255,255,255,0.5);}
div.Wrapper									{position: relative; margin: 0px auto; width: 1024px; text-align:center;}


/* Basis settings : end */

.page-5 #HeaderSlider
{
	display: none;
}

.TemplateHeaderText .Wrapper,
.TemplateText .Wrapper,
.TemplateTextAndPhoto .Wrapper
{
	
	overflow-wrap: break-word;
  word-wrap: break-word;

  /*-ms-word-break: break-all;*/
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  /*word-break: break-all; manual disabled*/
  /* Instead use this non-standard one: */
  /*word-break: break-word;*/

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  /*-ms-hyphens: auto;*/
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  
 
}

.TemplateHeaderText .No3Editor a
{
	color: #f2f2f2;
}


/* Header : begin  */
#Header										{height: 156px; background-color: #FFFFFF;}

.LogoHolder									{padding-top: 20px; float:left;}
.LogoHolder img								{max-height: 114px;}

.PhoneHolder								{float:right;}
.PhoneAndMenuHolder							{padding-top: 63px; display: inline-block; float:right; }

.PhoneHolder								{display:inline-block; font-family: Raleway, Arial; font-style: normal; font-weight: 900; font-size: 18px; line-height: ; color: #0c5609;}

.PhoneHolder .icon							{padding-top:1px;display:block; float:left; color: #c9d51a; padding: 0px; font-size: 28px;}
.PhoneHolder .name							{display: none;}
.PhoneHolder .number						
{
	margin-left: 10px; 
	color: #0c5609; 
	font-family: Raleway, Arial; 
	font-style: normal; 
	font-weight: 900; 
	font-size: 20px;
}



#MobileMenuHolder 							{display: none;}

/* Header : end  */



/* MENU header : begin */
#HeaderMenu									{z-index: 900; height: 60px; background-color: rgba(201,213,26,0.95); }
#HeaderMenu.Collapsed						{display: block;}
#HeaderMenu .Wrapper						{width: 100%;}
#HeaderMenu .Wrapper nav.header				{display:inline-block;}


#HeaderMenu nav > ul							{margin: 0px auto 0 auto; list-style: none;    padding: 0px;    display: block;   text-align:left;}

nav > ul > li 								{padding-top: 20px; height: 61px; border:0px solid black;text-align: center; padding: 0px; display: inline-block;  margin-left:30px;}

nav > ul > li:first-of-type					{margin-left:0px;}

nav > ul li a 								{text-transform: uppercase; letter-spacing: 1px; padding: 19px 0 15px 0; display: inline-block; text-decoration: none; color: #0c5609; font-size: 18px; line-height: ; font-family: Raleway, Arial;  font-style: normal; font-weight: 900;}
nav > ul li a.MainActive 					{color: #FFFFFF;}
nav > ul li:hover > a 						{color: #FFFFFF;}




ul.Sub 										
{
	margin-top:-2000px; 

	position:absolute; 
	opacity: 0; 
	z-index: -1; 
	background-color:rgba(255,255,255,0.89);
	
	transition-property: opacity, margin-top;
	transition-duration: 0.2s, 0s;
	transition-delay: 0.2s, 0s;
}

ul.Sub.Collapsed {margin-top:0px; opacity:1;}

nav > ul li:hover ul.Sub							{margin-top:0px; opacity: 1; z-index: 100;}

ul.Sub											{padding:0;}

nav > ul li ul.Sub.Collapsed						{display: block;}

ul.Sub li 	 									{margin-top:0px;text-align:left; padding: 0px; border-bottom: 1px solid rgba(201,213,26,0.4);}
ul.Sub li:last-child							{border-bottom: 0px;}
ul.Sub li a 									{padding: 15px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: #0c5609; font-size: 0.8em; line-height: ; font-family: Raleway, Arial;  font-style: normal; font-weight: 900;}
ul.Sub li a.MainActive 							{color: #c9d51a;}
ul.Sub li:hover a 								{color: #c9d51a;}



/* MENU header : end */



#HeaderSlider									{z-index: 0;     background-color: rgba(0,0,0,0.55);    margin-top: -79px;}
#HeaderSlider .Wrapper							{width: 100%; height: 900px;}
#HeaderSlider .cycle-slideshow					{height: 900px; width: 100%; margin:auto;}
#HeaderSlider .SliderItem						{height: 900px; width: 100%; background-size: cover; background-position: center;}
#HeaderSlider .SliderNav							{display:none;}
#HeaderSlider a.SliderButton 					{overflow: hidden;text-decoration: none;  display: table; width: 250px; height: 900px; position: absolute; top: 0px; z-index: 150;}



#HeaderSlider a.SliderPrev						{left:0;}
#HeaderSlider a.SliderNext 						{right:0;}
#HeaderSlider a.SliderNext .icon					{float: right;}

a.SliderButton .IconHolder						{display: table-cell; vertical-align: middle;}
a.SliderButton .icon							{color: #FFFFFF; padding: 25px; width: 82px; background-color: rgba(201,213,26,0.3);}
a.SliderButton:hover .icon						{color: #FFFFFF; background-color: rgba(201,213,26,0.6); transition: ease 0.4s;}

.slider-caption									{padding-top: 20px; color: #c9d51a; font-family: Raleway, Arial; font-style: normal; font-weight: 600; font-size: 1.5em; line-height: 1.75em;}

.NoSliderImageAvailable							{position: relative; padding-top: 200px;}

/* HeaderSlider : end */

/* ProjectSlider : begin */
#ProjectSlider									{margin-bottom: 120px; z-index: 1; }
#ProjectSlider .Wrapper							{padding-bottom:100px;/*height: 600px; */ background-color:#FFFFFF; margin:auto; text-align:center;}
#ProjectSlider .cycle-slideshow					{height: 600px; width: 960px; margin:auto;}
#ProjectSlider .SliderItem						{height: 600px; width: 100%; background-size: cover; background-position: center;}
#ProjectSlider .SliderNav										{display:none;}
#ProjectSlider a.SliderButton 					{text-decoration: none;  display: table; width: 250px; height: 100%; position: absolute; top: 0px; z-index: 150;}


#ProjectSlider a.SliderPrev						{left:0;}
#ProjectSlider a.SliderNext 					{right:0;}
#ProjectSlider a.SliderNext .icon				{float: right;}
.slider-caption									{padding-top: 20px; color: #c9d51a; font-family: Raleway, Arial; font-style: normal; font-weight: 600; font-size: 1.5em; line-height: 1.75em;}


/* ProjectSlider : end */


/* Project detail : begin */
.BackToListPanel.TemplateText					{position: absolute; z-index: 2;margin-top: 26px;}
.BackToListPanel.TemplateText .Wrapper			{padding: 10px 20px; text-align: right; background: transparent; }
.BackToListPanel.TemplateText .Wrapper a		{border:0px; transition: ease 0.3s; }
.BackToListPanel.TemplateText .Wrapper a:hover	{color: #c9d51a; background-color: transparent;}



.ProjectDetails H1								{text-transform: uppercase;}
/* Project detail : end */	

/* Slider generic : begin */
.SliderPrev .icon 								{-ms-transform: rotate(270deg); /* IE 9 */  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */  transform: rotate(270deg);}

.SliderNext .icon 								{-ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */  transform: rotate(90deg); }
/* Slider generic : end */


/* TemplateHeaderText : begin */
.TemplateHeaderText.Panel						{	width:100%;  background-color: transparent; height: 900px; margin: -900px auto 0px;}

.TemplateHeaderText div.WrapperButtonPanel		{margin-top:40px;  width: auto;}

.TemplateHeaderText .ColumnText					
{
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
	text-shadow: 0 4px 4px rgba(38, 38, 38, 0.7);
	max-height: 800px;
    overflow-y: auto;	
}	

.TemplateHeaderText .ColumnText p
{
	font-size: 2em;
}
.TemplateHeaderText .Wrapper					
{
	
	color: #0c5609;
	width: 100%;
	top: 50%;
    transform: translateY(-50%);
}

.TemplateHeaderText .ColumnText H1
{
	font-family: 	Raleway, Arial; 
	font-size: 		94px;
	font-weight: 	900; 
	line-height: 	; 
	text-transform: uppercase; 
	color: 			#c9d51a;	
}

.TemplateHeaderText .ColumnText H2					
{
	font-family: 	Merriweather, Arial; 
	font-size: 		54px;
	font-weight: 	700; 
	line-height: 	; 
	text-transform: none; 
	color: 			#FFFFFF;
}
	
.TemplateHeaderText .WrapperButtonPanel a		
{
	margin:0;
	border: 1px solid #c9d51a; 
	background-color: #c9d51a;
	text-shadow: 0 0px 0px rgba(38, 38, 38, 0);
	
	font-family: 	Raleway, Arial; 
	font-size: 		25px;
	font-weight: 	900; 
	line-height: 	; 
	text-transform: uppercase; 
	color: 			#0c5609;

}
	
.TemplateHeaderText .WrapperButtonPanel a:hover		
{
	border: 1px solid #0c5609; 
	color: #FFFFFF;
	background-color: #0c5609;
}


	
	


/* TemplateHeaderText : end */


/* TemplateText : begin */
.TemplateText .Wrapper									{padding: 80px 120px 20px 120px; background-color: transparent;}
div.WrapperButtonPanel									{padding-bottom: 15px; position: relative; margin: 0px auto; width: 1024px; text-align:center;}
div.WrapperButtonPanel p 									{margin:0px;}

.WrapperButtonPanel a,
.TemplateText .Wrapper a								
{
	margin:20px 0 50px 0; 
	padding:15px 30px; 
	text-decoration: none; 
	border: 2px solid #FFFFFF; 
	background-color: #0c5609; 
	display: inline-block; 
	
	font-family: 	Raleway, Arial; 
	font-style: 	normal; 
	font-weight: 	900; 
	font-size: 		25px; 
	line-height: 	26px; 
	color: 			#FFFFFF;
	text-transform:	uppercase;
}

.WrapperButtonPanel a:hover,
.TemplateText .Wrapper a:hover								
{
	color: 			#0c5609;
	border: 2px solid #0c5609; 
	background-color: #FFFFFF; 
	transition: ease 0.3s;
}


/* TemplateText : end */

/* Projects  : begin */
#Projects .Wrapper										{padding: 75px 0 75px 0; background-color: #FFFFFF;}
#Projects .Wrapper h1									{margin-bottom: 50px;}
	#Projects  #ProjectList 								{width: 98%; margin: 1%;}
		#Projects .ProjectItem							{height: 360px; overflow: hidden; text-decoration: none; cursor:pointer; float:left; position: relative; margin: 1%; width: 31.33%; margin-bottom:40px;}
			#Projects  .ProjectTitle					{font-family:Raleway, Arial; font-size: 34px;  font-weight: 900; color: #c9d51a; position: relative; margin-top:20px;}
			#Projects .ProjectSubTitle					{font-family:Raleway, Arial; font-size: 18px;  font-weight: 900; color: #c9d51a; margin-bottom:20px;}
			#Projects .ProjectImage						{height: 241px; position: relative;}
		
		#Projects .ProjectItem:hover img 				{opacity:0.5; transition: ease 0.9s;}
		#Projects .ProjectItem:hover	 				{background-color: rgba(12,86,9, 0.3); transition: ease 0.1s;  }

		.ProjectDetails.TemplateText .Wrapper			{padding: 53px 120px 20px;}
/* Projects : end */

/* Iframe : begin */
.Iframe.Panel											{}
.Iframe iframe 											{width:100%;min-height: 800px;}
/* Iframe : end */



/* TemplateTextAndPhoto : begin */
.TemplateTextAndPhoto.Panel							{line-height:0;}
.TemplateTextAndPhoto.Panel .Wrapper .ColumnText p 	
{
	line-height:2em; margin:0;
}
.TemplateTextAndPhoto.Panel .Wrapper .ColumnText
{
	color:	#0c5609;
}

.TemplateTextAndPhoto .Wrapper .WrapperButtonPanel a					
{
	margin:				20px 0 10px 0; 
	padding:			15px 30px; 
	text-decoration: 	none; 
	border: 			2px solid #0c5609; 
	background-color: 	transparent; 
	display: 			inline-block; 

	font-family: 		Raleway, Arial; 
	font-style: 		normal; 
	font-weight: 		900; 
	font-size: 			25px; 
	line-height: 		26px; 
	color: 				#0c5609;
	text-transform:		uppercase;
}

.TemplateTextAndPhoto .Wrapper .No3Editor a		
{
	text-decoration: none;
	color: 				#0c5609; 
}

.TemplateTextAndPhoto .Wrapper .No3Editor a:hover		
{
	text-decoration: underline;
}

.TemplateTextAndPhoto .Wrapper .WrapperButtonPanel a:hover		
{
	border: 			2px solid #0c5609; 
	background-color: 	#0c5609; 
	color: 				#c9d51a; 
	transition: 		ease 0.3s;
}

.TemplateTextAndPhoto .Wrapper				{width:100%; min-height: 455px; background-color: #c9d51a;}
.TemplateTextAndPhoto .ColumnPhoto 			{top:0px; width:100% !important; height: 100% !important; float: none; position:absolute !important; }
.TemplateTextAndPhoto .Wrapper > div		{width:780px;  float: none; position:relative; overflow:hidden; }
.ColumnText h1,
.ColumnText h2								{margin: 0px 0px 15px 0px ; font-family: Merriweather, Arial; font-style: normal; font-weight: 700; font-size: 54px; line-height: 1em; color: #0c5609;}
.TemplateTextAndPhoto .ColumnText			
{
	z-index: 1 !important;
	background-color: rgba(201,213,26,0.75);
	float: none !important;   display: inline-block !important;    
	position: relative !important;    
	min-height: 304px;   
	margin: 150px auto;	
	width: 50%; 
	padding:60px 40px; 
	color: #FFFFFF;
}

.TemplateTextAndPhoto div.No3BlokAdminButtons	{top: 90%;}
.TemplateTextAndPhoto div.No3ImageDropzone div.Inner {z-index:0;}



.TemplateTextAndPhoto .text					{overflow: hidden;}
.TemplateTextAndPhoto div.WrapperButtonPanel	{width:100%; background-color: transparent;}

/* TemplateTextAndPhoto : end */


/* Footer : begin */
#Footer										{z-index:1;background-color: rgba(255,255,255,.8);}

.FooterTitle								
{
	margin:90px 0 30px 0; 
	text-align: left;
	
	font-family: 	Raleway, Arial; 
	font-style: 	normal; 
	font-weight: 	900; 
	font-size: 		25px; 
	line-height: 	26px; 
	color: 			#c9d51a;
	text-transform:	uppercase;

}



#Footer	.FooterColumn						{float: left; margin:0 0 70px 70px;}
#Footer	div.FooterColumn:first-of-type		{margin:0 0 70px 0;}


#Footer	ul.Sub								{display:block;}
#Footer	nav > ul li							{border:0px; float:none;text-align: left; margin-left:0px;display: block; padding:0; margin:0; height:auto;}

#Footer	nav > ul li a
{
	padding:0;
	font-family: 	Raleway, Arial; 
	font-style: 	normal; 
	font-weight: 	900; 
	font-size: 		12px; 
	line-height: 	30px; 
	color: 			#0c5609;
	text-transform:	uppercase;
	display: block;
	text-decoration: none;
}

#Footer	nav > ul li:hover a
{
	color: 			#c9d51a;
}


.CompanyName								{display:inline-block;	margin: 86px auto 30px auto;	font-family: Raleway, Arial; font-style: normal; font-weight: 600; font-size: 1.5em; line-height: 1.625em; color: #0c5609;}
.CompanyDetails								{padding-bottom:80px;	font-family: Raleway, Arial; font-style: normal; font-weight: 400; font-size: 1em; line-height: 2.125em; color: #0c5609;}
.CompanyDetails a							{color: #0c5609;	text-decoration: none;}


/* No3 icon : begin */
#No3					{position: fixed; bottom: 5px; left: 5px; width: 110px; height: 20px;}
	#No3O				{font-size: 15px; color: #c9d51a; position: absolute; top: 0px; left: 0px; height: 20px;					transition: ease 0.4s;}
	#No3Logo			{font-size: 37px; color: #c9d51a; position: absolute; top: -8px; left: -100px; height: 20px;  	opacity: 0; transition: ease 0.4s;}	
	#No3:hover #No3O	{opacity: 0; left: 20px;}
	#No3:hover #No3Logo	{opacity: 1; left: 0px;}	
/* No3 icon : end */
	


.ScrollToTop												{color: #ffffff; padding:4px 8px 10px 8px; transition: ease 0.2s; background-color: #c9d51a; z-index:9999; position: fixed; right: 30px; bottom: 0px; text-decoration: none; cursor:pointer;}
.ScrollToTop .icon											{-ms-transform: rotate(0deg); -webkit-transform: rotate(270deg); transform: rotate(0deg);}

#Footer .Separator											{color: #f2f2f2; padding: 0 10px 0 10px;}
#Footer .Separator::before									{content:"|";}
#Footer a:hover												{color: #f2f2f2;}
/* Footer : end */


                               			
/* Popup */	                    			
	div.Overlayer											{z-index: 10000; width: 100%; height: 100%; position: fixed; top: 0px; background-color: rgba(201,213,26, 0.7); cursor: pointer;}
	div.Loader												{z-index: 10005; width: 32px; height: 32px; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; position: fixed;}
	div.Popup												{z-index: 10010; position: absolute; top: 0px; left: 0px;}
		                        			
		div.PopupInner										{z-index: 10015; margin: 0px auto; color: #FFFFFF; background-color: #c9d51a; padding: 3px;}
		a.PopupClose										{background-color: #0c5609; color: #FFFFFF; position: absolute; top: 0px; right: 0px; margin: 3px; display: block; width: 67px; height: 67px; font-size: 25px; line-height: 74px;  text-align: center; text-decoration: none; transition: ease 0.5s; }
		a.PopupClose:hover									{background-color: #FFFFFF; color: #0c5609;}
		                        			
                                			
		div.PopupContent										{clear: both; padding: 50px 85px 40px 85px; text-align: center;}
		                        			
		div.PopupContent H1										{line-height: 0.83; font-size: 2em;}                			
		div.PopupContent input									{margin: 3px 0px; width: 100%; padding: 25px; border: 0px; background-color: #FFFFFF; line-height: 20px; font-size: 20px; color: #0c5609; font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B'; font-weight: 300; font-style: normal; text-decoration: none;}
		div.PopupContent textarea								{margin: 3px 0px; width: 100%; height: 175px; padding: 25px; border: 0px; background-color: #FFFFFF; line-height: 20px; font-size: 20px; color: #0c5609; font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B'; font-weight: 300; font-style: normal; text-decoration: none;}
		
		div.PopupContent input::-webkit-input-placeholder 		{color: #0c5609;}
		div.PopupContent input:-moz-placeholder 				{color: #0c5609;}
		div.PopupContent input::-moz-placeholder 				{color: #0c5609;}
		div.PopupContent input:-ms-input-placeholder 			{color: #0c5609;}
		div.PopupContent textarea::-webkit-input-placeholder 	{color: #0c5609;}
		div.PopupContent textarea:-moz-placeholder 				{color: #0c5609;}
		div.PopupContent textarea::-moz-placeholder 			{color: #0c5609;}
		div.PopupContent textarea:-ms-input-placeholder 		{color: #0c5609;}
		
		a.ApplyForm											{background-color: #0c5609; border: 2px solid #0c5609; padding: 20px 50px; line-height: 25px; font-size: 25px; color: #f2f2f2; font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B'; font-weight: 300; font-style: normal; text-decoration: none; transition: ease 0.4s;}
		a.ApplyForm:hover									{background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #0c5609;}
		                        			
		div.FormMessage										{padding: 35px 0px; line-height: 40px; font-size: 20px;}
		                        			

											

/* Repsonsive */




/* Mobile */
@media only screen and (max-width: 736px)	
{
	
	h1												{font-size: 2.1em; line-height: 1em;}
	h2												{font-size: 25px; line-height: 24px;}

	#Header 										{padding-top: 20px; height: auto;}
	.LogoHolder										{text-align: left; display: inline; float: none;}
		img.Logo									{width: 80%; margin-bottom: 10px; padding-top: 20px; padding-bottom: 10px;}
	.PhoneAndMenuHolder								{width:100%; background-color: #c9d51a;	margin: auto;    text-align: left;    padding: 12px 10px 0px 10px;}
		
		.PhoneHolder .icon							{font-size: 29px; color: #0c5609;}
		.PhoneHolder .number						{color: #0c5609;margin-top: 1px; display: inline-block;}
	
		#MobileMenuHolder							{float: right; padding-right: 10px; display: inline-block; color: #0c5609;}
		#MobileMenuHolder .icon						{display: inline-block; margin-left: 20px;}
		#MobileMenuHolder .name						{display: none; margin-left: 10px;}
		#MobileMenuHolder div.icon					{font-size:2.2em;}
		
	/* Menu : begin */
	#HeaderMenu										{display: none;    background-color: transparent;}
	#HeaderMenu .Wrapper 							{height: auto; background-color: rgba(255,255,255,0.95);}
	#HeaderMenu .Wrapper nav.header					{display: block;}
	#HeaderMenu nav > ul								{margin: 0px; display: block;  float: none;}
	nav > ul > li									{height:auto;min-height:61px;display:block; margin-left: 0px; float: none; border-top: 1px solid rgba(201,213,26,0.6);}
	nav > ul > li:first-child						{border: 0px;}
	nav > ul > li a									{ padding: 18px 0; display:block;}
	
	ul.Sub											{opacity:1; position: relative;width: 100%;}
	ul.Sub li 										{text-align: center;}
	
	nav > ul li a.MainActive 						{color: #c9d51a;}
	nav > ul li:hover > a 							{color: #c9d51a;}
	
	
	/* Menu : end */
	
	body{font-size:95%;}
	
	.TemplateHeaderText.Panel 						{width: 100%; height: 400px; margin: -400px auto 0px; overflow-y:hidden;}
	.TemplateHeaderText .Wrapper					{}
	.TemplateHeaderText .ColumnText H1				{font-size: 4em;}
	.TemplateHeaderText .ColumnText H2				{font-size: 40px;}
	.TemplateHeaderText .ColumnText p 				{font-size: 1.3em;}
	.WrapperButtonPanel a, .TemplateText .Wrapper a,	
	.TemplateHeaderText .WrapperButtonPanel a		{font-size: 20px;}
	.PhoneHolder 									{float: none;}
	.PhoneHolder .number							{}

	/* default */
	div.Panel										{clear: both;    background-color: rgba(255,255,255,1);}
	div.Wrapper										{position: relative; margin: 0px auto; width: 100%; text-align:center;}
	.TemplateText .Wrapper							{padding: 70px 20px;}
	
	.TemplateText .Wrapper a,
	.TemplateTextAndPhoto .Wrapper a,
	.WrapperButtonPanel a							{margin:20px 15px 50px;}
	
	.TemplateTextAndPhoto .ColumnText h1, 
	.TemplateTextAndPhoto .ColumnText h2			{font-size: 26px;}
										
	
	/* Header slider */
	#HeaderSlider .SliderItem						{height: 400px;}
	#HeaderSlider .Wrapper							{height: 400px;}
	#HeaderSlider .cycle-slideshow					{height: 400px; width: 100%; margin:auto;}
	#HeaderSlider a.SliderButton .icon				{display:none;}
	#HeaderSlider a.SliderButton					{width: 50%; height:400px;}
	
	
	/* Button */
	.Panel.PanelContent.TemplateText.BackToListPanel{margin-top:10px;}
	div.WrapperButtonPanel							{padding-bottom: 15px; position: relative; margin: 0px auto; width: 100%;}
	.BackToListPanel.TemplateText .Wrapper			{padding: 0px 25px 0px 0px;}
	.BackToListPanel.TemplateText .Wrapper a		{margin: 0px; padding: 0;}
	
	
	
	
	/* Project */
	#Projects .ProjectItem							{width: 100%; margin:0px;}
	
	.ProjectDetails H1								{margin-top: 30px;}
	#Projects .Wrapper h1							{margin-bottom: 30px;}
	#Projects .Wrapper 								{min-height: auto; line-height:0; padding: 30px 0 75px 0;}
	
	/* Project slider */
	#ProjectSlider .cycle-slideshow					{width: auto;}
	#ProjectSlider a.SliderButton					{width: 50%;}
	
	/* TemplateTextAndPhoto */
	.ColumnText .text								{min-height: 250px;}
	.ColumnText										{padding: 40px 20px; margin:0px; line-height:2em;}
	
	.TemplateTextAndPhoto .Wrapper					{line-height:0;}
	.TemplateTextAndPhoto .Wrapper > div			{width:100%;}
	.TemplateTextAndPhoto .ColumnText				{margin: 0px auto; padding: 60px 40px 0px 40px;}
	.ColumnPhoto									{display:none;}
	
	.Iframe .Wrapper 								{padding: 5px 0 20px 0px;}
	
	#No3											{height: 40px;  position: absolute;z-index:100;}
	#No3O 											{top: 15px;}
	
	
	
	/* FOOTER */
	#Footer	.FooterColumn							{width:100%;margin:0;}
	#Footer	div.FooterColumn:first-of-type			{margin:0;}
	#Footer											{padding-bottom:50px;}
	
	.FooterTitle									{margin:60px 0 30px 0;}
	#Footer	.FooterColumn.HolderA					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderB					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderC					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderD					{text-align:left;padding-left:30px;}
	
	#Footer	.FooterColumn							{text-align:right;}
	
	#Footer .Separator								{display: block; }
	#Footer .Separator::before						{content:"";}
	
	
	
	
	
}

/* Mobile */
@media only screen and (max-width: 640px)	
{
	.TemplateHeaderText .ColumnText H1				{font-size: 2.5em;}
	.TemplateHeaderText .ColumnText H2				{font-size: 25px;}

}


/* Mobile (Portrait) 320 * 568 */
@media only screen and (max-width: 320px)	
{
	.TemplateHeaderText .ColumnText H1 				{font-size: 3.2em;}
	.TemplateHeaderText .ColumnText H2 				{font-size: 34px;}
	
	.TemplateHeaderText .WrapperButtonPanel a		{font-size:16px;}
	
	.TemplateText .Wrapper a, 
	.TemplateTextAndPhoto .Wrapper a, 
	.WrapperButtonPanel a							{margin: 20px 0;}
	
	
	h1 
	{
		font-size: 2em;
		line-height: 1em;
	}
	h2
	{
		font-size: 24px;
		line-height: 26px;
	}
	
	.ColumnText h1, .ColumnText h2
	{
		font-size: 30px;
	}
}
	


/* Mobile (Landscape) 	480px * 320 */
@media only screen and (min-width: 480px) and (max-width: 767px)	
{
	
	
	
	/* FOOTER */
	#Footer	.FooterColumn							{width:50%;margin:0;}
	#Footer	div.FooterColumn:first-of-type			{margin:0;}
	#Footer											{padding-bottom:50px;}
	
	.FooterTitle									{margin:60px 0 30px 0;}
	#Footer	.FooterColumn.HolderA					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderB					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderC					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderD					{text-align:left;padding-left:30px;}
	
	#Footer	.FooterColumn							{text-align:right;}
	
	#Footer .Separator								{display: block; }
	#Footer .Separator::before						{content:"";}

}

/* Tablet (Portrait) 	768px */
@media only screen and (min-width: 768px) and (max-width: 1023px) 	
{
	/* default */
	div.Wrapper										{position: relative; margin: 0px auto; width: 720px; text-align:center;}
	
	/* Menu */
	#HeaderMenu .Wrapper							{width:100%;}
	
	nav > ul > li 										{margin-left: 29px;}
	nav > ul li a									{font-size: 12px;}
	
	ul.Sub 											{}
	
	/* Header slider */
	#HeaderSlider .cycle-slideshow					{height: 480px; width: 100%; margin:auto;}
	
	/* Button */
	div.WrapperButtonPanel							{padding-bottom: 15px; position: relative; margin: 0px auto; width: 720px;}
	
	/* Project slider */
	#ProjectSlider .cycle-slideshow					{width: auto;}
	
	/* TemplateTextAndPhoto */
	.ColumnText										{padding: 70px 25px;}
	.ColumnText h1, .ColumnText h2					{font-size: 50px;}
	/* No3 */
	#No3											{height: 40px; position: absolute; z-index:100;}
	#No3O 											{top: 15px;}
	
	.TemplateTextAndPhoto .Wrapper > div			{width: 70%;}
	
	/* FOOTER */
	#Footer	.FooterColumn							{width:50%;margin:0;}
	#Footer	div.FooterColumn:first-of-type			{margin:0;}
	#Footer											{padding-bottom:150px;}
	
	.FooterTitle									{margin:60px 0 30px 0;}
	#Footer	.FooterColumn.HolderA					{text-align: left;padding-left:30px;}
	#Footer	.FooterColumn.HolderB					{text-align:left;padding-right:30px;}
	#Footer	.FooterColumn.HolderC					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderD					{text-align:left;padding-right:30px;}
	
	#Footer	.FooterColumn							{text-align:right;}
	
	
}

/* Tablet (Landscape) 	1024px */
@media only screen and (min-width: 1024px) and (max-width: 1199px) 	
{
	/* default */
	div.Wrapper										{position: relative; margin: 0px auto; width: 930px; text-align:center;}
	
	/* Header slider */
	#HeaderSlider .cycle-slideshow					{height: 480px; width: 100%; margin:auto;}
	a.SliderButton .icon 							{padding: 15px; width: 64px;}
	
	/* Button */
	div.WrapperButtonPanel							{padding-bottom: 15px; position: relative; margin: 0px auto; width: 930px; }
	
	/* Project slider */
	#ProjectSlider .cycle-slideshow					{width: auto;}
	
	
	/* TemplateTextAndPhoto */
	.ColumnText										{padding: 70px 25px;}
	
	#No3											{height: 40px; position: absolute;z-index:100;}
	#No3O 											{top: 15px;}
	
	
	/* ScrollToTop */
	.ScrollToTop 									{right: 47px;}
	
	
	/* FOOTER */
	#Footer	.FooterColumn							{width:50%;margin:0;}
	#Footer	div.FooterColumn:first-of-type			{margin:0;}
	#Footer											{padding-bottom:150px;}
	
	.FooterTitle									{margin:60px 0 30px 0;}
	#Footer	.FooterColumn.HolderA					{text-align: left;padding-left:30px;}
	#Footer	.FooterColumn.HolderB					{text-align:left;padding-right:30px;}
	#Footer	.FooterColumn.HolderC					{text-align:left;padding-left:30px;}
	#Footer	.FooterColumn.HolderD					{text-align:left;padding-right:30px;}
	
	#Footer	.FooterColumn							{text-align:right;}
	
	
}
											

		
@media only screen and (max-width: 1000px)	
{
		
		.No3 img									{width: 45px;}
		a.No3									{height: 45px;}
		
		.ScrollToTop							{right: 10px; padding: 10px 10px 5px 10px;}
		div.Popup								{width: 100%; left: 0px;}
		div.PopupInner							{width: 100%;}
						
		a.PopupClose 							{padding-top: 4px; width: 45px; height: 45px; font-size: 22px; line-height: 44px;}
		div.PopupContent 						{padding: 10px;}
		
}

/* Only desktop, not for mobile */
@media only screen and (min-width: 1001px)	
{
	div.Popup									{width: 620px; top: 75px; left: 50%; margin-left: -310px;}
	div.PopupInner								{width: 620px;}
	
	.ScrollToTop:hover							{background-color: rgba(12,86,9,0.6);}
	
	/* Menu : begin  */
	/* 		Collapse menu on hover on desktop */
	nav > ul li:hover ul.Sub						{display: block;}
	/* Menu : end */
}
	
@media only screen and (max-width: 768px)	
{
	
}


/* No-Mobile menu */
@media only screen and (min-width: 768px)
{
	
}

/* only Mobile */
@media only screen and (max-width: 768px)
{
	.ScrollToTop								{display: none;}
}