/*@font-face {*/
/*font-family: "TwCenMTStd";*/
/*src:url("../Fonts/TwCenMTStd.otf") format("opentype");*/
/*}*/
/*@font-face {*/
/*    font-family: "TwCenMTStd-Light";*/
/*    src:url("../Fonts/TwCenMTStd-Light.otf") format("opentype");*/
/*}*/
/*@font-face {*/
/*font-family: "TwCenMTStd-Bold";*/
/*src:url("../Fonts/TwCenMTStd-Bold.otf") format("opentype");*/
/*}*/
/*@font-face {*/
/*    font-family: "TwCenMTStd-Italic";*/
/*    src:url("../Fonts/TwCenMTStd-Italic.otf") format("opentype");*/
/*}*/
html, body {      
  height: 100%;
  margin: 0;
  padding: 0;
    font-family: 'Montserrat', sans-serif;
  font-weight: 400;
    /*background: #cbcbcb;*/
}
 
img{
	max-width: 100%;
}
a{

text-decoration: none;
}

a:active, a:hover, a:focus {
    outline: 0 none;
    text-decoration: none;
}
button{
  cursor: pointer;
  background: none;
  outline: 0 none !important;
  border: none;
}

ul{
  /* padding-left: 0px; */
  margin-bottom: 0px;
}
li{
  list-style-type: none;
}
.top-header , .navbar{
    padding-left:70px;
    padding-right: 70px;
}
.top-header{
    padding-top: 15px;
    padding-bottom: 15px;
   background: #1D71B8;
    text-align: right;
}
.top-header a{
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    margin-left: 25px;
    font-weight: 500;
}
.top-header a i{
    color: #ffffff;
    font-size: 18px;
}
.top-header a:last-child{
    /* margin-left: 10px; */
}

.header .navbar-light{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-light .navbar-brand{

}
.navbar-light .navbar-brand img{
    width:250px;
    margin-right: 10px;
}
.navbar-light .navbar-brand .logo-text{
    color: #706F6F;
    font-weight: 800;
    font-size: 20px;
    margin-top: 5px;
}
.navbar-light .navbar-brand .logo-text span{
    font-weight: 400;
    display: block;
    font-size: 16px;
}
.navbar-light .navbar-nav .nav-link {
    color: #706F6F;
    font-weight: 500;
    font-size: 18px;
    padding-top: 32px;
    padding-bottom: 32px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #706F6F;
    font-weight: 700;
}
.navbar-light .navbar-nav .nav-item.btn-search{
    margin-left: 20px;
}
.navbar-light .navbar-nav .nav-item.btn-search .nav-link{
    font-size: 18px;
}
.navbar-light .navbar-nav .nav-link:hover{
    background: #eceef0;
    color: #1D71B8;
}

@media all and (min-width: 992px) {
    .navbar{ padding-top: 0; padding-bottom: 0; }
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
    .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{
        display:block;
        opacity: 0;
        visibility: hidden;
        transition:0.4s;
        margin-top:0;
        min-height: 220px;
        border-radius: 0;
        margin-top: -1px;
        border: none;
        background: #eceef0;
    }
    .navbar .dropdown-menu.fade-down{
        top:80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up{ top:180%;  }
    .navbar .nav-item:hover .dropdown-menu{
        transition: 0.8s;
        opacity:1;
        visibility:visible;
        top:100%;
        transform: rotateX(0deg); }
}
 .navbar-collapse>ul>li:hover{
    background: #eceef0;
     color: #1D71B8;
}
.nav-item > .dropdown-menu:hover >.navbar-light .navbar-nav .nav-link{
    background: #eceef0;
}

.dropdown-menu.megamenu {
    padding-left: 50px;
    padding-right: 50px;
}

.dropdown-menu.megamenu h3{
    color: #706F6F;
    font-weight: 700;
    font-size: 22px;
}
.dropdown-menu.megamenu .menu-links a{
    color: #706F6F;
    font-weight: 500;
    text-decoration: none;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}


#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    z-index: 999;
    opacity: 0;
    clear: both;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    clear: both;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    clear: both;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    clear: both;
    background-color:#1D71B8;
    border: 1px solid #1D71B8;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color:#1D71B8;
    border-color: #1D71B8;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
    clear: both;
}


.text-pagination{
    
    
    }

.paginations{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    justify-content: center;
}
.paginations .pagination {
    justify-content: center;
}


.pagination li  {
    
    position: relative;
    display: block;
    color: #706f6f;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    

}


.pagination li a  {
    
    color: #706f6f;

}


.pagination li.active {
    
    color: #1d7188;
    font-weight: 500;
    

}


.banner .carousel-item{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    height: 600px;
    padding: 50px;
}

.banner .carousel-item .banner-content{
    background: rgba(0,0,0,0.7);
    padding: 30px;
    padding-bottom: 70px;
    width: 100%;
}
.banner-content .line{
    width: 45px;
    height: 8px;
    background: #ffffff;
    margin-bottom: 25px;
}

.banner-content h4{
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    line-height: 40px;
}
.banner-content .btn-banner{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 4px;
    padding-left: 25px;
    padding-right: 25px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 0;
    float: right;
    display: inline-block;
    transition: all .2s ease-in-out;
    margin-top: 15px;
}
.banner-content .btn-banner:hover {
    background: #fff;
    color: #1D71B8;
    transform: scale(1.1);
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
}
.carousel-indicators .active {
    opacity: 1;
    background-color: #1D71B8;
}




.features .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: .25rem;
    padding-right: .25rem;
}
.features .row {
    margin-right: 0rem;
    margin-left: 0rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.features .col-lg-4 {
    padding-left: .25rem;
    padding-right: .25rem;
}

.features .single-feature{
    display: block;
    margin-top: .25rem;
    margin-bottom: .25rem;
    height: 350px;
    width: 100%;
    position: relative;
}
.features .single-feature{
    overflow:hidden
}
.features .single-feature .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
    background-color: #ccc;
    /*transform: scale(1) rotateX(0deg);*/
    /*opacity: 1;*/
    /*transition: transform 1s,opacity .2s;*/
}

.features .single-feature .image{
    max-width: 100%;
    -webkit-transition: transform 1s,opacity .2s; /* Safari and Chrome */
    -moz-transition: transform 1s,opacity .2s; /* Firefox */
    -ms-transition: transform 1s,opacity .2s; /* IE 9 */
    -o-transition: transform 1s,opacity .2s; /* Opera */
    transition: transform 1s,opacity .2s;
}

.features .single-feature .image:hover{
    -webkit-transform:scale(1.07); /* Safari and Chrome */
    -moz-transform:scale(1.07); /* Firefox */
    -ms-transform:scale(1.07); /* IE 9 */
    -o-transform:scale(1.07); /* Opera */
    transform:scale(1.07);
}

.features .single-feature h2{
    font-size: 16px;
    font-weight: 700;
    color: #706F6F;
    position: relative;
    z-index: 99;
    background: #fff;
    padding: 10px;
    display: inline-block;
    padding-right: 30px;
    width: 80%;
}
.features .single-feature h3{
    color: #ffffff;
    position: relative;
    z-index: 999;
    font-size: 1.47rem;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
    line-height: 1.97rem;
    padding: 30px;
    padding-top: 47px;
}



.features-bottoms{
    background: #706F6F;
    padding-top: 60px;
    padding-bottom: 60px;
}
.features-bottoms .container-fluid{
    padding-left: 50px;
    padding-right: 50px;
}
.features-bottoms h3{
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    padding-bottom: 10px;

}
.features-bottoms .single-feature{
    margin-bottom: 50px;
    padding-top: 15px;
    border-top: 2px solid #b1b1b1;
}

.features-bottoms .single-feature p{
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
}
.features-bottoms .single-feature img{
    width: 100%;
    margin-bottom: 25px;
}
.features-bottoms .single-feature .feature-footer{
    border-top: 2px solid #b1b1b1;
    text-align: right;
}
.features-bottoms .single-feature .btn-features {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 3px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px;
    /* line-height: 15px; */
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 0;
    /* float: right; */
    display: inline-block;
    transition: all .2s ease-in-out;
    margin-top: 15px;
}

.top-footer{
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    background:#95c11f;
}
.top-footer .container-fluid{
    padding-left: 50px;
    padding-right: 50px;
}
.top-footer .text{
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
}

.footer{
    background: #1D71B8;
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer .container-fluid{
    padding-left: 50px;
    padding-right: 50px;
}
.footer h2{
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 30px;
}
.footer h4{
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}
.footer p{
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 500;
}

.footer .footer-links a{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}

.footer .footer-logo img{
    width: 47%;
}


.footer p.copy-right{
   position: absolute;
    bottom: 0px;
    font-size: 12px;
}

.footer .first-link{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    position: absolute;
    bottom: 0px;
}



@media (max-width: 575px) {
    .top-header, .navbar {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }
    .top-header a {
        color: #ffffff;
        font-size: 14px;
        text-decoration: none;
        margin-left: 12px;
        font-weight: 500;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #706F6F;
        font-weight: 500;
        font-size: 18px;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .dropdown-menu.megamenu{
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner .carousel-item{
        padding-left: 20px;
        padding-right: 20px;
    }
    .features-bottoms .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .top-footer .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer .first-link {
        position: relative;
    }
    .footer p.copy-right {
        position: relative;
        bottom: 2px;
        font-size: 12px;
        top: 15px;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .top-header, .navbar {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }
    .top-header a {
        color: #ffffff;
        font-size: 14px;
        text-decoration: none;
        margin-left: 12px;
        font-weight: 500;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #706F6F;
        font-weight: 500;
        font-size: 18px;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .dropdown-menu.megamenu{
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner .carousel-item{
        padding-left: 20px;
        padding-right: 20px;
    }
    .features-bottoms .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .top-footer .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer .first-link {
        position: relative;
    }
    .footer p.copy-right {
        position: relative;
        top: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

 }

 @media (min-width: 1500px) {
     .features .single-feature h2 {
         font-size: 20px;
     }
     .features .single-feature h3 {

         font-size: 1.47rem;
         font-weight: 700;
         line-height: 36px;
         padding: 30px;
         padding-top: 47px;
     }
     .features-bottoms .single-feature p{
         color: #ffffff;
         font-weight: 600;
         font-size: 17px;
     }
 }

 @media (min-width: 1600px) {
 
 }

 @media (min-width: 1700px) {
  
 }


 @media (min-width: 1900px) {
     .navbar-light .navbar-nav .nav-link {
         color: #706F6F;
         font-weight: 500;
         font-size: 24px;
     }
     .top-header a {
         color: #ffffff;
         font-size: 24px;
     }
     .banner-content h4 {
         font-size: 34px;
         color: #ffffff;
         font-weight: 600;
         line-height: 60px;
     }
     .features .single-feature h2 {
         font-size: 24px;
     }
     .features .single-feature {
         display: block;
         margin-top: .25rem;
         margin-bottom: .25rem;
         height: 460px;
     }
     .features .single-feature h3 {
          font-size: 1.97rem;
         font-weight: 700;
         line-height: 44px;
         padding: 30px;
         padding-top: 47px;
     }
     .features-bottoms .single-feature p{
         color: #ffffff;
         font-weight: 600;
         font-size: 20px;
     }
 }









 

 
#content .image-top{
    margin-bottom: 1.97rem;
    height: 247px;
    
    }

#content .content h1{
        margin: .97rem 0 1.97rem 0;
        padding: 1.17rem 0;        
        font-size: 1.37rem;
        font-weight: 300;
        color: #1d71b8;    
        border-top: 1px solid #1d71b8;
        border-bottom: 1px solid #1d71b8;
    
    }

#content .content h3{
        font-size: 1.17rem;
        color: #1d71b8;    
    }

#content .content .published-at{
        margin: .97rem 0;
        font-size: .97rem;
        color: #706f6f;
    
    }

.home-title{
      margin: 1.97rem;
    }    

.home-title h1{
      font-size: 1.97rem;
      text-align: center;
    }
    
#content .content.novinky .published-at{
        
        margin: 0 0 .97rem 0;
    
    }    


#content .lektor-detail a, .btn-primary{
    padding: .37rem .97rem;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0;
    background-color: #1d71b8;
    }

#content .content  .image-description{
        margin-top: .47rem;
        font-size: .97rem;
        font-weight: 500;
        color: #1d71b8;    
    }
    
    

#sluzby .features{    
        padding: 1.97rem;        
        color: #fff;
        background: #706f6f;    
    }    


#sluzby .features .single-feature h2 {
    color: #fff;
    background: #706f6f;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #706f6f;
}

.container.header_content h5{
    
    margin: 1.97rem .97rem;
    font-size: 1.17rem;
    text-transform: uppercase;
    color: #706f6f;
    font-weight: 700;
    
    }

.image-top {
    
    padding: 3.97rem 2.97rem 15.97rem 2.97rem;
    color: #fff;
    background-position: center;
    background-size: cover;  
    
    }


.image-top h2{
    
    font-size: 1.47rem;
    margin-bottom: 2.17rem;
    font-weight: 300;
    
    }


.bg-info{
    
    background-color: #1d71b826 !important;
    
    }

.container.contact {
    
    padding-top: 3.97rem;
    
    }

a{
    color: #1d71b8;
    
    }

.container a:hover{
    color: #074477;
    
    }

 .search h3{
    
    font-size: 1.47rem;
    padding-bottom: .97rem;
    color: #1d71b8;
    
    }


.btn-clients-page{
    
    border: 1px solid #0000009c;
    
    }

.container.reference h3, .container.contact h3, .container.contact h4{
    
    font-size: 1.47rem;
    padding-bottom: .97rem;
    color: #1d71b8;
    text-transform: uppercase;
    
    }

.container.contact h4{
    
    padding: 3.97rem 0 0 0;
    
    }

.container.contact .adresy{
    
    padding-right: 3.97rem;
    
    }



.container.reference h5{
    
    font-size: 1.47rem;
    padding: 1.97rem 0 .97rem 0;
    color: #1d71b8;
    text-transform: uppercase;
    
    }
    
.container.reference hr, #content .content.novinky hr, .container.contact hr {
    margin-top: 3.97rem;
    margin-bottom: 3.97rem;
    border: 0;
    border-top: 1px solid #1d71b8;
    }

.container.contact hr {
    margin-top: 1.97rem;
    margin-bottom: 1.97rem;
    }
    

.container.reference .thumbnail-reference{
    
    height: 147px;
    margin: 0 .0 .47rem 0;
    background-size: cover;
    
    }    

.gallery{
    
    margin: 0 .17rem 0 0;
    padding: 1.47rem;
    border: 1px solid #dedede;
    
    }

.gallery .thumbnail-gallery{
    
    height: 478px;
    margin: 0;
    padding: 0;
    background-position: center;
    background-size: cover;
    
    } 


.btn-detail {
    color: #706f6f;
    font-size: 16px;
    font-weight: 500;
    padding: 3px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px;
    /* line-height: 15px; */
    background: transparent;
    border: 1px solid #706f6f;
    border-radius: 0;
    /* float: right; */
    display: inline-block;
    transition: all .2s ease-in-out;
    margin-top: 15px;

    }


.logo-main{
    margin-right: 1.97rem;
    padding-right: 1.97rem;
    border-right: 1px solid #fff;
}

.footer-logo .logo-partner{
    width: 27% !important;
}


@media all and (min-width: 317px)  and (max-width: 968px) {



        .footer .first-link {
            padding-bottom: 1.97rem;
            color: #fff;
            font-size: 18px;
            text-decoration: none;
            position: inherit;
        }


        .footer p.copy-right {
            position: inherit;
            text-align: right;
            padding: .97rem 0;
            bottom: 0px ;
        }


        .footer .footer-logo{
            text-align: right;
        }


        .footer .footer-logo img{
            margin-top: 1.97rem;
            width: 147px;
        }
        
        .footer-logo .logo-partner{
            width: 17% !important;
        }        

}



.container.reference .reference-menu{
    
    margin-top: 3.97rem;
    
    }

.container.reference .reference-title img, .container.reference .reference-menu img{
    
    width: 87px;
    margin: 0 1.1rem 2.97rem 0;
    float: left;
    
    } 


.bg-success {
    
    background-color: #95c11f !important;
    
    }
    
.bg-light {

    
    }


.icon-reference {
    
    display: block;
    padding: 1.97rem;
    
    }
    

@media all and (min-width: 759px) {

        .icon-reference.left{
            
            margin-right: 3rem;
            
            }    
        
        .icon-reference.right{
            
            margin-left: 3rem;
            
            }    
    
    }    



@media all and (min-width: 991px) and (max-width: 1321px) {

        .features .single-feature h3{    
            font-size: 1.47rem;
            line-height: 1.97rem;
        }
    
    }