@import "./magnific-popup.css";
@import "./owl.carousel.css";
@import "./fonts.css";



html        {height:100%; margin:0; padding:0; font-size: 85.5%; }
body        {font-family: 'Open sans', sans-serif; color: #1a1a1a; height:100%; background: url(../images/bg.jpg) }

h1,h2,h3       {color: #a47140; font-family: 'Open sans', sans-serif; font-weight: 700;}
a           {color: #1a1a1a; transition: color .2s,background-color .2s,border-color .2s; }
a:hover, a:active, a:focus {color: #ef8042; text-decoration: none; outline: 0 none;}
a.active    {color: #ef8042; }
iframe      {border:none}
label       {font-weight: 300; font-weight: lighter; padding:0; cursor: pointer;}

.clearfix {clear:both; flex: 0 0 100%; max-width: 100%;}
.font       {font-family: 'Open sans', sans-serif;}
.hiden      {display:none}
.cover      {background-size: cover; -moz-background-size: cover; background-repeat: no-repeat; background-position: center}
.relative   {position: relative;}
.underline  {text-decoration: underline;}
.more-space {padding:3rem 0;}
.np {padding:0}
ul {margin:0; padding:0; list-style-type: none;}
.nav-mobile .nav-close {display:none}
.img-responsive {max-width: 100%; height: auto;}

.btn {cursor: pointer; border-radius:0; }
.btn-primary {color: #fff; background-color: #ef8042; border-color: #ef8042; }
.btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{background-color: #cf6830; border-color: #cf6830; color: #fff }

.btn:focus, .btn:active:focus, .btn.active:focus, input:focus, textarea:focus {box-shadow: none !important}

.form-control {border-radius:0;  color: #1a1a1a; }
.form-control:focus, .close:focus{border-color: #da9787 !important;  box-shadow: none !important;  outline: 0 !important;  transition: none;}
.input-group {margin-bottom:15px}
.custom-control-input:checked~.custom-control-label::before {background-color: #da9787 !important}


.mfp-image-holder .mfp-close {font-size:3rem; top: -5px; font-weight: lighter; margin:0; padding:0}
.dropdown-menu {padding:0; border-radius:0;  box-shadow: 3px 3px 20px 0px rgba(105, 105, 105, 0.35); margin:0}

.cd-top {z-index:1000; display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 0; right: 0px;  overflow: hidden; text-indent: 100%; white-space: nowrap; background:#ef8042 url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible:hover {opacity:1} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .no-touch .cd-top:hover { background-color: #626262; opacity: 1 }

.modal-content {border-radius:0}
.close {font-size:3rem; font-weight: 300; cursor: pointer; position: absolute; top:1.5rem; right:1rem; z-index: 1000 !important; color: #ef8042 !important; top:0; opacity:1}
.close:hover {opacity:.5}
.modal-body {padding:2rem; color: #000;}
.modal-body p {font-size:1.2rem}


@media (min-width: 1200px){
.container {max-width: 1200px !important;}
}

@media print {
  a[href]:after {content:none;} /* nevytlaci linky */
 .noprint, footer {display: none;}
 FORM input[type=text], FORM textarea {margin-bottom:10px; border:none !important}
}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;


}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
    background-color: rgba(102, 72, 47, 0.65);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
    background-color: rgba(102, 72, 47, 0.75);
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin:3rem 0 1rem 0;
  padding-bottom:1rem;
  background-color: transparent;
}
.hovereffect h2 a {color: #fff}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ef8042;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect p a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover p a, .hovereffect:hover p {
  opacity: .7;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}