body {font-family: "Bebas" !important;}

::selection {
  background: #5a759b; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #5a759b; /* Gecko Browsers */
}

.container-fluid {max-width: 1600px;}

/* TITLES and TEXT */

h1 {color: #4D4D4D; text-transform: uppercase; font-size: 50px; line-height: 1; margin-bottom: 0px !important; font-weight: 500;}

.h1 {color: #4D4D4D; text-transform: uppercase; font-size: 50px; line-height: 1; margin-bottom: 0px !important; font-weight: 500;}

.s-text-v1 {line-height: 1; font-size: 32px; color: #4D4D4D; margin-bottom: 0px !important;}

.s-text-v2 {line-height: 1.5; font-size: 19px; color: #4D4D4D; margin-bottom: 0px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.font-helvetica {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

/* COLOR */

.s-color-blue {color: #5A759B;}

/* BACKGROUND */

.g-bg-blue1 {background: #5a759b;}

.g-bg-blue2 {background: #365074;}

.g-bg-blue3 {background: #5a759b !important;}
                                                                                        
.arrow-right {margin-bottom: -90px !important;}

.arrow-left {margin-bottom: -90px !important; left: 0;}
                                                  
/* BORDERS */

.s-border-right {border-right: solid 6px #5A759B; padding-right: 30px;}

.s-border-left {border-left: solid 6px #5A759B; padding-right: 30px;}

/* HOVERS */

.nav-item > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: -10px;
  left: 0;
  background-color: #5A759B;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.nav-item > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}  
.nav-item > a {
  position: relative;
}

/* HOVER KONTAKT */

.hover-link > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: -10px;
  left: 0;
  background-color: white;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
}

.hover-link:hover > a:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hover-link > a {
  position: relative;
}

.hover-link:hover > .icon-hover {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  color: white;
  animation: animationFrames linear 0.8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-25px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-15px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  45% {
    -moz-transform:  translate(0px,-15px)  ;
  }
  60% {
    -moz-transform:  translate(0px,0px)  ;
  }
  75% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-15px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  15% {
    -o-transform:  translate(0px,-25px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  45% {
    -o-transform:  translate(0px,-15px)  ;
  }
  60% {
    -o-transform:  translate(0px,0px)  ;
  }
  75% {
    -o-transform:  translate(0px,-5px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  15% {
    -ms-transform:  translate(0px,-25px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  45% {
    -ms-transform:  translate(0px,-15px)  ;
  }
  60% {
    -ms-transform:  translate(0px,0px)  ;
  }
  75% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

/* FORM */

.form-control {background: #5a759b !important; color: white; border: 0px !important;}


/* BUTTONS */

.btn-lg {border-radius: 0px !important;}

.btn-sstyl {border-color: white !important; color: white !important; background: transparent;}

.btn-sstyl-hover1:hover {background: #365074 !important; color: white;}

.btn-sstyl-hover2:hover {background: #5a759b !important; color: white;}

/* SHADOW */

.u-shadow-styl {-webkit-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.75);
box-shadow: 0px 0px 28px -8px rgba(0,0,0,0.75);}

.u-shadow-styl2 {-webkit-box-shadow: inset 0px 0px 23px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 23px -4px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 12px -4px rgba(0,0,0,0.75);}

/* TABLE */

.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6 !important;
  font-size: 20px !important;
}

.table td, .table th {
    padding: .85rem !important;
    vertical-align: top;
    border-top: 1px solid #365074;
}

/* GALLERY */

.u-fancybox-theme .fancybox-button, .u-fancybox-theme .fancybox-arrow {
    border-style: solid;
    border-color: white;
    background: #5a759b;
    color: white;
    outline: none;
    border-radius: 50%;
    opacity: .8;
    transition: opacity .3s ease;
}

@media only screen 
and (max-device-width : 1024px)  { .u-header--abs-top-2nd-screen{top: 0% !important;} .g-display-none{display: inherit !important;} .hidden-sm {display: none;} .xs-heading{font-size: 30px !important;}}

@media only screen 
and (min-device-width : 1025px) {.hidden-lg {display: none;}} 

@media only screen 
and (max-device-width : 812px) {.hidden-sm {display: none;} .xs-heading{font-size: 30px !important;}} 

@media only screen 
and (max-device-width : 376px) {.sm-resize {    max-width: 120% !important;
    height: auto;
    width: 120% !important;
    margin-left: -25px !important;}} 
    
    /* MS */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .u-block-hover:hover .u-block-hover__main--zoom-v1 {
   
   -webkit-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
   
   }
   
   [class*='u-block-hover'], [class*='u-block-hover']::before, [class*='u-block-hover']::after {transition: none !important;}
} 

.custom-height {height: 0px !important;}