/*

.masthead {

  background: url(../../assets/img/8.jpg);

  opacity: 0.7;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

*/



.partner-reveal{

  display: none;

}

header.masthead {

  color: black;

  position: relative;

  width: 100%;

  padding-top: 10%;

  background: url(../../assets/img/12.jpg);

  opacity: 1;

  background-size: cover;

  background-position: center;

  text-align: center !important;

}

/*

body::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: black;

  opacity: 0.6;

}



p {

  font-size: 18px;

  line-height: 1.5;

  margin-bottom: 20px;

  text-align: center;

}



img {

  width: 60%;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



h1 {

  text-align: center;

}



.team-boxed .item .box {

  text-align: center;

  padding: 15px;

  background-color: #fff;

  margin-bottom: 30px;

}

*/



/*START NAVBAR*/



#mainNav .navbar-brand{

  color:black !important;

}



/*END NAVBAR*/







/*START TEAM*/



section.download {

  position: relative;

  padding: 40px 0;

}

section.download h2 {

  font-size: 50px;

  margin-top: 0;

}

section.download .badges .badge-link {

  display: block;

  margin-bottom: 25px;

}

section.download .badges .badge-link:last-child {

  margin-bottom: 0;

}

section.download .badges .badge-link img {

  height: 60px;

}

/*@media (min-width: 768px) {

  section.download .badges .badge-link {

    display: inline-block;

    margin-bottom: 0;

  }

}

@media (min-width: 768px) {

  section.download h2 {

    font-size: 70px;

  }

}

*/

ul{

  margin:0;

  padding:0;

  list-style:none;

  }

  .heading.heading-icon {

    display: block;

  }

  .padding-lg {

  display: block;

  padding-top: 60px;

  padding-bottom: 60px;

  }

  /*

  .practice-area.padding-lg {

    padding-bottom: 55px;

    padding-top: 55px;

  }

  .practice-area .inner{ 

     border:1px solid #999999; 

   text-align:center; 

   margin-bottom:28px; 

   padding:40px 25px;

  }

  

  .practice-area .inner h3{ 

    color:#3c3c3c; 

  font-size:24px; 

  font-weight:500;

  font-family: Helvetica,Arial,"sans-serif";

  padding: 10px 0;

  }

  .practice-area .inner p{ 

    font-size:14px; 

  line-height:22px; 

  font-weight:400;

  }

  .practice-area .inner img{

  display:inline-block;

  }*/

  

  .profese {

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 2px;

    font-size: 15px;

    color:#2a2a2a; 

    line-height:20px; 

    font-weight:400;

    opacity: 0.5;

  }

  .profese-h {

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 2px;

    font-size: 15px;

    color:#2a2a2a; 

    line-height:20px; 

    font-weight:400;

    opacity: 1;

    padding: 0;

    margin: 0;

  }

  p.mob{

    font-size: 17px !important;

  }

  .our-webcoderskull .cnt-block{ 

   float:left; 

   width:100%; 

   background:#fff; 

   padding:30px 20px; 

   text-align:center; 

   box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

   margin: 0 0 28px;

  }

  .our-webcoderskull .cnt-block figure{

   width:148px; 

   height:148px; 

   border-radius:100%; 

   display:inline-block;

   margin-bottom: 15px;

  }

  .our-webcoderskull .cnt-block img{ 

   width:148px; 

   height:148px; 

   border-radius:100%; 

  }

  .our-webcoderskull .cnt-block h3{ 

   color:#2a2a2a; 

   font-size:20px; 

   font-weight:500; 

   padding:6px 0;

  }

  .our-webcoderskull .cnt-block h3 a{

  text-decoration:none;

  color:#2a2a2a;

  }

  /*.our-webcoderskull .cnt-block p{ 

   color:#2a2a2a; 

   line-height:20px; 

   font-weight:400;

  }*/



/*END TEAM*/



/*START HISTORY*/

/*class CONTAINER - BOOTSRAP

.container,

.container-fluid,

.container-xl,

.container-lg,

.container-md,

.container-sm {

  width: 100%;

  padding-right: 0.75rem;

  padding-left: 0.75rem;

  margin-right: auto;

  margin-left: auto;

}

@media (min-width: 576px) {

  .container-sm, .container {

    max-width: 540px;

  }

}

@media (min-width: 768px) {

  .container-md, .container-sm, .container {

    max-width: 720px;

  }

}

@media (min-width: 992px) {

  .container-lg, .container-md, .container-sm, .container {

    max-width: 960px;

  }

}

@media (min-width: 1200px) {

  .container-xl, .container-lg, .container-md, .container-sm, .container {

    max-width: 1140px;

  }

}

.navbar .container,

.navbar .container-fluid,

.navbar .container-sm,

.navbar .container-md,

.navbar .container-lg,

.navbar .container-xl {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 575.98px) {

  .navbar-expand-sm > .container,

.navbar-expand-sm > .container-fluid,

.navbar-expand-sm > .container-sm,

.navbar-expand-sm > .container-md,

.navbar-expand-sm > .container-lg,

.navbar-expand-sm > .container-xl {

    padding-right: 0;

    padding-left: 0;

  }

}  

.navbar-expand-sm > .container,

.navbar-expand-sm > .container-fluid,

.navbar-expand-sm > .container-sm,

.navbar-expand-sm > .container-md,

.navbar-expand-sm > .container-lg,

.navbar-expand-sm > .container-xl {

    flex-wrap: nowrap;

}

@media (max-width: 767.98px) {

  .navbar-expand-md > .container,

.navbar-expand-md > .container-fluid,

.navbar-expand-md > .container-sm,

.navbar-expand-md > .container-md,

.navbar-expand-md > .container-lg,

.navbar-expand-md > .container-xl {

    padding-right: 0;

    padding-left: 0;

  }

}

.navbar-expand-md > .container,

.navbar-expand-md > .container-fluid,

.navbar-expand-md > .container-sm,

.navbar-expand-md > .container-md,

.navbar-expand-md > .container-lg,

.navbar-expand-md > .container-xl {

    flex-wrap: nowrap;

  }

@media (max-width: 991.98px) {

  .navbar-expand-lg > .container,

.navbar-expand-lg > .container-fluid,

.navbar-expand-lg > .container-sm,

.navbar-expand-lg > .container-md,

.navbar-expand-lg > .container-lg,

.navbar-expand-lg > .container-xl {

    padding-right: 0;

    padding-left: 0;

  }

}

.navbar-expand-lg > .container,

.navbar-expand-lg > .container-fluid,

.navbar-expand-lg > .container-sm,

.navbar-expand-lg > .container-md,

.navbar-expand-lg > .container-lg,

.navbar-expand-lg > .container-xl {

    flex-wrap: nowrap;

}

@media (max-width: 1199.98px) {

  .navbar-expand-xl > .container,

.navbar-expand-xl > .container-fluid,

.navbar-expand-xl > .container-sm,

.navbar-expand-xl > .container-md,

.navbar-expand-xl > .container-lg,

.navbar-expand-xl > .container-xl {

    padding-right: 0;

    padding-left: 0;

  }

}

.navbar-expand-xl > .container,

.navbar-expand-xl > .container-fluid,

.navbar-expand-xl > .container-sm,

.navbar-expand-xl > .container-md,

.navbar-expand-xl > .container-lg,

.navbar-expand-xl > .container-xl {

    flex-wrap: nowrap;

  }

  .navbar-expand > .container,

  .navbar-expand > .container-fluid,

  .navbar-expand > .container-sm,

  .navbar-expand > .container-md,

  .navbar-expand > .container-lg,

  .navbar-expand > .container-xl {

    padding-right: 0;

    padding-left: 0;

  }

  .navbar-expand > .container,

  .navbar-expand > .container-fluid,

  .navbar-expand > .container-sm,

  .navbar-expand > .container-md,

  .navbar-expand > .container-lg,

  .navbar-expand > .container-xl {

    flex-wrap: nowrap;

  }

  .container {

    min-width: 992px !important;

  }



  END CONTAINER*/



section.cta {

  

  position: relative;

  padding: 220px 0 !important;

  background-position: center;

  background-size: cover;

}

section.cta .cta-content {

  position: relative;

  z-index: 1;

}

section.cta .cta-content h2 {

  font-size: 50px;

  max-width: 450px;

  margin-top: 0;

  margin-bottom: 25px;

  color: white;

}

@media (min-width: 768px) {

  section.cta .cta-content h2 {

    font-size: 80px;

  }

}

section.cta .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

}

.row {

  display: flex;

  flex-wrap: wrap;

  margin-right: -0.75rem;

  margin-left: -0.75rem;

}

.w-100 {

  width: 100% !important;

}

.col {

  flex-basis: 0;

  flex-grow: 1;

  max-width: 100%;

}

video.shadow{

  width: 100%;

  height: auto;

  padding: 30px;

  background: rgba(255, 255, 255, 0.8);

  box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {

  left: 5px;

}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {

  left: 5px;

}



/*END HISTORY



/*START PROJECTS*/



section.features {

  padding: 40px 0 60px 0;

}

/*

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}

*/



.resizeimg {

  height: 50px;

  width: auto;

  margin-bottom: 30px;

  margin-top: 10px;

}



.cez {

  height: 80px;

  width:  auto;

  margin-bottom: 10px;

  margin-top: 0px;

}



.bkb {

  height: 60px;

  width: auto;

  margin-bottom: 20px;

  margin-top: 10px;

}



.sponzorvid {

  margin-bottom: 30px;

}





h4 {

  text-align: center;

}

/*

.row {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}

*/

/*

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {

  position: relative;

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

}

*/

img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

/*

.col-md-6{

  height: auto;

  padding: 0 30px !important;

}*/



/*END PROJECTS*/





/*START CONTACT*/

.adress-snn{

  text-align: left;

  height: auto !important;

  margin: 0;

}

.contact-map{ 

  width: 100%;

  height: 440px; 

  border: 0;

  margin-top: 20px;

  box-shadow: 0 0 5px rgba(128, 128, 128, 0.5);

}

.bg-primary {

  background-color: #ffffff !important;

}



/*a.bg-primary:hover, a.bg-primary:focus,

button.bg-primary:hover,

button.bg-primary:focus {

  background-color: #fcbd20 !important;

}*/



section.contact {

  text-align: center;

}

section.contact h2 {

  margin-top: 0;

  margin-bottom: 25px;

}

section.contact h2 i {

  color: #dd4b39;

}

section.contact ul.list-social {

  margin-bottom: 0;

}

section.contact ul.list-social li a {

  font-size: 40px;

  line-height: 80px;

  display: block;

  width: 80px;

  height: 80px;

  color: white;

  border-radius: 100%;

}

section.contact ul.list-social li.social-twitter a {

  background-color: #1da1f2;

}

section.contact ul.list-social li.social-twitter a:hover {

  background-color: #0d95e8;

}

section.contact ul.list-social li.social-facebook a {

  background-color: #3b5998;

}

section.contact ul.list-social li.social-facebook a:hover {

  background-color: #344e86;

}

section.contact ul.list-social li.social-google-plus a {

  background-color: #dd4b39;

}

section.contact ul.list-social li.social-google-plus a:hover {

  background-color: #d73925;

}



/*END CONTACT*/







/*START FOOTER*/



#footer {

    width: 100%;

    height: 0px;

    position: fixed;

    z-index:300;

    bottom: 0;

    overflow:none;

    box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

    

   -moz-transition:all 0.5s ease-in-out;

   -o-transition:all 0.5s ease-in-out;

   transition:all 0.5s ease-in-out;

   -webkit-transition:all 0.5s ease-in-out;

}



#footer.show{

  background-color: white; /*OPRAVIT*/

    height: 60px;

   -moz-transition:all 0.5s ease-in-out;

   -o-transition:all 0.5s ease-in-out;

   transition:all 0.5s ease-in-out;

   -webkit-transition:all 0.5s ease-in-out;

}



#footer ul.navigation li {

    float: left;

    display: block;

    }

.content-wrap{

  /*background-color: greenyellow;

  height: 20px;*/

  width: 630px;

  margin: auto;

}

.logo-footer-b{

      width: auto;

      height: 60px;

      margin: 0px 20px;

  }



  .logo-footer{

      width: auto;

      height: 40px;

      margin: 5px 20px;

  }

  

  .logo-footer-n{

      width: auto;

      height: 30px;

      margin: 10px 20px;

  }

  

  .logo-footer-nn{

      width: auto;

      height: 30px;

      margin: 10px 20px;

  }



  /*END FOOTER*/



  



  /*OPRAVIT*/

  h3{ 

    color:#2a2a2a; 

    font-size:20px; 

    font-weight:500; 

    padding:6px 0;

   }

   .features .col-md-6{

     margin-bottom: 40px;

   }

   h2{

     text-align: center;

     text-transform: uppercase;

     font-size: 50px !important;

   }

   .project-padding{

     padding-bottom: 20px;

   }

   .h1{

     text-align: center !important;

   }

   body{

     font-family: Muli, Helvetica, Arial, "sans-serif";

   }

   .masthead{

     vertical-align: middle !important;

     height: 100%;

   }

   h1.mb-5{

     margin-top: 50px;

   }

   .masthead .text-center{

     margin: 7% 0 !important;

   }

   .popis{

     width: 75%;

     text-align: justify;

     margin: auto;

     padding-bottom: 30px;

   }

   h4{

     font-weight: 500;

   }

   .navbar-nav .nav-link{

     color:black !important;

   }

   .bg-primary.contact{

     padding-top: 40px !important;

   }

   /*.navbar-nav.ml-auto{

     margin: auto !important;

   }*/

   /*.navbar{

    box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

   }*/

   .vodova{

    font-family: 'Poiret One', cursive;

    font-size: 100px;

    text-transform: uppercase;

    /*text-shadow: 4px 4px 10px rgb(49, 186, 204, 0.5);*/

    text-shadow: 4px 4px 10px rgb(0, 0, 0, 0.5);

    /*text-shadow: 4px 4px 5px rgb(27, 146, 150, 0.7);*/

    background:rgba(255, 255, 255, 0.7);

    box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

    letter-spacing: 10px;

   }

   video.noshadow{

    width: 100%;

    height: auto;

    padding: 30px;

    /*background: rgba(0, 0, 0, 0.3);*/

    /*background: rgba(255, 255, 255, 0.8);*/

    /*box-shadow: 2px 2px 20px rgba(255, 255, 255, 0.8);*/

  }

  .shadow-m{

    width: 100%;

    height: 100%;

    box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

    padding-top: 30px;

    background: white !important;

 }

 .shadow-m.snn{

   padding: 30px!important;

 }

 .overlay{

   background: white !important;

   opacity: 0.8 !important;

 }



 .bg-primary {

  background: rgba(222,219,210,0.13)!important;

}

.text-citat{

  font-size: 24px;

  text-align: center;

}

.author-citat{

  padding-left: 440px;

  opacity: 0.5;

}

.text-about{

  color: rgb(0, 0, 0);

  text-align: justify;

  padding: 20px

}

.small-reveal{

  display: none;

  width: 0%;

  height: 0%;

}

@media (max-width: 575.91px) {

  section.cta h2 {

    margin-top: 0;

    margin-bottom: 8px !important;

    margin-right: auto;

    margin-left: auto;

  }

  header.masthead{

    height: 100%;

  }

  h1.mb-5{

    font-size: 22px !important;

    margin: 50px 0 0 0 !important;

  }

  .masthead .text-center{

    font-size: 55px !important;

  }



  .text-citat em{

    font-size: 20px !important;

  }

  .author-citat{

    font-size: 18px !important;

    padding-left: 0;  

  }

  .row .col{

    margin: 28px 12px;

  }

  .col-md-6.col-xl-4{

    margin-top: 20px;

  }

 .col.small-reveal{

   display: table-row;

 }

 .our-webcoderskull .container .small-reveal{

  display: block;

 }

 video.shadow{

   background: white;

 }

 .our-team.small-reveal{

  width: 100%;

  text-align: center;

  padding-bottom: 20px;

}

.our-webcoderskull{

  padding-bottom: 0 !important;

}

section#contact.bg-primary.contact{

  padding-top: 0 !important;

}

#history.cta{

  height: auto;

  padding: 60px 0  !important;

}

.col.shadow-hide{

  width: 100%;

  height: 100%;

  box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

  padding-top: 30px;

  background: white !important;

}

}



@media (max-width: 767.91px) {

  header.masthead{

    /*padding: 40% 0 !important;*/

    padding: 20vh 0 !important;

    height: 100%;

  }

  h1.mb-5{

    font-size: 30px;

    margin: 50px 0 0 0 !important;

  }

  .masthead{

    padding: auto !important;

  }

  .masthead .text-center{

    font-size: 75px;

  }



  .text-citat em{

    font-size: 24px;

  }

  .author-citat{

    font-size: 22px;

    padding-left: 55%;  

  }

  .row .col{

    margin: 28px 12px;

  }

  .col-md-6.col-xl-4{

    margin-top: 20px;

  }

 .col.small-reveal{

   display: table-row;

 }

 .small-hide{

   display: none;

 }

 .our-webcoderskull .container .small-reveal{

  display: block;

 }

 video.shadow{

   background: white;

 }

 .our-team.small-reveal{

  width: 100%;

  text-align: center;

  padding-bottom: 20px;

}

.our-webcoderskull{

  padding-bottom: 0 !important;

}

section#contact.bg-primary.contact{

  padding-top: 0 !important;

}

#history.cta{

  height: auto;

  padding: 60px 0  !important;

}

.col.shadow-hide{

  width: 100%;

  height: 100%;

  box-shadow: 2px 2px 20px rgba(128, 128, 128, 0.5);

  padding-top: 30px;

  background: white !important;

}

.adress-snn-main{

  font-size: 20px;

}

}

@media (max-width: 991.98px){

  .navbar-expand-lg .navbar-collapse {

    display: flex!important;

  }

  .navbar-nav{

    flex-direction: row;

  }

  .nav-link{

    padding: 8px !important;

  }

 header.masthead {

    min-height: 700px;

}

}



@media (max-width: 500px){

  .small-hide-navbar{

    display: none;

  }

}



@media (max-width: 471px){

  h1.mb-5{

    font-size: 18px !important;

    margin: 50px 0 0 0 !important;

  }

  .masthead .text-center{

    font-size: 40px !important;

  }

  .text-citat em{

    font-size: 14px !important;

  }

  .author-citat{

    font-size: 14px !important;

    padding-left: 0;  

  }

  .nav-link{

    font-size: 9px !important;

  }

  h2{

    font-size: 34px !important;

    font-weight: 300;

  }

  header.masthead {

    min-height: 450px;

  }

  p.adress-snn{

    font-size: 16px;

  }

  .adress-snn-main{

    font-size: 18px;

  }

}

@media (max-width: 637px){

  .logo-footer-b{

    width: auto;

    height: 55px;

    margin: 2.5px 15px;

  }

  .logo-footer{

    width: auto;

    height: 35px;

    margin: 7.5px 15px;

  }



  .logo-footer-n{

    width: auto;

    height: 25px;

    margin: 17.5px 15px;

  }

  .logo-footer-nn{

    width: auto;

    height: 25px;

    margin: 17.5px 15px;

  }

  .content-wrap{

    /*background-color: greenyellow;

    height: 20px;*/

    width: 505px;

    margin: auto;

  }

}

@media (max-width: 505px){

  .logo-footer-b{

    width: auto;

    height: 50px;

    margin: 5px 10px;

  }

  .logo-footer{

    width: auto;

    height: 30px;

    margin: 15px 10px;

  }



  .logo-footer-n{

    width: auto;

    height: 20px;

    margin: 20px 10px;

  }

  .logo-footer-nn{

    width: auto;

    height: 20px;

    margin: 20px 10px;

  }

  .content-wrap{

    /*background-color: greenyellow;

    height: 20px;*/

    width: 397px;

    margin: auto;

  }

}

@media (max-width: 399px){

  #footer{

    display: none;

  }

  a.nav-link{

    padding: 4px !important;

  }

  section.text-center.bg-primary.partner-reveal{

    display: flex;

    flex-direction: row;

    padding-top: 0 !important;

  }

  section{

    padding-bottom: 60px

  }

  .partner-list{

    text-align: center;

  }

  .partner-logo{

    width: 100%;

    max-width: 240px;

    padding-right: 30px;

    padding-left: 30px;

    padding-bottom: 50px;

  }

  .partner-logo.partner-last{

    padding-bottom: 0px;

  }

}

@media (max-width: 339px){

  header.masthead{

    /*padding: 40% 0 !important;*/

    padding: 10vh 0 !important;

    height: 100%;

  }

  .masthead .text-center{

    font-size: 30px !important;

  }

  .small-hide-navbar-n{

    display: none;

  }

  a.nav-link{

    padding-right: 110px !important;

  }

}