/*------ Project Blocks  ------*/


.projectblock		{padding:0px 100px 0px 0px;}

.introblock2		{line-height:20px;padding:20px 100px 20px 30px;border-left:1px solid #aaa;}

.arrowleft		{background-image:url(../images/arrow_left.png) ;}
.arrowup		{background-image:url(../images/arrow_up.png) ;}
.arrowright		{background-image:url(../images/arrow_right3.png) ;}

.arrowwrap1		{width:100%;display:block;position:absolute;z-index:30;top:240px;padding:0px 15px;height:0px;transition: 0s}

.arrowwrap2		{width:100%;max-width:1140px;display:block;position:relative;height:0px;transition: 0s}

#sidebar		{position:absolute;max-width:285px;margin-top:0px;top:38px;transition:0s;display:block;}



/*------ text blocks  ------*/

.homeblock		{border-left:1px solid #aaa;padding:0px 25px;min-height:120px;line-height:20px;font-size:14px;color:#111111;margin-bottom:10px;}

.homeblock2		{border-left:1px solid #aaa;padding:0px 25px;min-height:120px;line-height:18px;font-size:13px;color:#666666;margin-bottom:10px;}
.homeblock2:hover		{cursor:pointer;background:url(../images/arrow_right.png) no-repeat top right;color:#111111;}


.txtblock		{font-family: 'latolight';font-size:13px;line-height:20px;
				padding:0px 30px 10px 10px;min-height:160px;margin-top:30px;
				background:url(../images/fill.png) no-repeat top left; }

.txtblock:hover		{cursor:pointer;
					background:url(../images/arrow_right.png) no-repeat top right;}

.blogblock		{font-family: 'latolight';font-size:13px;line-height:20px;
				padding:0px 30px 10px 10px;min-height:160px;margin-top:40px;
								}

.blogblock:hover		{cursor:pointer;}
.blogblock:hover .txtintrohd3		{color:#000;}
.blogblock:hover .blogimg		{box-shadow:inset 0px 0px 0px rgba(0,0,0,.2);background-size:100%;}


.blogblock2		{font-family: 'latolight';font-size:12px;line-height:17px;
				padding:0px 20px 10px 0px;margin-top:10px;
								}

.blogblock2:hover		{cursor:pointer;background:url(../images/arrow_right.png) no-repeat top right;}
.blogblock2:hover .txtintrohd3		{color:#000;}
.blogblock2:hover .blogimg		{box-shadow:inset 0px 0px 0px rgba(0,0,0,.2);background-size:100%;}

				
.blogimg		{width:100%;margin-bottom:18px;border-bottom:1px dotted rgba(255,0,4,1.00);
					background-size:110%;backgound-repeat:no-repeat;background-position:center;
					box-shadow:inset 0px 0px 50px rgba(0,0,0,.2);}		
					
.squareblocks		{font-family: 'latolight';font-size:12px;line-height:17px;
					padding:0px 5px 10px 0px;min-height:160px;margin-top:10px;
								}			

.padright			{padding-right:30px;}


/*------ text styles  ------*/

.txtbody1		{font-family: 'latolight';font-size:14px;line-height:20px; }

.txtbody2		{font-family: 'HelveticaNeueLTStdBold';font-size:13px; }

.txtbody3		{font-family: 'HelveticaNeueLTStdBold';font-size:16px;lineheight:22px;margin:0px 0px 5px 0px;display:block }

.introblock				{line-height:20px;padding:0px 10px 0px 30px;min-height:100px;border-left:1px solid #aaa;transition: 0s}


.txtintrohd1			{font-family: 'HelveticaNeueLTStdBold';font-size:27px;line-height:30px;margin:-6px 0px 5px 0px;}
.txtintrohd2			{font-family: 'HelveticaNeueLTStdLtRegular';font-size:20px;margin:0px 0px 16px 0px;}
.txtintrohd3			{font-family: 'HelveticaNeueLTStdBold';font-size:16px;transition:1s ease-out}



/*------ menu styles  ------*/


#menuback		{width:100%;height:141px;margin-left:0px;}

#menubackwrap	{width:100%;position:fixed;height:196px;z-index:40;padding:0px;margin-top:-141px;background:rgba(193,193,193,1);}

.txthd1			{font-family: 'HelveticaNeueLTStdBold';font-size:14px;color:#ffffff;display:inline-block;padding:10px 0px 0px 20px}

#menuwrap		{width:100%;position:absolute;top:510px;z-index:50;transition: 0s;}

#menu1			{width:100%;max-width:1140px;padding:12px 0px;margin-left:0px;}

.menubtn		{  display:inline-block;text-align:center;color:#777777;
					font-family: 'HelveticaNeueLTStdBold';font-size:18px;
				   padding:12px 0px;border-right:1px solid #aaa;}

.menubtn:hover	{  color:#333333;cursor:pointer}

.menubtn2		{  display:inline-block;text-align:center;color:#ffffff;background-repeat:no-repeat;background-position:top center;
					font-family: 'HelveticaNeueLTStdBold';font-size:13px;
				   padding:19px 18px;border-right:1px dotted #ddd;}

.menubtn2:hover	{  color:#ffffff;cursor:pointer}
				   				   
.menubtn3		{  display:inline-block;text-align:center;color:#eeeeee;margin:1px 0px 0px 0px;
					font-family: 'HelveticaNeueLTStdBold';font-size:13px;border-radius:3px;
				   padding:10px 15px;background:rgba(0,0,0,.6);margin:0px 3px 3px 0px;}

.menubtn3:hover	{  background:rgba(204,0,3,0.8);cursor:pointer;color:#ffffff;}


.menubtn4		{  display:inline-block;text-align:center;color:#ffffff;width:50%;border-right:1px solid rgba(255,255,255,.4);
					font-family: 'HelveticaNeueLTStdBold';font-size:17px;border-bottom:1px solid rgba(255,255,255,.4);
				   padding:13px 0px 0px 0px;height:46px;background:rgba(255,0,0,1)}

.menubtn4:hover	{  background:rgba(204,0,3,0.8);cursor:pointer;color:#ffffff;}

.hamburger2		{display:none}
								   				   				   
.borderleft		{border-left:1px solid #aaa;}
.borderleft2		{border-left:1px dotted #ddd;}
.borderright		{border-right:1px solid #aaa;}

.btn1			{width:17%}
.btn2			{width:19%}
.btn3			{width:17%}
.btn4			{width:15%}
.btn5			{width:17%}
.btn6			{width:14.5%}

.submenuwrap	{width:100%;height:0px;z-index:20;display:inline-block;position:relative;opacity:0}

.submenuarrow	{background:url(../images/arrow_red.png) no-repeat top center;
				display:block;height:20px;position:absolute;width:100%;margin:28px 0px 0px 0px;}

.submenu		{display:inline-block;height:0px;overflow:hidden;color:#ccc;position:absolute;width:200px;background:rgba(239,65,63,1.00);margin:43px 0px 0px -100px;box-shadow:0px 0px 10px rgba(0,0,0,.4);border-radius: 4px;padding:5px 10px 0px 10px;font-size:14px;font-family: 'HelveticaNeueLTStdBold';text-align:left;}	

.submenubtns	{display:block;width:98%;padding:5px;float:left;border-bottom:1px dotted rgba(255,255,255,.7)}
.submenubtns:hover	{color:#fff;background:url(../images/arrow_right_white.png) no-repeat top right;}

.btn1:hover		.btn1smw	{opacity:1;}
.btn1:hover		.btn1sm		{height:140px;}
.ddabout:hover	.btn1smw	{opacity:1;}
.ddabout:hover	.btn1sm		{height:140px;}

.btn2:hover		.btn2smw	{opacity:1;}
.btn2:hover		.btn2sm		{height:168px;}
.ddwork:hover	.btn2smw	{opacity:1;}
.ddwork:hover	.btn2sm		{height:168px;}

.btn3:hover		.btn3smw	{opacity:1;}
.btn3:hover		.btn3sm		{height:168px;}
.ddserv:hover	.btn3smw	{opacity:1;}
.ddserv:hover	.btn3sm		{height:168px;}



/*------ folio blocks  ------*/

.foliowp1			{width:100%;height:0px;display:block;position:relative;z-index:20;}
.foliowp2			{width:100%;display:block;padding-top:400px}
.foliowp3			{width:100%;display:block;background:rgba(255,0,4,.6);text-transform:uppercase;
					 padding-left:5px;padding-right:5px;
					 color:#ffffff;font-size:18px;font-family: 'HelveticaNeueLTStdBold';text-align:center}

.foliowp3quart		{width:100%;display:block;background:rgba(255,0,4,.6);text-transform:uppercase;
					 padding-left:5px;padding-right:5px;
					 color:#ffffff;font-size:18px;font-family: 'HelveticaNeueLTStdBold';text-align:center}

.folioinner1:hover	.foliowp2	{padding-top:0px}

.foliosubmenu		{width:100%;background:rgba(239,65,63,1.00);padding:0px 12px;border-radius:0px;margin-bottom:4px;}

.foliosubmenubtn			{display:inline-block;padding:18px 22px;color:#eee;font-family: 'HelveticaNeueLTStdBold';font-size:15px;border-right:1px dotted rgba(255,255,255,.7);background-repeat:no-repeat;background-position:top center;}

.foliosubmenubtn:hover	{color:#fff;cursor:pointer;text-shadow:0px 0px 15px #fff;}



.foliocontainer		{width:100%;transition:0s;text-align:left;margin-bottom:5px;overflow:hidden;}

.foliowrap			{transition: 0s;display:inline-block;vertical-align:top;
						padding:0px;text-align:left;overflow:hidden;margin:0px 1px 5px 0px;}

.foliowrap2			{display:inline-block;transition: 0s;}
.foliowrap2b		{display:inline-block;transition: 0s;}
.foliowrap2c		{display:inline-block;transition: 0s;}

.foliohalf			{display:inline-block;transition: 0s;margin-right:5px;}

.folioquart			{display:inline-block;transition: 0s;margin:0px 5px 5px 0px;}

.folioinner1		{width:100%;text-align:left;opacity:1;overflow:hidden;height:100%;}
.folioinner1:hover	{opacity:1;cursor:pointer;}

.folioinner1:hover	.folioback	{background-size:102%;box-shadow:inset 0px 0px 30px rgba(0,0,0,0);}


.txtfw1			{font-family: 'latoregular';font-size:13px;color:#ffffff;}	

.folioback		{background-size:108%;width:100%;height:100%;display:inline-block;vertical-align:bottom;
				 background-position:center;background-repeat:no-repeat;box-shadow:inset 0px 0px 50px rgba(0,0,0,.5);}

.folioinner2	{width:100%;height:0px;}

.folioinner3	{width:100%;height:50px;background:rgba(0,0,0,0);margin-top:-20px;overflow:hidden}

.redsquare		{width:20px;height:20px;background:rgba(239,65,63,1.00);display:inline-block;margin-right:5px;vertical-align:top;}


		
/*------ containers  ------*/


#content		{width:100%;position:absolute;z-index:20;opacity:0;transition:0s}

.wrapper1		{width:100%;max-width:1170px;padding:0px 15px;}

.wrapper2		{width:100%;max-width:1200px;padding:0px 15px;}

.spacerhd2		{width:100%;height:70px;}

#headerlogowrap	{width:100%;max-width:728px;display:block;background:url(../images/headerlogo00.jpg) no-repeat center center;background-size:100%;transition:0s;}

.headerlogo     {width:100%;}

#cycler			{position:relative;height:120px;display:block;margin:0px;transition:0s;}
#cycler img 	{position:absolute;z-index:1;width:100%;transition:2s;opacity:0;}
#cycler img.active {z-index:3;opacity:1;}



.redblock		{width:22%;margin:0px 4px 4px 0px;box-shadow:inset 0px 0px 25px rgba(0,0,0,.2);
				background-color:rgba(255,0,4,1.00);border-radius:3px;
				display:inline-block;}

.redblock img 	{opacity:.6}
.redblock:hover img {opacity:1;cursor:pointer}
.redblock:hover {cursor:pointer;box-shadow:inset 0px 0px 0px rgba(0,0,0,.2);}


.arrowleft_hm		{position:absolute;z-index:20;left:20px;transition:0s;cursor:pointer;opacity:1;transition:0s}
.arrowright_hm		{position:absolute;z-index:20;right:20px;transition:0s;cursor:pointer;opacity:1;transition:0s}

.mapsize			{width:99%;max-width:805px;overflow:hidden;border-radius:3px;border:1px solid #B0B0B0;transition:0s}

.imgservices			{width:100%;max-width:300px;margin:0px 0px 20px 20px;float:right}

#shareblock			{display:block;position:fixed;left:50%;top:35%;width:250px;height:110px;background:rgba(255,255,255,1.00);box-shadow:0px 0px 30px rgba(0,0,0,.3);border-radius:3px;margin:-60px 0px 0px -125px;z-index:50;padding-top:25px;display:none;transition:0s}

/*------ cloud / logo ------*/


#logo2			{z-index:8;position:absolute;left:50%;margin:0px 0px 0px -265px;top:117px;opacity:0}
#logowrap2		{z-index:10;position:absolute;left:50%;margin:0px 0px 0px -265px;top:117px;}

#cloudshadow2	{width:100%;height:0px;position:absolute;z-index:6;top:320px;opacity:0;margin-left:-140px;}
#taglinered		{z-index:7;position:absolute;left:50%;margin:0px 0px 0px -40px;top:175px;opacity:0}

#logo		{width:0px;height:0px;margin:0px 0px 0px -220px;display:none;z-index:12}

#logo1		{z-index:8;position:absolute;left:50%;margin:0px 0px 0px -220px;top:70px;opacity:0}



#wethinktogether	{z-index:7;position:absolute;left:50%;margin:0px 0px 0px -360px;top:107px;opacity:0}



#cloudwrap	{display:block;overflow:hidden;width:220px;height:160px;cursor:pointer;opacity:0.1}

#cloud		{margin:0px 0px 0px 0px;background:rgba(0,0,0,0);transition: 0s ease-out;  }

#logowrap	{z-index:10;position:absolute;left:50%;margin:0px 0px 0px -220px;top:70px;}


#dotfloat		{z-index:10;position:absolute;left:50%;top:50%;transition:0s;}	


#dotwrap0		{z-index:10;position:absolute;}		

.dotwrapouter	{width:0px;height:0px;position:absolute}

.dotwrapouter2	{width:0px;height:0px;position:relative;z-index:30;}

.dotwrap00	{	width:0px;height:0px;transition: 0s;margin:0px 0px 0px 0px;}
.logodot00	{	width:50px;height:50px;background:rgba(255,0,4,.3);border-radius:50%;opacity:0;
				border:1px solid rgba(255,0,4,1);
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( .1 );transition: 2s ease-out;}
				
#dotwrap1	{width:0px;height:0px;transition: 0s;margin:31px 0px 0px 12px;}				
.logodot1	{	width:50px;height:50px;background:rgba(255,0,4,1);border-radius:50%;opacity:0;
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 1s;}
				
#dotwrap2b	{width:0px;height:0px;transition: 0s;margin:3px 0px 0px 72px;}
.logodot2b	{	width:50px;height:50px;background:rgba(255,0,4,.3);border-radius:50%;opacity:0;
				border:1px solid rgba(255,0,4,1);
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 2.5s ease-out;}

#dotwrap2	{width:0px;height:0px;transition: 0s;margin:3px 0px 0px 72px;}
.logodot2	{	width:50px;height:50px;background:rgba(255,0,4,1);border-radius:50%;opacity:0;
				border:0px solid rgba(255,0,4,1);
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 1s ease-out;}
				
#dotwrap3	{width:0px;height:0px;transition: 0s;margin:-3px 0px 0px 140px;}
.logodot3	{	width:50px;height:50px;background:rgba(255,0,4,1);border-radius:50%;opacity:0;
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 1s;}	
			
#dotwrap4	{width:0px;height:0px;transition: 0s;margin:73px 0px 0px 165px;}
.logodot4	{	width:50px;height:50px;background:rgba(255,0,4,1);border-radius:50%;opacity:0;
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 1s;}	
				
.dotwrap4b	{	width:0px;height:0px;transition: 0s;margin:88px 0px 0px 176px;}
.logodot4b	{	width:50px;height:50px;background:rgba(255,0,4,.3);border-radius:50%;opacity:0;
				border:1px solid rgba(255,0,4,1);
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( .1 );transition: 2s ease-out;}
				
#dotwrap5	{width:0px;height:0px;transition: 0s;margin:102px 0px 0px 121px;}
.logodot5	{	width:50px;height:50px;background:rgba(255,0,4,1);border-radius:50%;opacity:0;
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 1s;}
				
#dotwrap6	{width:0px;height:0px;transition: 0s;margin:112px 0px 0px 76px;}
.logodot6	{	width:50px;height:50px;background:rgba(255,0,4,1);border-radius:50%;opacity:0;
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 1.5s;}
				
#dotwrap7	{width:0px;height:0px;transition: 0s;margin:107px 0px 0px 24px;}
.logodot7	{	width:50px;height:50px;background:rgba(255,0,4,1);border-radius:50%;opacity:0;
				-webkit-transform: scale( 0.1 );-moz-transform: scale( 0.1 );
				-o-transform: scale( 0.1 );-ms-transform: scale( 0.1 );
				transform: scale( 0.1 );transition: 2s;}
				

/*------ footer  ------*/


#footer			{width:100%;height:350px;background:url(../images/white_shadow.png) no-repeat top center;}

.txtfooter1		{font-family: 'HelveticaNeueLTStdBold';font-size:15px;line-height:28px;text-align:center;}
.txtfooter2		{font-family: 'latolight';font-size:12px;line-height:20px;text-align:center;}

.iconfoot		{background-size:90%;background-repeat:no-repeat;background-position:center center;
				 display:inline-block;width:40px;height:40px;border-radius:50%;border:3px solid #777777;margin:6px;opacity:0.4}

.iconfoot:hover	{cursor:pointer;opacity:0.9;border:3px solid rgba(239,65,63,1);}

.facebook		{background-image:url(../images/icon_facebook.png) ;}
.linkedin		{background-image:url(../images/icon_linkedin.png) ;}
.instagram		{background-image:url(../images/icon_instagram.png) ;}
.telephone		{background-image:url(../images/icon_phone.png) ;}
.location		{background-image:url(../images/icon_location1.png) ;}
.envelope		{background-image:url(../images/icon_envelope1.png) ;}
.share			{background-image:url(../images/icon_share.png) ;}