@import "http://webfonts.ru/import/azoft.css";
@import "http://webfonts.ru/import/kelson.css";

/* Reset */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;-webkit-text-size-adjust:none;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* Box Model */
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* Basic */
body{font-family:'Kelson Sans';position:relative;background:#12151D url('../images/bg2.jpg') no-repeat 50% 50%;background-size: cover;color:rgba(255,255,255,0.9);font-weight:400;}
a{color:rgba(255,255,255,0.85);text-decoration:none;-moz-transition:color .25s ease-in-out;-webkit-transition:color .25s ease-in-out;-ms-transition:color .25s ease-in-out;transition:color .25s ease-in-out;}
a:hover{color:#FFF;}
h1,h2,h3,h4,h5,h6{font-family:'Azoft Sans';font-weight:400;color:#fff;letter-spacing:-.05em;}
strong,b{color:rgba(255,255,255,0.85);font-weight:600;}

/* List */
ul.contact{cursor:default;margin:0 0 1em;}
ul.contact li{display:inline-block;font-size:1em;vertical-align:top;}
ul.contact li a{opacity:0.85;color:#fff;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;}
ul.contact li a:hover{opacity:1.0;}

/* Item */
.item.thumb{display:block;position:relative;background:rgba(255,255,255,0.25);cursor:default;}
.item.thumb h2{position:absolute;bottom:0;left:0;background:rgba(18,21,29,0.85);width:100%;font-weight:400;line-height:1em;z-index:2;padding:1em;}
.item.thumb img{display:block;z-index:1;}

/* Wrapper */
#wrapper {position: relative;z-index: 1;}

/* Main */

/* Header */
#header{position:relative;background:#d9544f url(images/overlay.png);color:#fff;cursor:default;}
#header p{opacity:0.65;}

/* Desktop */
@media screen and (min-width: 737px) {

		/* Basic */
		html {height:100%;}
		body {font-size:12pt;line-height:1.75em;height:100%;min-height:450px;min-width:1000px;padding:0;}

		/* List */
		ul.contact{margin-bottom:.5em;}
		ul.contact li{margin-left:1em;}

		/* Wrapper */
		#wrapper{height:100%;overflow:hidden;-moz-transition:0 .25s ease-in-out;-webkit-transition:0 .25s ease-in-out;-ms-transition:0 .25s ease-in-out;transition:filter .25s ease-in-out;}

		/* Main */
		#main {width: 100%;position: absolute;}

		/* Reel */
		#reel{position:relative;opacity:0;}
		#reel .item{display:block;float:left;position:relative;overflow:hidden;}

		/* Header */
		#header{min-height:212px;vertical-align:middle;padding:2em;}
		#header:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
		#header .inner{display:inline-block;vertical-align:middle;}
		#header h1{font-size:2.8em;line-height:1em;}
		#header p{font-size:1.25em;line-height:1.5em;margin:.5em 0 0;}

		/* Footer */
		#footer{position:fixed;bottom:0;left:0;width:100%;overflow:hidden;z-index:-1}
		#footer .left{text-align:left;padding:2em;text-shadow:0 2px 1px rgba(0,0,0,1), 0 4px 5px rgba(0,0,0,0.5), 0 8px 9px rgba(0,0,0,0.5);color:#fff;}
		#footer .right{position:absolute;bottom:0;right:0;text-align:right;padding:2em;}
		#footer .copyright li{display:inline-block;margin-left:1em;padding-left:1em;border-left:solid 1px #333;border-left-color:rgba(255,255,255,0.25);line-height:1em;}
		#footer .copyright li:first-child{border-left:0;margin-left:0;padding-left:0;}

		/* Popup */
		.poptrox-popup{background:rgba(18,21,29,0.9);box-shadow:0 0 0 10px #fff, 0 10px 60px 10px rgba(8,11,19,0.55);cursor:default;}
		.poptrox-popup .loader{display:block;width:48px;height:48px;position:absolute;top:50%;left:50%;background:url(images/loader.gif);opacity:0.25;margin:-24px 0 0 -24px;}
		.poptrox-popup .caption{position:absolute;bottom:0;left:0;right:0;background:rgba(18,21,29,0.75);display:block;width:100%;min-height:60px;line-height:26px;text-align:center;font-size:.9em;color:#fff;padding:10px 5%;}
		.poptrox-popup .caption a{border-bottom:1px solid #fff;}
		.poptrox-popup .caption a:hover{border-bottom:none;}
		.poptrox-popup .caption img{vertical-align:middle;}
		.poptrox-popup .nav-next,.poptrox-popup .nav-previous,.poptrox-popup .closer{text-decoration:none;font-weight:400;font-style:normal;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;opacity:0.35;}
		.poptrox-popup .nav-next:hover,.poptrox-popup .nav-previous:hover,.poptrox-popup .closer:hover{opacity:1.0;}
		.poptrox-popup .nav-next,.poptrox-popup .nav-previous{text-transform:none!important;width:32px;height:32px;position:absolute;bottom:18px;cursor:pointer;}
		.poptrox-popup .nav-next{right:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABG0lEQVRYR7XX4W0CMQyG4dcTQDdgBDaATgBsAJPBBtAJ2hEYoRvABkaWgoRQm4sTO3/vTt+TnGMlQmWo6h5Yicih9t7IM5kALIEf4JyFqAIMp6oL4ALcgJ2I3Edm/P7tJKAg5mUlFPiMRDQBMhHNgCyEC5CBcAOiEV2ASEQ3IAoxBHhBWJ+YlT7x6+kTw4BnmKqegE3pE9dWRBigrIYbEQroQYQDvIgUgAeRDdgCaxH5tyhTAGVHTIbbSoUDPOHhAG94KKAnPASgqnZaOgMfwL5WcH91x6EaKOHfpZas2t3nxW5ARHj3L4gK7wJEhrsB0eEuQEZ4MyArvAmgqnY/PI5stdrpqOVyavv8S0Tsphw+pgAWag0mJdxm8wDLM6Yh8VkCIwAAAABJRU5ErkJggg==);}
		.poptrox-popup .nav-previous{left:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABEElEQVRYR73X0Q3CMAwE0LsNGIURYALKBmUzNkBMQEeADdgANjCyFKQKVcSN7fSHDyrdi+u4DZF4icgZwERSfxcvZuWX8AHAjuS9G0BENgBuAHRxA8nnv0WGVuAnXFf+rlU4DNASrrgQQGt4CMAT7gZ4w12AiPBmQFR4E0BEtgAuAB4ARstWC5sDJVyHzJXkWNvjlv/N2zAj3PwIssJNgMzwKiA73AqYtOtJnixNtfaeahOWKqQhqgBdUSbCBMhEmAFZiFWAGUI/Ml8Ajl1H8bfDy8tIG1MA7D2I1RWIRjQDyuPQL2BXJVyACIQb4EWEADyIMEArIhSwgNA50e9oNn8TlsPpocyJfofTBcTf4/kHKnmqIYO24SYAAAAASUVORK5CYII=);}
		.poptrox-popup .closer{width:35px;height:35px;font-size:2em;line-height:35px;text-align:center;position:absolute;top:-70px;right:-70px;cursor:pointer;border-radius:40px;box-shadow:0 0 0 1px #fff;}
		.poptrox-popup .closer:before{content:"\00d7";}
}

#vibor{z-index:9999;position:absolute;right:30px;top:20px;background-image:linear-gradient(tobottom,#f54949,#bd3b3b);-webkit-border-radius:20;-moz-border-radius:20;border-radius:20px;text-shadow:1px 1px 3px #666;-webkit-box-shadow:0 2px 2px #666;-moz-box-shadow:0 2px 2px #666;box-shadow:0 2px 2px #666;font-size:18px;background:#f55151;-moz-transition:background-image .25s ease-in-out;-webkit-transition:background-image .25s ease-in-out;-ms-transition:background-image .25s ease-in-out;transition:background .25s ease-in-out;padding:10px 20px;}
#vibor:hover{background:#3498db;background-image:linear-gradient(tobottom,#3498db,#2980b9);}
#vibor a,#vibor:hover a{color:#fff;}
#vibor:active {top:22px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

/* Mobile */
@media screen and (max-width: 736px) {
	body{font-size:12pt;line-height:1.75em;}
	ul.contact li{margin:0 .35em;}
	.item{border:0;}
	.item.thumb{width:50%;float:left;height:9em;position:relative;}
	.item.thumb a{position:absolute;left:0;top:0;width:100%;height:100%;}
	#wrapper.overlayed{-moz-filter:blur(1px);-webkit-filter:blur(1px);-ms-filter:blur(1px);filter:blur(1px);}
	#header{text-align:center;padding:2.5em 1.5em;}
	#header h1{font-size:2em;}
	#header p{font-size:1em;line-height:1.5em;margin:.75em 0 0;}
	#main{overflow:hidden;}
	#footer{text-align:center;padding:4em 1em;}
	#footer .right{border-top:solid 1px rgba(255,255,255,0.1);margin:4em 0 0;padding:4em 0 0;}
	#footer .copyright{margin:2em 0 0;}
	.poptrox-popup{background:#0a0f1c;box-shadow:0 0 30px 10px rgba(8,11,19,0.85);border:solid 2.5px #fff;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;}
	.item.thumb h2,.item.thumb img,#footer br{display:none;}
}

img#background  {width: 100%; height:100%; position: fixed;}

/* snow */
#snow {height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 0;}
.bg-overlay {background: url("../images/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%;left: 0; position: fixed;   top: 0; width: 100%; z-index: -2;}