body { margin: 0; font-family: Roboto; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }
p { line-height: 1.6; margin: 0 0 20px; }
a { color: #0066b3; text-decoration: none !important }
b, strong { font-weight: 700 }
ol { padding-left: 20px }
img { vertical-align: middle; border-style: none; max-width: 100%; }
figure, figure img { max-width: 100% !important; margin: auto; width: auto; height: auto }
figure { margin-bottom: 10px }
.single-product .woocommerce-product-gallery figure { max-width: 11000px !important; background: #f7f7f7 !important; margin: auto; width: auto; height: auto }
.single-product .woocommerce-product-gallery figure { margin-bottom: 10px }
.single-product .woocommerce-product-gallery figure { margin-bottom: 10px }
figcaption { padding: 8px }
h1 { font-size: 140%; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h2 { font-size: 130%; line-height: 1.5; margin: 5px 0; padding: 5px 0; font-weight: 700 }
h3 { font-size: 120%; line-height: 1.5; margin: 5px 0; padding: 5px 0; font-weight: 700 }
h4 { font-size: 115%; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h5 { font-size: 110%; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
h6 { font-size: 105%; line-height: 1.5; margin: 10px 0; padding: 5px 0; font-weight: 700 }
ul { list-style: none; padding: 0; margin: 0 }
.single-product #tab-description ul li:before { font-family: 'FontAwesome'; content: "\f04d"; font-size: 6px; color: #0066b3; margin-right: 10px }
.full-width { width: 100% }
table { margin-top: 10px; margin-bottom: 10px }
td { padding: 4px }
.thecontent table td, .project-content table td { border: 1px solid #ccc; text-align: center }
.thecontent table, .project-content table { border: 1px solid #ccc; width: 100% }
.thecontent ul, .project-content ul { list-style: square; margin-left: 30px; }
@font-face { font-family: lg; src: url(../fonts/lg.ttf?22t19m) format("truetype"), url(../fonts/lg.woff?22t19m) format("woff"), url(../fonts/lg.svg?22t19m#lg) format("svg"); font-weight: 400; font-style: normal; font-display: block }
.lg-icon { font-family: lg !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, .45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: 0 }
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: .5 }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF }
.lg-actions .lg-next { right: 20px }
.lg-actions .lg-next:before { content: "\e095" }
.lg-actions .lg-prev { left: 20px }
.lg-actions .lg-prev:after { content: "\e094" }
@-webkit-keyframes lg-right-end {
	0%, 100% { left: 0 }
	50% { left: -30px }
}
@-moz-keyframes lg-right-end {
	0%, 100% { left: 0 }
	50% { left: -30px }
}
@-ms-keyframes lg-right-end {
	0%, 100% { left: 0 }
	50% { left: -30px }
}
@keyframes lg-right-end {
	0%, 100% { left: 0 }
	50% { left: -30px }
}
@-webkit-keyframes lg-left-end {
	0%, 100% { left: 0 }
	50% { left: 30px }
}
@-moz-keyframes lg-left-end {
	0%, 100% { left: 0 }
	50% { left: 30px }
}
@-ms-keyframes lg-left-end {
	0%, 100% { left: 0 }
	50% { left: 30px }
}
@keyframes lg-left-end {
	0%, 100% { left: 0 }
	50% { left: 30px }
}
.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end .3s; -o-animation: lg-right-end .3s; animation: lg-right-end .3s; position: relative }
.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end .3s; -o-animation: lg-left-end .3s; animation: lg-left-end .3s; position: relative }
.lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, .45) }
.lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; background: 0 0; border: none; box-shadow: none; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear }
.lg-toolbar .lg-icon:hover { color: #FFF }
.lg-toolbar .lg-close:after { content: "\e070" }
.lg-toolbar .lg-download:after { content: "\e0f2" }
.lg-sub-html { background-color: rgba(0, 0, 0, .45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080 }
.lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700 }
.lg-sub-html p { font-size: 12px; margin: 5px 0 0 }
#lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle }
.lg-next, .lg-prev, .lg-toolbar { opacity: 1; -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear }
.lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) }
.lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) }
.lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1 }
.lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s; -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s; -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s; transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important }
.lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px }
.lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px }
@media (min-width:1025px) {
	.lg-outer .lg-thumb-item { -webkit-transition: border-color .25s ease; -o-transition: border-color .25s ease; transition: border-color .25s ease }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707 }
.lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover }
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0 }
.lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom .25s ease; -o-transition: bottom .25s ease; transition: bottom .25s ease }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px }
.lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; outline: 0; border: none }
.lg-outer .lg-toogle-thumb:after { content: "\e1ff" }
.lg-outer .lg-toogle-thumb:hover { color: #FFF }
.lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px }
.lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative }
.lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important }
.lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer }
.lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto }
.lg-outer .lg-has-vimeo .lg-video-play { background: url(../img/vimeo-play.png) no-repeat }
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../img/vimeo-play.png) 0 -58px no-repeat }
.lg-outer .lg-has-html5 .lg-video-play { background: url(../img/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: .8 }
.lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1 }
.lg-outer .lg-has-youtube .lg-video-play { background: url(../img/youtube-play.png) no-repeat }
.lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../img/youtube-play.png) 0 -60px no-repeat }
.lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0 }
.lg-outer .lg-has-video .lg-video-object { visibility: hidden }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible }
.lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 80ms ease 0s; -moz-transition: opacity 80ms ease 0s; -o-transition: opacity 80ms ease 0s; transition: opacity 80ms ease 0s }
.lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0 }
.lg-progress-bar.lg-start .lg-progress { width: 100% }
.lg-show-autoplay .lg-progress-bar { opacity: 1 }
.lg-autoplay-button:after { content: "\e01d" }
.lg-show-autoplay .lg-autoplay-button:after { content: "\e01a" }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0s; transition-duration: 0s }
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s; -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s; -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s; transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s }
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
#lg-zoom-in:after { content: "\e311" }
#lg-actual-size { font-size: 20px }
#lg-actual-size:after { content: "\e033" }
#lg-zoom-out { opacity: .5; pointer-events: none }
#lg-zoom-out:after { content: "\e312" }
.lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto }
.lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible }
.lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px #fff inset }
.lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s; -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s; -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s; transition: opacity .15s ease 0s, transform .15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) }
.lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100% }
.lg-outer .lg-pager { background-color: rgba(255, 255, 255, .5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset; display: block; height: 12px; -webkit-transition: box-shadow .3s ease 0s; -o-transition: box-shadow .3s ease 0s; transition: box-shadow .3s ease 0s; width: 12px }
.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { box-shadow: 0 0 0 8px #fff inset }
.lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0 }
.lg-fullscreen:after { content: "\e20c" }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e20d" }
.lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, .25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s; -o-transition: visibility 0s linear .18s, opacity .18s linear 0s; transition: visibility 0s linear .18s, opacity .18s linear 0s }
.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible }
.lg-outer.lg-dropdown-active #lg-share { color: #FFF }
.lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s }
.lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px }
.lg-outer .lg-dropdown>li:last-child { margin-bottom: 0 }
.lg-outer .lg-dropdown>li:hover .lg-icon, .lg-outer .lg-dropdown>li:hover a { color: #333 }
.lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px }
.lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, .07) }
.lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle }
.lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto }
.lg-outer, .lg-outer .lg, .lg-outer .lg-inner { height: 100%; width: 100% }
.lg-outer #lg-share { position: relative }
.lg-outer #lg-share:after { content: "\e80d" }
.lg-outer #lg-share-facebook .lg-icon { color: #3b5998 }
.lg-outer #lg-share-facebook .lg-icon:after { content: "\e904" }
.lg-outer #lg-share-twitter .lg-icon { color: #00aced }
.lg-outer #lg-share-twitter .lg-icon:after { content: "\e907" }
.lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39 }
.lg-outer #lg-share-googleplus .lg-icon:after { content: "\e905" }
.lg-outer #lg-share-pinterest .lg-icon { color: #cb2027 }
.lg-outer #lg-share-pinterest .lg-icon:after { content: "\e906" }
.lg-outer .lg-img-rotate { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform .3s cubic-bezier(.32, 0, .67, 0) 0s; -moz-transition: -moz-transform .3s cubic-bezier(.32, 0, .67, 0) 0s; -o-transition: -o-transform .3s cubic-bezier(.32, 0, .67, 0) 0s; transition: transform .3s cubic-bezier(.32, 0, .67, 0) 0s }
.lg-rotate-left:after { content: "\e900" }
.lg-rotate-right:after { content: "\e901" }
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { font-size: 26px }
.lg-flip-ver:after { content: "\e903" }
.lg-flip-hor:after { content: "\e902" }
.lg-group:after { content: ""; display: table; clear: both }
.lg-outer { position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; outline: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s }
.lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.lg-outer.lg-visible { opacity: 1 }
.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1 }
.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab }
.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing }
.lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100% }
.lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap }
.lg-outer .lg-item { background: url(../img/loading.gif) center center no-repeat; display: none !important }
.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important }
.lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100% }
.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px }
.lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0 }
.lg-outer .lg-item.lg-complete { background-image: none }
.lg-outer .lg-item.lg-current { z-index: 1060 }
.lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important }
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1 }
.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none }
.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s }
.lg-backdrop.in { opacity: 1 }
.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important }
.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.lg-css3.lg-fade .lg-item { opacity: 0 }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1 }
.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity .1s ease 0s; -moz-transition: opacity .1s ease 0s; -o-transition: opacity .1s ease 0s; transition: opacity .1s ease 0s }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0 }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s }
.lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0 }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100% }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100% }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1 }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s }
.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 { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -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) }
.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; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit }
.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 { -ms-touch-action: pan-y; touch-action: pan-y; -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 .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.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% }
.owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent }
.owl-theme .owl-nav { margin-top: 10px }
.owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px }
.owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none }
.owl-theme .owl-nav .disabled { opacity: .5; cursor: default }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 }
.full-width { width: 100%; float: none }
.main-container { margin: 0 auto; clear: both; display: block; padding: 0 }
img, video { max-width: 100%; height: auto }
iframe, .thecontent figure, figure { max-width: 100% }
input, textarea, select { max-width: 100%; padding: 8px; border: 1px solid #D8D8D8; color: #323232 }
.clear { clear: both }
.hide { display: none !important }
@media (min-width:992px) {
	.nopad { padding: 0 !important }
	.nopad-left { padding-left: 0 !important }
	.nopad-right { padding-right: 0 !important }
	.nomarg { margin: 0 !important }
	.nomarg-left { margin-left: 0 !important }
	.nomarg-right { margin-right: 0 !important }
}
.row-flex, [class*="row-flex-"] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.row-flex-0 { margin-left: 0; margin-right: 0 }
.row-flex-0 > [class*="col-"] { padding: 0 }
.row-flex-5 { margin-left: -2.5px; margin-right: -2.5px }
.row-flex-5 > [class*="col-"] { padding: 0 2.5px }
.row-flex-10 { margin-left: -5px; margin-right: -5px }
.row-flex-10 > [class*="col-"] { padding: 0 5px }
.row-flex-15 { margin-left: -7.5px; margin-right: -7.5px }
.row-flex-15 > [class*="col-"] { padding: 0 7.5px }
.row-flex-20 { margin-left: -10px; margin-right: -10px }
.row-flex-20 > [class*="col-"] { padding: 0 10px }
.row-flex-25 { margin-left: -12.5px; margin-right: -12.5px }
.row-flex-25 > [class*="col-"] { padding: 0 12.5px }
.p-x-5 { padding-left: 5px !important; padding-right: 5px !important }
.p-x-10 { padding-left: 10px !important; padding-right: 10px !important }
ol, ul { list-style: none; margin: 0; padding: 0 }
.hkt-slider .hkt-slider-inner { position: relative; float: left; width: 100% }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important }
body.lg-on #wpadminbar { display: none }
a#pull, #wpadminbar.mobile { display: none }
.toggle-menu .toggle-submenu { display: none }
#hkt-navigation { display: block; float: right; width: 100%; text-align: left; background-color: #753d11 }
#hkt-navigation .menu-item-has-children > a, nav.navigation ul li.menu-item-has-children > a { padding-right: 30px }
.menu-item-has-children > a:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 15px }
.navigation ul { margin: 0 auto }
.navigation ul li { float: left; line-height: 24px; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.22); transition: background 0.25s ease-in }
.navigation ul li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.22) }
.navigation a { font-family: 'Roboto', sans-serif; color: #fff; padding: 10px 15px; font-size: 1rem; line-height: 26px; font-weight: 400; text-align: left; text-transform: uppercase; text-decoration: none; transition: none }
.navigation a .sub { font-size: 11px; font-weight: normal; color: #9b9b9b }
.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { display: inline-block; padding: 10px 15px }
.navigation ul li:hover { }
.navigation ul li:hover > a { background: rgba(0, 0, 0, 0.2); color: #fdfd02 }
.navigation > ul > .current a, .navigation > ul > .current-menu-item a { background: rgba(0, 0, 0, 0.2); color: #fdfd02 }
@media (min-width:992px) {
	.header-right #hkt-navigation { background-color: transparent }
	.header-right .navigation a { color: #333 }
	.header-right .navigation ul li:hover > a { background-color: transparent; color: #753d11 }
	.header-right .navigation > ul > .current a, .header-right .navigation > ul > .current-menu-item a { background: transparent; color: #753d11 }
}
.navigation ul li li { border-bottom: 0 }
.navigation ul ul { position: absolute; top: 100%; width: 250px; padding: 20px 0 0 0; padding-top: 0; z-index: 400; font-size: 12px; color: #798189; border: 1px solid rgba(255, 255, 255, 0.22) }
.navigation:not(.mobile-only) ul ul { background-color: #753d11 }
.navigation ul ul li { padding: 0; border-right: 0 }
.navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { padding: 10px 30px 10px 15px; position: relative; width: 250px; border-left: 0; background: transparent; border-right: 0; border-radius: 0; border-bottom: 0; margin: 0 }
.navigation ul ul li:first-child a { }
.navigation ul ul li:last-child a { border-bottom: none }
.navigation ul ul { display: none }
.navigation ul ul ul { left: 250px; top: -1px }
#navigation .wpmm-megamenu-showing.wpmm-light-scheme { background: rgba(0, 0, 0, 0.08) !important }
#navigation .wpmm-megamenu-showing.wpmm-light-scheme a { color: #fff !important }
#wpmm-megamenu .review-total-only { max-height: 25px }
.sub-menu .menu-item-has-children:after { color: #fff }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
#hkt-navigation #navigation i { margin-right: 4px }
.mobile-menu.footer { display: none !important }
.navigation .toggle-caret { display: none }
a#pull { display: none }
.navigation i { margin-right: 4px }
.sticky-navigation-active { z-index: 500; position: fixed; top: 0; margin: 0 !important; -webkit-backface-visibility: hidden }
.admin-bar .sticky-navigation-active { top: 32px }
.sticky-navigation a { transition: all 0.25s linear }
.sticky-navigation-active a { padding-top: 5px; padding-bottom: 5px }
#mobile-nav-toggle { color: #297d2f; padding: 5px; position: absolute; right: 20px; width: 40px; height: 40px; top: 40px; z-index: 9999; margin: 0; border: 0; background: none; font-size: 28px; line-height: 1; display: none; transition: all 0.4s; outline: none; cursor: pointer; }
#mobile-nav-toggle span { position: absolute; display: block; top: 50%; left: 0; right: 0; height: 3px; background: #297d2f; transform: translateY(-50%); transition: 0.3s; }
#mobile-nav-toggle span::before { content: ""; display: block; position: absolute; top: 9px; width: 100%; height: 3px; background: #297d2f; transition: 0.3s; }
#mobile-nav-toggle span::after { content: ""; display: block; position: absolute; top: -9px; width: 100%; height: 3px; background: #297d2f; transition: 0.3s; }
html body { overflow-x: hidden }
html.noscroll body { position: static; overflow-y: hidden; width: auto }
@media (min-width:992px) {
	#hkt-navigation .navigation { position: relative }
}
@media (max-width:991px) {
	html.js { margin-top: 0 !important }
	html #wpadminbar { display: none }
	html.noscroll { position: fixed; overflow-y: scroll; width: 100% }
	#mobile-nav-toggle { display: inline }
	#mobile-menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; cursor: pointer; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, .5) }
	.navigation { width: 100% }
	.navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { color: #333 !important; background: transparent }
	.navigation .menu { display: block !important; float: none; background: transparent }
	.navigation ul ul { visibility: visible !important; opacity: 1 !important; position: relative; left: 0 !important; border: 0; width: 100% }
	.navigation ul li li { background: transparent; border: 0 }
	.navigation ul li:after, .navigation ul li:before { display: none }
	.navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { text-align: left }
	.main-container { position: relative; left: 0; transition: left 500ms ease }
	.mobile-menu-active .main-container { left: 300px; transition: left 500ms ease }
	.navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0; left: -300px; z-index: 9999; width: 300px; height: 100%; background-color: #3c3c3c; border-right: 0 solid rgba(0, 0, 0, 0.2); overflow: auto; box-sizing: border-box; transition: left 500ms ease; -webkit-backface-visibility: hidden }
	.mobile-menu-active .navigation.mobile-menu-wrapper { left: 0 }
	.navigation ul li { width: 100%; display: block; border-right: none; border-left: none !important }
	.navigation ul li:hover { background: none }
	#hkt-navigation ul li a, #hkt-navigation ul ul a { padding: 8px 20px; width: 100% !important; border: none; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #f1f1f1 !important; font-weight: 400; font-family: Arial, sans-serif; text-transform: none }
	#hkt-navigation .navigation > ul > .current a, #hkt-navigation .navigation > ul > .current-menu-item a, #hkt-navigation .navigation > ul > li:hover a { background: none }
	.navigation ul ul { position: static; width: 100%; background: none; border: none }
	.navigation ul ul li { background: none; width: 100% }
	.navigation i { display: inline; color: #f1f1f1 }
	.navigation ul ul a { padding: 9px 20px !important }
	.navigation ul ul ul a { padding: 9px 27px !important }
	.navigation ul ul ul ul a { padding: 9px 20px 9px 40px !important }
	.navigation .toggle-caret { font-size: 20px; display: block; width: 42px; height: 42px; line-height: 42px; color: #333; border-left: 1px dotted rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 0; text-align: center; z-index: 999; cursor: pointer }
	.navigation .menu-item-has-children > .toggle-caret i:before { content: "\f105" }
	.navigation .menu-item-has-children.active > .toggle-caret i:before { content: "\f107" }
	.navigation .menu-item-has-children > a:after { content: '' }
}
nav.navigation:not(.mobile-only) ul ul { background-color: #753d11; border-top: 0 solid #dddddd; margin: 10px 0 0; width: 280px }
@media (max-width:991px) {
	nav.navigation:not(.mobile-only) ul ul { background: #666; width: 100%; overflow: hidden; margin: 0; padding-left: 15px }
	.sub-menu a:before { content: "\f105"; font-family: FontAwesome; position: absolute; left: 5px }
}
nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #753d11; position: absolute; top: -20px; left: 15px; content: "" }
@media (max-width:991px) {
	nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { border: none }
}
nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:after { width: 100%; height: 20px; background: rgba(255, 0, 0, 0); position: absolute; top: -20px; left: 0; content: "" }
nav.navigation:not(.mobile-only) ul ul ul { left: 280px; margin-top: 1px }
#hkt-navigation nav.navigation:not(.mobile-only) ul ul li { border: none }
@media (min-width:992px) {
	#hkt-navigation nav.navigation:not(.mobile-only) ul ul li+li { border-top: 1px solid #8f5121 }
}
#hkt-navigation nav.navigation:not(.mobile-only) ul ul li a { color: #fff; font-weight: normal; text-transform: capitalize; padding: 8px 10px; width: 280px; z-index: 210; position: relative }
ul.sub-menu li.menu-item-has-children > a:after { right: 6px }
.navigation ul li li, .navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { width: 100% }
@media (min-width:992px) {
	.navigation li li.current-menu-item, .navigation li li.current-menu-ancestor, .navigation ul li li:hover { background-color: rgba(0, 0, 0, 0.3) }
}
.navigation li:hover li.current-menu-item > a, .navigation li:hover li.current-menu-ancestor > a, .navigation ul li:hover li:hover > a { color: #ffffff !important }
.navigation ul li:hover ul li a { color: #ffffff !important }
.flex-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.hkt-iframe-wrap { position: relative; padding-bottom: 60%; padding-top: 30px; height: 0; overflow: hidden }
.flex-video iframe, .flex-video object, .flex-video embed, .hkt-iframe-wrap iframe, .hkt-iframe-wrap object, .hkt-iframe-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
span.inline-title { font-weight: 500; position: relative; display: inline-block; margin-left: 15px; height: 40px; line-height: 40px; background: #90C543; color: #fff; padding: 0px 15px; font-size: 16px; width: 100%; margin-bottom: 10px !important; }
span.inline-title:before, span.inline-title:after { display: inline-block; width: 15px; height: 100%; z-index: 1; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg) }
span.inline-title:before { content: ''; position: absolute; top: 0; left: -8px; background-color: #753d11 }
span.inline-title:after { content: ''; position: absolute; top: 0; right: -8px; background: #fff }
.error-404 span.header-font { font-size: 6em; font-weight: bold; opacity: .3; display: block; text-align: center }
.error-404 label, .error-404 .search-submit { float: left }
.error-404 input[type='search'] { width: 600px; height: 40px; border: 1px solid #ddd; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: color .3s, border .3s, background .3s, opacity .3s }
.error-404 .search-submit { background-color: #753d11; color: #fff; border: none; height: 40px }
.article form.search-form input#s { border: 1px solid #753d11 }
button.hkt-load-more { display: inline-block; font-size: 14px; line-height: 20px; padding: 10px 20px; margin-top: 15px; font-weight: 700; text-transform: none; color: #753d11; background-color: #fff; border: 1px solid #753d11; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background-clip: padding-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 300px }
button.hkt-load-more:hover { background-color: #753d11; color: #fff }
button.hkt-load-more:focus { outline: none; box-shadow: none }
.hkt-pagination > a:not(.page):not(.first):not(.last) { display: none }
.recent-box-pagination { position: relative; margin: 10px 0 20px }
.hkt-pagination { display: table !important; width: auto; margin: 20px auto; float: none; border: none }
.hkt-pagination .pages { float: right; display: block !important; font-size: 85%; padding: 7px 0 2px }
.pagination a, .pagination.hkt-pagination a, .hkt-pagination span.dots, .hkt-pagination span.extend, .hkt-pagination span.current { width: 100%; float: left; margin-right: 0; color: #777; padding: 8px 15px 8px; font-size: 1em; line-height: 1.15 !important; border: 1px solid #cfcfcf }
.hkt-pagination li { display: inline-block; float: left; background: #f1f1f1; margin-right: -1px; border: none; min-width: 40px; min-height: 40px }
.hkt-pagination a:hover, .hkt-pagination span.current { background-color: #253e8f !important; color: #fff !important; border-color: #2359a1; }
.hkt-pagination span.dots { }
.hkt-posts { position: relative; clear: both }
.archive-meta { padding-left: 15px; text-align: center; font-size: 16px; line-height: 1.6; color: rgba(79, 86, 97, 0.84); max-width: 640px; margin: 8px auto 30px }
.grid .recent-item { margin-bottom: 20px }
.recent-item .entry { padding: 10px 0 }
.item-list .entry { padding: 0 }
.item-list { overflow: hidden; clear: both }
.item-list + .item-list .recent-item { border-top: 1px solid #dfdfdf; padding-top: 12px; margin-top: 12px }
.post-box-title { line-height: 1.4; margin: 0; padding: 0; text-align: left }
.post-box-title + .excerpt { margin-top: 5px }
.post-box-title a, .post-title a { font-size: 1rem; text-transform: none; font-weight: 400; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 2 }
.post-listing .post-box-title>a { font-size: 1.15rem }
.post-listing .post-box-title>a, .related-posts .post-box-title>a { font-weight: 600 }
.entry .view-more { font-size: 14px; color: #3e3e3e; display: block; font-weight: 400 }
.post-meta { color: #606060; margin: 10px 0 5px; font-size: 14px; line-height: 1.4 }
.post-meta span, .post-info span { display: inline-block }
.post-meta span { margin-right: 8px }
span.post-views-widget i:before, span.post-comments-widget i:before, span.hkt-date i:before, .post-meta i:before { margin-right: 3px }
.recent-item { position: relative }
.hkt-posts .view-all { position: absolute; top: 5px; right: 10px; font-weight: 400; font-style: italic }
.post-thumbnail { position: relative; float: none; overflow: hidden; line-height: 0 }
.item-list .post-thumbnail { margin-right: 12px }
.post-thumbnail a { display: block !important; background: #000; font-size: 0; overflow: hidden }
.lazy-enabled .post-thumbnail a { background: #f1f1f1 }
.post-thumbnail img { height: auto; max-width: 100%; width: 100% }
.post-thumbnail img.attachment-tie-small, .post-thumbnail img.avatar { max-width: 100px }
.recent-item:not([class*="change-"]) .post-thumbnail a:hover { background: #000 }
.recent-item:not([class*="change-"]) .post-thumbnail a:hover img { opacity: 0.3 !important; -webkit-transition: all .40s !important; -moz-transition: all .40s !important; -o-transition: all .40s !important; transition: all .40s !important }
.recent-item:not([class*="change-"]) .post-thumbnail a:hover .overlay-icon:before, .video-box .overlay-icon:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.overlay-icon:before, .hkt_slider .overlay-icon:before { content: '\f15c'; color: #FFF; display: block; position: absolute; top: 50%; left: 50%; border: 3px solid #FFF; border-radius: 100%; width: 40px; height: 40px; text-align: center; font-size: 18px; line-height: 35px; margin: -20px 0 0 -20px; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.item-list .post-thumbnail, .timeline .post-thumbnail { float: left; margin-bottom: 0 }
@media (min-width:992px) {
	.item-list .post-thumbnail { max-width: 300px }
	.sidebar .item-list .post-thumbnail, .col-sidebar .item-list .post-thumbnail { max-width: 168px }
}
@media only screen and (max-width:991px) {
	.item-list .recent-item.default .post-thumbnail { max-width: 140px }
	.item-list .excerpt { clear: left; padding-top: 10px }
	.item-list .recent-item.default .post-thumbnail { margin-right: 0 }
	.item-list .recent-item.default .post-box-title { display: flex; min-height: 100px; align-items: center; padding: 0 10px; background-color: #f7f7f7 }
	.item-list .recent-item.default .post-box-title a { font-size: .95rem; -webkit-line-clamp: 3 }
}
.recent-item img { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s }
.recent-item:hover img { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg) }
.recent-item.change-hover .entry { position: absolute; width: 100%; bottom: 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); line-height: 20px; padding: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: url("../images/rectangle-10.png") no-repeat center bottom; background-size: 100% 100% }
.recent-item.change-hover .post-box-title a { font-weight: 400; font-size: 1.1rem }
.recent-item.change-hover .post-box-title a:hover { font-size: 1.15rem }
.recent-item.change-hover .entry a { color: #fff }
.hkt-posts .grid-posts-single-slide { display: block }
.slider-grid-module .post-item { display: none; float: left; position: relative; overflow: hidden; padding-left: 1px }
.slider-grid-module .grid-posts-single-slide .post-item { display: block; margin-bottom: 1px }
.slider-grid-module .post-item-1, .slider-grid-module .post-item-2, .slider-grid-module .post-item-3 { width: 33.3333% }
.slider-grid-module .post-item-4, .slider-grid-module .post-item-5, .slider-grid-module .post-item-6, .slider-grid-module .post-item-7 { width: 25% }
@media only screen and (max-width:991px) {
	.slider-grid-module .post-item { width: 50% }
	.slider-grid-module .post-item-1 { width: 100% }
}
@media (max-width:991px) {
	.slider-grid-module .post-item:not(.post-item-1) .post-box-title a { font-size: 15px }
}
.slider-grid-module .flex-direction-nav a { width: 40px; height: 40px; margin: 0; color: #fff; display: block; position: absolute; top: 5px; right: 0; cursor: pointer; opacity: 0.8; z-index: 2; background: #222 }
.slider-grid-module .flex-direction-nav .flex-prev { right: 50px !important; left: auto !important }
.slider-grid-module .flex-direction-nav .flex-next { right: 5px !important }
.slider-grid-module .flex-direction-nav .flex-next:before, .slider-grid-module .flex-direction-nav .flex-prev:before { color: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 20pt; display: block; text-align: center }
.slider-grid-module ul.flex-direction-nav { list-style-type: none; margin: 0; padding: 0 }
.cat-box-title h2 { border-bottom: 2px solid #753d11; margin: 0 0 20px; font-size: 1.2rem }
.hkt-two-column-2 .recent-item.change-hover { margin-bottom: 20px }
.hkt-two-column-2 .item-list { margin-bottom: 10px }
.hkt-block-wrap .item-list .post-thumbnail { max-width: 80px; float: left; margin-right: 12px }
.hkt-block-wrap .item-list .post-box-title a { font-size: 14px }
.author-wrap { overflow: hidden }
article .tags { padding: 10px 0; margin-bottom: 15px }
@media (min-width:576px) {
	.single .entry-content:not(.product) .thecontent img, .single .thecontent>figure { max-width: 80% }
	.single .thecontent .gallery img, .single .thecontent>figure img { width: 100%; max-width: none !important }
	#page.single.border .article { border: 1px solid #e6e6e6; padding: 12px }
}
article img.left, article img.alignleft, .wp-caption.alignleft { margin: 0.3em 1.571em 0.5em 0; display: block; float: left }
article img.right, article img.alignright, .wp-caption.alignright { margin: 0.3em 0 0.5em 1.571em; display: block; float: right }
article img.center, article img.aligncenter, .wp-caption.aligncenter { margin: 0.3em auto 0.5em auto; display: block }
article img.aligncenter, article img.alignnone { margin-top: 1em; margin-bottom: 1em; clear: both }
.entry-content figure figcaption { text-align: center; padding: 5px; background-color: #f1f1f1 }
.thecontent figure, .thecontent img { border: 1px solid #cfcfcf; padding: 2px; background: #fff }
.entry-content figure img { border: none; padding: 0 }
.entry-content .gallery figure img { border: 1px solid #cfcfcf; padding: 2px }
.entry-content .gallery figure { border: none; padding: 5px }
.entry-content .post-thumbnail img { border: none; padding: 0 }
.gallery { display: table; }
.gallery figure { margin: 0 }
.gallery .gallery-caption { display: none }
.gallery { margin: 0 auto 18px; clear: both }
.gallery .gallery-item { display: inline-block !important; padding: 5px; text-align: center; vertical-align: top; }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery .gallery-item img { height: auto; margin: 0 auto; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s }
.gallery .gallery-item a:hover img { opacity: 0.6 !important; margin: -5px 0 5px }
.gallery-caption { color: #888; margin: 0 0 12px }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none }
.gallery br + br { display: none }
.attachment img { display: block; margin: 0 auto }
.author-box { border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; padding: 30px 60px; margin-top: 40px; margin-bottom: 80px; color: #999999 }
@media (max-width:991px) {
	.author-box { padding: 20px 10px }
}
.author-box .author-header { text-align: center }
.author-box .author-header img { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto }
.author-box .author-name { font-size: 1.2rem; padding-top: 3px; color: #3a3a3a }
.author-box .author-description { font-size: 1.05rem; color: #3a3a3a; text-align: justify }
.related-posts .widget-title { font-size: 1.1rem; padding: 0; margin: 0 0 20px; position: relative; text-transform: uppercase }
.thecontent .share-post { float: left; margin: 0 }
.share-post span.share-text { display: none }
.hkt-share-post { overflow: hidden }
.hkt-share-post ul { list-style: none; margin: 0; -webkit-padding-start: 0 }
.hkt-share-post ul li { min-width: 40px; margin-right: 3px; line-height: 1; float: left }
.hkt-share-post ul li.zalo-like { margin-right: -10px }
.kk-star-ratings.rgt { margin-right: 25px }
@media (min-width:768px) and (max-width:991px) {
	.single .info { display: -ms-flexbox; display: flex; justify-content: space-between }
}
@media (min-width:1200px) {
	.single .info { display: -ms-flexbox; display: flex; justify-content: space-between }
}
.single .info .post-meta { margin: 0 }
.single .info .hkt-share-post { display: -ms-flexbox; display: flex; justify-content: left; align-items: flex-end }
#parallax { width: 100%; position: relative; padding-bottom: 0; height: auto; margin-bottom: 0; overflow: hidden; background-size: cover }
.hkt-section { position: relative; width: 100%; min-height: 10px; float: left; padding: 20px 0 }
.hkt-section.center h3 { font-size: 1.7rem; line-height: 30px; font-weight: bold; text-transform: none; border: none; margin: 0 auto 10px; display: table; position: relative }
.hkt-section .widget { margin-bottom: 0 }
.hkt-slider-thumb .slider-controls { display: none }
.thumb-wrapper { position: relative; background: #fff; padding: 10px 0 }
.thumb-wrapper .thumb-item { border-right: 1px solid #e6e6e6; padding: 0 5px; text-align: center; line-height: 1.4; font-size: 12px; margin-bottom: 0; height: 33px; cursor: pointer }
.thumb-wrapper .thumb-item .slide-title { margin-bottom: 0; text-align: center }
.thumb-wrapper .current .slide-title { font-weight: 600 }
.thumb-wrapper .slider-thumb-left, .thumb-wrapper .slider-thumb-right { margin-top: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 10 }
.thumb-wrapper .slider-thumb-left { left: 5px }
.thumb-wrapper .slider-thumb-right { right: 5px }
.thumb-wrapper .thumb-controls i { background: url(../images/thumb-control.png) no-repeat; display: block; width: 7px; height: 16px }
.thumb-wrapper .slider-thumb-left i { background-position: 0 -19px }
.thumb-wrapper .slider-thumb-right i { background-position: 0 0 }
.thumb-wrapper .thumb-controls i:before { content: "" }
.hkt-menu-term { position: relative; width: 100% }
.hkt-menu-term ul { list-style-type: none; margin: 0; padding: 0; position: relative }
.hkt-menu-term li { position: relative }
.hkt-menu-term>ul>li { display: inline-block; float: left }
.hkt-menu-term li a { font-size: 1rem; padding: 5px 10px; color: #337ab7 }
.hkt-menu-term ul ul { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 2; top: 101%; visibility: hidden; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1); padding: 10px; min-width: 210px }
.hkt-menu-term li:hover ul, .hkt-menu-term ul ul:hover { visibility: visible; z-index: 9; opacity: 1; filter: alpha(opacity=100) }
.hkt-menu-term ul ul li a { padding: 5px 0 }
.hkt-menu-term>ul>li>ul:before, .hkt-menu-term>ul>li>ul:after { content: ''; width: 0; height: 0; position: absolute; bottom: 100%; left: 15%; border-bottom: 10px solid #d9d9d9; border-left: 10px solid transparent; border-right: 10px solid transparent }
.hkt-menu-term>ul>li>ul:after { border-width: 9px; border-bottom-color: #fff; margin-left: 1px }
.hkt-menu-term ul ul ul { top: 0; left: 101% }
.testimonial .comment { padding: 35px 20px 20px; background: #fff; color: #333; border: 1px solid #98cb17; border-radius: 10px; box-shadow: none; margin: 1px; position: relative }
.testimonial .recent-item:hover .comment { box-shadow: 0 0 3px 0 #ea8326 }
.testimonial .comment::before { color: #ea8326; content: "\f10d"; font-family: fontawesome; font-size: 30px; left: 20px; position: absolute; top: 7px }
.testimonial .comment p { font-style: italic; font-weight: 400; margin-left: 30px; font-family: 'Roboto', sans-serif; font-size: 1rem }
.testimonial .comment::after { content: ""; width: 14px; height: 14px; position: absolute; bottom: -12px; right: 30px; background: none }
.testimonial .post-name { margin-top: 20px; padding-right: 10px }
.testimonial .thumb { margin-bottom: 20px; margin-left: 20px }
.testimonial .thumb img { max-width: 80px; border-radius: 50% }
.testimonial .author { color: #E66D00 !important; margin-top: 0; margin-bottom: 5px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 600; padding-top: 15px; font-size: 15px }
.testimonial h6 { color: #808080; margin-top: 0; margin-bottom: 10px; font-family: 'Roboto', sans-serif; font-size: 15px }
.hkt-product-hidden { position: absolute; z-index: 9; background-color: #fff; padding: 10px 10px 10px 10px; -webkit-box-shadow: 2px 2px 1px 0 rgba(211, 211, 211, .75); -moz-box-shadow: 2px 2px 1px 0 rgba(211, 211, 211, .75); box-shadow: 2px 2px 1px 0 rgba(211, 211, 211, .75); top: 0; left: 0; width: 100%; height: 100%; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; -ms-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); pointer-events: none }
.recent-item.change-des:hover .hkt-product-hidden { opacity: 1 }
#site-footer .inner { padding: 30px 0 }
#site-footer .copyrights { padding: 5px 0 }
@media (max-width:991px) {
	#site-footer { padding-top: 10px }
}
footer .main-footer .widget { margin-bottom: 20px; border: none }
#site-footer .widget > h3 { padding: 0 0 8px; margin-bottom: 5px; font-size: 1.4rem; color: #000; font-weight: normal; text-transform: uppercase; line-height: 1.4; border-bottom: 0 solid #f6df91 !important; background-color: transparent }
#site-footer .widget > .widget-title + * { padding: 0 }
#site-footer ul li { list-style: none; margin: 0 }
#site-footer a:hover { text-decoration: underline }
#site-footer ul li.last { }
#site-footer .widget i.fa { margin-right: 5px }
@media (max-width:575px) {
	#site-footer [class*="col-"] { margin-bottom: 15px }
}
#site-footer .widget .tagcloud { padding: 0 !important }
#site-footer .widget .tagcloud a.tag-cloud-link { color: #333; font-size: 15px !important; background-color: #fff; padding: 0 3px; margin-right: 2px; margin-bottom: 2px }
#site-footer .widget .tagcloud a.tag-cloud-link:hover { color: #333; background-color: #fff }
footer#site-footer .copyrights { color: #fff; font-size: 0.9rem; padding: 10px 0; clear: both; line-height: 1.4; background: #255008 }
footer#site-footer .copyrights a { font-weight: bold }
footer#site-footer .copyrights p { margin-bottom: 0 }
@media (max-width:1199px) {
	footer#site-footer .inner, #hkt-site-footer .hkt-container { padding: 15px 2%; overflow: hidden }
}
footer .phone-wave:after { left: -15px; top: -2px; opacity: 0.9; width: 300px; height: 30px; border-radius: 0 !important }
footer#site-footer .phone-wave a { position: relative; z-index: 2 }
footer#site-footer .hotline { font-weight: 600; font-size: 14px }
#topcontrol { z-index: 999; width: 40px; height: 40px; text-align: center; font-size: 24px; position: fixed; bottom: -100px; right: 15px; cursor: pointer; overflow: auto; opacity: 0.7; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #0084cb }
#topcontrol:before { display: block; width: 40px; height: 40px; line-height: 40px; color: #FFF }
.opacity-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 1000; display: none; -webkit-backface-visibility: hidden; outline: none }
.opacity-overlay .spinner { color: #fff; font-size: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px }
.opacity-overlay .container { height: 100%; position: relative; z-index: 10001 }
.popup-wrapper { text-align: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 0 5px }
.popup-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.popup-wrapper .popup-content { float: none; padding: 0; margin: 0 auto; text-align: left; z-index: 10003; position: relative; display: inline-block; vertical-align: middle }
.hkt-box { background: #fff; padding: 20px; margin-bottom: 30px }
.hkt-modal-box { border: 2px solid #753d11; max-width: 100%; max-height: 100vh; overflow-x: hidden; overflow-y: auto; margin: 0 auto; display: none }
.hkt-modal-box .login-social .button { width: 100%; height: 36px; line-height: 36px; margin-bottom: 10px; font-size: 1.3333em; font-weight: 400; text-align: left; padding-left: 20px; letter-spacing: 0.04em }
.hkt-modal-box .login-social .button i { font-size: 1.5em; margin-right: 36px; width: 20px; float: left; display: block }
.hkt-modal-box .login-facebook { background: #155c92 }
.hkt-modal-box .login-googleplus { background: #d13535 }
.hkt-modal-box .seperator { line-height: 0; border-top: 1px solid #f5f5f5; position: relative; margin-top: 10px; margin-bottom: 10px }
.hkt-modal-box .seperator label { display: block; font-size: 0.9167em; position: absolute; left: 50%; top: 50%; line-height: 1; background: #fff; padding: 0 10px; margin: -1px 0 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 400 }
.hkt-modal-box p { margin-bottom: 0 }
.hkt-modal-icon { font-size: 18px; text-align: left; float: left }
.hkt-modal-icon i.circle { border: 1px solid; width: 1.8em; height: 1.8em; line-height: 1.7333em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; display: inline-block; text-align: center }
.hkt-modal-box .description { font-size: 1em; color: #9e9e9e }
.hkt-modal-box .form-group { margin-bottom: 10px; text-align: left }
.hkt-modal-box .checkbox label { font-size: 1em }
.hkt-modal-box .goto-login, .hkt-modal-box .goto-signup, .hkt-modal-box .signup-email { color: #333; font-size: 1.0833em }
.hkt-modal-box .checkbox-inline { margin-left: 0 }
.hkt-modal-box .forgot-password { color: #333 }
.forgot-password { text-decoration: underline }
#hkt-success, #hkt-failure { text-align: center }
#hkt-success { background-color: #f5ffe5; border: 2px solid #753d11 }
#hkt-success .hkt-modal-icon { color: #753d11 }
#hkt-failure { background-color: #fff0f2; border: 2px solid #e01a33 }
#hkt-failure .hkt-modal-icon { color: #e01a33 }
#hkt-success .hkt-modal-title, #hkt-failure .hkt-modal-title { color: #2d3e52; margin: 0 0 15px; font-size: 1.1rem }
.video-item { position: relative }
.video-btn { background: url(../images/icon-play-01.png) no-repeat center center; background-size: contain; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.opacity-overlay img { opacity: 1 !important }
.opacity-overlay .hkt-video-wrap { width: 900px; max-width: 90%; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.opacity-overlay .hkt-modal-content-wrap { width: 100vw; max-height: 100vh; overflow-y: auto; background-color: #fff; position: relative }
.opacity-overlay .thecontent { padding-bottom: 40px !important; margin-bottom: 10px }
html.noscroll .opacity-overlay .hkt-modal-content-wrap { height: 100vh }
.admin-bar .opacity-overlay .hkt-modal-content-wrap { padding-top: 32px }
.popup-content .close-popup { position: absolute; right: 0; top: 0; padding: 5px 11px; background: #f60; color: #fff }
.popup-content .close-1 { border-radius: 50% }
.popup-content .close-2 { top: auto; bottom: 0; right: 50%; color: #f60; background-color: #fff; border: 1px solid #f60; border-radius: 5px; width: 300px; text-align: center; font-weight: 600; -webkit-transform: translate(50%, 0); -khtml-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); transform: translate(50%, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
.popup-content .close-2:hover { color: #fff; background-color: #f60; text-decoration: none }
.hkt-language { padding: 0 0 0 10px; background: rgba(0, 0, 0, .2) }
.hkt-language .dropdown span.value { display: none }
.hkt-language .language-click { float: none; clear: left; width: auto; text-align: right; font-weight: normal }
.dropdown .language-click, .dropdown .language-select, .dropdown ul { margin: 0; padding: 0 }
.language .language-click a { line-height: 30px; color: #fff }
.dropdown .language-click a span { cursor: pointer; display: block; padding: 3px; padding-top: 0; padding-left: 4px; font-size: 12px; position: relative }
.dropdown img.img-flag { border: none; vertical-align: middle; margin-left: 0 }
.dropdown .language-click a span.flag:after { content: ""; height: 0; width: 0; border: 5px solid transparent; border-top-color: #fff; right: 5px; position: absolute; top: 14px }
.dropdown .language-click img { margin-right: 15px }
.dropdown .language-select { position: relative; z-index: 50; overflow: visible }
.dropdown .language-select ul { display: none; background: #fff none repeat scroll 0 0; top: 2px; left: -103px; padding: 5px 0; position: absolute; width: auto !important; min-width: 145px; list-style: none; border: none; box-shadow: 0 0 5px #333 }
.dropdown .language-select ul li { padding: 2px 12px; display: block; width: 100% }
.dropdown .language-select ul li a { color: #222; padding: 0; display: block; font-size: 12px; font-weight: 600; text-align: left }
.dropdown .language-select ul li a img { margin-right: 5px }
@media screen and (max-width:991px) {
	.language.hkt-language { position: absolute; right: 10px }
}
.fb-livechat, .fb-widget { display: none }
.fb-livechat { display: block }
.hktfb.fb-overlay { z-index: 0; position: fixed; height: 100vh; width: 100vw; -webkit-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; top: 0; left: 0; background: rgba(0, 0, 0, .05); display: none }
.fb-widget { background: #fff; z-index: 1000; position: fixed; width: 360px; height: 435px; overflow: hidden; opacity: 0; bottom: 0; right: 25px; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16) }
.hktfb.fb-close { position: absolute; right: 0; z-index: 4; padding: 5px 12px; background: #365899; font-weight: 700; font-size: 14px; color: #fff; margin: 8px; border-radius: 3px; cursor: pointer }
.hktfb.fb-close::after { content: "X"; font-family: sans-serif }
.fb-credit { text-align: center; margin-top: 8px }
.fb-credit a { transition: none; color: #bec2c9; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: none; border: 0; font-weight: 400 }
.hktfb.fb-button { position: fixed; z-index: 999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff; width: 45px; height: 45px; text-align: center; right: 25px; bottom: 10px; border: 0; outline: 0; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16); -webkit-transition: box-shadow .2s ease; background-size: 80%; transition: all .2s ease-in-out; cursor: pointer }
.left-bottom .hktfb.fb-button { left: 25px; bottom: 10px; right: auto }
.left-bottom .fb-widget { left: 25px; bottom: 30px; right: auto }
.right-bottom .hktfb.fb-button { left: auto; bottom: 10px; right: 25px }
.right-bottom .fb-widget { left: auto; bottom: 30px; right: 25px }
@media (max-width:575px) {
	.fb-livechat .fb-widget { left: 1px; right: auto }
}
.hktfb.fb-button:focus, .hktfb.fb-button:hover { transform: scale(1.1); box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24) }
.hktfb.fb-button .bubble { width: 20px; height: 20px; background: #c00; color: #fff; position: absolute; z-index: 999999999; text-align: center; vertical-align: middle; top: -2px; left: 40px; border-radius: 50% }
.hktfb.fb-button .bubble-msg { width: 120px; left: 60px; top: 5px; display: none; position: relative; background: rgba(59, 89, 152, .8); color: #fff; padding: 5px 8px; border-radius: 8px; text-align: center; font-size: 13px }
@media (max-width:991px) {
	.fb-customerchat, .fb_dialog { display: none !important }
}
@media (max-width:575px) {
	html body { font-size: 16px; line-height: 1.5 }
	select.select-post-type { font-size: 14px }
	.slider-grid-module .post-item:not(.post-item-1) .post-box-title a, .hkt-block-wrap .item-list .post-box-title a { font-size: 1rem }
	.thecontent, .entry-content, .entry-content p { text-align: left }
	.tabbed-content .nav-tabs>li a.nav-link { font-size: .8em !important; padding: 5px !important }
	.widget h6 { font-size: 18px }
	#site-footer li, footer#site-footer a, footer#site-footer p { font-size: 16px; line-height: 1.5 }
	#site-footer .widget .tagcloud a.tag-cloud-link { font-size: 16px !important; line-height: 1.5; margin: 0 10px 10px 0 }
	.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { width: 100% !important; text-align: center; margin-bottom: 10px }
}
.hkt-fade { opacity: 0; -moz-transition: all 1000ms ease-out; -webkit-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; -moz-transform: translate3d(0px, 200px, 0px); -webkit-transform: translate3d(0px, 200px, 0px); -o-transform: translate(0px, 200px); -ms-transform: translate(0px, 200px); transform: translate3d(0px, 200, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.hkt-tag #text-11.widget_text .textwidget > * { -webkit-transition-delay: 3s; transition-delay: 3s }
.hkt-fade.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px) }
.lazy-enabled img:not(.viewer-fade):not(.pswp__img) { opacity: 0 }
.lazy-enabled img.hkt-appear { opacity: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out }
.lazy-enabled .hkt-scale:not(.viewer-fade):not(.pswp__img) { opacity: 0; transform: scale(0.95) }
.lazy-enabled .hkt-scale.in-view, .lazy-enabled .hkt-scale.hkt-appear:not(.lg-image) { opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; -webkit-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; -moz-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; -o-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s }
.lazy-enabled .recent-item:hover img.hkt-scale.in-view, .lazy-enabled .recent-item:hover img.hkt-scale.hkt-appear { transform: scale3d(1.1, 1.1, 1) !important; -webkit-transform: scale3d(1.1, 1.1, 1) !important; -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg) !important }
.lazy-enabled .lg-thumb-item img:not(.viewer-fade):not(.pswp__img), .lazy-enabled .woocommerce-product-gallery img:not(.viewer-fade):not(.pswp__img) { opacity: 1 }
.phone-wave, .phone-wave a { position: relative; z-index: 2 }
.phone-wave:after { position: absolute; left: -14px; top: -28px; content: ''; opacity: 1; width: 80px; height: 80px; -webkit-animation: phone_wave 1s infinite ease-in-out; animation: phone_wave 1s infinite ease-in-out; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; border-radius: 100% !important; background-color: rgba(246, 6, 32, 0.5); z-index: 1 }
@-webkit-keyframes phone_wave {
	0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: .1 }
	30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: .5 }
	100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@keyframes phone_wave {
	0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: .1 }
	30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: .5 }
	100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@keyframes sonar {
	0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
	100% { -webkit-transform: scale(2.5); transform: scale(2.5); opacity: 0 }
}
@-moz-keyframes alo-circle-anim {
	0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
	30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
	100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes alo-circle-anim {
	0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
	30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
	100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes alo-circle-anim {
	0% { -o-transform: rotate(0) scale(.5) skew(1deg); -o-opacity: .1 }
	30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
	100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes alo-circle-fill-anim {
	0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes alo-circle-fill-anim {
	0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes alo-circle-fill-anim {
	0% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
	50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
	100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
	30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
	50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
	100% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes alo-circle-img-anim {
	0% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
	10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
	30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
	50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
	100% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes alo-circle-img-anim {
	0% { -o-transform: rotate(0) scale(1) skew(1deg) }
	10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
	20% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
	30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
	40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
	50% { -o-transform: rotate(0) scale(1) skew(1deg) }
	100% { -o-transform: rotate(0) scale(1) skew(1deg) }
}
.img-list ol { counter-reset: linum; list-style: none; padding: 0 }
.img-list ol li { counter-increment: linum; word-wrap: break-word; margin-bottom: 15px }
.img-list ol li::before { float: left; clear: left; contain: content; position: relative; left: 0; top: 0; padding: 0 !important; content: ""; background: url("../images/star.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 20px; height: 20px }
.img-list ol.new li::before { width: 31px; height: 31px; font-size: 15.5px; margin-right: 0; content: ""; background: url("../images/icon-new.gif"); background-repeat: no-repeat; background-size: 100% 100% }
.img-list ol.hot li::before { width: 25px; height: 25px; font-size: 12.5px; margin-right: 0; content: ""; background: url("../images/hot-animation.gif"); background-repeat: no-repeat; background-size: 100% 100% }
.img-list ol.star li::before { width: 20px; height: 20px; font-size: 12.5px; margin-right: 0; content: ""; background: url("../images/star.png"); background-repeat: no-repeat; background-size: 100% 100% }
.img-list ol.star li { margin-bottom: 10px }
.switch-input { position: relative; display: inline-block; width: 50px; height: 26px; margin-bottom: 0 }
.switch-input input { display: none }
.slider-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s }
.slider-switch:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 5px; background-color: white; -webkit-transition: .4s; transition: .4s }
input:checked + .slider-switch { background-color: #2196F3 }
input:focus + .slider-switch { box-shadow: 0 0 1px #2196F3 }
input:checked + .slider-switch:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) }
.slider.round { border-radius: 26px }
.slider.round:before { border-radius: 50% }
.hkt-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; margin-bottom: 0; width: 100% }
@media (max-width:575px) {
	.hkt-file { max-width: calc(100% - 125px) }
}
.hkt-file .file-input { max-width: 100%; height: 2.5rem; margin: 0; filter: alpha(opacity=0); opacity: 0; cursor: pointer }
.hkt-file .file-control { white-space: nowrap; position: absolute; top: 0; right: 0; left: 0; z-index: 0; height: 2.5rem; padding: .5rem; line-height: 1.5; color: #464a4c; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; overflow: hidden }
.hkt-file.btn-left .file-control { padding: .5rem .5rem .5rem 5.5rem }
.hkt-file .file-control:before { content: "Browse"; position: absolute; top: -1px; right: -1px; bottom: -1px; display: block; height: 2.5rem; padding: .5rem 1rem; line-height: 1.5; color: #464a4c; background-color: #eceeef; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0 .25rem .25rem 0; z-index: 0; cursor: pointer }
.hkt-file.btn-left .file-control:before { left: -1px; right: auto; border-radius: .25rem 0 0 .25rem }
@media (max-width:575px) {
	.file-input>img { max-height: 70px !important }
}
.owl-carousel { touch-action: manipulation }
.slider-wrapper { position: relative; overflow: hidden }
.slider-wrapper button:focus { outline: none }
.slider-wrapper .owl-nav { margin: 0; color: transparent }
.slider-wrapper .owl-dots { margin-top: -25px; height: 25px; position: relative; z-index: 10 }
.slider-wrapper .owl-nav [class*="owl-"] { font-size: 0; position: absolute; top: 40%; bottom: 40%; background-color: transparent; margin: 0; padding: 0; width: 36px; color: #111111; border: none; cursor: pointer; opacity: 0; transition: opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s, background .3s, box-shadow .3s; transition: transform .3s, opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s }
.slider-wrapper .owl-nav .owl-prev { -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); right: auto !important; left: -1px !important }
.slider-wrapper .owl-nav .owl-next { -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); left: auto !important; right: -1px !important }
.slider-wrapper .owl-nav .owl-next:before { content: "" }
.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-prev:hover { width: 30px; top: -2px; bottom: 0; height: 100%; margin: 0 !important }
.slider-wrapper .owl-nav .owl-next, .slider-wrapper .owl-nav .owl-next:hover { width: 30px; top: -2px; bottom: 0; height: 100%; margin: 0 !important }
.slider-wrapper:hover .owl-nav [class*="owl-"] { opacity: 1; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important }
.slider-wrapper .owl-nav i { color: transparent }
.slider-wrapper:hover .owl-nav i { font-size: 26px; color: #fff; position: absolute; left: 50%; top: 50%; width: 100%; max-width: 100%; padding: 20%; max-height: 100%; height: auto; transition: all 0.3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.owl-dots { padding: 0 !important; margin: 0; text-align: center; list-style: none; font-size: 0 }
.owl-dot { display: inline-block; width: 10px; height: 10px; background-color: #bbb; margin: 0 5px; padding: 0; -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
.owl-dot:hover, .owl-dot.active { background-color: #666666 }
.owl-nav { text-align: center; line-height: 1; margin-top: 20px }
.owl-nav > div { text-transform: uppercase; font-weight: bold; font-size: 13px; cursor: pointer; display: inline-block }
.owl-nav > div i { color: #878787; font-size: 10px; position: relative; top: -1px; font-weight: normal; text-transform: none; letter-spacing: -0.02em }
.owl-nav > div:hover { color: #34a853 }
.owl-nav > div:hover i { color: inherit }
.owl-nav > div + div:before { content: '|'; display: inline; font-size: 12px; padding: 0 10px; position: relative; top: -1px; color: #dddddd }
.owl-nav-top > .owl-nav { position: absolute; top: -35px; right: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); margin-top: 0 }
@media (min-width:1350px) {
	.owl-nav-center > .owl-nav { margin-top: 0 }
	.owl-nav-center > .owl-nav > div { position: absolute; top: 50% }
	.owl-nav-center > .owl-nav > .owl-prev { left: -20px; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); transform: translate(-100%, -50%) }
	.owl-nav-center > .owl-nav > .owl-next { right: -20px; -webkit-transform: translate(100%, -50%); -moz-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%) }
	.owl-nav-center:not(.owl-nav-round):not(.owl-nav-square) > .owl-nav > div + div:before { padding: 0 10px 0 0 }
	.owl-nav-center:not(.owl-nav-round):not(.owl-nav-square) > .owl-nav > .owl-prev:after { content: '|'; display: inline; font-size: 12px; padding: 0 0 0 10px; position: relative; top: -1px; color: #dddddd }
	.owl-nav-center.owl-nav-round > .owl-nav > div + div, .owl-nav-center.owl-nav-square > .owl-nav > div + div { margin-left: 0 }
}
.owl-nav-round > .owl-nav > div + div { margin-left: 5px }
.owl-nav-round > .owl-nav > div + div:before { display: none }
.owl-nav-round > .owl-nav > div { width: 40px; height: 40px; text-align: center; background-color: #eee; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; font-size: 0; vertical-align: middle }
.owl-nav-round > .owl-nav > div i { font-size: 14px; position: static; line-height: 40px }
.owl-nav-square > .owl-nav > div + div { margin-left: 5px }
.owl-nav-square > .owl-nav > div + div:before { display: none }
.owl-nav-square > .owl-nav > div { width: 36px; height: 36px; text-align: center; border: 1px solid #eeeeee; font-size: 0 }
.owl-nav-square > .owl-nav > div i { position: static; line-height: 34px }
@media (max-width:320px) {
	.owl-nav-top > .owl-nav > div { font-size: 0 }
	.owl-nav-top > .owl-nav > div i { font-size: 10px }
	.owl-nav-top.owl-nav-round > .owl-nav > div { width: 30px; height: 30px }
	.owl-nav-top.owl-nav-round > .owl-nav > div i { font-size: 10px; line-height: 30px }
	.owl-nav-top.owl-nav-round > .owl-nav > div + div { margin-left: 2px }
}
.slider-wrapper .owl-nav [class*="owl-"] { opacity: 0.5; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important }
.slider-wrapper .owl-nav i { background: rgba(0, 0, 0, 0.55); font-size: 26px; color: #fff; position: absolute; left: 50%; top: 50%; width: 100%; max-width: 100%; padding: 20%; max-height: 100%; height: auto; transition: all 0.3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.slider-wrapper .fa-chevron-left:before { content: "\f104"; font-size: 40px }
.slider-wrapper .fa-chevron-right:before { content: "\f105"; font-size: 40px }
.slider-wrapper .content-container { display: flex; align-items: flex-end; justify-content: start; text-align: right; width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.slider-wrapper .content-container.has-excerpt { background: rgba(0, 0, 0, .5) }
.slider-wrapper .text-shadow { text-shadow: 0 0 10px rgba(0, 0, 0, .7) }
.slider-wrapper .container { padding: 0 }
.slider-wrapper .content-container h2 { font-size: 1rem; background: rgba(0, 0, 0, .5); margin: 0; padding: 10px }
@media (max-width:767px) {
	.slider-wrapper .content-container:not(.has-excerpt) { position: unset; display: none }
}
.account span { padding: 0 3px; font-weight: 600 }
@media (min-width:768px) {
	.hkt-modal-box { width: 400px }
	#hkt-signup { width: 650px }
}
.hkt-box .heading { text-align: center; font-weight: 600; margin-bottom: 20px }
.hkt-box [class*="goto-"] { font-weight: 600 }
.hkt-box .social .btn { padding: 3px 0; width: 32px; height: 32px; text-align: center }
.btn-facebook { color: #fff; background-color: #3b5998 }
.btn-googleplus { color: #fff; background-color: #dd4b39 }
.hkt-box .btn:hover { color: #fff; text-decoration: none }
.hkt-box .control-label { font-weight: 600; margin-bottom: 2px }
.hkt-box input.hkt-input-empty { background: rgba(255, 255, 255, .1); border: 1px solid #f00 }
.hkt-box.form-processing .spinner { color: #333 }
.hkt-box .notification { margin-bottom: 10px; display: none }
.hkt-box .notification.show { display: block; padding: 10px; background-color: #e8f0fe }
.hkt-box .close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; color: #333 !important; background: transparent; opacity: 1; border-radius: 0; text-shadow: none; outline: none; box-shadow: none; font-weight: 400 }

/* CSS THEME */
.main-wrapper-layout { display: flex; flex-wrap: wrap; }

/* RESPONSIVE */
@media screen and  (min-width:992px) {
	.main-wrapper-layout article { width: 72%; }
	.main-wrapper-layout aside { width: 28%; padding-left: 20px; }
}