body {
font-family: Roboto, 'Open Sans', sans-serif
}
@-webkit-keyframes L_circle_rotate {
0% { transform: rotate(0) }
100% { transform: rotate(360deg) }
}
@keyframes L_circle_rotate {
0% { transform: rotate(0) }
100% { transform: rotate(360deg) }
}
@-webkit-keyframes L_stroke_rotate {
0% { transform: rotate(0) }
12.5% { transform: rotate(135deg) }
25% { transform: rotate(270deg) }
37.5% { transform: rotate(405deg) }
50% { transform: rotate(540deg) }
62.5% { transform: rotate(675deg) }
75% { transform: rotate(810deg) }
87.5% { transform: rotate(945deg) }
100% { transform: rotate(1080deg) }
}
@keyframes L_stroke_rotate {
0% {transform: rotate(0) }
12.5% {transform: rotate(135deg) }
25% {transform: rotate(270deg) }
37.5% {transform: rotate(405deg) }
50% {transform: rotate(540deg) }
62.5% {transform: rotate(675deg) }
75% {transform: rotate(810deg) }
87.5% {transform: rotate(945deg) }
100% {transform: rotate(1080deg) }
}
@-webkit-keyframes L_stroke_left_grow {
0%, 100% { transform: rotate(-5deg) }
50% { transform: rotate(-140deg) }
}
@keyframes L_stroke_left_grow {
0%, 100% { transform: rotate(-5deg) }
50% { transform: rotate(-140deg) }
}
@-webkit-keyframes L_stroke_right_grow {
0%, 100% { transform: rotate(5deg) }
50% { transform: rotate(140deg) }
}
@keyframes L_stroke_right_grow {
0%, 100% { transform: rotate(5deg) }
50% { transform: rotate(140deg) }
}
.loader-circle {
top: 50%;
left: 50%;
z-index: 1;
color: #444;
margin-top: -1em;
margin-left: -1em;
position: absolute;
-webkit-animation: L_circle_rotate 1.568s linear infinite both;
animation: L_circle_rotate 1.568s linear infinite both
}
.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right:before,
.loader-circle:before {
content: '';
display: block;
border-style: solid;
border-width: .21429em;
border-color: currentColor
}
.loader-circle,
.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right,
.loader-circle .loader-stroke-right:before,
.loader-circle:before {
width: 2em;
height: 2em;
border-radius: 50%;
box-sizing: border-box
}
.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right {
position: absolute;
clip: rect(0 2em 2em 1em)
}
.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-right:before {
position: absolute;
clip: rect(0 1em 2em 0)
}
.loader-circle:before {
position: absolute;
clip: rect(0 1.05em 1em .95em)
}
.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-right,
.loader-circle:before {
-webkit-animation: L_stroke_rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
animation: L_stroke_rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.loader-circle .loader-stroke-right:before {
-webkit-animation: L_stroke_right_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
animation: L_stroke_right_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.loader-circle .loader-stroke-left:before {
-webkit-animation: L_stroke_left_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
animation: L_stroke_left_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mhn-slide .mhn-item {
width: 100%;
height: 100%;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.owl-dots::after {
content: '';
width: 100%;
height: 5px;
position: absolute;
top: 33px;
border-top: #eee 1px dashed;
border-radius: 10px;
}
.mhn-slide .mhn-inner {
width: 100%;
height: 100%;
padding: 20px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .26);
background: #ffffff;
border-radius: 10px;
}
.mhn-slide .mhn-img {
min-height: 200px;
overflow: hidden;
height: 100%;
width: 100%;
color: white;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;
position: relative
}
.mhn-slide .mhn-text {
text-align: center;
padding: 0 10px
}
.mhn-slide .mhn-text h4 {
font-weight: 700;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.mhn-slide .mhn-item h4 span {
background: #212121;
display: inline-block;
padding: 0 10px;
color:#ebd6b6;
}
.mhn-slide .mhn-text p {
text-align: left;
font-size: medium;
}
.mhn-slide .owl-stage-outer {
z-index: 1
}
.mhn-slide .owl-nav {
color: #333;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.mhn-slide .owl-nav svg {
color: currentColor
}
.mhn-slide .owl-nav .disabled {
display: none
}
.mhn-slide .owl-prev,
.mhn-slide .owl-next {
top: 10px;
z-index: 2;
width: 40px;
height: 40px;
padding: 3px;
position: absolute;
border-radius: 50%;
background-color: #212121;
}
.mhn-slide .owl-prev {
left: -10px
}
.mhn-slide .owl-prev svg{
filter: invert(1);
}
.mhn-slide .owl-next svg{
filter: invert(1);
}
.mhn-slide .owl-next {
right: -10px
}
.owl-carousel,.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
display: flex;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
margin-bottom: 30px;
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
@media only screen and (max-width: 600px) {
.col.s12.m12.l12.xl5.paddinglat5.marginbottom10 {
    padding: 10px 60px !important;
}
.mhn-slide .owl-nav {
    width: 98%;
}
}