@charset "UTF-8";
@import url("./font-arrows.css");
@import url("./materialdesignicons.min.css");

@font-face {
  font-family: 'Montserrat-Regular';
  src: url(../fonts/Montserrat-Regular.eot);
  src: url(../fonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),
  url(../fonts/Montserrat-Regular.otf) format('otf'),
  url(../fonts/Montserrat-Regular.svg#Montserrat-Regular) format('svg'),
  url(../fonts/Montserrat-Regular.ttf) format('truetype'),
  url(../fonts/Montserrat-Regular.woff) format('woff'),
  url(../fonts/Montserrat-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat-Light';
  src: url(../fonts/Montserrat-Light.eot);
  src: url(../fonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'),
  url(../fonts/Montserrat-Light.otf) format('otf'),
  url(../fonts/Montserrat-Light.svg#Montserrat-Light) format('svg'),
  url(../fonts/Montserrat-Light.ttf) format('truetype'),
  url(../fonts/Montserrat-Light.woff) format('woff'),
  url(../fonts/Montserrat-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url(../fonts/Montserrat-Bold.eot);
  src: url(../fonts/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),
  url(../fonts/Montserrat-Bold.otf) format('otf'),
  url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format('svg'),
  url(../fonts/Montserrat-Bold.ttf) format('truetype'),
  url(../fonts/Montserrat-Bold.woff) format('woff'),
  url(../fonts/Montserrat-Bold.woff2) format('woff2');
}


body {background-color: #fff; font-family: "Montserrat-Regular", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 23px; font-weight: 400; color: #553b3b; word-spacing: 3px;}
/*@media (max-width: 990px) {
  body{padding-top: 0;}
}*/
@media (max-width: 768px) {
  body{text-align: center;}
}

.container{max-width: 1470px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px}
@media(min-width: 1500px) {
  .container {max-width: 1470px; padding-left: 0; padding-right: 0;}
}

sub, sup {font-size: 60%;}
a {color: #0e567c; outline: none !important; text-shadow: none; text-decoration: none !important; transition: all.15s ease-out; -moz-transition: all.15s ease-out; -webkit-transition: all.15s ease-out;}
a:hover, a:active, a:focus {color: #007bc9; opacity: .6}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Montserrat-Regular", Helvetica, Arial, sans-serif; color: #0e567c; font-weight: 400;}
h1, .h1 {font-size: 75px;}
h2, .h2 {font-size: 46px;}
h3, .h3 {font-size: 32px; margin-bottom: 15px; text-transform: uppercase;}
h4, .h4 {font-size: 24px;}
h5, .h5 {font-size: 18px;}
h6, .h6 {font-size: 14px;}
p {margin-bottom: 35px; line-height: 180%;}
ul, ol{line-height: 180%; text-align: left;}
hr {margin: 30px 0;}
strong{font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; font-weight: 700;}

.image-wrapper-left{max-width: 550px; float: left; margin-top: 5px; margin-right: 25px; margin-bottom: 5px; position: relative; z-index: 1;}
.image-wrapper-right{max-width: 550px; float: right; margin-top: 5px; margin-left: 25px; margin-bottom: 5px; position: relative; z-index: 1;}
@media (max-width: 767px) {
  .image-wrapper-left, .image-wrapper-right{max-width: none; float: none; width: 100%; margin: 0 0 25px 0;}
}

/*== Forms begin ==*/
.form-control {border: 1px solid rgba(225, 225, 227) !important; border-radius: 1px; box-shadow: none; font-size: 18px; height: auto; padding: 20px 20px 20px 20px; margin-bottom: 30px; position: relative;}
.form-control:focus{box-shadow: none !important; border: 1px solid rgba(22, 190, 182) !important;);}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {color: #777;}
.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: #015280; background-color: #317fab; border-color: #317fab;}
.has-success .form-control-feedback {color: #015280;}

/* float label begin */
textarea + label, input + label {display: block; cursor: text; color: #999; transition: all.15s ease-out; -moz-transition: all.15s ease-out; -webkit-transition: all.15s ease-out; position: absolute; top: 22px; left: 40px; font-size: 1.1em; font-weight: 300;}
textarea:focus + label, input:focus + label, label.stay {top: -20px; left: 25px; font-size: .8em; font-weight: 300; font-family: "Montserrat-Light", Helvetica, Arial, sans-serif; color: #999; transition: all .15s ease-out;}

@media (max-width: 767px) {
  textarea + label, input + label {top: 18px; left: 30px; font-size: 1.1em; font-weight: 300; font-family: "Montserrat-Light", Helvetica, Arial, sans-serif;}
  textarea:focus + label, input:focus + label, label.stay {top: -22px; left: 30px;}
}
/* float label end */

.help-block{position: absolute; top: -4px; right: 20px; padding: 5px; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; color: red;}

.alert {-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin-bottom: 33px;}
.alert .close {opacity: 0.5; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.alert .close:hover {opacity: 1;}
.alert-info {border-color: transparent; background-color: transparent; color: #00a2e7;}
.alert-info .close {color: #00a2e7;}
.alert-danger {border-color: transparent; background-color: transparent; color: red; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif;}
.alert-danger ul{list-style: none;}
.alert-danger .close {color: #3a3d3e;}
/*== Forms end ==*/

.table > thead > tr > th {color: #3b3939; padding-top: 15px; border-top: 0 none;}
.table th p, .table td p {padding: 0; margin: 0;}


/* Cenik */
table.no-border th, table.no-border td{border-color: transparent !important;}
table.no-border th{background-color: #0e567c !important; color: #fff !important; text-transform: uppercase;}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #e6f3fa;}

table.pricelist{}
table.pricelist th, table.pricelist td{text-align: left;}
table.pricelist th.param, table.pricelist th.price{text-align: right; width: 20%;}
table.pricelist td.param, table.pricelist td.price{text-align: right; width: 20%;}


.pb70 {padding-bottom: 70px !important;} .pb40 {padding-bottom: 40px !important;} .pb30 {padding-bottom: 30px !important;} .mt50 {margin-top: 50px !important;}
.mt80 {margin-top: 80px !important;} .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}.mt0{margin-top:0!important}

ul, ol{margin-bottom: 35px; margin-left: 25px; padding-left: 0;}
ol li {margin-left: 20px;}
ul li {list-style: none; padding-left: 20px; position: relative;}
ul li:before {content: '\F142'; font-family: 'Material Design Icons'; display: inline-block; color: #3b3939; position: absolute; left: 0;}

.erby{margin: 0 auto; padding: 0 0 35px 0; text-align: center;}
.erby [class*="col-"]{display: inline-block; margin-bottom: 35px; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif;}
.erby img{display: block; margin-bottom: 15px;}

/* gradient box */
.three-line-fadeout-overflow {line-height: 1.75; max-height: 7em; margin-bottom: -1.75em; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 93.33333%); mask-image: linear-gradient(to bottom, black 70%, transparent 93.33333%);}
.three-line-fadeout-overflow::after {content: " "; display: block; height: 1.75em;}

/* Buttons */
.btn {transition: .3s ease-out; font-weight: 400; border-width: 1px;}
.btn:focus, .btn:active, .btn:active:focus, button:focus, button:active, button:active:focus {outline: none !important;}
.btn:active, .btn.active {-webkit-box-shadow: none; box-shadow: none;}
.btn-primary {font-size: 16px; position: relative; line-height: 1; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #0e567c; font-weight: 400; display: inline-block; padding: 20px 75px 20px 35px; background-color: #0e567c; color: #fff; border-radius: 0; white-space: normal;}
.btn-primary:before {content: '\F534'; font-family: "Material Design Icons"; font-size: 16px; line-height: 15px; position: absolute; right: 30px; transition: .3s; font-weight: 400;}
.btn-primary:hover:before {right: 25px;}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {background-color: transparent !important; color: #0e567c !important; border-color: #0e567c !important; outline: none !important; box-shadow: none !important;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary {pointer-events: none; opacity: .5; background-color: transparent; opacity: .6; border-color: #c5ccda; color: #c5ccda;}
.btn-primary-dark{background-color: #0e567c; color: #fff;}
.btn-primary-dark:focus, .btn-primary-dark.focus, .btn-primary-dark:hover, .btn-primary-dark:active, .btn-primary-dark.active, .open > .btn-primary-dark.dropdown-toggle {background-color: #0e567c !important; color: #fff !important; border-color: #0e567c !important;}

.btn-lg{font-size: 28px !important; padding: 25px 90px 25px 50px;}
.btn-lg:before{font-size: 22px; line-height: 30px; right: 50px;}
.btn-lg:hover:before {right: 40px;}
@media (max-width: 420px) {
  .btn-primary {font-size: 16px; letter-spacing: .5px; padding: 20px 25px 20px 25px; background-color: #0e567c; color: #fff; border-radius: 0;}
  .btn-primary:before {content: '';}
  .btn-lg{font-size: 22px !important; padding: 25px 25px 25px 25px;}
  .btn-lg:before{content: '';}
  .btn-lg:hover:before {right: 20px;}
}



/* strankovani */
.pagination{margin: 0 auto; text-align: center; display: inline-block;}
.pagination li{padding: 1px; display: inline-block;}
.pagination li:before{content: ""; display: none; padding-right: 0;}
.pagination > li > a, .pagination > li > span {color: #0e567c; display: inline-block; padding: 5px 17px; min-width: 28px;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color: #eee; border-color: #eee;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: #0e567c; border-color: #eee; border-color: #eee;}

/* gallery slider begin */
.owl-carousel {overflow: hidden;}
.owl-carousel:hover .owl-controls .owl-buttons .owl-prev {margin-left: 0;}
.owl-carousel:hover .owl-controls .owl-buttons .owl-next {margin-right: 0;}
.owl-theme .owl-controls {position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0;}
.owl-theme .owl-controls .owl-buttons .owl-prev {float: left; margin-left: -50px; -webkit-transition: margin-left 0.3s, background-color 0.5s; transition: margin-left 0.3s, background-color 0.5s;}
.owl-theme .owl-controls .owl-buttons .owl-next {float: right; margin-right: -50px; -webkit-transition: margin-right 0.3s, background-color 0.5s; transition: margin-right 0.3s, background-color 0.5s;}
.owl-theme .owl-controls .owl-buttons div {margin: 1px; padding: 13px 13px; font-size: 21px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background: rgba(0, 0, 0, 0.2); opacity: 1; -webkit-transition: background-color 0.5s; transition: background-color 0.5s;}
.owl-theme .owl-controls .owl-buttons div:hover {background-color: #d35627;}
.owl-theme .owl-controls .owl-page span {background: rgba(0, 0, 0, 0.5);}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background-color: #d35627;}

.gallery-container {position: relative;}
.gallery {margin: 0; padding: 0; list-style: none;}
.gallery .owl-controls {margin-top: 0; position: absolute; top: 50%; width: 100%;}
.gallery .owl-controls .owl-buttons div {background-color: rgba(255, 255, 255, 0.4) !important; padding: 13px 15px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-top: -25px; opacity: 0; color: #3b3939; -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s !important; transition: opacity 0.3s, background-color 0.3s, color 0.3s !important;}
.gallery .owl-controls .owl-buttons div.owl-prev {float: left; margin-left: 25px !important;}
.gallery .owl-controls .owl-buttons div.owl-next {float: right; margin-right: 25px !important;}
.gallery .owl-controls .owl-buttons div:hover {opacity: 1; color: #fff; background-color: #da8b01 !important;}
.gallery:hover .owl-controls .owl-buttons div {opacity: 0.5;}
.gallery-thumb {margin: 0; padding: 0; list-style: none; max-width: 330px; position: absolute; bottom: 20px; left: 50%; margin-left: -165px;}
.gallery-thumb .owl-item {opacity: 0.4;}
.gallery-thumb .owl-item.synced {opacity: 1;}

.gallery-btn{padding: 25px 0 0 0;}
/* gallery slider end */

/* Sections Header
--------------------------------*/
.section-header {margin-bottom: 45px; text-align: center;}
.section-header h2 {font-weight: 400; position: relative; padding-bottom: 0px; margin-bottom: 0; text-align: center; font-size: 60px; text-transform: uppercase;}
.section-header p {padding: 0; margin: 0 auto 20px auto; font-size: 22px; text-transform: uppercase; color: #acb0b3;}
/*.section-header .divider{width: 80px; height: 6px; background: #0e567c; margin: 0 auto 45px auto;}*/
/*.section-header-left h2 {font-weight: 400; position: relative; padding-bottom: 0; text-align: left;}*/
/*.section-header-left .divider{width: 80px; height: 6px; background: #0e567c; margin: 0 0 25px 0;}*/
@media (max-width: 500px) {
  .section-header h2 {font-size: 40px;}
  .section-header p {font-size: 18px;}
}
@media (max-width: 320px) {
  .section-header h2 {font-size: 30px; margin-bottom: 15px;}
  .section-header p {font-size: 18px; line-height: 100%;}
}

/*
*
* Breadcrumbs
* --------------------------------------------------
*/
.breadcrumbs{background: #eaf2f9 url("/pic/breadcrumbs.jpg") no-repeat center top; background-size: cover; color: #fff; padding: 80px 0 80px 0; position: relative; vertical-align: middle; margin: 0 0 60px 0; text-align: center;}
.breadcrumbs:before{content: ""; display: block; clear: both;}
.breadcrumbs h1{margin-bottom: 10px; padding-bottom: 0; font-weight: 400; text-transform: uppercase; color: #fff; font-size: 48px;}
.breadcrumbs a {display: inline; vertical-align: middle;}
.breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:focus {color: #ffdf00;}
.breadcrumbs ul {margin: 0; padding: 0; text-align: center;}
.breadcrumbs li {position: relative; display: inline-block; vertical-align: middle; padding-right: 36px; font-size: 18px;}
.breadcrumbs li:before {content: ""; display: none;}
.breadcrumbs li:after {content: "\F142"; position: absolute; top: 53%; right: 9px; display: inline-block; font: 400 18px/18px 'Material Design Icons'; transform: translateY(-50%);}
.breadcrumbs li:last-child {padding-right: 0; padding-left: 0;}
.breadcrumbs li:last-child:after {display: none;}
.breadcrumbs-custom a:hover, .breadcrumbs li.active {color: initial;}
@media (min-width: 991px) {
  .breadcrumbs { padding: 100px 0 100px 0;}
  .breadcrumbs h1 {font-size: 55px;}
  .breadcrumbs li {padding-right: 44px;}
  .breadcrumbs li:last-child {padding-left: 20px;}
  .breadcrumbs li:after {right: 0;}
}


/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.topbar {background: #fff; border-bottom: 3px solid #ffdf00; padding: 12px 0 8px 0;}
.topbar *{font-size: 18px;}
.topbar a:hover{opacity: .5;}
.topbar span{position: relative; padding-left: 28px; margin-right: 25px;}
.topbar span i{position: absolute; left: 0; top: 1px;}
.topbar .contact {float: left;}
.topbar .social {float: right; margin-right: 20px; margin-left: 20px;}
.topbar .social a {line-height: 1;}
.topbar .contact {padding-left: 15px;}
.topbar .contact i{color: #ffdf00; font-size: 22px;}
.topbar .social i{color: #0e567c; font-size: 22px;}
.topbar .social .email {padding-right: 0;}
.topbar .social .email a {}
.topbar .social .divider{margin: 0 0px -2px 0px; background-color: #0b2e13}

.searchBox {position: relative; display: inline-block; float: right;}
.btnSearch {background-color: #fff; color: #0e567c; padding: 0 16px 0 30px; font-size: 20px; border: none; cursor: pointer; position: relative; transition: all.15s ease-out; -moz-transition: all.15s ease-out; -webkit-transition: all.15s ease-out;}
.btnSearch i{font-size: 22px; position: absolute; left: 0;}
.btnSearch:hover, .btnSearch:focus {background-color: #fff; color: #007bc9; opacity: .6}
.dropdown-content {display: none; position: absolute; min-width: 230px; overflow: auto; z-index: 1; left: -180px; right: auto; top: 40px;}
.dropdown-content i {content: '\F349'; font-family: "Material Design Icons"; color: #ddd; display: block; font-size: 32px; position: absolute; z-index: 1; top: 14px; left: 8px;}
.dropdown-content #myInput {padding: 14px 20px 12px 45px; border: none; border-bottom: 3px solid #ffdf00; color: #4e555b; outline: none;}
.searchBox .show {display: block;}

@media (max-width: 990px) {
  .topbar {display: none;}
  .searchBox {position: relative; display: inline-block; float: none;}
  .btnSearch i{font-size: 22px; position: relative; left: 0;}
}

/*
* @header begin
*/
.stuckContainer{background-color: rgba(255, 255, 255, 1);}
.stuckContainer > .container{}
.stuckContainer + * {margin-top: 0;}
@media (min-width: 768px) {
  .stuckContainer + * {margin-top: 0;}
}
@media (max-width: 991px) {
  .stuckContainer{background-image: none;}
  .stuckContainer > .container{background-image: none;}
}

/* section Header*/
header {padding-bottom: 0; -webkit-background-size: cover; background-size: cover; background-attachment: fixed;}
@media (min-width: 768px) {
  header {padding-top: 0;}
  header .nav {float: right;}
}

/* @subsection Brand*/
.navbar-brand{display: none;}
@media (min-width: 991px) {
  .navbar-brand {display: inline-block; float: none; height: auto; padding: 8px 0 0 0; margin-left: 10px;}
  .navbar-brand-logo {display: block;}
  .navbar-brand-logo img {height: 50px;}
}
@media (min-width: 1200px) {
  .navbar-brand {padding: 8px 0 5px 0; margin-left: 5px;}
  .navbar-brand-logo img {height: 52px;}
}

@media (min-width: 1400px) {
  .navbar-brand {padding: 8px 0 8px 0; margin-left: 5px;}
  .navbar-brand-logo img {height: 85px;}
}

/*@media (max-width: 480px) {
  .navbar-brand {display: none;}
}*/

/*@media (max-width: 992px) {*/
  /*.sf-menu > li:first-child {display: none;}*/
/*}*/

.navbar-brand-mobile{display: block; position: fixed; z-index: 999999; top: 7px; left: 70px;}
.navbar-brand-mobile img{height: 40px;}

.mobileMenuLinks{position: fixed; top: 0px; right: 15px; z-index: 999999; text-align: center;}
.mobileMenuLinks .social-links{position: fixed; top: 15px; right: 15px; display: none;}
.mobileMenuLinks .social-links a{display: inline-block; font-size: 22px; margin: 0 5px;}
@media (min-width: 300px) {
  .mobileMenuLinks .social-links{display: block;}
}
@media (min-width: 991px) {
  .navbar-brand-mobile{display: none;}
  .mobileMenuLinks{display: none;}
}

/*.intro{background: url("/upload/obrazky/intro/intro.jpg") no-repeat center top; background-size: cover; position: relative; width: 100%; height: 60vh; min-height: 450px;}
.intro .intro-content {z-index: 1; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; flex-direction: column; text-align: center; text-transform: uppercase; background: rgba(0, 0, 0, .2);}
.intro .intro-content h1 {color: #fff; margin-bottom: 35px; font-size: 40px; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; padding: 0 15px;}
.intro .intro-content h2{color: #ffdf00; font-size: 25px; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; padding: 0 15px;}
@media (min-width: 767px) {
  .intro .intro-content h1 {margin-bottom: 35px; font-size: 40px;}
  .intro .intro-content h2{font-size: 25px;}
}
@media (min-width: 991px) {
  .intro .intro-content h1 {margin-bottom: 35px; font-size: 60px;}
  .intro .intro-content h2{font-size: 35px;}
}*/

/* ================
 * CAROUSEL INTRO *
==================*/
.carousel {position: relative; margin-top: 55px;}
.carousel img{width: 100%; transform: scale(3,3);}
.carousel-fade .carousel-inner .carousel-item {opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; padding-top: 100px; padding-bottom: 100px;}
.carousel-fade .carousel-control {z-index: 2;}
@media (min-width: 450px) {
  .carousel {margin-top: 55px;}
  .carousel img{transform: scale(3,3);}
  .carousel-fade .carousel-inner .carousel-item {padding-top:  80px; padding-bottom: 0px;}
}
@media (min-width: 576px) {
  .carousel {margin-top: 55px;}
  .carousel img{transform: scale(1,1);}
  .carousel-fade .carousel-inner .carousel-item {padding-top: 0; padding-bottom: 20px;}
}
@media (min-width: 768px) {
  .carousel img{transform: scale(1);}
}
@media (min-width: 991px) {
  .carousel {margin-top: 0;}
}


/* carousel caption */
.carousel-item .carousel-caption {opacity: 0; right: 0; left: 0; text-shadow: none; padding: 20px 60px; bottom: 62%; margin: 0 auto; -webkit-transform: translate(0, 70%); -ms-transform: translate(0, 70%); transform: translate(0, 70%); background: rgba(0, 0, 0, .4); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.carousel-item.active .carousel-caption {opacity: 1;}

.carousel-caption > h1, .carousel-caption > h2, .carousel-caption > p {color: #fff; text-align: center; font-size: 47px; font-weight: 700; text-transform: uppercase; text-shadow: 2px 2px 5px #3a3a3a; position: relative; padding-bottom: 0; margin: 0 auto;
  -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; font-weight: 700;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel-caption > h1, .carousel-caption > h2{padding-top: 15px; margin-bottom: 10px; font-size: 22px;}
/*.carousel-caption > h1:after, .carousel-caption > h2:after{content: ''; width: 100px; height: 6px; background-color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -50px;}*/
.carousel-caption > p {font-size: 12px; line-height: 100%; margin-bottom: 25px; line-height: 150%; font-weight: 700; letter-spacing: 1px; text-transform: none; text-shadow: 2px 2px 5px #3a3a3a; color: #ffdf00; display: none;}
.carousel-inner .carousel-item.active .carousel-caption > h1, .carousel-inner .carousel-item.active .carousel-caption > h2 {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.carousel-inner .carousel-item.active .carousel-caption > h1:after, .carousel-inner .carousel-item.active .carousel-caption > h2:after {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
.carousel-inner .carousel-item.active .carousel-caption > p {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.carousel-inner .carousel-item.active .carousel-caption > img {opacity: 1; margin-top: 0;}

/*
* carousel controls
* -----------------
*/
.carousel-control {width: 80px; height: 120px; top: 45%; opacity: 1; margin-top: -60px; background-color: rgba(255, 255, 255, 0); background-position: center center; background-repeat: no-repeat; background-size: 33px 60px; -webkit-transition: left 0.3s, right 0.3s; transition: left 0.3s, right 0.3s;}
.carousel-control-prev {/*left: -100px;*/background-image: url('/pic/cur-arrow-left.svg'); justify-content: start;}
.carousel-control-next {background-image: url('/pic/cur-arrow-right.svg'); /*right: -100px;*/ justify-content: end;}
.carousel:hover .carousel-control-prev {left: 10px;}
.carousel:hover .carousel-control-next {right: 10px;}
.carousel .carousel-indicators li{border: 1px solid #d8e1e6; height: 3px;}
.carousel .carousel-indicators li.active{border-color: #acb0b3;}
@media (min-width: 450px) {
  .carousel-caption > h1, .carousel-caption > h2{padding-top: 15px; margin-bottom: 20px; font-size: 28px;}
  .carousel-caption > p {font-size: 14px;}
}
@media (min-width: 576px) {
  .carousel-item .carousel-caption {opacity: 0; right: 15%; left: 15%;}
  .carousel-caption > h1, .carousel-caption > h2 {padding-top: 30px; font-size: 25px;}
  .carousel-caption > p {font-size: 16px; display: block;}
  .carousel .carousel-indicators {display: block; text-align: center; bottom: -5%;}
  .carousel .carousel-indicators li {display: block; display: inline-block;}
}

@media (min-width: 768px) {
  .carousel-caption > h1, .carousel-caption > h2 {font-size: 35px;}
  .carousel-caption > p {font-size: 16px;}
  .carousel .carousel-indicators {bottom: 5%;}
}
@media (min-width: 991px) {
  .carousel-caption > h1, .carousel-caption > h2 {font-size: 45px;}
  .carousel-caption > p {font-size: 20px; }
  .carousel .carousel-indicators {bottom: 7%;}
}
@media (min-width: 1200px) {
  .carousel-caption > h1, .carousel-caption > h2 {font-size: 55px;}
  .carousel-caption > p {font-size: 28px;}
}
@media (min-width: 1300px) {
  .carousel .carousel-indicators {bottom: 10%;}
}
@media (min-width: 1600px) {
  .carousel-caption > h1, .carousel-caption > h2 {font-size: 65px;}
  .carousel-caption > p {font-size: 28px;}
}

/*
* carousel fade
* -----------------
*/
.carousel-fade .carousel-item {opacity: 0; transition-duration: 2s; transition-property: opacity;}
.carousel-fade  .carousel-item.active, .carousel-fade  .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {opacity: 1;}
.carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-right {opacity: 0;}
.carousel-fade  .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade  .active.carousel-item-prev {transform: translateX(0); transform: translate3d(0, 0, 0);}


.pageObr{border-top: 4px solid #e3dbc8; border-bottom: 6px solid #fff;}

main{padding: 0 0 60px 0;}
section{padding: 80px 0;}

/*
*
* Home
* --------------------------------------------------
*/


/* Home top clocks Section
--------------------------------*/
.homeTopBlocks {position: relative; z-index: 2; margin: -100px auto 0 auto; padding: 40px 30px 35px; overflow: hidden; transition: .3s ease-out color; transition: .3s ease-out all;}
.homeTopBlocks div[class*="col-"]{margin-bottom: 25px;}
.homeTopBlocks .blockIn{width: 100%; padding: 40px 40px; color: #fff; display: block; position: relative;}
.homeTopBlocks .blockIn:hover{background-color: #0e567c;}
.homeTopBlocks .blockIn *{color: #fff;}
.homeTopBlocks .blockIn:hover *{color: #fff;}
.homeTopBlocks .block1{background-color: #d9b709;}
.homeTopBlocks .block2{background-color: #d98309;}
.homeTopBlocks .block3{background-color: #a74f01;}
.homeTopBlocks .block1:hover{background: rgba(217, 183, 9, .9); opacity: 1;}
.homeTopBlocks .block2:hover{background: rgba(217, 131, 9, .9); opacity: 1;}
.homeTopBlocks .block3:hover{background: rgba(167, 79, 1, .9); opacity: 1;}
.homeTopBlocks h2{text-transform: uppercase; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; font-size: 50px;}
.homeTopBlocks p{font-size: 28px; line-height: 130%;}
.homeTopBlocks .arrow{position: absolute; top: 25px; right: 25px; width: 50px;}
.homeTopBlocks .bgIcon{position: absolute; bottom: 25px; right: 25px; width: 150px;}

@media (max-width:1400px) {
  .homeTopBlocks h2{font-size:40px;}
  .homeTopBlocks p{font-size: 22px;}
  .homeTopBlocks .arrow{position: absolute; top: 15px; right: 15px; width: 30px;}
}
@media (max-width: 991px) {
  .homeTopBlocks {margin: -80px auto 0 auto; padding: 25px 10px 0;}
  .homeTopBlocks .blockIn{padding: 30px 20px; text-align: center;}
  .homeTopBlocks .blockIn br{display: none;}
  .homeTopBlocks .blockIn *{text-align: center;}
  .homeTopBlocks h2{font-size: 30px;}
  .homeTopBlocks p{font-size: 18px;}
  .homeTopBlocks .bgIcon{position: relative; text-align: center; margin: 0 auto; right: 0; left: 0; bottom: 0;}
  .homeTopBlocks .arrow{display: none;}
}
@media (max-width: 768px) {
  .homeTopBlocks {margin: 0 auto; padding: 25px 0 0;}
  .homeTopBlocks .blockIn{padding: 10px 20px;}
  .homeTopBlocks .blockIn *{text-align: left;}
  .homeTopBlocks h2{font-size: 30px;}
  .homeTopBlocks p{font-size: 18px;}
  .homeTopBlocks .arrow{position: absolute; display: block; top: 15px; right: 15px; width: 30px;}
}

.mainInfoBox{text-align: center; padding: 50px 35px; margin-bottom: 35px; position: relative; background-color: #e6f3fa;}
.mainInfoBox h2{margin-bottom: 25px; padding-bottom: 0; text-transform: uppercase; font-size: 60px; line-height: 120%;}

.mainInfoBox .subtitle{text-align: center; line-height: 120%; font-size: 28px; font-weight: 300; font-family: "Montserrat-Light", Helvetica, Arial, sans-serif; font-style: italic; color: #4d4e4d; padding-bottom: 0; margin-bottom: 0;}
@media (max-width: 768px) {
  .mainInfoBox h2{font-size: 40px;}
  .mainInfoBox .subtitle{font-size: 24px;}
}
@media (max-width: 576px) {
  .mainInfoBox h2{font-size: 28px;}
  .mainInfoBox .subtitle{font-size: 18px;}
}

/* Section proc my */
.whyUs{margin-bottom: 0; padding-bottom: 0;}
.whyUs h2{margin-bottom: 25px; text-transform: uppercase; font-size: 60px;}
.whyUs .subtitle{text-align: left; line-height: 120%; font-size: 28px; font-weight: 300; font-family: "Montserrat-Light", Helvetica, Arial, sans-serif; font-style: italic; color: #4d4e4d; padding-bottom: 80px;}
.whyUs ul {padding-top: 5px; margin-bottom: 45px;}
.whyUs ul li{font-size: 20px; padding-left: 75px; padding-bottom: 35px; position: relative;}
.whyUs ul li:before{font-family: "Material Design Icons"; font-size: 60px; position: absolute; left: 0; color: #ffdf00;}
.whyUs ul li.icon1:before{content: '\F003'; top: 22px;}
.whyUs ul li.icon2:before{content: '\F5B5'; top: 22px;}
.whyUs ul li.icon3:before{content: ''; background: url("/pic/logo-whalebone.svg") no-repeat center top; width: 60px; height: 100%; top: 10px;}
@media (max-width: 768px) {
  .whyUs{margin-bottom: 0;}
  .whyUs *{text-align: center !important;}
  .whyUs h2{line-height: 100%;}
  .whyUs .subtitle{margin-bottom: 0;}
  .whyUs ul {padding-top: 0; margin-bottom: 0;}
  .whyUs ul li{padding-left: 0;}
  .whyUs ul li:before{font-size: 80px; position: relative; display: block; margin-bottom: 65px;}
  .whyUs ul li.icon3:before{content: ''; width: 100%; height: 40px; margin-bottom: 45px;}
}
@media (max-width: 420px) {
  .whyUs h2{font-size: 40px;}
  .whyUs .subtitle{font-size: 22px;}
}

/* Section doporucene tarify */
.tariffs{}
.tariffs .rowBorder{border-bottom: 6px solid #d8e1e6; margin-bottom: 25px;}
.tariffs .name h3{font-size: 28px; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; color: #0e567c; margin-bottom: 5px;}
.tariffs .name p, .tariffs .price p{margin-bottom: 15px; text-align: center;}
.tariffs .name p{text-align: left;}
.tariffs .price h3{font-size: 28px; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; color: #ffdf00; margin-bottom: 5px; text-align: center;}
.tariffs .btnBlock{text-align: right;}
.tariffs .infoTV{padding-top: 25px; text-align: center;}
@media (max-width: 768px) {
  .tariffs{text-align: center;}
  .tariffs .name p, .tariffs .price p{margin-bottom: 30px; text-align: center;}
  .tariffs .btnBlock{text-align: center;}
  .tariffs .btnBlock .btn{margin-bottom: 25px;}
}


/* Section dostupnost */
.availability{}
.availability .mapAvailability {margin-bottom: 45px;}
@media (max-width: 768px) {
  .availability .map {margin: 0 auto 45px auto;}
}

/* Section Reference*/
.reference{text-align: center;}
.reference .row{margin: 0;}
.reference .colBox{padding: 1px;}
.reference img{margin-bottom: 15px;}

/* section Projects */
.sectionProjects{padding-top: 50px; padding-bottom: 100px; margin-bottom: 40px;}
.sectionProjects p{padding-bottom: 20px;}
.sectionProjects .buttonBlock{padding-top: 30px;}

.bgDark{background-color: #e6f3fa;}

.gallery{margin-bottom: 45px;}
.gallery .row{padding: 0 15px;}
.gallery h2{text-align: center; margin-bottom: 35px; font-size: 24px; text-transform: uppercase;}
.gallery [class*="col-"]{padding: 1px;}
.gallery .colPhoto{position: relative;}

/*==================   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; padding: 0 20px; opacity: 1; -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 h2{font-size: 14px; background: rgba(199, 167, 95, 1); text-align: center; padding: 10px 0; font-weight: 900; color: #fff;}
.thumb_overlay span{background: rgba(199, 167, 95, 1); padding: 10px 20px 10px 20px; font-size: 14px; font-weight: 400; color: #fff; line-height: 120%; letter-spacing: 0; text-transform: uppercase; text-align: center; position: absolute; bottom: 10%; left: 20px; right: 20px;}
.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);}

/* custom */
.thumb h2.button{position: absolute; z-index: 9; top: 45%; transform: translateY(-50%); left: 20px; right: 20px;  display: block; white-space: normal; word-wrap: normal;}
.thumb:hover h2 {background: transparent; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; border-color: #fff;}
.thumb p.button{position: absolute; z-index: 9; top: 45%; transform: translateY(-50%); left: 20px; right: 20px;  display: block; white-space: normal; word-wrap: normal;}
.thumb:hover p {background: transparent; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; border-color: #fff;}

.page{padding: 70px 0 40px; background-color: #fff;}

.colPhoto{padding-bottom: 2em;}
.basePhoto{padding-bottom: 2em;}

.noSlider{width: 100%; height: 0;}


/* Section novinky
--------------------------------*/
.news{margin: 0;}
.news [class*="col-"]{margin-bottom: 35px;}
.news .card{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 none;}
.news .card img{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.news .card h3{font-size: 25px; text-transform: uppercase; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; color: #0e567c;}
.news .card .card-text{color: initial;}
.news .card-body{padding-bottom: 25px;}
.news .card-footer{background-color: #fff;}
.news .card-footer a{float: right;}
.news .date{font-size: 14px; padding: 15px 0; margin-bottom: 10px; color: #4d4e4d; text-align: center;}

.newsDetail{margin-bottom: 50px;}
.newsDetail .container{margin-bottom: 80px;}
.newsDetail [class*="col-"]{margin-bottom: 15px;}
.newsDetail .button{margin-bottom: 20px;}
.newsDetail .card{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.newsDetail h2.card-title{font-size: 18px; text-transform: uppercase; margin-bottom: 10px;}
.newsDetail h2.title .date{font-size: 14px; display: block;}

.news.vip{margin: -30px auto 40px auto; max-width: 900px;}
.news.vip .card{padding: 40px; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .15); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .15); box-shadow: 0 10px 20px rgba(0, 0, 0, .15);}

@media (min-width: 576px) {
  .news.vip{margin: 0 auto 20px auto;}
}
@media (min-width: 768px) {
  .news.vip{margin: -40px auto 100px auto;}
}
@media (min-width: 992px) {
  .news.vip{margin: -40px auto 100px auto;}
}
@media (min-width: 1300px) {
  .news.vip{margin: -80px auto 150px auto;}
}


/* Vypadky Section
--------------------------------*/
.outages{}
.outages .card{padding: 0 !important; margin: 0 0 5px 0;}
.outages .card-title{font-size: 18px; font-weight: 700; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; padding: 0; margin: 0;}
.outages .card-body p{padding: 0; margin: 0;}

/* FAQ Section
--------------------------------*/
.faq .card{padding: 0; border: 0 none;}
.faq .card .card-header{padding: 0; margin: 0; border: 0 none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #e6f3fa;}
.faq .card .card-header h2{margin: 0; padding: 0; font-size: 28px;}
.faq .card .card-header h2 button{text-transform: uppercase;}
.faq .card .card-body {padding-top: 10px; padding-bottom: 0; text-align: left;}

.faq .accordion{margin-bottom: 35px;}
.faq .accordion button{width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: left; padding: 15px 45px 15px 15px; color: #0e567c; border-bottom: 1px solid #fff;}
.faq .accordion button.btn-link{white-space: normal;}
.faq .accordion button:hover, .faq .accordion button:focus{text-decoration: none; background-color: #cfe4f0;}
.faq .accordion button i{float: right; font-size: 28px; position: absolute; right: 20px; top: 7px;}
.faq .card:last-of-type button{border-bottom: 0;}

/* video begin */
.video-responsive {padding-bottom: 2em; position: relative;}
.video-responsive iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.embed-responsive{margin-bottom: 15px;}
/* video end */

/* contact begin */
.contact-companies{
  text-align: center;
}
.contact-companies ul{
  list-style: none;
  margin: 0 auto 45px auto;
  text-align: center;
}
.contact-companies ul li{
  display: inline-block;
  white-space: nowrap;
  padding: 8px 15px 8px 15px;
  background-color: #fff;
  margin: 0 15px 30px 15px;
  min-width: 250px;
  font-size: 16px;
  -webkit-box-shadow: 0 5px 15px #9c9ea0; -moz-box-shadow: 0 5px 15px #9c9ea0; box-shadow: 0 5px 15px -8px #9c9ea0;
}
.contact-companies ul li:before{
  content: "";
  display: none;
}
/* contact end */


/* footer begin */
.footer {background: #0e567c url("/pic/footer.jpg") no-repeat center top; background-size: cover; padding: 70px 0 20px; color: #fff;}
.footer .widget {margin-bottom: 50px; text-align: left;}
.footer h2 {color: #fff; font-size: 35px; font-weight: 400; text-transform: uppercase; margin: 0 0 25px; text-align: left;}
.footer a, .footer a:hover {color: #fff;}
.footer ul {padding: 0;}
.footer ul li {position: relative; padding: 0;}
.footer ul li:before {content: '\F12F'; font-family: "Material Design Icons"; font-size: 7px; top: 5px; left: 0; position: absolute; color: #fff;}
.footer ul li a {color: #fff; padding-left: 20px;}
.footer address {color: #fff; font-size: 16px;}
.footer address h3 {color: #fff; text-transform: uppercase; font-size: 28px; text-align: left;}
.footer address span {display: inline-block; white-space: nowrap !important;}
.footer address span:first-of-type {padding-right: 10px;}
.footer address strong {color: #fff;}
.footer .img-rounded {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.footerSocial {margin: 0; padding: 0;list-style: none;}
.footerSocial > li {display: inline-block; margin-right: 3px;}
.footerSocial > li > a {display: block; font-size: 18px; background-color: rgba(0, 0, 0, 0.15); width: 40px; text-align: center; line-height: 40px; color: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.footerSocial > li > a:hover {background-color: #d35627; color: #fff;}

@media (max-width: 767px) {
  .footer *{text-align: center !important;}
  .footer h2 {font-size: 32px;}
  .footer address h3 {font-size: 22px;}
  .footer ul {margin: 0; padding: 0;}
  .footer ul li:before {content: ''; display: none;}
  .footer ul li a{padding: 0; margin: 0;}
  .footer ul.footerMenu{padding: 0;}
  .footer ul.footerMenu li{list-style: none; display: inline-block;}
  .footer ul.footerMenu li a{padding: 10px 15px; display: block;}

  .footer .img-rounded {width: 200px; margin-bottom: 35px;}
}

.footer-companies{
  text-align: center;
}
.footer-companies ul{
  list-style: none;
  margin: 0 auto 45px auto;
  text-align: center;
}
.footer-companies ul li{
  display: inline-block;
  white-space: nowrap;
  padding: 8px 15px 8px 15px;
  background-color: #01355d;
  margin-bottom: 7px;
  min-width: 180px;
  font-size: 14px;
}
.footer-companies ul li:before{
  content: "";
  display: none;
}

.copyright {padding: 25px 0; color: #fff; font-size: 13px; text-align: right;}
.copyright a {color: #fff;}
.copyright a:hover {color: #fff; text-decoration: none;}
.copyright p {margin: 0;}
/* footer end */

/* scrolovani nahoru begin */
.scrollup{width: 50px; height: 50px; opacity: .3; position: fixed; bottom: 50px; right: 30px; display: none; text-align: center; font-size: 12px; background-color: #fff;}
.scrollup i{font-size: 22px; margin-bottom: 0; padding-bottom: 0; line-height: 100%; display: block;}

/* Modal */
.modal-content{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0 none; padding: 35px;}
.modal-content h2{color: #553b3b; padding-bottom: 0; text-align: left; font-size: 28px;}
.modal-content p{color: #553b3b;}
.modal-content .btn{cursor: pointer; position: relative; letter-spacing: 1px; text-transform: uppercase; background-color: transparent !important; color: #0e567c !important; border: 1px solid #fff !important; padding: 15px 65px 10px 25px; border-radius: 0;}
.modal-content .btn:before {content: '\F534'; font-family: "Material Design Icons"; font-size: 16px; line-height: 20px !important; position: absolute; right: 30px; transition: .3s; font-weight: 400;}
.modal-content .btn:focus, .modal-content .btn.focus, .modal-content .btn:hover, .modal-content .btn:active {background-color: transparent !important; color: #0e567c !important; border-color: #0e567c !important; outline: none !important; box-shadow: none !important;}

.modal-content .btn:hover:before {right: 25px;}
.modal-content .btn-primary:hover:before {right: 25px;}

.modal-content .btn-primary{background-color: #0e567c !important; color: #fff !important; border: 1px solid #0e567c !important; padding: 20px 75px 20px 35px !important;}
.modal-content .btn-primary:before {content: '\F534'; font-family: "Material Design Icons"; font-size: 16px; line-height: 15px !important; position: absolute; right: 30px; transition: .3s; font-weight: 400;}
.modal-content .btn-primary:focus, .modal-content .btn-primary.focus, .modal-content .btn-primary:hover, .modal-content .btn-primary:active {background-color: transparent !important; color: #0e567c !important; border-color: #0e567c !important; outline: none !important; box-shadow: none !important;}

.modal .modal-footer{border: 0 none;}
.modal .date{float: right; margin-left: 20px;}
.modal .files{margin-bottom: 30px;}

.modal-body form{margin-top: 30px;}

@media (max-width: 991px) {
  .modal-content{padding: 5px;}
}

/* Mereni rychlosti */
.st-block {text-align: center;}
.st-btn {margin-top: -0.5rem;margin-left: 1.5rem;}
.st-value>span:empty::before {content: "0.00"; color: #636c72;}
#st-ip:empty::before {content: "___.___.___.___";color: #636c72;}

.menuSearch{background-color: #fff; z-index: 999; right: 22px; -webkit-box-shadow: 0px 10px 10px 2px #434547; -moz-box-shadow: 0px 10px 10px 2px #434547; box-shadow: 0 10px 10px -8px #434547; overflow: hidden;}
.menuSearch input{width: 100%;}
span.livesearch > ul {background-color: #fff; margin: 0; padding: 15px 0 0 0; overflow-y: scroll; height: 300px; font-family: "Montserrat-Light", Helvetica, Arial, sans-serif; position: relative;}
span.livesearch > ul li{padding-left: 15px;}
span.livesearch > ul li:before{left: 15px;}
span.livesearch > ul li a{padding-left: 20px; font-size: 16px; display: block;}
span.livesearch .notFound li{font-size: 16px;}
span.livesearch .notFound li:before{display: none;}

/* Sledovani TV */
.snippet .btn-primary{font-size: 12px !important; padding: 15px !important;}
.snippet .btn-primary:before{content: ""; display: none !important;}

.TickerNews{width: 100%; background-color: #e6f3fa; color: #000; font-size: 22px; letter-spacing: 1px; height: 50px; line-height: 48px; border-bottom: 3px solid #ffdf00;}
.ti_wrapper{width: 100%; position: relative; overflow: hidden;}
.ti_slide{width: 30000px; position: relative; left: 0; top: 0;}
.ti_content{width: 8000px; position: relative; float:left;}
.ti_news{float:left;}
.ti_news i{margin: 0 18px 0 10px; font-size: 16px;}
.ti_news a{color: #000; text-decoration: none; font-size: 16px;}

@media (max-width: 990px) {
  .TickerNews{margin-top: 54px;}
}

/* Google captcha hidden */
.grecaptcha-badge { visibility: hidden; }

.registrationFormBlock{padding-top: 0;}
.registrationFormBlock .card{border-radius: 0; border: none; padding-top: 5px; padding-left: 5px; background-color: rgb(249 249 249); text-align: left;}
.registrationFormBlock .agree_terms .help-block{display: block; position: relative; padding: 5px 20px; font-size: 14px; font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; color: red;}

.recaptchaText {
  background-color: #f1f1f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 15px;
  max-width: 500px;
  line-height: 120%;
  font-size: 14px;
}