/*
Theme Name: Design House
Author: Samuel Resua
*/
* { box-sizing: border-box; }
*:before, *:after { box-sizing: border-box; }

html, body { min-height: 100%; height: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

a { text-decoration: none; }

q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.group:after { content: ""; display: table; clear: both; }

/*
=======================================================================================================
OWL CAROUSEL
=======================================================================================================
*/
/*  Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
/*  Owl Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/*  Core Owl Carousel CSS File */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }

.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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel .owl-refresh .owl-item { display: none; }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-item { -webkit-transform: translateZ(0) scale(1, 1); }

.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }

.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/*  Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/*  Owl Carousel - Video Plugin */
.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; -webkit-transition: scale 100ms ease; transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; }

/* owl img */
.owl img { width: 100%; vertical-align: bottom; }

/* owl pagination */
.owl-dots { text-align: center; margin: 16px 0 0 0; }
.owl-dots .active { background: #888 !important; }
.owl-dots .owl-dot { width: 12px; height: 12px; border-radius: 50%; background: #ccc; display: inline-block; margin: 0 5px; }

/*
Fade In
*/
nav.mobile.fadein { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; background: rgba(255, 255, 255, 0.9); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

nav.mobile.fadein.show { z-index: 99999; }

nav.mobile.fadein.showfade { opacity: 1; }

.closefadenav { width: 15px; position: absolute; top: 20px; right: 20px; }

nav.mobile.fadein li { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); font-size: 16px; }

nav.mobile.fadein.animating li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

nav.mobile.fadein li:nth-child(0) { -webkit-transition: all 0.2s -0.05s ease-in-out; transition: all 0.2s -0.05s ease-in-out; }

nav.mobile.fadein li:nth-child(1) { -webkit-transition: all 0.2s 0s ease-in-out; transition: all 0.2s 0s ease-in-out; }

nav.mobile.fadein li:nth-child(2) { -webkit-transition: all 0.2s 0.05s ease-in-out; transition: all 0.2s 0.05s ease-in-out; }

nav.mobile.fadein li:nth-child(3) { -webkit-transition: all 0.2s 0.1s ease-in-out; transition: all 0.2s 0.1s ease-in-out; }

nav.mobile.fadein li:nth-child(4) { -webkit-transition: all 0.2s 0.15s ease-in-out; transition: all 0.2s 0.15s ease-in-out; }

nav.mobile.fadein li:nth-child(5) { -webkit-transition: all 0.2s 0.2s ease-in-out; transition: all 0.2s 0.2s ease-in-out; }

nav.mobile.fadein li:nth-child(6) { -webkit-transition: all 0.2s 0.25s ease-in-out; transition: all 0.2s 0.25s ease-in-out; }

nav.mobile.fadein li:nth-child(7) { -webkit-transition: all 0.2s 0.3s ease-in-out; transition: all 0.2s 0.3s ease-in-out; }

nav.mobile.fadein li:nth-child(8) { -webkit-transition: all 0.2s 0.35s ease-in-out; transition: all 0.2s 0.35s ease-in-out; }

nav.mobile.fadein li:nth-child(9) { -webkit-transition: all 0.2s 0.4s ease-in-out; transition: all 0.2s 0.4s ease-in-out; }

nav.mobile.fadein li:nth-child(10) { -webkit-transition: all 0.2s 0.45s ease-in-out; transition: all 0.2s 0.45s ease-in-out; }

nav.mobile.fadein li:nth-child(11) { -webkit-transition: all 0.2s 0.5s ease-in-out; transition: all 0.2s 0.5s ease-in-out; }

nav.mobile.fadein li:nth-child(12) { -webkit-transition: all 0.2s 0.55s ease-in-out; transition: all 0.2s 0.55s ease-in-out; }

nav.mobile.fadein li:nth-child(13) { -webkit-transition: all 0.2s 0.6s ease-in-out; transition: all 0.2s 0.6s ease-in-out; }

nav.mobile.fadein li:nth-child(14) { -webkit-transition: all 0.2s 0.65s ease-in-out; transition: all 0.2s 0.65s ease-in-out; }

nav.mobile.fadein li:nth-child(15) { -webkit-transition: all 0.2s 0.7s ease-in-out; transition: all 0.2s 0.7s ease-in-out; }

nav.mobile.fadein li:nth-child(16) { -webkit-transition: all 0.2s 0.75s ease-in-out; transition: all 0.2s 0.75s ease-in-out; }

nav.mobile.fadein li:nth-child(17) { -webkit-transition: all 0.2s 0.8s ease-in-out; transition: all 0.2s 0.8s ease-in-out; }

nav.mobile.fadein li:nth-child(18) { -webkit-transition: all 0.2s 0.85s ease-in-out; transition: all 0.2s 0.85s ease-in-out; }

nav.mobile.fadein li:nth-child(19) { -webkit-transition: all 0.2s 0.9s ease-in-out; transition: all 0.2s 0.9s ease-in-out; }

nav.mobile.fadein li:nth-child(20) { -webkit-transition: all 0.2s 0.95s ease-in-out; transition: all 0.2s 0.95s ease-in-out; }

nav.mobile.fadein li:nth-child(21) { -webkit-transition: all 0.2s 1s ease-in-out; transition: all 0.2s 1s ease-in-out; }

nav.mobile.fadein li:nth-child(22) { -webkit-transition: all 0.2s 1.05s ease-in-out; transition: all 0.2s 1.05s ease-in-out; }

nav.mobile.fadein li:nth-child(23) { -webkit-transition: all 0.2s 1.1s ease-in-out; transition: all 0.2s 1.1s ease-in-out; }

nav.mobile.fadein li:nth-child(24) { -webkit-transition: all 0.2s 1.15s ease-in-out; transition: all 0.2s 1.15s ease-in-out; }

nav.mobile.fadein li:nth-child(25) { -webkit-transition: all 0.2s 1.2s ease-in-out; transition: all 0.2s 1.2s ease-in-out; }

nav.mobile.fadein li:nth-child(26) { -webkit-transition: all 0.2s 1.25s ease-in-out; transition: all 0.2s 1.25s ease-in-out; }

nav.mobile.fadein li:nth-child(27) { -webkit-transition: all 0.2s 1.3s ease-in-out; transition: all 0.2s 1.3s ease-in-out; }

nav.mobile.fadein li:nth-child(28) { -webkit-transition: all 0.2s 1.35s ease-in-out; transition: all 0.2s 1.35s ease-in-out; }

nav.mobile.fadein li:nth-child(29) { -webkit-transition: all 0.2s 1.4s ease-in-out; transition: all 0.2s 1.4s ease-in-out; }

nav.mobile.fadein li:nth-child(30) { -webkit-transition: all 0.2s 1.45s ease-in-out; transition: all 0.2s 1.45s ease-in-out; }

nav.mobile.fadein li:nth-child(31) { -webkit-transition: all 0.2s 1.5s ease-in-out; transition: all 0.2s 1.5s ease-in-out; }

nav.mobile.fadein li:nth-child(32) { -webkit-transition: all 0.2s 1.55s ease-in-out; transition: all 0.2s 1.55s ease-in-out; }

nav.mobile.fadein li:nth-child(33) { -webkit-transition: all 0.2s 1.6s ease-in-out; transition: all 0.2s 1.6s ease-in-out; }

nav.mobile.fadein li:nth-child(34) { -webkit-transition: all 0.2s 1.65s ease-in-out; transition: all 0.2s 1.65s ease-in-out; }

nav.mobile.fadein li:nth-child(35) { -webkit-transition: all 0.2s 1.7s ease-in-out; transition: all 0.2s 1.7s ease-in-out; }

nav.mobile.fadein li:nth-child(36) { -webkit-transition: all 0.2s 1.75s ease-in-out; transition: all 0.2s 1.75s ease-in-out; }

nav.mobile.fadein li:nth-child(37) { -webkit-transition: all 0.2s 1.8s ease-in-out; transition: all 0.2s 1.8s ease-in-out; }

nav.mobile.fadein li:nth-child(38) { -webkit-transition: all 0.2s 1.85s ease-in-out; transition: all 0.2s 1.85s ease-in-out; }

nav.mobile.fadein li:nth-child(39) { -webkit-transition: all 0.2s 1.9s ease-in-out; transition: all 0.2s 1.9s ease-in-out; }

nav.mobile.fadein li:nth-child(40) { -webkit-transition: all 0.2s 1.95s ease-in-out; transition: all 0.2s 1.95s ease-in-out; }

nav.mobile.fadein li:nth-child(41) { -webkit-transition: all 0.2s 2s ease-in-out; transition: all 0.2s 2s ease-in-out; }

nav.mobile.fadein li:nth-child(42) { -webkit-transition: all 0.2s 2.05s ease-in-out; transition: all 0.2s 2.05s ease-in-out; }

nav.mobile.fadein li:nth-child(43) { -webkit-transition: all 0.2s 2.1s ease-in-out; transition: all 0.2s 2.1s ease-in-out; }

nav.mobile.fadein li:nth-child(44) { -webkit-transition: all 0.2s 2.15s ease-in-out; transition: all 0.2s 2.15s ease-in-out; }

nav.mobile.fadein li:nth-child(45) { -webkit-transition: all 0.2s 2.2s ease-in-out; transition: all 0.2s 2.2s ease-in-out; }

nav.mobile.fadein li:nth-child(46) { -webkit-transition: all 0.2s 2.25s ease-in-out; transition: all 0.2s 2.25s ease-in-out; }

nav.mobile.fadein li:nth-child(47) { -webkit-transition: all 0.2s 2.3s ease-in-out; transition: all 0.2s 2.3s ease-in-out; }

nav.mobile.fadein li:nth-child(48) { -webkit-transition: all 0.2s 2.35s ease-in-out; transition: all 0.2s 2.35s ease-in-out; }

nav.mobile.fadein li:nth-child(49) { -webkit-transition: all 0.2s 2.4s ease-in-out; transition: all 0.2s 2.4s ease-in-out; }

/*
Left/Right Slide In
*/
nav.mobile.left, nav.mobile.right { width: 240px; position: fixed; top: 0; height: 100%; background: #f3f3f3; z-index: 0; text-transform: uppercase; display: none; }

nav.mobile.left { left: 0; }

nav.mobile.right { right: 0; }

.page { position: relative; min-height: 100%; z-index: 1; background: #fff; background-attachment: fixed; background-size: cover; background-position: center center; }

.animating nav.mobile, .menu-visible nav.mobile { display: block; }

.animating .page { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); }

.animating.left .page { -webkit-transform: translate3d(-240px, 0, 0); transform: translate3d(-240px, 0, 0); }

.animating.right .page { -webkit-transform: translate3d(240px, 0, 0); transform: translate3d(240px, 0, 0); }

.menu-visible.leftstick .page { left: 240px; }

.menu-visible.rightstick .page { right: 240px; }

.trig { display: none; width: 80px; }
@media (max-width: 400px) { .trig { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }
.trig img { width: 100%; margin: auto; }

.preloader { background: white; top: 0; bottom: 0; left: 0; right: 0; position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 999999; }

.fixedbody { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; }

/*
BG Image Style
*/
.bg-image { z-index: -99999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }