/* font */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,900,700&subset=latin,latin-ext);

/* default */
*{margin:0;padding:0;border:0}
body{background-color:#ccc;font-family:'Roboto';font-size:12px;color:#666}
a{outline:none;color:#666;text-decoration:none}

/* facebook */
div#facebook{width:300px;height:500px;display:block;left:-300px;position:fixed;top:50%;z-index:1000;margin-top:-250px}
div#facebook .icon{float:right;margin-right:-50px}

/* cookie */
div#cookie{width:100%;height:40px;line-height:40px;text-align:center}
div#cookie a{border-bottom:1px dotted #9b8a70;font-weight:bold}
div#cookie a:hover{border-color:#eee;color:#eee}

/* container */
div#container{margin:0 auto;width:100%;max-width:1200px;background-color:#fff}

/* header */
div#header{height:150px}
div#header h1#logo{position:absolute;z-index:40;top:50px}
div#header h1#logo a{display:block;width:200px;height:50px;background-image:url(../images/header-logo.png)}
div#header div#nav{position:absolute;z-index:30;top:55px;right:0}
div#header ul#menu{float:left;list-style:none}
div#header ul#menu li{display:inline;float:left}
div#header ul#menu li +li{margin-left:20px}
div#header ul#menu li a{position:relative;display:block;height:40px;line-height:40px;font-weight:400;font-size:14px;color:#999}
div#header ul#menu li a:hover,
div#header ul#menu li a.active{color:#0093dd}
div#header ul#languages{float:left;margin-left:40px;list-style:none}
div#header ul#languages li{display:inline;float:left}
div#header ul#languages li +li{border-left:1px solid #f6f6f6}
div#header ul#languages li a{display:block;width:40px;height:40px;background-image:url(../images/header-languages.png);opacity:0.5}
div#header ul#languages li a:hover,
div#header ul#languages li a.active{opacity:1}
div#header ul#languages li a.pl{background-position:0 0}
div#header ul#languages li a.en{background-position:-40px 0}
div#header ul#languages li a.ru{background-position:-80px 0}
div#header ul#category{position:absolute;z-index:30;top:100px;right:0;list-style:none}
div#header ul#category li{display:inline;float:left}
div#header ul#category li a{position:relative;display:block;padding:0 20px;height:50px;line-height:50px;border-top:1px solid #eee;font-weight:400;font-size:20px;color:#075ea6;letter-spacing:-1px;text-transform:lowercase}
div#header ul#category li a:hover,
div#header ul#category li a.active{margin-top:-1px;border-width:2px;border-color:#075ea6;color:#000}

/* slide */
div#slide{position:relative;height:600px}
div#slide ul{list-style:none}
div#slide ul li{height:500px}
div#slide ul li div.description{position:absolute;top:0px;right:100px;padding:100px 50px;width:300px;height:300px;background-color:rgba(255,255,255,0.8)}
div#slide ul li div.description em{display:block;margin-bottom:20px;line-height:30px;font-size:30px;font-style:normal;font-weight:900;text-transform:uppercase}
div#slide ul li div.description span{font-size:14px;color:#999}
div#slide ul li a.button{margin-top:50px;width:150px;text-align:center}
div#slide ul li img{margin:0 auto;width:1200px}
div#slide div.pager{position:absolute;bottom:0;left:50%;margin-left:-600px;padding:50px 100px;width:1000px;background-color:#46abde}
div#slide div.pager a{float:left;width:250px;height:50px;line-height:50px;font-size:15px;font-weight:300;text-align:center;text-transform:uppercase}
div#slide div.pager a +a{width:249px;border-left:1px solid #e7eff5}
div#slide div.pager a.active{color:#fff;font-weight:700}

/* location */
div#location{position:relative;margin-top:50px;height:400px}
div#location .map{height:400px}
div#location .cloud{position:absolute;top:50px;left:50%;z-index:100;margin-left:-500px;padding:20px;height:260px;width:300px;background-color:#fff;box-shadow: 0 0 10px #ccc;font-size:14px}
div#location .cloud .button{position:absolute;bottom:20px;right:20px}

/* navigation */
div#navigation{margin-top:50px;border-bottom:1px solid #eee}
div#navigation strong{font-size:30px;font-weight:300}
div#navigation ul{float:right;list-style:none}
div#navigation ul li{float:left}
div#navigation ul li +li{margin-left:10px}
div#navigation ul li a.active{padding-bottom:25px;border-bottom:2px solid #999;color:#000;font-weight:700}

/* breadcrumb */
div#breadcrumb{height:30px;line-height:30px;color:#999;font-size:11px}
div#breadcrumb span{padding:0 7px;color:#ccc}

/* applications */
div#applications li{position:relative;width:200px}
div#applications li span.mask{position:absolute;top:0;left:0;width:200px;height:200px;background-image:url(../images/applications-mask.png)}
div#applications li strong{display:block;margin:20px 0;text-align:center}
div#applications li a.button{margin:0 auto;width:100px;text-align:center}

/* content */
div#content{margin-top:50px;margin-bottom:100px;font-size:14px}
div#content h2{font-size:30px;line-height:30px;font-weight:300}
div#content h2.header{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee;text-align:center}
div#content div +h2{margin-top:50px}
div#content h2 +p{margin-top:20px}
div#content p.lead{margin-bottom:20px;font-weight:700}
div#content p.more{margin-top:50px}
div#content form dl{position:relative;float:left}
div#content form dl +dl{margin-top:30px}
div#content form dl dt{display:none}
div#content form dl dd{display:block}
div#content form label.error{position:absolute;top:0px;right:0;padding:0 10px;width:200px;height:40px;line-height:40px;background-color:#ee0000;color:#fff}
div#content form input[type=text],
div#content form textarea{padding:0 15px;height:38px;line-height:38px;width:368px;border:1px solid #ddd;color:#666;font:400 14px 'Roboto'}
div#content form textarea{padding:15px;width:518px;height:220px;line-height:20px}
div#content form input[type=submit]{cursor:pointer}
div#content ul.list{margin-left:20px;}
div#content div.list{float:left}
div#content div.list.block{margin-bottom:50px;padding-bottom:50px;width:1000px}
div#content div.list.border{border-bottom:1px solid #eee}
div#content div.list .thumb{float:left;width:350px}
div#content div.list .description{float:left;width:650px}
div#content div.list .description h2{font-size:20px;font-weight:900;color:#46abde}
div#content div.list .date{margin-bottom:10px;color:#999}
div#content div.list .more{margin-top:20px}
div#content div.list .more a{float:left;color:#ff0000}
div#content div.item{float:left;text-align:justify}
div#content div.item.w50p{width:50%}
div#content div.item.header{position:relative}
div#content div.item.header h1{position:absolute;top:0;left:0;font-size:60px;font-weight:300;letter-spacing:-4px;color:#075ea6}
div#content div.item.thumb{width:30%}
div#content div.item.thumb img{width:100%}
div#content div.item.description{width:70%}
div#content div.item.col{padding:10px;box-sizing:border-box}
div#content div.item.col img{width:100%}
div#content div.item.col.c1{width:100%}
div#content div.item.col.c2{width:50%}
div#content div.item.col.c2{width:50%}
div#content div.item.col.c3{width:33.3%}
div#content div.item.col.c4{width:25%}
div#content div.item.col.c5{width:20%}
div#content div.item.col.w30{width:30%}
div#content div.item.col.w40{width:40%}
div#content div.item.col.w50{width:50%}
div#content div.item.col.w60{width:60%}
div#content div.item.col.w70{width:70%}
div#content div.item.col.middle{display:table-cell;vertical-align:middle;height:200px}
div#content div.item img.w100p{width:100%}
div#content div.item ul{margin-left:20px}
div#content div.module{}
div#content div.module ul{margin:0;list-style:none}
div#content div.module ul li{float:left;position:relative;margin-bottom:50px;text-align:center}
div#content div.module ul li.w250{width:250px}
div#content div.module ul li strong{margin-top:10px;display:block;color:#000}
div#content div.module ul li em{font-style:normal;font-size:12px}
div#content div.module ul li img{display:block;margin:0 auto;width:200px}
div#content div.module ul li span.mask{position:absolute;top:0;left:25px;width:200px;height:200px;background-image:url(../images/applications-mask.png)}
div#content div.module ul li a.button{margin:0 auto;margin-top:20px;width:130px}
div#content div.movie{overflow:hidden;padding:30px;background-color:#666}
div#content div.movie ul{list-style:none}
div#content div.movie ul li{float:left;margin:10px;width:200px;text-align:center}
div#content div.movie ul li img{border:5px solid #555;width:180px}
div#content div.movie ul li strong{display:block;color:#fff}
div#content div.movie ul li em{display:block;color:#999;font-size:12px}
div#content div.file{overflow:hidden;padding:30px;background-color:#eee}
div#content div.file ul{list-style:none;border-top:1px solid #ddd}
div#content div.file ul li{float:left;width:50%;box-sizing:border-box;border-bottom:1px solid #ddd}
div#content div.file ul li a{display:block;padding-left:50px;height:50px;line-height:50px;background-repeat:no-repeat;font-weight:700}
div#content div.file ul li a.pdf{background-image:url(../images/file-pdf.png)}
div#content div.file ul li a.break{background-image:url(../images/file-break.png)}
div#content div.form{overflow:hidden;margin:0 auto;width:1000px}
div#content div.form p{margin-bottom:10px}
div#content div.form div{float:left;position:relative}
div#content div.form div.data,
div#content div.form div.data dl{width:400px}
div#content div.form div.post,
div#content div.form div.post dl{width:550px}
div#content div.form div.post{margin-left:50px}
div#content div.sitemap h3{}

/* like */
div#like{padding:20px 0;height:30px;background-color:#87a5bd}
div#like h3{float:left;height:30px;line-height:30px;width:184px;color:#fff;font-size:23px;font-weight:500;letter-spacing:-1px}
div#like div.newsletter{position:absolute;left:0}
div#like div.newsletter form{float:left}
div#like div.socialmedia{position:absolute;right:0}

/* footer */
div#footer{padding:50px 0 50px 0;background-color:#2b2b2b}
div#footer h3{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #444;color:#fff;font-size:15px;font-weight:700}
div#footer ul +h3{margin-top:20px}
div#footer ul{list-style:none;line-height:20px}
div#footer ul a{color:#fff}
div#footer ul a:hover{border-bottom:1px dotted #fff}
div#footer ul.socialmedia{overflow:hidden;list-style:none}
div#footer ul.socialmedia li{float:left}
div#footer ul.socialmedia li +li{margin-left:6px}
div#footer ul.socialmedia li a{display:block;width:40px;height:40px;background-image:url(../images/footer-socialmedia.png?v2);opacity:0.5}
div#footer ul.socialmedia li a:hover{border-bottom:0;opacity:1}
div#footer ul.socialmedia li a.facebook{background-position:0 0}
div#footer ul.socialmedia li a.youtube{background-position:-40px 0}
div#footer ul.socialmedia li a.dailymotion{background-position:-80px 0}
div#footer ul.socialmedia li a.allegro{background-position:-120px 0}
div#footer form{margin-top:20px}
div#footer form input[type=text]{padding:5px 0;background-color:#2b2b2b;border-bottom:1px solid #666;color:#fff}
div#footer div.col{float:left;width:200px}
div#footer div.col +div.col{margin-left:50px}

/* links */
div#links{height:80px;line-height:80px;text-align:center}
div#links ul{list-style:none}
div#links ul li{display:inline}
div#links ul li +li{margin-left:30px}
div#links ul li a{font-size:18px;font-weight:300}
div#links ul li a:hover{border-bottom:1px dotted #000;color:#000}

/* copyright */
div#copyright{padding:50px 0;background-color:#ccc}
div#copyright p.copyright{color:#666}
div#copyright p.address{color:#999}

/* button */
.button{overflow:hidden;position:relative;display:block;padding:0 20px;height:36px;line-height:36px;border:2px solid #ccc;border-radius:20px;background-color:#fff;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:2px}
.button:hover{background-color:#eee}
.button.left{float:left}
.button.middle{padding:0 55px 0 20px;height:35px;line-height:35px;font-size:16px}
.button.middle.round{border-radius:17px}
.button.long{margin:0 auto;width:250px}
.button.red{background-color:#ee0000;color:#fff}
.button.red:hover{background-color:#dd0000}
.button.blue{border-color:#0093dd;background-color:#fff;color:#0093dd}
.button.blue:hover{background-color:#0093dd;color:#fff}

/* other */
.inner{position:relative;margin:0 auto;width:1000px}
.break{float:none;clear:left}
.break.mb50{margin-bottom:50px}
.center{text-align:center !important}
.left{text-align:left !important}
.right{text-align:right !important}
.justify{text-align:justify !important}
.red{color:#ee0000}
.blue{color:#46abde}