.DnnplusHomeContainer { min-height: 20px; overflow: hidden; width: 100%; margin: 15px 0; }
.DnnplusHomeHead svg { float: right; }
.DnnplusHomeHead h2 { color: #ee3a43; float: right; font-size: 17px; margin: 6px !important; font-weight: bold; }
.DnnplusHomeHead { border-bottom: 3px solid #00a4e4; height: 43px !important; margin: 0 0 10px !important; width: inherit !important; }
#m-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#s-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#mp-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#sp-slider.owl-theme .owl-controls .owl-buttons .owl-prev { background: transparent !important; left: 0; margin: 5px; -ms-opacity: 1 !important; opacity: 1 !important; padding: 7px 4px; top: -74px !important; -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); }
#m-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#s-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#mp-slider.owl-theme .owl-controls .owl-buttons .owl-next,
#sp-slider.owl-theme .owl-controls .owl-buttons .owl-next { background: transparent !important; left: 29px; -ms-opacity: 1; opacity: 1; margin: 5px; padding: 7px 4px; right: auto !important; top: -74px !important; -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); }
.owl-theme .owl-controls .owl-buttons div { background: transparent !important; opacity: 1 !important; top: 45px !important; }
.Slider-More-bottom { margin: 5px auto; display: block; text-align: center; }
    .Slider-More-bottom a { background: #fff; border-bottom: 2px solid #00a4e4; border-radius: 8px; font-size: 12px; position: relative; width: calc(100% - 22px); display: block; height: 35px; margin: 0 auto; color: #47292b; border-top: 2px solid #00a4e4; line-height: 32px; font-weight: bold; }
        .Slider-More-bottom a:hover { border-color: #EE3A43; color: #EE3A43; }

/* Common style */
.DnnplusHome .owl-wrapper figure { border: 3px solid #00a4e4; border-radius: 15px; cursor: pointer; height: 190px; margin: 8px 6%; overflow: hidden; position: relative; text-align: center; width: 190px; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.DnnplusHome.Prod .owl-wrapper figure { height: 230px !important; margin: 20px auto !important; width: 230px !important; }
.DnnplusHome .owl-wrapper figure:hover { border: 3px solid #EE3A43; }
.DnnplusHome .owl-wrapper figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }
.DnnplusHome .owl-wrapper figure figcaption { padding: 50px 0; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
    .DnnplusHome .owl-wrapper figure figcaption::before,
    .DnnplusHome .owl-wrapper figure figcaption::after { pointer-events: none; }
    .DnnplusHome .owl-wrapper figure figcaption,
    .DnnplusHome .owl-wrapper figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        /* Anchor will cover the whole item by default */
        /* For some effects it will show as a button */
        .DnnplusHome .owl-wrapper figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.DnnplusHome .owl-wrapper figure h5 { word-spacing: -0.15em; font-weight: 300; }
.DnnplusHome figure h5 span { font-weight: 800; }
.DnnplusHome .owl-wrapper figure h5,
.DnnplusHome .owl-wrapper figure p { margin: 0; }
.DnnplusHome .owl-wrapper figure p { letter-spacing: 1px; font-size: 68.5%; }
/* Individual effects */
/*---------------*/
/***** Julia *****/
/*---------------*/
.DnnplusHome .owl-wrapper figure.effect-julia { background: #2f3238; }
    .DnnplusHome .owl-wrapper figure.effect-julia img { width: 190px; height: 190px; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; }
.DnnplusHome.Prod .owl-wrapper figure.effect-julia img { height: 230px; width: 230px; }
.DnnplusHome .owl-wrapper figure.effect-julia figcaption { text-align: right; }
.DnnplusHome .owl-wrapper figure.effect-julia h2 { position: relative; padding: 0.5em 0; }
.DnnplusHome .owl-wrapper figure.effect-julia p { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; border-radius: 8px 0 0 8px; color: #ee3a43; display: inline-block; font-size: 75%; font-weight: normal !important; margin: 0 0 15px; padding: 3px 9px; text-transform: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); -moz-transform: translate3d(-360px,0,0); -ms-transform: translate3d(-360px,0,0); -o-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); }
    .DnnplusHome .owl-wrapper figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; }
    .DnnplusHome .owl-wrapper figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
    .DnnplusHome .owl-wrapper figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.DnnplusHome .owl-wrapper figure.effect-julia:hover img { opacity: 0.3; -webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.DnnplusHome .owl-wrapper figure.effect-julia:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/**************/
.owl-carousel { direction: ltr; }
#owl-demo .item { display: block; padding: 30px 0px; margin: 5px; color: #ee3a43; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }
.owl-theme .owl-controls .owl-buttons div { padding: 5px 9px; }
.owl-Preview { background-position: -490px -137px; height: 53px; width: 32px; display: block; }
.owl-Nextiv { background-position: -522px -137px; height: 52px; width: 32px; display: block; }
    .owl-Nextiv:hover { background-position: -522px -193px; }
.owl-Preview:hover { background-position: -490px -193px; }
.owl-theme .owl-controls .owl-buttons div { position: absolute; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -45px; top: 55px; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -45px; top: 55px; }
.Text-Portofolio-dnn h4 { color: #47292b; font-size: 18px; text-align: center; font-weight: bold; }