@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?Titillium+Web:300,700&subset=latin,latin-ext');

html {width: 100%; height: 100%;}
body {font-family: 'Source Sans Pro', sans-serif; width: 100%; height:100%; min-height: 100%; padding:70px 0 0 0; margin:0px; color:#3d3c3c; background:#fff; font-size:14px; font-weight:400; line-height:22px;}
a:active,
a:focus{outline:none; text-decoration:none}
.modal {overflow-y: auto;}
.modal-open {overflow: auto;}
#preloader{position: fixed; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; border: 8px solid #13b6ea; border-right-color: transparent; border-radius: 50%;
	-webkit-animation: spin;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    display:none; z-index: 1099;
}
@keyframes spin
{
    from { transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    50%  { transform: rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
    to   { transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes spin
{
    from { transform: rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    50%  { transform: rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
    to   { transform: rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
#preloader-layer{position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(255,255,255,0.6); z-index:1098; display:none}

h1{font-family: 'Titillium Web', sans-serif; font-size:20px; font-weight: 400; color:#231f20; padding:10px 0px 10px 0px; margin:0 0 0 0;}
h2{font-family: 'Titillium Web', sans-serif; color:#1d1d1b; font-size:30px; line-height: 40px; }
h3{color: #488db1;font-size: 18px;text-transform: uppercase;font-family: 'Titillium Web', sans-serif; font-weight: 300;margin: 40px 0;}
.simplepage h3{margin: 30px 0 10px 0}
h4{color:#000; margin:10px; font-size: 16px;}
h5{color:#000; margin:10px; font-size: 16px;}

#promoModal .modal-dialog .modal-content{padding: 25px;}
#promoModal h1{font-family: 'Titillium Web', sans-serif; font-weight: 700; margin-bottom: 10px}
#promoModal p.lead{font-size:16px; line-height: 20px}

/*pagination*/
.paginationwrap{ background: #cedbe3; margin:0 0 -50px 0;}
.pagination{float: right; border-radius: 0; margin:0; padding:10px; height:70px; background: #cedbe3;}
.pagination li.disabled a{color:#000; background: none; border:none; border-radius:0;}
.pagination li a{color:#346f8e; background: none; border:none; border-radius:5px; height:50px; line-height: 50px; padding:0px 20px;  margin:0 2px; position:relative;}
.pagination li a span{color:#346f8e;}
.no-touch .pagination li:before{display: none}
.no-touch .pagination li a:hover,
.no-touch .pagination li.disabled a:hover,
.no-touch .pagination li.active a:hover,
.pagination li.active a{border-radius:5px; background:#fff; color:#cea24c; font-weight: 700}
/*pagination*/

/*banner*/
/*.banner{background:#2b2b2b; position: relative; overflow: hidden; padding-bottom:25%; margin:70px 0 0 0;}*/
.banner{background:#2b2b2b; position: relative; overflow: hidden; padding-bottom:25%; margin:0;}
.lightSlider{list-style-type: none}
.lightSlider li.lslide:before{display:none;}
.banner .lslide a{float: left; width: 100%}
.banner .lslide img{float: left; width: 100%}
.banner-content{position: absolute;top:0;left:0;right:0;bottom: 0}
.banner h1{background: #1d1d1b; color:#fff; font-size:30px; font-family: kelsonregular; display: inline-block; padding:10px 30px; margin:0;}
.banner h1:first-child{padding:15px 30px 0 30px;}
.banner h1 span{font-family: kelsonregular;}
.scroll-down{position:absolute; text-align: center; bottom:30px; left:50%; z-index: 99; background: none; border:0; color:#fff; margin:0 0 0 -42px; padding:0; font-family:Georgia; font-style:italic; font-size: 14px} 
.scroll-down i{font-size:45px; margin-bottom: 10px}
.scroll-down:hover{color:#e84259; text-decoration: none}
#bannerthumbs{position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; padding:5px; background: rgba(0,0,0,0.5); margin:0; text-align: center; display: none}
#bannerthumbs li{display: inline-block; height: 50px; opacity: 0.5; cursor: pointer}
.no-touch #bannerthumbs li:hover{opacity:1;}
#bannerthumbs li img{height: 50px;}
/*banner*/

.gallery{float: left;width: 100%; text-align: center;}
.thumb{width:220px; display: inline-block; margin:10px; border-radius: 5px; w}

/*list*/
.img-responsive{display: inline-block;}
ul{list-style-type: none; padding:0 0 0 20px; text-align: left; display: inline-block;}
ul li{position: relative;}
ul li:before{content:''; position: absolute; top:50%; left:-15px; margin-top: -4px; width: 8px; height: 8px; border-radius: 4px; background:#cea24c;}

/*breadcrumbs*/
.breadcrumb{width:100%; margin-bottom:0; border-radius:0; line-height: 20px; padding:0; background:none}
.breadcrumb li{float: left; color:#fff; display: inline-block; margin:0; padding:0; position: relative;}
.breadcrumb li.active{font-size:14px; color:#fff;}
.breadcrumb > li + li::before{color:#fff;}
.breadcrumb li a{font-size:14px; color:#fff;}
.breadcrumb li a span{margin-right:10px; font-size:10px; vertical-align: 2px}
/*breadcrumbs*/

.content{position: absolute; top:0; left:0; right:0; bottom:0;}
.vertcenterc{display: table; vertical-align: middle; table-layout: fixed; width:100%; height: 100%;}
.vertcenter{display: table-cell; vertical-align: middle; width:100%;table-layout: fixed;}

.alert{border-radius:10px;margin:20px 0;}
.table .alert{margin:20px}
.table-responsive{margin-bottom:20px;}
.table-responsive .table{margin-bottom:0}
.mainalert{border-radius:10px; margin:30px 0 0 0; text-transform: uppercase; position: fixed; top:30%; left:50%; width:600px; margin-left:-300px; z-index:9999; text-align: center}
.mainalert ul{padding:0; list-style-type: none}
.nopadding{padding:0;}
.nomargin{margin:0;}
.box.marginbottom,
.marginbottom{margin-bottom:30px;}
.box.nomargin{margin:0;}
.no-float{float: none}
.form-signin{padding: 25px 0; margin: 0 50px;}
.form-signin .form-signin-heading, .form-signin .checkbox{margin-bottom: 10px;}
.form-signin .form-control{position: relative;font-size: 16px;height: auto;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form-signin .form-control:focus{z-index: 2;}
.form-signin input[type="text"]{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.form-signin input[type="password"]{margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
.account-wall{margin-top: 100px;margin-bottom:25px;padding: 0;background-color: #fff;-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.account-wall h3{margin:0; background:#1b1b1b; color:#fff; padding:20px 50px 14px 50px; font-size:16px; text-transform: uppercase; font-weight: 700}
.account-wall p{display: inline-block; margin:0 50px 25px 50px;}
.login-title{color: #555;font-size: 18px;font-weight: 400;display: block;}

#gotoadmin{position:fixed; bottom:15px; left:20px; width:40px; height:40px; border-radius: 20px; background:#cea24c; z-index:1099; line-height: 46px; font-size:22px; color:#fff; text-align: center;}

#mainbar{position: fixed; top:0; left:0; width:100%; height:70px; z-index:998; border:none; border-radius: 0; padding:0; background:#fff; box-shadow: 0 5px 10px rgba(0,0,0,0);
-webkit-transition: top .1s cubic-bezier(.58,.04,.4,.92);
-moz-transition: top .1s cubic-bezier(.58,.04,.4,.92);
-o-transition: top .1s cubic-bezier(.58,.04,.4,.92);
transition: top .1s cubic-bezier(.58,.04,.4,.92)}


.form-control.has-error


#mainbar .navbar-brand,
#stickbar .navbar-brand{margin: 0}
.navbar-brand{background: url(../img/logo.jpg) no-repeat center; background-size: auto 60px; padding:0; text-indent: -999px; width:90px; height:70px;}


#topbar{float: right; background:#fff;  margin:0; height:100px}
#topcontact{float: right; color: #488db1; line-height: 25px; margin:25px 15px;}
#topcontact span{color: #bcbcbc; margin-right: 10px;}
.social{float: right; background: #bcbcbc; color:#fff; width:30px; height: 30px; line-height:32px; border-radius: 20px; text-align: center; margin:35px 10px 0 0;
-webkit-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: background .3s cubic-bezier(.58,.04,.4,.92);
transition: background .3s cubic-bezier(.58,.04,.4,.92);}
.no-touch .social:hover{background: #cea24c; color:#fff; text-decoration: none}
a.mail{color:#346f8e; font-weight: 700; margin-left: 10px}
.langs{float: right; padding:5px; width:36px; height:100px; overflow: hidden; list-style-type: none; margin:0;}
.langs li{float: left; line-height: 11px;}
.langs li a{float: left; margin:0; padding:3px 5px;}
.langs li a img{float: left; margin:0;padding:0; opacity: 0.3}
.langs li a:hover img,
.langs li a.active img{opacity: 1}

#navbar{float: left; background:#fff; border:none; margin:0; width:100%; padding:0; border-top: 1px solid #eee;}
.nav.navbar-nav.navbar-top{margin:0px 0;float:left; width:100%; padding:0; text-align: center;font-size: 0; position: relative;}
.nav.navbar-nav.navbar-top li{display: inline-block; float: none; margin:0; padding:0; position: static; width: 100%; border-bottom:1px solid #eee;}
.nav.navbar-nav.navbar-top li a{text-transform: uppercase; font-size:14px; font-weight:600; color:#888; padding:15px;position: relative;}
.nav.navbar-nav.navbar-top li.active a{color:#cea24c; background: none}
.no-touch .nav.navbar-nav.navbar-top > li:hover > a{color:#cea24c; background: #fff}
.no-touch .nav.navbar-nav.navbar-top > li:hover > a:after{opacity: 1; bottom:-8px;}
.no-touch .nav.navbar-nav.navbar-top > li:hover > a:before{opacity: 1; bottom:-15px;}
.nav.navbar-nav.navbar-top .drop{visibility: hidden}
.navbar.navbar-default.navbar-fixed-top.smaller{height:50px;}
.navbar.navbar-default.navbar-fixed-top.smaller #navbar{margin:5px -30px 0 -30px;}
.navbar-toggle{margin:0; border-radius:0; border:0; background: #3a7899; width:70px; height:70px; padding:25px; text-align: center;}
.navbar-default .navbar-toggle .icon-bar{background: #fff; width: 20px}


/*
#navbar{float: left; background:#fff; border:none; margin:0; height:50px; width:100%; padding:0; display: inline-block !important; border-top: 1px solid #eee;}
*/

.btn{white-space: initial; -webkit-transition: color .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: color .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: color .3s cubic-bezier(.58,.04,.4,.92);
transition: color .3s cubic-bezier(.58,.04,.4,.92);}

.btn.btn-default{background:none; color: #488db1;font-size: 16px;font-weight: 600;border: none;padding: 7px 0 6px 0;text-align: left; line-height:25px;}
.btn.btn-default i{font-size:25px; vertical-align: -4px; margin-right:10px;}
.btn.btn-default:hover{color:#cea24c; background:none;}

.btn.btn-primary{background:#488db1; border:none; padding:16px 30px 14px 30px; border-bottom:2px solid #397c9f;}
.btn.btn-primary:hover{background: #cea24c; border-color:#ba9140;}


.btn-box{float: left; text-align: left; position: relative; width: 100%; height: 190px; background:#3a7899 url(../img/box1.jpg) no-repeat; background-size: cover; border-radius: 5px; color:#fff; font-size: 18px; font-family: 'Titillium Web', sans-serif; font-weight: 300; line-height: 22px; padding: 38px 20px 0 20px; margin-bottom: 30px}
.btn-box.bkg2{background:#3a7899 url(../img/box2.jpg) no-repeat; background-size: cover}
.btn-box b{font-weight: 700}
.btn-box p{font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height:18px; margin-top: 15px;}
.btn-box .icon-hexagon{position: absolute; top: 135px; right: 20px; text-align: center; font-size: 100px; height:100px; color:#cea24c; z-index: 5;
-webkit-transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);}
.btn-box .icon-hexagon span{font-family: 'Titillium Web', sans-serif; font-weight:700; position: absolute; top: 35px; left: 0; width: 100%; font-size: 14px; color:#fff;
-webkit-transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92);
transition: font-size .3s cubic-bezier(.58,.04,.4,.92), height .3s cubic-bezier(.58,.04,.4,.92), top .3s cubic-bezier(.58,.04,.4,.92);}
.btn-box .icon-hexagon.bottom{position: absolute; top: 129px; right: 14px; font-size: 112px; height:112px; color:#fff; z-index: 4;}
.no-touch .btn-box:hover{color:#fff}
.no-touch .btn-box:hover .icon-hexagon{ top: 130px; font-size: 110px; height:110px; color:#3a7899;}
.no-touch .btn-box:hover .icon-hexagon span{top: 40px;} 
.no-touch .btn-box:hover .icon-hexagon.bottom{ top: 124px;  font-size: 122px; height:122px;color:#fff;}


.about{float: left;font-size: 19px;color: #346f8e;font-family: 'Titillium Web', sans-serif;font-weight: 700;line-height: 28px;margin: 20px 0;}
.aboutpage{font-size: 22px;color: #346f8e;font-family: 'Titillium Web', sans-serif;font-weight: 700;line-height: 30px; text-align: center;}
.aboutpage img {float: none !important; margin-top:30px;}
.aboutpage span{margin:10px 0; display: inline-block;}
.about span {font-size: 18px;color: #7d7d7d;}
.abouticons .glyphicon{font-size: 130px; color:#488db1; position: relative;}
.abouticons span{font-family: 'Titillium Web', sans-serif; font-weight:700; position: absolute; top: 50%; left: 0; width: 100%; color:#fff; font-size: 14px;-webkit-transform:translate(0,-55%);-ms-transform:translate(0,-55%);transform:translate(0,-55%);}
.abouticons span b{font-size: 38px}
.abouticons .glyphicon.icon-hex_bordered_open span{color:#488db1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.abouticons i{font-family: 'Titillium Web', sans-serif; font-weight:700; font-style: normal; position: absolute; bottom: 5px; left: 0; width: 100%; text-align: right; color:#488db1; font-size: 28px;}

.abouticons .mask{display: inline-block; width: 120px; height: 120px; position: relative;}
.abouticons .mask .icon-hexagon_mask{color:#fff;}
.abouticons .mask img{position: absolute; top: 0%; left: 5%; width: 90%; height: 100%}

/*

.about{float: left;font-size: 19px;color: #346f8e;font-family: 'Titillium Web', sans-serif;font-weight: 700;line-height: 28px;margin: 20px 0;}
.aboutpage{font-size: 32px;color: #346f8e;font-family: 'Titillium Web', sans-serif;font-weight: 700;line-height: 40px}
.aboutpage span{margin:10px 0; display: inline-block;}
.about span {font-size: 18px;color: #7d7d7d;}
.abouticons .glyphicon{font-size: 130px; color:#488db1; position: relative;}
.abouticons span{font-family: 'Titillium Web', sans-serif; font-weight:700; position: absolute; top: 50%; left: 0; width: 100%; color:#fff; font-size: 14px;-webkit-transform:translate(0,-55%);-ms-transform:translate(0,-55%);transform:translate(0,-55%);}
.abouticons span b{font-size: 38px}
.abouticons .glyphicon.icon-hex_bordered_open span{color:#488db1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.abouticons i{font-family: 'Titillium Web', sans-serif; font-weight:700; font-style: normal; position: absolute; bottom: 5px; left: 0; width: 100%; text-align: right; color:#488db1; font-size: 28px;}

.abouticons .mask{display: inline-block; width: 120px; height: 120px; position: relative;}
.abouticons .mask .icon-hexagon_mask{color:#fff;}
.abouticons .mask img{position: absolute; top: 0%; left: 5%; width: 90%; height: 100%}

*/

.footer{background:#e0e9ee; padding:0; margin: 50px 0 0 0; 3}
.footer h3{color:#346f8e; margin-bottom:20px;}
.footer .mail{margin: 0; font-size: 14px; display: inline-block;}
.footer .phone{margin:0 0 10px 0;}
.footer .padded{padding:25px 0; border-top:1px solid #ccc; margin-top:25px;}
.footer ul{float: left;list-style-type: none; margin:0; padding: 0 0 0 15px}
.footer .ue{color:#346f8e; font-size: 18px; line-height: 24px; font-family: 'Titillium Web', sans-serif; font-weight: 300; margin-top: 15px; float: left; width:100%;}
.footer .ue h3{margin:10px 0 0 0;}
.footer .ue img{float: left; margin-right: 15px}
.footer .ue .btn{margin-top:10px;}
.footer {font-family: 'Titillium Web', sans-serif; color: #488db1; font-size: 16px; line-height: 18px;}
.footer b{color:#346f8e; font-size: 16px; font-weight: 700}
.footer span{display:block; margin: 20px 0 20px 0; line-height: 16px}

.section_banner{background:#e7eef6; width: 100%; margin-top:0px; padding-bottom:40%; position: relative; margin-bottom: 20px}
.section_banner_content{position: absolute; top: 0; left: 0; height: 100%;}
.section_banner_content h2{font-family: 'Titillium Web', sans-serif; font-weight:700; color:#cea24c; font-size: 14px; text-transform: uppercase; margin: 0; padding: 0}
.section_banner_content h1{font-family: 'Titillium Web', sans-serif; font-weight:300; color:#346f8e; font-size: 20px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0}

hr{margin:40px 0; border-top: 1px solid #ccc;}

/*Kontakt*/

#map{width:100%; height:600px; margin:50px 0 -50px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

.form_contact .form-text{float: left;}
.form_contact h3{margin:20px 10px;}
.form_contact .text-center,

.form_contact .form-control{font-size: 18px; color:#346f8e; background: #e4ebf0; height:50px; border: 1px solid #346f8e; border-width: 0 0 0 0; border-radius: 0}
.form_contact .form-control.has-error {background: #e84259; color:#fff;}
#captcha{max-width: 100%;}
#captcha #captchacenter{margin:0 auto; display: inline-block;}
#captcha.has-error {background: #e84259; color:#fff;}
.form_contact textarea.form-control{height: 120px;}
.form_contact .form-control.has-error::-webkit-input-placeholder {color: #fff;}
.form_contact .form-control.has-error:-moz-placeholder {color: #fff;}
.form_contact .form-control.has-error::-moz-placeholder {color: #fff;}
.form_contact .form-control.has-error:-ms-input-placeholder {color: #fff;}
.form_contact #success, .form_contact .success{text-align: center; margin:10px; background:#b7e31e; color:#fff; padding:30px; z-index: 10; font-size:18px; text-transform: uppercase; display:none}

.form_contact .form-control::-webkit-input-placeholder {color: #346f8e;}
.form_contact .form-control:-moz-placeholder {color: #346f8e;}
.form_contact .form-control::-moz-placeholder {color: #346f8e;}
.form_contact .form-control:-ms-input-placeholder {color: #346f8e;}


/*News*/
.news{padding:0; margin:0 0 30px 0; background: #fff; display: inline-block; line-height: 0; border:1px solid #e3e3e3; border-radius:5px; overflow: hidden;
-webkit-transition: box-shadow .4s cubic-bezier(.58,.04,.4,.92);
-moz-transition: box-shadow .4s cubic-bezier(.58,.04,.4,.92);
-o-transition: box-shadow .4s cubic-bezier(.58,.04,.4,.92);
transition: box-shadow .4s cubic-bezier(.58,.04,.4,.92)}
.newscontent{padding:25px; display: inline-block; border-top:5px solid #346f8e;}
.newscontent, .newscontent p, .page .newscontent p{font-size: 14px; line-height: 18px}
span.date{color:#888; margin:0 0 15px 0; font-size: 14px; display: inline-block; width: 100%;}
.news a.imgwrap{display: inline-block; width: 100%; height: 180px; position: relative; overflow: hidden}
.news a.imgwrap img{position: absolute; top: 0; left: 0; width: 100%; transform: scale(1.1);
-webkit-transition: transform .4s cubic-bezier(.58,.04,.4,.92);
-moz-transition: transform .4s cubic-bezier(.58,.04,.4,.92);
-o-transition: transform .4s cubic-bezier(.58,.04,.4,.92);
transition: transform .4s cubic-bezier(.58,.04,.4,.92)}
.newscontent h3{margin:0;display: inline-block; width: 100%; font-weight: 700}
.news:hover{box-shadow: 0 2px 5px rgba(0,0,0,0.3)}
.news:hover a.imgwrap img{ transform: scale(1.2);}
#news_detail{margin-bottom: 70px}

.machine{border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: 25px;}
.machine h2{font-size:18px; color: #346f8e;font-family: 'Titillium Web', sans-serif;font-weight: 700;line-height: 24px; text-transform: uppercase}
.machine img{max-height: 200px}
.machine .btn{margin-bottom:25px;}
.machine .col-sm-6{ background: #f5f5f5; padding:0 40px;}
.machine .col-sm-6:first-child{background:#fff; padding:0; text-align: center;}

.projects{  -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-bottom: 50px}
.project{background: #f5f5f5; border-radius:5px; padding:25px; text-align: center; margin:0 10px 40px 10px; border:1px solid #e3e3e3; display: inline-block}
.project img{display: inline-block; border-radius:5px; border:2px solid #cea24c;}
.project p{display: inline-block; width:100%; margin:20px 0 0 0;}


.iconav{float: left; width: 100%;margin:0; padding:0; position: relative;}
.iconav ul{margin:0; padding:0; position: relative;}
.iconav li:before{display: none; margin:0; padding:0;}
.iconav > li{float: left; width: 50%; padding: 0; position: static;}

.iconav > li > a{float:left; position: relative; width:98%; background: #4385a8; color:#fff; padding:20px 10px; border-radius:5px; font-family: 'Titillium Web', sans-serif;font-weight: 300; font-size: 14px; line-height: 18px;
-webkit-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: background .3s cubic-bezier(.58,.04,.4,.92);
transition: background .3s cubic-bezier(.58,.04,.4,.92);}
.iconav > li > a:before{content:''; position: absolute; bottom:0; left:50%; margin-left:-25px; width: 0; height: 0; border-style: solid; border-width: 15px 25px 0 25px; border-color: #cea24c transparent transparent transparent; opacity:0; z-index: 99;
-webkit-transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;
-moz-transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;
-o-transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;
transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;}
.iconav > li > a:after{content:''; position: absolute; bottom:0; left:50%; margin-left:-3px; background: #fff; width: 6px; height: 6px; border-radius: 3px; opacity:0; z-index: 99;
-webkit-transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;
-moz-transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;
-o-transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;
transition: bottom .3s cubic-bezier(.58,.04,.4,.92) .1s, opacity .3s cubic-bezier(.58,.04,.4,.92) .1s;}

.no-touch .iconav > li > a:hover{background: #cea24c}
.iconav > li.active > a:before,
.no-touch .iconav > li > a:hover:before{ bottom: -15px; opacity:1;}
.iconav > li.active > a:after,
.no-touch .iconav > li > a:hover:after{ bottom: -8px; opacity:1;}

.iconav > li:last-child > a{float: right}
.no-touch .iconav > li > a:hover{text-decoration: none}
.iconav > li > a span{display: inline-block; width: 100%; font-weight: 700;}
.iconav > li ul{float: left; width:200%;  display: none;}
.iconav > li:last-child ul{margin-left:-100%;}
.iconav > li.active ul{display: block;}
.iconav > li.active > a{background: #cea24c;}
.iconav > li ul li{float: left; width: 49%; margin-right:2%;}
.iconav > li ul li:nth-child(2n+0){margin-right:0;}
.iconav > li ul li a{float: left; background: #f5f5f5; margin:8% 0 0 0; width: 100%; height:170px; border-radius: 5px; padding:0 10px; overflow:hidden; text-align: center; color:#636261; font-size:14px; font-weight: 700; text-transform: uppercase; display: table;
 -webkit-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);}

.iconav > li ul li a i{width:100%; font-size: 120px; line-height: 100px}
.iconav > li ul li a span{display: table-cell; vertical-align: middle; width: 100%}
.no-touch .iconav > li ul li a:hover{background: #f5f5f5; color:#cea24c; text-decoration: none}

/*
.iconav > li:last-child > a{float: right}
.no-touch .iconav > li > a:hover{text-decoration: none}
.iconav > li > a span{display: inline-block; width: 100%; font-weight: 700;}
.iconav > li ul{float: left; width:200%;  display: none;}
.iconav > li:last-child ul{margin-left:-100%;}
.iconav > li.active ul{display: block;}
.iconav > li.active > a{background: #cea24c;}
.iconav > li ul li{float: left; width: 24%; margin-right:1%;}
.iconav > li ul li:nth-child(2n+0){margin-right:2%;}
.iconav > li ul li:nth-child(4n+0){margin-right:0;}
.iconav > li ul li a{float: left; background: #f5f5f5; margin:8% 0 0 0; width: 100%; height:170px; border-radius: 5px; padding:0 10px; overflow:hidden; text-align: center; color:#636261; font-size:15px; font-weight: 700; text-transform: uppercase; display: table;
 -webkit-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);}

.iconav > li ul li a i{width:100%; font-size: 120px; line-height: 100px}
.iconav > li ul li a span{display: table-cell; vertical-align: middle; width: 100%}
.no-touch .iconav > li ul li a:hover{background: #f5f5f5; color:#cea24c; text-decoration: none}
*/

.iconavsmall{float: left; width: 100%;margin:0; padding:0;}
.iconavsmall ul{margin:0; padding:0; position: relative;}
.iconavsmall li:before{display: none; margin:0; padding:0;}
.iconavsmall > li{float: left; width: 100%; padding: 0; margin-bottom: 10px}
.iconavsmall > li > a{float:left; position: relative; width:100%; background: #4385a8; color:#fff; padding:10px 15px; border-radius:5px; font-family: 'Titillium Web', sans-serif;font-weight: 300; font-size: 16px; line-height: 20px;
-webkit-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: background .3s cubic-bezier(.58,.04,.4,.92);
transition: background .3s cubic-bezier(.58,.04,.4,.92);}
.no-touch .iconavsmall > li > a:hover{text-decoration: none; background: #cea24c}
.iconavsmall > li > a span{display: inline-block; width: 100%; font-weight: 700;}
.iconavsmall li ul{display:none;}
.iconavsmall li ul li{float: left;width: 33.333333%}
.iconavsmall li ul li a{float: left;font-size: 60px;width: 100%; text-align: center;color:#5f5f5f;}
.no-touch .iconavsmall li ul li a:hover{color:#cea24c}
.iconavsmall > li.active ul{display: block;}


.boxwrap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding:25px;}
.box{display:inline-block; text-align: center; padding:0; background:#fff; border-radius: 8px; margin:0 0 20px 5px; overflow: hidden; width: 100%; border:1px solid #ccc;
-webkit-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: background .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: background .3s cubic-bezier(.58,.04,.4,.92);
transition: background .3s cubic-bezier(.58,.04,.4,.92);}
.box .imgwrap{display: inline-block; width: 190px;height: 200px; line-height: 200px; position: relative; background:#fff; margin:5px 0px; overflow: hidden;}
.box .imgwrap img{max-width: 100%; max-height: 100%;}
.box .boxcontent{display:inline-block; min-height:100px; width:100%; padding:10px 20px 45px 20px; border-radius: 0 0 8px 8px; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size:18px; line-height:22px; width:100%; text-align: left; color:#4385a8; background: #fff; border-top: 5px solid #346f8e; position: relative;
-webkit-transition: color .3s cubic-bezier(.58,.04,.4,.92), border-color .3s cubic-bezier(.58,.04,.4,.92);
-moz-transition: color .3s cubic-bezier(.58,.04,.4,.92), border-color .3s cubic-bezier(.58,.04,.4,.92);
-o-transition: color .3s cubic-bezier(.58,.04,.4,.92), border-color .3s cubic-bezier(.58,.04,.4,.92);
transition: color .3s cubic-bezier(.58,.04,.4,.92), border-color .3s cubic-bezier(.58,.04,.4,.92);}
.box .boxcontent button{position: absolute; bottom:5px;}

.no-touch .box:hover  button{color:#cea24c;}
.no-touch .box:hover .boxcontent{border-color:#cea24c;}

#destiny {float: left;width: 100%}
#destiny a{float: left;font-size: 80px; text-align: center;color:#5f5f5f;}
#gallery{border-bottom:1px solid #ccc;text-align: center}
#gallery li:before{display:none;}

.details .lSSlideOuter {border:1px solid #ccc; text-align: center; border-radius: 5px}
.details h1{font-family: 'Titillium Web', sans-serif; font-weight: 700; color: #636261; font-size: 24px; text-transform: uppercase;}
.details h2{font-family: 'Titillium Web', sans-serif; font-weight: 700; color: #636261; font-size: 18px; text-transform: uppercase;}
.details h3{margin:5px 0;}
.details .lSSlideOuter .lSPager.lSGallery{margin-left: auto; margin-right: auto}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    body {padding:150px 0 0 0}
    .banner{padding-bottom:215px; margin:0;}
    .navbar-brand{background: url(../img/logo.jpg) no-repeat center; padding:0; text-indent: -999px; width:100px; height:100px;}
    #mainbar{height:150px; z-index:998;}
    .stick #mainbar{top:-100px; box-shadow: 0 5px 10px rgba(0,0,0,.2);}

    #navbar{float: left; background:#fff; border:none; margin:0; width:100%; padding:0; border-top: 1px solid #eee;}
    .nav.navbar-nav.navbar-top{margin:0px 0;float:left; width:100%; padding:0; text-align: center;font-size: 0; position: relative;}
    .nav.navbar-nav.navbar-top li{display: inline-block; float: none; margin:0; padding:0; position: static; width: 100%; border-bottom:1px solid #eee;}
    .nav.navbar-nav.navbar-top li a{text-transform: uppercase; font-size:14px; font-weight:600; color:#888; padding:15px 20px;position: relative;
     -webkit-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
    -moz-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
    -o-transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);
    transition: background .3s cubic-bezier(.58,.04,.4,.92), color .3s cubic-bezier(.58,.04,.4,.92);}
    .nav.navbar-nav.navbar-top li.active a{color:#cea24c; background: none}
    .no-touch .nav.navbar-nav.navbar-top > li:hover > a{color:#cea24c; background: #fff}
    .no-touch .nav.navbar-nav.navbar-top > li:hover > a:after{opacity: 1; bottom:-8px;}
    .no-touch .nav.navbar-nav.navbar-top > li:hover > a:before{opacity: 1; bottom:-15px;}

    .nav.navbar-nav.navbar-top .drop{position: absolute; top: 50px; left: 0; width: 100%; padding:30px 0; background: #4385a8; text-align: left;visibility: hidden; opacity:0; height:1px; 
            -webkit-transition: opacity .3s cubic-bezier(.58,.04,.4,.92);
        -moz-transition: opacity .3s cubic-bezier(.58,.04,.4,.92);
        -o-transition: opacity .3s cubic-bezier(.58,.04,.4,.92);
        transition: opacity .3s cubic-bezier(.58,.04,.4,.92);}


    .navbar.navbar-default.navbar-fixed-top.smaller{height:50px;}
    .navbar.navbar-default.navbar-fixed-top.smaller #navbar{margin:5px -30px 0 -30px;}

    .nav.navbar-nav.navbar-top li {width:auto; border:none;}
    .nav.navbar-nav.navbar-top > li > a:before{content:''; position: absolute; bottom: 0; left:50%; margin-left:-25px; width: 0; height: 0; border-style: solid; border-width: 15px 25px 0 25px; border-color: #fff transparent transparent transparent; opacity: 0; z-index: 99;
    -webkit-transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);
    -moz-transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);
    -o-transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);
    transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);}
    .nav.navbar-nav.navbar-top > li > a:after{content:''; position: absolute; bottom: 0; left:50%; margin-left:-3px; background: #cea24c; width: 6px; height: 6px; border-radius: 3px; opacity: 0; z-index: 99;
    -webkit-transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);
    -moz-transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);
    -o-transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);
    transition: bottom .3s cubic-bezier(.58,.04,.4,.92), opacity .3s cubic-bezier(.58,.04,.4,.92);}

    .about{font-size: 32px;line-height: 40px; margin:30px 0 20px 0; text-align: center; width: 100%}

    .btn-box{font-size: 20px; line-height: 24px; padding: 28px 28px 0 28px; margin-bottom: 30px}

    .iconav > li > a{ font-size: 20px; line-height: 24px;}


    .projects{  -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin-bottom: 50px}
    /*.project{background: #f5f5f5; border-radius:5px; padding:25px; text-align: center; margin:0 10px 40px 10px; border:1px solid #e3e3e3;}
    .project img{display: inline-block; border-radius:5px; border:2px solid #cea24c;}
    .project p{display: inline-block; width:100%; margin:20px 0 0 0;}*/
  
    .machine{border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: -1px;display: table;}
    .machine h2{font-size: 18px; color: #346f8e;font-family: 'Titillium Web', sans-serif;font-weight: 700;line-height: 28px; text-transform: uppercase}
    .machine img{max-height: inherit;}
    .machine .col-sm-6{ background: #f5f5f5; padding:0 40px;display: table-cell; float: none; vertical-align: middle}
    .machine .col-sm-6:first-child{background:#fff; padding:0;}

    .section_banner_content h2{font-family: 'Titillium Web', sans-serif; font-weight:700; color:#cea24c; font-size: 22px; text-transform: uppercase; margin: 0; padding: 0}
    .section_banner_content h1{font-family: 'Titillium Web', sans-serif; font-weight:300; color:#346f8e; font-size: 38px; text-transform: uppercase; margin: 0 0 40px 0; padding: 0}

    .boxwrap{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding:0;}
    .box{margin:0 5px 20px 5px; }

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .aboutpage{font-size: 22px;line-height: 30px; text-align: left;}

    .about{font-size: 24px;line-height: 34px; margin:0 0 20px 30px; text-align: left; width: auto}
    .aboutpage img{float: left !important; margin:0;}
    .banner{padding-bottom:285px; margin:0;}
    .section_banner{background:#e7eef6; width: 100%; margin-top:0px; padding-bottom:30%; position: relative; margin-bottom: 20px}
    .section_banner_content{position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); height: 100%;}


    .nav.navbar-nav.navbar-top .drop ul{margin:0; padding:0; width: 100%;}
    .nav.navbar-nav.navbar-top .drop ul li{float: left; width:50%; vertical-align: top; border:none;}
    .nav.navbar-nav.navbar-top .drop ul li a{display: inline-block; margin: 0 10px; padding: 0; color:#fff; width:100%; padding:0 0 10px 0;}
    .nav.navbar-nav.navbar-top .drop ul li ul{border-top:1px solid rgba(255,255,255,0.6);margin:0 10px; padding-top:15px; columns: 2; -webkit-columns: 2; -moz-columns: 2;} 
    .nav.navbar-nav.navbar-top .drop ul li ul li{display: initial; float: none;}
    .nav.navbar-nav.navbar-top .drop ul li ul li a{margin: 0; padding:5px; color:#fff; font-weight: normal; text-transform: none}

    .nav.navbar-nav.navbar-top > li:hover > .drop{visibility: visible; opacity: 1; height:auto;}


    .navbar-toggle{margin:0; border-radius:0; border:0; background: #3a7899; width:70px; height:70px; padding:25px; text-align: center;}
    .navbar-default .navbar-toggle .icon-bar{background: #fff; width: 20px}

}
/* Medium devices (desktops, 1200px and up) */
@media (min-width: 1200px) {
    .about{font-size: 32px;line-height: 40px; margin:0 0 20px 0;}
    .aboutpage{font-size: 32px;color: #346f8e;font-family: 'Titillium Web', sans-serif;font-weight: 700;line-height: 40px;}

    .banner{padding-bottom: 28%}

    .section_banner{background:#e7eef6; width: 100%; margin-top:0px; padding-bottom:25%; position: relative;}
    .section_banner_content{position: absolute; top: 0; left: 50%; height: 100%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}
    .section_banner_content h2{font-family: 'Titillium Web', sans-serif; font-weight:700; color:#cea24c; font-size: 22px; text-transform: uppercase; margin: 0; padding: 0; max-width: 50%}
    .section_banner_content h1{font-family: 'Titillium Web', sans-serif; font-weight:300; color:#346f8e; font-size: 38px; text-transform: uppercase; margin: 0 0 40px 0; padding: 0; max-width: 50%}

    .section_banner.page{background:#e7eef6 url(../img/bkg_page.jpg) no-repeat center;}
    .lang_en_US .section_banner.page{background:#e7eef6 url(../img/bkg_page_en.jpg) no-repeat center;}
    .lang_ru_RU .section_banner.page{background:#e7eef6 url(../img/bkg_page_ru.jpg) no-repeat center;}
    .lang_fr_FR .section_banner.page{background:#e7eef6 url(../img/bkg_page_fr.jpg) no-repeat center;}
    .lang_es_ES .section_banner.page{background:#e7eef6 url(../img/bkg_page_es.jpg) no-repeat center;}
    .section_banner.eu{background:#e7eef6 url(../img/bkg_eu.jpg) no-repeat center;}
    .section_banner.contact{background:#e7eef6 url(../img/bkg_page.jpg) no-repeat center;}
    .lang_en_US .section_banner.contact{background:#e7eef6 url(../img/bkg_page_en.jpg) no-repeat center;}
    .lang_ru_RU .section_banner.contact{background:#e7eef6 url(../img/bkg_page_ru.jpg) no-repeat center;}
    .lang_fr_FR .section_banner.contact{background:#e7eef6 url(../img/bkg_page_fr.jpg) no-repeat center;}
    .lang_es_ES .section_banner.contact{background:#e7eef6 url(../img/bkg_page_es.jpg) no-repeat center;}
    .section_banner.offer{background:#e7eef6 url(../img/bkg_offer.jpg) no-repeat center;}
    .section_banner.newspage{background:#e7eef6 url(../img/bkg_blank.jpg) no-repeat center; padding-bottom:25%;}
    .section_banner.newspage h2, .section_banner.newspage h1{width:80%; max-width:80%; margin:0 auto;text-align: center;}

    .boxwrap{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; padding:0;}

    .iconav > li ul li{float: left; width: 24%; margin-right:1%;}
    .iconav > li ul li:nth-child(2n+0){margin-right:2%;}
    .iconav > li ul li:nth-child(4n+0){margin-right:0;}

    .iconav > li > a{float:left; position: relative; width:98%; background: #4385a8; color:#fff; padding:20px 15px; border-radius:5px; font-family: 'Titillium Web', sans-serif;font-weight: 300; font-size: 24px; line-height: 28px;}

    .projects{  -webkit-column-count:3; -moz-column-count: 3; column-count:3; margin-bottom: 50px}
}

/* Large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {


    .btn-box{font-size: 28px; cline-height: 30px; padding: 38px 38px 0 38px; margin-bottom: 30px}
  
}
.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#e10000}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:0px}.lSAction>.lSNext{background-position:-32px 0;right:0px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e905";
}
.icon-youtube:before {
  content: "\e906";
}

.icon-hexagon_mask:before {
  content: "\e904";
}
.icon-hex_bordered_open:before {
  content: "\e902";
}
.icon-hexagon_bordered:before {
  content: "\e903";
}
.icon-hex_button:before {
  content: "\e900";
}
.icon-hexagon:before {
  content: "\e901";
}
.icon-olej_ester:before {
    content: "\e60a";
}

.icon-patisony:before {
    content: "\e600";
}

.icon-ryby:before {
    content: "\e601";
}

.icon-jablko:before {
    content: "\e000";
}

.icon-nac_pietruszki:before {
    content: "\e001";
}

.icon-inne:before {
    content: "\e002";
}

.icon-pakowanie:before {
    content: "\e003";
}

.icon-polishery:before {
    content: "\e004";
}

.icon-truskawka:before {
    content: "\e005";
}

.icon-ziemniak:before {
    content: "\e006";
}

.icon-malina:before {
    content: "\e007";
}

.icon-brokuly:before {
    content: "\e008";
}

.icon-lisciaste:before {
    content: "\e009";
}

.icon-cebula:before {
    content: "\e00a";
}

.icon-sliwka:before {
    content: "\e00b";
}

.icon-wisnia:before {
    content: "\e00c";
}

.icon-filtrowanie:before {
    content: "\e00d";
}

.icon-wibracyjne:before {
    content: "\e00e";
}

.icon-przecieraczki:before {
    content: "\e00f";
}

.icon-mieszalnie:before {
    content: "\e010";
}

.icon-pomidor2:before {
    content: "\e011";
}

.icon-komora_vacuum:before {
    content: "\e012";
}

.icon-detektor_metali:before {
    content: "\e013";
}

.icon-wialnie:before {
    content: "\e014";
}

.icon-grysowanie:before {
    content: "\e015";
}

.icon-dozowniki:before {
    content: "\e016";
}

.icon-stoly_tech:before {
    content: "\e017";
}

.icon-wywrotnice:before {
    content: "\e018";
}

.icon-pieczarka:before {
    content: "\e019";
}

.icon-kalibrowanie:before {
    content: "\e01a";
}

.icon-transportowanie:before {
    content: "\e01b";
}

.icon-odszypulkowanie:before {
    content: "\e01c";
}

.icon-mycie:before {
    content: "\e01d";
}

.icon-blanszowanie:before {
    content: "\e01e";
}

.icon-krojenie:before {
    content: "\e01f";
}

.icon-korzeniowe:before {
    content: "\e020";
}

.icon-wazenie:before {
    content: "\e021";
}

.icon-fasola2:before {
    content: "\e022";
}

.icon-porzeczka:before {
    content: "\e023";
}

.icon-zielony_groszek:before {
    content: "\e602";
}

.icon-zestaw1:before {
    content: "\e603";
}

.icon-suszenie:before {
    content: "\e604";
}

.icon-mrozonki:before {
    content: "\e605";
}

.icon-kapusta:before {
    content: "\e606";
}

.icon-glazurowanie:before {
    content: "\e607";
}

.icon-mycie_opakowan:before {
    content: "\e608";
}

.icon-rozdrabniacze:before {
    content: "\e609";
}


.flipbook-viewport{
    overflow:hidden;
    width:100%;
    height:650px;
    position: relative;
    background: #e0e9ee;
    border-radius: 5px;
    padding:25px 0;
}

.flipbook-viewport .flipbook-container{
    position:absolute;
    top:50%;
    left:50%;
    margin:auto;
}

.flipbook-viewport .flipbook{
    width:922px;
    height:600px;
    left:-461px;
    top:-300px;
}

.flipbook-viewport .page{
    width:461px;
    height:600px;
    background-color:white;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.flipbook .page{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
}

.flipbook-viewport .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

    -webkit-box-shadow:0 0 20px #ccc;
    -moz-box-shadow:0 0 20px #ccc;
    -o-box-shadow:0 0 20px #ccc;
    -ms-box-shadow:0 0 20px #ccc;
    box-shadow:0 0 20px #ccc;
}