@charset "UTF-8";
@import url("./reset.css");
@import url("./menu.css");
@import url("./animate.css");
@import url("./fonts.css");
@import url("./font-awesome.min.css");
body {background: #fff; color: #6a6d6f; font-family: "Raleway", Arial, Verdana, Geneva, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {text-transform: uppercase; font-weight: 900; letter-spacing: -2px;}
h1, .h1 {color: #8cc7ec; font-size: 65px; line-height: 95px; font-family: "Raleway", Arial, Verdana, Geneva, Helvetica, sans-serif; margin-bottom: 25px; line-height: 65px;}
h1 span {font-weight: 300; font-size: 65px;}
h2, .h2 {font-size: 55px; line-height: 55px; font-weight: 900; margin-bottom: 30px;}
h2 span {font-weight: 300; font-size: 52px;}
h3, .h3 {letter-spacing: 0px; font-size: 55px; line-height: 55px; color: #8cc7ec; margin-bottom: 25px;}
h3 span {font-weight: 300;}

@media (max-width: 767px) {
  h1, .h1{font-size: 3em; line-height: 100%;}
  h1 span{font-size: 1em;}
  h2, .h2{font-size: 2em; line-height: 120%;}
  h2 span, .h2 span{font-size: 1em;}
}
@media (min-width: 992px) {
  h1 br{display: none;}
}
@media (max-width: 979px) {
  h3 {font-size: 25px; line-height: 27px;}
}

h4, .h4 {color: #272d33; font-size: 30px; font-weight: 300; letter-spacing: -1px; line-height: 32px; margin-bottom: 15px;}
h5, .h5 {font-size: 18px; color: #272d33;}
h6 {font-size: 28px;}

p {line-height: 26px; margin-bottom: 45px;}
p a:hover, .marked-list a:hover, .list a:hover {text-decoration: none;}
p .fa, .marked-list .fa, .list .fa {text-decoration: none;}
time {display: block;}

a {font: inherit; color: #1b96ce; text-decoration: none; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
a:hover{text-decoration: none; color: inherit;}
a:focus {outline: none; text-decoration: none; color: inherit;}
a:active {background-color: transparent;}

strong {font-weight: 700;}
em{font-style: italic};

img {max-width: 100%; height: auto;}

.fadeInUp, .fadeInDown, .fadeInLeft, .fadeInRight{opacity: 0;}

.mb250{margin-bottom:250px!important}.mb245{margin-bottom:245px!important}.mb240{margin-bottom:240px!important}.mb235{margin-bottom:235px!important}.mb230{margin-bottom:230px!important}.mb225{margin-bottom:225px!important}.mb220{margin-bottom:220px!important}.mb215{margin-bottom:215px!important}.mb210{margin-bottom:210px!important}.mb205{margin-bottom:205px!important}.mb200{margin-bottom:200px!important}.mb195{margin-bottom:195px!important}.mb190{margin-bottom:190px!important}.mb185{margin-bottom:185px!important}.mb180{margin-bottom:180px!important}.mb175{margin-bottom:175px!important}.mb170{margin-bottom:170px!important}.mb165{margin-bottom:165px!important}.mb160{margin-bottom:160px!important}.mb155{margin-bottom:155px!important}.mb150{margin-bottom:150px!important}.mb145{margin-bottom:145px!important}.mb140{margin-bottom:140px!important}.mb135{margin-bottom:135px!important}.mb130{margin-bottom:130px!important}.mb125{margin-bottom:125px!important}.mb120{margin-bottom:120px!important}.mb115{margin-bottom:115px!important}.mb110{margin-bottom:110px!important}.mb105{margin-bottom:105px!important}.mb100{margin-bottom:100px!important}.mb95{margin-bottom:95px!important}.mb90{margin-bottom:90px!important}.mb85{margin-bottom:85px!important}.mb80{margin-bottom:80px!important}.mb75{margin-bottom:75px!important}.mb70{margin-bottom:70px!important}.mb65{margin-bottom:65px!important}.mb60{margin-bottom:60px!important}.mb55{margin-bottom:55px!important}.mb50{margin-bottom:50px!important}.mb45{margin-bottom:45px!important}.mb40{margin-bottom:40px!important}.mb35{margin-bottom:35px!important}.mb30{margin-bottom:30px!important}.mb25{margin-bottom:25px!important}.mb20{margin-bottom:20px!important}.mb15{margin-bottom:15px!important}.mb10{margin-bottom:10px!important}.mb5{margin-bottom:5px!important}.mb0{margin-bottom:0!important}.mt80{margin-top:80px!important}.mt50{margin-top:50px!important}.mt0{margin-top:0!important}.pb70{padding-bottom:70px!important}.pb40{padding-bottom:40px!important}.pb30{padding-bottom:30px!important}.pb0{padding-bottom:0!important}.pt0{padding-bottom:0!important}
.fa {line-height: inherit;}

[class*='fa-']:before {font-weight: 400; font-family: "FontAwesome";}

.page {overflow: hidden; min-height: 500px;}
.lt-ie9 .page {min-width: 1200px;}

.titleColor1 {color: #8cc7ec;}
.titleColor2 {color: #272d33;}

.top-row {padding: 49px 0 36px; background: #fff;}
@media (max-width: 767px) {
  .top-row {padding: 19px 0 0 0;}
}
.brand {display: inline-block;}

.bg-primary {background: #25589A;}

.btn {margin-top: 27px; padding: 20px 30px 20px 30px !important; color: #fff; text-transform: uppercase; background: #272d33; display: inline-block; font-size: 19px; font-weight: 700; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.btn:hover, .btn:active {background: #8cc7ec; color: #fff;}

.phone1 {float: right; text-align: right; margin-top: 0;}
.phone1 .title {margin-bottom: 6px; color: #272d33; font-size: 24px; line-height: 24px; text-transform: uppercase; font-weight: 700;}
.phone1 strong {color: #8cc7ec; display: block; font-size: 43px; line-height: 43px; margin-bottom: 7px; padding-left: 40px; position: relative; text-transform: uppercase; letter-spacing: -1px; font-weight: 900;}
.phone1 strong:after {color: #c9c9c9; content: "\f10b"; font: 400 63px/63px "FontAwesome"; left: 2px; position: absolute; top: -6px;}
.phone1 p {color: #777; margin-bottom: 5px;}
.phone1 .sociaIcons .fa{font-size: 1.3em; margin-left: 5px;}

.phone1 .sociaIcons a.flag{line-height: 120%; padding: 3px; display: inline-block; margin-left: 20px; font-weight: 700;}
.phone1 .sociaIcons a.flag.active{margin-left: 0; color: #6a6d6f; font-weight: 400;}

@media (max-width: 991px) {
   .phone1 strong {font-size: 2em;}
}

@media (max-width: 767px) {
  .phone1 {float: none; text-align: center; margin-top: 36px;}
  .phone1 strong {padding: 0;}
  .phone1 strong:after {left: 19px; content: "";}
}
@media (max-width: 479px) {
  .phone1 strong {font-size: 33px;}
  .phone1 strong:after {left: -5px; top: -10px; font-size: 43px;}
  .phone1 p {font-size: 12px;}
}

.strankovani{text-align: center; font-size: 1.5em;}
.strankovani a{padding-left: 10px; padding-right: 10px; background-color: #1b96ce; color: #fff;}
.strankovani a:hover, .strankovani a:focus{background-color: #6a6d6f; color: #fff;}
.strankovani strong.btn, .strankovani strong.btn:hover{background-color: #6a6d6f; cursor: inherit;}

/* produktove boxy na titulni strane begin */
.imgBlock {overflow: hidden; position: relative; margin-bottom: 30px;}
.imgBlock p {left: 3px; position: relative; top: 3px; margin: 0;}
.imgBlock:hover span:after {opacity: 0;}
.imgBlock:hover span:before {opacity: 1;}
.imgBlock:hover a {background: #272d33;}
.imgBlock .caption {position: absolute; width: 60%; z-index: 1; color: #fff; left: 26px; top: 26px;}
.imgBlock .caption h3 {line-height: 100% !important; padding-bottom: 25px;}
@media (max-width: 479px) {
  .imgBlock .caption {bottom: 16px; left: 16px;}
}
@media (max-width: 479px) {
  .imgBlock .caption p {line-height: 15px;}
}
.imgBlock .caption h3 {color: #fff; margin: 0;}
@media (max-width: 1999px) {
  .imgBlock .caption h3 {font-size: 45px; line-height: 35px;}
}
@media (max-width: 979px) {
  .imgBlock .caption h3 {font-size: 35px; line-height: 35px; padding-bottom: 15px;}
  .imgBlock .caption p {line-height: 120%;}
}
@media (max-width: 479px) {
  .imgBlock .caption h3 {font-size: 25px; line-height: 25px;}
}
.imgBlock a {color: #fff; background: #8cc7ec; bottom: 30px; display: inline-block; font-size: 47px; height: 70px; line-height: 64px; position: absolute; right: 30px; text-align: center; transition: all 0.25s ease 0s; width: 71px; z-index: 2;}
@media (max-width: 479px) {
  .imgBlock a {bottom: 10px; height: 60px; line-height: 54px; right: 10px; width: 61px;}
}

.imgBlock a:hover {opacity: 0.8;}
.imgBlock span:after, .imgBlock span:before {position: absolute; width: 100%; height: 100%; z-index: 1; content: ''; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.imgBlock span:after {
  background: -webkit-linear-gradient(left, #272d33 5%, rgba(39, 45, 51, 0.98) 7%, rgba(39, 45, 51, 0) 100%);
  background: -o-linear-gradient(left, #272d33 5%, rgba(39, 45, 51, 0.98) 7%, rgba(39, 45, 51, 0) 100%);
  background: linear-gradient(to right, #272d33 5%, rgba(39, 45, 51, 0.98) 7%, rgba(39, 45, 51, 0) 100%);
}
.imgBlock span:before {
  background: -moz-linear-gradient(left, #8cc7ec 3%, #8cc7ec 5%, rgba(252, 90, 10, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8cc7ec), color-stop(5%, #8cc7ec), color-stop(100%, rgba(252, 90, 10, 0)));
  background: -webkit-linear-gradient(left, #8cc7ec 3%, #8cc7ec 5%, rgba(252, 90, 10, 0) 100%);
  background: -o-linear-gradient(left, #8cc7ec 3%, #8cc7ec 5%, rgba(252, 90, 10, 0) 100%);
  background: -ms-linear-gradient(left, #8cc7ec 3%, #8cc7ec 5%, rgba(252, 90, 10, 0) 100%);
  background: linear-gradient(to right, #8cc7ec 3%, #8cc7ec 5%, rgba(252, 90, 10, 0) 100%);
}
/* produktove boxy na titulni strane end */


/* popisky v modrych boxech begin */
.caption1 {position: relative; margin: 1px 0 100px 0; background: rgba(0, 153, 199, 0.85) none repeat scroll 0 0; box-sizing: border-box; display: block; left: 0; padding: 44px 0 45px 32px; text-align: left; top: 49px; width: 570px; z-index: 0;}
@media (max-width: 767px) {
  .caption1 {width: 100%;}
}
.caption1 h2, .caption1 span, .caption1 p {color: #fff;}
.caption1 p {margin: 0; width: 75%; position: relative;}
.caption1 a {border: 2px solid #fff; bottom: 38px; color: #fff; display: inline-block; font-size: 55px; height: 76px; line-height: 68px; position: absolute; right: 30px; text-align: center; transition: all 0.25s ease 0s; width: 76px;}
@media (max-width: 767px) {
  .caption1 a {bottom: 10px; font-size: 35px; height: 56px; line-height: 55px; right: 10px; width: 56px;}
}
.caption1 a:hover {background: #272d33 none repeat scroll 0 0; border-color: #272d33; transition: all 0.25s ease 0s;}
.caption1 h2 {font-size: 65px;}
.caption1 h2 span {font-size: 35px; font-weight: 400; display: block; line-height: 57px; margin-bottom: 14px; letter-spacing: 0px;}
@media (max-width: 767px) {
  .caption1 h2 span {font-size: 29px; line-height: 29px;}
}
@media (max-width: 767px) {
  .caption1 h2 {font-size: 30px !important; line-height: 120%; padding-bottom: 15px;}
  .caption1 .h2 {font-size: 43px !important; line-height: 49px;}
}
.caption1>div {height: 100%;}
/* popisky v modrych boxech begin */

.newHome{background: url('/upload/obrazky/home/news.jpg') no-repeat center top;}
.newHome .caption1{padding: 24px 0 45px 32px; text-align: left; top: 49px; width: 100%;}
.newHome .caption1 .title{font-size: 65px; color: #fff;}
.newHome .caption1 h2{font-size: 35px; font-weight: 400; display: block; margin-bottom: 0}

.news h2{font-size: 35px; line-height: 120%; margin-bottom: 15px; font-weight: 300;}
.news .newBox{margin-bottom: 35px;}
@media (max-width: 767px) {
  .news .h2{padding-top: 15px; background-color:#ccc;}
}

.newDetail .h2{font-weight: 300; font-size: 2.8em;}
.newDetail .datum{font-style: italic;}
.newDetail .files{margin-bottom: 35px;}

ul {margin-bottom: 35px;}
ul li {position: relative; padding: 7px 0 7px 46px;}
ul li:last-child {border: none;}
ul li:before {content: '\f105'; position: absolute; left: 25px; top: 3px; font: 400 14px 'FontAwesome'; font-size: 20px;}

@media (max-width: 979px) {
  ul li a {padding: 19px 10px 19px 36px;}
}
@media (max-width: 1199px) {
  ul li a {font-size: 16px;}
}
@media (max-width: 979px) {
  ul li a {font-size: 14px; text-transform: none;}
}

.marked-list {margin-bottom: 45px;}
.marked-list li {position: relative; border-bottom: 1px solid #dadbdc; margin: 0; text-transform: none; padding: 19px 0 19px 46px; display: block; font-size: 19px;}
.marked-list li:hover a, .marked-list li:active a {text-decoration: none; background: #8cc7ec; color: #fff;}
.marked-list li:hover:before, .marked-list li:active:before {}
.marked-list li:last-child {border: none;}
.marked-list li:before {content: '\f105'; position: absolute; left: 20px; top: 14px; font: 400 14px 'FontAwesome'; line-height: inherit; font-size: 30px; color: #272d33;}
.marked-list li a {margin: 1px 0; text-transform: none; color: #8cc7ec;  display: block; font-size: 19px;}
.marked-list li em {font-size: .9em; color: #999; vertical-align: bottom;}
@media (max-width: 979px) {
  .marked-list li a {padding: 19px 10px 19px 36px;}
}
@media (max-width: 1199px) {
  .marked-list li a {font-size: 16px;}
}
@media (max-width: 979px) {
  .marked-list li a {font-size: 14px; text-transform: none;}
}

/* ================= fotogalerie ====================== */
.img-cnt {padding: 24px 18px 32px 19px; border: 1px solid #dadbdc; position: relative; top: -1px; margin-bottom: 24px;}
.img-cnt a:hover {color: #8cc7ec;}

/*==================   Thumbnail    ======================*/
.thumb {display: block; position: relative; overflow: hidden;}
.thumb img {width: 100%; height: auto; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.thumb_overlay {position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; color: #fff; background: transparent;}
.thumb_overlay:before {content: '\f065'; position: absolute; top: 50%; left: 0; right: 0; font: 400 30px 'FontAwesome'; line-height: 30px; margin-top: -15px; text-align: center; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease;}
.thumb_overlay.search-plus:before {content: '\f00e';}
.lt-ie9 .thumb_overlay:before {display: none;}
.thumb:hover .thumb_overlay {opacity: 1; background: rgba(0, 0, 0, 0.3);}
.lt-ie9 .thumb:hover .thumb_overlay {background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000'); zoom: 1;}
.lt-ie9 .thumb:hover .thumb_overlay:before {display: block;}
.thumb:hover img {-moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

header .brand {float: left;}
@media (max-width: 767px) {
  header {text-align: center;}
  header .brand, header .nav {float: none; position: fixed; top: 10px; right: 20px; z-index: 99999; width: 150px;}
}

main {display: block; background: #fff;}

.well {margin-top: 45px; margin-bottom: 45px; border: 0 none; background-color: #fff; box-shadow: none;}
@media (max-width: 767px) {
  .well{max-width: 500px; margin-left: auto; margin-right: auto;}
}
@media (max-width: 480px) {
  .well{margin-top: 0;}
}

/*== Inquiry ==*/
.inquiry{padding: 0; background-color: #fff;}
.inquiry-form{margin: 0 auto; padding-top: 10px; padding-bottom: 20px;}
.inquiry-bg{padding-left: 0; padding-right: 0; height: 550px; background: url('/images/inquiry.jpg') scroll no-repeat left bottom/ cover;}
.inquiry h3{font-size: 22px; line-height: 1.5; margin-bottom: 35px; max-width: 500px;}
.inquiry h3 span{font-weight: bold;}
.form-control:focus{box-shadow: none !important; border: 1px solid rgba(22, 190, 182, 0.7);}
.form-control {border: 1px solid rgba(225, 225, 227, 0.8); border-radius: 1px; box-shadow: none; font-size: 13px; height: 40px; margin-bottom: 20px;}
.form-control::-webkit-input-placeholder, .form-control:-moz-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {color: #4b565b;}
.captcha input{max-width: 520px; float: left;}
.captcha img{float: left;}
.has-error .form-control{margin-bottom: 0;}
.has-error .help-block{display: block; clear: both; width: 100%; line-height: 120%; padding-top: 0; padding-bottom: 10px;}
.captcha.has-error .help-block{padding-top: 5px;}
.has-error label{margin-bottom: 0;}
.has-success .form-control {border-color: #5bd1cc; -webkit-box-shadow: none !important; -moz-box-shadow:none !important; box-shadow: none !important;}
.has-success .input-group-addon {color: #3c763d; background-color: #5bd1cc; border-color: #5bd1cc;}
.has-success .form-control-feedback {color: #3c763d;}
/* float label begin */
textarea + label, input + label {display: block; cursor: text; color: #777; transition: all.15s ease-out; -moz-transition: all.15s ease-out; -webkit-transition: all.15s ease-out; position: absolute; top: .9em; left: 2.3em; font-size: .9em; font-weight: 300;}
textarea:focus + label, input:focus + label, label.stay {top: -1.3em; left: 3em; font-size: .7em; font-weight: 300; color: #999; transition: all .15s ease-out;}
/* float label end */

.alert{background-color: transparent; position: relative;}
.alert-danger ul{list-style: none; padding-left: 0; position: relative;}
.alert-danger ul li:before{content: '\f105'; position: absolute; left: 25px; top: 3px; font: 400 14px 'FontAwesome'; font-size: 20px;}
.alert a.close{position: absolute; right: 10px; top: 4px;}
.alert ul li {position: static;}

.contact h3{padding-bottom: 0; margin-bottom: 0;}
.contact .mapa{margin-bottom: 35px; border: 0; width: 100%;}

footer {background: #1c2025;}
.bg-footer{background-color: #272d33; padding-top: 45px; padding-bottom: 45px;}
@media (max-width: 767px) {
  footer .container{max-width: 500px; padding-left: 35px; padding-right: 35px;}
  .bg-footer{margin-left: auto; margin-right: auto;}
}
@media (max-width: 479px) {
  footer h3{font-size: 2em;}
}
footer h3, footer address {color: #fff;}
footer address p{margin-bottom: 25px;}
footer .copyright {font-size: 12px; padding-bottom: 17px; padding-top: 23px; color: #6a6d6f;}
footer .sociaIcons{float: right;}
footer .sociaIcons .fa{margin-left: 10px; font-size: 1.5em;}

.camera_wrap .camera_caption h2{font-family: "Raleway", Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 70px; padding-bottom: 0; padding-top: 15px;}
.camera_wrap .camera_caption h2 span{font-size: 35px; line-height: 120%; padding-top: 25px;}
.camera_wrap .camera_caption p{font-size: 20px;}
.camera_pag_ul li{padding: 0;}
.camera_pag_ul li:before{content: "";}

@media (max-width: 1999px) {
  .camera_container{padding-bottom: 330px !important;}
  .camera_wrap .camera_caption h2{font-size: 65px;}
  .camera_wrap .camera_caption h2 span{font-size: 28px;}
  .camera_pag{bottom: 30px !important;}
}

@media (max-width: 767px) {
  .camera_container{padding-bottom: 320px !important;}
  .camera_wrap .camera_caption h2{font-size: 55px;}
  .camera_wrap .camera_caption h2 span{font-size: 18px;}
  .camera_pag{bottom: 30px !important;}
  .camera_pag_ul li>span{height: 15px !important; width: 15px !important;}
}

@media (max-width: 479px) {
  .camera_container{padding-bottom: 360px !important;}
  .camera_wrap .camera_caption h2{font-size: 35px;}
  .camera_wrap .camera_caption h2 span{font-size: 18px;}
  .camera_pag{bottom: 25px !important;}
  .camera_pag_ul li>span{height: 10px !important; width: 10px !important;}
}
@media (min-width: 1200px){
  .camera_container{padding-bottom: 360px !important;}
}
@media (min-width: 1400px){
  .camera_container{padding-bottom: 420px !important;}
}
@media (min-width: 1500px){
  .camera_container{padding-bottom: 460px !important;}
}
@media (min-width: 1700px){
  .camera_container{padding-bottom: 500px !important;}
}

/* scrolovani nahoru begin */
.scrollup{width: 40px; height: 40px; text-indent: -9999px; opacity: 0.3; position: fixed; bottom: 50px; right: 0px; display:none; background: #000 url('/pic/icon_top.png') no-repeat;}
/* scrolovani nahoru end */