@charset "utf-8";
/* CSS Document */

*{outline:none;}

body{
	background-image:url(../Images/Backgrounds/bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
	line-height:16px;
	padding:0px;
	margin:0px;
}

/* FONTS */
@font-face {
	font-family:'AvantGarde';
	src:url('Fonts/avantgarde.eot');
	src:url('Fonts/avantgarde.eot?#iefix') format('embedded-opentype'),
		url('Fonts/avantgarde.woff') format('woff'),
		url('Fonts/avantgarde.ttf') format('truetype'),
		url('Fonts/avantgarde.svg#AvantGardeNormalBook') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'bebasNeue';
	src:url('Fonts/bebasneue.eot');
	src:url('Fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
		url('Fonts/bebasneue.woff') format('woff'),
		url('Fonts/bebasneue.ttf') format('truetype'),
		url('Fonts/bebasneue.svg#bebas_neue_cyrillicregular') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* ALL */
.clear{height:0px; clear:left; line-height:0px; font-size:0px;}
.clean{height:0px; clear:right; line-height:0px; font-size:0px;}
.cleall{height:0px; clear:both; line-height:0px; font-size:0px;}

a{color:#0084ff; text-decoration:none;}
a:hover{color:#0084ff; text-decoration:underline;}

a.button{height:25px; display:block; float:left; background-image:url(../Images/Buttons/menu.jpg); background-position:0px -134px; background-repeat:repeat-x; font-family:'AvantGarde'; font-size:18px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; padding:7px 20px 5px 20px; margin:0px; cursor:pointer;}
a.button:hover{color:#001c41;}

h2{display:block; font-family:'bebasNeue'; font-size:45px; color:#0d6fee; text-decoration:none; text-transform:uppercase; font-weight:normal; line-height:40px; padding:0px; margin:0px;}
h2 span{color:#8e8e8e; text-decoration:none;}

h3{display:block; font-family:'AvantGarde'; font-size:20px; color:#4d4d4d; text-decoration:none; text-transform:uppercase; font-weight:normal; line-height:20px; padding:0px; margin:0px;}
h3 span{color:#0d6fee; text-decoration:none;}
h3 small{display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-transform:none;}

img{border:0px;}

ul{line-height:20px; float:left; padding:0px; margin:20px 0px;}
ul li{list-style-image:url(../Images/Icons/ulli.png); color:#333; text-decoration:none; padding:0px; margin:0px 0px 0px 10px;}

#mb20{margin:0px 0px 20px 0px;}

/* HEADER */
#header{width:990px; height:180px; position:relative; padding:0px; margin:0px auto;}

/* --- LOGO --- */
#header h1{width:235px; height:80px; position:absolute; top:10px; left:0px; padding:0px; margin:0px; z-index:99;}
#header h1 a{width:235px; height:80px; display:block; background-image:url(../Images/Buttons/logo.png); background-position:center left; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px;}

/* --- SOCIAL --- */
#header div.social{width:450px; height:36px; position:absolute; top:38px; right:0px; z-index:99;}
#header div.social span{display:block; float:left; color:#8e8e8e; text-decoration:none; padding:0px; margin:8px 4px 0px 10px;}
#header div.social a.facebook{width:36px; height:36px; display:block; float:left; background-image:url(../Images/Buttons/social.png); background-position:0px 0px; background-repeat:no-repeat; padding:0px; margin:0px 0px 0px 10px;}
#header div.social a.facebook:hover{background-position:0px -36px;}
#header div.social a.twitter{width:36px; height:36px; display:block; float:left; background-image:url(../Images/Buttons/social.png); background-position:-36px 0px; background-repeat:no-repeat; padding:0px; margin:0px 0px 0px 10px;}
#header div.social a.twitter:hover{background-position:-36px -36px;}
#header div.social a.google{width:36px; height:36px; display:block; float:left; background-image:url(../Images/Buttons/social.png); background-position:-72px 0px; background-repeat:no-repeat; padding:0px; margin:0px 0px 0px 10px;}
#header div.social a.google:hover{background-position:-72px -36px;}
#header div.social a.number{width:158px; height:20px; display:block; float:left; background-image:url(../Images/Buttons/social.png); background-position:-108px 0px; background-repeat:no-repeat; font-family:'AvantGarde'; font-size:18px; color:#acacac; text-decoration:none; font-weight:normal; padding:8px 8px 8px 35px; margin:0px 0px 0px 10px;}
#header div.social a.number:hover{background-position:-108px -36px;}
#header div.social a.number small{float:left; padding:0px 4px 3px 1px;}

/* --- MENU --- */
#header ul{width:1120px; height:67px; display:block; position:absolute; padding:0px; margin:113px 0px 0px 0px; z-index:1;}
#header ul li{height:67px; display:block; float:left; background-image:url(../Images/Buttons/menu.jpg); background-position:0px 0px; background-repeat:repeat-x; list-style:none; padding:0px; margin:0px 0px 0px 2px;}
#header ul li.active{background-position:0px -67px;}
#header ul li:first-child{margin:0px;}
#header ul li:first-child a{width:33px; height:31px; background-image:url(../Images/Icons/home.png); background-position:19px 16px; background-repeat:no-repeat; padding:16px 19px 20px 19px; margin:0px;}
#header ul li:first-child a:hover{background-position:17px -52px;}
#header ul li a{display:block; font-family:'AvantGarde'; font-size:16px; color:#FFF; text-decoration:none; text-transform:uppercase; padding:24px 79px 27px 79px; margin:0px;}
#header ul li a:hover{color:#001c41;}

/* PAGE */
#page{width:990px; position:relative; padding:0px; margin:40px auto;}

/* --- SLIDER --- */
#slider ul{padding:0px; margin:0px;}
#slider ul li{width:990px; height:300px; overflow:hidden; list-style:none; padding:0px; margin:0px;}	
#slider ul li div.info{width:424px; height:260px; float:left; border-right:1px solid #CCC; color:#8e8e8e; text-align:right; line-height:21px; padding:20px 40px 20px 50px; margin:0px;}
#slider ul li div.info h3{margin:0px 0px 10px 0px;}
#slider ul li div.info h2{font-size:30px; margin:0px 0px 20px 0px;}
#slider ul li div.info a.button{float:right; margin:20px 0px 0px 0px;}
#slider ul li img{display:block; float:left;}

#prev{width:35px; height:58px; display:block; position:absolute; top:121px; left:0px; z-index:1000;}
#prev a{width:35px; height:58px; display:block; position:relative; background-image:url(../Images/Buttons/slider.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px;}
#prev a:hover{background-position:-35px 0px;}

#next{width:35px; height:58px; display:block; position:absolute; top:121px; left:955px; z-index:1000;}
#next a{width:35px; height:58px; display:block; position:relative; background-image:url(../Images/Buttons/slider.png); background-position:-70px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px;}
#next a:hover{background-position:-105px 0px;}

/* ITEM */
a.item{width:475px; height:200px; display:block; color:#727272; text-decoration:none; line-height:20px; padding:0px; margin:0px;}
a.item h3{padding:20px 0px 0px 0px; margin:0px 0px 20px 0px;}
a.item .image{width:138px; height:192px; float:left; position:relative; border:1px solid #4d4d4d; padding:0px; margin:0px 20px 0px 0px;}
a.item .image img{position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:1;}
a.item .image span{width:138px; height:192px; display:block; position:absolute; top:0px; left:0px; background-image:url(../Images/Buttons/view.png); background-position:center; background-repeat:no-repeat; padding:0px; margin:0px; opacity:0; z-index:100;}
a.item strong{color:#333; text-decoration:none; font-weight:normal;}
a.item span{display:block; float:left; background-image:url(../Images/Icons/arrow_blue.png); background-position:center left; background-repeat:no-repeat; color:#0084ff; padding:0px 0px 0px 10px; margin:20px 0px 0px 0px;}

a.item:hover h3{color:#0084ff;}
a.item:hover .image{border:1px solid #0084ff;}

/* --- HOME --- */
/* === CONTACTS === */
div.contacts{width:475px; height:160px; float:left; background-color:#e0e0e0; padding:0px; margin:30px 40px 30px 0px;}
div.contacts h3{width:190px; height:50px; float:left; background-image:url(../Images/Backgrounds/home.jpg); background-position:0px 0px; background-repeat:no-repeat; text-align:center; padding:110px 0px 0px 0px; margin:0px;}
div.contacts span{width:245px; height:120px; display:block; float:left; color:#6b6b6b; text-decoration:none; line-height:15px; padding:20px; margin:0px;}
div.contacts span strong{color:#454545; text-decoration:none; font-weight:normal;}

/* === LOCATION === */
div.location{width:475px; height:160px; float:left; background-color:#e0e0e0; padding:0px; margin:30px 0px;}
div.location h3{width:190px; height:50px; float:left; background-image:url(../Images/Backgrounds/home.jpg); background-position:-190px 0px; background-repeat:no-repeat; text-align:center; padding:110px 0px 0px 0px; margin:0px;}
div.location span{width:284px; height:158px; display:block; float:left; padding:0px; margin:1px 1px 1px 0px;}

/* === WELCOME === */
div.welcome{width:475px; height:270px; float:left; padding:0px; margin:0px 40px 20px 0px;}
div.welcome h2{margin:0px 0px 5px 0px;}
div.welcome h3{margin:0px 0px 20px 0px;}
div.welcome a.button{padding:9px 20px 3px 20px; margin:20px 0px 0px 0px;}

/* === PRODUCTS === */
div.products{width:475px; height:270px; position:relative; float:left; padding:0px; margin:0px 0px 20px 0px;}
div.products h2{margin:0px 0px 20px 0px;}

#products ul{padding:0px; margin:0px;}
#products ul li{width:475px; height:200px; overflow:hidden; list-style:none; padding:0px; margin:0px;}

ol#controls{width:156px; height:11px; padding:0px; margin:25px 0px 0px 199px;}
ol#controls li{height:11px; float:left; list-style:none; padding:0px; margin:0px 2px 0px 0px;}
ol#controls li a{width:11px; height:11px; display:block; float:left; background-image:url(../Images/Icons/points.png); background-position:2px 2px; background-repeat:no-repeat; text-indent:-999px; padding:0px; margin:0px;}
ol#controls li.current a{background-position:2px -9px;}

/* --- ABOUT --- */
div.office{width:475px; height:160px; float:left; background-color:#e0e0e0; padding:0px; margin:0px;}
div.office h3{width:190px; height:65px; float:left; background-image:url(../Images/Backgrounds/home.jpg); background-position:-380px 0px; background-repeat:no-repeat; text-align:center; padding:95px 0px 0px 0px; margin:0px;}
div.office a{width:284px; height:158px; display:block; position:relative; float:left; padding:0px; margin:1px 1px 1px 0px;}
div.office a img{display:block; position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:1;}
div.office a span{width:284px; height:158px; display:block; position:absolute; top:0px; left:0px; background-image:url(../Images/Buttons/view.png); background-position:center; background-repeat:no-repeat; padding:0px; margin:0px; opacity:0; z-index:100;}

/* --- PRODUCTS --- */
div.items{margin:40px 0px 0px 0px;}
div.items a.item{width:318px; float:left; margin:0px 0px 20px 0px;}
div.items a.margin{margin:0px 18px;}

/* --- MATERIALS --- */
a.pimg{width:300px; height:200px; display:block; position:relative; float:left; border:1px solid #4d4d4d; padding:0px; margin:0px 30px 0px 0px;}
a.pimg img{display:block; position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:1;}
a.pimg span{width:300px; height:200px; display:block; position:absolute; top:0px; left:0px; background-image:url(../Images/Buttons/view.png); background-position:center; background-repeat:no-repeat; padding:0px; margin:0px; opacity:0; z-index:100;}

/* --- CONTACTS --- */
div.address{width:500px; float:left; padding:0px; margin:0px 40px 0px 0px;}
div.address span.side{width:250px; display:block; float:left; padding:0px; margin:20px 0px 40px 0px;}
div.address strong{color:#333; text-decoration:none; font-weight:normal;}

div.address #map{width:498px; height:258px; border:1px solid #4d4d4d; padding:0px; margin:20px 0px 0px 0px;}

div.form{width:450px; float:left; padding:0px; margin:0px;}
div.form input{width:420px; height:15px; display:block; background-color:#dfdfdf; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none; padding:15px; margin:15px 0px 0px 0px;}
div.form input.checkbox{width:16px; height:16px; display:inline-block; vertical-align:middle; padding:0px; margin:0px 10px 0px 0px;}
div.form textarea{width:420px; height:265px; display:block; background-color:#dfdfdf; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none; padding:15px; margin:15px 0px 20px 0px;}

div.form a.button{padding:9px 20px 3px 20px; margin:0px;}

div.form small{width:330px; display:none; float:left; text-align:right; padding:0px; margin:10px 0px 0px 9px;}

/* FOOTER */
#footer{width:990px; border-top:1px solid #b6b6b6; color:#b4b4b4; text-decoration:none; padding:28px 0px 0px 0px; margin:0px auto 28px auto;}
#footer strong{color:#0066ff; text-decoration:none; font-weight:normal;}
#footer span{float:right; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#b4b4b4; text-decoration:none;}
#footer a{color:#F60; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/* COOKIES */
.coockiebanner{width:96%; position:fixed; left:0px; bottom:0px; background-color:rgba(13,111,238,0.8); font-size:11px; color:#FFF; text-decoration:none; text-align:center; padding:10px 2%; margin:0px; opacity:0; z-index:999999999;}

.coockiebanner a{color:#CCC; text-decoration:underline;}
.coockiebanner a:hover{color:#CCC; text-decoration:none;}

.coockiebanner a.boxclose{display:inline-block; background-color:#0A3062; font-size:18px; color:#fff; text-decoration:none; font-weight:bold; line-height:0px; vertical-align:middle; padding:9px 6px 10px 6px; margin:0px 0px 0px 15px; cursor:pointer;}
.coockiebanner a.boxclose:hover{background-color:#FFF; text-decoration:none; color:#0d6fee;}
.coockiebanner a.boxclose:before{content:"×";}

.fancybox-inner ul{display:block; padding:0px; margin:20px 20px 20px 40px;}

/* POPUP */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{outline:none; border:0; vertical-align:top; padding:0; margin:0;}
.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020;}
.fancybox-skin{position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer,
.fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444; font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; white-space:nowrap; padding:15px; margin:0;}
.fancybox-image,
.fancybox-iframe{width:100%; height:100%; display:block;}
.fancybox-image{max-width:100%; max-height:100%;}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span{background-image:url('../Images/Popup/fancybox_sprite.png');}
#fancybox-loading{position:fixed; top:50%; left:50%; background-position:0 -108px; margin-top:-22px; margin-left:-22px; opacity:0.8; cursor:pointer; z-index:8060;}
#fancybox-loading div{width:44px; height:44px; background:url('../Images/Popup/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{width:36px; height:36px; position:absolute; top:-18px; right:-18px; cursor:pointer; z-index:8040;}
.fancybox-nav{background:transparent url('../Images/Popup/blank.gif'); width:40%; height:100%; position:absolute; top:0; text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span{left:10px; background-position:0 -36px;}
.fancybox-next span{right:10px; background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}

.fancybox-lock{overflow:hidden;}
.fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../Images/Popup/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed; bottom:0; right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll;}

.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap;}

.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}