/* Novel: zoštíhlená kópia /wp-content/themes/luxa/css/main.css */
html{line-height: 1.15; text-size-adjust: 100%;}
a{background-color: transparent;}
b,strong{font-weight: bolder;}
img{border-style: none;}
button,input,textarea{font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px;}
button,input{overflow: visible;}
button{text-transform: none;}
button,[type="button"],[type="submit"]{appearance: button;}
fieldset{padding: 0.35em 0.75em 0.625em;}
textarea{overflow: auto;}
[type="checkbox"]{box-sizing: border-box; padding: 0px;}
[type="search"]{appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{appearance: none;}
::-webkit-file-upload-button{appearance: button; font: inherit;}
[hidden]{display: none;}
h1,h2,h3,h4,h5,h6{clear: both;}
em,i{font-style: italic;}
html{box-sizing: border-box;}
*{box-sizing: inherit;}
::before,::after{box-sizing: inherit;}
ul{padding-left: 15px;}
ul{list-style: disc;}
img{height: auto; max-width: 100%;}
figure{margin: 1em 0px;}
a:focus,a:hover,a:active{outline: 0px;}
.screen-reader-text{border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important;}
.screen-reader-text:focus{background-color: rgb(241, 241, 241); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px 2px; clip-path: none; color: rgb(33, 117, 155); display: block; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important;}
.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto;}
.site-header::after,.site-footer::after{clear: both;}
.widget{margin: 0px 0px 1.5em;}
.sticky{display: block;}
iframe{max-width: 100%;}
html{box-sizing: border-box;}
*,::before,::after{box-sizing: inherit;}
.container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.container{max-width: 540px;}
}
@media (min-width: 768px){
.container{max-width: 720px;}
}
@media (min-width: 992px){
.container{max-width: 960px;}
}
@media (min-width: 1200px){
.container{max-width: 1170px;}
}
.row{display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.no-gutters{margin-right: 0px; margin-left: 0px;}
.no-gutters > [class*="col-"]{padding-right: 0px; padding-left: 0px;}
.col-4,.col-6,.col-12,.col,.col-auto,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm,.col-md-4,.col-md-6,.col-md-8,.col-lg-3,.col-lg-4,.col-lg-5{position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}
.col{flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%;}
.col-auto{-webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%;}
.col-4{-webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;}
.col-6{-webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%;}
.col-12{-webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}
@media (min-width: 576px){
.col-sm{flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%;}
.col-sm-3{-webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%;}
.col-sm-4{-webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;}
.col-sm-6{-webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%;}
}
@media (min-width: 768px){
.col-md-4{-webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;}
.col-md-6{-webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%;}
.col-md-8{-webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%;}
}
@media (min-width: 992px){
.col-lg-3{-webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%;}
.col-lg-4{-webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%;}
.col-lg-5{-webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%;}
}
.justify-content-between{-webkit-box-pack: justify !important; justify-content: space-between !important;}
.align-items-center{-webkit-box-align: center !important; align-items: center !important;}
.site-logo a,.navigation ul li a,.blog-item .content .title a{color: inherit; text-decoration: none;}
.wpb_text_column ul,.navigation ul,.widget_categories ul,.widget_nav_menu ul,.pagination ul{margin: 0px; padding: 0px;}
.navigation ul li,.widget_categories ul li,.widget_nav_menu ul li,.pagination ul li{display: block;}
.project-slider .owl-prev,.project-slider .owl-next,a,.header-search-button,.site-logo img,.search-popup .close,.project-slider .owl-stage-outer .owl-stage .owl-item{transition: color 300ms, background, mix-blend-mode, opacity, visibility, height;}
.side-header,.project-single-page .featured-image div,.project-gallery .item a span,.project-slider .item a span{background: 50% center / cover no-repeat;}
@media (max-width: 767.98px){
body.mobile-images-true .side-header{background-size: contain !important;}
}
.button-style1,.button-style2,.button-style4,.searchform button{background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; cursor: pointer; display: inline-flex; -webkit-box-align: center; align-items: center; font-family: inherit; line-height: 1; outline: none; overflow: hidden; padding: 0px; pointer-events: all; position: relative; text-decoration: none; text-overflow: ellipsis; transition: 300ms; -webkit-box-pack: center; justify-content: center;}
.button-style1 span,.button-style2 span,.button-style4 span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
input.style1,textarea.style1{display: block; appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: inherit; width: 100%;}
.search-popup,.project-video .wrap video{position: absolute; inset: 0px;}
.navigation.hidden_menu.active,.project-slider .owl-stage-outer .owl-stage .owl-item.active{opacity: 1; visibility: visible;}
.mouse-cursor .mc-b svg,.navigation.hidden_menu,.project-slider .owl-stage-outer .owl-stage .owl-item{opacity: 0; visibility: hidden;}
.project-slider .owl-prev,.project-slider .owl-next{position: absolute; top: 50%; margin-top: -0.5em; cursor: pointer;}
.project-slider .owl-prev:hover,.project-slider .owl-next:hover{opacity: 0.5;}
.project-slider .owl-prev{left: -70px;}
.project-slider .owl-next{right: -70px;}
.input-row label,input.style1,textarea.style1{font-family: "Fira Sans", sans-serif;}
.side-header .bottom > :last-child,.blog-item .content > :last-child{margin-bottom: 0px !important;}
.project-slider .owl-prev,.project-slider .owl-next,.button-style4,.side-header .phone i,.side-header .social-links a:hover,.header-search-button:hover,.navigation .menu > li > a:hover,.navigation .menu li.current-menu-item > a,.navigation .menu li.current-menu-ancestor > a,.navigation .menu li.current_page_item > a,.search-popup .close:hover,.heading-block .sub-h,.heading-block .h span,.contact-row i,.block-404 .heading-block .sub-h,.blog-item .content .date,.post-content-block .post-date,.post-bottom .post-bottom-col a:hover,.widget_categories ul li a::before,.widget_nav_menu ul li a::before,.pagination ul li span.current,.pagination ul li a:hover,.pagination ul li a:focus{color: rgb(254, 180, 6);}
.button-style1 .d::before,.button-style1 .d::after,.button-style1 .d span::before,.button-style1 .d span::after,.input-row::after,.side-header .phone::before,.navigation .menu > li > a span::before,.blog-item .content .title::after{background: rgb(254, 180, 6);}
.heading-block .sub-h::before{background-color: rgb(254, 180, 6);}
.button-style2::before,.button-style2::after,.pagination ul li span.current,.pagination ul li a:hover,.pagination ul li a:focus{border-color: rgb(254, 180, 6);}
::-webkit-input-placeholder{color: rgb(153, 153, 153);}
::placeholder{color: rgb(153, 153, 153);}
::selection{background-color: rgb(254, 180, 6); color: rgb(196, 229, 246);}
:focus{outline: none;}
.js_active body{overflow: hidden;}
.js_active body.loaded{overflow: auto;}
.tal{text-align: left;}
.tar{text-align: right;}
.tac{text-align: center;}
b,strong{font-weight: bold !important;}
.wpadminbar{position: fixed !important;}
a{color: rgb(254, 180, 6); user-select: none; text-decoration: none;}
.clearfix::after{content: ""; clear: both; display: table;}
h1,h2,.h2,h3,h4,h5,.h5,h6{line-height: 1; margin: 0.3em 0px;}
.content-area h1,.content-area h2,.content-area h3,.content-area .h5{margin: 0.7em 0px;}
h2 a,h3 a,h5 a,.h5 a{text-decoration: none;}
h1{font-size: 60px; font-weight: bold;}
h2,.h2{font-size: 48px; font-weight: bold;}
h3{font-size: 36px; font-weight: bold;}
h4{font-size: 30px; font-weight: bold;}
h5,.h5{font-size: 24px; font-weight: bold;}
h6{font-size: 18px; font-weight: bold;}
@media (max-width: 767.98px){
h1{font-size: 48px;}
h2,.h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
h5,.h5{font-size: 18px;}
h6{font-size: 16px;}
}
.full-height{height: 100vh;}
.light-color{color: rgb(255, 255, 255);}
.main-container{overflow: hidden;}
.wpb_text_column ul{margin: 30px 0px; font-weight: 300;}
.vc_row.vc_column-gap-20{margin: 0px -20px;}
.vc_row.vc_column-gap-20 > .vc_column_container{padding: 0px 20px;}
body{font-size: 16px; min-width: 320px; position: relative; line-height: 1.5; font-family: Poppins, sans-serif; overflow-x: hidden; color: rgb(255, 255, 255); background: 50% 0px repeat rgb(1, 1, 1); min-height: 100%; margin: 0px;}
body{background-color: rgb(26, 26, 26);}
body.single-post{background-image: url("https://www.novel-sk.com/wp-content/themes/luxa/images/bg-body2.jpg");}
body.search-results{background-image: url("https://www.novel-sk.com/wp-content/themes/luxa/images/bg-body1.jpg");}
body.custom-cursor-true *{cursor: none !important;}
.type-page.hentry{padding-bottom: 40px;}
.grid-sizer{position: absolute; height: 0px;}
.hide-popup-download-link .pswp__share--download,.hide-popup-zoom .pswp__button--zoom,.hide-popup-full-screen .pswp__button--fs,.hide-popup-share .pswp__button--share{display: none !important;}
.mouse-cursor{position: fixed; mix-blend-mode: exclusion; pointer-events: none; z-index: 999999; transform: translate(-50%, -50%); transform-origin: 50% 50%; display: none;}
@media (hover: none){
.mouse-cursor{display: none !important;}
}
.mouse-cursor .mc-b{display: flex; width: 28px; height: 28px; border-radius: 50%; border: 1px solid; transition: 300ms ease-in-out; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.mouse-cursor .mc-b svg{position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); transition: 300ms ease-in-out;}
.mouse-cursor .mc-b svg path{fill: rgb(255, 255, 255);}
@-webkit-keyframes preloader-foldCubeAngle { 
  0%, 10% { transform: perspective(140px) rotateX(-180deg); opacity: 0; }
  25%, 75% { transform: perspective(140px) rotateX(0deg); opacity: 1; }
  90%, 100% { transform: perspective(140px) rotateY(180deg); opacity: 0; }
}
@keyframes preloader-foldCubeAngle { 
  0%, 10% { transform: perspective(140px) rotateX(-180deg); opacity: 0; }
  25%, 75% { transform: perspective(140px) rotateX(0deg); opacity: 1; }
  90%, 100% { transform: perspective(140px) rotateY(180deg); opacity: 0; }
}
.button-container{display: flex; -webkit-box-pack: start; justify-content: flex-start; margin: 0px -5px;}
.button-container [class*="button-"],.button-container [class^="button-"]{margin: 0px 5px;}
.button-style1{position: relative; color: inherit; font-size: 12px; text-transform: uppercase; padding: 20px 35px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-content: center; letter-spacing: 0.05em; font-weight: 600; background: transparent; line-height: 1.3;}
.button-style1 .d::before,.button-style1 .d::after{content: ""; position: absolute; height: 1px; transition: 400ms ease-in-out;}
.button-style1 .d::before{top: 0px; left: 45%; right: 10%;}
.button-style1 .d::after{left: 10%; right: 65%; bottom: 0px;}
.button-style1 .d span::before,.button-style1 .d span::after{content: ""; position: absolute; width: 1px; transition: 500ms ease-in-out;}
.button-style1 .d span::before{top: 0px; left: 0px; bottom: 70%;}
.button-style1 .d span::after{top: 50%; right: 0px; bottom: 10%;}
.button-style1:hover .d::before,.button-style1:hover .d::after{left: 0px; right: 0px;}
.button-style1:hover .d span::before,.button-style1:hover .d span::after{top: 0px; bottom: 0px;}
@-webkit-keyframes bt2 { 
  0% { width: 51%; top: 0px; bottom: 0px; }
  40% { top: 0px; bottom: 0px; width: 0px; }
  100% { top: 8px; bottom: 8px; }
}
@keyframes bt2 { 
  0% { width: 51%; top: 0px; bottom: 0px; }
  40% { top: 0px; bottom: 0px; width: 0px; }
  100% { top: 8px; bottom: 8px; }
}
@-webkit-keyframes bt2_hover { 
  0% { top: 8px; bottom: 8px; }
  40% { top: 0px; bottom: 0px; width: 0px; }
  100% { width: 51%; top: 0px; bottom: 0px; }
}
@keyframes bt2_hover { 
  0% { top: 8px; bottom: 8px; }
  40% { top: 0px; bottom: 0px; width: 0px; }
  100% { width: 51%; top: 0px; bottom: 0px; }
}
.button-style2{font-size: 12px; text-transform: uppercase; padding: 10px 15px; letter-spacing: 0.1em;}
.button-style2::before,.button-style2::after{content: ""; position: absolute; top: 8px; bottom: 8px; pointer-events: none; width: 1px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; animation: 500ms ease-in-out 0s 1 normal forwards running bt2;}
.button-style2::before{left: 0px; border-left-width: 1px; border-left-style: solid;}
.button-style2::after{right: 0px; border-right-width: 1px; border-right-style: solid;}
.button-style2:hover::before,.button-style2:hover::after{animation: 500ms ease-in-out 0s 1 normal forwards running bt2_hover;}
.button-style4{font-size: 12px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.05em;}
.button-style4 i:last-child{margin-left: 10px;}
.button-style4:hover{color: inherit;}
.input-row{position: relative; margin-bottom: 30px;}
.input-row label{display: block; font-size: 16px; color: rgb(155, 155, 155); margin-bottom: 15px;}
.input-row::after{content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; transform: scaleX(0); transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out; transform-origin: 0px 0px;}
.input-row.focus::after{transform: scaleX(1);}
.input-row input.style1,.input-row textarea.style1{margin-bottom: 0px;}
input.style1,textarea.style1{font-size: 16px; color: rgb(155, 155, 155); font-weight: 300; padding: 15px 0px; margin-bottom: 30px; border-bottom: 1px solid rgb(96, 96, 96); resize: none;}
textarea.style1{padding: 15px 20px; border: 1px solid rgb(96, 96, 96);}
.site-header{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; transition: background-color 400ms ease-in-out;}
.site-header .row{min-height: 60px;}
.admin-bar .site-header{margin-top: 32px;}
@media (max-width: 767.98px){
.admin-bar .site-header{margin-top: 46px;}
}
.site-header.side-header-mode{display: none;}
@media (max-width: 991.98px){
.site-header.side-header-mode{display: block;}
}
.site-header.fixed{background-color: rgba(43, 47, 53, 0.95);}
.site-header::before{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1px; box-shadow: 0px 0px 0px 1px inset; opacity: 0.2;}
.site-header.fixed .navigation .menu > li > a{height: 50px;}
.site-header .right{display: flex; -webkit-box-align: center; align-items: center;}
.site-header .right > *{margin-left: 25px;}
.side-header .phone{display: flex; -webkit-box-align: center; align-items: center; margin-left: auto;}
.side-header .phone::before{content: ""; width: 20px; height: 1px; transition: 300ms ease-in-out;}
.side-header .phone i{font-size: 15px; margin: 0px 15px;}
.side-header .phone a{color: inherit; font-size: 14px; font-weight: 300; opacity: 0.3;}
.side-header .phone:hover::before{width: 0px;}
.side-header .phone:hover a{opacity: 0.9;}
.side-header{position: fixed; top: 0px; left: 0px; bottom: 0px; background-image: url("https://www.novel-sk.com/wp-content/themes/luxa/images/side-nav-bg.jpg"); width: 290px; padding: 30px 35px 30px 75px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between;}
.admin-bar .side-header{top: 32px;}
.side-header .bottom hr{opacity: 0.3; margin: 20px 0px;}
.side-header .phone i{margin-left: 0px;}
.side-header .phone::before{display: none;}
.side-header .phone a{opacity: 0.7;}
.side-header .social-links{font-size: 13px; margin: 15px 0px;}
.side-header .social-links a{opacity: 0.3;}
.side-header .social-links a:hover{opacity: 1;}
.side-header .copyright{font-size: 12px; color: rgb(152, 151, 150);}
@media (max-width: 991.98px){
.side-header{display: none;}
}
.header-space{height: 60px;}
.header-space-false .header-space{display: none;}
.header-search-button{cursor: pointer;}
.header-search-button i{font-size: 15px;}
.site-logo{display: flex; -webkit-box-align: center; align-items: center; width: 60px; margin: 10px 0px; font-size: 18px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.3em;}
.site-logo a{position: relative; display: block;}
.site-logo img{display: block;}
.site-logo img.dark{position: absolute; top: 0px; left: 0px; opacity: 0;}
.light-color .site-logo img.light{opacity: 1;}
.light-color .site-logo img.dark{opacity: 0;}
.navigation{font-size: 12px; line-height: 1.5em; user-select: none; transition: 500ms ease-in-out;}
.navigation.hidden_menu{transform: translateX(150%);}
.navigation.hidden_menu.active{transform: translateX(0%);}
.navigation ul li a{position: relative;}
.navigation .menu{display: flex; -webkit-box-align: center; align-items: center;}
.navigation .menu li{position: relative;}
.navigation .menu > li{display: flex; height: 60px; -webkit-box-flex: 0; flex: 0 0 auto; -webkit-box-align: center; align-items: center;}
.navigation .menu > li > a{display: flex; -webkit-box-align: center; align-items: center; text-transform: uppercase; font-weight: 600; height: 100%;}
.navigation .menu > li > a:hover span::before{right: 0px;}
.navigation .menu > li > a span{position: relative;}
.navigation .menu > li > a span::before{content: ""; position: absolute; bottom: 0px; left: 0px; right: 100%; height: 1px; transition: 400ms ease-in-out;}
.navigation .menu > li:not(:last-of-type){margin-right: 30px;}
@media (max-width: 991.98px){
.navigation{position: fixed; top: 0px; right: 0px; bottom: 0px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 75px 0px 15px; width: 260px; max-width: 260px; overflow-y: auto; margin-right: 0px; transform: translateX(100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; z-index: -1;}
.admin-bar .navigation{top: 32px;}
.navigation .menu{-webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start;}
.navigation .menu > li{-webkit-box-flex: 1; flex: 1 0 100%; height: auto; width: 100%; flex-wrap: wrap; margin: 0px !important;}
.navigation .menu > li > a{padding: 10px 25px; width: 100%; height: auto !important;}
}
@media (max-width: 767.98px){
.admin-bar .navigation{top: 46px;}
}
.nav-butter{position: relative; width: 15px; height: 15px; cursor: pointer;}
.nav-butter.visible_menu{display: none;}
@media (max-width: 767.98px){
.nav-butter.visible_menu{display: block;}
}
.site-header.on-side .nav-butter{transform: rotate(-90deg); transform-origin: 50% 50%;}
.nav-butter span{position: absolute; left: 0px; right: 0px; height: 1px; box-shadow: 0px 0px 0px 1px inset; transition: 400ms ease-in-out;}
.nav-butter span:nth-child(1){top: 3px;}
.nav-butter span:nth-child(2){top: 7px;}
.nav-butter span:nth-child(3){bottom: 3px;}
.nav-butter.active span:nth-child(1){top: 50%; transform: rotate(45deg);}
.nav-butter.active span:nth-child(2){top: 50%; transform: rotate(-45deg);}
.nav-butter.active span:nth-child(3){transform: scaleX(0);}
@media (max-width: 991.98px){
.nav-butter.visible_menu{display: block;}
}
.search-popup{position: fixed; z-index: 99; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.9); transition: 600ms ease-in-out; clip-path: circle(0% at 50% 50%);}
.search-popup.active{clip-path: circle(150% at 50% 50%);}
@supports (not (-webkit-clip-path: circle(50% at 50% 50%))) or (not ((-webkit-clip-path: circle(50% at 50% 50%)) or (clip-path: circle(50% at 50% 50%)))){
.search-popup{opacity: 0; visibility: hidden; pointer-events: none; transition: 400ms ease-in-out;}
.search-popup.active{opacity: 1; visibility: visible; pointer-events: all;}
}
.iphone .search-popup{opacity: 0; visibility: hidden; pointer-events: none; transition: 400ms ease-in-out; clip-path: inherit !important;}
.iphone .search-popup.active{opacity: 1; visibility: visible; pointer-events: all;}
.search-popup .close{position: absolute; top: 80px; right: 20px; cursor: pointer;}
.admin-bar .search-popup .close{top: 112px;}
.search-popup .form-block{-webkit-box-flex: 1; flex: 1 0 95%; max-width: 460px;}
.header-space-true .main-container{padding-top: 35px;}
.page-template-template-landing.header-space-true .main-container{padding: 0px;}
.site-footer{padding: 60px 0px 15px; position: relative; background: rgb(26, 26, 26); border-top: 1px solid rgb(72, 72, 72); z-index: 1;}
.site-footer .col-12{margin-bottom: 30px;}
.site-footer .site-logo{margin-top: -20px; margin-bottom: 10px;}
.site-footer .site-logo a{display: flex; align-content: center; height: 60px;}
.site-footer .site-logo a img{display: flex; align-self: center; top: auto;}
.site-footer .widget .widget-title{font-weight: 600; margin-bottom: 35px; text-transform: uppercase; letter-spacing: 0.2em;}
.site-footer .widget ul{color: inherit;}
.site-footer .widget ul li{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.heading-block{margin: 30px 0px;}
.heading-block.page-title{margin: 15px 0px 50px;}
.heading-block .sub-h{position: relative; text-transform: uppercase; font-size: 14px; font-weight: 600; padding-left: 30px; margin-bottom: 20px; letter-spacing: 0.05em;}
.heading-block .sub-h::before{content: ""; position: absolute; top: 50%; left: 0px; width: 15px; height: 1px;}
.heading-block.tac .sub-h{padding-left: 0px;}
.heading-block.tac .sub-h::before{display: none;}
.heading-block.tar .sub-h{padding-left: 0px; padding-right: 30px;}
.heading-block.tar .sub-h::before{left: auto; right: 0px;}
.heading-block.h-h3 .sub-h{margin-bottom: 13px;}
.heading-block .h{margin: 0px;}
.heading-block .h .num{display: inline-block; font-weight: bold; font-style: normal; font-size: 1.5em; margin: -0.1em 0.3em 0px 0px; opacity: 0.1; vertical-align: middle; line-height: 0.5;}
.heading-block h4{line-height: 1.2;}
.contact-row{display: flex; position: relative; font-size: 14px; font-weight: 300; margin-bottom: 30px; line-height: 1.71429em; -webkit-box-align: center; align-items: center;}
.contact-row i{float: left; font-size: 20px; -webkit-box-flex: 0; flex: 0 0 45px;}
.contact-row span{display: block;}
.contact-row.medium{font-size: 18px;}
.contact-row.medium i{font-size: 23px;}
.block-404{position: relative; background: 50% center / cover no-repeat rgb(1, 0, 6); z-index: 1;}
.block-404 .row{height: 100vh;}
.block-404 .heading-block .h{font-size: 40px;}
.block-404 .button-style1{margin-top: 20px;}
.blog-item{position: relative; margin-bottom: 30px;}
.blog-item .wrap{position: relative; border: 1px solid rgb(68, 68, 68); height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; z-index: 1;}
.blog-item .wrap .sticky{position: absolute; top: -0.3em; left: -0.3em; opacity: 0.6; font-size: 41px; z-index: 0;}
.blog-item .content{background: url("https://www.novel-sk.com/wp-content/themes/luxa/images/bg-blog-item.jpg") 50% center / cover; padding: 30px 35px 25px; -webkit-box-flex: 1; flex: 1 0 0px;}
.blog-item .content .date{font-size: 14px; letter-spacing: 0.05em; margin-bottom: 20px;}
.blog-item .content .title{margin: 0px; line-height: 1.25;}
.blog-item .content .title::after{content: ""; display: block; width: 30px; height: 1px; margin: 20px 0px;}
.blog-item .content .desc{font-size: 14px; font-weight: 300; color: rgb(177, 176, 176); line-height: 1.71429; margin-bottom: 15px;}
@media (max-width: 767.98px){
.blog-item .content{padding: 20px 25px;}
}
.post-content-block,.project-content-block{background: rgb(0, 0, 0); border: 1px solid rgb(68, 68, 68); padding: 30px 45px; margin-bottom: 30px;}
.post-content-block .post-date{font-size: 14px; font-weight: 500;}
.post-content-block p,.project-content-block p{font-weight: 300; line-height: 1.875; color: rgb(155, 155, 155);}
.project-content-block .light-color p{color: inherit;}
.post-bottom{margin-bottom: 30px;}
.post-bottom .post-bottom-col{background: rgb(0, 0, 0); border: 1px solid rgb(68, 68, 68); color: rgb(155, 155, 155); font-size: 14px; font-weight: 300; margin-bottom: 30px; text-align: center; padding: 15px;}
.post-bottom .post-bottom-col .col{display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 25px;}
.post-bottom .post-bottom-col .col:not(a){cursor: default;}
.post-bottom .post-bottom-col .col + .col{border-left: 1px solid rgb(68, 68, 68);}
.post-bottom .post-bottom-col .col i:first-child{margin-right: 10px;}
.post-bottom .post-bottom-col .col i:last-child{margin-left: 10px;}
.post-bottom .post-bottom-col .col span{line-height: 1;}
.post-bottom .post-bottom-col a{color: inherit;}
.zilla-likes{display: inline-flex; -webkit-box-align: center; align-items: center;}
.zilla-likes i{margin: 0px 10px 0px 0px;}
.project-single-page .featured-image{margin-bottom: 55px;}
.project-single-page .featured-image div{padding-bottom: 70%;}
.project-single-page .featured-image img{display: block; margin: 0px auto;}
.project-content-block{background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px;}
.project-video{margin: 35px 0px;}
.project-video .wrap{position: relative; padding-bottom: 56.25%;}
.project-video .wrap video{height: 100%; width: 100%;}
.project-gallery{margin: 35px -15px;}
.project-gallery .item{position: relative;}
.project-gallery .item a{display: block; margin-bottom: 30px;}
.project-gallery .item a span{display: block;}
.project-gallery .item img{display: block;}
.project-gallery.style-grid .item{padding: 0px; margin-bottom: 0px;}
.project-gallery.style-grid .item::before{content: ""; display: block; padding-bottom: 100%;}
.project-gallery.style-grid .item a{margin-bottom: 0px;}
.project-gallery.style-grid .item a span{position: absolute; inset: 15px;}
.project-slider{margin-bottom: 55px;}
.project-slider .owl-stage-outer{overflow: visible !important;}
.project-slider .owl-stage-outer .owl-stage{display: flex;}
.project-slider .owl-stage-outer .owl-stage .owl-item{display: flex; height: 100%; -webkit-box-align: center; align-items: center;}
.project-slider .item{-webkit-box-flex: 1; flex: 1 0 100%; text-align: center;}
.project-slider .item a{display: block; border: 1px solid rgb(68, 68, 68);}
.project-slider .item a span{display: block; padding-bottom: 70%;}
.widget .screen-reader-text{display: none;}
.site-sidebar{margin-bottom: 35px; color: rgb(177, 176, 176); font-weight: 300;}
.site-sidebar .wrap{background: rgba(7, 7, 7, 0.3); border: 1px solid rgb(68, 68, 68); padding: 35px 35px 25px;}
.site-sidebar .widget-title{text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 25px;}
.site-sidebar .widget{margin-bottom: 35px;}
.site-sidebar .widget.widget_search{margin: 0px 0px 40px;}
.site-sidebar .widget ul{font-size: 16px; text-transform: capitalize; letter-spacing: 0em;}
.site-sidebar .widget:last-of-type{margin-bottom: 0px;}
.searchform{display: flex; padding: 0px 10px 0px 25px; border: 1px solid rgb(68, 68, 68); margin: 25px 0px;}
.searchform > div{-webkit-box-flex: 1; flex: 1 0 0px;}
.searchform > div .input{background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; color: rgb(177, 176, 176); font-style: italic; height: 45px; width: 100%;}
.searchform button{-webkit-box-flex: 0; flex: 0 0 45px; -webkit-box-pack: center; justify-content: center; opacity: 0.3;}
.searchform button:hover{opacity: 0.9;}
.widget_categories .widget-title,.widget_nav_menu .widget-title{margin-bottom: 15px;}
.widget_categories ul li,.widget_nav_menu ul li{position: relative; padding: 10px 15px 10px 0px; border-bottom: 1px solid rgb(57, 57, 57);}
.widget_categories ul,.widget_nav_menu ul{font-size: 12px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em;}
.widget_categories ul li,.widget_nav_menu ul li{padding: 10px 0px;}
.widget_categories ul li a,.widget_nav_menu ul li a{position: relative; color: inherit; display: block; padding-left: 25px; line-height: 1.2em; text-decoration: none;}
.widget_categories ul li a::before,.widget_nav_menu ul li a::before{content: ""; font-family: free-basic-ui-elements; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; font-size: 10px; position: absolute; left: 0px; line-height: inherit;}
.widget_categories ul li a{display: inline-block;}
.gallery-module{margin: -4px;}
.gallery-module .item{padding: 4px; text-align: center;}
.gallery-module .item a{display: block; position: relative;}
.gallery-module .item a::after{content: ""; position: absolute; inset: 1px; background: rgba(0, 0, 0, 0.6); transition: 0.8s ease-in-out; visibility: hidden; opacity: 0;}
.gallery-module .item a:hover::after{visibility: visible; opacity: 1;}
.gallery-module .item img{display: block; border: 1px solid rgb(68, 68, 68);}
.pagination{font-size: 14px; margin: 0px 0px 30px; overflow: auto; padding-bottom: 20px;}
.portfolio-items + .pagination{margin-top: -30px;}
.pagination ul{display: flex;}
.pagination ul li{min-width: 30px; line-height: 28px; margin-right: 15px;}
.pagination ul li a,.pagination ul li span{text-align: center; display: block; width: 100%; color: rgb(255, 255, 255); padding: 0px 5px; border: 1px solid rgb(68, 68, 68); transition: 400ms;}
.pagination ul li i{display: block; font-size: 12px; line-height: inherit;}
.pagination ul li span.current,.pagination ul li a:hover,.pagination ul li a:focus{background: rgb(26, 26, 26);}