.padding-w-0{
    padding-right:0;
    padding-left:0;
}

/*
  center 
*/
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
}

/*end of center*/

.image-wrapper-66 {
  width: 100%;
  display: inline-block;
  position: relative;
}
.image-wrapper-66:after {
  padding-top: 66%;
  display: block;
  content: '';
}
.image-wrapper-75 {
  width: 100%;
  display: inline-block;
  position: relative;
}
.image-wrapper-75:after {
  padding-top: 75%;
  display: block;
  content: '';
}
.image-wrapper-square {
  width: 100%;
  display: inline-block;
  position: relative;
}
.image-wrapper-square:after {
  padding-top: 100%;
  display: block;
  content: '';
}

.text-wrapper-line-2 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 20px;     /* fallback */
   max-height: 40px;      /* fallback */
   height: 40px;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.text-wrapper-line-1 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.center-crop-image-frame {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #f8f8f9;
  text-align: center;
  overflow: hidden;
}
.img-center-crop{
  position:absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.landing-page .fixed-section{
  background-size:cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
}

.landing-page .scroll-section{
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center; 
}

.landing-page h2{
  line-height: 150%;
}




/* Small devices (tablets, 768px and up) */
@media (min-width: 992px) {
    .row.vertical-align {
        display: flex;
        align-items: center;
    }
}

/* Extra small devices (767px and down) */
@media (max-width: 991px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }
}



/* video background */
/* Global Styles */

/* Video Overlay */

#overlay {
background-color:rgba(255,255,255,.45);
height:100%;
left:0;
position:relative;
top:0;
transition:background-color 300ms ease;
width:100%;
}

.fade { background-color:rgba(255,255,255,.65) !important; }


/* Hero Video + Fallback */

#hero-vid {
backface-visibility:hidden;
background:url("../img/carousel-skale.jpg") no-repeat scroll 0 0 #000;
background-size:cover;
bottom:0;
height:auto;
min-height:100%;
min-width:100%;
perspective:1000;
position:fixed;
right:0;
width:auto;
z-index:-1;
}

#hero-pic {
display:block;
height:auto;
width:100%;
}

#state {
background-color:rgba(255,255,255,.45);
bottom:0;
cursor:pointer;
font-size:2.25em;
left:0;
padding:0.55em 1.05em 0.35em 1em;
position:absolute;
}


/* Media Queries */

@media only screen and (max-width:768px) {
    #overlay { height:auto; }
}


/* Visibility Helpers */

@media only screen and (min-width:769px) {
    .visible-mobile,.visible-tablet,.hidden-desktop { display:none !important; }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    .visible-mobile,.hidden-tablet,.visible-desktop { display:none !important; }
}

@media only screen and (max-width:479px) {
    .hidden-mobile,.visible-tablet,.visible-desktop { display:none !important; }
}