html { overflow-x: hidden !important; height: 100%; overflow-y: scroll; } body { margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-weight: 400; font-size: 13px; color: #292929; background: #292929; height: 100%; line-height: var(--theme-lheight); } @-o-viewport { width: device-width; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } p { color: #5e646a; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 1.308em; border-left: 15px solid #eee; } blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #494949; } .loader-holder { position: fixed; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 150; } @keyframes loadbars { 0% { height: 20px; margin-top: 20px; } 50% { height: 50px; margin-top: 0px; } 100% { height: 20px; margin-top: 20px; } } .loader-holder span { width: 10px; height: 10px; float: right; margin-right: 5px; box-shadow: 0px 80px 20px rgba(0, 0, 0, 0.5); background-color: var(--themecolor); } .loader-holder span:first-child { animation: loadbars 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) infinite 0s; } .loader-holder span:nth-child(2) { animation: loadbars 0.6s ease-in-out infinite -0.2s; } .loader-holder span:nth-child(3) { animation: loadbars 0.6s ease-in-out infinite -0.4s; } #main-theme { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; background: #f5f5f5; } #main-theme.is-hide-loader { opacity: 1; } #wrapper { float: left; width: 100%; position: relative; padding-top: 70px; } .has-topbar + #wrapper { padding-top: 140px; } .fl-wrap { float: left; width: 100%; position: relative; } .container { max-width: 1224px; position: relative; padding-left: 0; padding-right: 0; } .content { width: 100%; position: relative; z-index: 13; background: #fff; float: left; } .full-height { height: 100%; } .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; } .respimg, .single-slider img, .single-slider-wrap img { max-width: 100%; height: auto; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 2; } .no-padding { padding: 0 !important; } .content-table table { width: 100%; margin-top: 20px; } .content-table table td, .content-table table th { padding: 18px 30px; font-weight: 500; text-align: center; } .content-table table td, .content-table table th { border-left: 1px solid #e2e6e7; } .content-table table td:first-child, .content-table table th:first-child { text-align: left; border-left: none; } .content-table table.align-left td:first-child, .content-table table.align-left th:first-child { text-align: left; } .content-table table tr:nth-child(odd) { background: #f5f5f5; } .mar-top { margin-top: 30px; } .wp-block-button.is-style-theme .wp-block-button__link, .tbtn { font-size: 0.77em; color: #fff; position: relative; max-width: 100%; overflow: hidden; outline: none; padding: 0 46px; display: inline-block; height: 50px; line-height: 50px; background: #292929; font-weight: 600; text-transform: uppercase; border-radius: 0; } .wp-block-button.is-style-theme .wp-block-button__link.tcolor, .tbtn.tcolor { color: var(--themecolor); } .wp-block-button.is-style-theme .wp-block-button__link.hvcolor:hover, .tbtn.hvcolor:hover { color: var(--themecolor); } .wp-block-button.is-style-theme .wp-block-button__link.small-btn, .tbtn.small-btn { height: 37px; line-height: 37px; padding: 0 36px; } .wp-block-button.is-style-theme .wp-block-button__link.small-btn.color-bg, .tbtn.small-btn.color-bg { color: #292929; } .mar_btn { margin-top: 30px; } .wp-block-button.is-style-theme .wp-block-button__link.small-btn.color-bg:hover, .tbtn.small-btn.color-bg:hover { color: #fff; } .wp-block-button.is-style-theme .wp-block-button__link i, .tbtn i { left: -50px; width: 50px; height: 50px; line-height: 50px; background: #444; transition: all 0.2s ease-in-out; position: absolute; top: 0; text-align: center; color: var(--themecolor); } .wp-block-button.is-style-theme .wp-block-button__link span, .tbtn span { position: relative; transition: all 0.2s ease-in-out; float: left; left: 0; color: var(--themecolor); } .wp-block-button.is-style-theme .wp-block-button__link:hover i, .tbtn:hover i { left: 0; } .wp-block-button.is-style-theme .wp-block-button__link:hover i + span, .tbtn:hover i + span { left: 20px; } .main-header { position: relative; z-index: 100; } .main-header.has-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 100; transform: translate3d(0, 0, 0); } .top-bar { background: #000000; height: 70px; line-height: 70px; overflow: hidden; transition: all 0.2s ease-in-out; } .top-bar .tbhc_btn { float: left; } .top-hide-on-scroll.scroll-sticky, .top-bar.scroll-sticky { height: 0; } .header-inner { background: #fff; height: 70px; border-bottom: 1px solid #eee; } .header-inner .header-btn, .header-inner .nav-holder, .header-inner .nav-button-wrap { float: right; } .header-inner .hsearch-wrap, .header-inner .hshare-wrap, .header-inner .hcart-wrap { float: right; position: relative; } .header-inner .nav-holder { top: 10px; } .topbar-social { float: right; position: relative; height: 32px; top: 18px; list-style: none; } .topbar-social li { float: left; margin-left: 6px; } .topbar-social li a { font-size: 0.923em; width: 32px; height: 32px; line-height: 32px; float: left; background: #333; border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; } .topbar-social a, .top-bar-header-contact li a, .top-bar-header-contact li i, .footer-contacts li a, .footer-serv-holder li a, .footer-social li a { transition: all 100ms linear; } .topbar-social a:hover, .top-bar-header-contact li:hover i { color: #fff; } .top-bar-header-contact { position: relative; display: inline-block; width: auto !important; } .top-bar-header-contact .cosmo-widget-container { position: relative; padding: 0 30px; } .top-bar-header-contact .cosmo-widget-container:before, .top-bar-header-contact .cosmo-widget-container:after { content: ""; position: absolute; width: 1px; height: 22px; top: 50%; right: 0; transform: translateY(-50%); background: rgba(255, 255, 255, 0.21); } .top-bar-header-contact .cosmo-widget-container:after { right: auto; left: 0; } .hctop-contact { padding: 0 30px; } .hctop-contact:before, .hctop-contact:after { content: ""; position: absolute; width: 1px; height: 22px; top: 50%; right: 0; transform: translateY(-50%); background: rgba(255, 255, 255, 0.21); } .hctop-contact:after { right: auto; left: 0; } .hctop-contact ul { list-style: none; margin: 0; padding: 0; display: flex; } .hctop-contact li { margin-right: 15px; } .hctop-contact li:last-child { margin: 0; } .hctop-contact a { color: rgba(255, 255, 255, 0.8); font-weight: 500; font-size: 0.77em; text-transform: uppercase; } .hctop-contact i { margin-right: 15px; color: var(--themecolor); } .logo-holder { float: left; position: relative; z-index: 21; height: 25px; top: 20px; } .logo-holder img { width: auto; height: 100%; } .show-cart, .show-share-btn, .search_btn { font-size: 1.231em; color: #666; cursor: pointer; position: relative; width: 70px; height: 70px; line-height: 70px; border-left: 1px solid #eee; text-align: center; box-sizing: border-box; font-weight: 600; } .show-cart i, .show-share-btn i, .search_btn i { position: relative; z-index: 2; } .htact:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 100%; background: #f7f7f7; z-index: 1; transition: all 0.3s ease-in-out; } .htact:hover:after { top: 0; } .show-share-btn, .search_btn { margin-left: 0; font-size: 1.077em; } .header-tooltip { position: absolute; top: 100%; right: 0; width: 140px; height: 50px; line-height: 50px; background: #292929; font-weight: 600; color: #fff; transition: all 0.3s ease-in-out; font-size: 0.77em; text-transform: uppercase; opacity: 0; visibility: hidden; border-top: none; color: var(--themecolor); } .htact:hover .header-tooltip { opacity: 1; visibility: visible; } .show-cart_count { position: absolute; bottom: 16px; width: 16px; height: 16px; line-height: 16px; border-radius: 100%; color: #fff; right: 16px; z-index: 10; font-size: 0.692em; background-color: var(--themecolor); } .show-cart i, .show-cart_count, .header-cart_wrap, .box-widget-content .widget-posts-img { transition: all 0.3s ease-in-out; } .show-cart:before { content: ""; display: block; width: 1px; height: 16.8px; position: absolute; top: 50%; left: -20px; background: rgba(255, 255, 255, 0.51); margin-top: -8.4px; transform: rotate(45deg); } .sc_btn.scwllink i:before, .show-share-btn.uncl-share i:before, .search_btn.scwllink2 i:before { content: "\f00d"; } .sc_btn.scwllink .show-cart_count { transform: scale(0); } .header-btn { position: relative; color: #292929; font-size: 0.846em; font-weight: 700; width: 180px; height: 70px; line-height: 70px; cursor: pointer; transition: all 0.2s ease-in-out; text-align: center; display: block; } .header-btn:hover { color: #292929; } .header-btn i { margin-left: 15px; font-size: 1.231em; color: #fff; } .header-cart_wrap { position: absolute; top: 70px; right: -20px; padding: 25px 20px 15px; width: 391px; background: #fff; opacity: 0; visibility: visible; display: none; border: 1px solid #eee; border-top: none; } .vis-cart { opacity: 1; visibility: visible; right: -1px; } .header-cart_title { font-size: 1.077em; font-weight: 600; color: #292929; padding: 0 0 20px 0; text-align: left; margin-bottom: 10px; border-bottom: 1px solid #eee; } .header-cart_wrap_container { max-height: 220px; float: left; width: 100%; overflow: auto; padding-right: 10px; } .header-cart_wrap_total { padding: 18px 20px 12px; text-align: left; margin-top: 10px; background: #f7f7f7; } .header-cart_wrap_total_item { color: #292929; font-size: 1.077em; font-weight: 700; } .header-cart_wrap_total_item span, .header-cart_title span { float: right; } .header-cart_wrap_total_item span { font-size: 1.231em; position: relative; top: -2px; } .header-cart_title span { font-size: 0.923em; font-weight: 600; position: relative; top: 2px; color: #222; } .box-widget-content .widget-posts ol { counter-reset: my-awesome-counter; padding: 0 10px 0 20px; } .box-widget-content .widget-posts li { position: relative; counter-increment: my-awesome-counter; border-bottom: 1px solid #eee; padding: 10px 0; } .box-widget-content .widget-posts li:before { content: counter(my-awesome-counter); font-size: 0.77em; font-weight: 600; position: absolute; left: -20px; top: 36px; } .box-widget-content .widget-posts li:last-child { margin-bottom: 0; border-bottom: none; } .box-widget-content .widget-posts-img, .cart-details_header .widget-posts-img { float: left; width: 30%; } .box-widget-content .widget-posts-img img, .cart-details_header .widget-posts-img img { border-radius: 2px; } .box-widget-content .widget-posts-img:hover { opacity: 0.6; } .box-widget-content .widget-posts-descr { float: left; width: 70%; padding: 0 30px 0 20px; text-align: left; position: relative; } .box-widget-content .widget-posts-descr a { color: #444; font-weight: 700; font-size: 1em; } .widget-posts-descr_calc { width: 100%; font-weight: 700; color: #000; padding-top: 3px; font-size: 0.846em; } .widget-posts-descr_calc span { padding: 0 4px; } .clear-cart_button { cursor: pointer; border-radius: 100%; text-align: center; position: absolute; right: 6px; top: 10px; font-weight: bold; } .header-cart_wrap_footer { padding-top: 15px; } .header-cart_wrap_footer:before { content: ""; display: block; width: 1px; height: 14px; position: absolute; top: 34px; left: 50%; background: #ccc; margin-top: -7px; } .header-cart_wrap_footer a { width: 45%; float: left; padding: 12px 0; color: #fff; background: #292929; font-weight: 700; text-transform: uppercase; font-size: 0.77em; transition: all 0.2s ease-in-out; } .header-cart_wrap_footer a:last-child { float: right; } .header-cart_wrap_footer a:hover { color: #fff; } .progress-bar-wrap { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 123; } .progress-bar { position: relative; height: 100%; width: 0%; z-index: 2; top: 0; transition: all 0.2s ease-in-out; } .show-reg-form { float: right; color: rgba(255, 255, 255, 0.8); font-weight: 500; font-size: 0.77em; text-transform: uppercase; margin-right: 20px; letter-spacing: 1px; cursor: pointer; } .show-reg-form i { margin-right: 10px; color: var(--themecolor); } .show-reg-form:hover i { color: #fff; } .header-search-wrap { position: absolute; top: 100%; right: 0; width: 350px; padding: 15px; background: #fff; border: 1px solid #eee; border-top: none; box-shadow: 0 13px 20px rgba(58, 87, 135, 0.05); transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; margin-top: 10px; } .vis-search { opacity: 1; visibility: visible; margin-top: 0; } .header-search-wrap .widget-inner { margin: 0; } .share-wrapper { position: absolute; top: 100%; right: 0; width: 140px; background: #222; z-index: 2; overflow: hidden; transition: all 0.2s ease-in-out; opacity: 0; visibility: hidden; margin-top: 20px; } .share-wrapper.visshare { margin-top: 0; opacity: 1; visibility: visible; } .share-container { overflow: hidden; } .close-share-btn { position: absolute; right: 0; bottom: 0; width: 70px; height: 70px; line-height: 70px; font-size: 0.77em; background: #3c3c3c; z-index: 10; cursor: pointer; text-align: center; color: var(--themecolor); } .mainmenu-nav ul { list-style: none; padding: 0; margin: 0; } .nav-holder { position: relative; opacity: 1; visibility: visible; z-index: 20; } .nav-holder .topnav-menu { display: flex; flex-wrap: wrap; } .nav-holder .topnav-menu > li { line-height: 50px; } .nav-holder .topnav-menu > li > a { line-height: 50px; padding: 0 15px; } .nav-holder nav { position: relative; } .nav-holder nav ul { margin: 0; padding: 0; } .nav-holder nav li { position: relative; height: 50px; } .nav-holder nav li.current-menu-item > a, .nav-holder nav li.current-menu-ancestor > a, .nav-holder nav li.current-menu-parent > a { color: var(--themecolor); } .nav-holder nav li.current-menu-item > a i, .nav-holder nav li.current-menu-ancestor > a i, .nav-holder nav li.current-menu-parent > a i { color: #292929; } .vismobmenu nav li.current-menu-item > a, .vismobmenu nav li.current-menu-ancestor > a, .vismobmenu nav li.current-menu-parent > a { color: var(--themecolor); } .nav-holder nav li ul { margin: 30px 0 0 0; opacity: 0; visibility: hidden; position: absolute; min-width: 200px; top: 60px; left: 0; z-index: 1; padding: 16px 20px; background: #292929; transition: all 0.2s ease-in-out; list-style: none; } .nav-holder nav li:hover > ul { opacity: 1; visibility: visible; margin: 0; } .nav-holder nav li ul li ul { top: -10px; left: 100%; margin-left: 25px; margin-top: 0; max-width: 150px; } .nav-holder nav li ul li:hover > ul { opacity: 1; visibility: visible; margin-right: 0px; } .nav-holder nav li ul li { width: 100%; display: block; height: auto; position: relative; margin-bottom: 10px; } .nav-holder nav li ul li:last-child { margin-bottom: 0; } .nav-holder nav li ul li a { padding: 0; } .nav-holder nav li a { display: block; color: #222; font-size: 0.846em; font-weight: 700; text-transform: uppercase; line-height: var(--theme-lheight); transition: all 100ms linear; position: relative; } .nav-holder nav li a:hover { color: var(--themecolor); } .nav-holder nav li a i { padding-left: 10px; transition: all 200ms linear; color: var(--themecolor); } .nav-holder nav li a:hover i { transform: rotateX(180deg); } .nav-holder nav li ul a { display: block; width: 100%; text-align: left; padding: 5px 15px; font-size: 0.846em; color: #fff; } .dark-header .nav-holder nav li ul a { color: #000; } nav li ul a:before, nav li ul a:after { display: none; } section { width: 100%; position: relative; z-index: 10; overflow: hidden; } .big-padding { padding-top: 90px; padding-bottom: 90px; } section.small-top_padding { padding-top: 50px; } section.small-padding .card-item { margin-bottom: 0; } section.small-padding { padding: 60px 0; } section.paralax-section { padding: 80px 0; } section.paralax-section.small-padding { padding: 40px 0; } section.paralax-section .overlay { opacity: 0.4; } section.paralax-section .bg { height: 130%; top: -5%; } .hidden-section { overflow: hidden; } .gray-bg { background: #f5f5f5; } .align-text { text-align: left; } .section-title { width: 100%; position: relative; padding: 0; } .section-title.st-center { text-align: center; } .section-title.st-center .sec-title:before { left: 50%; margin-left: -15px; } .section-title.st-right { text-align: right; } .section-title.st-right .sec-title:before { right: 0; left: auto; } .ll-t { text-align: left; float: left; } .par-dec { position: absolute; top: 0; left: -2px; width: 5px; height: 100px; } .par-wrap { position: relative; opacity: 0.8; box-shadow: 0 11px 52px -4px #000; } .lt-t h2 { font-size: 1.846em; letter-spacing: 1px; } .sec-title { position: relative; font-weight: 600; font-size: 1.538em; margin-bottom: 0; line-height: 1.3; } .sec-title:before { content: ""; position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background-color: var(--themecolor); } .sec-subtitle { font-size: 1em; font-weight: 600; color: #666; margin-bottom: 10px; line-height: var(--theme-lheight); } .section-title.st-st1 .sec-title { font-size: 1.846em; font-weight: 600; color: #292929; padding-bottom: 20px; position: relative; } .section-title.st-st1 .sec-title:before { bottom: 10px; } .section-title.st-st3 .sec-title { font-weight: 600; font-size: 1.846em; padding-bottom: 20px; position: relative; } .section-title.st-st3 .sec-title:before { top: -12px; } .section-title.st-st3 .sec-subtitle { margin-bottom: 30px; } .section-title.st-st4 .sec-title { font-size: 1.846em; padding: 10px 0; font-weight: 700; letter-spacing: 2px; color: #292929; } .section-title.st-st4 .sec-subtitle { margin-bottom: 0; } .section-title.st-st4 .st-text { margin-top: 50px; padding-bottom: 46px; border-bottom: 1px solid #ddd; position: relative; } .section-title.st-st4 .st-text:before { content: ""; position: absolute; right: 0; bottom: -1px; width: 50px; height: 1px; background-color: var(--themecolor); } .section-title.st-st5 .sec-title { font-size: 2.615em; font-weight: 600; line-height: 1.3; } .section-title.st-st5 .sec-title:before { display: none; } .section-title.st-st5 .sec-subtitle { margin-bottom: 0px; color: var(--themecolor); } .section-title.st-st6 { padding: 0; } .section-title.st-st6 .sec-title { font-size: 2.1em; font-weight: 600; padding-bottom: 20px; position: relative; } .section-title.st-st6 .sec-title > span { position: relative; z-index: 3; padding-right: 50px; background-color: var(--themecolor); } .section-title.st-st6 .sec-title:before { content: ""; position: absolute; left: 0; margin-left: 0; right: 0; bottom: 50%; height: 1px; background: rgba(255, 255, 255, 0.3); z-index: 1; margin-bottom: 8px; width: auto; } .section-title.st-st6 .sec-title:after { content: ""; position: absolute; left: 0; right: 0; bottom: 50%; height: 1px; background: rgba(255, 255, 255, 0.3); z-index: 1; margin-bottom: 8px; z-index: 2; left: auto; width: 50px; background: #fff; } .section-title.st-st6 .sec-subtitle { margin-bottom: 10px; } .section-title.st-st6 .st-text { font-weight: 600; } .section-title.st-st7 { padding: 0; padding-left: 60px; } .section-title.st-st7:before { content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 1px; z-index: 2; background-color: var(--themecolor); } .section-title.st-st7:after { content: ""; position: absolute; top: -10px; bottom: -10px; left: -20px; right: 50%; background: #333; z-index: 1; } .section-title.st-st7 .sec-title { font-size: 1.231em; font-weight: 600; padding-bottom: 0px; position: relative; z-index: 2; } .section-title.st-st7 .sec-title:before { display: none; } .section-title.st-st7 .sec-title:after { display: none; } .section-title.st-st7 .sec-subtitle { margin-bottom: 10px; position: relative; z-index: 2; } .section-title.st-st7 .st-text { font-weight: 600; position: relative; z-index: 2; } .order-wrap .section-title.st-st7:after { background-color: transparent; } .section-title.st-st8 { padding: 0; } .section-title.st-st8 .sec-title { position: relative; font-size: 0.923em; text-transform: uppercase; letter-spacing: 1px; text-align: left; color: #fff; font-weight: 600; margin-bottom: 25px; padding-bottom: 10px; } .section-title.st-st8 .sec-title:before { content: ""; position: absolute; bottom: -9px; left: 0; width: 30px; height: 4px; background-color: var(--themecolor); } .section-title.st-st8 .sec-title:after { content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1); } .section-title.st-st8 .sec-subtitle { margin-bottom: 10px; position: relative; z-index: 2; } .section-title.st-st8 .st-text { padding-top: 20px; } .parallax-inner { float: left; width: 100%; padding: 110px 0; overflow: hidden; position: relative; } .parallax-inner.page-title-wrap { padding: 120px 0 50px; } .page-title-wrap: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%); } .page-title { float: left; width: 100%; position: relative; color: rgba(255, 255, 255, 0.9); max-width: 550px; font-size: 1em; } .parallax-wrap .page-title p { color: rgba(255, 255, 255, 0.9); } .page-title .post-head-title { float: left; width: 100%; font-weight: 800; color: #fff; text-transform: uppercase; text-align: left; font-size: 2.615em; padding-bottom: 10px; position: relative; } .search-page-title .post-head-title strong { color: var(--themecolor); } .page-title .post-head-title:before { content: ""; position: absolute; left: 0; height: 4px; width: 40px; top: -20px; z-index: 2; background-color: var(--themecolor); } .page-title .post-head-title:after { content: ""; position: absolute; left: 40px; height: 1px; width: 80px; top: -17px; z-index: 1; background: rgba(255, 255, 255, 0.5); } .parallax-inner.smpar-pad { padding: 50px 0; } .parallax-inner .bg, .hero-wrap_custom .bg { height: 120%; top: -10%; } .parallax-wrap { float: left; width: 100%; position: relative; z-index: 10; } .pw_dec { position: absolute; right: 60px; width: 220px; height: 1px; bottom: 24px; background: rgba(255, 255, 255, 0.2); z-index: 5; } .hero-scroll-down-notifer { position: absolute; z-index: 10; right: 0; bottom: 10px; text-align: center; } .hero-scroll-down-notifer i { position: absolute; bottom: -40px; left: 0; width: 100%; color: #fff; font-weight: 100; } .scroll-down-wrap { float: left; position: relative; } .scroll-down-wrap span { float: left; margin-left: 20px; position: relative; top: 6px; font-weight: 500; font-size: 0.77em; letter-spacing: 2px; text-transform: uppercase; color: #fff; z-index: 10; } .mousey { float: left; 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 { position: relative; left: 50%; top: 6px; margin-left: -2px; width: 5px; height: 5px; background: #fff; border-radius: 4px; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-iteration-count: infinite; } @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } .hero-dec-line { position: absolute; bottom: 40px; left: 820px; height: 1px; right: 400px; background: rgba(255, 255, 255, 0.2); z-index: 20; } .hex-bg { position: absolute; left: 50px; top: 0; width: 450px; height: 250px; background: url(https://legacy.zorigen.com/genes/assets/images/hex.png) no-repeat bottom right; z-index: -1; } .hex-bg.hex-bg2 { left: auto; top: auto; right: 0; bottom: -30px; z-index: -1; } .hex { position: absolute; width: 43px; height: 24.83px; background-color: #fff; margin: 12.41px 0; transform: rotate(30deg); } .hex1 { left: 12px; top: 43px; } .hex2 { left: 129px; top: 111px; } .hex3 { left: 12px; top: 134px; } .hex:before, .hex:after { content: ""; position: absolute; width: 0; left: 0; border-left: 21.5px solid transparent; border-right: 21.5px solid transparent; } .hex:before { bottom: 100%; border-bottom: 12.41px solid #fff; } .hex:after { top: 100%; width: 0; border-top: 12.41px solid #fff; } .boxed-container { background: #fff; box-shadow: 5px 13px 20px rgba(58, 87, 135, 0.05); } .boxed-container:before { content: ""; position: absolute; right: -20px; top: -20px; left: 30%; bottom: 150px; background: #333; } .boxed-container-title { padding: 80px 45px; position: relative; overflow: hidden; background-color: var(--themecolor); } .bic_dec { color: rgba(255, 255, 255, 0.4); font-size: 6.923em; } .popvid-center { text-align: center; } .popvid-right { text-align: right; } .bg_wrap { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; overflow: hidden; } .sm-bg-par .bg_wrap { bottom: 50%; } .promo-video h4 { color: #fff; font-weight: 600; margin-top: 20px; font-size: 0.846em; letter-spacing: 2px; text-transform: uppercase; } .big_prom { display: inline-block; position: relative; width: 50px; height: 50px; line-height: 50px; color: #000; } .big_prom:hover { color: #000; } .big_prom span { position: relative; z-index: 2; float: left; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; transition: all 0.2s ease-in-out; transform: scale(1); } .big_prom:after { content: ""; position: absolute; left: -11px; top: -11px; right: -11px; bottom: -11px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; box-sizing: border-box; transition: all 0.2s ease-in-out; background: rgba(255, 255, 255, 0.2); transform: scale(1); } .big_prom:hover:after { transform: scale(0); } .big_prom:hover span { transform: scale(1.3); } .wide_section-title { margin: 40px 0 90px; } .wide_section-title h3 { text-align: left; font-size: 2.615em; font-weight: 600; color: #fff; } .wide_section-title h5 { text-align: left; font-weight: 600; } .wide_section-title p { color: #fff; margin-top: 30px; } .bot-dec { padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .bot-dec:before { content: ""; position: absolute; right: 0; bottom: -1px; width: 50px; height: 1px; z-index: 2; background-color: var(--themecolor); } .subcribe-form { margin-top: 46px; } .subcribe-form input[type="email"] { background: #fff; padding: 0 20px; height: 50px; line-height: 50px; border: none; position: relative; z-index: 1; color: #000; width: 100%; outline: none; box-sizing: border-box; border-radius: 4px; box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.4); display: block; } .subcribe-form .subscribe-button { position: absolute; right: 0; top: 0; width: 30%; z-index: 2; height: 50px; line-height: 50px; font-size: 0.846em; color: var(--themecolor); font-weight: 600; background: #333; outline: none; border: none; cursor: pointer; border-radius: 0 4px 4px 0; text-transform: uppercase; -webkit-appearance: none; font-family: "Poppins", sans-serif; } .subcribe-form .subscribe-button:hover { color: #fff; } .subcribe-form-row { position: relative; } .mc4wp-response { margin-top: 15px; } .height-emulator { z-index: 1; } footer.main-footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; background: #292929; } .footer-bottom { margin: 0 0 20px; padding-top: 40px; border-top: 1px dotted rgba(255, 255, 255, 0.1); } .footer-social li, .footer-social, .footer-social ul { float: left; } .footer-social li { margin-right: 5px; } .footer-social li a { width: 36px; height: 36px; line-height: 36px; float: left; border: 1px solid rgba(255, 255, 255, 0.1); background: #333; transition: all 200ms linear; } .footer-social li a:hover { background: #fff; } .footer-social-title { float: left; color: #fff; position: relative; margin-right: 30px; top: 10px; font-weight: 500; } .footer-inner { padding: 90px 0 20px; overflow: hidden; z-index: 2; } .footer-bg { position: absolute; left: 0; width: 500px; height: 400px; bottom: -70px; z-index: 1; opacity: 0.6; background: url(https://legacy.zorigen.com/genes/assets/images/map.png) center no-repeat; } .footer-bg-pin { position: absolute; width: 6px; height: 6px; border-radius: 100%; background-color: var(--themecolor); } .footer-bg-pin:first-child { left: 120px; top: 200px; } .footer-bg-pin:nth-child(2) { left: 230px; top: 200px; } .footer-bg-pin:nth-child(3) { left: 136px; top: 300px; } .footer-bg-pin:nth-child(4) { right: 190px; top: 220px; } .footer-bg-pin:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; border-radius: 100%; z-index: -1; opacity: 0.4; } @keyframes tpulse { 100% { transform: scale(22.1); opacity: 0; } } .footer-bg-pin-vis:before { animation: tpulse 2s infinite ease-in-out; } .fw_hours span { display: block; width: 100%; margin: 0 0 10px 0; font-weight: 500; font-size: 0.923em; color: var(--themecolor); } .fw_hours span strong { color: #fff; min-width: 140px; display: inline-block; } .footer_link { margin-top: 10px; font-weight: 600; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); padding-bottom: 4px; display: inline-block; } .footer_link i { margin-left: 12px; font-size: 0.77em; } .footer_link:hover, .footer_link i { color: #fff; } .footer-contacts { margin: 0; padding: 0; } .footer-contacts.contacts-inline { display: flex; flex-wrap: wrap; } .footer-contacts.contacts-inline li { width: auto; margin-right: 15px; } .footer-contacts.contacts-inline li i { padding-right: 15px; } .footer-contacts li { display: flex; width: 100%; padding: 8px 0; font-size: 0.923em; font-weight: 400; } .footer-contacts li:first-child { padding-top: 0; } .footer-contacts li a { flex: 1; color: #fff; } .footer-contacts li a:hover { color: var(--themecolor); } .footer-contacts li span { display: inline-block; color: #ffffff91; width: 80px; } .footer-contacts li:hover span { color: #fff; } .footer-contacts li i { padding-right: 12px; position: relative; top: 2px; color: var(--themecolor); } .dl-footer_btn { position: relative; background: #454545; padding: 18px 50px 18px 50px; font-weight: 500; font-size: 0.77em; text-transform: uppercase; margin-left: 24px; background-color: var(--themecolor); color: #000; display: inline-block; } .dl-footer_btn:before { font-family: "Font Awesome 5 Pro"; content: "\f0dd"; position: absolute; color: #fff; font-weight: 600; top: 50%; height: 10px; line-height: 10px; margin-top: -6px; right: 20px; transition: all 200ms linear; transform: rotate(0deg); } .dl-footer_btn i { width: 30px; height: 30px; line-height: 30px; background: #292929; color: #fff; position: absolute; top: 12px; left: 10px; text-align: center; } .dl-footer_btn:hover { color: #000; } .dl-footer_btn:hover:before { transform: rotate(-90deg); } .dl-footer_btn:hover i { color: var(--themecolor); } .sub-footer { background: #222; height: 80px; line-height: 80px; z-index: 3; } .footer-copyright { font-size: 0.77em; letter-spacing: 1px; text-transform: uppercase; color: rgba(255, 255, 255, 0.61); font-weight: 500; } .subfooter-nav { float: right; margin-right: 50px; position: relative; } .subfooter-nav:before { content: ""; position: absolute; right: -22px; top: 50%; height: 10px; margin-top: -5px; width: 1px; background: rgba(255, 255, 255, 0.3); } .subfooter-nav li { margin-left: 15px; } .subfooter-nav li a { font-weight: 500; font-size: 0.923em; } .subfooter-nav li a:hover { color: #fff; } .subfooter-nav li { float: left; } .footer-serv-holder { float: left; width: 100%; } .footer-serv-holder ul li { float: left; width: 50%; padding: 0 0 15px 20px; position: relative; } .footer-serv-holder ul li:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -7px; width: 5px; height: 1px; } .footer-serv-holder li a { text-align: left; float: left; color: #fff; font-size: 0.923em; font-weight: 500; } .to-top { cursor: pointer; overflow: hidden; position: relative; width: 40px; height: 40px; line-height: 40px; background: #292929; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 200ms linear; text-align: center; color: var(--themecolor); border-color: var(--themecolor); } .to-top:hover { color: #fff; background-color: var(--themecolor); } .hero-wrap { height: 650px; } .hero-wrap_custom { height: auto; padding: 100px 0; } .hero-wrap_custom.hero-wrap_custom2 { padding: 100px 0 130px; } .hero-wrap-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-wrap_custom .hero-wrap-container { position: relative; float: left; height: auto; } .hero-wrap-container .overlay, .hero-wrap_custom .overlay { opacity: 0.4; } .hero-wrap-container .hero-scroll-down-notifer, .hero-wrap_custom .hero-scroll-down-notifer { right: auto; bottom: -100px; left: 0; } .hero-wrap_custom .hero-scroll-down-notifer { bottom: -20px; } .hero-wrap_custom.hero-wrap_custom2 .hero-scroll-down-notifer { bottom: -70px; } .lg-actions .lg-next, .lg-actions .lg-prev { color: #292929; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: var(--themecolor); } .hero_promo-wrap { position: absolute; top: 50%; right: 10px; width: 200px; z-index: 20; height: 50px; margin-top: -15px; display: flex; } .hero_promo-title { text-transform: uppercase; color: #fff; position: relative; margin-left: 20px; top: 18px; } .hero_promo-title h4 { font-size: 0.77em; font-weight: 600; } .hp_popup { width: 50px; height: 50px; line-height: 50px; box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.1); border-radius: 100%; background: rgba(255, 255, 255, 0.5); color: #000; z-index: 20; font-size: 0.77em; cursor: pointer; transition: all 0.2s ease-in-out; text-align: center; background-color: var(--themecolor); } .hp_popup:hover { box-shadow: 0px 0px 0px 17px rgba(255, 255, 255, 0.2); } .hero-dec_top, .hero-dec_bottom { position: absolute; right: 40px; width: 80px; height: 80px; border-right: 1px solid rgba(255, 255, 255, 0.4); z-index: 10; } .hero-dec_bottom { bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .hero-dec_top { top: 50px; border-top: 1px solid rgba(255, 255, 255, 0.4); } .slideshow-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .slideshow-container .bg { transform: scale(1); transition: all 8.5s linear; } .slideshow-container_wrap .swiper-slide-active .bg, .slideshow-container_wrap .swiper-slide-duplicate-active .bg { transform: scale(1.1); } .slideshow-item { position: relative; float: left; width: 100%; height: 100%; } .hero-wrap-title { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 10; } .hero-wrap-title_item h2 { font-size: 3.462em; text-transform: uppercase; color: #fff; font-weight: bold; line-height: 60px; padding-top: 10px; } .hero-wrap-title_item h2 span { color: var(--themecolor); } .hero-wrap-title_item h4 { font-size: 1em; max-width: 550px; padding-top: 10px; color: #fff; font-weight: 500; line-height: var(--theme-lheight); } .hero-wrap-title_item h3 { text-transform: uppercase; font-size: 1.077em; font-weight: 700; position: relative; color: var(--themecolor); } .hero-wrap-title_item h3:before { content: ""; position: absolute; left: 0; top: -30px; width: 40px; height: 4px; z-index: 2; background-color: var(--themecolor); } .hero-wrap-title_item h3:after { content: ""; position: absolute; left: 40px; height: 1px; width: 80px; top: -27px; z-index: 1; background: rgba(255, 255, 255, 0.5); } .fs-slider-item { overflow: hidden; } .slider-progress-bar { position: absolute; top: 40px; right: 60px; z-index: 20; } .play-pause_slider { position: absolute; right: 60px; width: 40px; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.7); bottom: 28px; cursor: pointer; z-index: 10; color: var(--themecolor); font-size: 0.77em; border-radius: 2px; text-align: center; } .hsc_pp.auto_actslider i:before { content: "\f04c"; } .progress-indicator svg { position: relative; top: -5px; height: 50px; transform: rotate(-90deg); width: 50px; z-index: 20; } .progress-bar__background { fill: none; stroke: rgba(255, 255, 255, 0.4); stroke-width: 1; } .progress-bar__progress { fill: none; stroke: #fff; stroke-dasharray: 100 100; stroke-dashoffset: 100; stroke-linecap: round; stroke-width: 1.8; } .circ { transform: scale(1) rotate(-90deg); transition: transform 0.3s ease; z-index: 3; position: relative; } .circ circle { stroke-dasharray: 440px; } .circ1 { stroke-dashoffset: 440px; } .slider-progress-bar.act-slider .circ1 { stroke-dashoffset: 220px; transition: linear 8s stroke-dashoffset; } .hero-slider-pagination { position: absolute; bottom: 40px; right: 120px; z-index: 20; } .hero-slider-pagination.hsp2 { right: 40px; } .hwt_dec { position: absolute; left: -30px; width: 370px; top: 60px; bottom: -30px; background: rgba(0, 0, 0, 0.4); z-index: -1; } .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); } .det-list { background: #292929; margin-top: 22px; margin-bottom: 12px; padding: 45px 20px 40px; position: relative; } .det-list:before { font-family: "Font Awesome 5 Pro"; content: "\f5ae"; position: absolute; right: 20px; bottom: 0; font-size: 5.692em; color: rgba(255, 255, 255, 0.1); z-index: 1; } .det-list:after { content: ""; position: absolute; right: 30px; top: -3px; width: 60px; height: 6px; z-index: 2; background-color: var(--themecolor); } .det-list ul:not(.cosmo-editor-element-settings) { padding: 0 20px; position: relative; z-index: 2; list-style: none; margin-bottom: 0; } .det-list li:not(.cosmo-editor-element-setting) { padding-left: 30px; position: relative; margin-bottom: 12px; text-align: left; font-size: 0.846em; color: #fff; font-weight: 500; } .det-list li:not(.cosmo-editor-element-setting) strong { color: var(--themecolor); } .det-list li:not(.cosmo-editor-element-setting) span, .det-list li:not(.cosmo-editor-element-setting) a { font-weight: 700; } .det-list li:not(.cosmo-editor-element-setting):before { font-family: "Font Awesome 5 Pro"; content: "\f0da"; position: absolute; top: 3px; left: 0; font-weight: bold; color: var(--themecolor); } .det-list li:not(.cosmo-editor-element-setting):last-child { margin-bottom: 0; } .det-list table, .det-list tr, .det-list td, .det-list th, .det-list td + td, .det-list td + th, .det-list th + th, .det-list th + td { border: 0; } .det-list table th, .det-list table td { vertical-align: initial; } .con-heading { float: left; width: 100%; text-align: left; font-size: 1.846em; font-weight: 600; color: #292929; padding-bottom: 20px; position: relative; } .con-heading:before { content: ""; position: absolute; bottom: 10px; left: 0; width: 30px; height: 3px; } .det-box { display: block; position: relative; overflow: hidden; } .det-box-media { position: relative; display: block; z-index: 8; } .promo-link { position: absolute; bottom: 40px; left: 50px; padding: 16px 45px 16px 70px; color: #666; font-size: 0.846em; font-weight: 700; box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.3); z-index: 10; background: #fff; } .promo-link:hover { color: #666; } .promo-link i { position: absolute; left: 10px; top: 50%; height: 34px; width: 34px; line-height: 34px; margin-top: -17px; color: #fff; box-shadow: 0 9px 26px rgba(58, 87, 135, 0.25); background-color: var(--themecolor); text-align: center; } .promo-link:hover i { background: #292929; color: #fff; } .det-box-media:after { content: ""; position: absolute; left: 30px; bottom: -3px; width: 60px; height: 6px; z-index: 2; transition: all 0.3s ease-in-out; background-color: var(--themecolor); } .det-box-media:hover:after { width: 110px; } .det-box-media:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #292929; opacity: 0; z-index: 2; transition: all 0.3s ease-in-out; } .det-box-media span { z-index: 5; position: absolute; left: 50%; top: 40%; opacity: 0; height: 46px; line-height: 46px; font-weight: 600; font-size: 0.77em; width: 150px; margin: -23px 0 0 -75px; transition: all 0.3s ease-in-out; text-align: center; background-color: var(--themecolor); color: #000; } .det-box-media:hover:before { opacity: 0.4; } .det-box-media:hover span { top: 50%; opacity: 1; } .det-box-item { background: #fff; padding: 25px 30px; } .det-box-item.det-box-item_single { padding: 30px; } .det-box-item.det-box-item_single2 { padding: 30px; overflow: inherit; z-index: 20; } .det-box .box-item { margin-bottom: 20px; } .det-box .box-item img { margin-bottom: 0; } .det-box h3 { font-size: 1.231em; padding-bottom: 8px; font-weight: 700; width: 100%; margin-bottom: 0; } .det-box h3 a { color: #000; } .det-box h3 a:hover { color: var(--themecolor); } .serv-list { margin-bottom: 13px; } .serv-list li { margin-right: 10px; text-transform: uppercase; font-size: 0.77em; color: #999; font-weight: 600; position: relative; } .det-box-link { padding: 10px 30px; font-size: 0.77em; background: #454545; position: relative; z-index: 2; text-transform: uppercase; font-weight: 600; } .serv_number { position: relative; text-align: right; z-index: 1; font-size: 1.077em; font-weight: 600; flex: 1; } .serv_number:before { content: ""; position: absolute; left: 0; right: 50px; height: 1px; top: 50%; background: #eee; z-index: 1; } .serv_number:after { content: ""; position: absolute; width: 40px; right: 50px; height: 1px; top: 50%; z-index: 2; background-color: var(--themecolor); } .det-box-link:hover { color: #fff; } .accordion-lite_content { display: none; margin-top: 10px; padding: 20px 0 15px; } .accordion-lite-header { cursor: pointer; text-align: left; font-size: 1em; font-weight: 600; } .accordion-lite-container { margin-bottom: 12px; padding: 15px 30px; background: #f5f5f5; border-radius: 4px; } .accordion-lite-container p { color: #3b4249; } .accordion-lite-header i { float: right; position: relative; top: 6px; font-size: 0.77em; color: var(--themecolor); } .accordion-lite-header.acc_open i:before { content: "\f068"; color: #292929; } .accordion-block-box { border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 30px; } .accordion-block-box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .accordion-block-title + .accordion-lite-container { margin-top: 30px; } .accordion-block-title h3 { font-size: 1.231em; padding-bottom: 8px; font-weight: 700; margin-bottom: 0; } .order-wrap { padding: 15px 25px 15px 40px; margin-top: 20px; overflow: hidden; position: relative; background: #454545; } .order-wrap:before { content: ""; position: absolute; top: 0; right: 0; width: 30%; bottom: 0; background: #333; } .order-wrap:after { content: ""; position: absolute; top: 50%; right: 30%; width: 6px; height: 40px; margin: -20px -3px 0 0; background-color: var(--themecolor); } .breadcrumbs { background: #fff; border-bottom: 1px solid #eee; padding: 25px 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07); z-index: 11; } .breadcrumbs-list, .breadcrumbs-list a, .breadcrumbs-list span { float: left; position: relative; } .breadcrumbs-list a, .breadcrumbs-list span { margin-right: 15px; padding-right: 20px; font-size: 0.77em; font-weight: 600; color: #666; text-transform: uppercase; } .breadcrumbs-list span { color: #000; } .breadcrumbs-list a:before { content: ""; position: absolute; width: 6px; height: 2px; background: #fff; right: 0; top: 50%; margin-top: -1px; } .breadcrumbs-inner:before { font-family: "Font Awesome 5 Pro"; content: "\f14c"; position: absolute; right: 0; top: -4px; font-size: 1.692em; font-weight: 100; color: var(--themecolor); } .dots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-canvas-wrap { position: absolute; left: 0; top: -50px; width: 60%; bottom: -90px; z-index: 1; overflow: hidden; } .about-img:before { content: ""; position: absolute; top: -20px; left: -20px; right: 50%; bottom: 50px; z-index: 1; background-color: var(--themecolor); } .about-img-title { position: absolute; top: 50px; left: -120px; font-size: 0.846em; text-transform: uppercase; z-index: 23; font-weight: 600; background: #2d2d32; padding: 15px 85px; letter-spacing: 15px; color: var(--themecolor); } .abimg-sty2 .about-img-title { top: 80px; left: auto; right: -60px; color: #fff; background-color: var(--themecolor); } .abimg-sty2 .about-img-hotifer { right: auto; left: 50px; } .about-img img { position: relative; z-index: 10; } .about-title h4 { text-align: left; font-weight: 600; padding-bottom: 10px; color: #666; } .about-img-hotifer { position: absolute; right: -60px; bottom: 20px; width: 280px; padding: 25px 30px; z-index: 11; border-radius: 4px; color: #000; text-align: left; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); } .about-img-hotifer:before { font-family: "Font Awesome 5 Pro"; content: "\f10e"; bottom: 30px; right: 20px; position: absolute; color: #fff; font-size: 1.462em; font-weight: bold; } .about-img-hotifer p { color: #292929; font-size: 1em; margin-bottom: 10px; text-align: left; font-weight: 600; } .about-title { margin-bottom: 50px; } .inline-facts { text-align: center; position: relative; } .inline-facts h6 { position: relative; margin-top: 6px; font-size: 0.77em; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; padding: 10px 20px; display: inline-block; background: rgba(0, 0, 0, 0.75); color: var(--themecolor); } .bold-facts .inline-facts h6 { background: none; padding: 0; margin-top: 4px; } .bold-facts .inline-facts { background: #292929; border-left: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; padding: 30px 0 30px 80px; text-align: left; } .bold-facts .inline-facts:after { font-family: "Font Awesome 5 Pro"; content: "\f067"; position: absolute; left: 44px; top: 42px; font-size: 0.923em; font-weight: 100; color: #fff; display: block; } .num { font-size: 2.923em; text-transform: uppercase; font-weight: 700; color: #fff; } .bold-facts .inline-facts .num { font-size: 2em; } .notifer-block { padding: 35px 0; } .notifer-block:before { content: ""; position: absolute; top: 0; right: 0; width: 33%; bottom: 0; background: #333; } .notifer-block:after { content: ""; position: absolute; top: 50%; right: 33%; width: 6px; height: 40px; margin: -20px -3px 0 0; background-color: var(--themecolor); } .tbtn.color-dark { font-weight: 600; transition: all 300ms linear; color: #000; background-color: var(--themecolor); } .tbtn.color-dark span { color: inherit; } .tbtn.color-dark:hover { background: #000; color: var(--themecolor); } .sec-dec { position: absolute; left: 0; bottom: -250px; width: 550px; height: 550px; background: url("https://legacy.zorigen.com/genes/assets/images/city-bg.png") no-repeat center; opacity: 0.5; } .piechart-holder, .custom-skillbar-holder { padding-top: 20px; } .chart { position: relative; display: inline-block; width: 120px; height: 120px; border-radius: 100%; margin-bottom: 26px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .piechart { position: relative; padding-bottom: 20px; width: 25%; float: left; } .percent { display: inline-block; font-size: 0.923em; line-height: 120px; z-index: 2; color: #292929; } .percent:after { content: "%"; margin-left: 0.1em; font-size: 0.8em; } .angular { margin-top: 100px; } .angular .chart { margin-top: 0; } .skills-description { width: 200px; display: inline-block; color: #292929; font-size: 0.846em; font-weight: 600; } .skillbar-box { float: left; width: 100%; position: relative; margin: 10px 0 30px 0; } .skillbar-bg { position: relative; display: block; float: left; width: 100%; height: 10px; overflow: hidden; background: #eee; } .custom-skillbar-title span { float: left; font-size: 0.923em; margin-top: 16px; padding-bottom: 6px; font-weight: 600; } .custom-skillbar { height: 10px; width: 0px; } .skill-bar-percent { float: right; font-size: 0.923em; margin-top: 13px; padding-bottom: 16px; font-weight: 600; color: #292929; } .hex-decor { position: absolute; bottom: -10%; right: 0; width: 40%; height: 100%; background: url(https://legacy.zorigen.com/genes/assets/images/hex.png) no-repeat top left; overflow: hidden; z-index: -1; opacity: 0.1; } .project-progress { padding-right: 210px; } .project-progress .piechart { width: 100%; } .project-progress_total { position: absolute; top: 0; right: 0; width: 200px; } .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; } .announcement { float: left; width: 100%; padding: 50px 0; position: relative; } .announcement:before { content: ""; position: absolute; bottom: 0; right: 0; width: 40%; height: 100%; background: url(https://legacy.zorigen.com/genes/assets/images/hex.png) no-repeat bottom right; opacity: 0.2; } .announcement .tbtn { top: 10px; float: right; } .announcement h3 { text-align: left; font-size: 2.1em; color: #fff; font-weight: 600; padding-bottom: 20px; position: relative; } .announcement h3:before, .announcement h3:after { content: ""; position: absolute; left: 0; right: 0; bottom: 50%; height: 1px; background: rgba(255, 255, 255, 0.3); z-index: 1; margin-bottom: 8px; } .announcement h3:after { z-index: 2; left: auto; width: 50px; background: #fff; } .announcement h3 span { position: relative; z-index: 3; padding-right: 50px; } .announcement p { font-weight: 600; color: #000; } .dark-bg, .tbtn.dark-bg { background: #454545; } .tbtn.dark-bg i { background: #fff; } .team-slider .swiper-slide { padding-bottom: 15px; } .ts_btn_wrap { position: absolute; right: 0; top: -80px; } .ts_btn { float: left; margin-left: 4px; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; background: #292929; cursor: pointer; text-align: center; color: var(--themecolor); } .team-item { border: 1px solid #eee; box-shadow: 0 13px 20px rgba(58, 87, 135, 0.05); } .team-item:hover { box-shadow: 0 13px 20px rgba(58, 87, 135, 0); } .team-content { padding: 25px 30px 15px; position: relative; } .team-content h4 { text-align: left; font-size: 1.231em; color: #000; font-weight: 700; padding-bottom: 4px; } .team-content h4 a { color: #000; } .team-content h4 a:hover { color: var(--themecolor); } .team-content h5 { text-transform: uppercase; font-size: 0.77em; color: #999; font-weight: 600; text-align: left; padding-bottom: 10px; } .team-footer { border-top: 1px solid #eee; padding-left: 30px; } .team-social { display: flex; } .team-social li a { width: 45px; height: 45px; line-height: 45px; border-left: 1px solid #eee; font-size: 0.923em; background: #f9f9f9; display: block; text-align: center; } .team-social li a:hover { color: #333; background-color: var(--themecolor); } .tc_number { position: absolute; right: 0; top: 0; border-left: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 0.846em; background: #f9f9f9; width: 40px; height: 40px; line-height: 40px; font-weight: 600; text-align: center; } .tf-btn { float: left; font-size: 0.923em; color: #000; top: 13px; font-weight: 600; } .tf-btn i { margin-left: 12px; position: relative; left: 0; } .tf-btn:hover i { left: 6px; } .tf-btn:hover { color: #999; } .team-item, .team-social li a, .team-content h4 a, .tf-btn i, .tf-btn { transition: all 300ms linear; } .team-single_header { background: #fff; } .team-single_header_img { position: relative; padding: 165px 0; } .team-single_header_img .bg { background-color: rgba(0, 0, 0, 0.5); } .team-single_header_img:before { content: ""; position: absolute; left: -15px; top: -15px; bottom: 40%; right: 50%; z-index: -1; background-color: var(--themecolor); } .team-single_header_content { position: relative; padding: 30px 30px 0 30px; background-color: #fff; } .team-single_header_content h2 { font-size: 1.385em; font-weight: 600; padding-bottom: 4px; position: relative; } .team-single_header_content h4 { text-transform: uppercase; font-size: 0.846em; color: #999; font-weight: 600; text-align: left; padding-bottom: 10px; } .team-single_header_content h2:before { content: ""; position: absolute; right: 0; top: 12px; height: 2px; width: 30px; background-color: var(--themecolor); } .team-single_header_content ul { width: 100%; margin-top: 4px; border: 1px solid #eee; box-shadow: 0 13px 20px rgba(58, 87, 135, 0.05); } .team-single_header_content li { display: block; width: 100%; padding: 18px 25px; text-align: left; font-weight: 500; background: #f9f9f9; border-bottom: 1px solid #eee; } .team-single_header_content li span { padding-right: 10px; color: #666; min-width: 110px; float: left; } .team-single_header_content li:last-child { border: none; } .team-single-social { position: absolute; left: 0; bottom: 0; background: #292929; padding: 0 20px 0 30px; } .team-single-social li a { display: block; height: 50px; margin-left: 20px; line-height: 50px; } .team-single-social li a:hover { color: #fff; } .tsc_title { margin-right: 10px; font-size: 0.77em; text-transform: uppercase; font-weight: 600; line-height: 50px; color: #fff; } .team-contact_btn { position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; color: #fff; z-index: 3; text-align: center; } .team-contact_btn:hover { background: #333; } .contats-list_widget { margin-bottom: 30px; } .contats-list_widget li { display: flex; align-items: center; width: 100%; padding: 0 25px 0 80px; background: #fff; margin-bottom: 10px; text-align: left; height: 60px; line-height: 60px; position: relative; font-size: 0.846em; font-weight: 500; } .contats-list_widget li:hover { background-color: var(--themecolor); } .contats-list_widget li a { color: #000; line-height: var(--theme-lheight); display: inline-block; } .contats-list_widget li a:hover { color: #000; } .contats-list_widget li i { position: absolute; left: 0; top: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #292929; font-size: 0.923em; font-weight: 400; background-color: var(--themecolor); } .contats-list_widget li:hover i { background: #333; color: var(--themecolor); } .serv-nav, .tbtn-nav, .column-filters { display: block; width: 100%; margin-bottom: 30px; } .column-filters { margin-top: 20px; } ul.serv-nav { padding-left: 0; } .serv-nav li, .tbtn-nav li { display: block; width: 100%; margin-bottom: 6px; } .serv-nav li a, .column-filters a { display: inline-block; width: 100%; padding: 20px 30px; background: #fff; font-size: 0.923em; font-weight: 500; color: #666; position: relative; } .column-filters a { margin-bottom: 6px; } .serv-nav li a.act-ser, .column-filters a.cthiso-filter-active { color: #292929; background-color: var(--themecolor); } .serv-nav li a:before, .column-filters a:before, .hidden-filter a:before, .contats-list_widget li:before { font-family: "Font Awesome 5 Pro"; content: "\f0da"; position: absolute; top: 50%; margin-top: -6px; right: 30px; font-weight: bold; } .contats-list_widget li:before { top: 0px; margin-top: 0; right: 20px; } .serv-nav li a:hover, .column-filters a:hover, .serv-nav li a.act-ser:before, .column-filters a.cthiso-filter-active:before { color: #fff; background-color: var(--themecolor); } .hidden-filter a.cthiso-filter-active:before { color: #fff; } .contats-list_widget li:hover:before { color: #fff; } .serv-nav li a.act-scrlink { color: #292929; background-color: var(--themecolor); } .tbtn-nav { margin-top: 20px; } .tbtn-nav li a { display: inline-block; width: 100%; position: relative; background: #333; padding: 18px 20px 18px 60px; } .tbtn-nav li a:before { font-family: "Font Awesome 5 Pro"; content: "\f0da"; position: absolute; color: #fff; top: 50%; margin-top: -10px; right: 20px; font-weight: bold; } .tbtn-nav li a span, .tbtn-nav li a:before, .serv-nav li a, .contats-list_widget li, .contats-list_widget li i { transition: all 200ms linear; } .tbtn-nav li a:hover:before { transform: rotate(-90deg); color: var(--themecolor); } .tbtn-nav li a:hover span { color: #ccc; } .tbtn-nav li a span { color: #fff; text-align: left; float: left; font-weight: 500; font-size: 0.923em; } .tbtn-nav li a i { width: 30px; height: 30px; line-height: 30px; color: #eee; position: absolute; top: 50%; margin-top: -15px; left: 10px; background-color: var(--themecolor); text-align: center; } .ui-widget-content { background: #6b6b6b; border-color: #6b6b6b; } .ui-slider-handle { background: #c1c2c4; border-radius: 0.6em; } .ui-slider-range { background: #34a3db; } .half-carousel-title { position: absolute; left: 0; top: 0; bottom: 0; width: 30%; z-index: 1; } .half-carousel-title-item { padding: 0 60px; top: 200px; z-index: 20; } .hc_btn { padding: 15px 35px; color: #292929; font-size: 0.846em; font-weight: 600; margin-top: 30px; display: inline-block; } .hc_btn:hover { background: #292929; } .half-carousel-title .pwh_bg { top: 350px; bottom: -40px; left: -140px; } .half-carousel-title-item h2, .half-carousel-content h3 { color: #fff; text-align: left; font-weight: 600; font-size: 1.846em; padding-bottom: 20px; } .half-carousel-content h3 { padding-bottom: 6px; } .half-carousel-title-item h2 { position: relative; } .half-carousel-title-item h2:before { content: ""; position: absolute; left: 0; top: -12px; height: 3px; width: 30px; } .half-carousel-content h3 a { color: #fff; } .half-carousel-title-item h5 { font-size: 0.846em; font-weight: 500; color: #fff; } .half-carousel-content p { color: #ffffff90; } .half-carousel-conatiner { width: 100%; height: 550px; position: relative; } .half-carousel-item { height: 550px; } .half-carousel-content { position: absolute; left: 0; right: 0; padding: 0 40px; bottom: 40px; z-index: 10; color: #fff; padding-bottom: 15px; } .half-carousel-content h3 { font-size: 1.538em; } .half-carousel-content:before { content: ""; position: absolute; left: 40px; width: 0; bottom: -10px; height: 2px; transition: all 0.5s ease-in-out; transition-delay: 0.3s; } .swiper-slide-active .half-carousel-content:before { width: 60px; background-color: var(--themecolor); } .half-carousel-item .bg-parallax-wrap-gradien:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%); transition: all 0.5s ease-in-out; top: -50px; } .swiper-slide-active .half-carousel-item .bg-parallax-wrap-gradien:before { top: 40%; } .hc-counter { position: absolute; right: 20px; top: 20px; width: 36px; height: 36px; line-height: 36px; font-weight: 600; font-size: 0.77em; z-index: 20; text-align: center; } .half-carousel .bg { width: 130%; left: -15%; } .hcw_btn { position: absolute; top: 50%; font-size: 0.923em; cursor: pointer; width: 46px; height: 46px; line-height: 46px; margin-top: -23px; z-index: 20; background: rgba(0, 0, 0, 0.7); text-align: center; color: var(--themecolor); } .hcw-cont-prev { left: 30%; border-radius: 0 4px 4px 0; } .hcw-cont-next { right: 0; border-radius: 4px 0 0 4px; } .hcw_btn:hover { color: #fff; } .cards-wrap { margin-bottom: 30px; z-index: 2; } .flipbox-inner { display: block; width: 100%; position: relative; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .flipbox-inner > * { backface-visibility: hidden; transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .flipbox-inner:hover .flip-front { transform: rotateY(-180deg); } .flipbox-inner:hover .flip-back { transform: rotateY(0deg); } .flipbox-inner .flip-front, .flipbox-inner .flip-back { position: relative; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; height: 100%; display: flex; justify-content: center; align-items: center; box-shadow: 0 13px 20px rgba(58, 87, 135, 0.05); border: 1px solid #eee; } .flip-front { background: #fff; position: relative; cursor: pointer; } .flipbox-inner .flip-back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transform: rotateY(180deg); } .flipbox-inner .cf-inner { transform-style: preserve-3d; backface-visibility: hidden; width: 100%; padding: 100px 50px 50px; } .flipbox-inner .cf-inner .inner { align-items: stretch; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; transform: translateZ(95px) scale(0.81); position: relative; z-index: 2; } .flipbox-inner .cf-inner .inner:before { content: ""; position: absolute; left: 0; right: 0; bottom: -20px; height: 1px; background: #ddd; z-index: 1; } .flipbox-inner .cf-inner .inner:after { content: ""; position: absolute; right: 0; width: 50px; bottom: -20px; height: 1px; z-index: 2; background-color: var(--themecolor); } .dec-icon { position: absolute; top: -80px; left: 0; font-size: 2.308em; font-weight: 600; transition: all 0.3s ease-in-out; z-index: 2; } .cf-inner_title { position: absolute; left: 70px; right: 70px; color: #292929; font-size: 0.846em; font-weight: 600; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; z-index: 10; text-align: center; } .serv-num { position: absolute; top: 0; right: 0; color: #292929; z-index: 3; font-size: 0.77em; font-weight: 600; background: #f9f9f9; border: 1px solid #eee; width: 56px; height: 56px; line-height: 56px; text-align: center; color: var(--themecolor); } .flipbox-inner .cf-inner .inner h2 { position: relative; font-size: 1.385em; font-weight: 600; padding-bottom: 6px; color: #000; } .flipbox-inner .cf-inner .inner h2:after { content: ""; position: absolute; top: -20px; left: 0; width: 30px; height: 3px; background-color: var(--themecolor); } .half-bg_dec:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 60%; background: #fff; } .main-section_text-block { margin-bottom: 40px; } .hero-counter_wrap { position: absolute; right: 50px; left: -100px; bottom: -40px; z-index: 50; padding-right: 120px; } .hc_item { height: 90px; padding-top: 20px; text-align: center; } .hc_item:before { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; margin-top: -10px; background: rgba(255, 255, 255, 0.3); } .hc-item_num { font-size: 1.692em; font-weight: 600; color: #fff; } .hc-item_title { font-size: 0.77em; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; color: var(--themecolor); } .hero-counter-cont_wrap { position: absolute; right: 0; top: 0; height: 90px; line-height: 90px; background: #333; z-index: 20; width: 120px; display: flex; justify-content: center; } .hcc_btn { display: inline-block; cursor: pointer; text-align: center; color: var(--themecolor); padding: 0 15px; } .hcc_btn:hover { color: #fff; } .hero-counter-cont_wrap:after { content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 30px; margin: -15px -1px 0 0; } .sq-secdec { position: absolute; left: 0; width: 22%; height: 65%; bottom: 0; background: #f5f5f5; z-index: -1; } .media-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; } .video-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .media-container .overlay { opacity: 0.6; } .video-holder { position: absolute; width: 100%; height: 100% !important; display: block; overflow: hidden !important; top: 0; left: 0; padding: 0 !important; } .video-holder iframe { position: absolute; top: -75px; left: 50%; width: 100%; height: 100%; display: block; overflow: hidden; } .background-youtube { position: absolute; top: -25% !important; } .video-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 0; z-index: -1; } .video-container video { width: 100%; } .resp-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; margin-bottom: 0; } .resp-video iframe, .resp-video object, .resp-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mob-bg, .nav-button-wrap { display: none; } .map-container { float: left; width: 100%; position: relative; overflow: hidden; } #singleMap { width: 100%; height: 370px; float: left; } .mapzoom-in, .mapzoom-out, .scrollContorl { position: absolute; z-index: 100; cursor: pointer; width: 40px; height: 40px; line-height: 40px; right: 22px; bottom: 70px; transform: translate3d(0, 0, 0); color: #292929; background-color: var(--themecolor); text-align: center; } .mapzoom-out { bottom: 28px; } .scrollContorl { bottom: 140px; } .mapzoom-in:before, .mapzoom-out:before, .scrollContorl:before { font-family: "Font Awesome 5 Pro"; content: "\f068"; font-size: 0.77em; font-weight: 600; } .mapzoom-in:before { content: "\f067"; } .scrollContorl:before { content: "\f09c"; } .scrollContorl.enabledsroll:before { content: "\f3c1"; } .map-links_tabs { margin: 0 0 20px 0; float: right; } .map-links_tabs a, .shop-tabs-menu li a { float: left; position: relative; padding: 18px 60px 18px 30px; background: #fff; margin-left: 10px; font-weight: 600; font-size: 0.846em; border: 1px solid #eee; transition: all 0.3s ease-in-out; } .shop-tabs-menu li a { margin: 0; } .map-links_tabs a.ml_act, .shop-tabs-menu li.current a { border-color: transparent; } .map-links_tabs a:before, .shop-tabs-menu li a:before { font-family: "Font Awesome 5 Pro"; content: "\f0da"; font-size: 0.923em; font-weight: 600; position: absolute; right: 25px; top: 50%; height: 10px; line-height: 10px; margin-top: -5px; transition: all 0.3s ease-in-out; } .map-links_tabs a span { padding: 0 5px 0 0; font-weight: 600; } .map-links_tabs a.ml_act:before, .shop-tabs-menu li.current a:before { transform: rotate(90deg); color: #fff; } .map-links_title { float: left; font-size: 1.385em; font-weight: 500; position: relative; top: 12px; } .card-item { background: #fff; padding: 25px 30px 25px 90px; border: 1px solid #eee; overflow: hidden; margin-bottom: 20px; transition: all 0.3s ease-in-out; } .card-item.sty2 { margin-bottom: 0; } .card-item.sty2:hover { box-shadow: 0 10px 20px rgba(58, 87, 135, 0.08); } .card-item:before { content: ""; position: absolute; bottom: 0; left: 45px; height: 40px; width: 1px; background: #eee; transition: all 0.3s ease-in-out; z-index: 1; } .card-item:hover { box-shadow: 0 19px 20px rgba(58, 87, 135, 0.08); } .card-item:hover:before { height: 90px; } .card-item_num { position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; font-size: 0.77em; font-weight: 600; background: #f9f9f9; border-left: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; } .card-item h4 { text-align: left; font-weight: 600; font-size: 1.231em; margin-bottom: 6px; } .card-link { float: left; font-weight: 600; font-size: 0.846em; margin-right: 6px; text-transform: uppercase; } .card-item i { position: absolute; left: 20px; top: 25px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; font-size: 1.231em; font-weight: 600; box-shadow: 0 15px 5px rgba(0, 0, 0, 0.08); transition: all 0.3s ease-in-out; z-index: 2; text-align: center; background-color: var(--themecolor); } .card-item:hover i { box-shadow: 0 0 0 rgba(0, 0, 0, 0.08); background: #333; color: var(--themecolor); } .contact-notifer { float: left; margin-left: 30px; position: relative; font-weight: 500; top: 24px; } .cs-title { margin-right: 20px; text-transform: uppercase; font-weight: 600; font-size: 0.846em; color: #000; } .contacts-opt { margin: 10px 0 40px 0; } .contact-social { display: flex; align-items: center; } .socials-ul { display: flex; } .contact-social li ul { border: 1px solid #eee; } .contact-social li a { width: 40px; height: 40px; line-height: 40px; margin-left: 2px; background: #333; text-align: center; display: block; } .contact-social li a:hover { color: #292929; background-color: var(--themecolor); } .contact-social.socials-st2 .cs-title { color: #fff; text-transform: initial; margin-right: 30px; } .contact-social.socials-st2 li a { width: 36px; height: 36px; line-height: 36px; border: 1px solid rgba(255, 255, 255, 0.1); margin-left: 5px; } .contact-social.socials-st2 li a:hover { background-color: #fff; } .contact-social.socials-st3 .cs-title { color: #fff; text-transform: initial; margin-right: 30px; } .contact-social.socials-st3 li a { width: 32px; height: 32px; line-height: 32px; border: 1px solid rgba(255, 255, 255, 0.1); margin-left: 6px; } .contact-social.socials-st3 li a:hover { color: #fff; background-color: transparent; } .contact-form-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; z-index: 100; transform: translate3d(0, 0, 0); display: none; } .contact-form-overlay { position: sticky; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.7); transform: translate3d(0, 0, 0); } .contact-form-container { max-width: 600px; margin: 0 auto; position: relative; top: 20%; z-index: 10; } .contact-form-header { position: absolute; top: 0; left: 0; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; padding: 0 70px 0 60px; background: #f9f9f9; } .contact-form-header h4 { font-weight: 600; font-size: 1.154em; } .close-contact-form { position: absolute; right: 0; top: 0; height: 60px; line-height: 60px; width: 60px; cursor: pointer; border-left: 1px solid #eee; border-bottom: 1px solid #eee; color: #000; background: #fff; transition: all 200ms linear; text-align: center; } .close-contact-form:hover { color: #fff; background-color: var(--themecolor); } .contact-form-main { padding: 100px 60px 30px; background: #fff; overflow: hidden; transition: all 200ms linear; float: none; } #message div { text-align: left; padding: 10px 30px; font-size: 1em; font-weight: 500; background: #f9f9f9; border: 1px solid #eee; margin-bottom: 10px; color: #144273; } .hid-body { overflow: hidden; } .testimonials-carousel-wrap:before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; border-top: 1px solid #ccc; } .testimonials-carousel-wrap .tc-pagination { text-align: center; } .testi-item { transition: all 0.3s ease-in-out; transform: scale(0.95); } .testimonials-text { padding: 30px 35px 30px; overflow: hidden; background: #fff; border: 1px solid #eee; transition: all 0.3s ease-in-out; } .testimonials-text:after { font-family: "Font Awesome 5 Pro"; content: "\f10e"; bottom: 35px; right: 35px; position: absolute; opacity: 0.3; font-size: 1.385em; transition: all 400ms linear; color: #ccc; } .testimonials-text h3 { font-weight: 600; text-align: left; margin-left: 80px; font-size: 1.077em; padding-bottom: 8px; margin-bottom: 0; } .testimonials-text h3 span { color: #999; display: block; font-weight: 500; font-size: 0.77em; margin-top: 5px; } .testimonials-carousel .swiper-slide { padding: 10px 0 20px; } .testi-avatar { position: absolute; left: 35px; top: 32px; width: 60px; height: 60px; z-index: 20; } .testi-avatar img { width: 60px; height: 60px; float: left; border-radius: 4px; position: relative; z-index: 2; } .testi-top { min-height: 60px; margin-bottom: 15px; } .swiper-slide-active .testimonials-text { background: #f9f9f9; } .testimonials-text p { color: #878c9f; font-size: 0.846em; font-style: italic; font-weight: 500; line-height: 2; } .swiper-slide-active .testi-item { opacity: 1; transform: scale(1); background: #fff; } .swiper-slide-active .testi-item .testimonials-text:before, .swiper-slide-active .testi-item .testimonials-text:after { opacity: 1; } .testi-number { position: absolute; top: 0; right: 0; width: 60px; height: 60px; line-height: 60px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; background: #f9f9f9; font-weight: 900; font-size: 0.846em; color: #ccc; transition: all 0.3s ease-out; text-align: center; } .swiper-slide-active .testi-item .testi-number { background: #fff; color: var(--themecolor); } .star-rating i { margin: 0 2px; } .testimonials-text .star-rating { width: 100% !important; padding-left: 76px; margin-bottom: 0; } .testimonials-text .star-rating .stars-wrapper { position: static; display: flex; padding-top: 0; color: #f7b90f; } .testimonials-text .star-rating .stars-wrapper:before, .testimonials-text .star-rating .stars-wrapper:after { display: none; } .testimonials-text .star-rating:before, .testimonials-text .star-rating:after { content: ""; position: absolute; right: -190px; top: 50%; width: 140px; height: 1px; background: #e9e9e9; z-index: 1; } .testimonials-text .star-rating:after { width: 30px; z-index: 2; } .testim-link { float: left; margin-top: 20px; border-radius: 2px; color: #292929; padding: 10px 20px; font-size: 0.846em; font-weight: 600; } .testim-link:hover { color: #292929; } .tc-button, .ss-slider-cont, .hero-slider-cont { position: absolute; top: 50%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; border-radius: 4px; background: rgba(0, 0, 0, 0.7); z-index: 50; cursor: pointer; text-align: center; color: var(--themecolor); } .tc-button:hover, .ss-slider-cont:hover, .hero-slider-cont:hover { background: #292929; } .tc-button-next, .ss-slider-cont-next { right: 20px; } .tc-button-prev, .ss-slider-cont-prev { left: 20px; } .hero-slider-cont-next { right: 60px; } .hero-slider-cont-prev { left: 60px; } .tc-pagination { float: left; margin-top: 10px; width: 100% !important; } .tc-pagination_wrap, .ss-slider-pagination, .hero-slider-wrap_pagination { position: absolute; bottom: -40px; left: 0; width: 100%; } .ss-slider-pagination { z-index: 20; } .ss-slider-controls2 { padding: 12px 30px; background: rgba(0, 0, 0, 0.6); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 10; border-radius: 4px 4px 0 0; } .ss-slider-controls2.fwc_pag { bottom: 10px; } .ss-slider-controls2 .ss-slider-pagination { bottom: 0; position: relative; } .hero-slider-wrap_pagination { bottom: 60px !important; z-index: 20; } .tc-pagination .swiper-pagination-bullet, .ss-slider-pagination .swiper-pagination-bullet, .hero-slider-wrap_pagination .swiper-pagination-bullet, .hero-slider-pagination .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; } .ss-slider-pagination .swiper-pagination-bullet { background: #fff; margin: 0 8px !important; } .ss-slider-pagination .swiper-pagination-bullet, .hero-slider-wrap_pagination .swiper-pagination-bullet, .hero-slider-pagination .swiper-pagination-bullet { background: var(--themecolor); margin: 0 12px !important; } .ss-slider-pagination .swiper-pagination-bullet:hover { background: var(--themecolor); opacity: 0.5; } .tc-pagination .swiper-pagination-bullet:before, .ss-slider-pagination .swiper-pagination-bullet:before, .hero-slider-wrap_pagination .swiper-pagination-bullet:before, .hero-slider-pagination .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; transition: all 300ms ease-out; transform: scale(0); } .tc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .hero-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .hero-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { transform: scale(1); } .ss-slider-controls2 .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .hero-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } .tc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--themecolor); } .client-item { padding: 20px; display: block; } .client-item:hover { background: #eee; } .client-item img { width: 100%; height: auto; transition: all 300ms linear; } .cc-btn { position: absolute; top: 50%; width: 36px; height: 36px; line-height: 36px; margin-top: -18px; color: #000; font-size: 1.077em; z-index: 20; cursor: pointer; text-align: center; color: var(--themecolor); } .clients-carousel-wrap { padding: 0 20px; } .cc-btn.cc-next { right: 0; } .cc-btn.cc-prev { left: 0; } .cal-form { width: 100%; } .cal-row { width: 100%; background: #f5f5f5; padding: 20px 50px; margin-bottom: 2px; position: relative; } .cal-row:before { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; } .cal-row.rg-area { padding: 30px 50px; } .cal-head { width: 40%; box-sizing: border-box; position: relative; } .cal-head span { display: inline-block; width: 36px; height: 36px; line-height: 36px; background: #fff; border: 1px solid #eee; font-size: 0.77em; font-weight: 600; text-align: center; margin-right: 15px; } .cal-head h4 { font-size: 1em; font-weight: 500; text-align: left; margin-bottom: 0; } .cal-item { width: 60%; } .cal-item input, .cal-item select { width: 100%; } .cal-item select { padding: 10px 20px; border: 1px solid #e2e6e7; margin: 0; background: #fff; position: relative; } .cost-dropdown { width: 100%; } .hid-input { display: none; } .irs-single { top: -20px; padding: 10px 20px; } .nice-select .nice-select-search-box { display: none; } .nice-select { z-index: 100; } .nice-select .list { padding: 0 0 0; } .slider { width: 100%; } .chose-input { float: left; width: 100%; } .total-sum { padding: 10px 0; } .tts { float: left; margin-right: 10px; font-size: 1.077em; font-weight: 700; } .total-sum input { float: left; width: auto; max-width: 100px; text-align: left; border: none; background: none; border-radius: 0; font-size: 1.308em; font-weight: 700; position: relative; top: 1px; } .currency { float: left; position: relative; top: -4px; margin-right: 2px; } .mid-pad { padding: 110px 0; } .rage-slider { float: left; width: 100%; margin-bottom: 90px; } .grid-item-holder, .folio-img { float: left; width: 100%; height: auto; position: relative; overflow: hidden; } .gallery-titem { overflow: hidden; } .darkbg_2 { background: #222; } .grid-big-pad .grid-item-holder { padding: 40px; } .dark-por { background: #292929; } .gallery-titem img, .pmimh img { height: auto; position: relative; z-index: 1; transform: translateZ(0); transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .post-media_img:before { content: ""; position: absolute; left: 45px; bottom: -3px; width: 90px; height: 6px; z-index: 12; background-color: var(--themecolor); } .post-media_img a { position: relative; display: block; overflow: hidden; } .post-tooltip { position: absolute; height: 50px; line-height: 50px; color: #292929; width: 130px; font-size: 0.77em; font-weight: 600; text-transform: uppercase; top: 40%; left: 50%; margin: -25px 0 0 -65px; z-index: 5; background-color: var(--themecolor); text-align: center; } .post-media_img .overlay, .post-tooltip, .gallery-titem .overlay { opacity: 0; } .post-media_img:hover img, .gallery-titem:hover img { transform: scale(1.2); } .gallery-titem:hover .dbm-hid img { transform: scale(1); } .post-media_img:hover .overlay, .gallery-titem:hover .overlay, .vis-det .overlay { opacity: 0.2; } .vis-det .gallery-titem:hover .overlay, .dbm-hid.det-box-media:hover:before { opacity: 0.4; } .post-media_img:hover .post-tooltip { opacity: 1; top: 50%; } .post-tooltip, .post-media_img .overlay, .gallery-titem .overlay, .grid-item, .grid-det_category, .grid-item h3 a, .grid-item h3 a:after, .grid-item h3 a:before, .grid-item, .inline-filter .cthiso-filters a:before { transition: all 0.2s ease-in-out; } .grid-det_category { position: absolute; left: 30px; top: 26px; z-index: 10; opacity: 0; visibility: hidden; margin-top: -10px; } .gallery-titem:hover .grid-det_category, .vis-det .grid-det_category, .swiper-slide-active .half-carousel-item .grid-det_category { opacity: 1; margin-top: 0; visibility: visible; } .half-carousel-item .grid-det_category { top: 26px; left: 40px; padding: 6px 4px 6px 10px; background: rgba(0, 0, 0, 0.4); } .grid-det_category a { float: left; font-size: 0.692em; text-transform: uppercase; margin-right: 6px; font-weight: 600; color: #fff; } .grid-item { position: absolute; left: 0; right: 0; bottom: -60px; z-index: 5; padding: 0 0 0 30px; background: #292929; height: 60px; line-height: 60px; } .vis-det .grid-item { position: relative; float: left; width: 100%; bottom: 0; background: #fff; border: 1px solid #eee; border-top: none; box-sizing: border-box; } .gallery-titem:hover .grid-item { bottom: 0; } .grid-item h3 a:before { font-family: "Font Awesome 5 Pro"; content: "\f0da"; position: absolute; right: 0; top: 0; width: 60px; height: 60px; font-size: 0.923em; background: #333; border-left: 1px solid rgba(255, 255, 255, 0.1); font-weight: 600; text-align: center; z-index: 1; } .vis-det .grid-item h3 a:before { background: #fff; border: 1px solid #eee; box-sizing: border-box; border-top: none; } .grid-item h3 { width: 100%; color: #000; text-overflow: ellipsis; overflow: hidden; font-weight: 600; font-size: 0.77em; text-transform: uppercase; position: relative; line-height: 60px; margin-bottom: 0; } .grid-item h3 a:after { content: ""; position: absolute; left: 0; width: 0; height: 1px; top: 50%; margin-top: -1px; background: rgba(255, 255, 255, 0.8); } .vis-det .grid-item h3 a:after { background: #ccc; } .grid-item h3 a { color: #fff; display: block; position: relative; z-index: 10; } .vis-det .grid-item h3 a { color: #000; } .grid-item h3 a:hover { padding-left: 30px; color: var(--themecolor); } .grid-item h3 a:hover:after { width: 14px; } .grid-item h3 a:hover:before { border-color: transparent; color: #292929; background-color: var(--themecolor); } .filter-holder { background: #fff; height: 60px; line-height: 60px; padding: 0 150px 0 0; margin-bottom: 20px; box-shadow: 0 19px 20px rgba(58, 87, 135, 0.08); position: relative; } .filter-holder:before { content: ""; position: absolute; right: 180px; width: 150px; height: 1px; background: #eee; top: 50%; z-index: 1; } .inline-filter.shop-filter { float: right; position: relative; margin-top: 10px; } .inline-filter.shop-filter:before { display: none; } .inline-filter .cthiso-filters { position: relative; z-index: 2; display: flex; flex-wrap: wrap; } .inline-filter .cthiso-filters a { padding: 0 50px; border-right: 1px solid #eee; font-weight: 600; font-size: 0.846em; color: #666; position: relative; display: inline-block; } .inline-filter .cthiso-filters a:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0; } .inline-filter .cthiso-filters a.cthiso-filter-active:before { height: 4px; background-color: var(--themecolor); } .inline-filter .cthiso-filters a.cthiso-filter-active, .inline-filter .cthiso-filters a:hover { color: #000; } .inline-filter .count-folio { position: absolute; top: 0; right: 0; width: 150px; height: 60px; line-height: 60px; text-align: center; } .cf-counter, .hidden-filter .count-folio { background: #292929; height: 50px; line-height: 50px; text-align: center; color: var(--themecolor); } .hidden-filter .count-folio { margin-top: 10px; } .inline-filter .count-folio:before, .cf-counter:before, .hidden-filter .count-folio:before { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; margin: 0 0 0 -5px; background: #000; opacity: 0.4; z-index: 2; } .cf-counter:before, .hidden-filter .count-folio:before { background: rgba(255, 255, 255, 0.3); opacity: 1; } .inline-filter .count-folio div, .cf-counter div, .hidden-filter .count-folio div { display: inline-block; margin: 0 15px; font-weight: 600; font-size: 0.846em; position: relative; z-index: 3; text-align: center; } .shf_btn { position: absolute; z-index: 100; right: 0; height: 46px; line-height: 46px; top: 50%; margin-top: -23px; background: #333; cursor: pointer; padding: 0 80px 0 40px; font-size: 0.77em; font-weight: 600; text-transform: uppercase; color: var(--themecolor); } .shf_btn:hover:before { color: var(--themecolor); } .shf_btn:before { font-family: "Font Awesome 5 Pro"; content: "\f0d7"; position: absolute; top: 0; right: 0; width: 56px; height: 46px; font-size: 0.923em; line-height: 46px; font-weight: bold; color: #fff; text-align: center; } .shf_btn_active:before { content: "\f00d"; } .hidden-filter { position: absolute; top: 100%; z-index: 100; width: 280px; background: #fff; padding: 20px; right: 0; margin-top: 31px; box-shadow: 0 19px 20px rgba(58, 87, 135, 0.08); visibility: hidden; opacity: 0; margin-right: -20px; transition: all 0.3s ease-in-out; } .vis_hiddenfilter { visibility: visible; opacity: 1; margin-right: 0; } .hidden-filter a { display: block; width: 100%; padding: 15px 25px; text-align: left; position: relative; margin-bottom: 6px; background: #f5f5f5; font-size: 0.846em; font-weight: 600; transition: all 200ms linear; color: #000; } .hidden-filter a:hover, .hidden-filter a.cthiso-filter-active { background-color: var(--themecolor); color: #000; } .breadcrumbs .hidden-filter a:hover { color: #000; } .hidden-filter a.cthiso-filter-active:before { transform: rotate(90deg); transition: all 200ms linear; } .single-slider-holder, .single-slider { float: left; width: 100%; position: relative; } .mar-top-50 { margin-top: 30px; } .single-slider-wrap { overflow: hidden; } .grid-media-zoom, .box-media-zoom { position: absolute; right: 0; top: -60px; width: 60px; height: 60px; line-height: 60px; font-size: 0.77em; background: #202020; color: #fff; cursor: pointer; z-index: 10; transition: all 0.3s ease-in-out; text-align: center; color: var(--themecolor); } .grid-media-zoom { transition-delay: 0.4s; } .grid-item-holder:hover .grid-media-zoom, .hov_zoom:hover .box-media-zoom { top: 0; opacity: 1; } .single-zoom { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: all 200ms linear; } .single-zoom i { position: absolute; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border-radius: 50%; color: #292929; font-size: 0.77em; left: 50%; top: 50%; margin: -20px 0 0 -20px; background-color: var(--themecolor); text-align: center; } .howzoom_2 .gallery-titem:hover .single-zoom { opacity: 1; } .show-case-slider-wrap { height: 500px; background: #383838; padding: 10px; } .show-case-slider-wrap .swiper-container { width: 100%; height: 100%; margin: 0 auto; } .fw-carousel_pagination-wrap { position: absolute; bottom: -36px; left: 0; width: 100%; z-index: 100; } .fw-carousel .swiper-slide { width: auto !important; height: 100% !important; display: inherit !important; } .fw-carousel .swiper-slide img { width: auto !important; height: 100% !important; position: relative; z-index: 1; } .slide-numb { position: absolute; top: 30px; left: 30px; padding: 5px 15px; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 0.846em; z-index: 10; font-weight: 600; color: var(--themecolor); } .fw-carousel-button-prev { left: 50px; } .fw-carousel-button-next { right: 50px; } .fw-separator { height: 1px; background: #eee; margin: 10px 0 15px; display: block; } article { width: 100%; position: relative; } .post-content, .content-box { background: #fff; padding: 24px; } article:before { content: ""; position: absolute; bottom: -10px; left: 0; width: 50px; height: 4px; } article .tbtn { margin-top: 0; } article h4.post-title { width: 100%; font-size: 1.462em; font-weight: 700; color: #000; padding-bottom: 15px; word-wrap: break-word; } article.single-post h4.post-title { padding-bottom: 14px; } article h4.post-title a:hover { color: #666; } article.column-post h4.post-title { font-size: 1.231em; text-align: left; padding-bottom: 15px; } .post-media, .post-contentsection-title { float: left; width: 100%; position: relative; } .post-opt { padding-top: 16px; float: right; } .post-opt.single_post-opt { float: none; padding-top: 0; } .post-opt li { margin-right: 20px; display: inline; } .post-opt li span, .post-opt li a { color: #666; } .post-opt li i { padding-right: 6px; font-weight: bold; color: var(--themecolor); } .widget-sidebar { float: left; position: relative; width: 100%; } .ws_column { padding: 24px 24px 15px; background: #fff; } .widget-sidebar h3 { float: left; width: 100%; font-weight: 600; font-size: 1.231em; text-align: left; padding-bottom: 14px; border-bottom: 1px solid #ddd; position: relative !important; margin-bottom: 10px; } .widget-sidebar.ws_column h3 { border-color: #eee; } .widget-sidebar h3:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 30px; height: 3px; } .post-link { float: left; text-transform: uppercase; font-size: 0.923em; transition: all 300ms linear; } .post-tags { float: left; width: 100%; margin: 15px 0; } .post-tags li, .tagcloud li { margin-right: 4px; float: left; } .post-tags li a, .tagcloud li a { float: left; font-size: 0.77em; text-transform: uppercase; padding: 12px 30px; background: #292929; margin-bottom: 3px; font-weight: 600; transition: all 300ms linear; } .post-tags li a:hover, .tagcloud li a:hover { color: #fff; } .pagination { margin: 20px 0 0 0; text-align: center; float: left; z-index: 10; position: relative; background: #292929; border-radius: 0; } .pagination .nav-links { display: flex; } .page-numbers { display: inline-block; width: 60px; height: 60px; line-height: 60px; box-sizing: border-box; position: relative; font-size: 0.77em; font-weight: 500; color: #888da0; border-right: 1px solid rgba(255, 255, 255, 0.15); transition: all 150ms linear; color: var(--themecolor); } .page-numbers.current, .page-numbers:hover { background-color: var(--themecolor); color: #fff; } .page-numbers i { font-size: 0.923em; } .cat-item a { transition: all 150ms linear; } .bg-wrap { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; overflow: hidden; } .bg-parallax-wrap-gradien:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 20; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90%); } .banner-widget { padding: 150px 30px 20px; margin-top: 20px; overflow: hidden; margin-bottom: 30px; } .banner-widget_content { z-index: 2; position: relative; } .banner-widget_content h5 { color: #fff; font-size: 1.154em; font-weight: 600; margin-bottom: 20px; } .widget-inner { float: left; width: 100%; position: relative; margin: 8px 0 25px; } .search-input { border: none; background: #eee; border-radius: none; position: relative; outline: none; padding: 0px 0px 0px 20px; width: 100%; height: 50px; color: #000; -webkit-appearance: none; } .search-input::-webkit-input-placeholder, .search-input::-webkit-input-placeholder { color: #999; font-weight: 500; font-size: 0.923em; position: relative; font-family: "Poppins", sans-serif; } .search-submit { border: none; outline: none; cursor: pointer; background: none; position: absolute; top: 0; right: 0; width: 70px; height: 50px; font-size: 0.846em; } .search-submit:hover i { opacity: 0.5; } .widget-posts li { padding: 12px 0; text-align: left; } .widget-posts-img { float: left; width: 30%; } .widget-comments-img img { border-radius: 100%; } .widget-posts-descr { float: left; width: 70%; position: relative; padding: 10px 0 0 15px; } .widget-posts-descr:before, .widget-posts-descr:after { content: ""; position: absolute; bottom: -14px; left: 15px; right: 0; height: 1px; background: #eee; z-index: 1; } .widget-posts-descr:after { left: auto; width: 30px; z-index: 2; background-color: var(--themecolor); } .widget-posts-descr a { font-size: 0.923em; font-weight: 600; color: #000; } .widget-posts-descr a:hover { color: #666; } .widget-posts-date { float: left; width: 100%; margin-top: 7px; color: #444; font-size: 0.77em; text-transform: uppercase; font-weight: 600; } .widget-posts-date i { margin-right: 6px; color: var(--themecolor); } .cat-wid, .fix-bar { float: left; width: 100%; position: relative; } .cat-wid li { float: left; width: 100%; text-align: left; margin-bottom: 6px; color: #292929; } .cat-wid li a { color: #999; font-size: 0.923em; padding: 4px 20px 0 0; font-weight: 500; float: left; background: #fff; position: relative; z-index: 2; } .cat-item a { background-color: #fff; padding-right: 20px; position: relative; z-index: 1; } .widget-inner .tbtn-nav { margin-bottom: 0; } .content-nav_holder { margin-top: 80px; z-index: 5; } .content-nav_holder.cnh_sin-post { margin-top: 0; } .content-nav { margin-bottom: 30px; z-index: 2; background: #222; } .content-nav li { width: 50%; float: left; position: relative; padding: 0 50px; } .content-nav li.post-nav-next-wrap { float: right; } .content-nav li:first-child { border: none; } .content-nav li a.ln, .content-nav li a.rn { color: #fff; font-size: 0.923em; position: relative; width: 100%; padding: 30px 0; display: block; } .content-nav li a.ln { text-align: left; } .content-nav li a.rn { text-align: right; justify-content: flex-end; } .content-nav li a.ln i, .content-nav li a.rn i { transition: all 300ms linear; color: var(--themecolor); } .content-nav li a.ln:hover i, .content-nav li a.rn:hover i { transform: rotateX(360deg); } .content-nav li a span { font-size: 0.77em; text-transform: uppercase; font-weight: 600; word-wrap: break-word; } .content-nav li a.ln span { padding-left: 15px; } .content-nav li a.rn span { padding-right: 15px; } .content-nav:before { content: ""; position: absolute; width: 4px; height: 30px; top: 50%; left: 50%; margin: -15px 0 0 -2px; z-index: 2; background-color: var(--themecolor); } .content-nav:after { content: ""; position: absolute; width: 1px; left: 50%; margin-left: -1px; top: 0; bottom: 0; z-index: 1; background: rgba(255, 255, 255, 0.1); } .content-nav_mediatooltip { position: absolute; bottom: 100%; overflow: hidden; opacity: 0; visibility: hidden; transition: all 100ms linear; z-index: -1; } .content-nav li:hover .content-nav_mediatooltip { opacity: 1; visibility: visible; } .content-nav_mediatooltip.cnmd_leftside { left: 0; right: 40%; } .content-nav_mediatooltip.cnmd_rightside { left: 40%; right: 0; } .content-nav_mediatooltip img { width: 100%; height: auto; } .post-single-tags span, .post-single-tags a { float: left; } .post-single-tags span { margin-right: 20px; position: relative; font-weight: 500; top: 10px; } .post-single-tags a { padding: 10px 25px; background: #333; margin: 0 6px 6px 0; font-size: 0.77em; text-transform: uppercase; font-weight: 600; } .add_comm { position: relative; margin-top: 12px; text-transform: uppercase; font-weight: 600; font-size: 0.77em; margin-left: auto; color: #000; min-width: 150px; text-align: right; } .add_comm:hover { color: var(--themecolor); } .add_comm i { padding-left: 10px; color: var(--themecolor); } .comment { padding: 0 0 30px 60px; position: relative; margin-bottom: 30px; width: 100%; border-bottom: 1px solid #eee; } .comment .comment:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .pingback, .trackback { position: relative; margin-bottom: 30px; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #eee; } .reviews-comments-item-text + .comment { margin-top: 30px; } .review-comments-avatar { position: absolute; top: 0; left: 0; width: 60px; height: 60px; } .review-comments-avatar:before { content: ""; position: absolute; right: -5px; top: 20px; width: 8px; height: 8px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; transform: rotate(45deg); background: #f9f9f9; z-index: 10; } .review-comments-avatar img { width: 50px; height: 50px; float: left; border-radius: 50%; } .reviews-comments-item-text { width: 100%; position: relative; padding: 25px 30px; background: #f9f9f9; border-radius: 2px; border: 1px solid #eee; } .comment-num { position: absolute; right: 30px; top: 20px; width: 30px; height: 30px; font-size: 0.77em; line-height: 30px; font-weight: 600; background: #fff; border: 1px solid #eee; text-align: center; } .reviews-comments-item-text h4 { text-align: left; font-size: 1.154em; font-weight: 600; color: #666; margin-bottom: 15px; } .reviews-comments-item-text h4 a { color: #666; } .reviews-comments-item-text .star-rating { float: left; margin: 5px 0 0 20px; font-size: 0.77em; } .comment-meta { float: left; top: 20px; position: relative; text-transform: uppercase; font-size: 0.77em; color: #000; font-weight: 500; min-height: 34px; } .comment-reply-link { float: right; padding: 8px 20px; background: #292929; font-weight: 500; font-size: 0.846em; margin-top: 10px; color: var(--themecolor); } .comment-reply-link:hover { color: var(--themecolor); } .comment-reply-link i { padding-right: 10px; color: #fff; font-size: 0.77em; } .comment-text { font-size: 0.846em; font-weight: 500; } .comment-body_dec { position: absolute; bottom: 40px; right: 150px; left: 180px; height: 1px; background: #d9d9d9; display: none; } .comment-reply-link + .comment-meta + .comment-body_dec { display: block; } .pr-subtitle, .comment-reply-title { font-size: 1.077em; font-weight: 600; color: #000; margin-bottom: 30px; } .comment-reply-title { margin-bottom: 20px; } .pr-subtitle span { padding-left: 6px; color: var(--themecolor); } .custom-form textarea, .custom-form input[type="text"], .custom-form input[type="email"], .custom-form input[type="password"] { border: none; border: 1px solid #e1e1e1; background: #f9f9f9; width: 100%; padding: 15px 30px; color: #000; font-size: 0.923em; -webkit-appearance: none; font-family: "Poppins", sans-serif; } .custom-form input::-webkit-input-placeholder, .custom-form textarea::-webkit-input-placeholder, .subcribe-form input.enteremail::-webkit-input-placeholder { color: #666; font-weight: 500; font-size: 0.923em; position: relative; font-family: "Poppins", sans-serif; } .custom-form input:-moz-placeholder, .custom-form textarea:-moz-placeholder { color: #666; font-weight: 500; font-size: 0.923em; font-family: "Poppins", sans-serif; } .custom-form textarea { min-height: 180px; resize: vertical; padding: 25px 30px; -webkit-appearance: none; border: 1px solid #e1e1e1; margin-bottom: 20px; } .custom-form input { margin-bottom: 20px; } .custom-form input[type="submit"] { margin-bottom: 0; } .custom-form .tbtn { border: none; -webkit-appearance: none; cursor: pointer; } .custom-form textarea:focus, .custom-form input[type="text"]:focus, .custom-form input[type="email"]:focus, .custom-form input[type="password"]:focus { background: #fff; box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06); outline: none; } .nice-select { font-size: 0.923em; font-weight: 500; height: 48px; line-height: 48px; border-radius: 0; border: 1px solid #e1e1e1; background: #fff; } .nice-select .option.focus, .nice-select .option.selected.focus { color: #000; } .irs-line-left, .irs-line-mid, .irs-line-right, .irs-bar-edge { background: #ccc; } .irs-single { color: #292929; font-weight: 600; } .shop-item-grid { padding: 130px 30px; margin-bottom: 20px; position: relative; overflow: hidden; border-radius: 2px; } .listing-item-grid .d-gr-sec:before { opacity: 0.7; } .shop-item-grid_title { position: absolute; left: 30px; bottom: 14px; right: 30px; z-index: 10; text-align: left; } .shop-item-grid_title h3, .shop-item-grid_title h3 a, .shop-item-grid:hover p { color: #fff; } .shop-item-grid_title p { color: rgba(255, 255, 255, 0.7); transition: all 0.3s ease-in-out 0s; } .shop-item-grid_title h3 { font-weight: 700; padding-bottom: 5px; margin-bottom: 10px; font-size: 1.231em; position: relative; } .shop-item-grid_title h3:before { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 2px; } .shop-item-grid .shop-counter { position: absolute; left: 20px; top: 30px; z-index: 10; padding: 8px 16px; color: #292929; border-radius: 2px; font-size: 0.846em; font-weight: 600; } .shop-item-grid .shop-counter span { padding-right: 6px; } .d-gr-sec { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%); } .shop-header { background: #fff; padding: 15px 30px; box-shadow: 0 19px 20px rgba(58, 87, 135, 0.08); margin-bottom: 20px; } .hero-wrap_custom_title { margin-top: 70px; } .hero-search { background: #fff; border-radius: 2px; padding: 80px 30px 30px; box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.3); } .hero_prwarp { padding: 0 0 0 60px; } .hero_prwarp-title { position: absolute; left: 0; top: 20px; font-size: 0.846em; color: #666; font-weight: 600; } .hero-search-title { position: absolute; top: 0; left: 0; right: 0; padding: 0 30px; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; text-align: left; color: #292929; font-weight: 600; font-size: 0.846em; text-transform: uppercase; } .hero-search-title i { margin-right: 15px; font-size: 1.077em; position: relative; top: 1px; } .hero-search-submit { height: 50px; line-height: 50px; border: none; border-radius: 2px; text-transform: uppercase; -webkit-appearance: none; font-family: "Poppins", sans-serif; font-size: 0.77em; font-weight: 600; cursor: pointer; background: #292929; } .hero-search-submit:hover { color: #292929; } .hero-search-submit i { margin-right: 10px; } .shop-header .nice-select { border: 1px solid #eee; background: #f5f5f5; } .shop-header_opt { float: right; width: 200px; } .shop-header h4 { float: left; font-size: 1.077em; font-weight: 600; position: relative; top: 15px; } .price-rage-wrap.shop-rage-wrap { padding-left: 0; padding-right: 70px; margin-top: 20px; } .shop-rage-wrap .srw_btn { position: absolute; right: 0; width: 60px; height: 28px; line-height: 28px; color: #292929; top: 8px; font-size: 0.77em; font-weight: 600; } .shop-rage-wrap .srw_btn:hover { background: #292929; } .radio-group input[type="radio"] { position: absolute; visibility: hidden; display: none; } .radio-group label { color: #666; float: left; padding: 12px 0; cursor: pointer; width: 33.3333333%; font-weight: 500; font-size: 0.846em; } .radio-group input[type="radio"]:checked + label { color: #292929; } .radio-group label + input[type="radio"] + label { border-left: 1px solid #e1e1e1; } .radio-group { border: 1px solid #e1e1e1; background: #f2f2f2; border-radius: 2px; overflow: hidden; } .reviews_counter_wrap { float: left; margin-bottom: 15px; } .reviews_counter_wrap_text, .reviews_counter_wrap .star-rating { float: left; } .reviews_counter_wrap_text { font-size: 0.846em; color: #999; font-weight: 500; margin-top: 1px; } .reviews_counter_wrap .star-rating i { margin: 0 1px; font-size: 0.77em; } .reviews_counter_wrap .star-rating { margin-right: 10px; } .grid-item_price_item { font-size: 0.846em; position: relative; float: left; font-weight: 600; text-transform: uppercase; color: #777; top: 0px; } .grid-item_price_item strong { font-size: 1.308em; color: #333; position: relative; top: 1px; margin-left: 7px; font-weight: 700; } .grid-item_price { border-top: 1px solid #eee; padding-top: 15px; } .grid-item_price .add_cart { float: right; padding: 8px 10px; font-size: 0.77em; font-weight: 600; cursor: pointer; background: #444; text-transform: uppercase; } .grid-item_price .add_cart i { margin-right: 6px; } .grid-item_price .add_cart:hover { color: #292929; } .detbox_notifer { position: absolute; top: 0; right: 0; padding: 12px 15px; font-size: 0.846em; font-weight: 600; z-index: 50; color: #292929; box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.4); } .load-more_btn { float: right; height: 50px; line-height: 50px; padding: 0 40px; background: #333; font-weight: 600; cursor: pointer; font-size: 0.846em; margin-top: 30px; } .load-more_btn i { margin-right: 13px; color: #fff; position: relative; } .load-more_btn:hover i { animation: spin3 0.5s linear infinite; } @keyframes spin3 { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } .det-box-item.dbi_shop { padding-bottom: 15px; } .shop-header-title { background: #fff; padding: 30px 45px 20px; } .shop-header-title h2 { text-align: left; font-size: 1.692em; font-weight: 700; border-bottom: 1px solid #eee; padding-bottom: 15px; } .shop-header-title h2 span { font-size: 0.923em; color: #999; font-weight: 500; margin-left: 10px; position: relative; top: -12px; } .shop-header-title_opt, .shop-header-title_opt li { float: left; } .shop-header-title_opt { margin-top: 10px; } .shop-header-title_opt li { margin-right: 20px; } .shop-header-title .single_post-opt { margin-top: 16px; } .shop-header-title_opt li .reviews_counter_wrap { margin-top: 5px; } .qty_btn { float: right; margin-top: 20px; } .qty_btn .tbtn { border: none; margin-top: 0; } .qty_btn input { float: left; border: 1px solid #eee; margin-right: 10px; background: #f9f9f9; position: relative; height: 50px; } .leave-rating-wrap { top: -6px; margin: 0 0 20px 0; } .leave-rating, .leave-rating-title { float: left; } .leave-rating-title { margin-right: 10px; font-size: 0.923em; color: #000; position: relative; font-weight: 600; } .leave-rating input[type="radio"] { display: none; } .custom-form .leave-rating label { font-size: 1.077em; float: right; letter-spacing: 4px; cursor: pointer; transition: 0.3s; font-weight: 500; width: auto; } .leave-rating label:hover:before, .leave-rating label.selected:before { font-weight: 900; } .leave-rating:hover input[type="radio"]:checked ~ label:before, .leave-rating input[type="radio"]:checked ~ label:before, .leave-rating label:hover ~ label:before { font-weight: 900 !important; } .checkout-table { border: 1px solid #eee; float: left; width: 100%; font-size: 0.923em; background: #fff; font-weight: 600; } .checkout-table > tbody > tr > td, .checkout-table > tbody > tr > th, .checkout-table > tfoot > tr > td, .checkout-table > tfoot > tr > th, .checkout-table > thead > tr > td, .checkout-table > thead > tr > th { border-top: 1px solid #eee; padding: 12px; border-right: 1px solid #eee; } .checkout-table tr td:nth-child(odd) { background: #f9f9f9; } .checkout-table tbody tr td:first-child, .checkout-table tbody tr th:first-child { max-width: 56px; background: #fff; border-right: 1px solid #eee; } .pr-remove { vertical-align: middle !important; text-align: center; } .order-money { font-size: 0.923em; } .order-count { border: none; width: 60px; height: 50px; text-align: center; font-weight: bold; } .pr-remove { font-size: 0.77em; } .pr-remove:hover i { color: #292929; } .product-name { font-weight: 500; } .coupon-holder { margin-top: 30px; padding: 12px 0 0 0; } .coupon-holder input { float: left; margin-bottom: 20px; font-size: 1.077em; height: 50px; border-radius: none; position: relative; z-index: 20; padding-left: 18px; color: #000; border: 0; border: 1px solid #eee; background: #fff; } .coupon-holder button { float: left; height: 50px; border: none; color: #fff; cursor: pointer; padding: 0 40px; font-size: 0.77em; font-weight: 600; background: #292929; -webkit-appearance: none; font-family: "Poppins", sans-serif; transition: all 0.3s ease-in-out; } .coupon-holder button.tbtn-uc { float: right; } .coupon-holder button:hover { color: #292929; } h4.cart-title { font-size: 1.154em; font-weight: 600; margin-bottom: 20px; text-align: left; color: #000; } h4.cart-title span { padding: 0 2px; color: #555; } .cart-totals button { float: right; margin-top: 40px; height: 48px; border: none; color: #292929; width: 100%; cursor: pointer; padding: 0 20px; font-size: 0.846em; font-weight: 600; -webkit-appearance: none; position: relative; z-index: 2; font-family: "Poppins", sans-serif; transition: all 0.3s ease-in-out; } .cart-totals button:hover { background: #333; } .cart-totals:before { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 1px solid rgba(255, 255, 255, 0.2); z-index: 2; box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.03); } .cart-totals { padding: 66px 50px; background: #292929; } .cart-totals:after { font-family: "Font Awesome 5 Pro"; content: "\f83e"; position: absolute; right: 50px; top: 30px; font-size: 3.385em; color: rgba(255, 255, 255, 0.1); z-index: 1; } .cart-totals h3 { font-size: 1.538em; font-weight: 500; text-align: left; padding-bottom: 20px; color: #fff; } .total-table { width: 100%; float: left; position: relative; z-index: 2; } .total-table tr { font-size: 1.077em; text-align: right; } .total-table th, .total-table tr { padding: 15px 0; color: #fff; } .total-table th { border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: left; font-size: 0.923em; } .tab-content { width: 100%; display: none; } .tab { width: 100%; } .first-tab { display: block; } .shop-tabs-menu { margin-bottom: 20px; } .shop-tabs-menu, .shop-tabs-menu li { float: left; } .shop-tabs-menu li { margin-right: 10px; position: relative; z-index: 3; } .shop-tabs-menu li a { padding-top: 12px; padding-bottom: 12px; background: #f5f5f5; } .shop-tabs .content-table table { margin: 0 0 20px; } .shop-tabs-menu:before, .shop-tabs-menu:after { content: ""; position: absolute; left: 20%; height: 1px; right: 0; background: #eee; top: 50%; z-index: 1; } .shop-tabs-menu:after { left: auto; width: 40px; z-index: 2; } .item-related { text-align: left; } .item-related_content { padding: 15px 20px; background: #fff; } .post-related h6 { margin-bottom: 20px; } .item-related img { width: 100%; height: auto; } .item-related h3 { float: left; width: 100%; font-weight: 700; font-size: 1em; } .item-related h3 a { color: #444; } .item-related { padding-top: 15px; padding-bottom: 15px; } .item-related_title { float: left; width: 100%; text-align: left; font-size: 1.231em; font-weight: 600; color: #292929; margin: 30px 0 20px; position: relative; } .item-related_title:before { content: ""; position: absolute; bottom: -10px; left: 0; width: 30px; height: 3px; } .error-wrap { padding: 0 0 40px 0; text-align: center; } .error-wrap h2 { font-size: 11.846em; color: #fff; font-weight: 600; letter-spacing: 10px; position: relative; line-height: 1.5; } .error-wrap h2:before { content: ""; position: absolute; left: 50%; width: 50px; height: 2px; bottom: 30px; margin-left: -30px; background-color: var(--themecolor); } .error-wrap p { color: #fff; font-size: 0.923em; text-align: center; } .error-wrap form { margin: 30px auto 20px; max-width: 550px; overflow: hidden; border-radius: 2px; position: relative; box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.2); } .error-wrap form.custom-form input { float: left; width: 100%; border: none; background: #fff; height: 50px; padding: 0 100px 0 20px; z-index: 1; margin: 0; } .error-wrap form .search-submit { position: absolute; top: 0; right: 0; width: 100px; height: 50px; line-height: 50px; z-index: 2; color: #000; border: none; cursor: pointer; } .error-wrap form .search-submit:hover { background: #292929; color: #fff; } .error-wrap a.tbtn { display: inline-table; margin-top: 10px; float: none; } .main-register-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow: auto; display: none; transform: translate3d(0, 0, 0); background: rgba(0, 0, 0, 0.6); } .reg-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transform: translate3d(0, 0, 0); } .main-register-holder { max-width: 420px; margin: 150px auto; position: relative; z-index: 2; } .main-register { float: left; width: 100%; position: relative; padding: 90px 50px 20px; transition: all 0.4s ease-in-out; transform: scale(0.6); opacity: 0; background: #fff; border-radius: 2px; overflow: hidden; box-shadow: 0 15px 5px rgba(0, 0, 0, 0.08); } .vis_mr { opacity: 1; transform: scale(1); } .main-register .tabs-menu { position: absolute; left: 0; top: 0; right: 50px; } .close-modal { position: absolute; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; cursor: pointer; font-size: 1.154em; transition: all 0.4s ease-in-out; text-align: center; } .close-modal:hover { background: #f1f1f1; } .main-register .tabs-menu li { float: left; width: 50%; } .main-register .tabs-menu li a { height: 50px; line-height: 50px; float: left; width: 100%; background: #292929; text-transform: uppercase; font-size: 0.77em; font-weight: 500; text-align: center; } .main-register .tabs-menu li.current a { color: #292929; background-color: var(--themecolor); } .main-register .tabs-menu li a i { margin-right: 10px; font-weight: 800; } .soc-log { padding: 5px 0; } .soc-log p { margin-bottom: 12px; font-size: 0.846em; color: #454545; text-align: center; } .soc-log a { float: left; width: 100%; color: #fff; height: 50px; line-height: 50px; margin-bottom: 10px; border-radius: 2px; font-size: 0.846em; font-weight: 600; position: relative; text-align: center; background: #292929; } .soc-log a i { font-size: 0.923em; position: absolute; top: 0; width: 50px; height: 50px; left: 0; line-height: 50px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .log-separator span { position: relative; width: 90px; display: inline-block; background: #fff; z-index: 2; } .log-separator:before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #eee; z-index: 1; } .custom-form .log-submit-btn { float: left; padding: 18px 0; width: 100%; border: none; border-radius: 2px; color: #000; font-weight: 600; font-size: 0.846em; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; margin-bottom: 16px; font-family: "Poppins", sans-serif; } .custom-form .log-submit-btn:hover { color: #fff; } .custom-form label { float: left; position: relative; width: 100%; text-align: left; font-weight: 500; color: #666; margin-bottom: 6px; } .main-register .filter-tags { float: left; margin: 2px 0 0 0; } .main-register .filter-tags input { float: left; position: relative; border: 1px solid #e5e7f2; cursor: pointer; padding: 0; width: 20px; height: 20px; border-radius: 2px; color: #fff; background: #fff; -webkit-appearance: none; } .filter-tags input:checked:after { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-size: 0.923em; position: absolute; top: 2px; left: 3px; z-index: 20; color: var(--themecolor); } .main-register .filter-tags label { color: #50596e !important; width: auto; margin: 2px 0 0 12px; } .lost_password { margin-top: 4px; float: right; } .lost_password a { float: left; color: #666; font-size: 0.846em; font-weight: 500; } .lost_password a:hover { text-decoration: underline; } .tbhc_btn, .mob-hid_btn { display: none; } .stp-bot { padding-bottom: 50px; } .proj-sec-title { padding: 0 60px; } .menusb { display: none; } @media only screen and (max-width: 1470px) { .hero-wrap .hero-slider-cont-prev, .hero-wrap .hero-slider-cont-next { left: auto; right: 40px; top: 100%; margin-top: -60px; } .play-pause_slider { right: 82px; bottom: 20px; } .hero-wrap .hero-slider-cont-prev { right: 124px; } .hsp_mob { right: 184px; bottom: 32px; } .container { width: 92%; } .container .container, .container .cosmo-container { width: 100%; } .cosmo-section .cosmo-container { width: 92%; } .cosmo-section .cosmo-container .cosmo-container, .cosmo-section .cosmo-container .container { width: 100%; } .cosmo-section-full_width .cosmo-container { width: 100%; } .cosmo-section-full_width .cosmo-container .container { width: 92%; } } @media only screen and (max-width: 1064px) { .post-content { padding: 24px; } } @media only screen and (max-width: 1024px) { .cosmo-widget.cosmo-widget-cthmainnav { position: static; } .height-emulator, .top-bar-header-contact, .notifer-block .section-title:before, .notifer-block .section-title:after, .mob-hid, .about-img:before, .cs-title, .filter-holder:before, .inline-filter .cthiso-filters a.cthiso-filter-active:before, .mob-hid_filters { display: none; } .tbhc_btn, .mob-hid_btn { display: block; font-size: 0.77em; font-weight: 500; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); text-align: center; } .mob-hid_btn { padding: 18px 0; cursor: pointer; font-size: 0.846em; font-weight: 600; margin-bottom: 25px; color: var(--themecolor); } .mob-hid_btn i { margin-right: 10px; color: #fff; } .tbhc_btn i { margin-right: 10px; font-size: 0.923em; position: relative; top: 1px; } .nav-button-wrap { height: 70px; width: 70px; cursor: pointer; position: relative; display: block; border-left: 1px solid #eee; } .nav-button { position: absolute; top: 50%; left: 50%; width: 22px; height: 20px; margin-left: -11px; margin-top: -6px; } .nav-button span { float: left; width: 100%; height: 2px; background: #000; margin-bottom: 4px; border-radius: 4px; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .nav-button span:first-child { width: 50%; } .main-menu nav ul { display: none; } .mainmenu-nav { display: none; } .main-menu { position: absolute; top: 70px; right: -20px; width: 300px; z-index: 50; padding: 21px 25px; background: #292929; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .header-inner .nav-holder { top: 70px; } .vismobmenu { opacity: 1; right: 0; visibility: visible; } .menusb { display: block; float: left; position: relative; width: 100%; overflow: hidden; } .nav-holder .menusb ul { display: block; float: left; position: relative; width: 100%; } .nav-holder .menusb li { margin: 0; float: left; width: 100%; position: relative; overflow: hidden; height: auto; padding: 0; margin-bottom: 15px; } .nav-holder .menusb li:last-child { margin-bottom: 0; } .nav-holder .menusb li i { position: absolute; right: 0; top: 5px; } .nav-holder .menusb li i:before { content: "\f0da"; } .nav-holder .menusb li a { float: left; width: 100%; padding: 0; position: relative; font-weight: 600; text-transform: uppercase; font-size: 0.846em; color: #fff; text-align: left; line-height: var(--theme-lheight); } .nav-holder .menusb a.back { font-weight: 600; font-size: 0.846em; padding-left: 0; margin-bottom: 13px; display: block; } .nav-holder .menusb a.back:before { font-family: "Font Awesome 5 Pro"; content: "\f0d9"; font-size: 1.077em; } .main-footer { position: relative !important; } .main-footer, .footer-social, .hero-counter_wrap, .half-carousel-title, .half-carousel-conatiner, .inline-filter.shop-filter, .about-img-hotifer, .load-more_btn, .map-links_tabs, .map-links_tabs a, .shop-tabs-menu li a, .contact-social, .det-list ul, .inline-filter .count-folio, .inline-filter .cthiso-filters, .inline-filter .cthiso-filters a, .mob-hid_btn, .qty_btn, .shop-header_opt, .team-single_header_img, .team-single_header_content { width: 100%; } .main-footer, .nb_btn, .hero-counter_wrap, .half-carousel-title, .about-img-hotifer, .add_comm, .contact-social, .qty_btn { float: left; } .shop-header h4 { margin: 10px 0 14px; top: 0; } .dl-footer_btn { top: 0; margin: 10px 10px 20px 0; } .load-more_btn { height: 60px; line-height: 60px; margin: 0 0 20px 0; } .footer-inner { padding: 60px 0 20px; } .footer-bottom { margin: 0 0 10px; padding-top: 20px; } .main-section_text-block h2, .flipbox-inner { margin-bottom: 10px; } .nb_btn, .about-img, .hero-search, .order-wrap.ord-wrp_mar { margin-top: 30px; } .notifer-block .section-title { top: 0; padding-left: 0; } .hero-counter_wrap { position: relative; right: 0; left: 0; bottom: 0; } .half-carousel-title { position: relative; padding: 90px 0; overflow: hidden; } .half-carousel-title-item { padding: 0 30px; top: 0; } .hcw-cont-prev { left: 0; } .boxed-container-wrap > .cosmo-column-wrap { padding: 150px 0 !important; } .about-img-title { top: 80px; left: auto; right: 20px; } .about-img-hotifer { position: relative; right: 0; bottom: 0; margin-top: 10px; } .hero_promo-wrap { top: auto; bottom: 100px; } .det-box-item.det-box-item_single { padding: 35px 30px; } .main-sidebar { margin-top: 20px; } .pagination { margin: 0; } .mob-conf { margin: 0 0 20px 0; } .map-links_tabs { margin: 20px 0; } .map-links_tabs a, .shop-tabs-menu li a, .qty_btn { margin: 10px 0 0 0; } .contact-social { margin: 0 0 10px 0; } .order-wrap { margin-top: 0; margin-bottom: 0; } .order-wrap a.ord-link { float: left; margin: 20px 0 0 0; } .order-wrap h4 { top: 0; padding-left: 0; } .order-wrap:before, .order-wrap:after { display: none; } .filter-holder { height: auto; line-height: inherit; padding: 0 0 60px 0; margin-bottom: 20px; } .inline-filter .count-folio { top: auto; bottom: 0; } .inline-filter .cthiso-filters { display: block; } .inline-filter .cthiso-filters a { padding: 20px 10px; border-bottom: 1px solid #eee; display: block; } .inline-filter .cthiso-filters a.cthiso-filter-active { background: #292929; border-color: transparent; color: #f7b90f; } .cal-row { display: block !important; } .cal-head, .cal-item { width: 100%; } .cal-head { margin-bottom: 30px; } .posts-list-metas { display: block; } .posts-list-metas .post-opt { float: none; margin-bottom: 15px; padding-top: 0; } } @media only screen and (max-width: 767px) { .order-wrap { margin-top: 0; margin-bottom: 0; } .proj-sec-title { padding: 0 30px; } .boxed-container:before { display: none; } .det-list table tr { display: flex; flex-wrap: wrap; } .det-list table th, .det-list table td { width: 100%; padding: 6px 10px; } .shf_btn { position: relative; float: none; display: inline-block; } .list-posts-wrap .pagination { margin-bottom: 30px; } .spost-tags { display: block !important; } } @media only screen and (max-width: 756px) { .header-btn, .subfooter-nav:before, .order-wrap h4:before, .ss-slider-controls2, .shop-tabs-menu:before, .shop-tabs-menu:after { display: none; } .cal-head, .cal-item, .hidden-filter, .shop-tabs-menu li { width: 100%; } .header-search-wrap { right: 0; } .logo-holder { height: 20px; top: 23px; margin-left: 0; } .sub-footer { height: auto; line-height: inherit; padding: 22px 0; } .subfooter-nav { float: left; margin: 14px 0 0; width: 100%; } .subfooter-nav li { margin: 0 15px 0 0; } .to-top:not(.to-top-ele) { position: absolute; top: 50%; right: 20px; margin-top: -20px; } .boxed-container-title { padding: 50px 25px; } .about-img-title { top: 20px; } .hero-wrap-title_item h2 { font-size: 2.692em; line-height: 45px; } .parallax-inner .hero-scroll-down-notifer { position: relative; bottom: 0; float: left; margin-top: 10px; } .content-nav li { padding: 0 20px; } .comment { padding: 0 0 30px 0; } .review-comments-avatar { top: -20px; left: 20px; z-index: 20; } .review-comments-avatar, .review-comments-avatar img { width: 40px; height: 40px; } .reviews-comments-item-text, .det-box-item.det-box-item_single2, .det-box-item { padding: 25px 20px; } .coupon-holder input, .coupon-holder button.tbtn-uc { width: 100%; } .coupon-holder button.tbtn-a { position: absolute; right: 0; top: 12px; z-index: 30; } .coupon-holder button.tbtn-uc { margin: 0 0 20px 0; } .cal-head { margin: 0 0 30px 0; } .cal-row.rg-area, .shop-header-title { padding: 30px 20px; } .project-progress { padding-right: 0; } .project-progress_total { position: relative; } .show-case-slider-wrap { height: 300px; } .shop-tabs-menu li { margin: 0; } .shf_btn { margin-top: 20px; } .notifer-block:before, .notifer-block:after { display: none; } } @media only screen and (max-width: 630px) { .topbar-social, .hero_promo-title, .ss-slider-controls2.fwc_pag, .prevposts-link, .nextposts-link { display: none; } .footer-serv-holder ul li, .dl-footer_btn, .bold-facts .inline-facts, .header-cart_wrap, .inline-facts, .add_comm, .shop-header-title .single_post-opt { width: 100%; } .header-search-wrap { width: 200px; } .add_comm { text-align: left; } .bold-facts .inline-facts { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .dl-footer_btn { margin-top: 0; } .show-reg-form { margin-right: 0; } .header-inner, .top-bar { height: 60px; } .top-bar { line-height: 60px; } .show-share-btn, .search_btn, .show-cart, .nav-button-wrap { width: 60px; height: 60px; line-height: 60px; } #wrapper { padding-top: 60px; } .has-topbar + #wrapper { padding-top: 120px; } .main-menu, .header-inner .nav-holder, .header-cart_wrap { top: 60px; } .logo-holder { height: 15px; top: 20px; } .tc-button { top: 100%; margin-top: -30px; } .hero_promo-wrap { width: 50px; right: 30px; } .error-wrap h2 { font-size: 8em; } .ts_btn_wrap { position: relative; float: left; margin: 0 0 10px 0; top: 0; } .ts_btn { margin: 0 4px 0 0; } .show-case-slider-wrap { height: 220px; } .fw-carousel-button-next { right: 0; } .fw-carousel-button-prev, .slide-numb { left: 0; } .slide-numb { top: 0; } .det-list { padding: 45px 10px 40px; } .det-list ul { padding: 0 10px; } .page-title .post-head-title { font-size: 2.154em; } .shop-header-title .single_post-opt { margin-top: 0; } .shop-header-title h2 { font-size: 1.308em; } .det-list li { padding-left: 15px; } .promo-link { background: #292929; color: #fff; bottom: 0; left: 0; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .bg { background-attachment: scroll !important; background-size: cover; background-position: center; } } .dis-flex { display: flex; } .jcontent-flend { justify-content: flex-end; } .post, .page { margin-bottom: 0; } .cosmo p:last-child { margin-bottom: 0; } .cosmo-column-gap-default > .cosmo-row { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .cosmo-column-gap-extended > .cosmo-row { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } .page-content, .entry-content, .entry-summary { margin-top: 0; } select { height: 40px; border-radius: 5px; padding: 0px 10px; } table { margin-bottom: 1em; } table th, table td { font-weight: normal; } table thead th { border-bottom: 1px solid #ebebeb; color: #222; font-weight: 700; } table td, table th { padding: 10px 10px; } .cthiso-isotope-wrapper { overflow-x: hidden; } .cthiso-items { position: relative; list-style: none; padding: 0; margin-bottom: 0; } .cthiso-items > * { box-sizing: border-box; } .cthiso-flex { display: flex; flex-wrap: wrap; } .cthiso-item-holder { width: 100%; height: auto; position: relative; margin-bottom: 0; } .cthposts-wrap.cthiso-xxbig-pad { margin-top: -50px; } .cthposts-wrap.cthiso-xbig-pad { margin-top: -30px; } .cthposts-wrap.cthiso-big-pad { margin-top: -15px; } .cthposts-wrap.cthiso-medium-pad { margin-top: -10px; } .cthposts-wrap.cthiso-small-pad { margin-top: -5px; } .cthposts-wrap.cthiso-extrasmall-pad { margin-top: -2px; } .cthiso-xxbig-pad.cthiso-items { margin-left: -50px; margin-right: -50px; } .cthiso-xxbig-pad .cthiso-item { padding: 50px; } .cthiso-xbig-pad.cthiso-items { margin-left: -30px; margin-right: -30px; } .cthiso-xbig-pad .cthiso-item { padding: 30px; } .cthiso-big-pad.cthiso-items { margin-left: -15px; margin-right: -15px; } .cthiso-big-pad .cthiso-item { padding: 15px; } .cthiso-medium-pad.cthiso-items { margin-left: -10px; margin-right: -10px; } .cthiso-medium-pad .cthiso-item { padding: 10px; } .cthiso-small-pad.post-cthiso-items, .cthiso-small-pad.cthiso-items { margin-left: -5px; margin-right: -5px; } .cthiso-small-pad .post-cthiso-item, .cthiso-small-pad .cthiso-item { padding: 5px; } .cthiso-extrasmall-pad.cthiso-items { margin-left: -2px; margin-right: -2px; } .cthiso-extrasmall-pad .cthiso-item { padding: 2px; } .cthiso-no-pad .cthiso-item { padding: 0; } .cthiso-item, .cthiso-sizer { width: 25%; position: relative; overflow: hidden; } .cthiso-item:hover { overflow: visible; } .cthiso-item-two, .cthiso-sizer-two, .cthiso-item-second { width: 50%; } .cthiso-item-three, .cthiso-sizer-three { width: 75%; } .cthiso-one-cols .cthiso-item, .cthiso-one-cols .cthiso-sizer, .cthiso-one-cols .cthiso-item-two, .cthiso-one-cols .cthiso-sizer-two, .cthiso-one-cols .cthiso-item-second, .cthiso-one-cols .cthiso-item-three, .cthiso-one-cols .cthiso-sizer-three { width: 100%; } .cthiso-two-cols .cthiso-item, .cthiso-two-cols .cthiso-sizer { width: 50%; } .cthiso-two-cols .cthiso-item-second, .cthiso-two-cols .cthiso-item-two, .cthiso-two-cols .cthiso-sizer-two, .cthiso-two-cols .cthiso-item-three, .cthiso-two-cols .cthiso-sizer-three { width: 100%; } .cthiso-three-cols .cthiso-item, .cthiso-three-cols .cthiso-sizer { width: 33.333%; } .cthiso-three-cols .cthiso-item-second, .cthiso-three-cols .cthiso-item-two, .cthiso-three-cols .cthiso-sizer-two { width: 66.666%; } .cthiso-three-cols .cthiso-item-three, .cthiso-three-cols .cthiso-sizer-three { width: 100%; } .cthiso-five-cols .cthiso-item, .cthiso-five-cols .cthiso-sizer { width: 20%; } .cthiso-five-cols .cthiso-item-second, .cthiso-five-cols .cthiso-item-two, .cthiso-five-cols .cthiso-sizer-two { width: 40%; } .cthiso-five-cols .cthiso-item-three, .cthiso-five-cols .cthiso-sizer-three { width: 60%; } .cthiso-six-cols .cthiso-item, .cthiso-six-cols .cthiso-sizer { width: 16.666%; } .cthiso-six-cols .cthiso-item-second, .cthiso-six-cols .cthiso-item-two, .cthiso-six-cols .cthiso-sizer-two { width: 33.333%; } .cthiso-six-cols .cthiso-item-three, .cthiso-six-cols .cthiso-sizer-three { width: 50%; } .cthiso-seven-cols .cthiso-item, .cthiso-seven-cols .cthiso-sizer { width: 14.285%; } .cthiso-seven-cols .cthiso-item-second, .cthiso-seven-cols .cthiso-item-two, .cthiso-seven-cols .cthiso-sizer-two { width: 28.57%; } .cthiso-seven-cols .cthiso-item-three, .cthiso-seven-cols .cthiso-sizer-three { width: 42.857%; } .cthiso-eight-cols .cthiso-item, .cthiso-eight-cols .cthiso-sizer { width: 12.5%; } .cthiso-eight-cols .cthiso-item-second, .cthiso-eight-cols .cthiso-item-two, .cthiso-eight-cols .cthiso-sizer-two { width: 25%; } .cthiso-eight-cols .cthiso-item-three, .cthiso-eight-cols .cthiso-sizer-three { width: 37.5%; } .cthiso-nine-cols .cthiso-item, .cthiso-nine-cols .cthiso-sizer { width: 11.111%; } .cthiso-nine-cols .cthiso-item-second, .cthiso-nine-cols .cthiso-item-two, .cthiso-nine-cols .cthiso-sizer-two { width: 22.222%; } .cthiso-nine-cols .cthiso-item-three, .cthiso-nine-cols .cthiso-sizer-three { width: 33.333%; } .cthiso-ten-cols .cthiso-item, .cthiso-ten-col .cthiso-sizer { width: 10%; } .cthiso-ten-cols .cthiso-item-second, .cthiso-ten-cols .cthiso-item-two, .cthiso-ten-cols .cthiso-sizer-two { width: 20%; } .cthiso-ten-cols .cthiso-item-three, .cthiso-ten-cols .cthiso-sizer-three { width: 30%; } @media only screen and (max-width: 1024px) { .cthiso-item, .cthiso-sizer { width: 50%; } .cthiso-one-cols .cthiso-item, .cthiso-one-cols .cthiso-sizer, .cthiso-three-cols .cthiso-item, .cthiso-three-cols .cthiso-sizer, .cthiso-two-cols .cthiso-item, .cthiso-two-cols .cthiso-sizer { width: 50%; } .cthiso-one-cols .cthiso-item-second, .cthiso-one-cols .cthiso-item-two, .cthiso-one-cols .cthiso-item-three, .cthiso-three-cols .cthiso-item-second, .cthiso-three-cols .cthiso-item-two, .cthiso-three-cols .cthiso-item-three, .cthiso-two-cols .cthiso-item-second, .cthiso-two-cols .cthiso-item-two, .cthiso-two-cols .cthiso-item-three { width: 100%; } .tablet-three .cthiso-item, .tablet-three .cthiso-sizer { width: 33.333%; } .tablet-three .cthiso-item-second, .tablet-three .cthiso-item-two { width: 66.666%; } .tablet-three .cthiso-item-three { width: 100%; } } @media only screen and (max-width: 767px) { .cthiso-item, .cthiso-sizer { width: 100%; } .cthiso-one-cols .cthiso-item, .cthiso-one-cols .cthiso-sizer, .cthiso-three-cols .cthiso-item, .cthiso-three-cols .cthiso-sizer, .cthiso-two-cols .cthiso-item, .cthiso-two-cols .cthiso-sizer, .cthiso-four-cols .cthiso-item, .cthiso-four-cols .cthiso-sizer, .cthiso-five-cols .cthiso-item, .cthiso-five-cols .cthiso-sizer, .cthiso-six-cols .cthiso-item, .cthiso-six-cols .cthiso-sizer { width: 100%; } .cthiso-big-pad .cthiso-item, .cthiso-medium-pad .cthiso-item, .cthiso-small-pad .cthiso-item, .cthiso-extrasmall-pad .cthiso-item { padding-bottom: 0; } } :root { --themecolor: #f7b90f; --theme-lheight: 1.66; } .color-bg { background-color: var(--themecolor); } a { color: var(--themecolor); text-decoration: none; } a:hover { text-decoration: none; color: var(--themecolor); } .white-bg { background-color: #fff; } .sec-padding { padding: 90px 0; } .mt-35 { margin-top: 35px; } .mt-50 { margin-top: 50px; } .idx-5 { z-index: 5; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .mb-10 { margin-bottom: 10px; } .cosmo-editor-active #wrapper > .content { z-index: 200; } .cosmo-element-edit-mode .hero-wrap-title { position: relative; } .cosmo-element-edit-mode.cosmo-widget-hero_slider .swiper-container, .cosmo-element-edit-mode.cosmo-widget-hero_slider .swiper-wrapper, .cosmo-element-edit-mode.cosmo-widget-hero_slider .fs-slider-item { height: 100%; } section.hwedo-top { padding-bottom: 150px; } section.hwedo-bot { margin-top: -130px; } .cosmo-top-section.hwedo-top { padding-top: 50px; } .cosmo-top-section.hwedo-bot { padding-bottom: 50px; } section.habout-top { padding-bottom: 200px; } section.habout-bot { margin-top: -200px; } .cosmo-top-section.habout-top { padding-top: 80px; } .cosmo-top-section.habout-bot { padding-bottom: 80px; } section.hweare { padding-top: 90px; padding-bottom: 70px; } .hprojs-left { padding-top: 90px; padding-bottom: 90px; } .no-list-style { list-style: none; } .footer_nav-ele { position: relative; } .footer_nav-right.footer-list-inline:before { content: ""; position: absolute; right: -22px; top: 50%; height: 10px; margin-top: -5px; width: 1px; background: rgba(255, 255, 255, 0.3); } .footer_nav-ele ul { margin: 0; padding: 0; } .footer-list-inline li { display: inline-block; margin-left: 15px; font-weight: 500; } .footer-list-inline a { color: var(--themecolor); } .footer-list-inline a:hover { color: #fff; } .footer_nav-center { text-align: center; } .footer_nav-right { text-align: right; margin-right: 50px; } ul.footer-list li, ul.footer-list-cols li { padding: 0 5px 15px 20px; position: relative; font-weight: 500; } ul.footer-list li:before, ul.footer-list-cols li:before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 1px; background-color: var(--themecolor); } ul.footer-list a, ul.footer-list-cols a { color: #fff; } ul.footer-list a:hover, ul.footer-list-cols a:hover { color: var(--themecolor); } ul.footer-list-cols { display: flex; flex-wrap: wrap; } ul.footer-list-cols li { flex: 0 0 auto; width: 50%; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;  } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 1.077em; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;  } .alignleft, .wp-block-image .alignleft { display: inline; float: left; margin-top: 0; margin-right: 1em; margin-bottom: 1em; } .alignleft figcaption, .alignleft .wp-caption-text, .wp-block-image .alignleft figcaption, .wp-block-image .alignleft .wp-caption-text { margin-bottom: 0; } .alignright, .wp-block-image .alignright { display: inline; float: right; margin-top: 0; margin-left: 1em; margin-bottom: 1em; } .alignright figcaption, .alignright .wp-caption-text, .wp-block-image .alignright figcaption, .wp-block-image .alignright .wp-caption-text { margin-bottom: 0; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; } .wp-caption { max-width: 100%; } .gallery-caption, .wp-caption-text { margin-top: 5px; } .wp-caption p.wp-caption-text { font-size: 0.845em; line-height: 17px; margin: 0; padding: 0 4px 5px; } .bypostauthor .comment-meta { font-weight: bold; } img { max-width: 100%; height: auto; } select { max-width: 100%; } figcaption { font-style: italic; } p { margin-bottom: 1em; } .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption { display: block; } .wp-block-cover.has-background-dim { margin-bottom: 1em; } .wp-block-cover.has-background-dim .wp-block-cover-text { color: #fff; } .wp-block-gallery > .blocks-gallery-caption { margin-bottom: 1em; } .wp-block-media-text { margin-bottom: 1em; } .page-links + .spost-tags { margin-top: 1em; } .post-content > .page-links { margin-left: -10px; } .wp-block-button, .wp-block-group { margin-bottom: 1em; } .wp-block-group.has-background { padding: 1em; } .wp-block-archives-list { list-style: none; margin-bottom: 1em; padding: 0; list-style: none; margin: 0; padding: 0; width: 100%; } .wp-block-archives-list ul { margin-left: 0; margin-top: 5px; } .wp-block-archives-list li { width: 100%; margin-bottom: 6px; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0px; line-height: 2em; } .wp-block-archives-list li a { color: #666; } .wp-block-archives-list li a:hover { color: #000; } .wp-block-archives-list li:last-child { margin-bottom: 0; } .wp-block-archives-list li ul { margin-left: 15px; } .wp-block-archives-list li span { width: 26px; height: 26px; line-height: 26px; background: #333; border-radius: 2px; text-align: center; font-size: 0.77em; color: var(--themecolor); } .wp-block-archives-dropdown, .wp-block-categories-dropdown, .wp-block-search, .wp-block-calendar { margin-bottom: 1em; } .wp-block-latest-comments { padding: 0; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { display: flex; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-left: 1em; } .wp-block-latest-posts__list li { margin-bottom: 1em; } .wp-block-latest-posts__list li:last-child { margin-bottom: 0; } .wp-block-search__button-outside .wp-block-search__label { margin-bottom: 10px; display: none; } .wp-block-search__button-outside .wp-block-search__input { border: none; background: #eee; border-radius: none; position: relative; outline: none; padding: 0px 0px 0px 20px; width: 100%; height: 40px; color: #000; -webkit-appearance: none; } .wp-block-search__button-outside .wp-block-search__button { height: 40px; font-size: 0.846em; background-color: var(--themecolor); border: 0; padding: 0 20px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } table { border: 1px solid #eee; } tr { border-bottom: 1px solid #eee; } tbody th { color: #222; font-weight: 700; } th + th, th + td, td + th, td + td { border-left: 1px solid #eee; } .pt-35, section.pt-35 { padding-top: 35px; } .overflow-visible { overflow: visible; } .cosmo-progress-bar { background-color: var(--themecolor); } .cosmo-widget-progress .cosmo-title { font-size: 0.923em; padding-bottom: 16px; font-weight: 600; display: inline-block; } .cosmo-progress-bar { height: 10px; } .cosmo-progress-percentage { position: absolute; right: 0; top: -24px; line-height: var(--theme-lheight); padding-right: 0; font-size: 0.923em; font-weight: 600; color: #292929; } p.cosmo-heading-title { line-height: inherit; } .cosmo-element-edit-mode .cthiso-items { display: flex; flex-wrap: wrap; } .cosmo-widget-post_nav .content-nav { margin-bottom: 0; } .prgrid-layout-sidefilter { display: flex; flex-wrap: wrap; z-index: 1; } .sticky-post-badge { color: var(--themecolor); font-size: 0.92em; } .tbtn-link .cosmo-button { background-color: transparent; } .tbtn-link i { color: var(--themecolor); } .wp-block-calendar a { text-decoration: none; } .wp-block-calendar table th { font-weight: 700; background: transparent; } .wp-block-calendar th, .wp-block-calendar tbody td { padding: 10px; border: 1px solid #eee; } article.post-article { margin-bottom: 20px; } article.post-article + .pagination { margin-top: 0; } .post-opt-title { display: block; font-weight: 600; font-size: 1.615em; margin-bottom: 20px; color: #292929; -ms-word-wrap: break-word; word-wrap: break-word; } .post-opt-title a { color: #292929; } .post-opt-title a:hover { color: var(--themecolor); } .post-author { margin-right: 20px; } .post-author img { width: 40px; height: 40px; border-radius: 100%; margin-right: 20px; } .post-author a { color: #666; } .post-metas-ul > li:last-child { margin-right: 0; } .comment-form-cookies-consent { display: flex; align-items: center; } .comment-form-cookies-consent input { margin-bottom: 0 !important; margin-right: 5px; } .comment-form-cookies-consent label { margin-bottom: 0 !important; } .widget-box { margin-bottom: 30px; } .widget-title { width: 100%; font-weight: 600; font-size: 1.231em; text-align: left; padding-bottom: 14px; border-bottom: 1px solid #eee; position: relative; margin-bottom: 20px; line-height: 1.6; } .widget-title .rsswidget { color: #292929; } .widget-title .rsswidget img { position: relative; top: -2px; } .widget-title:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 30px; height: 3px; background-color: var(--themecolor); } .wp-block-archives ul, .widget_categories ul, .widget_archive ul, .widget_pages ul, .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; width: 100%; } .wp-block-archives ul ul, .widget_categories ul ul, .widget_archive ul ul, .widget_pages ul ul, .widget_nav_menu ul ul { margin-left: 0; margin-top: 5px; } .wp-block-archives ul li, .widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_nav_menu ul li { width: 100%; margin-bottom: 6px; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0px; line-height: 2em; } .wp-block-archives ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_nav_menu ul li a { color: #666; } .wp-block-archives ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover { color: #000; } .wp-block-archives ul li:last-child, .widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_pages ul li:last-child, .widget_nav_menu ul li:last-child { margin-bottom: 0; } .wp-block-archives ul li ul, .widget_categories ul li ul, .widget_archive ul li ul, .widget_pages ul li ul, .widget_nav_menu ul li ul { margin-left: 15px; } .wp-block-page-list, .wp-block-categories-list { list-style: none; margin: 0; padding: 0; width: 100%; } .wp-block-page-list ul, .wp-block-categories-list ul { margin-left: 0; margin-top: 5px; } .wp-block-page-list li, .wp-block-categories-list li { width: 100%; margin-bottom: 6px; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0px; line-height: 2em; } .wp-block-page-list li a, .wp-block-categories-list li a { color: #666; } .wp-block-page-list li a:hover, .wp-block-categories-list li a:hover { color: #000; } .wp-block-page-list li:last-child, .wp-block-categories-list li:last-child { margin-bottom: 0; } .wp-block-page-list li ul, .wp-block-categories-list li ul { margin-left: 15px; } .wp-block-page-list ul, .wp-block-categories-list ul { display: block; width: 100%; } .wp-block-page-list li ul, .wp-block-categories-list li ul { margin-left: 0; margin-top: 6px; } .widget_categories li span, .widget_archive li span { width: 26px; height: 26px; line-height: 26px; background: #333; border-radius: 2px; text-align: center; font-size: 0.77em; color: var(--themecolor); } .widget_meta ul, .widget_rss ul, .widget_recent_entries ul, .widget_recent_comments ul { list-style: none; margin: 0; padding: 0; width: 100%; } .widget_meta ul ul, .widget_rss ul ul, .widget_recent_entries ul ul, .widget_recent_comments ul ul { margin-left: 0; margin-top: 5px; } .widget_meta ul li, .widget_rss ul li, .widget_recent_entries ul li, .widget_recent_comments ul li { width: 100%; margin-bottom: 6px; line-height: var(--theme-lheight); position: relative; } .widget_meta ul li:last-child, .widget_rss ul li:last-child, .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child { margin-bottom: 0; } .widget_recent_comments li { margin-bottom: 6px; } .widget_recent_comments ul li { line-height: var(--theme-lheight); } .widget_meta a, .widget_recent_comments a, .widget_recent_entries a, .wp-block-latest-posts a, .wp-block-latest-comments a { color: #666; } .widget_meta a:hover, .widget_recent_comments a:hover, .widget_recent_entries a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover { color: #000; } .rss-date { font-size: smaller; font-style: italic; } .widget_recent_comments, .wp-block-latest-comments { color: #999; } .tagcloud a, .wp-block-tag-cloud a { font-size: 10px !important; text-transform: uppercase; padding: 12px 30px; background: #292929; margin-bottom: 3px; margin-right: 3px; font-weight: 600; transition: all 300ms linear; color: var(--themecolor); display: inline-block; } .tagcloud a:hover, .wp-block-tag-cloud a:hover { color: #fff; background-color: var(--themecolor); } .tags-title { margin-right: 20px; position: relative; font-weight: 500; top: 10px; } img { max-width: 100%; height: auto; } select { max-width: 100%; } table#wp-calendar { width: 100%; caption-side: top; } table#wp-calendar caption { margin-bottom: 10px; text-align: center; padding: 0; } table#wp-calendar th, table#wp-calendar td { text-align: center; } .wp-calendar-nav { display: flex; justify-content: space-between; } .wp-calendar-nav-next { margin-left: auto; } .widget-box .wp-block-group .wp-block-group__inner-container > h2 { width: 100%; font-weight: 600; font-size: 1.231em; text-align: left; padding-bottom: 14px; border-bottom: 1px solid #eee; position: relative; margin-bottom: 20px; line-height: 1.6; } .widget-box .wp-block-group .wp-block-group__inner-container > h2:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 30px; height: 3px; background-color: var(--themecolor); } .wp-block-search .wp-block-search__button { margin-left: 0; } .wp-block-latest-comments__comment { line-height: var(--theme-lheight); } .breadcrumb-item { margin-right: 15px; padding-right: 20px; font-size: 0.77em; font-weight: 600; color: #666; text-transform: uppercase; position: relative; } .breadcrumb-item a { color: #666; } a.breadcrumb-item:before, .breadcrumb-item a:before, .breadcrumb-item + .breadcrumb-item::before { content: ''; position: absolute; width: 6px; height: 2px; background: var(--themecolor); right: 0; top: 50%; margin-top: -1px; } .breadcrumb-item + .breadcrumb-item { padding-left: 0; } .breadcrumb-item + span.breadcrumb-item::before { display: none; } .breadcrumb-current { color: #000; } .breadcrumbs a:hover { color: var(--themecolor); } .single-page-content-wrap { background-color: #fff; padding: 24px; } .single-page-content-wrap + #addcomment { margin-top: 30px; } .post-page-numbers { padding: 3px 10px; color: #878c9f; min-width: 44px; } .post-page-numbers.current, .post-page-numbers:hover { color: var(--themecolor); } .ser-cover-wrap img { width: 100%; } .custom-logo-link { display: block; height: 100%; } aside .widget-box:last-child { margin-bottom: 0; } .theroof-has-addons .gallery-titem img, .theroof-has-addons .pmimh img { width: 100%; } .theroof-has-addons .content-nav li a.ln, .theroof-has-addons .content-nav li a.rn { display: flex; } .post-media_slider .img { width: 100%; } .wp-block-gallery.is-cropped .blocks-gallery-item img { width: auto; } .page > .entry-content > p:last-of-type, .post > .post-content > p:last-of-type { clear: both; } .err404-parallax { min-height: 100vh; } .comment-reply-title small { margin-left: 5px; } .breadcrumbs-inner:before { display: none; } p.form-submit { margin-bottom: 0px; } .comment-respond + .comment { margin-top: 30px; } .wp-block-archives-list + p { margin-top: 1em; } .ft-copy { color: #FFFFFF91; } .card-desc a { font-size: small; } select:not([size]):not([multiple]) { border: 1px solid #eee; border-radius: 0; width: 100%; } .box-widget-wrap, .box-widget-wrap select { color: #666; } .box-widget-wrap .widget-title { color: #292929; } .list-list-tags .tags-title { position: static; margin-right: 10px; } .list-list-tags a { margin-right: 10px; display: inline-block; } .posts-list-metas .post-opt { margin-bottom: 10px; } .selectbox li:hover, .nice-select .option.focus, .nice-select .option.selected.focus, .irs-single, .irs-bar, .irs-bar-edge { background-color: var(--themecolor); } .nice-select:after { border-color: var(--themecolor); } .admin-bar .main-header { top: 32px; } .admin-bar #wrapper { padding-top: 32px; } .admin-bar .has-sticky + #wrapper { padding-top: 102px; } .admin-bar .has-topbar.has-sticky + #wrapper { padding-top: 172px; } @media screen and (max-width: 782px) { .admin-bar .main-header { top: 46px; } .admin-bar #wrapper { padding-top: 46px; } .admin-bar .has-sticky + #wrapper { padding-top: 116px; } .admin-bar .has-topbar.has-sticky + #wrapper { padding-top: 186px; } } @media screen and (max-width: 600px) { .admin-bar.adbar-scroll .main-header { top: 0; } .admin-bar #wrapper { padding-top: 46px; } .admin-bar .has-sticky + #wrapper { padding-top: 106px; } .admin-bar .has-topbar.has-sticky + #wrapper { padding-top: 166px; } } .share-icon, .share-icon:after, .close-share-btn i { transition: all 100ms linear; } .share-icon:hover { background: #3c3c3c; color: #fff; } .share-icon { width: 70px; height: 70px; line-height: 70px; float: left; position: relative; font-size: 0.77em; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box; text-align: center; color: var(--themecolor); } .share-icon:before { font-family: "Font Awesome 5 Brands"; } .share-icon-digg:before { content: "\f1a6"; } .share-icon-email:before { content: "\f003"; } .share-icon-flickr:before { content: "\f16e"; } .share-icon-foursquare:before { content: "\f180"; } .share-icon-rss:before { content: "\f09e"; } .share-icon-facebook:before { content: "\f39e"; } .share-icon-twitter:before { content: "\f099"; } .share-icon-tumblr:before { content: "\f173"; } .share-icon-linkedin:before { content: "\f0e1"; } .share-icon-vimeo:before { content: "\f27d"; } .share-icon-instagram:before { content: "\f16d"; } .share-icon-pinterest:before { content: "\f231"; } .share-icon-googleplus:before { content: "\f0d5"; } .share-icon-in1:before { content: "\f08c"; } .share-icon-stumbleupon:before { content: "\f1a4"; } .share-icon-vk:before { content: "\f189"; } .share-icon-okru:before { content: "\f263"; } .share-icon-whatsapp:before { content: "\f232"; } .share-icon-telegram:before { content: "\f2c6"; }