/*
 * Globals
 */


h2 {
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #3266CC;
    font-family: 'Alegreya Sans SC', sans-serif;
}

.even {
    text-transform: uppercase;
    padding-bottom: 20px;
    color: black;
    font-family: 'Alegreya Sans SC', sans-serif;
    
}
/*======================================NAVBAR===========================*/


#navbar-primary .navbar-nav { 
  background: white;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 20px;
}

#navbar-primary .navbar-nav >li  {
    display: inline-block;
    float: none;
    text-transform: uppercase;
    padding-left: 12px;
    
}

.navbar-default {
    background-color: white;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-default li a {
    color: #3166CB!important;
}
 
/*====================================CAROUSEL=========================*/

.container {
    padding: 60px 120px;
    margin-bottom: 30px;
}

#sluzbyCarousel {
    /* Carousel item height */
    .item {
        height: 700px;
        /*opacity: 0.9;
        filter: alpha(opacity=90); /* For IE8 and earlier */ 
    }

    /* Image brightness */
    .carousel-inner img {
        filter: brightness(60%);
    }

    /* Center captions vertically */
    .carousel-caption {
        top: 50%;
        transform: translateY(-50%);
        bottom: unset;
    }

    /* Header styles */
    .carousel-caption .carousel-sluzby-header {
        color: #fff !important;
        text-transform: uppercase;
        font-size: 5rem;
        text-align: center;
        font-family: 'Alegreya Sans SC', sans-serif;
    }

    /* Description styles */
    .carousel-caption .carousel-sluzby-popis {
        --font-size: 20px;
        font-size: 2.5rem;
        line-height: 160%;
        letter-spacing: 2px; 
        padding-bottom: 1rem;
    }

    /* Button styles */
    .btn-lg {
        font-family: "Ubuntu", sans-serif;
        text-transform: uppercase;
        font-size: 2.5rem;
    }
}


/* hidding carousel on mobile devices */

@media (max-width:800px) {
    #sluzbyCarousel {
        display:none !important;
    }
}



/*====================================CINNOST FIRMY=========================*/

#cinnostfirmy p {
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 2px;
}

@media only screen and (max-width: 800px) {
#cinnostfirmy p { font-size:85%;}   
}

@media only screen and (max-width: 800px) {
#cinnostfirmy { 
      padding: 1em;
      margin: 1em;
    }
}
/*====================================SLUŽBY=========================*/

#sluzby {
    padding-bottom: 70px;
    padding-top: 50px;
    background: #F5F5F5;
}

#sluzby h4 {
    color: black;
    font-family: sans-serif;
    padding: 10px;
    padding-bottom: 15px;
}

#sluzby p {
    color: #272b2d;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
}


.icon {
    color: #289D31;
    font-size: 50px;
    
}



.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}

.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}



/*====================================REFERENCE=========================*/



#reference {
    padding: 50px 50px;
    
}

.nadpisref h4 {
    margin-top: 10px;
    font-family: sans-serif;
}

.nadpisref p {
    color: #272b2d;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
}


/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 70px;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 70px;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background-color: red;
}
.media-carousel .carousel-indicators .active 
{
  background-color: blue;
}
.media-carousel img
{
  width: 400px;
  height: 200px
}
/* End carousel */





/*====================================KONEC REFERENCE=========================*/


/*====================================KONTAKT================================*/

#kontakt {
    background: #F5F5F5;
    padding-bottom: 70px;
    padding-top: 50px;
    margin-bottom: 0px;
}


#panel h2  {
    color: #FFFFFF;   
    padding: 5px;
    font-family: 'Alegreya Sans SC';
    font-size: 23px;
}

#panel h4 {
    color: #FFFFFF;
	font-size: 18px;
    
}


#panel p {
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    
}

.panel-heading {
    background-color: #3166CB!important;  
}

.panel-footer {
     background-color: #3166CB!important;
    
}

#orbitadresa{
    background:#F5F5F5;
    padding-top: 40px;
    padding-bottom: 40px;
}


#orbitadresa p{
    font-size: 17px;
    font-family: 'Ubuntu', sans-serif;

}

#orbitadresa h3{
    font-family: 'Ubuntu', sans-serif;
    font-family: 'Alegreya Sans SC';
    color: #3166CB;

}



.flex, .flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
    flex-flow: wrap;
}

.panel {
   display: flex;
   flex-direction:column;
   flex-flow: column wrap;
   align-content:stretch;
   width:100%;
}

.panel-body  {
   display:flex;
   flex-grow:1;
   flex-direction:column;
}







/*====================================FOOTER ===============================*/



.footer { 
    background-color: white;
    color: #484848;
    padding-top: 40px;
    padding-bottom: 20px;
    font-family: 'Ubuntu', sans-serif
}

@media (max-width: 600px) {
    .carousel-caption {
        display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
}