/*
Theme Name: Studio zdravé pleti (2014)
Theme URI: https://www.studiozdravepleti.cz
Author: Jakub Trcalek, STAMOProjekt
Author URI: https://trcalek.net/
Version: 1.01
*/

body {
   color: black;
   font-family: "Open Sans", sans-serif;
   font-size: 18px;
}

.container-fluid {
   padding: 0;
}
.relative {
   position: relative;
}
.css-transition,
.navbar li a,
input,
textarea,
.navbar,
.home-gallery .no-pd img {
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

#slogan .container div,
#slogan .container .promo,
#slogan .container span,
#slogan {
   -webkit-transition: all 800ms ease;
   -moz-transition: all 800ms ease;
   -ms-transition: all 800ms ease;
   -o-transition: all 800ms ease;
   transition: all 800ms ease;
}
/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
   color: #000;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
   color: #333;
   text-shadow: none; /* Prevent inheritence from `body` */
   background-color: #fff;
   border: 1px solid #fff;
}

.clear {
   clear: both;
   overflow: hidden;
}
/*
 * Base structure
 */

html,
body {
   height: 100%;
}

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

.no-mr {
   margin: 0;
}
.no-pd {
   padding: 0;
}
.mr-t50 {
   margin-top: 50px;
}

#skip-slider {
   width: 100%;
   height: 80px;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 999;
}
.id1-position {
   position: absolute;
   bottom: 140px;
}

.site-wrapper {
   display: table;
   width: 100%;
   height: 100%; /* For at least Firefox */
   min-height: 100%;
   -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
   box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
   background: url(images/bgw.jpg);
   background-position-x: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}
.site-wrapper-inner {
   display: table-cell;
   vertical-align: top;
}
.cover-container {
   margin-right: auto;
   margin-left: auto;
}

.header-short {
   min-height: 0;
   height: 320px;
}

/* Padding for spacing */
.inner {
}

.shadow {
   -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
.logo {
   display: inline-block;
   -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}

.home-gallery {
   margin-bottom: 20px;
   overflow: hidden;
}
.home-gallery .no-pd img {
   opacity: 1;
   border-right: 5px solid white;
   width: 100%;
}
.home-gallery .no-pd img:hover {
   opacity: 0.8;
}

.home-info {
   text-align: center;
   font-size: 18px;
   padding: 20px;
}
.telefon {
   font-family: Oswald;
   font-size: 40px;
}

#slogan {
   position: absolute;
   width: 100%;
   height: 80px;
   background: rgba(255, 255, 255, 0.12);
   font-family: Oswald;
   font-size: 40px;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   overflow: hidden;
   opacity: 0;
}
#slogan .container {
   padding-left: 10px;
   height: 80px;
   display: block;
}
#slogan .container div {
   background: url(images/slogan-gradient.png) repeat-y;
   background-size: 100%;
   width: 100%;
   height: 80px;
   display: inline-block;
   padding-left: 20px;
   border-bottom-left-radius: 10px; /*background-position-x: 1300px; */
   position: absolute;
   right: -2560px;
}
#slogan .container .promo {
   font-size: 40px;
   font-weight: 400;
   text-transform: uppercase;
   opacity: 0;
   padding: 12px 20px;
}
#slogan .container span {
   font-size: 36px;
   font-weight: 300;
   opacity: 0;
}

.informace p {
   margin-bottom: 20px;
}
.informace a{
color:#ac0365;
}

.navbar {
   display: inline-block;
   float: right;
   padding: 5px;
   background: rgba(255, 255, 255, 0.35);
   border-radius: 5px;
   min-height: 40px;
   margin-top: 50px;
   -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}
.navbar li {
   margin-right: 5px;
}
.navbar li:last-child {
   margin-right: 0px;
}
.navbar li a {
   padding: 10px;
   border-radius: 5px;
   text-transform: uppercase;
   font-family: Roboto Condensed;
   font-weight: 400;
   font-size: 20px;
   color: #000;
   letter-spacing: -1px;
}

.navbar li a.current {
   background: #000;
   color: #fff;
}

#navbar {
   padding: 0;
}

.navbar-toggle {
   position: relative;
   float: right;
   margin: 10px;
   padding: 10px 10px;
   background-color: rgba(255, 255, 255, 0);
   background-image: none;
   border: 2px solid rgb(0, 0, 0);
   border-radius: 0;
}
.navbar-toggle .icon-bar {
   background: #000;
}
.panel-group .panel + .panel {
   margin-top: 0px;
}

.panel-heading {
   padding: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
   border-top: none;
   padding: 0;
}
.panel-body {
   letter-spacing: -0.4px;
   font-weight: 400;
   color: #202020;
   font-size: 18px;
   text-align: justify;
   padding-bottom: 15px !important;
}
.panel-body ul {
   list-style-position: inside;
   padding: 15px;
   list-style-image: url(images/list-style-img.png);
}
.panel-body p {
   padding: 0px 15px 0px 15px;
}
.panel-body li {
   margin-bottom: 16px;
}
.panel {
   border-bottom: 5px solid #ededed;
}
.panel h2 {
   font-family: Oswald;
   font-weight: 300;
   color: #000;
   font-size: 30px;
   line-height: 30px;
   padding: 25px 15px;
   margin: 0;
   display: inline-block;
}

.panel-body h2,
.panel-body h3,
.panel-body h4,
.panel-body h5,
.panel-body h6 {
   padding: 25px 15px;
   margin: 0;
}
.panel-body a {
   color: #a70463;
   font-weight: 600;
}
.collapse-toggle i {
   margin: 25px 15px 0 0;
}
.collapse-toggle.collapsed i.plus {
   background: url(images/plus.png);
   width: 29px;
   height: 29px;
   float: right;
}

.collapse-toggle i.plus {
   background: url(images/minus.png);
   width: 29px;
   height: 29px;
   float: right;
}

.color-bar {
   width: 100%;
   background: #740647; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0MDY0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOTAyNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(left, #740647 0%, #c90275 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #740647), color-stop(100%, #c90275)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(left, #740647 0%, #c90275 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(left, #740647 0%, #c90275 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(left, #740647 0%, #c90275 100%); /* IE10+ */
   background: linear-gradient(to right, #740647 0%, #c90275 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#740647', endColorstr='#c90275',GradientType=1 ); /* IE6-8 */
}

.float-r {
   float: right;
}
.h05-left {
   height: 5px;
   width: 98%;
   margin-left: 2%;
   margin-top: -5px;
}
.h05-right {
   height: 5px;
   width: 98%;
   margin-right: 2%;
   margin-top: -5px;
}
.h10 {
   height: 10px;
   margin-top: -10px;
}
.ml-10 {
   margin-left: -10px;
}
.m-none {
   margin: 0;
}
.grad1 {
   background: #82054f;
}
.grad2 {
   background: #ac0365;
}
.grad3 {
   background: #740647;
}
.grad4 {
   background: #c90275;
}
.bg-white-transparent {
   background: rgba(255, 255, 255, 0.6);
}
.home-push {
   margin: -80px 0 10px 0;
}

.bg-gray {
   background: #f6f6f6;
}
.bg-gray-radius {
   background: #f6f6f6;
   border-top-left-radius: 10px;
}

.block-title-left {
   width: 100%;
   font-family: Oswald;
   font-weight: 300;
   font-size: 30px;
   line-height: 70px;
   text-transform: uppercase;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.block-title-left span {
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   color: #fff;
   font-size: 30px;
   font-family: Oswald;
   font-weight: 400;
   border-top-left-radius: 10px;
   padding: 0 25px;
   margin-right: 20px;
}

.block-title-right {
   width: 100%;
   font-family: Oswald;
   font-weight: 300;
   font-size: 30px;
   line-height: 70px;
   text-transform: uppercase;
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   float: right;
}
.block-title-right span {
   display: inline-block;
   width: 70px;
   height: 70px;
   line-height: 70px;
   color: #fff;
   font-size: 30px;
   font-family: Oswald;
   font-weight: 400;
   border-top-right-radius: 10px;
   padding: 0 25px;
   margin-left: 20px;
   float: right;
}

.title-separe {
   border-bottom: 5px solid white;
}

.btr-none {
   border-top-right-radius: 0px;
}

span.i-fix {
   padding: 0 30px;
}

.round-left-bottom {
   border-bottom-left-radius: 10px;
}
.round-right-bottom {
   border-bottom-right-radius: 10px;
}

.sidebar-item {
   margin-bottom: 30px;
}

.envelope-l {
   display: table;
   width: auto;
   padding-right: 20px;
}
.envelope-r {
   display: table;
   width: auto;
   padding-left: 20px;
}

.mapa {
   filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}

#map {
   display: block;
   width: 100%;
   height: 350px;
   margin: 0 auto;
   margin-bottom: 40px;
}
#map iframe{max-width: 100%;}

footer {
   background: url(images/footer-bg.jpg);
   background-position: center top;
   height: 222px;
   width: 100%;
   margin-top: 80px;
   padding-top: 40px;
}

.footer-logo {
   margin-top: 14px;
}
.footer-logo a img {
   float: right;
}

.f-title {
   font-family: Oswald;
   font-weight: 300;
   font-size: 26px;
   color: #000;
   text-transform: uppercase;
   margin-bottom: 20px;
   padding-bottom: 10px;
}

.f-border {
   border-left: 2px solid #000;
   padding-left: 20px;
}

.title-gap {
   margin: 60px 0 40px 0;
   overflow: hidden;
}

.f-ico {
   background: url(images/contact-ico.png) no-repeat;
   padding-left: 30px;
   line-height: 24px;
   height: 24px;
   font-size: 20px;
   font-family: Roboto Condensed;
   font-weight: 300;
   margin: 0 0 5px 0px;
}
.call-ico {
   background-position: 0 3px;
}
.mail-ico {
   background-position: 0 -25px;
}
.loc-ico {
   background-position: 0 -53px;
}
.user-ico {
   background-position: 0 -84px;
}
.madeby {
   margin-top: 30px;
}

/* page */

.page-content {
}
.page-content {
   letter-spacing: -0.4px;
   font-weight: 400;
   color: #202020;
   font-size: 18px;
}

.page-content ul {
   list-style-position: inside;
   padding: 0px;
   list-style-image: url(images/list-style-img.png);
}
.page-content li {
   margin-bottom: 10px;
}

.page-content b,
.page-content strong {
   font-weight: 600;
}
.page-content h1 strong,
.page-content h2 strong,
.page-content h3 strong,
.page-content h4 strong,
.page-content h5 strong {
   font-weight: 400 !important;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5 {
   font-family: Oswald;
   font-weight: 300;
   color: #000;
   padding: 0;
   margin: 0;
   display: block;
   clear: both;
   margin-bottom: 20px;
   padding-top: 20px;
}

.page-content h2 {
   font-size: 32px;
   line-height: 34px;
}
.page-content h3 {
   font-size: 26px;
   line-height: 28px;
}

/* Social header */

/*.social{ float:right; list-style:none; width:220px; height:55px; margin:0; padding:0; margin-top:128px;}
.social li { display:inline; float:left; background-repeat:no-repeat; background-image:url(images/social.png); }
.social li a { display:block; width:54px; height:55px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-16px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
li.facebook {  background-position: 0px 0px;}
li.twitter {    background-position: -54px 0px;}
li.gplus {background-position: -108px 0px;}
li.youtube {  background-position: -161px 0px;}

#css3:hover li { opacity:0.2; }
#css3 li{ -webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms; }


#css3 li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }
#css3 li:hover{ opacity:1; }
#css3 li:hover a strong{ opacity:1; top:-10px; }*/

#fbcomments,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
   width: 100% !important;
}

.fbFeedbackContent {
   min-height: 110px !important;
}

/*WP*/

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
   max-width: 100%; /* When images are too wide for containing element, force them to fit. */
   height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
   display: inline;
   float: left;
   margin-right: 20px;
   margin-top: 5px;
}

.alignright,
img.alignright {
   display: inline;
   float: right;
   margin-left: 20px;
   margin-top: 5px;
}

.aligncenter,
img.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
   margin-bottom: 5px;
}

.wp-caption {
   background: #f1f1f1;
   line-height: 18px;
   margin-bottom: 20px;
   max-width: 632px !important; /* prevent too-wide images from breaking layout */
   padding: 4px;
   text-align: center;
}

.wp-caption img {
   margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
   color: #888;
   font-size: 12px;
   margin: 5px;
}

.wp-smiley {
   margin: 0;
}

.gallery {
   margin: 0 auto 18px;
}

.gallery .gallery-item {
   float: left;
   margin-top: 0;
   text-align: center;
   width: 33%;
}

.gallery-columns-2 .gallery-item {
   width: 50%;
}

.gallery-columns-4 .gallery-item {
   width: 25%;
}

.gallery img {
   border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
   max-width: 92%;
   height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
   max-width: 84%;
   height: auto;
}

.gallery .gallery-caption {
   color: #888;
   font-size: 12px;
   margin: 0 0 12px;
}

.gallery dl {
   margin: 0;
}

.gallery img {
   border: 10px solid #f1f1f1;
}

.gallery br + br {
   display: none;
}

#content .attachment img {
   /* single attachment images should be centered */
   display: block;
   margin: 0 auto;
}

/* WP END */

/* Kontakt */

.contact-details .col-sm-4 {
}

.c-dec {
   font-size: 22px;
   font-weight: 600;
}

div.wpcf7-response-output {
   margin: 2em 0.5em 1em;
   padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
   border: 2px solid #398f14;
   float: none;
}

div.wpcf7-mail-sent-ng {
   border: 2px solid red;
}

div.wpcf7-spam-blocked {
   border: 2px solid orange;
}

div.wpcf7-validation-errors {
   border: 2px solid #f7e700;
   float: none;
}

span.wpcf7-not-valid-tip {
   color: red;
   font-size: 16px;
   display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
   position: absolute;
   top: 20%;
   left: 20%;
   z-index: 100;
   border: 1px solid red;
   background: #fff;
   padding: 0.2em 0.8em;
}

span.wpcf7-list-item {
   margin-left: 0.5em;
}

.wpcf7-display-none {
   display: none;
}

div.wpcf7 img.ajax-loader {
   border: 0;
   vertical-align: middle;
   margin-left: 4px;
}

div.wpcf7 div.ajax-error {
   display: none;
}

div.wpcf7 .placeheld {
   color: #888;
}

.wpcf7-submit {
}

div.wpcf7 {
   margin: 0;
   padding: 0;
   overflow: hidden;
   clear: both;
}

.cf-submit {
   margin-top: 34px;
}
.cf-submit input {
   height: 50px;
   width: 100%;
}

.cf-field {
   font-size: 16px;
   font-weight: 300;
   line-height: 34px;
   color: #000;
}

.cf-msg {
   font-size: 16px;
   font-weight: 300;
   line-height: 34px;
}

span.wpcf7-form-control-wrap {
   position: relative;
}

.wpcf7-text {
   border: 1px solid #a5a5a5;
   height: 50px;
   width: 100%;
   padding: 0 10px;
   background: #fdfdfd;
   line-height: normal;
   letter-spacing: -1px;
   font-size: 18px;
}

.wpcf7-textarea {
   border: 1px solid #a5a5a5;
   width: 100%;
   padding: 10px;
   font-size: 18px;
   background: #fdfdfd;
   height: 134px;
   max-width: 100%;
}

.wpcf7-validation-errors {
   border: none !important;
   color: red;
   margin: 0 !important;
   padding: 0 !important;
   font-weight: 300;
}

.wpcf7-mail-sent-ok {
   border: none !important;
   color: #54055a;
   margin: 20px 0 0 0 !important;
   padding: 0 !important;
   font-weight: 400;
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
   -moz-box-shadow: #a30460 0 0 8px;
   -webkit-box-shadow: #a30460 0 0 8px;
   box-shadow: #a30460 0 0 8px;
   border-color: #a30460;
   outline: 0;
   z-index: 1;
   border-radius: 4px;
}

.wpcf7-response-output {
   float: left;
   font-size: 16px;
   margin-top: 10px !important;
}

.invalid .wpcf7-textarea {
   height: 168px;
}

/* END CF7 */

.google-maps {
   position: relative;
   padding-bottom: 75%;
   height: 0;
   overflow: hidden;
}

.google-maps iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
}

.ngg-album-link img:hover {
   background: #2c2c2c;
   border: 1px solid black;
}

.separator {
   background: #ccc;
   height: 1px;
   width: 100%;
   float: left;
   clear: both;
}

.paginate {
   clear: both;
   margin-top: 24px;
   height: 40px;
   float: left;
}

.ngg-gallery-thumbnail img {
   width: 180px;
   height: 180px;
}

.paginate a {
   background: #f0f0f0;
   padding: 3px 8px;
   margin: 1px;
   color: #2c2c2c;
   border-right: 1px solid #e4e4e4;
}

.carousel,
.item,
.carousel-caption {
   position: relative;
   background: #fff !important;
}

.carousel-caption {
   left: 0 !important;
   right: 0 !important;
   bottom: 0;
   padding: 0;
   text-shadow: none;
}

.carousel-indicators {
   position: absolute;
   bottom: -44px;
   left: 50%;
   z-index: 15;
   list-style: none;
   text-align: center;
   width: 84px;
   height: 30px;
   padding: 5px 0;
   margin-left: -42px;
}

.carousel-indicators li {
   display: inline-block;
   width: 20px;
   height: 20px;
   text-indent: -999px;
   cursor: pointer;
   background-image: url("images/dots.png");
   background-repeat: no-repeat;
   background-position: 0 -20px;
   border-radius: 0;
   border: none;
   margin: 0 5px 0 0;
}

.carousel-indicators .active {
   margin: 0 5px 0 0;
   width: 20px;
   height: 20px;
   background-position: 0 0;
   background-color: #fff;
}

.carousel-caption img {
   width: 90%;
}

#totop {
   width: 30px;
   height: 30px;
   background: url(images/totop.png) no-repeat center center;
   opacity: 1;
   color: #fff;
   cursor: pointer;
   position: fixed;
   bottom: 15px;
   right: 15px;
   display: none;
   z-index: 9999;
   border-radius: 20px;
   border: 3px solid #c90275;
}

.juchova {
   line-height: 24px;
   height: 24px;
   font-size: 20px;
   font-family: Roboto Condensed;
   font-weight: 300;
   margin-top: 0;
   margin-bottom: 10px;
}

/* media fixy*/

@media only screen and (max-width: 399px) {
   #slogan {
      display: none;
   }
}

@media only screen and (max-width: 499px) {
   .logo img {
      width: 100px;
   }
   .panel-body img {
      width: 100%;
      height: auto;
      margin: 10px 0;
   }
}

@media only screen and (min-width: 500px) and (max-width: 600px) {
}

@media only screen and (max-width: 767px) {
   h3,
   .h3 {
      font-weight: 600;
      font-size: 22px;
   }
   .navbar {
      margin: 20px 10px 0 0;
   }
   .navbar-nav {
      margin: 10px;
   }
   .navbar-nav li {
      margin: 5px 0;
   }

   .panel h2 {
      width: 84%;
   }
   .panel-body {
      text-align: left;
   }

   .block-title-left,
   .block-title-right {
      font-size: 22px;
      line-height: 58px;
   }
   .block-title-left span {
      margin-right: 10px;
      line-height: 60px;
      font-size: 22px;
      padding-left: 26px;
      width: 60px;
      height: 60px;
   }
   .block-title-right span {
      margin-left: 10px;
      line-height: 60px;
      font-size: 22px;
      padding-left: 22px;
      width: 60px;
      height: 60px;
   }
   .envelope-r {
      padding-left: 10px;
   }

   .home-push {
      margin-top: -70px;
   }

   .mobile-title {
      margin: -60px 0 25px 0;
   }
   .mobile-title span {
      border-bottom-left-radius: 0px;
   }

   .mr-t50 {
      margin-top: 25px;
   }

   .h05-left {
      width: 96%;
      margin-left: 3%;
      margin-top: -5px;
   }
   .h05-right {
      width: 96%;
      margin-right: 3%;
      margin-top: -5px;
   }

   .push-mobile {
      margin: 0;
      background: #f6f6f6;
      -webkit-box-shadow: none;
      box-shadow: none;
   }

   footer {
      background: #a4a8a9;
      height: auto;
      padding-bottom: 20px;
      -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4);
      box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4);
   }
   .f-title {
      margin-bottom: 5px;
      font-size: 22px;
      font-weight: 400;
      color: #343434;
   }
   .f-border {
      border: none;
      padding-left: 10px;
   }
   #ostrava {
      display: none;
   }
   .madeby {
      margin-top: 0;
   }
   footer .row {
      margin-bottom: 20px;
   }
   footer .row-no {
      margin-bottom: 0;
   }

   .mapa iframe {
      width: 100% !important;
      height: 400px;
   }

   .home-gallery .no-pd img {
      width: 100%;
   }

   .panel-title h2 {
      font-size: 26px;
   }

   .title-separe-mobile {
      border-bottom: 5px solid white;
   }

   #slogan .container .promo {
      font-size: 36px;
   }
   #slogan,
   #slogan .container,
   #slogan .container div {
      height: 126px;
   }
   .navbar {
      background: rgba(255, 255, 255, 0.9);
      z-index: 9999;
   }

   #totop {
      right: 26px;
   }
   .home-gallery .no-pd img {
      border-bottom: 5px solid white;
   }
   .page-content img {
      width: 100%;
   }
}

@media only screen and (max-height: 399px) {
   .logo img {
      width: 120px;
   }
   #slogan {
      display: none;
   }
}


.home-content{padding: 20px 0;}
.home-content .iframe {
   padding-top: 65.25%;
   position: relative;
   margin-bottom: 20px;
}

.home-content .iframe  iframe[src*="youtube.com"]{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}
iframe {
   max-width: 100%;
}


@media only screen and (max-width: 370px) {
   #slogan .container .promo {
      font-size: 30px;
      line-height: 40px;
   }
   #slogan,
   #slogan .container,
   #slogan .container div {
      height: 112px;
   }
}

@media only screen and (min-width: 694px) and (max-width: 990px) {
   #slogan .container .promo {
      font-size: 34px;
      padding: 16px 0px;
   }
   #slogan,
   #slogan .container,
   #slogan .container div {
      height: 80px;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
   .push-mobile {
      margin: 0;
      background: #f6f6f6;
      -webkit-box-shadow: none;
      box-shadow: none;
   }

   .mapa iframe {
      width: 100% !important;
      height: 400px;
   }

   footer {
      background: #a4a8a9;
      height: auto;
      padding-bottom: 30px;
      -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4);
      box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.4);
   }
   .f-title {
      margin-bottom: 5px;
      font-weight: 300;
   }
   .f-border {
      border: none;
      padding-left: 10px;
   }
   #ostrava {
      margin-bottom: 10px;
   }

   .title-separe-mobile {
      border-bottom: 5px solid white;
   }
   .home-gallery .no-pd img {
      border-bottom: 5px solid white;
   }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .mapa iframe {
      width: 100% !important;
      height: 293px;
   }
}

.page-numbers,
.next,
.prev {
   border: none !important;
   color: black !important;
}

.page-numbers:hover,
.next:hover,
.prev:hover {
   background: #ffc700 !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1498px) {
   .header-short {
      background-position-y: -70px;
   }
}

@media only screen and (min-width: 1499px) and (max-width: 2558px) {
   .header-short {
      background-position-y: -150px;
   }
}

@media only screen and (min-width: 2559px) {
   .header-short {
      background-position-y: -270px;
   }
   footer {
      background-size: cover;
   }
}

#slb_viewer_wrap .slb_theme_slb_baseline * {
   font-family: Open Sans;
   font-size: 20px;
}