﻿body, html{
font-family: 'Playfair Display', serif;
background-color:#fff9f1 !important;
font-size:16px;
}

.menu-index {
    float:left;
    padding-right:10px;
    padding-left:10px;
    font-size:18px;
}
#lightSlider img{

}
.menu-index a {
    text-decoration:none;
    color:rgb(188, 169, 147);
}
.bx-viewport {
    background-color:#fff9f1 !important;
}
.input {
    background-color:#fff9f1 !important;
}
.message-send{
    background-color:#fff9f1 !important;
}
.carousel-indicators {
    z-index:0 !important;
}
.menu-container {
    padding-top:5px;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   position:fixed;
   min-width:100%;
    opacity:100 !important;  
   z-index: 0;
}
.menu-subdiv {
    display: table;
    margin: 0 auto;
    margin-top:5px;
    overflow: hidden;
}
.MenuLogo {
    width:54px;
    height:50px;
    position:relative;
    margin-right:0 !important;
    margin-left:0 !important;
    margin-top:-6px;
    float:right;
    padding-right:-10px;
    z-index:999 !important;
}
.MenuLogo:hover {
cursor: pointer; cursor: hand;
}
.menu-index:hover {
cursor: pointer; cursor: hand;
}
.logo-left{
    margin-left: -15px;
    margin-top: -5px;
    z-index:999 !important;
}
.logo-right {
   position: absolute;
    top: 50%;
    left: 50%;
    margin-left:-13px;
    margin-top: -8px;
}
.display-none {
    display:none;
}
.color-dark-brown {
    background-color: rgb(54, 47, 45);
}
.nxt_rec img{
	margin-left:4px;
}
.prev_rec img{
	margin-right:4px;
}
.color-light-brown {
    background-color:rgb(83, 71, 65);
}
.spec-container {
    margin-top:50px;
}
.rek-txt {
    margin-top:20px;
}
.bx-wrapper img {
    display:inline !important;
}
.recomendation {
    background-color:rgb(54, 47, 45);
    background-size:cover;
    color:rgb(199, 178, 154) !important;
    background-repeat:no-repeat;
    margin-top:50px;
    height:850px;
    height:95vh;
}
.kontakt-container {
    margin-top:50px;
}
.input {
    outline:none !important;
    border:none;
    border-bottom:solid 1px rgb(54, 47, 45);
    background-color:white;
    width:100%;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    black;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    black;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    black;
   opacity: 1;  
}
.input-triangle {
    position:absolute;
    bottom:4px;
    right:2%;
}
.darken-class {
        -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear; 
            opacity:0.2 !important;   
}
.contakt-message {
    max-height:25px;
    overflow:hidden;
    resize:none;
}
.contakt-message:focus {
    max-height:200px;
    height:150px !important;
    resize:none;
}
.message-send {
    border:1px solid rgb(54, 47, 45);
    background-color:white;
    width:100px;
    height:30px;
}
#nxt b{
    color:black !important; 
}
#prev-button b {
    color:black !important;
}
.prev {
    border:none;
    background-color:white;
    width:50px;
    height:50px;
}
.boot-car-nx {
        right:15px;
}
.lSAction > a {
    top:47% !important;
}
.next {
    border:none;
    background-color:white;
    width:50px;
    height:50px;
}
#nxt {
    margin-top:0 !important;
}
.border-fix {
    border:none !important;
}
.mail-link {
    text-decoration:none;
    color:black;
}
.mail-link:hover {
    color: rgb(83, 71, 65);
}
#prev-button {
    position:absolute;
    top:33%;
    z-index:998;
    left:0px;
}
#next-button {
    position:absolute;
    top:33%;
    right:0px;
    z-index:998;
}
.submit-btn {
    float:right;
    margin-top:30px;
}
.message-send:hover {
    background-color:gray;
}
.next:active {
    background-color:gray;
}
.prev:active {
    background-color:gray;
}
.submit-triangle {
    margin-bottom:3px;
}
.left {
    margin-right:6px;
}
.marg-fix {
    margin-bottom: 0px !important;
    margin-top:14px;
}

.map-image {
    margin-top:60px;
    padding-top:50px;
    padding-bottom:50px;
    background:    
      linear-gradient(
      rgba(0, 0, 0, 0.35), 
      rgba(0, 0, 0, 0.35)
    ),url("../IMG/map-bg2.png");
    background-size:cover;
}
#map-canvas {
    height:500px;
}
.map-container {
    margin:0 auto;
    padding: 0;
    overflow:hidden;
}
.bgradcy-logo {
    padding-top:50px;
    padding-bottom:50px;
}
.dropdown-menu>li>a:focus{
    background-color: rgb(54, 47, 45) !important;
    background-image:none;
}
.dropdown-menu>li>a:hover{
    color:black !important;
    cursor:hand;
    cursor:pointer;
    background-color: rgb(54, 47, 45) !important;
    background-image:none;
}
.dropdown-menu a{
    text-decoration:none;
    color:rgb(188, 169, 147) !important;
    font-size:18px;
}
.dropdown-menu {
    background-color:rgb(83, 71, 65);
    padding:0 !important;
    border:none !important;
    border-radius:0 !important;
    margin-top:-5px !important; 
    left:54px;
    padding-top:50px !important;
    right:54px;
    padding-bottom:50px !important;
}
.dropdown-menu a{
    padding-top:10px !important;
    padding-bottom:10px !important;
    font-size:35px;
}
@media screen and (max-width: 1000px) {
.recomendation {
	height:1000px;
	height:105vh;
}
}
@media screen and (max-width: 767px) {
    .kancelaria-container {
        font-size:18px !important;
    }
    body {
        font-size:18px !important;
    }
    .menu-container {
        z-index:999 !important;
    }
    .contakt-message:focus {
        height:100px !important;
    }
    .border-bottom-con {
        padding-top:35px !important;
    }
    .add-padd {
        padding-top:35px !important;
    }
.recomendation {
		height: auto !important;    
		position:relative;
		overflow:auto;
}
}

@media screen and (min-width: 1000px){
	#lightSlider img{
	margin-top:-100px;
}
	#gallery-image{overflow:visible !important;}
}
@media screen and (max-width: 400px){
    .dropdown-menu a {
        font-size:25px !important;
    }
    .label-container {
        width:auto !important;
    }
.recomendation {
		height: auto !important;    
		position:relative;
		overflow:auto;
}
}
@media screen and (max-width: 320px){
    .dropdown-menu a {
        font-size:20px !important;
    }
.recomendation {
		height: auto !important;    
		position:relative;
		overflow:auto;
}
}
@media screen and (max-height: 400px){
    .dropdown-menu a {
        font-size:20px !important;
    }
    .dropdown-menu {
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
}
@media screen and (max-height: 450px){
    .label-container {
        margin-top:50px !important;
        height:270px !important;
        margin-bottom:50px !important;
    }
    .label-first-row {
        margin-top:25px !important;
    }
    .label-divider {
        padding-bottom:25px !important;
    }
    .label-about {
        margin-top:15px !important;
    }
}
.border-bottom-con {
    margin-right:0 !important;
}
#next-button {
       -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
        outline:0 !important;
}
#prev-button {
       -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none;    
        outline: 0 !important; 
}
#nxt {
        outline:0 !important;    
}
.next {
    outline: 0 !important;
}
#prev-button {
        outline: 0 !important;
}
.prev {
    outline: 0 !important;
}