/*
Theme Name: SisPro 1.0
Theme URI: https://www.dmcom.id/
Description: Theme custom by DanCodev
Version: 1.0
Author: DanCodev
Author URI: https://www.dmcom.id/
Text Domain: dcov
License: reguler licency
License URI: reguler licency
*/

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #43b4f9;
    color: #ffffff;
}
::-moz-selection {
    background: #43b4f9;
    color: #ffffff;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px white;
    background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
    background: #e0e0e0;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f0f0f0;
}
:root{
    --swiper-theme-color:#007aff
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, time, tt, u, ul, var, video{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}
body {
    background-color: #FFFFFF;
    color: #333;
    font-family: 'Nunito',sans-serif, Arial, Helvetica;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    font-style: normal;
}
img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
img{
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
    outline: 0;
}
sup{vertical-align:super;font-size:smaller}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 0;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ font-weight: inherit }
h1 {
    font-size: 28px;
    line-height: 1.6;
}
h2 {
    font-size: 22px;
    line-height: 1.5;
}
h3 {
    font-size: 18px;
    line-height: 1.5;
}
h4 {
    font-size: 16px;
    line-height: 1.3;
}
h5 {
    font-size: 14px;
    line-height: 22px;
}
h6 {
    font-size: 12px;
    line-height: 1.2;
}
h1,h2,h3{font-weight: 500}
h4{font-weight: 400}
h5,h6,h3{font-weight: 300}
p { margin: 0 0 1rem 0 }
p img { margin: 0 }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    height: auto;
    font-family: Consolas, monospace;
    border: 1px solid #dddddd;
    background: #fafafa;
    padding: 15px 25px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    box-shadow:inset 0 0 1px 1px #fff;
    margin: 0 0 20px 0;
    overflow-x:auto;
}
a {
    outline: 0;
    color: #3b4249;
    text-decoration: none;
    transition: all .2s;
}
a:hover,a:focus {color:#666666}
p a,p a:visited {line-height:inherit}
ol,ul{margin:0}
ul,li{list-style:none}
ol{padding-left:17px;}
ol li{list-style:decimal}
ul li, ol li {line-height:24px;position:relative}
ul li ul,ol li ul,ol li ul,ol li ol{margin-bottom:0}
form,fieldset { margin-bottom: 20px}
input[type="text"],
input[type="date"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select{
    display: block;
    outline: none;
    color: #08061f;
    background-color: #fff;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 100%;
    height: 42px;
    max-width: 100%;
    padding: 10px 13px;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
}
input[type="date"]{padding-right:10px}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus{
    outline: none;
    background-color:#fafafa;
    color: #555555; 
}
textarea{min-height:60px;height:auto}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url(img/arrow-select.png);
    background-size: 8px;
    background-position: 92% center;
    background-repeat: no-repeat;
    text-indent: 0.01px;
    text-overflow: '';
}
label,legend{cursor:pointer;display: block}
label span,legend span{font-weight:bold}
.btn,button,input[type="submit"],input[type="reset"],input[type="button"]{
    display: inline-block;
    cursor: pointer;
    width: auto;
    border: 0;
    color: #527efd;
    padding: 8px 15px;
    border-radius: 3px;
    background: #f7f7f7;
    transition: all 400ms;
}
.btn:hover,button:hover,
.headprop .detail .btn:hover{
    background-color: #6495fe;
    box-shadow: 0 1px 10px rgb(100 149 254 / 50%);
    color: #fff;
}
.btn.dark{
    color: #F7B90F;
    background: #292929;
}
.btn.blue{
    color: #fff;
    background: #6495fe;
}
.btn.blue:hover{
    background: #37466f;
    box-shadow: 0 1px 10px rgb(55 70 111 / 50%)
}
.btn.orange{
    background: #F7B90F;
    color: #292929;
}
.btn.orange:hover{
    background: #292929;
    box-shadow: none;
    color: #fff;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    background-color: #fff;
}
td,th{
    padding: 5px 10px;
    font-weight: 400;
    vertical-align: middle;
    border: 1px solid #e9e9e9;
}
main.wrapper{background-color:#f8f8f8;z-index:3}
.extra-wrap{overflow:hidden}
img:focus,
figure:focus,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
.btn:focus{outline:0}

/*! light gallery */
.lg-icon:after,.lg-icon:before{font-family:bootstrap-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-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{right:20px}.lg-actions .lg-prev{left:20px}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#fff}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.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{position:absolute;top:0;left:0;width:100%;z-index:1082;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{text-align:center;cursor:pointer;float:right;color:#999;width:47px;height:47px;padding:10px 0;font-size:18px;line-height:24px}.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{border-radius:5px;cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #fff;border-radius:4px;margin-bottom:5px}.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}.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(assets/img/vimeo-play.png) no-repeat scroll 0 0 transparent}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(assets/img/vimeo-play.png) no-repeat scroll 0 -58px transparent}.lg-outer .lg-has-html5 .lg-video-play{background:transparent url(assets/img/video-play.png) no-repeat scroll 0 0;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(assets/img/youtube-play.png) no-repeat scroll 0 0 transparent}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(assets/img/youtube-play.png) no-repeat scroll 0 -60px transparent}.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:#f68d06;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.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-actual-size{font-size:20px}#lg-zoom-out{opacity:.5;pointer-events:none}.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-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}#sidebar:last-child,.lg-outer .lg-dropdown>li:last-child,.wcpt article: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-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-share{position:relative}.lg-outer .lg-toogle-thumb:hover,.lg-toolbar .lg-icon:hover{color:#fff}.lg-actions .lg-next:before{content:"\f285"}.lg-actions .lg-prev:before{content:"\f284"}.lg-toolbar .lg-close:before{content:"\f623"}.lg-toolbar .lg-download:before{content:"\f29b"}.lg-outer .lg-toogle-thumb:before{content:"\f3fc"}#lg-actual-size:before{content:"\f150"}#lg-zoom-in:before{content:"\f62c"}#lg-zoom-out:before{content:"\f62d"}.lg-autoplay-button:before{content:"\f4f3"}.lg-show-autoplay .lg-autoplay-button:before{content:"\f591"}.lg-fullscreen:before{content:"\f3df"}.lg-fullscreen-on .lg-fullscreen:before{content:"\f3de"}.lg-outer #lg-share:before{content:"\f52e"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity: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{height:100%;width:100%;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{width:100%;height:100%;position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(assets/img/loadingdots.gif) no-repeat scroll center center transparent;display:none!important}.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-css .lg-current{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{display:none}.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:1040;background-color:rgb(0 0 0 / 90%);-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{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.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}
/*! Swiper 6.8.1 Copyright 2014-2021 Vladimir Kharlampidi */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero-control{position:absolute;left:50%;bottom:0;display:flex}.hero-slider-pagination{position:absolute;bottom:40px;z-index:20}
/* extras */
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px
}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-first{-ms-flex-order:-1;order:-1}
.order-last{-ms-flex-order:13;order:13}
.order-0{-ms-flex-order:0;order:0}
.order-1{-ms-flex-order:1;order:1}
.order-2{-ms-flex-order:2;order:2}
.order-3{-ms-flex-order:3;order:3}
.order-4{-ms-flex-order:4;order:4}
.order-5{-ms-flex-order:5;order:5}
.order-6{-ms-flex-order:6;order:6}
.order-7{-ms-flex-order:7;order:7}
.order-8{-ms-flex-order:8;order:8}
.order-9{-ms-flex-order:9;order:9}
.order-10{-ms-flex-order:10;order:10}
.order-11{-ms-flex-order:11;order:11}
.order-12{-ms-flex-order:12;order:12}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}
.relative{position:relative}
.d-none{display:none!important}
.d-block{display:block!important}
.d-flex{display:flex!important}
.media-body{flex:1}
.mr0{margin:0!important}
.mrl0{margin-left:0!important}
.mrr0{margin-right:0!important}
.mrt0{margin-top:0!important}
.mrb0{margin-bottom:0!important}
.pd0{padding:0!important}
.pdl0{padding-left:0!important}
.pdr0{padding-right:0!important}
.pdt0{padding-top:0!important}
.pdb0{padding-bottom:0!important}
.ml-5{margin-left:5px}
.ml-7{margin-left:7px}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-25{margin-left:25px}
.mr-5{margin-right:5px}
.mr-7{margin-right:7px}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-20{margin-right:20px}
.mr-25{margin-right:25px}
.ml-auto{margin-left:auto!important}
.mr-auto{margin-right:auto!important}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.mt-45{margin-top:45px}
.mt-55{margin-top:55px}
.mb-0{margin-bottom:0}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-35{margin-bottom:35px}
.mb-45{margin-bottom:45px}
.mb-55{margin-bottom:55px}
.pl-5{padding-left:5px}
.pl-7{padding-left:7px}
.pl-10{padding-left:10px}
.pl-15{padding-left:15px}
.pr-5{padding-right:5px}
.pr-7{padding-right:7px}
.pr-10{padding-right:10px}
.pr-15{padding-right:15px}
.pt-5{padding-top:5px}
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-25{padding-top:25px}
.pt-30{padding-top:30px}
.pt-35{padding-top:35px}
.pt-40{padding-top:40px}
.pt-45{padding-top:45px}
.pt-50{padding-top:50px}
.pb-5{padding-bottom:5px}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-35{padding-bottom:35px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.fwl{font-weight:300}
.fwr{font-weight:400}
.fwm{font-weight:500}
.fws{font-weight:600}
.fwb{font-weight:bold}
.f-nano{font-size:10px}
.f-micro{font-size:11px}
.f-smaller{font-size:12px}
.f-small{font-size:13px}
.f-min{font-size:14px}
.f-mini{font-size:15px}
.f-minim{font-size:16px}
.f-mid{font-size:18px}
.f-medium{font-size:22px}
.f-big{font-size:26px}
.f-biger{font-size:28px}
.f-extra{font-size:32px}
.f-extrabig{font-size:45px}
.f-width{width:100%}
.f-colum{flex-flow:column}
.f-wrap{flex-wrap:wrap}
.t-cen{text-align:center}
.t-left{text-align:left}
.t-right{text-align:right}
.t-uper{text-transform:uppercase}
.t-low{text-transform:lowercase}
.t-cap{text-transform:capitalize}
.t-elep{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.j-center{justify-content:center}
.j-space{justify-content:space-between}
.a-center{align-items:center}
.c-orange{color:#F7B90F}
.c-white{color:#ffffff}
.c-blue{color:#008aff}
.c-blus{color:#464d50}
.c-gray{color:#898c90}
.t-secondary{color:#eff2f7!important}
.bg-white{background-color:#ffffff}
.bg-dark{background-color:#0e0b2b}
.bg-blue{background-color:#008aff}
.bg-orange{background-color:#F7B90F}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
.container{
    z-index: 2;
    width: 92%;
    max-width: 1224px;
    position: relative;
}
.container:after{
    content: "\0020";
    display: block;
    clear: both;
}
.clear, .container:after{
    visibility: hidden;
    height: 0;
}
.row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}
.dcovbox{
    position: relative;
    width: 100%;
    background: #fff;
    padding: 25px 30px;
}
.thead.iconplus{
    position: relative;
}
.thead.iconplus:before{
    content: " ";
    font-family: bootstrap-icons;
    position: absolute;
    top: 6px;
    left: 0;
    width: 48px;
    height: 48px;
    font-size: 44px;
    line-height: 48px;
}
.thead.iconplus .tt,
.thead.iconplus .st{
    margin: 0;
    padding-left: 53px;
}
.thead .btn{
    background: #08061f;
    position: absolute;
    bottom: 15px;
    color: #fff;
    right: 0;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 12px 0 12px 12px;
}
.divider{
    position: relative;
    border: 0;
    width: 100%;
}
.divider:before{
    content: '';
    display: block;
    width: 80%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: radial-gradient(ellipse at center,#d1dbe7 0,rgba(255,255,255,0) 75%);
}
.divider.dark:before{
    background: radial-gradient(ellipse at center,rgba(255,255,255,.2) 0,rgba(31,45,61,0) 75%);
}
.mousey{
    width: 20px;
    height: 30px;
    border-radius: 6px;
    padding: 0 6px;
    border: 1px solid rgba(255,255,255,0.4);
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.mousey:after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 8px;
    left: 50%;
    background: rgba(255,255,255,0.4);
}
.scroller{
    background: #F7B90F;
    position: relative;
    left: 50%;
    top: 6px;
    width: 5px;
    height: 5px;
    margin-left: -2px;
    border-radius: 4px;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
}
.hex{
    position: absolute;
    width: 43px;
    height: 24.83px;
    background-color: #fff;
    margin: 12.41px 0;
    transform: rotate(30deg);
}
.hex:before,.hex:after{
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    border-left: 21.5px solid transparent;
    border-right: 22px solid transparent;
}
.hex:before{
    bottom: 100%;
    border-bottom: 13px solid #fff;
}
.hex:after{
    top: 100%;
    width: 0;
    border-top: 13px solid #fff;
}
.hex1{
    left: 12px;
    top: 43px;
}
.hex2{
    left: 129px;
    top: 111px;
}
.hex3{
    left: 12px;
    top: 134px;
}
.hex-bg{
    position: absolute;
    left: 50px;
    top: 0;
    width: 450px;
    height: 250px;
    background: url(assets/img/hex.png) no-repeat bottom right;
}
.hex-bg.dwn-right{
    left: auto;
    top: auto;
    right: 0;
    bottom: -30px;
}
.bg_wrap{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
.dcovthumb{
    position: relative;
    overflow: hidden;
    display: block;
    height: 0;
    z-index: 0;
    background: #f7f7f7;
    background-position: 50%;
    background-size: cover;
}
.size-715{
    padding-bottom: 71.5%;
}
.size-50{
    padding-bottom: 50%;
}
.bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}
.gradinet-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(34,34,34,0.8) 20%, rgba(34,34,34,0.5) 70%, rgba(34,34,34,0) 95%);
    z-index: 2;
}
.dcovdec{
    position: absolute;
    z-index: 3;
    right: 40px;
    width: 80px;
    height: 80px;
    border-right: 1px solid rgba(255,255,255,0.4);
}
.dcovdec.top{
    top: 50px;
    border-top: 1px solid  rgba(255,255,255,0.4);
}
.dcovdec.bottom{
    bottom: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.dcovfield{
    position: relative;
}
.dcovfield input,
.dcovfield textarea{
    background: transparent;
    padding-right: 25px;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #f68d06;
}
.dcovfield input:focus{
    background: transparent;
}
.dcovfield .alert{
    position: absolute;
    cursor: help;
    top: 6px;
    right: 0;
    color: #dc2743;
}
.dcovfield .form-msg{
    top: -5px;
    left: 0;
    right: 0;
    font-size: 13px;
}
.dcovfield .form-msg.success{
    color: #075e54;
}
.dcovtabs .tabsnav:before,
.dcovtabs .tabsnav:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 20%;
    right: 0;
    z-index: 1;
    height: 1px;
    background: #eee;
}
.dcovtabs .tabsnav:after{
    left: auto;
    width: 40px;
    z-index: 2;
    background: #F7B90F;
}
.dcovtabs .tabs-menu li{
    margin-right: 10px;
    z-index: 3;
}
.dcovtabs .tabs-menu a{
    display: block;
    position: relative;
    background: #f5f5f5;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #f0f0f0;
    padding: 12px 60px 12px 30px;
}
.dcovtabs .active a{
    background: #F7B90F;
    border-color: #f7b90f;
}
.dcovtabs .tabs-menu a i{
    transition: all .3s ease-in-out;
    position: absolute;
    right: 25px;
}
.dcovtabs .tabs-menu .active a i{
    color: #fff;
    transform: rotate(90deg);
}
.dcovtabs .tab{
    display: none;
    position: relative;
}
.dcovtabs .tab.active{
    display: block;
}

/* nav desktop */
#header{
    width: 100%;
    z-index: 1001;
    background: #FFFFFF;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 25%);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.header.stickys{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.header-top{
    overflow: hidden;
    height: 42px;
    font-size: 13px;
    line-height: 42px;
    background-color: rgba(153,161,182,0.08);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.header-top span{
    color:#99a1b6
}
.header-btm{
    padding: 10px 0;
    transition: all .2s;
}
#header .logo{
    display: flex;
    flex: none;
    height: 45px;
}
.header.stickys~main.wrapper{
    padding-top: 94px;
}
#header.transparent{
    background: rgb(0 0 0 / 5%);
    box-shadow: none;
}
#header.transparent .header-top{
    display:none;
}
#header.transparent~main.wrapper{
    padding-top: 0;
}
#header .navmenus{
    width: 100%;
    color: #08061f;
}
#header #nav{
    justify-content: flex-end;
}
#header #nav > li{
    position: relative;
    margin-left: 20px;
    line-height: 42px;
}
#header #nav > li:first-child{
    margin: 0;
}
#header #nav > li:after{
    content: " ";
    position: absolute;
    height: 3px;
    width: 0;
    left: 0;
    bottom: 0;
    background: #c22;
    -webkit-transition: width .15s ease-in-out;
    -moz-transition: width .15s ease-in-out;
    -ms-transition: width .15s ease-in-out;
    -o-transition: width .15s ease-in-out;
    transition: width .15s ease-in-out;
}
#header #nav > li:hover:after{
    width: 100%;
}
#header #nav a{
    display: block;
    color: #37466f;
    font-size: 16px;
}
#header #nav a:hover{
    color: #828282;
}
#header.transparent #nav a{
    color: #fff;
    font-weight: 700;
}
#header.transparent #nav a:hover{
    color: #000;
    text-shadow: 0 1px 2px #fff;
}
#header #nav li .sub-menu{
    background: #FFFFFF;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    top: 100%;
    right: 0;
    opacity: 0;
    z-index: 1;
    max-height: 0;
    width: max-content;
    border-radius: 5px;
    padding: 30px 30px 11px;
    box-shadow: rgb(55 70 111 / 16%) 0px 1px 20px;
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
    will-change: transform,visibility,opacity;
}
#header #nav li .walker{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#header #nav li:hover .sub-menu{
    opacity: 1;
    visibility: visible;
    z-index: 100;
    max-height: 1000px;
    transform: perspective(400px) rotate3d(0,0,0,0);
    border-radius: 0 0 5px 5px;
}
#header #nav .sub-menu > li:after{
    content: none;
}
#header #nav .sub-menu > li:last-child{
    border-bottom: none;
}
#header #nav .sub-menu a{
    position: relative;
    color: #37466f;
    font-weight: 500;
    letter-spacing: 0.44px;
    text-transform: capitalize;
    padding: 0px 0px 10px 24px;
    -webkit-font-smoothing: antialiased;
}
#header #nav .sub-menu a:before{
    content: "\f3d7";
    position: absolute;
    top: -1px;
    left: 0px;
    width: 14px;
    height: 16px;
    color: rgb(153, 161, 182);
    font-family: bootstrap-icons;
}
#header.transparent .header-top span{
    color: #08061f;
}
#header.transparent .header-top a{
    color: #fff;
}
#header.transparent .header-top a:hover{
    color: #eaeaea;
}
#header #nav .sub-menu a:hover,
#header.transparent #nav .sub-menu a:hover{
    color: #fafafa;
    text-shadow: none;
}
/* nav mobile */
.mobilenav{
    padding: 0 10px;
    color: #fff;
}
.navmobile{
    display: none;
    position: fixed;
    width: 280px;
    left: -280px;
    top: 0;
    bottom: 0;
    z-index: 1004;
    background: #FFFFFF;
    transition: all .2s ease-in-out;
    box-shadow: 7px 0 22px -2px #000;
}
.navmobile .toparea{
    padding-bottom: 13px;
    border-bottom: 1px solid rgb(0 0 0 / 5%);
}
.navmobile .logo{
    margin-top: 10px;
    margin-left: 20px;
}
.navmobile .logo a{
    max-width: 100px;
}
.navmobile .closenavbile{
    margin-top: 5px;
    margin-left: auto;
    padding: 5px 10px;
    line-height: normal;
    align-self: flex-start;
    color: #999;
}
.navmobile nav{
    margin-top: 18px;
}
.navmobile #nav li{
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 2px;
    font-weight: 700;
}
.navmobile #nav li>a{
    display: block;
    padding: 0 15px 0 20px;
}
.navmobile #nav li>a>i{
    display: inline-block;
    min-width: 24px;
}
.navmobile #nav li>.sub-menu>li>a{
    color: #696969;
    font-size: 13px;
    padding: 0 15px 0 42px;
}
.navmobile #nav li>.sub-menu>li>a>i{
    color: #299846;
    font-size: 16px;
}
.navmobile .bottomarea{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.navmobile .interaction{
    margin-top: 13px;
    padding: 0 10px 20px;
    justify-content: space-around;
}
#header~#mainwrap .pagewrap{
    padding-top:45px;
}
.interaction a{
    background: #44413d;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 20px;
}
.interaction .whatsapp{
    background: #0dba4f;
}
.header-media{
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}
.header-media.project{
    overflow: inherit;
}

/* Header media image */
.hero-wrap{
    position: relative;
    background: #222;
    width: 100%;
}
.headmedic-slider,
.projslide_gallery{
    height: 650px;
}
.projslide_gallery .swiper-slide a{
    display: block;
}
.projslide_gallery .swiper-slide a:before{
    opacity: .2;
}
.projslide_gallery .slidenum{
    position: absolute;
    color: #F7B90F;
    top: 88px;
    right: 35px;
    z-index: 10;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 15px;
    background: rgba(0,0,0,0.4);
}
.projslide_gallery .hero-control{
    left: auto;
    right: 120px;
    bottom: 40px;
}
.hero-wrap-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fl-wrap{
    position: relative;
    width: 100%;
    height: 100%;
}
.fs-slider-item:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: #000;
}
.hero-wrap-title{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
}
.hero-wrap-title_item h2{
    text-transform: uppercase;
    font-size: 45px;
    text-align: left;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    padding-top: 10px;
}
.hero-wrap-title_item h3{
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    position: relative;
}
.hero-wrap-title_item h4{
    color: #fff;
    font-size: 16px;
    text-align: left;
    max-width: 550px;
    font-weight: 500;
}
.hero-wrap-title_item .btn{
    margin-top: 25px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02rem;
}
.slider-progress-bar{
    position: absolute;
    top: 40px;
    right: 50px;
    z-index: 20;
}
.headmedic-slider .slider-progress-bar{
    top: 88px;
}
.circ{
    transform: scale(1.0) rotate(-90deg);
    transition: transform .3s ease;
    position: relative;
    z-index: 3;
}
.slider-progress-bar.act-slider .circ1{
    stroke-dashoffset: 220px;
    transition: linear 6s stroke-dashoffset;
}
.circ1{
    stroke-dashoffset: 440px;
}
.circ circle{
    stroke-dasharray: 440px;
}
.hwt_dec{
    position: absolute;
    z-index: -1;
    top: 60px;
    left: -30px;
    width: 370px;
    bottom: -30px;
    background: rgba(0,0,0,0.4);
}
.hwt_dec:before{
    content: '';
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 80px;
    height: 80px;
    border-right: 1px solid rgba(255,255,255,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.hero-scroll-down-notifer{
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 10px
}
.hero-scroll-down-notifer i{
    position: absolute;
    color: #F7B90F;
    bottom: -40px;
    left: 5px;
    font-size: 11px;
    font-weight: 100;
}
.headmedic-slider .hero-scroll-down-notifer{
    right: auto;
    bottom: -100px;
    left: 0;
}
.hero-btn,.play-pause_slider{
    text-align: center;
    position: absolute;
    cursor: pointer;
    color: #F7B90F;;
    right: 60px;
    width: 40px;
    height: 40px;
    bottom: 28px;
    z-index: 10;
    font-size: 12px;
    line-height: 40px;
    border-radius: 2px;
    background: rgba(0,0,0,0.7);
}
.headmedic-slider .hero-btn{
    bottom: 20px;
}
.projslide_gallery .hero-btn{
    position: relative;
    bottom: auto;
    right: auto;
    height: 52px;
    width: 52px;
    font-size: 18px;
    line-height: 52px;
}
.headmedic-slider .hero-slider-prev{
    right: 200px;
}
.headmedic-slider .hero-slider-next{
    right: 110px;
}
.headmedic-slider .hero-slider-pagination{
    right: 255px;
    bottom: 27px;
}
.projslide_gallery .hero-slider-pagination{
    position: relative;
    bottom: auto;
    margin: 0 25px;
    line-height: 48px;
}
.projslide_gallery .hero-wrap-title{
    position: absolute;
    right: auto;
    top: auto;
    left: 95px;
    height: 34%;
    width: 310px;
    bottom: 100px;
    transform: inherit;
}
.projslide_gallery .logos{
    height: 70%;
}
.projslide_gallery .develop{
    color: #F7B90F;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}
.projslide_gallery .hwt_dec{
    top: 64px;
    bottom: -25px;
}
.hero-scroll-down-notifer{
    cursor: pointer;
}
.swiper-pagination-bullet{
    opacity: 1;
    background: #999;
    margin: 0 10px;
    display: inline-block;
    width: 6px;
    height: 6px;
    position: relative;
    border-radius: 100%;
    transition: all 300ms ease-out;
}
.swiper-pagination-bullet:before{
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    transform: scale(0);
    transition: all 300ms ease-out;
}
.swiper-pagination-bullet-active:before{
    transform: scale(1.0);
}
.swiper-pagination-bullet{
    background: #F7B90F;
}
.swiper-pagination-bullet-active{
    background: #fff;
}
.header-media .image{
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.header-media .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}
.header-media .image:before{
    content: " ";
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.hompage .hero-scroll-down-notifer{
    left: 15px;
    right: auto;
    bottom: -50px;
}
.hompage .dcovdec.top{
    top: -50px;
    right: 15px;
}
.hompage .dcovdec.bottom{
    bottom: -50px;
    right: 15px;
}
.hompage .image:before{
    opacity: 0.45;
}
.hompage .dcovline.top{
    position: absolute;
    width: 120px;
    top: -18px;
    padding: 0;
}
.hompage .dcovline.top:before{
    top: -4px;
    height: 4px;
}

.header-media .image .caption-group{
    text-align: center;
    position: absolute;
    max-width: 840px;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -44%);
    -ms-transform: translate(-50%, -44%);
    transform: translate(-50%, -44%);
}
.header-media .caption-group.contact{
    text-align: left;
    width: 100%;
}
.header-media .caption-group.landing-dev{
    text-align: left;
    width: 100%;
    top: 50%;
    max-width: 95%;
}
.header-media .image .tt,
.header-media .image .st{
    text-shadow: 1px 2px 0px #333;
}
.header-media .image form{
    margin: 0;
    padding: 15px 18px;
    border-radius: 3px;
    background: rgb(255 255 255 / 30%);
}
.header-media .image input{
    margin: 0;
    height: 42px;
    font-weight: 400;
}
.header-media .image .keyword input{
    background: #fff;
    padding: 10px 46px 10px 13px;
}
.header-media .search-opt{
    position: absolute;
    cursor: pointer;
    height: 30px;
    width: 30px;
    top: 5px;
    right: 5px;
    line-height: 30px;
    border-radius: 2px;
}
.header-media .image .btn{
    font-size: 16px;
    padding: 0 20px;
    background: #f68d06;
}
#more_search_opt{
    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    border-radius: 3px;
    margin-top: 1px;
    padding: 15px 18px;
    background: rgb(0 0 0 / 85%);
    transition: .15s ease-in-out;
}
#more_search_opt .dcovfield{
    width: 100%;
}
#more_search_opt input{
    color: #fff;
    font-weight: 300;
}
.header-media .form-contact{
    width: 35%;
    flex: none;
}
.header-media .form-contact form{
    background: rgb(255 255 255 / 85%);
}
.header-media .contact-info{
    background: rgb(255 255 255 / 85%);
    font-size: 16px;
    font-weight: 600;
    padding: 1.3rem 1.5rem;
}
/* header project */
.headprop .slick-prev{
    left: 10%;
    right: auto;
}
.headprop .infoblock{
    position: absolute;
    top: 50%;
    right: 15%;
    max-width: 360px;
    margin-top: -50px;
    box-shadow: 0 8px 8px 5px rgb(0 0 0 / 25%);
}
.headprop .body{
    line-height: normal;
    border-radius: 3px;
    padding: 18px 20px;
    background: rgb(255 255 255 / 95%);
}
.headprop .body .categ{
    text-transform: uppercase;
    color: #6495fe;
    letter-spacing: 0.4px;
}
.headprop .body .tt{
    margin-top: 5px;
    color: #37466f;
}
.headprop .status span{
    background: #eaeaea;
    padding: 4px 8px;
    font-size: 10px;
    letter-spacing: .8px;
    border-radius: 3px;
    text-transform: uppercase;
}
.headprop .status span.Dijual{
    background: #12b193;
    color: #fff;
}
.headprop .status span.Proses{
    background: #f68d06;
    color: #fff;
}
.headprop .status span.Sold{
    background: #b1125b;
    color: #fff;
}
.headprop .body address{
    line-height: normal;
    color: #525252;
}
.headprop .detail{
    padding-top: 15px;
    border-top: 1px solid rgb(0 0 0 / 8%);
}
.headprop .detail .info{
    background: transparent;
    position: relative;
}
.headprop .detail .btn{
    background: #eaeaea;
}

/* breadcrumb */
#breadcrumb{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#breadcrumb a,
#breadcrumb i{
    color: #20282e;
}
#breadcrumb .current{
    color: #6c757d;
}
#breadcrumb a{
    display: block;
    margin: 0 .3rem;
}
#breadcrumb i{
    font-size: 11px;
    padding: 0 .2rem;
    line-height: 12px;
}

/* line */
.dcovline{
    position: relative;
}
.dcovline.top{
    padding-top: 46px;
    border-top: 1px solid #ddd;
}
.dcovline.btm{
    padding-bottom: 46px;
    border-bottom: 1px solid #ddd;
}
.line-heading{
    position: relative;
}
.line-heading:before,
.dcovline:before{
    content: '';
    background: #F7B90F;
    position: absolute;
}
.dcovline:before{
    left: 0;
    width: 50px;
    height: 1px;
}
.line-heading:before{
    left: 0;
    width: 30px;
    height: 2px;
    bottom: 10px;
}
.dcovline.top:before{
    top: -1px;
}
.dcovline.btm:before{
    bottom: -1px;
    
}

/* TITLE */
.section-title{
    position: relative;
    width: 100%;
    padding: 30px 0;
}
.section-title h2{
    color: #292929;
    padding: 10px 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.section-title .line-heading{
    padding-bottom: 22px;
}
.section-title h4{
    font-weight: 600;
    color: #666;
}
/* home service */
.servie-card{
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
    padding: 25px 30px 25px 90px;
    border: 1px solid #eee;
    transition: all .3s ease-in-out;
}
.servie-card:before{
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 45px;
    width: 1px;
    height: 40px;
    background: #eee;
    transition: all .3s ease-in-out;
}
.servie-card span{
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    font-weight: 600;
    background: #f9f9f9;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.servie-card i{
    background: #F7B90F;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 15px 5px rgb(0 0 0 / 8%);
    transition: all .3s ease-in-out;
    z-index: 2;
}
.servie-card h4{
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
}
.servie-card p{
    font-size: 11px;
    line-height: 24px;
    padding-bottom: 10px;
    font-weight: 500;
    color: #5e646a;
}
.servie-card:hover{
    box-shadow: 0 19px 20px rgb(58 87 135 / 8%)
}
.servie-card:hover:before{
    height: 90px;
}
.servie-card:hover i{
    box-shadow: 0 0 0 rgb(0 0 0 / 8%);
    background: #333;
    color: #F7B90F;
}
/* home intro */
.about-thead{
    margin-bottom: 25px;
    padding-bottom: 15px;
}
.line-intro:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20%;
    height: 65%;
    background: #f2f2f2;
}
.about-thead span{
    color: #666;
}
.line-intro .about-thead:before{
    content: " ";
    position: absolute;
    background: #F7B90F;
    left: 0;
    width: 30px;
    height: 3px;
    bottom: 10px;
}
.line-intro .ct p{
    text-align: justify;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #5e646a;
}
.line-intro .btn,
.single-project #contact a{
    position: relative;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    padding: 0 38px;
    font-size: 12px;
    margin-top: 15px;
    border-radius: 3px;
}
.line-intro .btn i,
.single-project #contact i{
    text-align: center;
    position: absolute;
    background: #444;
    top: 0;
    left: -45px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    transition: all .2s ease-in-out;
}
.line-intro .btn span,
.single-project #contact span{
    transition: all .2s ease-in-out;
    position: relative;
    left: 0;
}
.line-intro .btn:hover i,
.single-project #contact a:hover i{
    left: 0;
}
.line-intro .btn:hover span,
.single-project #contact a:hover span{
    left: 20px;
}
.galproject{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.galproject span{
    width: 50%;
    transition: all .15s;
}
.galproject span>img{
    height: 100%;
    border-radius: 8px;
}
.galproject span:first-child,
.galproject span:nth-child(4){
    transform: rotate(345deg);
}
.galproject span:nth-child(2),
.galproject span:nth-child(3){
    transform: rotate(15deg);
}
.galproject span:last-child{
    position: absolute;
    top: 20%;
    left: 10%;
    width: 80%;
}
.galproject span:last-child img{
    height: auto;
}

/* home last project */
.last-proejct .carousel-title{
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #222;
    width: 30%;
    z-index: 1;
    height: 500px;
}
.last-proejct .carousel-title:before{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 250px;
    opacity: 0.5;
    background: url(assets/img/city-bg.png) no-repeat center 10%;
}
.last-proejct .thead{
    padding: 0 60px;
    z-index: 2;
}
.last-proejct .thead .tt{
    line-height: 1.3;
    font-size: 28px;
}
.last-proejct .thead a{
    display: inline-block;
    background: #F7B90F;
    color: #000;
    margin-top: 30px;
    padding: 8px 28px;
}
.last-proejct .projectlist{
    width: 70%;
}
/* home visimision */
.visionmision .bg_wrap .bg{
    height: 130%;
    top: -5px;
}
.visionmision .titlebox,
.pagecontact .titlebox{
    width: 40%;
    padding: 80px 45px;
    position: relative;
    overflow: hidden;
}
.visionmision .titlebox i{
    line-height: normal;
    position: absolute;
    bottom: 0;
    right: 30px;
    font-size: 85px;
    color: rgba(255,255,255,0.4);
}
.visionmision .videobox,
.pagecontact .contact-map{
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
}
.visionmision .videobox:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    z-index: 2;
}
.visionmision .button-area{
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
}
.visionmision .button-area a{
    display: inline-block;
    position: relative;
    color: #000;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    transform: scale(1.0);
}
.visionmision .button-area a:hover{
    transform: scale(1.3)
}
.visionmision .button-area a:after{
    content: '';
    position: absolute;
    left: -11px;
    top: -11px;
    right: -11px;
    bottom: -11px;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.2);
    transform: scale(1.0);
    z-index: -1;
}
.visionmision .button-area a:hover:after{
    transform: scale(0);
}
.visionmision .button-area h4{
    color: #fff;
    font-weight: 600;
    margin-top: 25px;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* skils bars */
.skillbar{
    position: relative;
    overflow: hidden;
    display: block;    width: 100%;
    background: #eee;
    height: 35px;
    margin-bottom: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}
.skilbar-title{
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 110px;
    font-size: 13px;
    font-weight: 600;
    background: #6adcfa;
}
.skilbar-title span{
    display: block;
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.1);
}
.skillbar-bar{
    height: 35px;
    width: 0px;
    background: #6adcfa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.skillbar-percent{
    position: absolute;
    right: 10px;
    top: 0;
    height: 35px;
    font-size: 11px;
    line-height: 35px;
    color: #ffffff;
    color: rgba(0, 0, 0, 0.4);
}
.skillbar.orange .skilbar-title{
    background: #d35400;
}
.skillbar.orange .skillbar-bar{
    background: #e67e22;
}
.skillbar.blue .skilbar-title{
    background: #2980b9;
}
.skillbar.blue .skillbar-bar{
    background: #3498db;
}
.skillbar.dark .skilbar-title{
    background: #2c3e50;
}
.skillbar.dark .skillbar-bar{
    background: #2c3e50;
}
.skillbar.violet .skilbar-title{
    background: #46465e;
}
.skillbar.violet .skillbar-bar{
    background: #5a68a5;
}
.skillbar.brown .skilbar-title{
    background: #333333;
}
.skillbar.brown .skillbar-bar{
    background: #525252;
}
.skillbar.gren .skilbar-title{
    background: #27ae60;
}
.skillbar.gren .skillbar-bar{
    background: #2ecc71;
}
.skillbar.blues .skilbar-title{
    background: #124e8c;
}
.skillbar.blues .skillbar-bar{
    background: #4288d0;
}

/* POSTCARD */
.postcard .hero-btn{
    bottom: auto;
    top: 50%;
    left: 13px;
    margin-top: -20px;
}
.postcard .hero-slider-next{
    left: auto;
    right: 13px;
}
.postcard .media{
    width: 41.666667%;
}
.postcard .dcovEffect{
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
}
.postcard .dcovEffect:hover img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
}
.postcard .media img{
    height: 100%;
}
.postcard .details{
    width: 58.333333%;
    padding: 28px 26px;
    background: #f7f7f7;
}
.postcard .details h2{
    color: #6D6E71;
    padding: 0;
    font-size: 24px;
    font-weight: 400;
}
.postcard .slogan{
    color: #58595B;
    font-size: 14px;
    line-height: 22px;
}
.postcard .slogan > div{
    font-size: 16px;
    margin-bottom: 3px;
}
.postcard .slogan i{
    display: inline-block;
    position: relative;
    min-width: 65px;
    font-weight: 700;
    margin-right: 15px;
    padding-right: 13px;
}
.postcard .slogan i:before{
    content: ":";
    position: absolute;
    right: 0;
}
.itemslider .info{
    align-items: flex-end;
    position: absolute;
    width: 100%;
    top: 65%;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.72) 41%);
}

/* archive page */
.archive-head,.pagesearch .tt{
    text-align: center;
    max-width: 50%;
    margin: 0 auto 45px;
}
.archive-head .tt{
    color: #000000;
    font-weight: 300;
    font-size: 58px;
    line-height: 1.4;
    letter-spacing: .8px;
}
.archive-head i{
    position: relative;
    font-size: 55px;
    top: -5px;
}
.sold-project .pics{
    overflow: hidden;
    background: #fff;
    height:100%;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    box-shadow:0 22px 22px rgb(0 0 0 / 13%), 0 25px 28px rgb(0 0 0 / 10%);
}
.sold-project .logo{
    width: 220px;
    height: 220px;
    border-radius: 100%;
    margin: 0 auto 25px;
}
.sold-project .pics img{
    width: 100%;
    height:100%;
    border-radius: 4px;
}

/* testi */
.postcard.testi .media{
    display: flex;
    flex: none;
    width: 85px;
}
.postcard.testi figure{
    overflow: hidden;
    width: 85px;
    height: 85px;
    padding: 3px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #e9e9e9;
}
.postcard.testi .details{
    box-shadow: 1px 1px 1px rgb(0 0 0 / 4%), 5px 5px 13px -2px rgb(0 0 0 / 20%), inset 0 0 5px rgb(0 0 0 / 4%);
}
.postcard.testi .details:before{
    content: no-close-quote;
    position: absolute;
    display: block;
    top: 30px;
    left: -9px;
    width: 18px;
    height: 18px;
    background: inherit;
    border: 1px solid #e9e9e9;
    border-top: transparent;
    border-right: transparent;
    transform: rotate(45deg);
}
.postcard.testi .details span{
    line-height: inherit;
    color: #898c90;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}
.postcard.testi .bi-chat-quote{
    display: inline-block;
    line-height: normal;
    font-size: 22px;
    height: 30px;
}
.postcard.testi .bi-chat-quote.first{
    margin-right: 10px;
    transform: rotate(-154deg);
}
.postcard.testi .bi-chat-quote.last{
    margin-left: 10px;
    transform: rotate(22deg);
}

/* widget */
.wdg-card .agent-display{
    position: relative;
    padding: 10px 0 20px;
}
.wdg-card .agent-display:after{
    content: " ";
    position: absolute;
    bottom: 0;
    left: -13px;
    right: -13px;
    height: 1px;
    background: rgb(0 0 0 / 8%);
}
.wdg-card .agent-pics{
    position: relative;
    flex: none;
    width: 35%;
}
.wdg-card .agent-pics figure{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50%;
}
.wdg-card .agent-listcount li{
    line-height: 16px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}
#sidebar{
    margin-bottom: 20px;
}
#sidebar .tt{
    position: relative;
    overflow: hidden;
}
#sidebar .tt h3{
    position: relative;
    font-size: 14px;
    color: #333f48;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
#sidebar .tt h3:before,
#sidebar .tt h3:after{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e0e0e0;
}
#sidebar .tt h3:before{
    width: 40px;
    height: 4px;
    background: #F7B90F;
}
.widget-sosmed a{
    text-align: center;
    display: block;
    color: #e0e0e0;
    width: 3.12rem;
    height: 3.12rem;
    line-height: 3.12rem;
    margin: 0 .3rem .5rem;
    font-size: 18px;
    border-radius: 3px;
}
.widget-sosmed .ig{
    background: #c13584;
}
.widget-sosmed .fb{
    background: #36528c;
}
.widget-sosmed .tw{
    background: #3a8deb;
}
.widget-sosmed .yt{
    background: #FF0000;
}
.widget-sosmed .tl{
    background: #54A9EB;
}
.taxitem a{
    display: block;
    line-height: 20px;
    margin: 0 .5rem .3rem 0;
}
.wcpt .media{
    width: 95px;
}
.wcpt .info a{
    font-size: 16px;
    font-weight: 400;
}
.wcpt .detail .type{
    background: #f68d06;
    color: #fafafa;
    padding: 2px 5px;
    border-radius: 2px;
}
.wcpt .detail .prices{
    color: #404040;
    font-size: 14px;
    font-weight: 700;
}
.wcpt .tag{
    color: #ddd;
    line-height: normal;
}
.wcpt .tag a{
    color: #008aff;
    font-size: 12px;
    font-weight: 400;
}
.itemslider .cpt-wiget{
    flex-direction: column;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
}
.itemslider .media{
    width: auto;
}
.wcpt .itemslider .info{
    display: flex;
    margin: 0;
    padding: 0 .8rem .65rem;
}
.wcpt .itemslider .info h5{
    font-size: 18px;
    font-weight: 500;
}
.wcpt .slick-arrow{
    top: 0;
    padding: .5rem;
    background: rgb(255,255,255,.2);
}
.wcpt .slick-prev{
    right: 28px;
}

/* revisi */
.headprop-image .slick-arrow{
    opacity: .8;
    margin-top: -9px;
    border-radius: 3px;
    background: #527efd;
}
.headprop-image .slick-arrow:hover{
    opacity: 1;
}
.headprop-image .slick-prev{
    left: 10%;
    right: auto;
}
.headprop-image .full-image{
    position: absolute;
    top: 80px;
    right: 20px;
    background: rgb(255 255 255 / 72%);
}
.parallax-inner{
    width: 100%;
    padding: 110px 0;
    overflow: hidden;
    position: relative;
}
.parallax-wrap{
    position: relative;
    width: 100%;
    z-index: 10;
}
.header-media .project{
    padding: 120px 0 50px;
}
.header-media .project:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 80%);
}
.header-media.project~.pagewrap,
.header-media.contact~.pagewrap{
    padding-top: 0;
}
.page-title .tt{
    font-family: 'Nunito';
    color: #fff;
    width: 100%;
    font-size: 34px;
    font-weight: 800;
    padding-bottom: 10px;
}
.page-title .tt:before{
    content: '';
    position: absolute;
    left: 0;
    height: 4px;
    width: 40px;
    top: -20px;
    z-index: 2;
    background: #F7B90F;
}
.page-title .tt:after{
    content: '';
    position: absolute;
    left: 40px;
    height: 1px;
    width: 80px;
    top: -17px;
    z-index: 1;
    background: rgba(255,255,255,0.5);
}
.page-title .st{
    color: rgba(255,255,255,0.9);
    max-width: 450px;
    line-height: 24px;
    font-weight: 500;
}

/* single */
.project-type .project-list{
    max-width: 85%;
    margin: 0 auto 15px;
    overflow: hidden;
    border-radius: 3px;
}
.project-type .detail{
    padding: 28px 32px;
}
.project-type .size,
.project-type .land{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid #f7b90f;
    align-self: flex-start;
}
.project-type .size span,
.project-type .land span{
    font-size: 38px;
    line-height: 1.2;
}
.project-type sup{
    font-size: 14px;
    vertical-align: text-top;
    margin-left: 4px;
    font-weight: 700;
    color: #585858;
}
.project-type .size i,
.project-type .land i{
    color: #5e646a;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
}
.project-type label{
    line-height: normal;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: 200px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}
.project-type label:nth-child(4){
    top: 20px;
}
.project-type label:nth-child(5){
    top: 40px;
}
.project-type label:nth-child(6){
    top: 60px;
}

.project-type .projtype-slider{
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 50%;
    background: #fff;
}
.project-type .swiper-container,
.moreproject .swiper-container{
    width: 100%;
    height: 100%;
}
.project-type .projtype a,
.moreproject .projlogo a{
    display: block;
    padding-bottom: 70%;
}
.projtype .hero-btn{
    color: #212121;
    top: 50%;
    bottom: auto;
    margin-top: -18px;
    background: #ededed;
}
.projtype .hero-slider-prev{
    left: 20px;
    right: auto;
}
.projtype .hero-slider-next{
    right: 20px;
}
.dcovbox.single{
    padding: 35px 50px;
}
.dcovbox .tt{
    padding-bottom: 8px;
    font-weight: 700;
}
.dcovbox table tr:nth-child(odd){
    background: #F5F5F5
}
.dcovbox table td,.dcovbox table th{
    padding: 18px 30px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}
.project-progress{
    position: relative;
    padding-right: 210px;
}
.dcovtabs .tabscontent{
    min-height: 135px;
}
.dcovtabs .skillbar{
    overflow: inherit;
    height: 10px;
    margin-top: 48px;
    margin-bottom: 0;
}
.dcovtabs .skilbar-title,
.dcovtabs .skillbar-percent{
    background: transparent;
    height: auto;
    top: -28px;
    color: #212121;
    font-weight: 700;
    line-height: 15px;
}
.dcovtabs .skilbar-title span{
    background: transparent;
    height: auto;
    padding: 0;
    line-height: 15px;
}
.dcovtabs .skillbar-bar{
    height: 10px;
    background: #f7b90f;
}
.project-progress .progress-circle{
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}
.single-project .address div{
    position: relative;
    margin-right: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #eee;
}
.single-project .address div:before{
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 40px;
    background: #f7b90f;
}
.single-project .address span{
    display: inline-block;
    margin-right: 15px;
    font-weight: 600;
    color: #08061f;
    letter-spacing: .8px;
}
.single-project #project_maps{
    height: 330px;
}
.single-project .boxfeature{
    background: #292929;
    border-radius: 3px;
    margin-bottom: 12px;
    padding: 40px 35px 40px;
}
.single-project .boxfeature:before{
    font-family: bootstrap-icons;
    line-height: normal;
    position: absolute;
    content: '\f2d2';
    z-index: 1;
    right: 20px;
    bottom: -7px;
    font-size: 74px;
    transform: rotate(15deg);
    color: rgba(255,255,255,0.1);
}
.single-project .boxfeature:after{
    content: '';
    background: #F7B90F;
    position: absolute;
    right: 30px;
    top: -3px;
    width: 60px;
    height: 6px;
    z-index: 2;
}
.single-project #contact a{
    background: #f7b90f;
    color: #000;
    height: 55px;
    font-size: 16px;
    font-weight: 700;
    line-height: 55px;
    margin-top: 0;
}
.single-project #contact i{
    color: #fff;
    height: 55px;
    line-height: 55px;
}
.single-project #contact .docs i{
    left: 10px!important;
    top: 8px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.single-project #contact .docs span{
    left: 18px!important;
}

/* circle counter */
.circle-count{
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
    background: #eee;
    border-radius: 50%;
}
.circle-inner{
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
    clip: rect(0 120px 120px 60px);
}
.circle-round{
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
    background: #F7B90F;
    clip: rect(0 120px 120px 60px);
    transform: rotate(180deg);
    transition: 1.05s;
}
.circle-count.progress .circle-inner{
    clip: rect(0 60px 120px 0);
}
.circle-count.progress:after{
    content: '';
    position: absolute;
    left: 60px;
    top: 0em;
    right: 0;
    bottom: 0;
    background: #F7B90F;
}
.circle-content{
    position: absolute;
    z-index: 3;
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
    background: #fff;
    border-radius: 50%;
}
.circle-content span{
    position: absolute;
    font-size: 13px;
    z-index: 3;
    left: 50%;
    top: 50%;
    font-weight: 700;
    transform: translate(-50%,-50%);
}

/* contact */
.pagecontact .servie-card p{
    line-height: 18px;
    text-align: justify;
    padding-bottom: 8px;
}
.pagecontact .map-wrap{
    background: #f0f0f0;
    padding: 28px 25px;
    height: 100%;
}
#maps_contact{
    width: 100%;
    height: 100%;
}

/* slide logo */
.hero-wrap.projlogo-slider{
    overflow: hidden;
    background: #f7f7f7;
    padding: 13px 18px;
    border-radius: 3px;
}
.projlogo-slider .hero-btn{
    top: 50%;
    right: 0;
    bottom: auto;
    margin-top: -15px;
}
.projlogo-slider .hero-slider-prev{
    left: 0;
    right: auto;
}

/* subsribe */
.subsribe{
    padding: 50px 0;
}
.subsribe:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: url('assets/img/hex.png') no-repeat bottom right;
    opacity: 0.2;
}
.subsribe .group{
    width: 45%;
}
.subsribe .tt{
    position: relative;
    color: #fff;
    font-size: 2.1em;
    line-height: 1.2;
}
.subsribe .tt:before,
.subsribe .tt:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 50%;
    height: 1px;
    margin-bottom: 8px;
    background: rgba(255,255,255,0.3);
}
.subsribe .tt:after{
    z-index: 2;
    left: auto;
    width: 50px;
    background: #fff;
}
.subsribe .tt > span{
    position: relative;
    padding-right: 50px;
    z-index: 3;
}
.subsribe .st{
    text-align: justify;
    color: #000;
    line-height: 22px;
}
#subscribe input{
    background: #fff;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border: none;
    position: relative;
    z-index: 1;
    color: #000;
    width: 100%;
    outline: none;
    float: left;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 6px rgb(255 255 255 / 40%)
}
#subscribe button{
    position: absolute;
    color: #F7B90F;
    right: 0;
    top: 0;
    width: 30%;
    z-index: 2;
    height: 50px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #333;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    text-transform: uppercase;
    -webkit-appearance: none;
}
#subscribe .meseg{
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
}

/* footer */
#footer{
    color: #fff;
    background: #292929;
}
#footer.fixed{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
}
#footer #sidebar .tt h3{
    color: #fff;
}
#footer #sidebar .tt h3:after{
    background: rgba(255,255,255,0.1);
}
#footer a{
    color: #f7b90f;
}
.navfot>li{
    line-height: 22px;
    margin-bottom: 3px;
}
.navfot>li:last-child,
.itemslider .display{
    margin-bottom: 0;
}
.navfot>li>a{
    letter-spacing: 0.44px;
}
.navfot>li>a>i{
    font-size: 16px;
    vertical-align: middle;
}
.navfot>li>a>small{
    position: relative;
    margin-left: 4px;
    color: #ddd;
    top: -7px;
    font-style: italic;
}
.navfot>li>a,
.navfot>li>i{
    color: #f7b90f;
    font-weight: 600;
    font-size: 12px;
}
.contactlinks{
    padding: 35px 0;
    font-size: 18px;
    justify-content: space-around;
}
.sub-footer{
    background-color: #222;
    height: 80px;
    line-height: 80px;
}
.sub-footer .copyright{
    font-size: 12px;
    font-weight: 600;
    color: #9a9a9a;
}
.sub-footer .nav i{
    position: absolute;
    left: -1px;
}
.sub-footer .nav li:after{
    content: "|";
    position: relative;
    margin: 0 5px;
    padding: 0 10px;
}
.sub-footer .nav li:last-child:after{
    content: none;
}
.sub-footer .nav a{
    position: relative;
    display: block;
    color: #37466f;
}

/* back totop */
.backtop,.wabuttons button{
    text-align: center;
    cursor: pointer;
    position: fixed;
    z-index: 3;
    padding: 0;
    bottom: 7.8%;
    width: 55px;
    height: 55px;
    font-size: 22px;
    line-height: 55px;
    border-radius: 100%;
    -webkit-transition:all.2s ease-in-out;
    -moz-transition:all.2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.backtop{
    right: 3%;
    opacity: 0;
    visibility: hidden;
    background: rgb(255 255 255 / 95%);
    box-shadow: 0 0 25px rgb(0 0 0 / 9%);
}
.backtop.show{
    visibility: visible;
    opacity: .8
}
.backtop:hover{
    opacity: 1
}
.wabuttons button{
    right: 3%;
    color: #fff;
    background: #0dba4f;
}
.backtop.show~.wabuttons button{
    right: 9%;
}

/* wa button */
.wabuttons .wapopup{
    overflow: hidden;
    position: fixed;
    display: none;
    right: 3%;
    bottom: 17%;
    width: 350px;
    z-index: 999;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
}
.wabuttons .head{
    text-align: center;
    color: #fff;
    padding: 15px;
    line-height: 22px;
    background: #0dc152;
}
.wabuttons .walist{
    background: #fff;
    max-height: 240px;
    overflow-y: auto;
}
.wabuttons .items{
    font-size: 13px;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.wabuttons .items .picture{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    flex: none;
    height: 60px;
    width: 60px;
    margin-right: 13px;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    /*
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}
.wabuttons .items .detail{
    line-height: normal;
    overflow: hidden;
    width: 100%;
}
.wabuttons .items .jobname{
    color: #898c90;
    font-size: 12px;
}
.wabuttons .jobname .status{
    background: #e4e4e4;
    padding: 1px 5px;
    margin-left: 10px;
    border-radius: 3px;
}
.wabuttons .status.Open.House{
    background: #9fd4b3;
    color: #000;
}
.wabuttons .status.Sold,
.wabuttons .status.Completed{
    background: #f7c1c1;
    color: #c22;
}
.wabuttons .items .contactname{
    margin: 3px 0 0;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.wabuttons .items .status{
    color: #666;
    font-size: 10px;
}
.wabuttons .items .online>i{
    color: #0dc152;
}

/* pagination */
#pagination{
    line-height: 56px;
}
.pagination ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pagination ul>li{
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 3px;
}
.pagination ul>li:last-child{
    margin-right: 0;
}
ul>li .page-numbers{
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
    width: 28px;
    height: 28px;
    margin: 3px;
    line-height: 28px;
    border-radius: 3px;
    background: #08061f;
    transition: all .2s ease-in-out;
}
ul>li .page-numbers:before{
    content: " ";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    border: 1px solid rgb(255,255,255,.15);
}
ul>li .page-numbers:hover,
ul>li .page-numbers.current{
    color: #fff;
    background: #1b5461;
}
ul>li .page-numbers:hover{
    box-shadow: 0px 0px 20px 0px #1b5461;
}

/* 404 */
#page-404{
    background: url('assets/img/404.jpg') no-repeat center;
    background-position-y: 25px;
    background-size: contain;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.head-404,.fots-404{
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    right: 0;
}
.fots-404{
    top: auto;
    bottom: 0;
    padding: 1rem;
    margin-left: 2%;
}
.head-404 .tt{
    font-size: 42px;
    font-weight: 300;
}
#page-404 .copyright{
    font-size: 13px;
    font-weight: 600;
    color: #777373;
}
.dcovoverly{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    background: rgb(0 0 0 / 82%);
    transition: all .15s ease-in-out;
}

/* Animate */
.dcAnimate{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.star-animate{
    opacity: 0;
}
.star-animate.animation{
    opacity: 1;
}
.animation.ltr{
    -webkit-animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.animation.rtl{
    -webkit-animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    direction: inherit;
}
.animation.btt{
    -webkit-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.animation.ttb{
    -webkit-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
    animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
@keyframes scroll{0%{opacity:0}10%{transform:translateY(0);opacity:1}100%{transform:translateY(50px);opacity:0}}
@-webkit-keyframes animation-ltr{0%{-webkit-transform:translate(-10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-ltr{0%{-moz-transform:translate(-10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-ltr{0%{-o-transform:translate(-10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes animation-rtl{0%{-webkit-transform:translate(10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-rtl{0%{-moz-transform:translate(10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-rtl{0%{-o-transform:translate(10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes animation-btt{0%{-webkit-transform:translate(0,50%);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-btt{0%{-moz-transform:translate(0,50%);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-btt{0%{-o-transform:translate(0,50%);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-btt{0%{transform:translate(0,50%);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes animation-ttb{0%{-webkit-transform:translate(0,-10%);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-ttb{0%{-moz-transform:translate(0,-10%);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-ttb{0%{-o-transform:translate(0,-10%);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-ttb{0%{transform:translate(0,-10%);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}

/* desktop only */
@media only screen and (max-width: 1470px){
    .play-pause_slider{
        right: 155px;
        bottom: 20px;
    }
    .last-proejct .carousel-title{
        height: 620px;
    }
}
/* tablet device */
@media (min-width: 481px) and (max-width: 768px) {

}
/* mobile standar */
@media (min-width:320px) and (max-width:480px) {
    .container{
        width:96%;
        padding:0 10px;
    }
    .col-1,.col-10,.col-11,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    #header #nav,
    .header-top,
    .height-emulator,
    .projslide_gallery .slidenum,
    .col-6.oncluster{
        display: none!important;
    }
    .last-proejct,
    .subsribe .d-flex.a-center.j-space,
    .sub-footer .d-flex.a-center,
    .callme #contact{
        flex-direction: column;
    }
    .hex-bg{
        max-width: 320px;
        max-height: 182px;
    }
    .hex1,
    .hex3{
        left: -1px;
    }
    .hex2{
        left: 116px;
    }
    #header.transparent{
        background: rgb(0 0 0 / 32%);
    }
    #header .logo{
        display:inline-block;
        height: auto;
        max-width: 134px;
    }
    #header .navmenus{
        width: auto;
        margin-left: auto;
    }
    .headmedic-slider,
    .projslide_gallery{
        height: 542px;
    }
    .hero-wrap-title_item h2{
        font-size: 28px;
        line-height: 38px;
    }
    .hero-wrap-title_item h4{
        font-size: 14px;
    }
    .hwt_dec{
        width: 85%;
        top: 34px;
        left: -7px;
        bottom: -17px;
    }
    .play-pause_slider{
        right: 125px;
    }
    .headmedic-slider .hero-slider-next{
        right: 80px;
    }
    .headmedic-slider .hero-slider-prev{
        right: 170px;
    }
    .headmedic-slider .slider-progress-bar{
        right: 28px;
    }
    .headmedic-slider .hero-slider-pagination{
        right: 227px;
    }
    .header-media.project{
        padding-top: 70px;
    }
    .projslide_gallery .hero-control{
        left: 28px;
        right: 28px;
        bottom: 20px;
        justify-content: space-between;
    }
    .projslide_gallery .hero-wrap-title{
        left: 35px;
        bottom: 60px;
        height: 218px;
    }
    .projslide_gallery .develop{
        font-size: 14px;
        line-height: 22px;
    }
    .projslide_gallery .logos{
        height: 50%;
        width: 50%;
    }
    .projslide_gallery .hwt_dec{
        width: 72%;
        top: 45px;
        bottom: 45px;
    }
    .projslide_gallery .hero-scroll-down-notifer{
        bottom: 42px;
    }
    .project-gallery .item-gallery{
        margin-right: 0;
    }
    .project-gallery .dcovthumb{
        padding-bottom: 70%;
    }
    .mobilenav{
        display: block!important;
    }
    .galproject span:first-child,
    .galproject span:nth-child(4){
        transform: inherit;
    }
    .galproject span:nth-child(2),
    .galproject span:nth-child(3){
        transform: inherit;
    }
    .galproject span>img{
        height: auto;
    }
    .galproject{
        margin-top: 40px;
    }
    .single-project{
        padding-bottom: 0;
    }
    .last-proejct .projectlist,
    .subsribe .group{
        width: 100%;
    }
    .last-proejct .fl-wrap{
        padding-bottom: 70%;
    }
    .last-proejct .carousel-title{
        width: 100%;
        height: 320px;
    }
    .callme #contact > a{
        margin: 0 0 13px;
    }
    .project-type .project-list{
        max-width: none;
    }
    .project-type .dcovbox{
        flex-direction: column;
        padding: 0;
    }
    .project-type .detail{
        padding: 10px 13px;
    }
    .project-type label{
        line-height: 13px;
    }
    .project-type label:nth-child(4){
        top: 17px;
    }
    .project-type label:nth-child(5){
        top: 35px;
    }
    .project-type label:nth-child(6){
        top: 52px;
    }
    .project-type .projtype-slider{
        max-width: 100%;
    }
    .dcovbox.single{
        padding: 13px 0 0;
    }
    .project-progress{
        padding: 0;
    }
    .detail .tabs-menu a{
        padding: 12px 45px 12px 18px;
    }
    .detail .tabs-menu a i{
        right: 20px;
    }
    .project-progress .progress-circle{
        position: relative;
        margin: 25px auto 0;
    }
    .project-progress .dcovbox .tt{
        margin-top: 15px;
    }
    #contact .d-flex.mt-30{
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    #contact .d-flex.mt-30 a{
        width: 100%;
        height: 46px;
        line-height: 46px;
        text-align: center;
        margin-bottom: 10px;
    }
    #contact .d-flex.mt-30 .docs>i{
        position: relative;
        display: inline-block;
        background: transparent;
        top: auto;
    }
    .pagecontact .titlebox{
        width: 100%;
        padding: 28px 30px;
    }
    .pagecontact .contact-map{
        position: relative;
        width: 100%;
        height: 280px;
    }
    #footer{
        position:relative!important;
    }
    .contactlinks{
        line-height: normal;
        flex-wrap: wrap;
        padding: 20px 0;
        font-size: 16px;
    }
    .contactlinks .phone,
    .contactlinks .gomaps{
        text-align: center;
        width: 50%;
        margin-bottom: 10px;
    }
    .sub-footer .copyright{
        line-height: 40px;
    }
    .backtop.show~.wabuttons button{
        right: 72px;
    }
}
/* mobile small */
@media only screen and (max-width: 320px) {
    .widget-sosmed a{
        width: 2.64rem;
        height: 2.64rem;
        line-height: 2.64rem;
    }
    .hex-bg{
        max-width: 265px;
    }
    .hex1,.hex3{
        left: 22px
    }
    .hex2{
        left: 139px;
    }
    .star-animate{
        opacity: 1;
    }
    .contactlinks{
        letter-spacing: 1px;
    }
    .contactlinks .phone,
    .contactlinks .gomaps{
        width: 100%;
    }
}