html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link, a:active, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
*:focus {
	outline: none;
}
::selection {
	background: #e13034;
	}
::-moz-selection {
	background: #e13034;
}
strong { font-weight:normal; font-family: 'OpenSansSemibold'; }
h1,h2,h3,h4,h5 {font-family: 'TitilliumText25L600wt';}
body, html {
	width:100%;
	height:100%;
	font-family: OpenSansRegular, sans-serif;
	font-size:14px;
	background-color:#F1F1F1;
	color:#252525;
	/*overflow-x:hidden;*/
}

.wr {
	width:880px;
	margin:0 auto;
	position:relative;
}

/* Header */
.header {
	float:left;
	width:100%;
	position:relative;
}
.logo {
	float:left;
}
.main-nav {
	height:55px; 
	position:absolute;
	right:0;
	bottom:0;
	z-index:20;
}
.main-nav li{
	float:left;
	padding:15px;	
}
.main-nav li a {
	
	color:#000;
	height:35px;
	display:block;
	border-bottom:solid 5px transparent;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	text-transform:uppercase;
}
.main-nav li:hover a, .active{
	border-bottom:solid 5px #000!important;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	text-decoration:none;
}
/* Slider */

.slider-align {
	width:1644px;
	margin:0 auto;
	position:relative;
}
.slider-wr {
	width:100%; 
	float:left;
	overflow:hidden!important;
	/*background:url(../images/main/pattern.png) repeat;*/
	height:420px;	
	/*padding-bottom:100px;
	border-bottom:solid 1px #ccc;*/
	position:relative;
}
.slider-text {
	width:800px;
	position:absolute;
	left:50%;
	bottom:0;
	margin:0 0 0 -400px;
	text-transform:uppercase;
	font-size:20px;
	text-align:center;
	padding:25px 0;
	color:#282828; background-color:#0fc; z-index:500;
}

.slide-wr {position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:9999999;}

.intro-info { width:1000px; height:25px; margin:0 auto;  background-color:#fff; padding:15px 0!important; font-family: 'OpenSansLight'; color:#000;}
.intro-info li{ padding:0 0 0 35px; height:28px; float:left; text-transform:uppercase; font-size:16px; margin:0 0 0 40px; line-height:28px; text-align:center;}
.i-where { background:url(../images/location-icon.png) no-repeat left top;}
.i-what { background:url(../images/object-type-icon.png) no-repeat left top; padding:0 0 0 40px!important;}
.i-dimensions { background:url(../images/size-icon.png) no-repeat left top;}
.krk {margin:0 40px 0 40px!important;}
/* Content */

.content, .content-sub {
	float:left;
	padding:50px 0 80px 0;
	background:url(../images/main/body-img-bg.png) no-repeat right top;
	line-height:18px;
}
.content-sub.ref {background:none; padding-top:0px;}
.content-sub {background:url(../images/main/body-img-bg.png) no-repeat right center; min-height:600px;}
.content-sub.proj {float:left; width:930px;background:none;}
.content h2, .content-sub h2 {
	color:#262626;
	font-size:22px;
	padding:0 0 25px 0;
	width:100%;
	float:left;
}
.projects {
	width:100%;
	float:left;
}
.projects li {float:left; width:100%; margin:0 0 35px 0;}
.projects img {float:left; }
.projects h3, .projects h4, .projects p {float:right; width:565px;}
.projects h3 {font-weight:bold; font-size:16px;}
.projects h4 {text-transform:uppercase; font-size:14px; padding:5px 0;}
.projects p {position:relative; font-size:12px; text-align:justify;}
.projects p a {float:left; width:100%; display:block; background:url(../images/bullet.png) no-repeat left center; padding:0 0 0 14px; color:#000; margin-top:6px; font-size:12px;}
.about {
	float:left;
	width:550px;
	margin:0 0 60px 0;
	text-align:justify;
}
.about-sub {
	width:100%;
	float:left;
	text-align:justify;
	
}
.our-offer {
	float:left;
}
.our-offer-ul {
	float:left;
	margin:60px 0 0 0; 
}
.our-offer-ul li {
	position:relative;
	float:left;
	width:100%;
	background:url(../images/bullet.png) no-repeat left center;
	padding:5px 0 5px 22px;
}

.our-offer .li-wr {
	float:left;
	width:410px;
	height:100px;
	position:relative;
	padding:20px 10px;
}
.slider-pic-fixed {width:100%; float:left; overflow:hidden;}
.slider-pic-fixed img{display:block; margin:0 auto;}

.right, .left {
	width:410px;
}
.right {
	float:right;
}
.left {
	float:left;
}

.our-offer a {
	color:#252525;
}
.our-offer li {
	padding:15px 30px 15px 64px;
	float:left;
	cursor:pointer;
	height:100px; 
	overflow:hidden;
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
}
.our-offer li:hover {
	overflow:visible;
	height:auto;
	position:absolute;
	left:10px;
	top:20px;
	z-index:200; 
	background-color:#000;
	color:#fff;	
	-webkit-transition: background 200ms ease;
	-moz-transition: background 200ms ease;
	-ms-transition: background 200ms ease;
	-o-transition: background 200ms ease;
	transition: background 200ms ease;
	text-align:justify;
}
.our-offer li h3 {
	font-family: 'OpenSansBold';
	float:left;
	width:100%;
	margin:0 0 6px 0;
}
.our-offer li p {
	float:left;
	width:100%;	
	text-align:justify;
}

.offer-img {
	width:44px;
	height:44px;
	background:url(../images/main/icon-set.png) no-repeat left top;
	position:absolute;
	left:20px;
	top:35px;
}
.our-offer .li-wr:hover .offer-img {background-position:right top;}
.offer-img.panorama {background:url(../images/main/icon-set.png) no-repeat left -44px;}
.our-offer .li-wr:hover .offer-img.panorama {	background-position:right -44px;}
.offer-img.walk {background:url(../images/main/icon-set.png) no-repeat left -88px;}
.our-offer .li-wr:hover .offer-img.walk {	background-position:right -88px;}
.offer-img.movies{background:url(../images/main/icon-set.png) no-repeat left -132px;}
.our-offer .li-wr:hover .offer-img.movies {background-position:right -132px;}
.offer-img.pro-photo{background:url(../images/main/icon-set.png) no-repeat left -176px;}
.our-offer .li-wr:hover .offer-img.pro-photo {background-position:right -176px;}
.offer-img.websites{background:url(../images/main/icon-set.png) no-repeat left bottom;}
.our-offer .li-wr:hover .offer-img.websites {	background-position:right bottom;}

/* Footer */

.footer {
	float:left;
	width:100%;
	border-top:solid 1px #000;
	padding:30px 0 55px 0;
	font-size:12px;line-height:15px;
	background:url(../images/main/footer-map-bg.png) no-repeat 50px 50px;
}
.footer a {
	color:#252525;
}
.footer-contact-info {
	float:left;
	width:300px;
}
.footer-contact-info .vivid-fb {
	float:left;
	margin:17px 0 0 0;
}
.footer-contact-form {
	float:right;
	width:520px;
}
.footer-contact-form h2 {
	font-size:22px;
	float:left;
	width:100%;
}
.footer-contact-form table {
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.footer-contact-form td {
	vertical-align:top;
	padding:9.5px 0;
}
.footer-contact-form input, .footer-contact-form textarea {
	border:solid 1px #000;
	padding:4px 10px 4px 3px;
	width:150px;
	background-color:transparent;
	font-family: OpenSansRegular, sans-serif;
}
.footer-contact-form input.error {border:solid 1px #f00;}
.footer-contact-form textarea.error {border:solid 1px #f00;}
.footer-contact-form textarea {
	width:323px!important;
	height:109px;
	resize:none;
	float:right;
	 font-family: 'OpenSansLight';
	 font-size:12px;
}
.footer-contact-form button {
	width:165px;
	padding:4px 5px;
	background-color:#000;
	border:none;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}

.scroll-up {
	width:28px;
    height:19px;
	padding:15px;
    opacity:1;
    position:fixed;
    bottom:75px;
    right:100px;
    text-indent:-9999em;
    display:none;
    background: url(../images/up.png) no-repeat center;
}