body { font-family:"Lato", Arial; font-size:15px; color:#000; margin:0 auto; font-weight:300; } a { outline:0 !important; } img { max-width:100%; } .subpagec { min-height:300px; padding:10px 0 20px; } .subpagec .iconsdiv { text-align:center; } .subpagec .col-xs-6 { display: inline-block; vertical-align: top; float: none; font-size: 15px; width: 24.5%; } .subpagec .col-xs-6:last-of-type .sub-item:not(.last):after { display: none; } .slider { width:1200px; /*width:100%;*/ max-width:100%; height:600px; position:absolute; margin-left:-600px; left:50%; } .slider .animation { display:block; overflow:hidden; width:100%; height:600px; } .slider .slide { width:100%; height:600px; background-size:cover; background-position: 50% 100%; transition:all 1.5s ease; -webkit-transition:all 1.5s ease; -moz-transition:all 1.5s ease; transition-delay:1.3s; -webkit-transition-delay:1.3s; -moz-transition-delay:1.3s; } .slider .owl-item.active .slide { width:100%; height:600px; background-size:cover; background-position: 50% 0%; } .slider .owl-carousel .owl-item { height:600px; } .slider .owl-carousel .owl-item .owl-lazy { height:600px; width:100%; background-size:cover; background-position:50% 100%; transition:background-position 2.5s ease 1.5s, opacity .5s; -webkit-transition:background-position 2.5s ease 1.5s, opacity .5s; -moz-transition:background-position 2.5s ease 1.5s, opacity .5s; } .slider .owl-caption { background-color: rgba(0,0,0,.0); display: block; position: absolute; color: transparent; width:100%; text-align: left; height:auto; bottom:auto; left:15px; transition:all 1.5s ease; -webkit-transition:all 1.5s ease; -moz-transition:all 1.5s ease; transition-delay:1s; -webkit-transition-delay:1s; -moz-transition-delay:1s; bottom:-500px; } .slider .owl-carousel .owl-item.active .owl-lazy{ /* transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); */ background-position:50% 0%; } .slider .owl-item.active .owl-caption { bottom:50px; color:#FFF; } .slider .owl-item .owl-caption .text { background-color: rgba(255,255,255,.75); color:#000; padding:10px 20px 30px; } .slider .owl-caption h1 { font-size: 30px; margin: 25px 0 15px; line-height: 36px; } .slider .owl-caption>div { background:transparent; background-color:transparent; } .slider .owl-caption .btn { } .slider .owl-caption h2 { font-weight:bold; } .slider .text a { font-weight:bold; color:#FFF; background: #009ee0; /* Old browsers */ background: -moz-linear-gradient(top, #009ee0 15%, #0062a9 85%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#009ee0), color-stop(85%,#0062a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #009ee0 15%,#0062a9 85%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #009ee0 15%,#0062a9 85%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #009ee0 15%,#0062a9 85%); /* IE10+ */ background: linear-gradient(to bottom, #009ee0 15%,#0062a9 85%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#0062a9',GradientType=0 ); /* IE6-9 */ color:#FFF; display:inline-block; padding:10px 20px; text-decoration:none; } .slider .text a:hover { text-decoration:none; } .slider .owl-theme .owl-controls { margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; z-index: 5555; bottom: 10px; width: 100%; } header#main-header::before { content: ''; position: absolute; left: 0; right: 0; height: 254px; box-shadow: 0 305px 90px -100px rgba(255, 255, 255, 0.9) inset; } header#main-header, nav#main-nav { position: relative; z-index: 20; } .navbar-default { background-color:#FFF; border:0; border-radius:0; } .navbar .navbar-collapse ul { margin: 0 0; padding: 0 0; list-style:none; text-align:center; } .navbar .navbar-collapse > ul > li { display:inline-block; position:relative; } .navbar .navbar-collapse > ul > li > a { display:block; padding:20px 25px; text-align:center; color:#000; font-size:15px; font-weight:300; margin:0 0px; } .navbar .navbar-collapse > ul > li.current > a, .navbar .navbar-collapse > ul > li > a:hover { color:#FFF; background: #009ee0; /* Old browsers */ background: -moz-linear-gradient(top, #009ee0 15%, #0062a9 85%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#009ee0), color-stop(85%,#0062a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #009ee0 15%,#0062a9 85%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #009ee0 15%,#0062a9 85%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #009ee0 15%,#0062a9 85%); /* IE10+ */ background: linear-gradient(to bottom, #009ee0 15%,#0062a9 85%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#0062a9',GradientType=0 ); /* IE6-9 */ text-decoration:none; } .copyright-block { text-align:center; background-color:#ececec; padding:25px 0 40px; font-size:12px; font-family:Arial; } .footernav { padding-top:35px; } .footernav a { display:inline-block; margin:0 10px; color:#000; } .footernav a:not(:last-of-type) { border-right:1px #ccc solid; padding-right:20px; } body.page-start nav#main-nav { margin-bottom: 330px; } .start-block { padding: 20px 0 40px; } .start-block.inverse { background-color:#008ec9; margin:25px 0; padding:25px 0; color:#FFF; } .gallery .owl-item { text-align: center; } .gallery .owl-item a { display: inline-block; vertical-align: top; float: none; } .gallery { background-color: #f3f3f3; padding: 25px 25px; width: 94%; margin: 75px auto 15px; } .gallery:after { display:block; content:""; clear:both; } .gallery-item { display: block; height:180px; max-width:310px; width:310px; float: left; background-size:cover; background-position:center center; background-repeat:no-repeat; } /*.page-start .gallery-item { height:180px; max-width:310px; width:310px; }*/ .owl-prev { width: 48px; height: 50px; position: absolute; display: block; background: transparent url(../img/arrow-left.png) no-repeat; top: 80px; left: -48px; color: transparent; } .owl-next { width: 48px; height: 50px; position: absolute; display: block; background: transparent url(../img/arrow-right.png) no-repeat; top: 80px; right: -48px; color: transparent; } .sub-item { text-align:center; font-size:11px; font-family:Arial; padding:20px 20px 10px; position:relative; } .sub-title { } .sub-item:not(.last):after { height:150px; top:20px; right:0px; width:1px; position:absolute; display:block; content:""; background-color:#000; } .sub-picture { width: 150px; height: 150px; background-position: center center; text-align: center; margin: 0 auto 10px; } form#contactFormSend { background-color: #EFEFEF; padding: 25px; } form#contactFormSend input, form#contactFormSend textarea { border-radius: 3px; background-color: rgb(255, 255, 255); box-shadow: inset 1px 1.732px 3px 0px rgba(0, 0, 0, 0.33); width: 80%; padding:5px 10px; border:0; margin:0 0 10px; } form#contactFormSend textarea { height:100px; } form#contactFormSend label { font-size: 13px; font-weight: 300; display: block; text-align: right; margin-top: 5px; } .ajaxInfo { text-align: center; border: 1px #cdcdcd solid; background-color: #f5f5f5; font-weight: 900; border-radius: 3px; padding: 15px; display:none; } .news-item { padding:5px 0 25px; margin-bottom:25px; } .news-item img { float:left; margin:0 25px 25px 0; max-width:250px; } .news-item figcaption { margin-left:300px; } .news-item:after { content:""; display:block; clear:both; } button { color: #FFF; background: #009ee0; background: -moz-linear-gradient(top, #009ee0 15%, #0062a9 85%); background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#009ee0), color-stop(85%,#0062a9)); background: -webkit-linear-gradient(top, #009ee0 15%,#0062a9 85%); background: -o-linear-gradient(top, #009ee0 15%,#0062a9 85%); background: -ms-linear-gradient(top, #009ee0 15%,#0062a9 85%); background: linear-gradient(to bottom, #009ee0 15%,#0062a9 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#0062a9',GradientType=0 ); text-decoration: none; display:block; width:100px; padding:5px 12px; border:0; border-radius:5px; margin:5px auto; font-weight:bold; } .page-subpage, .page-kontakt, .page-news { background: none no-repeat scroll center -3px transparent; } .padd-tab td { padding: 10px 15px; } #contactFormSend button.button { float: right; margin-right: 134px; } @media (min-width: 1230px) { .container { width: 1100px; } } @media screen and (max-width:1200px) { .slider { left:0; margin-left:0; } } @media (min-width: 1000px) { .navbar .navbar-collapse ul li.current a:before, .navbar .navbar-collapse ul li a:hover:before { position:absolute; top:-5px; height:5px; left:0px; background-color:#009ee0; width:100%; display:block; content:""; } .navbar .navbar-collapse ul li.current a:after, .navbar .navbar-collapse ul li a:hover:after { position:absolute; bottom:-5px; height:5px; left:0px; background-color:#0062a9; width:100%; display:block; content:""; } } aside { position: fixed; right: 0; top: 75px; width: 0; z-index: 51; } aside .item { z-index: 21; top: -100px; left: 0; position: absolute; color: #FFF; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } aside .item:before { content: ''; position: absolute; left: -58px; width: 58px; height: 58px; background: none no-repeat scroll center center #008ec9; top: 0; } aside .item:hover { z-index: 22; } aside .facebook-box { width: 310px; top: 94px; box-sizing: border-box; padding: 6px 10px 7px; background: #008ec9; } aside .facebook-box iframe { background: #fff; } aside .facebook-box:before { background-image: url('../img/social-fb.png'); background-color: #008ec9; } aside .facebook-box:hover, aside .facebook-box.active {left: -310px;}