.mt-overlay{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
.mt-element-overlay .mt-overlay-1{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-1 img{
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-1 h2{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    background:rgba(0,0,0,.6);
    -webkit-transform:translatey(-100px) translateZ(0);
    -ms-transform:translatey(-100px) translateZ(0);
    transform:translatey(-100px) translateZ(0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:10px
}
.mt-element-overlay .mt-overlay-1 .mt-info{
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:0;
    margin:auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%) translateZ(0);
    -webkit-transform:translateY(-50%) translateZ(0);
    -ms-transform:translateY(-50%) translateZ(0)
}
.mt-element-overlay .mt-overlay-1 .mt-info>li{
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-1 .mt-info>li:hover{
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-1:hover .mt-overlay{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.mt-element-overlay .mt-overlay-1:hover img{
    -ms-transform:scale(1.2) translateZ(0);
    -webkit-transform:scale(1.2) translateZ(0);
    transform:scale(1.2) translateZ(0)
}
.mt-element-overlay .mt-overlay-1:hover .mt-info{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.mt-element-overlay .mt-overlay-1 .mt-overlay{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,.7);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay{
    bottom:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay{
    bottom:-100%;
    top:auto
}
.mt-element-overlay .mt-overlay-1.mt-scroll-down:hover .mt-overlay{
    top:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-down .mt-overlay{
    top:-100%
}
.mt-element-overlay .mt-overlay-1.mt-scroll-left:hover .mt-overlay{
    right:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-left .mt-overlay{
    right:-100%;
    left:auto
}
.mt-element-overlay .mt-overlay-1.mt-scroll-right:hover .mt-overlay{
    left:0
}
.mt-element-overlay .mt-overlay-1.mt-scroll-right .mt-overlay{
    left:-100%
}
.mt-element-overlay .mt-overlay-2{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-2 img{
    display:block;
    position:relative;
    -webkit-transition:all .4s ease-in;
    transition:all .4s ease-in;
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-2 h2{
    text-align:center;
    position:relative;
    font-size:17px;
    padding:10px;
    background:rgba(0,0,0,.6)
}
.mt-element-overlay .mt-overlay-2 .mt-info,.mt-element-overlay .mt-overlay-2 h2{
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7);
    -webkit-transition:all .4s ease-in;
    transition:all .4s ease-in;
    opacity:0;
    filter:alpha(opacity=0);
    color:#fff;
    text-transform:uppercase
}
.mt-element-overlay .mt-overlay-2 .mt-info{
    display:inline-block;
    text-decoration:none;
    margin:auto;
    position:absolute;
    top:50%;
    -webkit-transform:scale(.7) translateY(-50%) translateX(-50%);
    -ms-transform:scale(.7) translateY(-50%) translateX(-50%);
    transform:scale(.7) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-2 .mt-info:hover{
    box-shadow:0 0 5px #fff
}
.mt-element-overlay .mt-overlay-2:hover img{
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="https://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    filter:blur(3px);
    -webkit-filter:blur(3px);
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.mt-element-overlay .mt-overlay-2:hover .mt-overlay{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0)
}
.mt-element-overlay .mt-overlay-2:hover h2{
    -webkit-transition-delay:.5s;
    transition-delay:.5s
}
.mt-element-overlay .mt-overlay-2:hover .mt-info,.mt-element-overlay .mt-overlay-2:hover h2{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:scale(1) translateY(-50%);
    -ms-transform:scale(1) translateY(-50%);
    transform:scale(1) translateY(-50%)
}
.mt-element-overlay .mt-overlay-2:hover .mt-info{
    -webkit-transform:scale(1) translateY(-50%) translateX(-50%);
    -ms-transform:scale(1) translateY(-50%) translateX(-50%);
    transform:scale(1) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-2 .mt-overlay{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-grey:hover img{
    filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="https://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    filter:grayscale(1) blur(3px);
    -webkit-filter:grayscale(1) blur(3px)
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info{
    border:none;
    width:100%;
    padding:0;
    -webkit-transform:scale(.7) translateY(-50%) translateX(-50%);
    -ms-transform:scale(.7) translateY(-50%) translateX(-50%);
    transform:scale(.7) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info:hover{
    box-shadow:none
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info>li{
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info>li:hover{
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-3 .mt-info,.mt-element-overlay .mt-overlay-3 h2{
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    color:#fff;
    text-transform:uppercase
}
.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons:hover .mt-info{
    -webkit-transform:scale(1) translateY(-50%) translateX(-50%);
    -ms-transform:scale(1) translateY(-50%) translateX(-50%);
    transform:scale(1) translateY(-50%) translateX(-50%)
}
.mt-element-overlay .mt-overlay-3{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-3 img{
    display:block;
    position:relative;
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-3 h2{
    text-align:center;
    position:relative;
    font-size:17px;
    padding:10px;
    background:rgba(0,0,0,.6);
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81)
}
.mt-element-overlay .mt-overlay-3 .mt-info{
    display:inline-block;
    text-decoration:none;
    border:1px solid #fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    font-weight:400;
    position:absolute;
    top:15px;
    bottom:15px;
    left:15px;
    right:15px;
    margin:auto;
    padding:45% 0 0
}
.mt-element-overlay .mt-overlay-3 .mt-info:hover{
    box-shadow:0 0 5px #fff
}
.mt-element-overlay .mt-overlay-3:hover .mt-overlay{
    background-color:rgba(48,152,157,.7)
}
.mt-element-overlay .mt-overlay-3:hover h2{
    -webkit-transform:translateY(5px);
    -ms-transform:translateY(5px);
    transform:translateY(5px)
}
.mt-element-overlay .mt-overlay-3:hover .mt-info{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.mt-element-overlay .mt-overlay-3 .mt-overlay{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    background-color:rgba(75,75,75,.7);
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81)
}
.mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info{
    padding:40% 0 0
}
.mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info>li{
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info>li:hover{
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-4{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}
.mt-element-overlay .mt-overlay-4 img{
    display:block;
    position:relative;
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    width:100%;
    height:auto
}
.mt-element-overlay .mt-overlay-4 h2{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    background:rgba(0,0,0,.6);
    -webkit-transform:translatey(-100px);
    -ms-transform:translatey(-100px);
    transform:translatey(-100px);
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    padding:10px
}
.mt-element-overlay .mt-overlay-4 .mt-info{
    display:inline-block;
    text-transform:uppercase;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    margin:50px 0 0
}
.mt-element-overlay .mt-overlay-4:hover .mt-overlay{
    opacity:1;
    filter:alpha(opacity=100)
}
.mt-element-overlay .mt-overlay-4:hover .mt-info,.mt-element-overlay .mt-overlay-4:hover h2{
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0)
}
.mt-element-overlay .mt-overlay-4:hover .mt-info{
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.mt-element-overlay .mt-overlay-4 .mt-overlay{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
    background-color:rgba(0,0,0,.7);
    -webkit-transition:all .4s cubic-bezier(.88,-.99,0,1.81);
    transition:all .4s cubic-bezier(.88,-.99,0,1.81)
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info{
    border:none;
    position:absolute;
    padding:0;
    top:50%;
    left:0;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    margin:auto
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info:hover{
    box-shadow:none
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info>li{
    list-style:none;
    display:inline-block;
    margin:0 3px
}
.mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info>li:hover{
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-5{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
    background:-webkit-linear-gradient(45deg,#ff89e9 0,#05abe0 100%);
    background:linear-gradient(45deg,#ff89e9 0,#05abe0 100%)
}
.mt-element-overlay .mt-overlay-5 .mt-overlay{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    padding:3em;
    text-align:left
}
.mt-element-overlay .mt-overlay-5 .mt-overlay:before{
    position:absolute;
    top:20px;
    right:20px;
    bottom:20px;
    left:20px;
    border:1px solid #fff;
    content:'';
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:opacity .35s,-webkit-transform .45s;
    transition:opacity .35s,transform .45s;
    -webkit-transform:translate3d(-20px,0,0);
    transform:translate3d(-20px,0,0)
}
.border-after-white:after,.border-before-white:before,.border-white{
    border-color:#fff!important
}
.border-top-after-white:after,.border-top-before-white:before,.border-top-white{
    border-top-color:#fff!important
}
.border-bottom-after-white:after,.border-bottom-before-white:before,.border-bottom-white{
    border-bottom-color:#fff!important
}
.border-left-after-white:after,.border-left-before-white:before,.border-left-white{
    border-left-color:#fff!important
}
.border-right-after-white:after,.border-right-before-white:before,.border-right-white{
    border-right-color:#fff!important
}
.mt-element-overlay .mt-overlay-5 img{
    display:block;
    position:relative;
    max-width:none;
    width:calc(113% + 60px);
    -webkit-transition:opacity .35s,-webkit-transform .45s;
    transition:opacity .35s,transform .45s;
    -webkit-transform:translate3d(-40px,0,0);
    transform:translate3d(-40px,0,0)
}
.mt-element-overlay .mt-overlay-5 h2{
    text-transform:uppercase;
    color:#fff;
    position:relative;
    font-size:17px;
    background-color:transparent;
    padding:15% 0 10px;
    text-align:left
}
.mt-element-overlay .mt-overlay-5 a,.mt-element-overlay .mt-overlay-5 p{
    color:#FFF;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:opacity .35s,-webkit-transform .45s;
    transition:opacity .35s,transform .45s;
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0)
}
.mt-element-overlay .mt-overlay-5 a:hover{
    text-decoration:none;
    opacity:.6;
    filter:alpha(opacity=60)
}
.mt-element-overlay .mt-overlay-5:hover img{
    opacity:.6;
    filter:alpha(opacity=60);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-5:hover .mt-overlay:before,.mt-element-overlay .mt-overlay-5:hover a,.mt-element-overlay .mt-overlay-5:hover p{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-6{
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
    background:#42b078
}
.mt-element-overlay .mt-overlay-6 .mt-overlay{
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    padding:50px 20px
}
.mt-element-overlay .mt-overlay-6 img{
    display:block;
    position:relative;
    max-width:none;
    width:calc(100% + 20px);
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.mt-element-overlay .mt-overlay-6 h2{
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    overflow:hidden;
    padding:.5em 0;
    background-color:transparent
}
.mt-element-overlay .mt-overlay-6 h2:after{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:#fff;
    content:'';
    -webkit-transition:-webkit-transform .35s;
    transition:transform .35s;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.mt-element-overlay .mt-overlay-6 a,.mt-element-overlay .mt-overlay-6 p{
    color:#FFF;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,transform .35s;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.mt-element-overlay .mt-overlay-6 p{
    margin-top:20px
}
.mt-element-overlay .mt-overlay-6 .mt-info:hover{
    text-decoration:none;
    opacity:.6;
    filter:alpha(opacity=60);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
.mt-element-overlay .mt-overlay-6:hover img{
    opacity:.4;
    filter:alpha(opacity=40);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-6:hover h2:after{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.mt-element-overlay .mt-overlay-6:hover a,.mt-element-overlay .mt-overlay-6:hover p{
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.bg-white{
    background:#fff!important
}
.bg-white-opacity{
    background:rgba(255,255,255,.8)!important
}
.bg-after-white:after,.bg-before-white:before,.bg-hover-white:hover{
    background:#fff!important
}