﻿/* Reset v1.0 | 20080212 */
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong{font-weight:normal;}
/* End reset */


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix { zoom: 1; } /* IE6 */
*+html .clearfix { zoom: 1; } /* IE7 */
@font-face{
	font-family:'PTSans';
	src:url('../font/ptn57f-webfont.eot');
	src:local('РІпїЅС”'),
	url('../font/ptn57f-webfont.woff') format('woff'),
	url('../font/ptn57f-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal
}
@font-face{
	font-family:'PTSans';
	src:url('../font/ptn77f-webfont.eot');
	src:local('РІпїЅС”'),
	url('../font/ptn77f-webfont.woff') format('woff'),
	url('../font/ptn77f-webfont.ttf') format('truetype');
	font-weight:bold;
	font-style:normal
}

h1,h2,h3,h4,h5{
	font-family:Georgia, Times New Roman;
	font-weight:normal;
	color:#333;
}
h1{
	font-size:2.8em;
	margin-bottom:10px;
	letter-spacing:-1px;
}
h2{
	font-size:2em;
	margin-bottom:10px;
}
h3{
	font-size:1.6em;
	margin-bottom:10px;
}

a {
	color:#0066cc;
}
a:hover {
	color:#ffb400;
}



body {
	line-height: 1.1;color:#5e5e5e;
	font-family:'PTSans',Tahoma,Arial,Verdana;
	font-size:105%;
	background:#fefefe url('../i/bg-main2.jpg') top center no-repeat;
}
.inner{
	background:#fefefe url('../i/bg-clear.jpg') top center no-repeat;
}
.contentinner{
/*	padding: 300px 46px 0;*/
	padding: 300px 0 0 305px;
}

#layout{
	margin:0px auto;
	border:solid 0px;
	width:980px;
	position:relative;
}
	.phone-top{
		color:#aacef1;
		width:100%;
		text-align:right;
		top:30px;
		position:absolute;
		font-size:10pt;
	}
	.phone-top a{
		color:#aed2f0;
	}

		.phone{
			float:right;
			font-family:Tahoma,Arial,Verdana;
			font-size:22pt;
			letter-spacing:-1px;
			line-height:20pt;
			color:white;
			margin:0 43px 0 15px;
		}
			.phone span{
				color:#9fcbfa;
			}

	.socials{
		top:55px;
		left:197px;
		position:absolute;
	}
		.socials li{
			display:inline-block;
		}
		.socials li a{
			background:url('../i/socials.png') no-repeat;
			display:block;
			width:26px;
			height:26px;
			overflow:hidden;
			text-indent:-999px;
		}
		.socials li.vkontakte a{}
		.socials li.twitter a{background-position:-26px 0;}
		.socials li.facebook a{background-position:-53px 0;}

	.logo{
		top:100px;
		left:42px;
		position:absolute;
		font-family:Tahoma,Arial,Verdana;
		font-size:28pt;
		text-transform:uppercase;
		line-height:30px;
		color:white;
		width:140px;
		height:120px;
		padding:0;
		margin:0;
		padding-left:154px;
		background:url('../i/clode.png') left 4px no-repeat;
	}
		.logo span{
			top:89px;
			left:8px;
			text-transform:lowercase;
			position:absolute;
			font-size:10.4pt;
			color:#cee1f6;
		}
	.logo a{
		text-decoration:none;
		color:white;
	}


	 .allyouneed{
  top:335px;
  left:84px;
  position:absolute;
  width:215px;
  height:178px;
  overflow:hidden;
  font-size:15px;
  line-height:17px;
  color:white;
 }
		.allyouneed h3{
			color:white;
			font-family:'PTSans';
			font-size:15pt;
			margin-bottom:20px;
		}

	.request{
		top:515px;
		left:84px;
		position:absolute;
		color:white;
		font-size:18pt;
		text-transform:uppercase;
		padding:15px 50px;
		border-top:solid 1px #ffda78;
		box-shadow:0 1px 2px #4f8392;
		background:#ffb61a;
		border-radius: 40px;
	}
		.request:hover{
			text-decoration:none;
			color:white;
		}


	.request-demo{
		top:583px;
		left:84px;
		text-align:center;
		width:180px;
		color:white;
		position:absolute;
	}
	.reqinnerpage{
		top:310px;
		left:50px;
		z-index:3;
		width:89px;
	}
	.reqdemoinnerpage{
		z-index:2;
		top:310px;
		left:50px;
		background:#7cb1e7;
		padding:60px 0px 15px 0px;
		border: solid 5px white;
		border-radius: 30px;
	}


	.questionary{
		top:616px;
		left:150px;
		position:absolute;
		font-size:12pt;
	}
		.questionary li{
			display:inline-block;
		}
			.questionary li a{
				border-right:solid 1px #5196d6;
				color:white;
				display:block;
				padding:28px 20px 20px;
			}
			.questionary li:last-child a{	
				border:0;
			}


	.preim{
		padding-top:730px;
		width:100%;
		border: solid 0px;
	}
		.preim ul{
			margin:40px;
		}
			.preim ul li{
				padding-top:100px;
				vertical-align:top;
				display:inline-block;
				width:190px;
				margin-left:30px;
			}
			.preim ul li{
				background:url('../i/pict.jpg') no-repeat;
			}
			.preim ul li.econom{}
			.preim ul li.dontpamic{background-position:-262px 0;}
			.preim ul li.travel{background-position:-488px 0;}
			.preim ul li.enjoy{background-position:-700px 0;}
				.preim ul li h2{
					font-family:'PTSans';
					font-size:90%;
					font-weight:bold;
					text-transform:uppercase;
					color:#d55b58;
				}



	.communicate{
		margin-top:60px;
		height:430px;
		width:100%;
		background:url('../i/communicate.jpg') 8px top no-repeat;
		position:relative;
	}
		.connect{
			position:absolute;
			bottom:20px; 
			left:370px;
			font-size:28pt;
			text-transform:uppercase;
			color:#4f5459;
			text-decoration:none;
			font-weight:bold;
		}
			.connect span{
				font-size:12pt;
				position:absolute;
				bottom:-16px; 
				right:10px;
			}
	
#footer{
	margin:110px 0 30px 0;
	height:50px;	
	font-size:11pt;
	color:#a0a0a0;
}
	.copyright{
		margin-left:42px;
		float:left;
		width:25%;
	}
	.vmlab{
		background:url('../i/vmlab.gif') no-repeat 0 -3px;
		padding-left:138px;
		width:200px;
		float:left;
	}
	address{
		text-align:right;
		float:right;
		width:30%;
		margin-right:42px;
		font-style:normal;
	}





.bubble{
	display:none;
	position:absolute;
	top:65px;left:-107px;
	width:812px;
	border: solid 0px;
	padding:40px;
	box-shadow:0 2px 10px rgba(0,0,0,0.5),0 2px 120px rgba(0,0,0,0.3);
	z-index:9999;
	background:white;
}
.bubble p a{
	display:inline;
	color:inherit;
	padding:0;
	margin:0;
	background:none;
	border:0;
	color:#0066cc;
}
.bubble p a:hover {
	color:#ffb400;
}

.whatisit:after{
	content:" ";
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top:-12px;
	left:145px;
	background:white;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-shadow:2px -3px 4px rgba(0,0,0,0.1);
	z-index:10;
}
.whatfor:after{
	content:" ";
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top:-12px;
	left:290px;
	background:white;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-shadow:2px -3px 4px rgba(0,0,0,0.1);
	z-index:10;
}
.whatprice:after{
	content:" ";
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top:-12px;
	left:446px;
	background:white;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-shadow:2px -3px 4px rgba(0,0,0,0.1);
	z-index:10;
}

.howitwork:after{
	content:" ";
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top:-12px;
	left:592px;
	background:white;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-shadow:2px -3px 4px rgba(0,0,0,0.1);
	z-index:10;
}
.whyus:after{
	content:" ";
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top:-12px;
	left:743px;
	background:white;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-shadow:2px -3px 4px rgba(0,0,0,0.1);
	z-index:10;
}
b.close{
	display:block;
	width:15px;
	height:15px;
	text-transform:uppercase;
	padding:5px;
	text-align:center;
	border:solid 1px;
	position:absolute;
	top:5px;
	right:5px;
	background:#d0d0d0;
	color:white;
	cursor:hand;cursor:pointer;
}
b.closedemo,
b.closeaboutdemo{
	display:block;
	width:15px;
	height:15px;
	text-transform:uppercase;
	padding:5px;
	text-align:center;
	border:solid 1px;
	position:absolute;
	top:5px;
	right:5px;
	background:#d0d0d0;
	color:white;
	cursor:hand;cursor:pointer;
}

.requestform{
	position:absolute;
	top:200px;left:50%;
	margin-left:-250px;
	width:500px;
	box-shadow:0 2px 10px rgba(0,0,0,0.5),0 2px 120px rgba(0,0,0,0.3);
	border-radius:1px;
	z-index:99920;
	
	background:white;
	display:none;
}
	.requestform form{
		margin:30px 40px;
	}
	.requestform form input,
	.requestform form textarea,
	.requestform form select
	{
		font-family:Tahoma, Arial,Verdana;
		display:block;
		font-size:14pt;
		padding:6px;
		margin-bottom:20px;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */		
		box-sizing:border-box;
	}
	.requestform form input[type="text"],
	.requestform form textarea,
	.requestform form select
	{
		width:100%;
	}
	.requestform form textarea{
		height:140px;
	}
	.requestform form input[type="submit"]{
		padding:10px 20px;
	}




.aboutdemoform{
	position:absolute;
	top:200px;left:50%;
	margin-left:-250px;
	width:500px;
	height:490px;
	z-index:99940;
	background:white;
	display:none;
}

.demorequestform {
	position:absolute;
	top:200px;left:50%;
	margin-left:-250px;
	width:500px;
	box-shadow:0 2px 10px rgba(0,0,0,0.5),0 2px 120px rgba(0,0,0,0.3);
	border-radius:1px;
	z-index:99920;
	background:white;
	display:none;
}
	.demorequestform form{
		margin:30px 40px;
	}
	.aboutdemoform div{
		margin:30px 10px 30px 40px;
		padding-right:30px;
		overflow-y:auto;
		height:430px;
	}
	.demorequestform form input,
	.demorequestform form textarea,
	.demorequestform form select
	{
		font-family:Tahoma, Arial,Verdana;
		display:block;
		font-size:14pt;
		padding:6px;
		margin-bottom:20px;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */		
		box-sizing:border-box;
	}
	.demorequestform form input[type="text"],
	.demorequestform form textarea,
	.demorequestform form select
	{
		width:100%;
	}
	.demorequestform form textarea{
		height:140px;
	}
	.demorequestform form input[type="submit"]{
		padding:10px 20px;
	}

.requestforma{
	position:relative;
	top:-67px;left:50%;
	margin-left:-250px;
	width:500px;
	
	background:transparent;
	display:block;
}
	.requestforma form{
		margin:30px 40px;
	}
	.requestforma form input,
	.requestforma form textarea,
	.requestforma form select
	{
		font-family:Tahoma, Arial,Verdana;
		display:block;
		font-size:14pt;
		padding:6px;
		margin-bottom:20px;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */		
		box-sizing:border-box;
	}
	.requestforma form input[type="text"],
	.requestforma form textarea,
	.requestforma form select
	{
		width:100%;
	}
	.requestforma form textarea{
		height:140px;
	}
	.requestforma form input[type="submit"]{
		padding:10px 20px;
	}



.innermenu{
	position:absolute;
	top:170px;right:46px;
}
	.innermenu li{
		float:left;
	}
		.innermenu li a{
			border-right:solid 1px #fff;
			color:white;
			display:block;
			padding:28px 20px 20px;
		}
		.innermenu li:last-child a{	
			border:0;
		}

.aboutdemo{
	position:absolute;
	bottom:40px;
	right:40px;
}

ol.mylist{
	padding:20px;
}



.play-promo{
	position:absolute;
	left:50%;
	height:44px;
	width:150px;
	top:-20px;
	margin-left:-90px;
	padding-left:50px;
	text-decoration:none;
	color:#333;
	background:url('../i/play.png') no-repeat;
	line-height:20px;
	font-size:18pt;
}
