.wisti-window {
   position: relative;
   padding: 51% 0 0 0;
   overflow: hidden;
}
.wisti-window.squared, .wisti-window.semi-squared {
   padding: 67% 0 0 0;
}
.wisti-window__overlay {
   position: absolute;
   z-index: 1;
   float: left;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-align: center;
   background-color: #E4E4E4;
   background-size: cover;
   background-position: center;
}
.wisti-window.playin .wisti-window__overlay {
   position: relative;
   filter: alpha(opacity=0);
   width: 0;
   height: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   -webkit-opacity: 0;
   -khtml-opacity: 0;
   -moz-opacity: 0;
   -ms-opacity: 0;
   -o-opacity: 0;
   opacity: 0;
   pointer-events: none;
   background-position: center;
   background-size: cover;
   -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, height 0s linear 0.5s, width 0s linear 1s;
   -khtml-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, height 0s linear 0.5s, width 0s linear 1s;
   -moz-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, height 0s linear 0.5s, width 0s linear 1s;
   -ms-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, height 0s linear 0.5s, width 0s linear 1s;
   -o-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, height 0s linear 0.5s, width 0s linear 1s;
   transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, height 0s linear 0.5s, width 0s linear 1s;
}
.wisti-window.playin .wisti-window__play {
   display: none;
}
.wisti-window .wisti-window__overlay:after {
   content: '';
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0;
   background-color: rgba(250,250,250,0.5);
   -webkit-transition: all .3s ease-out;
   -khtml-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
}
.wisti-window .wisti-window__overlay:hover {
   background-position: center;
   background-size: cover;
}
.wisti-window .wisti-window__overlay:hover:after {
   opacity: 1;
}
.wisti-window .wisti-window__overlay:hover .wisti-window__play {
   background-color: rgba(36, 205, 255, 0.85);
}
.wisti-window__contents {
   height: 100%;
   width: 100%;
   left: 0;
   position: absolute;
   top: 0;
   filter: alpha(opacity=0);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   -webkit-opacity: 0;
   -khtml-opacity: 0;
   -moz-opacity: 0;
   -ms-opacity: 0;
   -o-opacity: 0;
   opacity: 0;
}
.wisti-window__contents.ratio--wide {
   width: 91.5%;
   margin-left: 4.75%;
   filter: alpha(opacity=100);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-opacity: 1;
   -khtml-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
}
.wisti-window__contents.ratio--letterbox {
   width: 75%;
   margin-left: 12.5%;
   filter: alpha(opacity=100);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-opacity: 1;
   -khtml-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
}
.wisti-window__contents.ratio--almost-wide {
   width: 84.5%;
   margin-left: 7.75%;
   filter: alpha(opacity=100);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-opacity: 1;
   -khtml-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
}
.wisti-window__contents.ratio--almost-letterbox {
   margin-top: 0.5%;
   filter: alpha(opacity=100);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-opacity: 1;
   -khtml-opacity: 1;
   -moz-opacity: 1;
   -ms-opacity: 1;
   -o-opacity: 1;
   opacity: 1;
}
.wisti-window.squared .wisti-window__contents.ratio--wide {
   margin-top: 6.5%;
}
.wisti-window.semi-squared .wisti-window__contents.ratio--wide {
   width: 100%;
   margin-top: 6.5%;
}
.wisti-window.squared .wisti-window__contents.ratio--letterbox {
   width: 89%;
   margin-left: 5.5%;
}
.wisti-window.semi-squared .wisti-window__contents.ratio--letterbox {
   width: 89%;
   margin-left: 5.5%;
}
.wisti-window.squared .wisti-window__contents.ratio--almost-wide {
   width: 100%;
   margin-left: 0;
}
.wisti-window.semi-squared .wisti-window__contents.ratio--almost-wide {
   width: 100%;
   margin-left: 0;
}
.wisti-window.squared .wisti-window__contents.ratio--almost-letterbox {
   margin-top: 6%;
}
.wisti-window.semi-squared .wisti-window__contents.ratio--almost-letterbox {
   margin-top: 6%;
}
.wisti-window__video {
   height: 100%;
   width: 100%;
}
.wisti-window__play {
   position: absolute;
   z-index: 2;
   top: 50%;
   left: 50%;
   width: 30%;
   height: 25%;
   max-width: 110px;
   max-height: 60px;
   min-height: 50px;
   -webkit-transform: translateY(-50%) translateX(-50%);
   -moz-transform: translateY(-50%) translateX(-50%);
   -ms-transform: translateY(-50%) translateX(-50%);
   -o-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
   -webkit-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
   -khtml-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
   -moz-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
   -ms-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
   -o-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
   background-color: rgba(0, 172, 255, 0.67);
}
.wisti-window__play .glyphicon {
   position: relative;
   width: 100%;
   top: 50%;
   font-size: 29px;
   text-align: center;
   color: white;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}
.panel--img .wisti-window__overlay h3 {
   position: absolute;
   float: left;
   width: auto;
   bottom: 25px;
   left: 0;
   padding: 15px;
   min-width: 285px;
   font-size: 24px;
   text-align: left;
   background: rgba(250,250,250,0.8);
}
.main {
   float: left;
   width: 100%;
   position: relative;
   z-index: 2;
}
.main.smooth-me {
   -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
   -khtml-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
   -moz-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
   -ms-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
   -o-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
   transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.main.transit {
   -webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
   -khtml-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
   -moz-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
   -ms-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
   -o-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-content {
   position: relative;
   float: left;
   width: 100%;
   padding: 300px 0 60px 0;
   margin-top: 100vh;
}

@media only screen and (max-width: 768px) {
.main-content {
   margin-top: 0;
   z-index: 2;
   padding: 7.5% 0;
}
}
.main-content__img {
   float: left;
   width: 100%;
   height: auto;
   margin: 105px 0;
}

@media only screen and (max-width: 768px) {
.main-content__img {
   margin: 10% 0;
}
}
.main .show--sm {
   display: none;
}

@media only screen and (max-width: 768px) {
.main .show--sm {
   display: inline-block;
}
}
.main .show--sm img {
   margin: 0 0 10% 0;
}
.wisti-window + .panel--text {
   margin-top: 20px;
}
.wisti-window+.panel--text h4 {
   padding-bottom: 0;
}
.wisti-window+.panel--text h4+p {
   padding-top: 7px;
}
.wisti-window+.panel--text p {
   font-size: 15px;
   line-height: 1.5em;
}
.stopPadding {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
}