/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #5a5a5a;
  background-color: #FFFFFF;      /* #302B27 */
}

heeader {
     /*background-color: #FFFFFF;  */ 
     }

     
     
     

h1 {
  font-family: 'Syne', sans-serif;
                font-weight: 600;
                text-transform: uppercase;
                font-size: 2.2rem;
                line-height: 125%;
                color: #FFFFFF !important;
}

                    
                 

h2 {color: #a48f7a !important;        /* color: #000000; margin-top: 20px*/ 
    margin-top: 5px}
    
p {font-family: 'Roboto', sans-serif;
    font-weight: 400;
    }  
    
p.bigger {font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    }      
    
p.ozdobnyodstavec {font-family: 'Syne', sans-serif;
                font-weight: 600;
                text-transform: uppercase;
                font-size: 2.2rem;
                line-height: 125%;
                color: #FFFFFF !important;
                }  
                
p.ozdobnyodstavec2 {font-family: 'Syne', sans-serif;
                font-weight: 600;
                font-size: 1.4rem;
                line-height: 125%;
                color: #FFFFFF !important;
                } 
                
.biely { 
           color: #FFFFFF !important;
                }                 
                
li.biely {font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: 200;
                text-transform: uppercase;
                font-size: 1.8rem;
                line-height: 125%;
                color: #FFFFFF !important;
                }                                     

.navbar { margin-bottom: 20px; }

 /* Small devices (landscape phones, 544px and up)  0px */
  @media (min-width: 0px) {  
    .brandimage {
        max-height: 60px !important;
             }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .brandimage {max-height: 60px  !important;
             }
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
       .brandimage {
           max-height: 120px  !important;
             }
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
   .brandimage {
           max-height: 120px  !important;
             }
  }   


               
a.nav-link {color: #FFFFFF !important;   
           font-size: 1.0rem;               
           font-family: 'Roboto Condensed', sans-serif !important;
           font-weight: 500; 
           text-transform: uppercase;
           /* background-color: #FFFFFF !important; */
           }   
           
.navbar-nav .nav-link {
    margin-right: 10px;
    margin-left: 10px;
}  

     
a.nav-link:hover {
              color: #FFFFFF  !important;      /* z #a48f7a */      
              text-decoration: underline;    
              }    
              
  
  
a.nav-link:focus  {
           color: #FFFFFF !important;     /*  rgb(69,56,51) , #977456 rgb(151,116,86)*/
           /* background-color: #4a3526 !important; */    /* #000000 */
           } 
           
            
           
/*           
a.nav-link:visited {
         color: #453833 !important;
         background-color: #FFFFFF;
         }   */         
/*
a.active {
         color: #453833 !important;
         background-color: #FFFFFF;
         } 
                   
a.nav-link:active, a.nav-link:visited {
         color: #453833 !important;
         background-color: #FFFFFF;
         } 
*/

.dropdown-menu {background-color: #4a3526;   /* #000000 */
                border-radius: 0;
                border: 0;
                margin-top: -3px;
                margin-left: 15px;
                }

.dropdown-item {color: #FFFFFF !important;     /* #453833  rgb(69,56,51) , #977456 rgb(151,116,86)*/
           background-color: #4a3526;  /* #000000 */
           font-size: 1.10rem;
           font-family: 'Cuprum', sans-serif;
           font-weight: 400; 
           }   
           
.dropdown-item:hover {color: #4a3526 !important;     /* #000000 #453833  rgb(69,56,51) , #977456 rgb(151,116,86)*/
           
           }                 
    
/*    vyska     */
.page-holder {
  min-height: 100vh;
}

.bg-cover {
  background-size: cover !important;
}    
/*     cover      */

.slogan {color: #8EA32F !important; 
        font-size: 1.50rem;
        text-transform: uppercase;
        }
        
.sloganmaly {color: #8EA32F !important; 
        font-size: 1.00rem;
        text-transform: uppercase;
        }
                
.bielytext {color: #FFFFFF !important;}
.hnedytext {color: rgb(125,105,95) !important;} 
.zelenytext {color: #8EA32F !important;} 

ul.podmenu {padding-left: 5px}
ul.podmenu li {padding-top: 4px;
               padding-bottom: 4px;
               padding-left: 6px;
               list-style-type: none;
               }

ul.podmenu li:hover {background-color: #F4F4F4;
                    }

a.podmenu {
        color: #014388 !important;
        /*font-family: 'Oswald', sans-serif  !important;*/
        font-size: 1.15rem;
        font-weight: 600; 
        } 

a.podmenu:hover {color: #000000 !important;}      

p {color: #000000 !important;
  font-size: 1.00rem;}     
  
li {color: #000000 !important;
  font-size: 1.00rem;}   
  
a {color: #4a3526 !important;}    

.intro { color: #4a3526 !important;  /* rgb(77,62,54)  z #4D3E36*/
         font-size: 1.50rem;
         font-weight: 600;
         } 
         
           
           
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}           
                      
   /* Small devices (landscape phones, 544px and up) */
  @media (min-width: 544px) {  
    .animacia {font-size: 16px;
             margin-bottom: 40px;
             margin-top: 10px !important;
             }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .animacia {font-size: 30px;
              margin-bottom: 50px;
              margin-top: 10px !important;}
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    .animacia {font-size: 60px;
               margin-bottom: 80px;}
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .animacia {font-size: 60px;
               margin-bottom: 80px;}
  }     

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/*.carousel {
  margin-bottom: 3rem;
  
}  */
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
  bottom: 0rem;
  z-index: 10;
}  */

/* Declare heights because of positioning of img element */
/*.carousel-item {
  height: 48rem;
} */
/*.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 48rem;
}  */


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/*
.marketing h1 {
  font-weight: 400;
  color: #000000;
}    */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}