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: #292929;
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 .elementor-widget-container {
position: relative;
padding: 0 30px; }
.top-bar-header-contact .elementor-widget-container:before,
.top-bar-header-contact .elementor-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 .elementor-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(//portasabertasvidros.com.br/wp-content/themes/theroof/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(//portasabertasvidros.com.br/wp-content/themes/theroof/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(.elementor-editor-element-settings) {
padding: 0 20px;
position: relative;
z-index: 2;
list-style: none;
margin-bottom: 0; }
.det-list li:not(.elementor-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(.elementor-editor-element-setting) strong {
color: var(--themecolor); }
.det-list li:not(.elementor-editor-element-setting) span,
.det-list li:not(.elementor-editor-element-setting) a {
font-weight: 700; }
.det-list li:not(.elementor-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(.elementor-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(//portasabertasvidros.com.br/wp-content/themes/theroof/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(//portasabertasvidros.com.br/wp-content/themes/theroof/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(//portasabertasvidros.com.br/wp-content/themes/theroof/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 .elementor-container {
width: 100%; }
.elementor-section .elementor-container {
width: 92%; }
.elementor-section .elementor-container .elementor-container,
.elementor-section .elementor-container .container {
width: 100%; }
.elementor-section-full_width .elementor-container {
width: 100%; }
.elementor-section-full_width .elementor-container .container {
width: 92%; } }
@media only screen and (max-width: 1064px) {
.post-content {
padding: 24px; } }
@media only screen and (max-width: 1024px) {
.elementor-widget.elementor-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 > .elementor-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; }
.elementor p:last-child {
margin-bottom: 0; }
.elementor-column-gap-default > .elementor-row {
margin-left: -10px;
margin-right: -10px;
width: calc(100% + 20px); }
.elementor-column-gap-extended > .elementor-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; }
.elementor-editor-active #wrapper > .content {
z-index: 200; }
.elementor-element-edit-mode .hero-wrap-title {
position: relative; }
.elementor-element-edit-mode.elementor-widget-hero_slider .swiper-container, .elementor-element-edit-mode.elementor-widget-hero_slider .swiper-wrapper, .elementor-element-edit-mode.elementor-widget-hero_slider .fs-slider-item {
height: 100%; }
section.hwedo-top {
padding-bottom: 150px; }
section.hwedo-bot {
margin-top: -130px; }
.elementor-top-section.hwedo-top {
padding-top: 50px; }
.elementor-top-section.hwedo-bot {
padding-bottom: 50px; }
section.habout-top {
padding-bottom: 200px; }
section.habout-bot {
margin-top: -200px; }
.elementor-top-section.habout-top {
padding-top: 80px; }
.elementor-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; }
.elementor-progress-bar {
background-color: var(--themecolor); }
.elementor-widget-progress .elementor-title {
font-size: 0.923em;
padding-bottom: 16px;
font-weight: 600;
display: inline-block; }
.elementor-progress-bar {
height: 10px; }
.elementor-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.elementor-heading-title {
line-height: inherit; }
.elementor-element-edit-mode .cthiso-items {
display: flex;
flex-wrap: wrap; }
.elementor-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 .elementor-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"; }