@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PTSans.ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/PTSansBold.ttf');
    font-weight: normal;
    font-style: normal;

}

:focus { outline:0; }
a:active { outline:none; }



/* ---------- TIMER ---------- */

.timer-area{
  display: block;
  width: 434px;
  bottom: 5px;
  position: absolute;
  margin-left: 29px;
}

ul#countdown {
  display: block;
  width: 439px;
  margin-left: -43px;
}
ul#countdown li {
  display: inline-block;
  width: 95px;
  margin-bottom: -18px;
  text-align: center;
  background: #0884C2;
  height: 92px;
  padding-top: 14px;
}
ul#countdown li span {
  font-size: 3em;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 27px;
  position: relative;
}
/*ul#countdown li span::before {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid white;
  position: absolute;
  top: 31px;
}*/
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  margin-top: 1em;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: .875em;
}

span.timertitle {display:block;text-align: center;color: #0884C2;font-size: 23px;}

/* ---------- TIMER ---------- */


/* Showcase*/

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
	margin-left: 188px;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../img/slidearrows.png') no-repeat;
		width: 71px;
		height: 120px;
		top: 220px;
		cursor: pointer;
		z-index: 300;
		opacity: 0.6;
		display: none;
		top: 140px;
}
	
	.showcase-arrow-previous
	{
		left: 250px;
		background-position: 0px 0;
}
	

	
	.showcase-arrow-next
	{
		left: 820px;
		background-position: -70px 0;
	}

	.showcase-arrow-previous:hover, .showcase-arrow-next:hover
	{
		opacity: 1;
	}
	
	/* Content */
	.showcase-content
	{
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('../images/plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(../images/white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(../images/white-opacity-80.png);
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	
		display: none;
}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #fff;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
	position: absolute;
	left: -17px;
	top: 10px;
}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
			width: 170px;
			height: 85px;
			cursor: pointer;
			position: relative;
		
			border: 2px solid #fff;
			border-radius: 2px;
}
		
.showcase-thumbnail:before
		{
			width: 170px;
			height: 85px;
			display: block
			cursor: pointer;
			position: absolute;
			content: '';
			background: url(../img/lensico.png) center no-repeat;
}


			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background: rgba(255, 255, 255, 0.4);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			
}
		
		.showcase-thumbnail:hover
		{
			
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		background: url('../img/slidesprite.png') no-repeat;
		width: 38px;
		height: 38px;
		cursor: pointer;
		z-index: 300;
	
		margin-left: 77px;
}
	
	.showcase-thumbnail-button-forward
	{
		bottom: 0px;
	
		background-position: -40px 0px;
}	.showcase-thumbnail-button-backward
	{
		bottom: 0px;
	}
	
	.showcase-thumbnail-button-backward:hover
	{
		background-position: -40px -38px;
	}
		

	.showcase-thumbnail-button-forward:hover
	{
		background-position: -0px -38px;
	}
	
/* 		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(../images/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		} */
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}

body, p, div, span, a, li{font-family:'PTSans';}
html, body { padding: 0; margin: 0 auto; position: relative; color: #333; overflow-x: hidden;}
body {overflow-y: hidden;margin-bottom: -35px;}
h2{text-transform: uppercase; font-weight: normal; font-size: 30px; line-height: 1em;}
h1 {text-transform: uppercase; color: #fff;font-weight: normal;font-size: 30px;line-height: 1.2em;float: left;margin-bottom: 10px;margin-top: 25px;}
.middleblock {width: 960px;  margin: 0px auto; position: relative;}
a.button {background: #f6853e; box-shadow: 0px 5px 0px #af5526;border-radius: 2px; padding-top: 10px; padding-bottom: 10px; text-decoration: none; color: #000; position: absolute; display: block; font-size: 18px;}
a.button:hover {box-shadow: 0px -2px 0px #af5526; background: #d77436;}
header {background: #fff;height: 150px;}
header .logo {background:url('../img/logo.png') 0px 0px no-repeat; width: 396px; height: 129px; display: inline-block;margin-top: 15px;float: left;}
header .logo span{display: block; font-size: 18px; margin-left: 113px; padding-top: 4px;}
header .phone {display: inline-block; position: relative;margin-left: 73px;margin-top: 16px;float: left;}
header .phone a, header .phone span{display: block;}
header .phone span{font-size: 20px;margin-bottom: 5px;}
header .phone span.local{font-size: 23px;margin-bottom: 2px;}
header .phone a{font-size: 18px; display: block; background: url('../img/phone-black.png') 14px 14px no-repeat #f6853e; padding-left: 55px;width: 155px;}
header .phone a:hover{background: url('../img/phone-black.png') 14px 14px no-repeat #d77436; top: 68px}
#first {background: url('../img/firstbg.JPG') center 0 no-repeat; width: 100%; height: 882px;margin-top: -20px;}
#first .headtext {color: #fff;width: 447px;margin-left: 224px;}
#first .middleblock .headtext p{font-size: 16px;}
#first .middleblock .bubbles {position: absolute; top: -75px; right: 0; background: url('../img/bubbles.PNG') 0px 0px no-repeat; width: 479px; height: 411px;pointer-events: none;}
#first .middleblock .calltip {position: absolute; bottom: -430px; right: 0px; width: 370px; height: 305px; text-align: center; background: url('../img/calltip.png') 0px 0px no-repeat;}
#first .middleblock .calltip span{display: block;font-size: 25px;margin-top: 38px;}
#first .middleblock .calltip span.tel{display: block;font-size: 25px;margin-top: 5px;padding-left: 10px;font-family: PTSansBold;background: url('../img/phone-blue.png') 46px 0px no-repeat;}
#first .middleblock .calltip a{width: 269px;left: 50px;bottom: 98px; font-size: 18px;}
#first .middleblock .calltip a:hover{bottom: 93px;}
#first .middleblock .calltip p{display: block; width: 100%; margin-top: 72px;font-size: 14px;}
#first .middleblock .calltip .bluelabel{display: block; width: 100%; margin-top: 20px;font-size: 19px; color: #fff;font-family: PTSansBold;}
#advantages {margin-top: -427px; height: 670px;}
#advantages .middleblock {background: url('../img/advbg.png') 0px 86px no-repeat;width: 1044px;height: 630px;}
#advantages .middleblock h2 {margin-left: 40px;}





#advantages .middleblock .advlist {font-size: 16px; float: left;margin-top: 15px;margin-left: 399px;}
#advantages .middleblock .advlist span {text-transform: uppercase; color: #0d86c2; font-weight: bold;margin-top: -23px; font-size: 18px; display: block;width: 439px;}
#advantages .middleblock .advlist p{font-size: 100%; display: block;margin-top: 6px;margin-bottom: 20px;}
#advantages .middleblock .advlist span:before {content: ''; width: 49px; height: 50px;  display: inline-block; margin-bottom: -5px;margin-right: 12px;}
#advantages .middleblock .advlist span:nth-child(1):before {background: url('../img/advicons.png') 0px 0px no-repeat;}
#advantages .middleblock .advlist span:nth-child(3):before {background: url('../img/advicons.png') -46px 0px no-repeat;}
#advantages .middleblock .advlist span:nth-child(5):before {background: url('../img/advicons.png') -95px 0px no-repeat;}
#advantages .middleblock .advlist span:nth-child(7):before {background: url('../img/advicons.png') -145px 0px no-repeat;}
#advantages .middleblock .advlist span:nth-child(9):before {background: url('../img/advicons.png') -194px 0px no-repeat;}
#advantages .middleblock .advlist span:nth-child(11):before {background: url('../img/advicons.png') -243px 0px no-repeat;}

#advantages .middleblock .advlist span:nth-child(1) {margin-left: -31px;}
#advantages .middleblock .advlist p:nth-child(2) {margin-left: 0px;width: 592px;}
#advantages .middleblock .advlist span:nth-child(3) {margin-left: -44px;}
#advantages .middleblock .advlist p:nth-child(4) {margin-left: -6px;width: 591px;}
#advantages .middleblock .advlist span:nth-child(5) {margin-left: -72px;}
#advantages .middleblock .advlist p:nth-child(6) {margin-left: -38px;width: 587px;}
#advantages .middleblock .advlist span:nth-child(7) {margin-left: -114px;}
#advantages .middleblock .advlist p:nth-child(8) {margin-left: -78px;width: 639px;}
#advantages .middleblock .advlist span:nth-child(9) {margin-left: -197px;}
#advantages .middleblock .advlist p:nth-child(10) {margin-left: -166px;width: 583px;}
#advantages .middleblock .advlist span:nth-child(11) {margin-left: -316px;}
#advantages .middleblock .advlist p:nth-child(12) {margin-left: -283px;width: 666px;}


#workkinds {margin-top: 0;margin-bottom: -186px;}
#workkinds h2{text-align: center;}
#workkinds .shadow{background: url('../img/shadow.png') center center no-repeat; width: 100%; position: absolute; bottom: -63px; left; 0;height: 63px;}




#workkinds a .lift img{border: none;}
#workkinds a .lift{height: 246px;padding-top: 9px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: relative;}
#workkinds a.active .lift{background:#eeecec; margin-top: 28px;}
#workkinds a.active p{color: #999;}
#workkinds .tabs a span.number{position: absolute; right: -3px; bottom: -25px; font-size: 90px; color: #ccc; transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;}
#workkinds .tabs a.active span.number{color: #fff;}
#workkinds .tabs li .lift p {width: 150px;font-size: 18px;display: block;line-height: 1.2;padding: 0 21px;margin-top: 4px;}
#workkinds .tabs li:nth-child(1) .lift p, #workkinds .tabs li:nth-child(3) .lift p {margin-top: 15px;}


#workkinds a .lift .cover{content: ''; width: 225px; height: 163px; background: url('../img/circlearrow.png') center center no-repeat rgba(0, 0, 0, 0.5); position: absolute; opacity: 1;top: 9px;left: 0;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
#workkinds a.active .lift .cover{opacity: 0;}


#workkinds .tabs{width: 960px; display: block;padding: 0;margin-bottom: 0px;}
#workkinds .tabs li {
	list-style:none;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;

}

#workkinds .tabs li:nth-child(1) span.number, #workkinds .tabs li:nth-child(2) span.number, #workkinds .tabs li:nth-child(3) span.number {right: -9px;}
#workkinds .tabs li:first-child {
	margin-left: 0px;
	margin-right: 2px;
}


#workkinds .tabs a {
	padding: 0;
	display:inline-block;
	color: #333;
	text-decoration:none;
	height: 283px;
	position: relative;
}

#workkinds #tab1, #workkinds #tab2, #workkinds #tab3, #workkinds #tab4 {background:#eeecec;height: 186px;}
#workkinds .tabtext { padding-top: 1px; text-align: center;}
#workkinds .tabtext p{width: 570px; margin: 0 auto;font-size: 18px;}
#workkinds .tabtext h3{font-size: 25px; font-weight: normal;margin-bottom: 11px;}

#workkinds .middleblock a.button {width: 309px; text-align: center;left: 34%;bottom: -18px;}
#workkinds .middleblock a.button:hover {bottom: -23px;}

#bluestripe {height: 224px; width: 100%; background: url('../img/bluebg.jpg') center 0 no-repeat;}

#whywe {background: #fff;}
#whywe .middleblock h2, #materials .middleblock h2 {text-align: left; font-size: 50px;}
#whywe .middleblock ul{margin-left: 0px; padding: 0;}
#whywe .middleblock ul li {padding-top: 15px;list-style-type: none; display: inline-block; width: 300px; vertical-align: top; border-left: 4px dotted #999;padding-left: 32px;height: 270px;}
#whywe .middleblock ul li:first-child {border-left: none;padding-left: 0;}
#whywe .middleblock ul li:nth-child(1){width: 273px;}
#whywe .middleblock ul li:nth-child(1) p{width: 200px;}
#whywe .middleblock ul li:nth-child(2){width: 295px;padding-left: 38px;}
#whywe .middleblock ul li:nth-child(2) p{width: 270px;}
#whywe .middleblock ul li:nth-child(3){width: 300px;}
#whywe .middleblock ul li:nth-child(3) p{width: 296px;}



#whywe .middleblock ul li span {margin-left: 97px;display: block;position: relative; text-transform: uppercase; font-family: 'PTSansBold';padding-bottom: 20px;font-size: 18px;}
#whywe .middleblock ul li span:before {content: ''; display: inline-block; width: 77px; height: 76px;position: absolute;left: -97px;top: -14px;}

#whywe .middleblock ul li:nth-child(1) span, #whywe .middleblock ul li:nth-child(3) span {color:#0884c2;}
#whywe .middleblock ul li:nth-child(2) span {color:#f5853d;}

#whywe .middleblock ul li:nth-child(1) span:before, #whywe .middleblock ul li:nth-child(3) span:before {background: url('../img/whychecks.png') 0px 0px no-repeat;}
#whywe .middleblock ul li:nth-child(2) span:before {background: url('../img/whychecks.png') -80px 0px no-repeat;}

#whywe .middleblock ul li p {display: block;width: 245px;font-size: 18px;}

#ourworks {text-align: center; background: url('../img/worksbg.jpg') center 70px no-repeat;height: 468px;}
#ourworks .middleblock h2 {text-align: center;line-height: 1.5em;}


#materials .arrowdesc {display: inline-block; background: url('../img/bluearrow.png') 14px 30px no-repeat;width: 469px;height: 236px;float: left;}
#materials .arrowdesc span{display: block;text-align: center;font-family: 'PtSans';font-size: 18px;width: 390px;margin: -23px auto 0;}
#materials .arrowdesc span.blue{display: block;margin-top: 32px;width: 299px;font-size: 20px;color: #fff;font-family: 'PTSansBold';}
#materials .photo {display: inline-block; background: url('../img/accent136.png') 0px 0px no-repeat;width: 409px;height: 360px;float: right;margin-top: -19px;margin-right: 53px;}
#materials .photo span{display: block;text-align: center;margin-top: 282px;color: #0884c2;font-family: 'PtSansBold';font-size: 16px;}
#materials .container{display: block;border: 4px dotted #999;border-top: none;height: 332px;margin-left: 23px;margin-top: -17px;}
#materials a.serviceorder {left: 90px; width: 271px;}
#materials a.germorder {right: 130px; width: 270px;}
#materials a.serviceorder, #materials a.germorder {text-align: center;bottom: -20px;}
#materials a.serviceorder:hover , #materials a.germorder:hover  {bottom: -26px;}

#reviews {background: url('../img/reviewsbg.jpg') center 65px no-repeat; height: 447px;}
#reviews h2{text-align: center;margin: 55px auto 20px; width: 400px;display: block;background: url('../img/revicon.png') 267px 0px no-repeat;}
#reviews .review {display: inline-block; vertical-align: top;margin-top: 30px; }
	
#reviews .middleblock .review:nth-child(4) {width: 299px;margin-left: 17px;}
#reviews .middleblock .review:nth-child(2) {width: 311px;margin-left: 0;}
#reviews .middleblock .review:nth-child(3) {width: 309px;margin-left: 15px;}

#reviews  .middleblock .review:first-child {margin-left: 0;}
#reviews .review span, #reviews .review img{display: inline-block;}
#reviews .review span{text-align: left; vertical-align: top; font-size: 16px;margin-top: 32px;margin-left: 20px;font-weight: bold;}
#reviews .review p{font-size: 14px; display: block;font-weight: bold;}

#last {background: url('../img/lastbg.jpg') center 0px no-repeat; height: 565px;margin-top: -24px;}
#last h2{text-align: center; color: #fff; font-family: 'PTSansBold'; font-size: 30px;padding-top: 20px;}
#last .items {height: 400px;}
#last .items span{color: #fff; position:absolute;}
#last .items span:nth-child(1){top: 70px; left: 95px; font-size: 18px;width: 200px;}
#last .items span:nth-child(2){top: 90px; right: 55px; font-size: 16px;width: 158px;}
#last .items span:nth-child(3){top: 237px; right: 12px; font-size: 16px;width: 200px;}
#last .footer {margin-top: -50px;}
#last .footer span{display: inline-block; font-size: 16px;font-weight: bold;}
#last .footer span strong{display: inline; font-size: 20px;}
#last .footer span:nth-child(1){float: left; margin-left: 186px;line-height: 29px;}
#last .footer span:nth-child(2){float: left; margin-left: 50px;}
#last .footer .dev {background: url('../img/texterra.png') center 78px no-repeat;display: block;width: 100%;height: 111px;}
#last .footer .dev span{padding-left: 18px;width: 938px; text-align: center; color: #fff;font-weight: normal;font-size: 14px;margin-left: 0;margin-top: 10px;padding-top: 12px;border-top: 2px dotted #333;}

#last a.countorder {left: 95px; top: 134px;width: 197px;}
#last .u-count {top: 132px;left: 93px; height: 55px; width: 209px; position: absolute; background: #88dbf8;border: 2px solid #88dbf8;z-index: 1;border-radius: 2px;}
#last a.countorder:hover {top: 139px;}
#last a.download {right: 26px; width: 177px;bottom: 175px;}
#last .u-download {bottom: 168px; right: 24px;height: 55px; width: 189px; position: absolute; background: #88dbf8;border: 2px solid #88dbf8;border-radius: 2px;z-index: 1;}
#last a.download:hover {bottom: 170px;}
#last a.countorder, #last a.download {text-align: center; font-size: 16px;padding: 5px 6px;z-index: 2;}




.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-ms-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
}
.popup, .popupthanks {
	box-shadow: 0 0 10px #000;
	background-color: #eeecec;
	display: inline-block;
	left: 50%;
	opacity: 0;
	position: fixed;
	text-align: justify;
	top: 40%;
	visibility: hidden;
	z-index: 999999;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
	}

.popup .close_window, .popupthanks .close_window {
	width: 18px;
	height: 15px;
	position: absolute;	
	top: 5px;
	right: 18px;
	cursor: pointer;
	text-align: center;
	background: url(../img/closecross.png) 2px 2px no-repeat #69b3cd;
}
.popup .close_window:hover, .popupthanks .close_window:hover{background: url(../img/closecross.png) 2px 2px no-repeat #53899C; }

.popup form input, .popup form textarea {font-size: 14px;padding-left: 10px;  background: rgba(255, 255, 255, 0.9);  margin: 0 auto 20px; line-height: 1; border: none;display: inline-block; color: #999;}
.popup form input {height: 26px;float: right; border: 1px solid #ccc;margin-left: 5px;margin-right: 0;width: 278px;}
.popup form input[name="time"]{width: 151px;}
.popup form textarea {height: 72px; font-size: 14px;float: right;border: 1px solid #ccc;margin-left: 5px;width: 277px;padding-top: 8px;}
.popup label {display: inline-block;float: right;font-size: 18px;}
.popup fieldset {padding: 23px; border: none;}
.popup p.hint {display: block; position: absolute; bottom: 89px;font-size: 12px;right: 26px;color: #666;}
.popup form button {width: 170px; background: #f6853e; font-size: 18px; font-family: 'PtSans';line-height: 2.0;border: none; border-radius: 2px; margin: 70px auto 15px; display: block; cursor: pointer;}
.popup form button:hover {background: #d77436;}
.popup .formtitle { text-align: center; display: block; font-size: 20px; margin-bottom: 0px; background: #69b3cd; color: #fff; line-height: 3em; text-transform: uppercase; margin-top: -1px;}
.popup.serviceform .formtitle {line-height: 1.5em;padding: 10px;}
.popup .bubble { display:block; height: 92px; width: 92px; position: absolute; top: -39px; left: 14px;}
.popup.cbform .bubble, .popup.serviceform .bubble{background: url(../img/cbformicon.png) 0px 0px no-repeat}
.popup.germform .bubble {background: url(../img/germicon.png) 0px 0px no-repeat}
.popup.countform .bubble {background: url(../img/countformicon.png) 0px 0px no-repeat}
.popupthanks{text-align: center; font-size: 18px; background: #69b3cd; padding: 10px;}
.popup{text-align: left; font-size: 18px; }
.popupthanks p {text-align: center; font-size: 18px; color: #fff;}