/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic&subset=latin,cyrillic);
@import url("reset.css");

/*
= COMMON
-------------------------------------------------------------------------------------- */

body {
	font-family:'Droid Sans', sans-serif; 
	background:#8d9092 url('../img/bgr-body.png') 0 0 repeat;
	}

	#main {
		max-width:782px;
		margin:0 auto 5px auto;
		background:rgba(201,201 ,201 ,0.8) url('../img/bgr-main.png') 0 0 no-repeat;
		border-right:1px solid #aeb0b1; border-left:1px solid #aeb0b1;
		border-bottom-left-radius:6px; border-bottom-right-radius:6px;
		box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
		}
	.ie7 #main,
	.ie8 #main {background-color:#cfd0d0;}
		
		.content {padding:17px 37px 30px;}
		
	footer {
		padding:14px 0;
		border-top:1px solid #b7b7b7; border-color:rgba(0, 0, 0, 0.2);
		}
		footer p {font-size:9px; text-align:center;}	
	
	h3 {margin-bottom:15px;}
	
	a {outline:none;}
	
	h3,	
	p,
	ul li {font-size:12px; line-height:15px; }
	
	strong {font-weight:600;}
	
	.content a:hover {text-decoration:none;}
	
	.border {
		border:7px solid #f1f1f1; border-radius:4px;
		box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);		
		}
	
	.divider {
		display:block; clear:both;
		width:100%;
		padding-top:30px; margin-bottom:30px;
		border-bottom:1px solid rgba(0, 0, 0, 0.2);
		}
	.ie7 .divider,
	.ie8 .divider {border-bottom:1px solid #b2b3b3;}

	.creds {
		max-width: 774px;
		padding-right:8px; margin:0 auto 20px;
		font-size:10px; color:#555555; text-align:right;
		cursor:default;
		webkit-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-ms-transition: all 0.25s linear;
		-kthtml-transition: all 0.25s linear;
		transition: all 0.25s linear;
		}
	.creds:hover {
		color:#333333;
		webkit-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		-ms-transition: all 0.25s linear;
		-kthtml-transition: all 0.25s linear;
		transition: all 0.25s linear;
		}
		.creds a {
			color:#565656; text-decoration:none;
			webkit-transition: all 0.25s linear;
			-o-transition: all 0.25s linear;
			-moz-transition: all 0.25s linear;
			-ms-transition: all 0.25s linear;
			-kthtml-transition: all 0.25s linear;
			transition: all 0.25s linear;
			}
		.creds:hover a {
			color:#333333;
			webkit-transition: all 0.25s linear;
			-o-transition: all 0.25s linear;
			-moz-transition: all 0.25s linear;
			-ms-transition: all 0.25s linear;
			-kthtml-transition: all 0.25s linear;
			transition: all 0.25s linear;
			}
		.creds a:hover {text-decoration:underline;}
	
	/* Fonts */
	body {font-family:'Open Sans', Arial, Helvetica, sans-serif;}
	
	/* Colors */
	header .navigation li a,
	footer p,
	#nav a.activeSlide,
	header .navigation li.active a {color:#4d4e4e;}
	.content span {color:#ffffff;}
	h3,
	p,
	ul li,
	.content a {color:#333333;}
	#nav a {color:#a7a7a7;}
	
/*
= HEADER
-------------------------------------------------------------------------------------- */

	header {
		position:relative;
		padding:45px 22px 15px 61px;
		background:url(../img/bgr-header.png) 100% 100% no-repeat;
		}
		header .logo {
				display:block; float:left;
				height:133px; width:147px;
				text-indent:-9999px;
				background:url(../img/logo.png) 0 0 no-repeat;
				}
		header .navigation {
			float:right;
			margin:65px 0 0;
			}
			header .navigation li {
				float:left;
				padding-right:6px;
				list-style-type:none;
				background:url(../img/bgr-navigation-bullet.png) 100% 39px no-repeat;
				}
			header .navigation li:last-child {
				padding-right:0;
				background:none;
				}
				header .navigation li a {
					display:block;
					height:16px;
					padding:33px 31px 0;
					font-size:11px; font-weight:600; text-decoration:none; text-transform:uppercase;
					list-style-type:none;
					filter:alpha(opacity=20);
					opacity:0.2;
					webkit-transition: all 0.4s linear;
					-o-transition: all 0.4s linear;
					-moz-transition: all 0.4s linear;
					-ms-transition: all 0.4s linear;
					-kthtml-transition: all 0.4s linear;
					transition: all 0.4s linear;
					}
					header .navigation li.home a {background:url(../img/ico-home.png) 50% 0 no-repeat;}
					header .navigation li.location a {background:url(../img/ico-location.png) 50% 0 no-repeat;}
					header .navigation li.offer a {background:url(../img/ico-offer.png) 50% 0 no-repeat;}
					header .navigation li.contact a {background:url(../img/ico-contact.png) 50% 0 no-repeat;}
				header .navigation li a:hover,
				header .navigation li.active a {filter:alpha(opacity=100); opacity:1;}
				header .navigation li.active a:hover {
					filter:alpha(opacity=60);
					opacity:0.6;
					webkit-transition: all 0.4s linear;
					-o-transition: all 0.4s linear;
					-moz-transition: all 0.4s linear;
					-ms-transition: all 0.4s linear;
					-kthtml-transition: all 0.4s linear;
					transition: all 0.4s linear;
					}

/*
= HOME / LOCATION / CONTACT
-------------------------------------------------------------------------------------- */

	.flexslider {
		position:relative;
		margin-bottom:37px;
		}
		.flexslider .slides {margin:0;}
			.flexslider .slides li {list-style-type:none;}

	.content .text {
		position:relative; float:left;
		width:240px;
		padding:0;
		}
	.content .text-wide {
		width:100%;
		padding:0 260px 0 0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		webkit-box-sizing:border-box;
		}
	.ie7 .content .text-wide {width:448px;}
	.content.contact .text {padding-bottom:0;}
		.content .text ul {margin-left:0;}
			.content .text ul li {margin-bottom:5px;}
		.content.contact .text ul {margin:15px 0 0;}
			.content.contact .text ul li {
				float:left; clear:left;
				margin-bottom:10px;
				list-style-type:none;
				}
			.ie7 .content.contact .text ul li {float:none;}
			.content.contact .text ul li:nth-child(2n) {
				clear:right;
				padding-left:5px;
				font-weight:bold;
				}
		.content .text span.right {
			display:block; position:absolute; bottom:9px; right:-56px; overflow:hidden;
			height:47px; width:262px;
			padding:25px 19px 0 32px;
			font-size:20px; text-align:center;
			background:url(../img/bgr-ribbon-right.png) 0 0 no-repeat;
			}
		.content .text span.left {
			display:block; position:absolute; top:-38px; left:-58px; overflow:hidden;
			height:47px; width:262px;
			padding:25px 32px 0 19px;
			font-size:20px; text-align:center;
			background:url(../img/bgr-ribbon.png) 0 0 no-repeat;
			}
			
	.content .media {
		display:block; float:right;
		height:282px; width:416px;
		background-color:#000000;
		}
		.content .video {
			position:relative; overflow:hidden;
			height:0;
			padding-bottom:38%;
			}
			.content .media iframe {
				position:absolute; top:0; left:0;
				height:100%; width:100%;
				}
		.content .bottom img {margin:0 30px 10px 0;}
	.content .media.video.small {display:none;}
	.video-fallback {display:none;}
	.media .fancybox  {
		display:block; position:relative;
		height:100%; width:100%;
		webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-kthtml-transition: all 0.2s linear;
		transition: all 0.2s linear;
		}
	.media .fancybox:after {
		content:'';
		pointer-events:none;
		filter:alpha(opacity=00);
		opacity:0;
		display:block; position:absolute; top:0; left:0;
		height:100%; width:100%;
		background:rgba(0, 0, 0, 0.5) url(../img/ico-thumb.png) 50% 50% no-repeat;
		webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-kthtml-transition: all 0.2s linear;
		transition: all 0.2s linear;
		}
	.media .fancybox:hover:after {
		filter:alpha(opacity=100);
		opacity:1;
		webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-kthtml-transition: all 0.2s linear;
		transition: all 0.2s linear;
		}
		
	.contant-info {
		width:250px;
		margin:0 0 15px !important;
		}
		
/*
= OFFER
-------------------------------------------------------------------------------------- */

	table {
		float:left;
		min-width:210px;
		font-size:13px;
		background:url(../img/bgr-body.png) 0 0 repeat;
		border:1px solid #999999; border-color:rgba(0, 0, 0, 0.3);
		box-shadow:1px 1px 0 rgba(255, 255, 255, 0.2);
		}
		table thead td {
			text-align:center !important;
			background-color:rgba(0, 0, 0, 0.10);
			}
			table tr {
				webkit-transition: all 0.4s linear;
				-o-transition: all 0.4s linear;
				-moz-transition: all 0.4s linear;
				-ms-transition: all 0.4s linear;
				-kthtml-transition: all 0.4s linear;
				transition: all 0.4s linear;
				}
			table tr:hover {
				background-color:rgba(0, 0, 0, 0.1);
				webkit-transition: all 0.4s linear;
				-o-transition: all 0.4s linear;
				-moz-transition: all 0.4s linear;
				-ms-transition: all 0.4s linear;
				-kthtml-transition: all 0.4s linear;
				transition: all 0.4s linear;
				}
				table td {
					padding:2px 5px;
					border-right:1px solid #8d9092; border-bottom:1px solid #8d9092;
					text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
					box-shadow:1px 1px 0 rgba(255, 255, 255, 0.2);
					}
				table td:nth-child(2) {min-width:115px;}
				table td:last-child {
					min-width:40px;
					text-align:right;
					}
					table h3 {
						margin:5px 0;
						font-size:14px; font-weight:normal;
						text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
						}
				table tr:nth-last-child(3) {background-color:rgba(90, 90, 90, 0.1);}
				table tr:last-child {background-color:rgba(90, 90, 90, 0.15);}
			
	.pic-placeholder {
		float:right;
		width:460px;
		}
		.pic-placeholder ul {margin:0;}
			.pic-placeholder ul li {
				display:block; float:left;
				margin-right:18px;
				text-align:center;
				list-style-type:none;
				}
			.pic-placeholder ul li:last-child {margin:0;}
				.pic-placeholder ul li a {
						display:block; position:relative;
						height:87px; width:87px;
						margin-bottom:5px;
						background:url(../img/blank-image.jpg) 0 0 no-repeat;
						}
				.pic-placeholder ul li a:after {
					content:'';
					display:block; position:absolute; top:0; left:0; z-index:10;
					height:100%; width:100%;
					background:rgba(0, 0, 0, 0.5) url(../img/ico-thumb.png) 50% 50% no-repeat;
					filter:alpha(opacity=00);
					opacity:0;
					webkit-transition: all 0.2s linear;
					-o-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					-kthtml-transition: all 0.2s linear;
					transition: all 0.2s linear;
					}
				.pic-placeholder ul li a:hover:after {
					display:block;
					filter:alpha(opacity=80);
					opacity:0.8;
					webkit-transition: all 0.2s linear;
					-o-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					-kthtml-transition: all 0.2s linear;
					transition: all 0.2s linear;
					}
				.pic-placeholder ul li a:active:after {
					filter:alpha(opacity=100);
					opacity:1;
					webkit-transition: all 0.1s linear;
					-o-transition: all 0.1s linear;
					-moz-transition: all 0.1s linear;
					-ms-transition: all 0.1s linear;
					-kthtml-transition: all 0.1s linear;
					transition: all 0.1s linear;
					}
		.suggestion-label {
			display:none;
			text-align:center;
			}
	.offer-video {padding-top:25px;}
		.offer-video .text {padding-top:52px;}
			
/*
= Mobile devices
-------------------------------------------------------------------------------------- */
@media all and (max-width: 960px) {

	header {
		padding:10px 4px 10px 10px;
		background:none;
		border-bottom:1px solid #b1b0b1;
		}
		header .logo {
			height:91px; width:100px;
			margin-left:4px;
			background:url(../img/logo-medium.png) 0 0 no-repeat;
			}
		header .navigation {margin:40px 0 0;}
			header .navigation li a {padding:33px 14px 0;}
		
	.creds {
		margin:5px auto;
		text-align:center;
		}

	.content .text {
		width:100%;
		padding:0;
		}	
		.content .text ul {margin-left:14px;}
		.content .text ul li br {display:none;}
		.content.contact .text ul li br {display:inherit;}
			.content .text p {margin-bottom:14px;}
			.content .text span {
				position:inherit !important; top:0 !important; right:inherit !important; bottom:inherit !important; left:inherit !important; float:none !important;
				width:190px !important; height:50px !important;
				padding:0 30px !important; margin:0 auto !important;
				font-size:17px !important; line-height:50px !important;
				background:url(../img/bgr-ribbon-medium.png) 0 0 no-repeat !important;
				}
			.content .text span.left {margin-bottom:20px !important;}
		
	.bottom p {padding-left:227px;}
				
	.divider {padding-top:26px; margin-bottom:26px;}
	
	.text {float:none !important;}
	
	.media {
		display:block; float:none !important;
		height:auto !important; width:auto !important; max-width:416px;
		margin:0 auto;
		}
	.content .video {
		position:relative; overflow:hidden;
		height:0;
		padding-bottom:38%;
		}
		.media img {
			display:block;
			width:100%;
			}
	
	.offer table {
		float:none;
		width:100%;
		margin:0 auto 30px;
		}
	.offer .divider {margin-top:0;}
	.offer .pic-placeholder {
		float:none;
		width:100%;
		margin:0 auto;
		}
	.offer .pic-placeholder ul {
		float:none;
		margin:0 auto;
		}
		.offer .pic-placeholder .base li {
			width:33%;
			margin:0;
			}
		.offer .pic-placeholder .suggestion li {
			width:25%;
			margin:0;
			}
		.offer .pic-placeholder .three-items li {width:33%;}
		.offer .pic-placeholder ul li:first-child {text-align:left;}
		.offer .pic-placeholder ul li:first-child a {margin:0 0 5px;}
		.offer .pic-placeholder ul li:last-child {text-align:right;}
		.offer .pic-placeholder .base li:last-child a {margin:0 0 5px 100%; float:right;}
		.offer .pic-placeholder .suggestion li:last-child a {float:right;}
			.offer .pic-placeholder ul li a {
				margin:0 auto 5px auto;
				border-width:6px;
				}
			.offer .pic-placeholder .suggestion li a  {
				max-height:87px; max-width:87px; width:100%;
				border-width:5px;
				box-sizing:border-box;
				-moz-box-sizing:border-box;
				webkit-box-sizing:border-box;
				}
			.offer .pic-placeholder .suggestion li p {display:none;}
				.offer .pic-placeholder ul li a img {
					height:100%; width:100%;
					box-sizing:border-box;
					-moz-box-sizing:border-box;
					webkit-box-sizing:border-box;
					}
	.suggestion-label {display:block;}
		
	.offer-video .text p {margin-bottom:20px;}
	
	.contact.text {
		float:left !important;
		width:55%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		webkit-box-sizing:border-box;
		}
	
	.contact.media {
		float:right !important;
		width:45% !important;
		margin:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		webkit-box-sizing:border-box;
		}
	
}

@media all and (max-width: 784px) {	

	#main {
		margin-bottom:0;
		border-radius:0;
		box-shadow:none;
		}

}	
@media all and (max-width: 480px) {

	header {padding:15px 0 0 0;}
		header .logo {
			display:block; float:none;
			height:77px; width:85px;
			margin:0 auto;
			background:url(../img/logo-small.png) 0 0 no-repeat;
			}
		header .navigation {
			float:none;
			width:100%;
			margin:20px auto 0 auto;
			}
			header .navigation li {
				width:25%;
				margin-bottom:10px; padding-right:0;
				background:none;
				box-sizing:border-box;
				-moz-box-sizing:border-box;
				webkit-box-sizing:border-box;
				}
				header .navigation li a {
					padding:33px 0 0;
					text-align:center;
					}
	.content {padding:10px 10px 20px;}
	
	.flexslider {margin-bottom:20px !important;}
		li.on-mobile {
			display:block !important;
			border-width:5px;
			}
		.flex-direction-nav,
		.flex-control-paging {display:none;}
		
	.border {border-width:5px !important;}
	
	.bottom img {
		display:block; float:none;
		margin:0 auto 20px !important;
		}
	.bottom p {padding-left:0;}
	.content .media.video {display:none !important;}
	.video-fallback {
		display:inherit;
		text-align:center;
		}
	.pic-placeholder ul li a {max-height:80px; max-width:80px; overflow:hidden;}
	.offer .pic-placeholder .suggestion li a,
	.offer .pic-placeholder .suggestion li a img {max-height:70px; max-width:70px;}
	.offer-video {padding:0;}

	.contact.text,
	.contact.media {width:100% !important;}

}

/*
= Print
-------------------------------------------------------------------------------------- */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h1, h2 { orphans: 3; widows: 3; }
  h1, h2{ page-break-after: avoid; }
}