/*--------------------------------------------
  DEFAULT VALUES:
  
  {https://fonts.google.com/}
  Font family:    Robo Condensed (all)

  {http://www.color-blindness.com/color-name-hue}
  Colors:         Bordeaux                #a41e22       (buttons, icons, links, lines & backgrounds)
                  Pink                    #D25F62       (Headings)
                  Blue Bayoux             #64707b       (Paragraphs)
                  White:                  #ffffff       (Text with black background)
                  Black:                  #000000

----------------------------------------------*/

/*  General CSS   */

html {
  height: 100%;
}

body {
  height: 100%;
  font-family: "Encode Sans Condensed", sans-serif;
}

h3 {
  color: #41464b;
  text-transform: uppercase;
}

p {
  color: #64707b;
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
  margin-bottom: 0;
}

p.paragraph {
  width: 100%;
  text-align: justify;
  margin-bottom: 15px;
}

.cb {
  clear: both;
  width: 100%;
  height: 0.1px;
  font-size: 0.1px;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #D25F62;
  text-decoration: none;
}

a.dark {
  color: #000000 !important;
}

a.grey {
  color: #303030 !important;
}

a.grey:hover {
  color: #D25F62 !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
    background: #123234;
    width: 100%;
    height: 10px;
}

/*  Buttons  */

.btn-general {
  border-width: 2px;
  border-radius: 0;
  padding: 12px 26px 12px 26px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.btn-white {
  border-color: #ffffff;
  color: #ffffff;
}

.btn-white:hover,
.btn-white:focus {
  color: #41464b;
  background-color: #ffffff;
}

.btn-greenish {
  border-color: #a41e22;
  color: #a41e22;
}

.btn-greenish:hover,
.btn-greenish:focus {
  color: #ffffff;
  background-color: #a41e22;
}

.btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 22px;
  padding: 3px 15px;
  border-radius: 0;
  display: none;
}

/*   Parallax effect    */

.bg-parallax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


/*    Animations     */

.an-delay-01 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.an-delay-05 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.an-delay-1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.an-duration-05 {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

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

#home {
  height: 100%;
}

#home-cover {
  height: 100%;
  background-image: url("../imgs/home/home-01.jpg");
  overflow: hidden !important;
}

.flexslider {
  overflow: hidden !important;
}

.flexslider .slides{
  height: 100%;
}

.flexslider .slides li {
  text-align: center;
  height: 100%;
}

.slideLandscape {
  width: 100% !important;
  height: auto !important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slidePortrait {
  height: 100% !important;
  width: auto !important;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

#home-cover2 {
  height: 100%;
  border:0;
  margin:0;
  padding:0;
}

#home-content-box {
  width: 100%;
  height: 100%;
  display: table;
  position: absolute;
  top:0;
  z-index: 2;
}

#home-content-box-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

#home-heading h3 {
  color: #ffffff;
  font-size: 55px;
  font-weight: 400;
  margin: 20px 0 60px 0;
  text-transform: none;
}

#home-heading-lans {
  position: absolute;
  bottom:0;
  right:60px;
}

.home-languages {
  display: inline-block;
  margin: 10px;
  width: 36px;
  cursor: help;
}

.home-languages img{
  width: 100%;
}

#home-banner {
  margin-top: 50px;
}

#home-banner a {
  -webkit-animation: bannerBlink 1s 10; /* Chrome, Safari, Opera */
  animation: bannerBlink 1s 10;
  
  border: 3px solid #ffffff;
  color: #ffffff;
}

#home-banner a:hover {
  background-color: #ffffff;
  border: 3px solid #a41e22;
  color: #a41e22;
}


@keyframes bannerBlink {
  0%, 49% {
    background-color: #ffffff;
    border: 3px solid #a41e22;
    color: #a41e22;
  }
  50%, 100% {
    background-color: #a41e22;
    border: 3px solid #ffffff;
    color: #ffffff;
  }
}

/* Standard syntax */
@keyframes zoomIn {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.3,1.3);
   }
}


/* Standard syntax */
@keyframes zoomIn {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.3,1.3);
   }
}

@-webkit-keyframes zoomIn {
    from {
    	-webkit-transform: scale(1,1);
    }
    to {
    	-webkit-transform: scale(1.3,1.3);
    }
}

@-webkit-keyframes zoomOut {
    from {
    	-webkit-transform: scale(1.3,1.3);
    }
    to {
    	-webkit-transform: scale(1,1);
    }
}

/* Standard syntax */
@keyframes zoomOut {
   from {
        transform: scale(1.3,1.3);
   }
   to {
        transform: scale(1,1);
   }
}

@-webkit-keyframes zoomInRight {
    from {
    	-webkit-transform: scale(1,1) translateX(0);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(10%) translateY(-10%);
    }
}

/* Standard syntax */
@keyframes zoomInRight {
   from {
        transform: scale(1,1) translateX(0);
   }
   to {
        transform: scale(1.3,1.3) translateX(10%) translateY(-10%);
   }
}

@-webkit-keyframes zoomInLeft {
    from {
    	-webkit-transform: scale(1,1) translateX(0);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(-10%) translateY(-40%);
    }
}

/* Standard syntax */
@keyframes zoomInLeft {
   from {
        transform: scale(1,1) translateX(0);
   }
   to {
        transform: scale(1.3,1.3) translateX(-10%) translateY(-10%);
   }
}

@-webkit-keyframes zoomInLeft2 {
    from {
    	-webkit-transform: scale(1,1) translateX(0) translateY(-10%);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(-10%) translateY(-20%);
    }
}

/* Standard syntax */
@keyframes zoomInLeft2 {
   from {
        transform: scale(1,1) translateX(0) translateY(-10%);
   }
   to {
        transform: scale(1.3,1.3) translateX(-10%) translateY(-20%);
   }
}

@-webkit-keyframes zoomInRight2 {
    from {
    	-webkit-transform: scale(1,1) translateX(0) translateY(-10%);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(10%) translateY(-20%);
    }
}

/* Standard syntax */
@keyframes zoomInRight2 {
   from {
        transform: scale(1,1) translateX(0) translateY(-10%);
   }
   to {
        transform: scale(1.3,1.3) translateX(10%) translateY(-20%);
   }
}

.zoomedIn {
  transform: scale(1.3,1.3);
}

.zoomInSlide {
  -webkit-animation: zoomIn 5s; /* Chrome, Safari, Opera */
  animation: zoomIn 5s;
}
.zoomOutSlide {
  -webkit-animation: zoomOut 5s; /* Chrome, Safari, Opera */
  animation: zoomOut 5s;
}

.zoomInRightSlide {
  -webkit-animation: zoomInRight 5s; /* Chrome, Safari, Opera */
  animation: zoomInRight 5s;
}
.zoomInLeftSlide {
  -webkit-animation: zoomInLeft 5s; /* Chrome, Safari, Opera */
  animation: zoomInLeft 5s;
}
.zoomInRightSlide .slideLandscape {
  -webkit-animation: zoomInRight2 5s; /* Chrome, Safari, Opera */
  animation: zoomInRight2 5s;
}
.zoomInLeftSlide .slideLandscape {
  -webkit-animation: zoomInLeft2 5s; /* Chrome, Safari, Opera */
  animation: zoomInLeft2 5s;
}

/*--------------------------------------------
              Generic section
----------------------------------------------*/

.content-box {
  padding: 60px 0 60px 0;
}

.content-title h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px 0;
}

.content-title-underline {
  width: 30px;
  height: 3px;
  background-color: #a41e22;
  margin: 0 auto 30px auto;
}

.row.no-gutters [class*=col-] {
  padding: 0;
}

.goodwill {
  width: 100%;
  margin-top: 20px;
  color:#808080;
  font-style: italic;
  text-align: justify;
  font-size: 12px;
}


/*--------------------------------------------
              Actual section
----------------------------------------------*/

#aktualni { 
  padding-top: 60px; 
  margin-top: -60px;
}

#aktualni .content-box{
  padding-top: 15px;
  padding-bottom: 0;
}

.actual-item {
  position: relative;
  background-color: #ffffff;
  margin: 15px 1%;
  width: 98%;
  min-height: 400px;

  border: 1px solid #c0c0c0;
  cursor: pointer;
}

.actual-item:hover {
  background-color: #a41e22;
  color: #ffffff;
}

.actual-item-image {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.actual-item-image img {
  width: 100%;
 -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.actual-item:hover .actual-item-image img{
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}


.actual-item-title {
  width: 100%;
  margin: 0;
  padding: 10px 1%;
  font-size: 20px;
  text-align: center;
  height: 100px;
  overflow-y: hidden;
}

.actual-item-title a{
  color: #000000;
  text-decoration: none;
}

.actual-item:hover .actual-item-title a{
  color: #ffffff;
}

.actual-item-price {
  width: 100%;
  margin: 0;
  padding: 50px 15px 5px 15px;
  font-size: 20px;
  text-align: right;
  font-weight: bold;
  bottom: 0;
  position: absolute;
  background: linear-gradient(0deg, white, transparent);
}

.actual-item:hover .actual-item-price{
  background: linear-gradient(0deg, #a41e22, transparent);
  color: #ffffff;
}

/*--------------------------------------------
              Sluzby section
----------------------------------------------*/

#sluzby {
  padding-top: 60px; 
  margin-top: -60px;
}

#sluzby .content-box{
  padding-bottom: 0;
}

.service-item {
  padding: 20px 0 20px 0;
  margin: 0 0 20px 0;
  cursor: pointer;
}

.service-item-icon i {
  float: left;
  padding: 15px 0 15px 0;
  margin: 0 25px 0 0;
  text-align: center;
  width: 75px;
  height: 75px;
  color: #a41e22;
}

.service-item:hover .service-item-icon i {
  color: #ffffff;
  background-color: #a41e22;
}

.service-item-title h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px 0;
}

.service-item-descr p {
  margin: 0;
  padding: 0 0 0 100px;
}

#prodat_form select {
  width: 100%;
  padding: 10px;
  margin:5px 0 15px 0;
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC");
   background-position: 98% center;
   background-repeat: no-repeat;
   border-radius: 0;
}

#prodat_form select option{  
   padding: 10px;
}

#prodat_form input {
  width: 100%;
  padding: 10px;
  margin:5px 0 15px 0;
  border-radius: 0;
}

#prodat_form textarea {
  width: 100%;
  padding: 10px;
  margin:5px 0 15px 0;
  border-radius: 0;
}

.buy_form select {
  width: 100%;
  padding: 10px;
  margin:5px 0 15px 0;
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC");
   background-position: 98% center;
   background-repeat: no-repeat;
   border-radius: 0;
}

.buy_form select option{  
   padding: 10px;
}

.buy_form input {
  width: 100%;
  padding: 10px;
  margin:5px 0 15px 0;
  border-radius: 0;
}

.buy_form textarea {
  width: 100%;
  padding: 10px;
  margin:5px 0 15px 0;
  border-radius: 0;
}

.poptavka {
  margin-top: 20px;
}


/*--------------------------------------------
              Odmena section
----------------------------------------------*/

#odmena {
  padding-top: 60px; 
  margin-top: -60px;
}

#odmena .content-box {
  padding-bottom: 15px;
}


#about-bg-diagonal {
  width: 60%;
  height: 500px;
  float: right;
  background-image: url("../imgs/odmena-bg.jpg");
  /*     diagonal hack ---*/
  border-left: 200px solid white;
  border-top: 500px solid transparent;
}

#about-content-box {
  float: left;
  height: 500px;
}

#about-content-box-outer {
  width: 100%;
  height: 100%;
  display: table;
}

#about-content-box-inner {
  display: table-cell;
  vertical-align: middle;
}

#novinky .content-title h3 {
  text-align: left;
}

#novinky .content-title-underline {
  margin-left: 0;
}

#about-descr p {
  margin-bottom: 30px;
}

.about-cb {
  display: none;
}

/*--------------------------------------------
              Footer
----------------------------------------------*/

footer {
  background-color: #41464b;
  margin-top: 30px;
}

#kontakt {
  padding-top: 30px;
}

#contact-left {
  color: #ffffff;
}

#contact-left h3 {
  color: #ffffff;
  font-size: 27px;
  font-weight: 700;
}

#contact-left p {
  color: #ffffff;
  margin-bottom: 30px;
}

#contact-left strong {
  letter-spacing: 1px;
}

#contact-info {
  margin-bottom: 30px;
}

#contact-info span {
  font-weight: 300;
}

#contact-right h3 {
  color: #ffffff;
  font-size: 27px;
  font-weight: 700;
}

#map-wrapper {
  position: relative;
  width: 100%;
  height:280px;
  margin-bottom: 30px;
}

#map-wrapper iframe{
  position: relative;
  border: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

.map-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 280px;
  z-index: 2;
}

/*--------------------------------------------
              Main cont
----------------------------------------------*/
section.main_cont {
  min-height: 100%;
  padding-top: 100px;
}

section.main_cont2 {
  padding-top: 30px !important;
}

.no_padd {
  padding: 0 !important;
}

section.main_cont h1{
  display: block;
  width: 100%;
  font-size: 26px;
  text-transform: uppercase;
}

section.main_cont h2{
  display: block;
  width: 100%;
  font-size: 20px;
  text-transform: uppercase;
}

section.main_cont h3{
  display: block;
  width: 100%;
  font-size: 18px;
  text-transform: none;
}

.top_gal {
  padding:0 0 30px 0 !important;
  margin:0 !important;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  width:100%;
}

.swiper-pagination {
  text-shadow: 3px 3px 3px #303030;
}

.subimages {
  margin-top: 30px;
}

.subimages a{
  width: 100%;
  display: block;
  margin:0;
  padding:0;
  margin-bottom: 30px;
}

.subimages img{
  max-width: 100%;
  min-width: 100%;
  margin:0;
  padding:0;
}

.subimages a.hidden {
  display:none;
}

.subimages2 {

}

.subimages2 a{
  width: 100%;
  display: block;
  margin:0;
  padding:0;
  margin-bottom: 30px;
}

.subimages2 img{
  max-width: 100%;
  min-width: 100%;
  margin:0;
  padding:0;
}

.subimages2 a.hidden {
  display:none;
}

a.more {
  display: block;
  text-align: center;
  padding-top: 20%;
  margin-bottom: 0;
  color: #ffffff;
  text-shadow: 3px 3px 3px #000000;
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  height: 85%;
  background-size: cover;
  background-repeat: no-repeat;
}

table.params {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 2px;
  border-collapse: separate;
}

table.params th{
  width: 49.5%;
  padding: 10px;
  background-color: #e0e0e0;
  text-align: left;
  vertical-align: middle;
}

table.params td{
  width: 49.5%;
  padding: 10px;
  background-color: #e0e0e0;
  text-align: left;
  vertical-align: middle;
}

.googlemap {
  position: relative;
  padding-bottom: 75%; /* 4:3 ratio*/
  height: 0;
  overflow: hidden;
}

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

.nem_map {
  border:0;
  width: 100%;
  height: 20%;
  min-height: 300px;
}

.list_item {
  margin-bottom: 20px !important;
  cursor: pointer;
  position: relative;
}

.list_thump img {
  width:100%;
}

.list_desc {
  max-height: 165px;
  overflow: hidden;
}

.list_desc:before {
  content:'';
  width:100%;
  height:100%;    
  position:absolute;
  left:0;
  top:0;
  background:linear-gradient(transparent 150px, white);
}

.list_price {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 30px;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
}

.list_price2 {
  height: 30px;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
}


/*--------------------------------------------
              Search form
----------------------------------------------*/

.search_form {
  width: 100%;
  margin: 20px 0;
  padding: 0;
}

.hidden {
  display: none;
}

.search_toggle {
  width: 100%;
}

.form_row {
  width: 100%;
  border-top: 1px solid #c0c0c0;
  padding-top: 20px;
  margin-top: 20px;
}

.form_wrapper {
  width: 100%;
}

.form_row label {
  width: 100%;
}

.form_row strong {
  display: inline-block;
  padding-top: 5px;
}

.form_row input[type='radio']{
  margin: 0 10px 0 0;
}

.form_row input[type='checkbox']{
  margin: 0 10px 0 0;
}

.choose-btn {
  border: 1px solid #a41e22;
  color: #a41e22;
  width: 140px;
  margin: 10px 15px 5px 15px;
  text-align: center;
  display: inline-block;
}

.search-btn {
  margin: 0;
  width: 100%;
}

.choose-btn:hover,
.choose-btn:focus,
.choose-btn.active {
  color: #ffffff;
  background-color: #a41e22;
}

.form_choice {
  padding-top:5px;
}




.top_image {
  padding-left:0 !important;
  padding-right:0 !important;
}

.top_image img{
  width: 100%;
}

/*--------------------------------------------
              Footer-bottom
----------------------------------------------*/

#footer-bottom {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 30px 0;
  margin-top: 0;
}

#footer-copyright p {
  margin: 0;
  color: #ffffff;
}

#footer-menu {
  float: left;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
}

#footer-menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#footer-menu ul li {
  display: inline-block;
}

#footer-menu ul li a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  margin: 0 10px;
  text-decoration: none;
}

#footer-menu ul li a:hover {
  color: #a41e22;
}


/*--------------------------------------------
              Navigation
----------------------------------------------*/

.navbar {
  padding: 20px !important;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: linear-gradient(#000000,transparent);
}

.bg-own {
  padding: 7px 20px !important;
}

.bg-body {
  background: #a41e22;
}

.bg-own2 {
  padding: 7px 20px !important;
}

.bg-body2 {
  background: #a41e22;
}

.navbar-brand img{
  max-height: 2em;
}

.nav-link {
  color: #ffffff !important;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  text-align: center;

}

.nav-link:hover,
.nav-link.active,
.nav-link.active2 {
  color: #D25F62 !important;
}

.navbar-toggler {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid #ffffff !important;
  border-radius: 0;
}

.navbar-toggler-icon {
  background: none !important;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.navbar-toggler-icon i {
  color: #ffffff;
  display: block;
}

.error {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  color: #a00000;
}

.msg {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  color: #00a000;
}

.message {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  color: #00a000;
}

.top_img {
  cursor: pointer;
}

.article-image img {
  width: 100%;
}

.no-bp {
  padding-bottom: 0 !important;
}

.ribbon_container {
  overflow: hidden; /* required */
  position: relative; /* required for demo*/
  width:100%;
}

.ribbon {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color:white;
  padding:1em 0;
  position: absolute;
  top:0;
  left:0;
  transform: translateX(20%) translateY(40%) rotate(-45deg);
  transform-origin: top right;
  z-index: 10;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 300px;
  height: 100%;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.sold {
  background: #c00000;
  color: #ffff00;
}

.sold:before,
.sold:after {
  background: #c00000;
  color: #ffff00;
}

.reserved {
  background: #ffff00;
  color: #000000;
}

.reserved:before,
.reserved:after {
  background: #ffff00;
  color: #000000;
}