body{
   font-family: 'Roboto Condensed', sans-serif;
   font-size:16px;
   line-height: 1.5;
}



.justifyleft {text-align:left !important; }
.justifyright {text-align:right !important; }
.justifycenter {text-align: center !important; }
.justifyfull {text-align:justify !important; }


.navbar-default{
    border: none;
    border-color: #ffffff;
    background: none;
    border-radius: 0px;
}
.navbar{
    border:0px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-top: 10px;
    border-radius: 0px;
    text-align:center;
    background:#171717!important; 
    -webkit-box-shadow: 0px 16px 24px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 16px 24px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 16px 24px -1px rgba(0,0,0,0.75);
}

header{
   position:relative;
   z-index:1;
   width: 100%;
   min-height: 56px;
    background: #171717!important;
}

footer {
    background: #171717!important;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}

footer a{
     color: #fff;
}

footer a:hover{
     color: #fff;
}

.navbar-nav li{
   border-bottom: 3px solid #171717;
}



.navbar-brand{
   display:none;
}

.navbar-nav {
   margin:auto;
}
.navbar-nav li a {
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFF;
    line-height: 35px;
    font-size: 18px;
    margin-right: 5px;
}

.navbar-nav li a:hover{
   text-decoration:none;
}

.navbar-nav li:hover{
   border-bottom: 3px solid #FFF;
}

.for_logo {
    position: absolute;
    width: auto;
    top: 10px;
    z-index: 10;
    left: 11px;
}

.for_logo img {
  height: 40px;
}

.section {
  position: relative;
  padding: 20% 10%;
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
  background: 50% 50% / cover;  
}



/* parallax */
.text {
  width: 50%;
  padding: 10px 50px;
  margin:auto;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}

#home_screen1 .text{
  margin-left: auto;
  margin-right: auto;
}
#home_screen1 .text{
  margin-left: 0;
  margin-right: auto;
}

#home_screen1 {
  background-image: url("../scroll-img/scroll-10.jpg");
  background-attachment: fixed;  
}


#home_screen2{
  background-image: url("../scroll-img/scroll-11.jpg");
  /*transform: translateZ(-1px) scale(2); */
  z-index:-1;
  padding: 20% 10% 20% 10%;
}
#home_screen3 {
 background-image: url("../scroll-img/scroll-9.jpg");
  background-attachment: fixed;
}
#home_screen4{
 background:#000;
 padding: 5% 10%;
}

#section3{
  background-image: url("http://i.imgur.com/jo4HX13.jpg");
  transform: translateZ(-1px) scale(2);
  z-index:-1;
}
#section4{
  background: #111;
}

video{
   object-fit: inherit;
}

#basic-content{
  margin:auto;
  width:600px;
  background: #fff;
  opacity: 0.8;
  padding: 28px;
}
#basic-content {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



#basic-content-wrapper-big, #basic-content-wrapper-smaller, #basic-content-wrapper {
    position: relative;
    padding: 13% 10%;
    min-height: 30%;
    width: 100%;
    box-sizing: border-box;
    background: 50% 50% / cover;
    background-attachment: fixed !important;
}

.isIpadOS #basic-content-wrapper-big,
.isIpadOS #basic-content-wrapper-smaller,
.isIpadOS #basic-content-wrapper,
.isIpadOS #home_screen1,
.isIpadOS #home_screen2,
.isIpadOS #home_screen3 {
   background-attachment: initial !important;  
}


#basic-content-wrapper-smaller {
   padding: 16% 10%;
}

#basic-content-wrapper-big{
   padding: 4% 10%;
}

#basic-content-wrapper-big #basic-content {
   width:800px;
}

.for_logo{
  transition: transform 4s;
  transform: scale(0.5);
}

p {
    margin: 0 0 16px;
}

.galery-content{
  max-width: 900px;
  margin:auto;
  min-height:700px;
  padding: 50px 10px;
}

.description-img{ 
  text-align:center;
  font-size:16px;
}

.tz-gallery img, .galery-content img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.button-back-gallery a button{
    background: #d6d6d6;
    color:#000;
}
.button-back-gallery a button:hover{
  background: #f3f3f3;
}


.galery-content h4{
  text-align: center;
}

.tz-gallery .preview, .galery-content .preview{
    display: block;
    position: relative;
    height: 170px;
    width: 100%;
}

.cleaner {
  width:100%;
  clear:both;
}


.tz-gallery .image-wrap-item{
   width: 12%;
   margin: 1%;
}

.tz-gallery  .image-wrap-item{
  float:left;
}

.tz-gallery h3 {
   text-align: center;
}
.tz-gallery .lightbox img{
  margin-bottom: auto;
  width:auto;
}
.button-back-gallery{
   text-align: center;
}

#medailon-wrapper{
  max-width:900px;
  margin:auto;
  padding-top:30px;
}

.medailon-img{
    width: 250px;
    position: relative;
    border-radius: 265px;
    height: 250px;
    margin: auto;
    overflow: hidden;
}

#medailon-wrapper img{
  width: 100%;
  max-height: auto;
    height: auto;
    position: absolute;
    top: 120px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.img-content-second,
.medailonek:hover .medailon-img .img-content-firt{
  display:none;
}

.medailonek:hover .medailon-img .img-content-second{
  display: inline-block;
}

.medailonek {
  text-align: justify;
}


.video-wrapper{
  width:1200px;
  padding-top:40px;
  padding-bottom:40px;
  margin:auto;
}

.video-wrapper h2{
    font-size:18px
}

.video-wrapper h2,
.medailonek h2{
  text-align: center;
}

.promo-video{
    width:100%;
}

#medailon-wrapper .medailonek a{
    display: block;
    width: auto;
    margin: 10px 10px 20px 10px;
    text-align: center;
}
#medailon-wrapper .medailonek a .btn{
    background: #151515;
    color: #fff;
    padding: 4px 14px;
    text-transform: uppercase;
    border: 2px solid #151515;
}

#medailon-wrapper .medailonek a:hover .btn{
    background: #fff;
    color: #151515;
    border: 2px solid #151515;
}

.arrow {
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  animation: bounce 2s infinite;
}

.video-wrapper video,
.video-wrapper iframe{
  width:100%!important;
}
.video-wrapper video,
.video-wrapper iframe{
  height:300px!important;
}

.galerie-detail .tz-gallery {
  min-height:650px;
}

footer .social-href:first-child {
    margin-right: 21px;
}

footer .social-href img{
    width: 54px;
    margin-top: 10px;
    margin-bottom: 17px;
    transition: all .2s ease-in-out;
}

footer .social-href img:hover {
   transform: scale(1.1); 
}

footer .social-href:hover{
   text-decoration: none;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@media (max-width: 1400px){
   .tz-gallery .image-wrap-item {
       width: 18%;
       margin: 1%;
    }

  
}

@media (max-width: 1200px){
    .text {
       width: 70%;
    }
   #home_screen4 {
      text-align:center;
   }
   #home_screen4 video{
       width: 800px;
       margin: auto;
       display: inline-block;
   }
   .tz-gallery .image-wrap-item {
       width: 18%;
       margin: 1%;
    }

   .video-wrapper{
      width: 90%;
   }

   .video-wrapper h2 {
    font-size: 18px;
    display: block;
    margin-top: 37px;
    min-height: 40px;
  }
}
@media (max-width: 1050px){
   .text {
        width: 75%;
    }
}

@media (min-width: 992px){
    .navbar-collapse.collapse{
        display:flex ! important;
    }
}

@media (max-width: 1130px){
   .navbar-nav{
      margin-left: 200px;
   }

   #basic-content-wrapper-big, #basic-content-wrapper-smaller, #basic-content-wrapper {
       position: relative;
       padding: 13% 10%;
       min-height: 30%;
       width: 100%;
       box-sizing: border-box;
       background: 50% 50% / cover;
       background-attachment: initial;
   }
   #home_screen1 {
       background-attachment: initial;
       background-position: center;
       background-size: auto;
    }
  
}

@media (max-width: 992px){
    #basic-content-wrapper-big, #basic-content-wrapper-smaller, #basic-content-wrapper{
       padding: 8% 0%;
    }

    #home_screen4{ 
       display: none;
    }

    .video-wrapper .col-md-6{
     max-width: 80%;
     float:none;
     margin: auto;
   }
  .video-wrapper h2 {
       min-height:auto;
   }

   #home_screen4 video{
       width: 600px;
       margin: auto;
       display: inline-block;
   }

   .tz-gallery .image-wrap-item {
       width: 23%;
       margin: 1%;
    }
   .galery-content .col-md-4.item{
       float:left;
       width: 49%;
   }

   #basic-content{
     padding: 12px;
   }
   #home_screen1{
      background-size: cover;
   }

   .navbar-nav li a {
       margin-left: 0px;
   }

    .for_logo {
       position: relative;
       width: auto;
       top: 10px;
       z-index: 10;
       left: 0px;
       text-align: center;
    }

   .navbar-collapse {
     box-shadow:none;
   }

    .col-md-4.medailonek{
      float: left;
      max-width: 48%;
    }

   .navbar-nav {
       margin: auto;
       float: none;
       width: 689px;
   }
 
   .navbar{
      box-shadow: none;
   } 

   #basic-content-wrapper-big #basic-content {
       width: 750px;
   }
   
   #depreload{
      display: none;
   }
   .for_logo img {
      height: 50px;
   }
   .navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
   }
   .navbar-nav{
     margin-top:8px;
   }
}


@media (min-width: 776px){

   .navbar-expand-lg .navbar-toggler {
       display: none;
   }
   .navbar-expand-lg .navbar-nav {
       -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
    }
}


@media (max-width:776px){
   footer, .navbar, header{
      background: #c37f75!important;
    }
#medailon-wrapper .medailonek a .btn {
    background: #c37e75;
    border: 2px solid #c37e75;
}
    .navbar-nav li {
       border-bottom: 3px solid #ffffff;
    }
   .navbar-nav li:hover {
     border-bottom: 3px solid #9c9c9c;
   }
   .text{
     background: rgba(195,127,117, 0.8);
   }

    #home_screen1 {
      background-image: url("../scroll-img/DSC_3489.jpg");
    } 

    #home_screen2 {
      background-image: url("../scroll-img/DSC_3441.jpg");
    } 

   #home_screen3 {
      background-image: url("../scroll-img/_MG_2539retus.jpg");
    } 

    .dveTriRadky #basic-content{
        padding: 120px 0px;
    }

    .video-wrapper .col-md-6{
       max-width: 100%;
    }
    .video-wrapper video,
    .video-wrapper iframe {
        height: 200px!important;
    }
    .text {
        width: 100%;
    } 
   .tz-gallery .image-wrap-item {
       width: 31%;
       margin: 1%;
   }
   .galery-content .col-md-4.item{
       float: none;
       width: 100%;
   }

   #basic-content{
     max-width:600px;
     width:100%;
   }

    #home_screen4{
       min-height: auto;
   } 

   #home_screen4 video{
       width: 90%;
   } 

   .col-md-4.medailonek{
      float: none;
      max-width: 100%;
    }
   .navbar-brand{
         display:block;
   }
   .navbar-light .navbar-brand{
       color:#FFFFFF;
   }
   .navbar-nav li a {
       width: 100%;
       display: inline-block;
       padding-left: 0px;
       padding-right: 0px;
       line-height: normal;
       font-size: 16px;
       margin-right: 0px;
   }
   #basic-content-wrapper-big #basic-content {
       width: 100%;
    }

   #basic-content-wrapper-big, #basic-content-wrapper-smaller, #basic-content-wrapper{
      padding:0px 0px;
   }

   .navbar-nav {
       width:auto;
   }

   .navbar {
      width:300px;
      margin:auto;
      padding-top: 21px;
   }

    .navbar-toggler{
        position: relative;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 2px solid #ffffff;
        border-color: #ffffff;
        border-radius: 4px;
        display: block;
        margin: auto;
        float: none;
    }
    .navbar-dark .navbar-toggler{
        border-color: #ffffff;
    }

    .navbar-toggler .icon-bar {
       display: block;
       width: 22px;
       height: 2px;
       border-radius: 1px;
       background-color: #ffffff;
    }
    .navbar-toggler .icon-bar + .icon-bar {
       margin-top: 4px;
     }
}
@media (max-width:600px){
    .tz-gallery .image-wrap-item {
        width: 48%;
        margin: 1%;
    }
}