@charset "UTF-8";

 .reset-elem {
margin: 0;
padding: 0;
}
p, .paragraph, section.about-section .about-box ul.feature-list li {
font-size: 15px;
color: rgba(255, 255, 255, 0.8);
font-family: "Montserrat", sans-serif;
font-weight: 300;
line-height: 26px;
margin: 0 0 16px;
}
.heading1, h1 {
color: #ffffff;
font-size: 50px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
line-height: 60px;
margin: 0;
}
.heading2, h2 {
color: #ffffff;
font-size: 30px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
line-height: 26px;
margin: 0 0 20px;
}
.heading3, h3 {
color: #ffffff;
font-size: 25px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
line-height: auto;
margin: 0 0 12px;
}
.heading3, h4 {
color: #ffffff;
font-size: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
line-height: auto;
margin: 0 0 6px;
}
.back-cover {
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
}
a, .anchor {
display: inline-block;
text-decoration: none !important;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}   header {
position: relative;
z-index: 999;
}
header .logo {
position: fixed;
top: 0;
left: 100px;
width: 310px;
height: 100px;
padding: 30px 30px 0;
background-color: #272727;
z-index: 3;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
header .logo {
width: auto !important;
right: 0;
text-align: right;
}
}
header .logo.active {
left: 0;
}
@media (max-width: 1023px) {
header .logo.active {
left: 100px;
}
}
header .logo a img {
max-width: 100%;
height: auto;
}
@media (max-width: 767px) {
header .logo a img {
max-width: 250px;
}
}
header .header-line {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100px;
background: #3d3d3d;
z-index: 2;
}
@media (max-width: 1023px) {
header .header-line {
left: -100px;
}
}
header .header-line a.open-menu-toggle {
display: block;
padding: 41px 36px;
background-color: #d92828;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
@media (max-width: 1023px) {
header .header-line a.open-menu-toggle {
position: fixed;
top: 0;
left: 0;
}
}
header .header-line a.open-menu-toggle span {
display: block;
width: 28px;
height: 2px;
background-color: #ffffff;
margin-bottom: 6px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
header .header-line a.open-menu-toggle span:last-child {
width: 17px;
margin-bottom: 0;
}
header .header-line a.open-menu-toggle.active {
margin-top: 100px;
padding: 49px 36px;
}
@media (max-width: 1023px) {
header .header-line a.open-menu-toggle.active {
margin-top: 0;
}
}
header .header-line a.open-menu-toggle.active span {
transform: rotate(45deg);
margin: 0;
margin-top: -2px;
}
header .header-line a.open-menu-toggle.active span:first-child {
transform: rotate(-45deg);
margin-top: 0;
}
header .header-line a.open-menu-toggle.active span:last-child {
display: none;
}
header .header-line div.social-line {
padding: 30px 0;
text-align: center;
height: calc(100vh - 450px);
display: flex;
flex-direction: column;
position: relative;
justify-content: flex-end;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
header .header-line div.social-line.active {
height: calc(100vh - 550px);
}
header .header-line div.social-line:before {
content: "";
position: absolute;
top: 30px;
left: 50%;
bottom: 30px;
width: 1px;
background-color: #4c4c4c;
}
header .header-line div.social-line ul.social-list {
padding: 20px 0;
margin: 0 0 40px;
background: #3d3d3d;
position: relative;
z-index: 2;
}
header .header-line div.social-line ul.social-list li {
display: block;
margin-bottom: 13px;
}
header .header-line div.social-line ul.social-list li:last-child {
margin-bottom: 0;
}
header .header-line div.social-line ul.social-list li a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #4c4c4c;
border-radius: 50%;
color: rgba(255, 255, 255, 0.4);
}
header .header-line div.social-line ul.social-list li a:hover {
background-color: #d92828;
color: #ffffff;
border-color: transparent;
}
header .header-line div.copyright-line {
text-align: center;
height: 350px;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: #272727;
}
header .header-line div.copyright-line p {
color: #ffffff;
font-size: 17px;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin: 0;
}
header .nav-menu-box {
position: fixed;
top: 100px;
left: -300px;
width: 400px;
background-color: #717171;
padding: 30px 40px;
text-align: right;
max-height: calc(100vh - 100px);
overflow-y: scroll;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
@media (max-width: 1023px) {
header .nav-menu-box {
left: -100vw;
width: 100vw;
}
}
@media (max-width: 767px) {
header .nav-menu-box {
padding: 10px 20px;
}
}
header .nav-menu-box.active {
left: 100px;
}
@media (max-width: 1023px) {
header .nav-menu-box.active {
left: 0;
}
}
header .nav-menu-box ul.navigation-menu-list {
padding: 10px 0;
margin: 0;
border-left: 1px solid #868686;
border-right: 1px solid #868686;
counter-reset: my-awesome-counter;
}
header .nav-menu-box ul.navigation-menu-list > li {
display: block;
margin-left: -10px;
margin-right: -10px;
border-bottom: 1px solid #868686;
position: relative;
counter-increment: my-awesome-counter;
}
header .nav-menu-box ul.navigation-menu-list > li::before {
content: "0" counter(my-awesome-counter);
position: absolute;
top: 38px;
left: 30px;
font-weight: bold;
color: rgba(255, 255, 255, 0.1);
font-size: 20px;
margin-right: 0.5rem;
line-height: 1;
font-family: "Montserrat", sans-serif;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
header .nav-menu-box ul.navigation-menu-list > li::before {
top: 22px;
}
}
header .nav-menu-box ul.navigation-menu-list > li.active::before, header .nav-menu-box ul.navigation-menu-list > li:hover::before {
left: 42px;
color: #ffffff;
}
header .nav-menu-box ul.navigation-menu-list > li:after {
content: "";
position: absolute;
width: 20px;
height: 1px;
top: 47px;
left: 10px;
background-color: #868686;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
header .nav-menu-box ul.navigation-menu-list > li:after {
top: 31px;
}
}
header .nav-menu-box ul.navigation-menu-list > li.active::after, header .nav-menu-box ul.navigation-menu-list > li:hover::after {
width: 32px;
}
header .nav-menu-box ul.navigation-menu-list > li:first-child {
border-top: 1px solid #868686;
}
header .nav-menu-box ul.navigation-menu-list > li > a {
display: block !important;
padding: 36px 25px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
position: relative;
font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
header .nav-menu-box ul.navigation-menu-list > li > a {
padding: 20px;
}
}
header .nav-menu-box ul.navigation-menu-list > li > a:after {
content: "";
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: #ffffff;
text-align: center;
line-height: 10px;
padding-left: 1px;
font-size: 8px;
width: 16px;
height: 11px;
top: 42px;
right: 1px;
background-color: #717171;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
z-index: 2;
}
@media (max-width: 767px) {
header .nav-menu-box ul.navigation-menu-list > li > a:after {
top: 26px;
}
}
header .nav-menu-box ul.navigation-menu-list > li > a span {
display: inline-block;
position: relative;
z-index: 2;
}
header .nav-menu-box ul.navigation-menu-list > li > a span em {
position: relative;
z-index: 2;
font-style: normal;
}
header .nav-menu-box ul.navigation-menu-list > li > a span:before {
content: "";
position: absolute;
width: 40px;
height: 1px;
top: 50%;
right: 100%;
background-color: #868686;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
header .nav-menu-box ul.navigation-menu-list > li > a span:after {
content: "";
position: absolute;
height: 4px;
margin-top: -2px;
top: 50%;
right: -56px;
margin-left: 56px;
left: 100%;
background-color: #d92828;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
header .nav-menu-box ul.navigation-menu-list > li > a:hover span:before {
width: 0;
}
header .nav-menu-box ul.navigation-menu-list > li > a:hover span:after {
margin-left: 0;
left: -20px;
}
header .nav-menu-box ul.navigation-menu-list > li.active > a span:before {
width: 0;
}
header .nav-menu-box ul.navigation-menu-list > li.active > a span:after {
margin-left: 0;
left: -20px;
}
ul.sub-menu {
display: none;
padding: 0 10px;
margin: 0;
border-top: 1px solid #868686;
}
ul.sub-menu li {
display: block;
background-color: #6b6b6b;
border-top: 1px solid #868686 !important;
}
ul.sub-menu li:first-child {
border-top: none !important;
}
ul.sub-menu li a {
padding: 12px 18px;
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
}
ul.sub-menu li a em {
font-style: normal;
}
ul.sub-menu li a:hover {
color: #ffffff;
opacity: 0.9;
}
.nav-menu-box::-webkit-scrollbar {
width: 1px;
}
.nav-menu-box::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.nav-menu-box::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}   .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}  .boxedcontainer {
max-width: 1170px;
margin: auto;
padding: 0px 30px;
} .tp-banner-container {
width: 100%;
position: relative;
padding: 0;
}
.tp-banner {
width: 100%;
position: relative;
}
.tp-banner-fullscreen-container {
width: 100%;
position: relative;
padding: 0;
}
.slotholder:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}   .ip-header {
position: fixed;
top: 0;
z-index: 99999;
min-height: 480px;
width: 100%;
height: 100%;
background: #242424;
}
.ip-header h1 {
margin: 0;
}
.ip-logo,
.ip-loader {
position: absolute;
left: 0;
width: 100%;
opacity: 0;
cursor: default;
pointer-events: none;
}
.ip-logo {
top: 0;
height: 100%;
transform: translate3d(0, 25%, 0);
text-align: center;
}
.ip-logo img {
max-width: 250px;
}
.ip-loader {
bottom: 20%;
}
.ip-header .ip-inner {
display: block;
margin: 0 auto;
}
.ip-header .ip-loader svg {
fill: #242424;
}
.ip-header .ip-loader svg path.ip-loader-circlebg {
stroke: #333333 !important;
stroke-width: 5px;
}
.ip-header .ip-loader svg path.ip-loader-circle {
transition: stroke-dashoffset 0.2s;
stroke: #d92828;
stroke-width: 2px;
}
.loading .ip-logo,
.loading .ip-loader {
opacity: 1;
animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}
.loading .ip-loader {
animation-delay: 0.2s;
}
@keyframes animInitialHeader {
from {
opacity: 0;
transform: translate3d(0, 800px, 0);
}
}
.loaded .ip-logo,
.loaded .ip-loader {
opacity: 1;
}
.loaded .ip-logo {
transform-origin: 50% 0;
animation: animLoadedLogo 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}
@keyframes animLoadedLogo {
to {
transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
}
}
.loaded .ip-logo {
animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}
.loaded .ip-loader {
animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}
@keyframes animLoadedLoader {
to {
opacity: 0;
transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
}
}
.loaded .ip-header {
animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}
@keyframes animLoadedHeader {
to {
transform: translate3d(0, -100%, 0);
}
} .loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos {
animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}
.loaded .ip-main .browser,
.loaded .ip-main .browser .box:first-child {
animation-delay: 0.1s;
}
.loaded .ip-main .browser .box:nth-child(2) {
animation-delay: 0.15s;
}
.loaded .ip-main .browser .box:nth-child(3) {
animation-delay: 0.2s;
}
@keyframes animLoadedContent {
from {
opacity: 0;
transform: translate3d(0, 200px, 0);
}
}
.layout-switch .ip-header {
position: absolute;
}
.no-js .ip-header {
position: relative;
min-height: 0px;
}
.no-js .ip-header .ip-logo {
margin-top: 20px;
height: 180px;
opacity: 1;
transform: none;
}
.cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
}
.cursor--small {
width: 5px;
height: 5px;
left: -2.5px;
top: -2.5px;
border-radius: 50%;
z-index: 11000;
background: #ffffff;
}
.cursor--canvas {
width: 100vw;
height: 100vh;
z-index: 12000;
}
body {
background: #242424;
font-family: "Montserrat", sans-serif;
}
.container {
max-width: 1170px;
}
#container {
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.loaded #container {
opacity: 1;
}
@media (max-width: 767px) {
h1 {
font-size: 34px;
}
h2 {
font-size: 24px;
}
}
#content {
padding-left: 100px;
}
@media (max-width: 1023px) {
#content {
padding-left: 0;
}
}
a.button-one {
padding: 14px 34px;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
border: 1px solid #ffffff;
position: relative;
}
a.button-one:before {
content: "";
position: absolute;
top: 1px;
left: -1px;
width: 0;
bottom: -1px;
background: #d92828;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
a.button-one:hover:before {
width: 100%;
}
a.button-one:hover {
color: #ffffff;
}
a.button-one span {
position: relative;
z-index: 2;
}
a.theme-button {
display: inline-block;
padding: 14px 30px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
font-family: "Montserrat", sans-serif;
border: 1px solid #2e2e2e;
position: relative;
}
a.theme-button:before {
content: "";
position: absolute;
top: 1px;
left: -1px;
width: 0;
bottom: -1px;
background: #d92828;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
a.theme-button:hover:before {
width: 100%;
}
a.theme-button span {
position: relative;
z-index: 2;
}
div.title-box.center-title {
text-align: center;
}
div.title-box span {
display: inline-block;
font-size: 14px;
color: rgba(248, 248, 248, 0.7);
margin-bottom: 4px;
}
div.title-box h2 {
margin-bottom: 24px;
line-height: 42px;
}
section.page-banner-section {
padding: 200px 0 100px;
text-align: center;
position: relative;
background-color: #272727;
}
section.page-banner-section .image-holder {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
section.page-banner-section .image-holder img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
section.page-banner-section .container {
position: relative;
z-index: 2;
}
section.page-banner-section p {
margin-bottom: 0;
}
.info-box {
position: absolute;
top: 30px;
right: 30px;
padding: 11px;
z-index: 2;
background: rgba(255, 255, 255, 0.05);
font-size: 13px;
letter-spacing: 1px;
font-weight: 500;
}
@media (max-width: 1023px) {
.info-box {
display: none;
}
}
.info-box p {
color: #ffffff;
line-height: 18px;
display: flex;
align-items: center;
margin-bottom: 0;
}
.info-box p i {
font-size: 18px;
margin-right: 7px;
}
.info-box p span {
display: inline-block;
width: 1px;
height: 16px;
background: #6e6e6e;
margin: 0 11px;
}
.divider-line {
border-bottom: 1px solid #2e2e2e;
}
section.error-section {
height: 100vh;
display: flex;
align-items: center;
text-align: center;
}
section.error-section .container {
max-width: 982px;
}
section.error-section div.title {
text-align: left;
}
section.error-section span {
color: #ffffff;
display: inline-block;
font-size: 24px;
font-family: "Montserrat", sans-serif;
line-height: 30px;
padding: 6px 14px;
background-color: #d92828;
margin-left: 13px;
}
@media (max-width: 767px) {
section.error-section span {
margin-left: 0;
}
}
section.error-section h1 {
font-size: 158px;
font-weight: 700;
text-transform: uppercase;
line-height: 170px;
}
@media (max-width: 1239px) {
section.error-section h1 {
font-size: 120px;
line-height: 140px;
}
}
@media (max-width: 1023px) {
section.error-section h1 {
font-size: 100px;
line-height: 120px;
}
}
@media (max-width: 767px) {
section.error-section h1 {
font-size: 60px;
line-height: 86px;
}
}
section.error-section a {
display: inline-block;
color: #ffffff;
font-size: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
text-transform: uppercase;
padding: 14px 35px;
border: 2px solid #ffffff;
}
section.error-section a:hover {
background-color: #d92828;
border-color: transparent;
}
.not-found-title {
margin: 15px 15px 50px;
}
.not-found-title h1 {
font-size: 100px;
font-weight: 700;
text-transform: uppercase;
line-height: 120px;
}
@media (max-width: 1239px) {
.not-found-title h1 {
font-size: 70px;
line-height: 90px;
}
}
@media (max-width: 1023px) {
.not-found-title h1 {
font-size: 50px;
line-height: 70px;
}
}
@media (max-width: 767px) {
.not-found-title h1 {
font-size: 30px;
line-height: 46px;
}
}
.not-found-title a {
display: inline-block;
color: #ffffff;
font-size: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
text-transform: uppercase;
padding: 14px 35px;
border: 2px solid #ffffff;
}
.not-found-title a:hover {
background-color: #d92828;
border-color: transparent;
}  section.blog-section {
padding: 140px 0;
}
section.blog-section .blog-box.col2 {
margin: -15px;
}
section.blog-section .blog-box.col2 .blog-post {
width: 50%;
padding: 15px;
}
@media (max-width: 767px) {
section.blog-section .blog-box.col2 .blog-post {
width: 100%;
}
}
section.blog-section .blog-box.col1 {
margin: -15px;
}
section.blog-section .blog-box.col1 .blog-post {
width: 100%;
padding: 15px;
}
section.blog-section .blog-box.col3 {
margin: -15px;
}
section.blog-section .blog-box.col3 .blog-post {
width: 33.3333%;
padding: 15px;
}
.blog-post a.post-thumbnail {
display: block;
margin: 0;
}
.blog-post a.post-thumbnail img {
width: 100%;
height: 375px;
object-fit: cover;
object-position: center;
}
.blog-post .post-content {
padding: 40px;
background: #3d3d3d;
}
.blog-post .post-content h3 {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #313131;
}
@media (max-width: 1023px) {
.blog-post .post-content h3 {
font-size: 19px;
line-height: 30px;
}
}
.blog-post .post-content h3 a {
color: #ffffff;
}
.blog-post .post-content h3 a:hover {
color: #d92828;
}
.blog-post .post-content p {
margin-bottom: 0;
}
.blog-post .post-content a.button-one {
margin-top: 28px;
}
.blog-post.post-list-style {
display: flex;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #2e2e2e;
}
@media (max-width: 767px) {
.blog-post.post-list-style {
flex-wrap: wrap;
}
}
.blog-post.post-list-style:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.blog-post.post-list-style a.post-thumbnail,
.blog-post.post-list-style .post-content {
width: 50%;
}
@media (max-width: 767px) {
.blog-post.post-list-style a.post-thumbnail,
.blog-post.post-list-style .post-content {
width: 100%;
}
}
.blog-post.post-list-style a.post-thumbnail img {
height: 415px;
object-fit: cover;
object-position: center;
}
.blog-post.post-list-style .post-content {
padding: 50px;
}
@media (max-width: 1023px) {
.blog-post.post-list-style .post-content {
padding: 30px;
}
}
.blog-post.post-list-style .post-content h3 {
padding-top: 26px;
margin-top: 30px;
}
ul.meta-list {
padding: 0;
margin: 0;
}
ul.meta-list li {
display: inline-block;
margin-right: 17px;
}
@media (max-width: 1239px) {
ul.meta-list li {
margin-right: 10px;
}
}
ul.meta-list li:before {
content: "";
display: inline-block;
width: 40px;
height: 1px;
background: #ffffff;
margin-right: 20px;
float: left;
margin-top: 14px;
}
@media (max-width: 1239px) {
ul.meta-list li:before {
margin-right: 14px;
}
}
ul.meta-list li:first-child:before {
display: none;
}
ul.meta-list li a {
color: #ffffff;
font-size: 11px;
font-weight: 300;
font-family: "Rubik", sans-serif;
text-transform: uppercase;
line-height: 30px;
}
ul.meta-list li a i {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background: #d92828;
text-align: center;
font-size: 15px;
float: left;
margin-right: 15px;
}
@media (max-width: 1239px) {
ul.meta-list li a i {
margin-right: 10px;
}
}
ul.pagination-list,
ul.page-numbers {
padding: 0;
margin: 40px 0 0;
}
ul.pagination-list li,
ul.page-numbers li {
display: inline-block;
margin-right: 17px;
}
ul.pagination-list li a, ul.pagination-list li span,
ul.page-numbers li a,
ul.page-numbers li span {
display: inline-block;
font-weight: 300;
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
width: 30px;
text-align: center;
padding-bottom: 12px;
border-bottom: 1px solid #2e2e2e;
}
ul.pagination-list li a.current, ul.pagination-list li span.current,
ul.page-numbers li a.current,
ul.page-numbers li span.current {
border-bottom: 5px solid #d92828;
margin-bottom: -4px;
color: #ffffff !important;
}
ul.pagination-list li a:hover, ul.pagination-list li span:hover,
ul.page-numbers li a:hover,
ul.page-numbers li span:hover {
color: #ffffff;
}  section.filter-section {
background-image: url(//zimmerei-rank.de/wp-content/themes/royarch/assets/images/portfolio-filter-bg.png);
background-color: rgba(80, 80, 80, 0.2);
background-blend-mode: multiply;
background-size: cover;
text-align: center;
}
section.filter-section ul.filter {
padding: 0;
margin: 0;
overflow: hidden;
}
section.filter-section ul.filter li {
display: inline-block;
padding: 70px 0;
border-right: 1px solid #5e5e5e;
width: 160px;
text-align: center;
}
section.filter-section ul.filter li:first-child {
border-left: 1px solid #5e5e5e;
}
@media (max-width: 1459px) {
section.filter-section ul.filter li {
width: 130px;
padding: 50px 0;
}
}
@media (max-width: 1239px) {
section.filter-section ul.filter li {
width: auto;
padding: 20px;
}
}
@media (max-width: 1023px) {
section.filter-section ul.filter li {
width: 25%;
float: left;
border-bottom: 1px solid #5e5e5e;
border-left: none !important;
}
}
@media (max-width: 767px) {
section.filter-section ul.filter li {
width: 33.3333%;
float: left;
}
}
section.filter-section ul.filter li a {
display: inline-block;
padding: 16px 0;
color: #f8f8f8;
font-size: 16px;
font-family: "Montserrat", sans-serif;
position: relative;
}
section.filter-section ul.filter li a:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -15px;
width: 30px;
height: 3px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: transparent;
}
section.filter-section ul.filter li a.active:before {
background: #d92828;
}
section.portfolio-section {
padding: 140px 0;
}
@media (max-width: 1239px) {
section.portfolio-section {
padding: 100px 0;
}
}
@media (max-width: 1023px) {
section.portfolio-section {
padding: 60px 15px;
}
}
@media (max-width: 767px) {
section.portfolio-section {
padding: 30px 15px;
}
}
section.portfolio-section.fullscreen {
padding: 0;
}
section.portfolio-section .portfolio-box {
margin: -15px;
}
section.portfolio-section .portfolio-box .portfolio-post {
width: 33.3333%;
padding: 15px;
}
@media (max-width: 1239px) {
section.portfolio-section .portfolio-box .portfolio-post {
width: 50%;
}
}
@media (max-width: 767px) {
section.portfolio-section .portfolio-box .portfolio-post {
width: 100%;
}
}
section.portfolio-section .portfolio-box.colum4 .portfolio-post {
width: 25%;
}
@media (max-width: 1239px) {
section.portfolio-section .portfolio-box.colum4 .portfolio-post {
width: 50%;
}
}
@media (max-width: 767px) {
section.portfolio-section .portfolio-box.colum4 .portfolio-post {
width: 100%;
}
}
section.portfolio-section .portfolio-box.colum4 .portfolio-post.with-large-size {
width: 50%;
}
@media (max-width: 767px) {
section.portfolio-section .portfolio-box.colum4 .portfolio-post.with-large-size {
width: 100%;
}
}
section.portfolio-section .portfolio-box.colum5 .portfolio-post {
width: 20%;
}
@media (max-width: 1239px) {
section.portfolio-section .portfolio-box.colum5 .portfolio-post {
width: 25%;
}
}
@media (max-width: 1023px) {
section.portfolio-section .portfolio-box.colum5 .portfolio-post {
width: 33.3333%;
}
}
@media (max-width: 767px) {
section.portfolio-section .portfolio-box.colum5 .portfolio-post {
width: 100%;
}
}
section.portfolio-section .portfolio-box.joined {
margin: 0;
}
section.portfolio-section .portfolio-box.joined .portfolio-post {
padding: 0;
} .portfolio-post figure {
position: relative;
float: left;
overflow: hidden;
margin: 0;
width: 100%;
}
.portfolio-post figure:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
}
.portfolio-post figure img {
position: relative;
display: block;
width: 110%;
}
.portfolio-post figure figcaption {
padding: 30px;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 3;
font-style: normal;
}
.portfolio-post figure figcaption::before,
.portfolio-post figure figcaption::after {
pointer-events: none;
}
.portfolio-post figure figcaption,
.portfolio-post figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.portfolio-post figure.hover2 figcaption {
bottom: 10px;
left: 10px;
right: 10px;
top: inherit;
width: auto;
height: auto;
background-color: #3d3d3d;
}  .portfolio-post figure figcaption > a {
z-index: 1000;
top: 30px;
left: initial;
right: 30px;
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ffffff;
line-height: 56px;
text-align: center;
}
.portfolio-post figure figcaption > a span {
position: relative;
z-index: 2;
font-size: 20px;
line-height: 60px;
color: #ffffff;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.portfolio-post figure figcaption > a:hover span {
color: #d92828;
}
.portfolio-post figure figcaption > a:after {
content: "";
position: absolute;
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.portfolio-post figure figcaption > a:hover:after {
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.portfolio-post figure.hover2 figcaption > a {
border: 5px solid #d92828;
background-color: #3d3d3d;
top: -30px;
right: 20px;
}
.portfolio-post figure.hover2 figcaption > a span {
line-height: 50px;
}
.portfolio-post figure h4,
.portfolio-post figure p {
margin: 0;
}
.portfolio-post figure h4 a,
.portfolio-post figure p a {
color: #ffffff;
}
.portfolio-post figure h4 a:hover,
.portfolio-post figure p a:hover {
color: #d92828;
}   figure.effect-milo {
background: #888888;
}
figure.effect-milo img {
max-width: none;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-milo:hover img {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
figure.effect-milo.hover2:hover img {
opacity: 1;
}
figure.effect-milo figcaption > a {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
figure.effect-milo:hover figcaption > a {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-milo p {
color: #ffffff;
font-size: 14px;
text-transform: lowercase;
}
figure.effect-milo.hover2 p {
font-size: 13px;
text-transform: uppercase;
}
.portfolio-post figure.effect-milo.hover2 h4 {
font-size: 16px;
margin-top: 2px;
}
figure.effect-milo.hover2 figcaption > a {
-webkit-transform: translate3d(40px, 0, 0);
transform: translate3d(40px, 0, 0);
}
figure.effect-milo.hover2:hover figcaption > a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}   section.contact-info-section {
padding: 140px 0;
}
section.contact-info-section .col-lg-4 {
margin-right: -1px;
}
section.contact-info-section .col-lg-4 .contact-info-post {
display: flex;
align-items: center;
padding: 35px 55px;
border: 1px solid #3d3d3d;
}
@media (max-width: 1023px) {
section.contact-info-section .col-lg-4 .contact-info-post {
margin-bottom: 30px;
padding: 30px 30px;
}
}
section.contact-info-section .col-lg-4 .contact-info-post i {
color: #ffffff;
font-size: 28px;
margin-right: 26px;
}
section.contact-info-section .col-lg-4 .contact-info-post h4 {
font-weight: 400;
font-size: 19px;
}
section.contact-info-section .col-lg-4 .contact-info-post p {
margin-bottom: 0;
font-size: 14px;
}
.contact-form-box {
padding-top: 50px;
}
.contact-form-box #contact-form {
padding: 30px 30px 0;
border: 1px solid #3d3d3d;
}
@media (max-width: 1023px) {
.contact-form-box #contact-form {
margin-bottom: 40px;
}
}
.contact-form-box #contact-form h4 {
font-size: 19px;
font-weight: 400;
margin-bottom: 20px;
}
.contact-form-box #contact-form .input-line {
display: flex;
border-bottom: 1px solid #3d3d3d;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin-bottom: 35px;
position: relative;
}
.contact-form-box #contact-form .input-line:last-child {
margin-bottom: 0;
}
.contact-form-box #contact-form .input-line label {
color: rgba(255, 255, 255, 0.3);
font-size: 16px;
padding-bottom: 20px;
}
.contact-form-box #contact-form .input-line:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 14px;
background: #3d3d3d;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.contact-form-box #contact-form .input-line:focus-within {
border-color: #ffffff;
}
.contact-form-box #contact-form .input-line:focus-within:after {
left: 100%;
margin-left: -14px;
background: #ffffff;
}
.contact-form-box #contact-form p {
margin-bottom: 0;
}
.contact-form-box #contact-form input[type=text],
.contact-form-box #contact-form input[type=email],
.contact-form-box #contact-form textarea {
display: block;
width: 100%;
padding: 0 12px 20px;
background: transparent;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
font-family: "Montserrat", sans-serif;
outline: none;
border: none;
margin: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.contact-form-box #contact-form textarea {
padding: 0;
height: 124px;
}
.contact-form-box #contact-form span.your-message {
display: block;
width: 100%;
}
.contact-form-box #contact-form button,
.contact-form-box #contact-form input[type=submit] {
width: 100%;
display: block;
text-align: center;
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
padding: 12px 22px;
border: none;
background: #3d3d3d;
outline: none;
margin-bottom: 0;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.contact-form-box #contact-form button:hover,
.contact-form-box #contact-form input[type=submit]:hover {
background: #d92828;
color: #ffffff;
}
#msg {
display: none;
padding: 14px 30px;
font-size: 15px;
font-family: "Montserrat", sans-serif;
}
#map {
width: 100%;
height: 310px;
}  section.about-section {
padding-top: 130px;
}
section.about-section .about-box img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
margin-bottom: 30px;
}
section.about-section .about-box img.snd-size {
height: 430px;
}
section.about-section .about-box .about-content {
padding-left: 10px;
}
section.about-section .about-box h3 {
font-size: 26px;
margin-bottom: 20px;
margin-top: 26px;
}
section.about-section .about-box p {
margin-bottom: 24px;
}
section.about-section .about-box ul.feature-list {
padding: 0;
margin: 0;
}
section.about-section .about-box ul.feature-list li {
display: block;
margin-bottom: 20px;
}
section.about-section .about-box ul.feature-list li:before {
content: "";
color: #fff;
font-size: 22px;
font-weight: 400;
font-family: "Font Awesome 5 Free";
margin-right: 16px;
float: left;
}  section.features-carousel-section {
margin-bottom: 130px;
}
section.features-carousel-section .feature-post {
padding-right: 212px;
overflow: hidden;
padding-bottom: 31px;
}
@media (max-width: 1023px) {
section.features-carousel-section .feature-post {
padding-right: 0;
}
}
section.features-carousel-section .feature-post .image-holder {
float: left;
width: 60%;
margin-right: -10%;
position: relative;
}
@media (max-width: 1023px) {
section.features-carousel-section .feature-post .image-holder {
width: 100%;
}
}
section.features-carousel-section .feature-post .image-holder:after {
content: "";
position: absolute;
width: 1px;
height: 426px;
top: 0;
right: -30px;
background-color: #2e2e2e;
}
section.features-carousel-section .feature-post .image-holder:before {
content: "";
position: absolute;
width: auto;
height: 1px;
bottom: -30px;
right: -30px;
left: 0;
background-color: #2e2e2e;
}
section.features-carousel-section .feature-post img {
width: 100%;
height: 396px;
object-fit: cover;
object-position: center;
}
section.features-carousel-section .feature-post .feature-post-content {
width: 50%;
height: 230px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: #3d3d3d;
padding: 30px;
float: right;
position: relative;
z-index: 2;
}
@media (max-width: 1023px) {
section.features-carousel-section .feature-post .feature-post-content {
height: auto;
width: 100%;
}
}
section.features-carousel-section .feature-post .feature-post-content span {
font-size: 20px;
color: #ffffff;
font-size: 20px;
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
section.features-carousel-section .feature-post .feature-post-content span:before {
content: "";
width: 10px;
height: 10px;
background-color: #d92828;
float: left;
margin-right: 10px;
margin-top: 10px;
}
section.features-carousel-section .feature-post .feature-post-content h3 {
font-size: 24px;
margin-bottom: 0;
text-transform: uppercase;
}
section.features-carousel-section .owl-dots {
display: none;
}
section.features-carousel-section .owl-carousel .owl-nav {
position: absolute;
top: 0;
right: 0;
border: 1px solid #2e2e2e;
border-left: none;
width: 212px;
padding: 48px 0 47px;
margin: 0;
background-color: #242424;
}
section.features-carousel-section .owl-carousel .owl-nav button.owl-prev,
section.features-carousel-section .owl-carousel .owl-nav button.owl-next {
color: #ffffff;
padding: 50px 20px !important;
border: 1px solid #2e2e2e;
font-size: 20px;
margin: 0 !important;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.features-carousel-section .owl-carousel .owl-nav button.owl-next {
border-left: none;
margin-left: -1px !important;
}
.features-section {
padding: 130px 0;
}
.features-section .features-box .row {
align-items: center;
}
.features-section .features-box h3 {
font-size: 26px;
}
.features-section .features-box p {
margin-bottom: 20px;
}
.features-section .features-box img {
width: 100%;
height: auto;
}
.features-section2 {
padding: 130px 0;
}
.features-section2.no-padd-top {
padding-top: 0;
}
.features-section2 .features-box2 {
position: relative;
}
.features-section2 .features-box2:before, .features-section2 .features-box2:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
}
.features-section2 .features-box2:before {
top: 0;
right: 0;
border-top: 2px solid #6c6c6c;
border-right: 2px solid #6c6c6c;
}
.features-section2 .features-box2:after {
bottom: 0;
right: 0;
border-bottom: 2px solid #6c6c6c;
border-right: 2px solid #6c6c6c;
}
.features-section2 .features-box2 .row {
align-items: center;
}
.features-section2 .images-box {
position: relative;
border: 1px solid #2e2e2e;
padding: 30px;
}
@media (max-width: 1023px) {
.features-section2 .images-box {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.features-section2 .images-box {
padding-bottom: 1px;
}
}
.features-section2 .images-box:before, .features-section2 .images-box:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
}
.features-section2 .images-box:before {
top: 0;
left: 0;
border-top: 2px solid #6c6c6c;
border-left: 2px solid #6c6c6c;
}
.features-section2 .images-box:after {
bottom: 0;
left: 0;
border-bottom: 2px solid #6c6c6c;
border-left: 2px solid #6c6c6c;
}
.features-section2 .images-box img {
width: 110%;
height: auto;
margin-bottom: 0;
max-width: none;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.features-section2 .images-box .image-holder {
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.features-section2 .images-box .image-holder {
margin-bottom: 30px;
}
}
.features-section2 .images-box .image-holder:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2;
}
.features-section2 .images-box .image-holder span {
position: absolute;
display: inline-block;
top: 50%;
left: 0;
width: 100%;
text-align: center;
transform: translateY(-50%);
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
z-index: 3;
}
.features-section2 .images-box .image-holder:hover span {
opacity: 1;
}
.features-section2 .images-box .image-holder:hover img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.features-section2 .feature-content {
text-align: right;
padding-right: 30px;
}
.features-section2 .feature-content span {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
display: inline-block;
margin-bottom: 5px;
}
.features-section2 .feature-content span:after {
content: "";
height: 2px;
width: 30px;
background-color: #d92828;
float: right;
margin-top: 10px;
margin-left: 15px;
}
@media (max-width: 1023px) {
.features-section2 .feature-content span:after {
display: none;
}
}
.features-section2 .feature-content h3 {
margin-bottom: 15px;
}
.features-section2 .feature-content p {
margin-bottom: 0;
}  section.architecture-section {
padding: 240px 140px 130px;
background: url(//zimmerei-rank.de/wp-content/themes/royarch/assets/images/bg.jpg) center center fixed no-repeat;
background-size: cover;
}
@media (max-width: 1239px) {
section.architecture-section {
padding: 130px 30px 30px 30px;
}
}
section.architecture-section .architecture-box {
margin: -50px;
}
@media (max-width: 1459px) {
section.architecture-section .architecture-box {
margin: -15px;
}
}
section.architecture-section .architecture-box .architecture-post {
width: 33.33333%;
padding: 50px;
}
@media (max-width: 1459px) {
section.architecture-section .architecture-box .architecture-post {
padding: 15px;
}
}
@media (max-width: 1023px) {
section.architecture-section .architecture-box .architecture-post {
width: 50%;
}
}
@media (max-width: 767px) {
section.architecture-section .architecture-box .architecture-post {
width: 100%;
}
}
section.architecture-section .architecture-box .architecture-post .image-holder {
overflow: hidden;
}
section.architecture-section .architecture-box .architecture-post img {
width: 110%;
height: auto;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
section.architecture-section .architecture-box .architecture-post .hover-box {
position: absolute;
bottom: 50px;
left: 95px;
right: 95px;
padding: 30px;
background: rgba(0, 0, 0, 0.8);
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
@media (max-width: 1459px) {
section.architecture-section .architecture-box .architecture-post .hover-box {
bottom: 15px;
left: 45px;
right: 45px;
}
}
@media (max-width: 1239px) {
section.architecture-section .architecture-box .architecture-post .hover-box {
bottom: 15px;
left: 15px;
right: 15px;
}
}
section.architecture-section .architecture-box .architecture-post .hover-box .cat-link {
display: inline-block;
color: #ffffff;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
margin: 0 0 6px;
}
section.architecture-section .architecture-box .architecture-post .hover-box .cat-link:before {
content: "";
display: inline-block;
width: 27px;
height: 3px;
margin-right: 15px;
background: #d92828;
margin-top: 8px;
float: left;
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
section.architecture-section .architecture-box .architecture-post .hover-box h4 {
font-size: 18px;
margin-bottom: 0;
}
@media (max-width: 1239px) {
section.architecture-section .architecture-box .architecture-post .hover-box h4 {
font-size: 17px;
}
}
@media (max-width: 1023px) {
section.architecture-section .architecture-box .architecture-post .hover-box h4 {
font-size: 18px;
}
}
section.architecture-section .architecture-box .architecture-post .hover-box h4 a {
color: #ffffff;
}
section.architecture-section .architecture-box .architecture-post .hover-box h4 a:hover {
color: #d92828;
}
section.architecture-section .architecture-box .architecture-post:hover img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
section.architecture-section .architecture-box .architecture-post:hover .hover-box {
bottom: 95px;
}
@media (max-width: 1459px) {
section.architecture-section .architecture-box .architecture-post:hover .hover-box {
bottom: 45px;
}
}
@media (max-width: 1239px) {
section.architecture-section .architecture-box .architecture-post:hover .hover-box {
bottom: 15px;
}
}
section.architecture-section .architecture-box .architecture-post:hover .hover-box .cat-link:before {
width: 0;
margin-right: 0;
}  section.scroller-section {
padding-top: 100px;
}
section.scroller-section .owl-dots,
section.scroller-section .owl-carousel .owl-nav {
display: none;
}
section.scroller-section .scroller-post {
position: relative;
}
section.scroller-section .scroller-post .image-holder {
overflow: hidden;
}
section.scroller-section .scroller-post .image-holder img {
width: 105%;
height: calc(100vh - 100px);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-25px, 0, 0) scale(1.12);
transform: translate3d(-25px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
object-fit: cover;
object-position: center;
}
section.scroller-section .scroller-post .hover-box {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 45px;
}
@media (max-width: 1239px) {
section.scroller-section .scroller-post .hover-box {
padding: 30px;
}
}
section.scroller-section .scroller-post .hover-box:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
z-index: 2;
background: linear-gradient(180deg, rgba(190, 35, 35, 0) 0%, rgba(190, 35, 35, 0.1) 25%, rgba(190, 35, 35, 0.5) 50%, #bd2323 100%);
}
section.scroller-section .scroller-post .hover-box:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(11, 11, 11, 0.1) 25%, rgba(11, 11, 11, 0.4) 50%, rgba(11, 11, 11, 0.7) 100%);
}
section.scroller-section .scroller-post .hover-box span:first-child {
display: inline-block;
width: 87px;
height: 87px;
text-align: center;
line-height: 67px;
color: #fff;
border: 10px solid rgba(255, 255, 255, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
margin-bottom: 20px;
font-size: 32px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
position: relative;
z-index: 2;
}
section.scroller-section .scroller-post .hover-box .cat-link {
display: inline-block;
line-height: 20px;
border: none;
border-radius: 0;
color: #ffffff;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
margin: 0 0 20px;
position: relative;
z-index: 2;
}
section.scroller-section .scroller-post .hover-box .cat-link:before {
content: "";
display: inline-block;
width: 86px;
height: 3px;
margin-right: 30px;
background: #fff;
margin-top: 8px;
float: left;
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
section.scroller-section .scroller-post .hover-box h3 {
margin-bottom: 0;
position: relative;
z-index: 2;
}
@media (max-width: 1459px) {
section.scroller-section .scroller-post .hover-box h3 {
font-size: 20px;
}
}
section.scroller-section .scroller-post .hover-box h3 a {
color: #ffffff;
}
section.scroller-section .scroller-post .hover-box h3 a:hover {
opacity: 0.7;
}
section.scroller-section .scroller-post:hover .image-holder img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
section.scroller-section .scroller-post:hover .hover-box:before {
opacity: 1;
}
section.scroller-section .scroller-post:hover .hover-box:after {
opacity: 0;
}
section.scroller-section .scroller-post:hover .hover-box .cat-link:before {
width: 0;
margin-right: 0;
}
section.scroller-section2 {
background: url(//zimmerei-rank.de/wp-content/themes/royarch/assets/upload/home7/bg.jpg) center center fixed no-repeat;
background-size: cover;
display: flex;
align-items: center;
height: 100vh;
padding: 100px 100px 0;
}
@media (max-width: 767px) {
section.scroller-section2 {
padding: 100px 75px 0 15px;
}
}
section.scroller-section2 .owl-dots,
section.scroller-section2 .owl-carousel .owl-nav {
display: none;
}
section.scroller-section2 .scroller-box {
max-height: 510px;
overflow: hidden;
}
section.scroller-section2 .item {
margin: 0 50px;
}
@media (max-width: 767px) {
section.scroller-section2 .item {
margin: 0;
}
}
section.scroller-section2 .scroller-post .image-holder {
overflow: hidden;
position: relative;
margin-left: 200px;
height: 510px;
}
@media (max-width: 1459px) {
section.scroller-section2 .scroller-post .image-holder {
margin-left: 100px;
}
}
@media (max-width: 767px) {
section.scroller-section2 .scroller-post .image-holder {
margin-left: 0;
}
}
section.scroller-section2 .scroller-post .image-holder img {
width: 110%;
height: 510px;
object-fit: cover;
object-position: center;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-23px, 0, 0) scale(1.12);
transform: translate3d(-23px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
section.scroller-section2 .scroller-post .image-holder:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: linear-gradient(180deg, rgba(11, 11, 11, 0) 0%, rgba(11, 11, 11, 0.1) 25%, rgba(11, 11, 11, 0.4) 50%, #0b0b0b 100%);
}
section.scroller-section2 .scroller-post .image-holder span {
position: absolute;
bottom: 95px;
left: 30px;
display: block;
width: 65px;
height: 65px;
text-align: center;
line-height: 55px;
color: #fff;
border: 5px solid rgba(255, 255, 255, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
font-size: 26px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
position: relative;
z-index: 2;
}
section.scroller-section2 .scroller-post .hover-box {
position: absolute;
left: 0;
top: 0;
height: 100%;
max-width: 60%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 45px;
}
@media (max-width: 767px) {
section.scroller-section2 .scroller-post .hover-box {
max-width: 100%;
padding: 30px;
}
}
section.scroller-section2 .scroller-post .hover-box .cat-link {
display: inline-block;
color: #ffffff;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
margin: 0 0 20px;
margin-left: -30px;
position: relative;
z-index: 2;
}
section.scroller-section2 .scroller-post .hover-box .cat-link:before {
content: "";
display: inline-block;
width: 27px;
height: 3px;
margin-right: 15px;
background: #d92828;
margin-top: 8px;
float: left;
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
section.scroller-section2 .scroller-post .hover-box h3 {
margin-bottom: 0;
position: relative;
z-index: 2;
}
@media (max-width: 1459px) {
section.scroller-section2 .scroller-post .hover-box h3 {
font-size: 20px;
}
}
section.scroller-section2 .scroller-post .hover-box h3 a {
color: #ffffff;
}
section.scroller-section2 .scroller-post .hover-box h3 a:hover {
color: #d92828;
}
section.scroller-section2 .scroller-post:hover .image-holder img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
section.scroller-section2 .scroller-post:hover .hover-box:before {
opacity: 1;
}
section.scroller-section2 .scroller-post:hover .hover-box:after {
opacity: 0;
}
section.scroller-section2 .scroller-post:hover .hover-box .cat-link:before {
width: 0;
margin-right: 0;
}
p.fixed-notifier {
position: fixed;
top: 50%;
right: -45px;
color: #ffffff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
z-index: 22;
transform: rotate(-90deg);
}
p.fixed-notifier span {
display: inline-block;
float: right;
width: 30px;
height: 17px;
margin-top: 4px;
margin-left: 20px;
position: relative;
border: 1px solid #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
p.fixed-notifier span:after {
content: "";
position: absolute;
top: 5px;
right: 5px;
width: 7px;
height: 4px;
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
section.scroller-section3 {
padding-top: 100px;
}
section.scroller-section3 .owl-dots {
display: none;
}
section.scroller-section3 .scroller-post {
position: relative;
}
section.scroller-section3 .scroller-post .image-holder {
overflow: hidden;
}
section.scroller-section3 .scroller-post .image-holder img {
width: 110% !important;
height: calc(100vh - 100px);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-25px, 0, 0) scale(1.12);
transform: translate3d(-25px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
object-fit: cover;
object-position: center;
}
section.scroller-section3 .scroller-post .hover-box {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 45px;
}
@media (max-width: 767px) {
section.scroller-section3 .scroller-post .hover-box {
padding: 30px;
}
}
section.scroller-section3 .scroller-post .hover-box:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
z-index: 2;
background: linear-gradient(180deg, rgba(190, 35, 35, 0) 0%, rgba(190, 35, 35, 0.1) 25%, rgba(190, 35, 35, 0.5) 50%, #bd2323 100%);
}
section.scroller-section3 .scroller-post .hover-box:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
opacity: 1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
background: rgba(0, 0, 0, 0.5);
}
section.scroller-section3 .scroller-post .hover-box .cat-link {
display: inline-block;
color: #ffffff;
font-size: 14px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
margin: 0 0 10px;
position: relative;
z-index: 2;
}
section.scroller-section3 .scroller-post .hover-box .cat-link:before {
content: "";
display: inline-block;
width: 0;
height: 3px;
margin-right: 0;
background: #fff;
margin-top: 8px;
float: left;
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
section.scroller-section3 .scroller-post .hover-box h4 {
margin-bottom: 0;
position: relative;
z-index: 2;
}
section.scroller-section3 .scroller-post .hover-box h4 a {
color: #ffffff;
}
section.scroller-section3 .scroller-post .hover-box h4 a:hover {
opacity: 0.7;
}
section.scroller-section3 .scroller-post:hover .image-holder img {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
section.scroller-section3 .scroller-post:hover .hover-box:before {
opacity: 1;
}
section.scroller-section3 .scroller-post:hover .hover-box:after {
opacity: 0;
}
section.scroller-section3 .scroller-post:hover .hover-box .cat-link:before {
width: 27px;
margin-right: 15px;
}
section.scroller-section3 .owl-carousel .owl-nav {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
margin-top: -35px;
}
section.scroller-section3 .owl-carousel .owl-nav button {
width: 70px;
height: 70px;
background: #d92828;
color: #ffffff;
text-align: center;
border: 10px solid #242424;
line-height: 40px;
font-size: 26px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.scroller-section3 .owl-carousel .owl-nav button:hover {
opacity: 0.85;
background: #d92828;
}
section.scroller-section3 .owl-carousel .owl-nav button.owl-prev {
float: left;
margin-left: 70px;
}
@media (max-width: 767px) {
section.scroller-section3 .owl-carousel .owl-nav button.owl-prev {
margin-left: 30px;
}
}
section.scroller-section3 .owl-carousel .owl-nav button.owl-next {
float: right;
margin-right: 70px;
}
@media (max-width: 767px) {
section.scroller-section3 .owl-carousel .owl-nav button.owl-next {
margin-right: 30px;
}
}
section.scroller-section4 {
padding: 150px 50px 50px;
}
@media (max-width: 1459px) {
section.scroller-section4 {
padding: 130px 30px 30px;
}
}
section.scroller-section4 .owl-dots,
section.scroller-section4 .owl-carousel .owl-nav {
display: none;
}
section.scroller-section4 .scroller-box {
border-right: 1px solid #353535;
}
section.scroller-section4 a.scroller-post {
border: 1px solid #353535;
border-right: none;
height: calc(100vh - 200px);
display: flex;
flex-direction: column;
}
@media (max-width: 1459px) {
section.scroller-section4 a.scroller-post {
height: calc(100vh - 160px);
}
}
section.scroller-section4 a.scroller-post .num-holder {
height: 40%;
padding: 50px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #353535;
}
section.scroller-section4 a.scroller-post .num-holder span {
display: inline-block;
font-size: 160px;
line-height: 60px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #3c3c3c;
letter-spacing: 10px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.scroller-section4 a.scroller-post .cont-holder {
height: 60%;
padding: 40px 50px 50px;
position: relative;
}
@media (max-width: 1459px) {
section.scroller-section4 a.scroller-post .cont-holder {
padding: 30px 30px 30px;
}
}
section.scroller-section4 a.scroller-post .cont-holder span.cat-link {
display: inline-block;
color: #ffffff;
font-size: 14px;
font-weight: 300;
font-family: "Montserrat", sans-serif;
margin: 0 0 10px;
position: relative;
z-index: 2;
}
@media (max-width: 1239px) {
section.scroller-section4 a.scroller-post .cont-holder span.cat-link {
display: none;
}
}
section.scroller-section4 a.scroller-post .cont-holder span.cat-link:before {
content: "";
display: inline-block;
width: 40px;
height: 2px;
margin-right: 10px;
background: #d92828;
margin-top: 8px;
float: left;
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
section.scroller-section4 a.scroller-post .cont-holder h4 {
margin-bottom: 0;
position: relative;
z-index: 2;
color: #ffffff;
}
@media (max-width: 1459px) {
section.scroller-section4 a.scroller-post .cont-holder h4 {
font-size: 18px;
}
}
section.scroller-section4 a.scroller-post .cont-holder .text-holder {
position: relative;
z-index: 2;
padding-bottom: 24px;
background: #242424;
}
section.scroller-section4 a.scroller-post .cont-holder img {
position: absolute;
width: calc(100% - 100px);
height: calc(100% - 100px);
object-fit: cover;
object-position: center;
top: 50px;
left: 50px;
}
@media (max-width: 1459px) {
section.scroller-section4 a.scroller-post .cont-holder img {
width: calc(100% - 60px);
height: calc(100% - 60px);
top: 30px;
left: 30px;
}
}
section.scroller-section4 a.scroller-post:hover .num-holder span {
color: #ffffff;
}
section.scroller-section4 a.scroller-post:hover .cont-holder span.cat-link:before {
width: 0;
margin-right: 0;
}
section.scroller-section4 .owl-item:nth-child(2n) .scroller-post {
flex-direction: column-reverse !important;
}
section.scroller-section4 .owl-item:nth-child(2n) .scroller-post .num-holder {
border-top: 1px solid #353535;
border-bottom: none;
}  section.slider-section {
padding-top: 100px;
}
section.slider-section.slider-style2 {
padding-top: 230px;
margin-bottom: 130px;
}
@media (max-width: 1023px) {
section.slider-section.slider-style2 {
padding-top: 100px;
}
}
@media (max-width: 767px) {
section.slider-section.slider-style2 {
padding-top: 100px;
}
}
section.slider-section.slider-style2 .tp-caption.NotGeneric-Title {
font-weight: 700;
text-transform: inherit;
}
section.slider-section.slider-style2 .tp-caption.NotGeneric-Title span.big-number {
display: inline-block;
width: 140px;
height: 140px;
background-color: #242424;
color: #ffffff;
text-align: center !important;
font-size: 90px !important;
line-height: 140px !important;
}
section.slider-section.fullscreen-style {
padding-top: 0;
}
section.slider-section.fullscreen-style .tp-caption.NotGeneric-SubTitle span {
padding: 0;
background-color: transparent;
position: relative;
z-index: 999999;
padding-left: 50px !important;
}
section.slider-section.fullscreen-style .tp-caption.NotGeneric-SubTitle span:before {
content: "";
display: inline-block;
width: 30px;
height: 2px;
background: #d92828;
position: absolute;
top: 50%;
left: 0px;
z-index: 9999;
opacity: 1;
visibility: visible;
}
section.slider-section.fullscreen-style .tp-caption.NotGeneric-SubTitle a {
color: #ffffff;
padding: 10px 28px;
border: 2px solid #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
text-transform: uppercase;
font-weight: 400;
}
section.slider-section.fullscreen-style .tp-caption.NotGeneric-SubTitle a:hover {
background-color: #d92828;
border-color: transparent;
}
section.slider-section.fullscreen-style .tp-bullets {
height: 70px !important;
background-color: #3d3d3d;
width: 170px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
@media (max-width: 1023px) {
section.slider-section.fullscreen-style .tp-bullets {
transform: matrix(1, 0, 0, 1, 0, -70) !important;
}
}
@media (max-width: 767px) {
section.slider-section.fullscreen-style .tp-bullets {
display: none !important;
}
}
section.slider-section.fullscreen-style .tp-bullets .tp-bullet {
position: relative !important;
left: inherit !important;
height: 10px;
width: 10px;
border: 1px solid #5f5f5f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: transparent;
margin: 0 10px;
}
section.slider-section.fullscreen-style .tp-bullets .tp-bullet.selected {
border-color: transparent;
background-color: #d92828;
}
section.slider-section.fullscreen-style .tp-bullets .tp-bullet.selected:after {
content: "";
position: absolute;
top: -9px;
left: -9px;
right: -9px;
bottom: -9px;
border: 2px solid #878787;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
section.slider-section.fullscreen-style .tp-static-layer {
color: #ffffff;
width: 60px;
height: 60px;
border: 10px solid rgba(255, 255, 255, 0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height: 40px;
font-size: 12px;
}
section.slider-section.fullscreen-style li {
counter-increment: section;
}
section.slider-section.fullscreen-style li:after {
content: "0" counter(section);
position: absolute;
top: 130px;
right: 30px;
color: rgba(255, 255, 255, 0.15);
font-size: 90px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
width: 150px;
text-align: center;
line-height: 140px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 1023px) {
section.slider-section.fullscreen-style li:after {
display: none;
}
}
section.slider-section.fullscreen-style li:before {
content: "";
position: absolute;
bottom: 60%;
top: 272px;
right: 30px !important;
left: initial !important;
visibility: visible;
width: 1px;
display: inline-block;
z-index: 2;
background: #ffffff;
opacity: 0.3 !important;
}
@media (max-width: 1023px) {
section.slider-section.fullscreen-style li:before {
display: none;
}
}
section.slider-section.with-back-overlay .slotholder:after {
display: block;
width: 50% !important;
height: 100% !important;
background-color: rgba(0, 0, 0, 0.95);
background-blend-mode: multiply;
background-size: cover;
background-image: url(//zimmerei-rank.de/wp-content/themes/royarch/assets/upload/home10/bg2.png);
position: absolute;
top: 0;
left: 0;
z-index: 17;
margin-left: 100px;
}
@media (max-width: 1023px) {
section.slider-section.with-back-overlay .slotholder:after {
width: 60% !important;
margin-left: 0;
}
}
@media (max-width: 767px) {
section.slider-section.with-back-overlay .slotholder:after {
width: 100% !important;
background-color: rgba(0, 0, 0, 0.3);
}
}
section.slider-section .progress-holder {
margin: 33px 170px 33px 300px;
position: relative;
height: 4px;
border-left: 1px solid #3d3d3d;
border-right: 1px solid #3d3d3d;
background-color: #3d3d3d;
border-radius: 2px;
}
@media (max-width: 1023px) {
section.slider-section .progress-holder {
margin: 33px 170px 33px 200px;
}
}
@media (max-width: 767px) {
section.slider-section .progress-holder {
margin: 33px 170px 33px 33px;
}
}
section.slider-section .tp-bannertimer {
background-color: #d92828 !important;
bottom: 1px !important;
}
section.slider-section .custom-navigator-bar {
position: absolute;
bottom: 0;
width: 100%;
height: 70px;
left: 0;
background-color: #272727;
z-index: 20;
}
section.slider-section .tp-caption.NotGeneric-Title {
font-family: "Montserrat", sans-serif;
font-weight: 100;
text-transform: uppercase;
letter-spacing: inherit;
}
section.slider-section .tp-caption.NotGeneric-SubTitle {
font-family: "Montserrat", sans-serif;
font-weight: 700;
letter-spacing: inherit;
}
section.slider-section .tp-caption.NotGeneric-SubTitle span {
display: inline-block;
font-weight: 600;
padding: 8px 14px;
background-color: #d92828;
}
section.slider-section .tparrows {
width: 70px;
height: 70px;
background-color: #3d3d3d;
border: 10px solid #242424;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.slider-section .tparrows:before {
line-height: 50px;
}
section.slider-section .tparrows.tp-leftarrow:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -10px;
width: 1px;
background-color: #3a3a3a;
}
section.slider-section .tparrows:hover {
background-color: #d92828;
}
#rev_slider_41_1_wrapper {
padding-left: 100px !important;
background-color: transparent !important;
}
#rev_slider_41_1_wrapper .slotholder:after {
display: none;
}
@media (max-width: 1023px) {
#rev_slider_41_1_wrapper {
padding-left: 0 !important;
}
}
#rev_slider_41_1_wrapper .tparrows {
width: 60px;
height: 60px;
color: #ffffff !important;
background-color: #d92828;
border: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#rev_slider_41_1_wrapper .tparrows:before {
color: #ffffff !important;
line-height: 46px;
}
#rev_slider_41_1_wrapper .tparrows.tp-leftarrow:after {
display: none;
}
#rev_slider_41_1_wrapper .erinyen .tp-thumb .tp-thumb-over {
background-color: rgba(0, 0, 0, 0.7);
}
#rev_slider_41_1_wrapper .erinyen .tp-thumb.selected .tp-thumb-over,
#rev_slider_41_1_wrapper .erinyen .tp-thumb:hover .tp-thumb-over {
background-color: rgba(61, 61, 61, 0.9);
}
#rev_slider_41_1_wrapper .erinyen .tp-thumb-more:before {
display: none;
}
#rev_slider_41_1_wrapper .erinyen .tp-thumb-title {
font-size: 13px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
line-height: 20px;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #ffffff;
opacity: 0.4;
}
#rev_slider_41_1_wrapper .erinyen .tp-thumb.selected .tp-thumb-title,
#rev_slider_41_1_wrapper .erinyen .tp-thumb:hover .tp-thumb-title {
color: #ffffff;
opacity: 1;
}
#rev_slider_41_1_wrapper .tp-caption.FoodCarousel-Content,
#rev_slider_41_1_wrapper .FoodCarousel-Content {
background-color: #272727;
color: #ffffff;
}
@media (max-width: 767px) {
.tp-caption.tp-hidden-caption, .tp-forcenotvisible, .tp-hide-revslider, .tp-parallax-wrap.tp-hidden-caption {
display: block !important;
visibility: visible !important;
}
}
@media (max-width: 767px) {
.tp-static-layers {
display: none !important;
}
}
@media (max-width: 767px) {
.slider-style2 .tp-leftarrow {
transform: matrix(1, 0, 0, 1, -140, -70) !important;
}
.slider-style2 .tp-rightarrow {
transform: matrix(1, 0, 0, 1, -70, -70) !important;
}
}
#rev_slider_5_1_wrapper .persephone.tparrows,
#rev_slider_1_1_wrapper .persephone.tparrows,
#rev_slider_6_1_wrapper .persephone.tparrows,
#rev_slider_3_1_wrapper .persephone.tparrows,
#rev_slider_2_1_wrapper .persephone.tparrows,
.wp-block-themepunch-revslider .persephone.tparrows {
border-width: 10px !important;
}
#rev_slider_5_1_wrapper .persephone.tparrows:before,
#rev_slider_1_1_wrapper .persephone.tparrows:before,
#rev_slider_6_1_wrapper .persephone.tparrows:before,
#rev_slider_3_1_wrapper .persephone.tparrows:before,
#rev_slider_2_1_wrapper .persephone.tparrows:before,
.wp-block-themepunch-revslider .persephone.tparrows:before {
line-height: 50px !important;
}
rs-progress {
margin-left: 200px !important;
margin-right: 160px !important;
width: calc(100% - 360px) !important;
}
@media (max-width: 767px) {
#rev_slider_6_1_wrapper .gyges.tp-bullets,
#rev_slider_2_1_wrapper .gyges.tp-bullets,
.wp-block-themepunch-revslider .gyges.tp-bullets {
display: none !important;
}
}
#rev_slider_6_1_wrapper .gyges.tp-bullets .tp-bullet,
#rev_slider_2_1_wrapper .gyges.tp-bullets .tp-bullet,
.wp-block-themepunch-revslider .gyges.tp-bullets .tp-bullet {
height: 10px !important;
width: 10px !important;
border: 1px solid #5f5f5f !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: transparent;
}
#rev_slider_6_1_wrapper .gyges.tp-bullets .tp-bullet.selected,
#rev_slider_2_1_wrapper .gyges.tp-bullets .tp-bullet.selected,
.wp-block-themepunch-revslider .gyges.tp-bullets .tp-bullet.selected {
border-color: transparent !important;
background-color: #d92828;
}
#rev_slider_6_1_wrapper .gyges.tp-bullets .tp-bullet.selected:after,
#rev_slider_2_1_wrapper .gyges.tp-bullets .tp-bullet.selected:after,
.wp-block-themepunch-revslider .gyges.tp-bullets .tp-bullet.selected:after {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border: 2px solid #878787;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.layer-stroke-before {
position: relative;
}
.layer-stroke-before:before {
content: "";
display: inline-block;
width: 30px;
height: 2px;
background: #d92828;
position: absolute;
top: 50%;
left: -50px;
z-index: 9999;
opacity: 1;
visibility: visible;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.layer-stroke-before:hover:before {
width: 0;
}
#rev_slider_8_1_wrapper span.foodcarousel-headline,
#rev_slider_4_1_wrapper span.foodcarousel-headline,
.wp-block-themepunch-revslider span.foodcarousel-headline {
display: inline-block;
font-size: 24px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin-bottom: 20px !important;
}
#rev_slider_8_1_wrapper p.slide-line,
#rev_slider_4_1_wrapper p.slide-line,
.wp-block-themepunch-revslider p.slide-line {
display: block;
border: 1px solid #3d3d3d;
border-bottom: none;
margin: 0;
}
#rev_slider_8_1_wrapper p.slide-line.last-slide-line,
#rev_slider_4_1_wrapper p.slide-line.last-slide-line,
.wp-block-themepunch-revslider p.slide-line.last-slide-line {
border-bottom: 1px solid #3d3d3d;
margin-bottom: 20px;
}
#rev_slider_8_1_wrapper p.slide-line span,
#rev_slider_4_1_wrapper p.slide-line span,
.wp-block-themepunch-revslider p.slide-line span {
display: inline-block;
color: #ffffff;
font-size: 15px;
font-weight: 300;
line-height: 50px !important;
}
#rev_slider_8_1_wrapper p.slide-line span.data-name,
#rev_slider_4_1_wrapper p.slide-line span.data-name,
.wp-block-themepunch-revslider p.slide-line span.data-name {
width: 150px;
font-weight: 700;
text-transform: uppercase;
background-color: #3d3d3d;
padding: 0 30px;
margin-right: 30px;
}
.FoodCarousel-Button {
color: #ffffff;
border: none;
background-color: #3d3d3d;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
font-family: "Montserrat", sans-serif;
}
.FoodCarousel-CloseButton {
background-color: #d92828 !important;
color: #ffffff !important;
border-radius: 0px !important;
}
.tp-thumb-title {
display: flex !important;
align-items: flex-end !important;
}  section.unique-section {
padding-top: 260px;
}
@media (max-width: 1459px) {
section.unique-section {
padding-top: 160px;
}
}
@media (max-width: 1023px) {
section.unique-section {
padding-top: 100px;
}
}
section.unique-section .unique-box {
margin: 0 auto;
max-width: 1440px;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
@media (max-width: 1459px) {
section.unique-section .unique-box {
padding-top: 100px;
max-width: 1200px;
}
}
@media (max-width: 1239px) {
section.unique-section .unique-box {
max-width: 1000px;
padding-top: 0;
}
}
section.unique-section .unique-box:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 200px;
width: 1px;
background-color: #353535;
}
@media (max-width: 1239px) {
section.unique-section .unique-box:before {
display: none;
}
}
section.unique-section .unique-box ul.unique-list {
padding-left: 200px;
padding-right: 100px;
border-top: 1px solid #353535;
border-bottom: 1px solid #353535;
position: relative;
}
@media (max-width: 1239px) {
section.unique-section .unique-box ul.unique-list {
padding-left: 0;
}
}
@media (max-width: 767px) {
section.unique-section .unique-box ul.unique-list {
padding-right: 0;
}
}
section.unique-section .unique-box ul.unique-list li {
display: block;
max-width: 520px;
border-top: 1px solid #353535;
border-right: 1px solid #353535;
}
@media (max-width: 1459px) {
section.unique-section .unique-box ul.unique-list li {
max-width: 480px;
}
}
@media (max-width: 1239px) {
section.unique-section .unique-box ul.unique-list li {
max-width: 400px;
}
}
@media (max-width: 1023px) {
section.unique-section .unique-box ul.unique-list li {
max-width: 360px;
}
}
@media (max-width: 767px) {
section.unique-section .unique-box ul.unique-list li {
max-width: 100%;
}
}
section.unique-section .unique-box ul.unique-list li:first-child {
border-top: none;
}
section.unique-section .unique-box ul.unique-list li h4 {
font-weight: 300;
margin: 0;
}
@media (max-width: 1459px) {
section.unique-section .unique-box ul.unique-list li h4 {
font-size: 18px;
}
}
@media (max-width: 767px) {
section.unique-section .unique-box ul.unique-list li h4 {
position: relative;
z-index: 9;
background-color: rgba(52, 52, 52, 0.8);
}
}
section.unique-section .unique-box ul.unique-list li h4 a {
display: block;
padding: 30px 30px;
color: rgba(255, 255, 255, 0.7);
position: relative;
line-height: 20px;
}
@media (max-width: 1459px) {
section.unique-section .unique-box ul.unique-list li h4 a {
padding: 20px;
}
}
section.unique-section .unique-box ul.unique-list li .left-part {
display: none;
}
@media (max-width: 1239px) {
section.unique-section .unique-box ul.unique-list li .left-part {
display: none !important;
}
}
section.unique-section .unique-box ul.unique-list li .image-holder {
position: absolute;
left: 720px;
top: 0;
right: 100px;
transform: rotate3d(0, 1, 0, 90deg);
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
@media (max-width: 1459px) {
section.unique-section .unique-box ul.unique-list li .image-holder {
left: 680px;
}
}
@media (max-width: 1239px) {
section.unique-section .unique-box ul.unique-list li .image-holder {
left: 400px;
}
}
@media (max-width: 1023px) {
section.unique-section .unique-box ul.unique-list li .image-holder {
left: 360px;
}
}
@media (max-width: 767px) {
section.unique-section .unique-box ul.unique-list li .image-holder {
right: 0;
left: 0;
}
}
section.unique-section .unique-box ul.unique-list li .image-holder img {
width: 100%;
height: 780px;
object-fit: cover;
object-position: center;
}
@media (max-width: 1459px) {
section.unique-section .unique-box ul.unique-list li .image-holder img {
height: 650px;
}
}
@media (max-width: 1239px) {
section.unique-section .unique-box ul.unique-list li .image-holder img {
height: 550px;
}
}
@media (max-width: 1023px) {
section.unique-section .unique-box ul.unique-list li .image-holder img {
height: 426px;
}
}
section.unique-section .unique-box ul.unique-list li .left-part {
position: absolute;
left: 0;
top: 0;
display: flex;
width: 200px;
height: 100%;
align-items: center;
background-color: #242424;
transform: rotate3d(0, 1, 0, 90deg);
transition: all 0.36s ease-in-out;
-moz-transition: all 0.36s ease-in-out;
-webkit-transition: all 0.36s ease-in-out;
-o-transition: all 0.36s ease-in-out;
}
section.unique-section .unique-box ul.unique-list li .left-part span:first-child {
display: inline-block;
width: 90px;
height: 90px;
text-align: center;
line-height: 70px;
color: #fff;
border: 10px solid rgba(255, 255, 255, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
font-size: 32px;
font-weight: 700;
font-family: "Montserrat", sans-serif;
margin-right: 30px;
}
section.unique-section .unique-box ul.unique-list li .left-part .cat-link {
color: #ffffff;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
transform: rotate(-90deg);
}
section.unique-section .unique-box ul.unique-list li.active h4 a {
color: #ffffff;
padding-left: 70px;
background-color: #353535;
}
section.unique-section .unique-box ul.unique-list li.active h4 a:before {
content: "";
position: absolute;
top: 30px;
bottom: 30px;
left: 40px;
width: 1px;
background-color: #ffffff;
}
section.unique-section .unique-box ul.unique-list li.active h4 a:after {
content: "";
position: absolute;
top: 50%;
left: 30px;
width: 21px;
height: 1px;
background-color: #ffffff;
}
section.unique-section .unique-box ul.unique-list li.active .left-part {
display: flex;
transform: rotate3d(0, 1, 0, 0deg);
}
section.unique-section .unique-box ul.unique-list li.active .image-holder {
transform: rotate3d(0, 1, 0, 0deg);
}
section.unique-section .unique-box .button-navigation-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 60px;
}
@media (max-width: 767px) {
section.unique-section .unique-box .button-navigation-box {
display: none !important;
}
}
section.unique-section .unique-box .button-navigation-box a {
width: 60px;
height: 60px;
color: #ffffff;
text-align: center;
border: 1px solid #353535;
}
section.unique-section .unique-box .button-navigation-box a span {
font-size: 28px;
line-height: 60px;
}
section.unique-section .unique-box .button-navigation-box a.prev-active {
border-bottom: none;
}  section.team-section {
padding: 130px 0;
}
section.team-section .team-box {
padding-top: 10px;
}
section.team-section .team-post {
position: relative;
}
@media (max-width: 1023px) {
section.team-section .team-post {
margin-bottom: 30px;
}
}
section.team-section .team-post img {
width: 100%;
height: auto;
}
section.team-section .team-post .hover-team {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
overflow: hidden;
opacity: 0;
background-color: rgba(60, 60, 60, 0.95);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.team-section .team-post .hover-team ul.social-team {
padding: 0;
margin: 0 0 15px;
}
section.team-section .team-post .hover-team ul.social-team li {
display: inline-block;
}
section.team-section .team-post .hover-team ul.social-team li a {
display: inline-block;
width: 42px;
height: 42px;
color: #ffffff;
font-size: 15px;
line-height: 42px;
border: 1px solid #515151;
}
section.team-section .team-post .hover-team ul.social-team li a:hover {
background-color: #d92828;
border-color: transparent;
}
section.team-section .team-post .hover-team h3 {
display: inline-block;
padding: 0 20px;
position: relative;
}
section.team-section .team-post .hover-team h3:before {
content: "";
position: absolute;
right: 100%;
width: 500px;
height: 2px;
top: 50%;
margin-top: -1px;
background-color: #d92828;
}
section.team-section .team-post .hover-team h3:after {
content: "";
position: absolute;
left: 100%;
width: 500px;
height: 2px;
top: 50%;
margin-top: -1px;
background-color: #d92828;
}
@media (max-width: 1023px) {
section.team-section .team-post .hover-team h3 {
font-size: 20px;
}
}
section.team-section .team-post .hover-team span {
display: block;
color: #fff;
font-size: 15px;
font-weight: 300;
}
section.team-section .team-post:hover .hover-team {
opacity: 1;
}  section.tabs-collapse-section {
padding: 130px 0;
background: #363636 url(//zimmerei-rank.de/wp-content/themes/royarch/assets/images/service-bg.jpg) center bottom no-repeat;
background-size: cover;
}
section.tabs-collapse-section .nav-tabs {
border-bottom: 1px solid #515151;
border-top: 1px solid #515151;
}
section.tabs-collapse-section .nav-tabs li {
width: 33.33333%;
text-align: center;
border-right: 1px solid #515151;
}
section.tabs-collapse-section .nav-tabs li:first-child {
border-left: 1px solid #515151;
}
section.tabs-collapse-section .nav-tabs li button {
width: 100%;
color: #ffffff;
font-size: 16px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
padding: 14px 0;
display: block;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
section.tabs-collapse-section .nav-tabs li button:hover {
background-color: #d92828;
border-color: transparent;
}
section.tabs-collapse-section .nav-tabs .nav-item.show .nav-link,
section.tabs-collapse-section .nav-tabs .nav-link.active {
background: #515151;
color: #ffffff;
border-color: #515151;
}
section.tabs-collapse-section .tab-content {
border: 1px solid #515151;
border-top: none;
}
@media (max-width: 1023px) {
section.tabs-collapse-section .tab-content {
margin-bottom: 30px !important;
}
}
section.tabs-collapse-section .tab-content .tab-pane {
padding: 30px;
}
@media (max-width: 767px) {
section.tabs-collapse-section .tab-content .tab-pane {
padding-bottom: 1px !important;
}
}
section.tabs-collapse-section .tab-content .tab-pane img {
width: 100%;
height: auto;
}
@media (max-width: 767px) {
section.tabs-collapse-section .tab-content .tab-pane img {
margin-bottom: 30px !important;
}
}
section.tabs-collapse-section .tab-content .tab-pane p {
margin-bottom: 0;
}
@media (max-width: 767px) {
section.tabs-collapse-section .tab-content .tab-pane p {
margin-bottom: 30px !important;
}
}
section.tabs-collapse-section .accordion-button {
border: 1px solid #515151;
color: #ffffff;
font-size: 16px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
background-color: transparent;
border-radius: 0px !important;
padding: 0;
outline: none;
box-shadow: none !important;
}
section.tabs-collapse-section .accordion-button i {
float: left;
display: inline-block;
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
color: #ffffff;
margin-left: -1px;
margin-top: -1px;
margin-bottom: -1px;
background-color: #515151;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.tabs-collapse-section .accordion-button span {
padding: 0 20px;
}
section.tabs-collapse-section .accordion-button:after {
display: none;
}
section.tabs-collapse-section .accordion-button:not(.collapsed) i {
background-color: #d92828;
}
section.tabs-collapse-section .accordion-header {
margin-bottom: 2px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
section.tabs-collapse-section .accordion-collapse {
margin-bottom: 2px;
border-width: 1px;
border-color: #515151;
}
section.tabs-collapse-section .accordion-collapse .accordion-body {
padding: 22px 30px;
}
section.tabs-collapse-section .accordion-collapse p {
margin-bottom: 0;
}  .sidebar {
padding-left: 10px;
}
@media (max-width: 767px) {
.sidebar {
padding-left: 0;
}
}
.sidebar .sidebar-widget {
margin-bottom: 50px;
}
.sidebar .sidebar-widget > h4, .sidebar .sidebar-widget > h3 {
text-transform: uppercase;
letter-spacing: 0.08em;
position: relative;
padding-bottom: 16px;
margin-bottom: 20px;
font-size: 20px;
}
.sidebar .sidebar-widget > h4:after, .sidebar .sidebar-widget > h3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 2px;
background: #d92828;
}
.sidebar .sidebar-widget form#searchform {
margin: 0;
position: relative;
}
.sidebar .sidebar-widget form#searchform input[type=text] {
display: block;
width: 100%;
color: #ffffff;
font-size: 15px;
font-weight: 400;
padding: 13px 20px;
outline: none;
background: transparent;
border: 1px solid #2e2e2e;
border-left: 3px solid #d92828;
}
.sidebar .sidebar-widget form#searchform input[type=text]::placeholder {
color: #ffffff;
}
.sidebar .sidebar-widget form#searchform button[type=submit] {
background: transparent;
border: none;
outline: none;
float: right;
right: 0;
margin-top: -34px;
font-size: 14px;
margin-right: 15px;
color: rgba(255, 255, 255, 0.85);
}
.sidebar .sidebar-widget.widget_categories ul, .sidebar .sidebar-widget.widget_archive ul {
padding: 0;
margin: 0;
}
.sidebar .sidebar-widget.widget_categories ul li, .sidebar .sidebar-widget.widget_archive ul li {
display: block;
margin-bottom: 18px;
padding-bottom: 18px;
border-bottom: 1px solid #2e2e2e;
}
.sidebar .sidebar-widget.widget_categories ul li a, .sidebar .sidebar-widget.widget_archive ul li a {
color: #ffffff;
font-size: 14px;
display: block;
}
.sidebar .sidebar-widget.widget_categories ul li a:hover, .sidebar .sidebar-widget.widget_archive ul li a:hover {
color: #d92828;
}
.sidebar .sidebar-widget.widget_categories ul li a span, .sidebar .sidebar-widget.widget_archive ul li a span {
display: inline-block;
float: right;
width: 26px;
height: 26px;
color: #fff;
font-weight: 700;
font-size: 13px;
text-align: center;
line-height: 26px;
border-radius: 5px;
background: #d92828;
}
.sidebar .sidebar-widget.widget_categories ul li:last-child, .sidebar .sidebar-widget.widget_archive ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.sidebar .sidebar-widget.widget_categories ul li:before, .sidebar .sidebar-widget.widget_archive ul li:before {
content: "+";
display: inline-block;
background: #d92828;
color: #242424;
font-size: 14px;
line-height: 4px;
text-indent: -1px;
width: 5px;
height: 4px;
float: left;
margin-top: 10px;
margin-right: 16px;
}
.sidebar .sidebar-widget .tagcloud a {
display: inline-block;
padding: 6px 17px;
font-size: 12px !important;
color: #ffffff;
border: 1px solid #2e2e2e;
margin-right: 8px;
margin-bottom: 13px;
}
.sidebar .sidebar-widget .tagcloud a:hover {
background: #d92828;
border-color: transparent;
}
.sidebar .sidebar-widget .popular-widget ul {
padding: 0;
margin: 0;
}
.sidebar .sidebar-widget .popular-widget ul li {
list-style: none;
margin-bottom: 25px;
border-bottom: 1px solid #2e2e2e;
clear: both;
min-height: 90px;
padding-bottom: 25px;
}
.sidebar .sidebar-widget .popular-widget ul li:last-child {
border-bottom: 0;
padding-bottom: 0px;
margin-bottom: 0;
}
.sidebar .sidebar-widget .popular-widget ul li img {
float: left;
width: 95px;
height: 90px;
object-fit: cover;
object-position: center;
}
.sidebar .sidebar-widget .popular-widget ul li .side-content {
margin-left: 115px;
padding-top: 5px;
}
.sidebar .sidebar-widget .popular-widget ul li .side-content h4 {
font-size: 15px;
line-height: 20px;
font-weight: 400;
text-transform: inherit;
margin-bottom: 8px;
}
.sidebar .sidebar-widget .popular-widget ul li .side-content h4 a {
color: #ffffff;
}
.sidebar .sidebar-widget .popular-widget ul li .side-content h4 a:hover {
color: #d92828;
}
.sidebar .sidebar-widget .popular-widget ul li .side-content span {
display: inline-block;
margin: 0;
color: rgba(255, 255, 255, 0.4);
font-size: 10px;
font-weight: 300;
opacity: 1;
}
.sidebar .sidebar-widget .popular-widget ul li .side-content span:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: #d92828;
margin-right: 8px;
}
.sidebar .sidebar-widget .popular-widget ul li:last-child {
margin-bottom: 0;
}  section.single-post-section {
padding: 140px 0;
}
section.single-post-section .post-thumbnail {
margin-bottom: 30px;
}
section.single-post-section .post-thumbnail img {
width: 100%;
height: auto;
}
section.single-post-section .meta-list {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #313131;
}
section.single-post-section .post-content p {
margin-bottom: 20px;
}
section.single-post-section .post-content p span.dropcap {
display: inline-block;
float: left;
color: #ffffff;
width: 56px;
height: 50px;
text-align: center;
background: #d92828;
font-size: 34px;
line-height: 50px;
font-weight: 700;
text-transform: uppercase;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 6px;
}
section.single-post-section .post-content blockquote {
color: #ffffff;
font-size: 22px;
line-height: 32px;
position: relative;
padding: 10px 0;
padding-left: 90px;
margin-top: 24px;
margin-bottom: 24px;
border-left: 5px solid #d92828;
}
section.single-post-section .post-content blockquote:after {
content: "“";
position: absolute;
width: 50px;
height: 50px;
top: 50%;
left: 20px;
margin-top: -18px;
color: #ffffff;
text-align: center;
line-height: 80px;
color: #ffffff;
font-size: 80px;
font-weight: 400;
}
section.single-post-section .post-content .tags-list {
clear: both;
}
section.single-post-section .post-content ul.post-tags {
padding: 15px 0 11px;
margin: 40px 0;
border-top: 1px solid #2e2e2e;
border-bottom: 1px solid #2e2e2e;
}
section.single-post-section .post-content ul.post-tags li {
display: inline-block;
margin-right: 4px;
margin-bottom: 4px;
}
section.single-post-section .post-content ul.post-tags li span {
color: #ffffff;
font-size: 24px;
font-weight: 700;
display: inline-block;
margin-right: 3px;
}
section.single-post-section .post-content ul.post-tags li a {
display: inline-block;
color: #ffffff;
font-size: 16px;
font-weight: 300;
text-decoration: underline !important;
}
section.single-post-section .post-content ul.post-tags li a:hover {
color: #d92828;
}
section.single-post-section .post-content .author-box {
padding: 30px;
margin-bottom: 30px;
display: flex;
align-items: center;
border: 1px solid #2e2e2e;
position: relative;
}
section.single-post-section .post-content .author-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 140px;
background: #d92828;
}
section.single-post-section .post-content .author-box .image-holder {
position: relative;
z-index: 2;
margin-right: 30px;
}
section.single-post-section .post-content .author-box .image-holder img {
width: 140px;
height: 140px;
object-fit: cover;
object-position: center;
}
section.single-post-section .post-content .author-box p {
margin-bottom: 0;
}
.comments-box {
margin-bottom: 30px;
}
.comments-box h3 {
margin-bottom: 22px;
}
.comments-box ul.comments-list {
padding: 0;
margin: 0;
}
.comments-box ul.comments-list > li {
display: block;
padding-top: 30px;
}
.comments-box ul.comments-list li .comment-box {
display: flex;
}
.comments-box ul.comments-list li .comment-box .image-holder {
position: relative;
margin-right: 30px;
}
.comments-box ul.comments-list li .comment-box .image-holder:before {
content: "";
width: 6px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translateX(-50%) translateY(-50%);
background-color: #d92828;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.comments-box ul.comments-list li .comment-box .image-holder:after {
content: "";
width: 0;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
background-color: #d92828;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.comments-box ul.comments-list li .comment-box:hover .image-holder:before {
height: 0;
}
.comment-content {
margin-top: 10px;
}
.comments-box ul.comments-list li .comment-box:hover .image-holder:after {
width: 100%;
}
.comments-box ul.comments-list li .comment-box .image-holder img {
width: 200px;
height: 215px;
object-fit: cover;
object-position: center;
}
@media (max-width: 769px) {
.comments-box ul.comments-list li .comment-box .image-holder img {
width: 140px;
height: 140px;
}
}
.comments-box ul.comments-list li .comment-box span.time {
color: #ffffff;
font-size: 14px;
opacity: 0;
font-weight: 300;
margin-bottom: 5px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.comments-box ul.comments-list li .comment-box p {
margin-bottom: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.comments-box ul.comments-list li .comment-box:hover span.time,
.comments-box ul.comments-list li .comment-box:hover p {
color: #ffffff;
opacity: 1;
}
.comments-box ul.comments-list li .comment-box span.time i {
display: inline-block;
margin-right: 4px;
}
.comments-box ul.comments-list li .comment-box a.reply,
.comments-box ul.comments-list li .comment-box a.comment-reply-link {
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
font-weight: 400;
padding: 4px 10px;
margin-top: 20px;
border: 1px solid #2e2e2e;
}
.comments-box ul.comments-list li .comment-box a.reply:hover,
.comments-box ul.comments-list li .comment-box a.comment-reply-link:hover {
background-color: #d92828;
border-color: transparent;
}
.comments-box ul.comments-list ul.children {
padding-top: 30px;
}
.comments-box ul.comments-list ul.children > li {
display: block;
padding-top: 30px;
margin-top: 50px;
border-top: 1px solid #f7f4fb;
padding-left: 30px;
}
@media (max-width: 769px) {
.comments-box ul.comments-list ul.children > li {
padding-left: 15px;
}
}
.comments-box ul.comments-list li:first-child,
.comments-box ul.comments-list ul.children > li:first-child {
padding-top: 0;
margin-top: 0;
border-top: none;
}
.comments-box #respond {
margin-top: 30px;
}
#comment-form h3 a#cancel-comment-reply-link,
#respond h3 a#cancel-comment-reply-link {
color: #ffffff;
font-size: 13px;
font-weight: 400;
}
#comment-form p.comment-notes,
#comment-form p.logged-in-as,
#comment-form p.comment-form-cookies-consent,
#respond p.comment-notes,
#respond p.logged-in-as,
#respond p.comment-form-cookies-consent {
display: none;
}
#comment-form form,
#respond form {
margin-top: 20px;
}
#comment-form .input-line,
#respond .input-line {
margin-bottom: 30px;
display: flex;
padding-top: 6px;
border-bottom: 1px solid #505050;
align-items: center;
}
#comment-form .input-line:focus,
#respond .input-line:focus {
border-bottom: 1px solid #ffffff;
}
#comment-form .input-line label,
#respond .input-line label {
padding-bottom: 18px;
text-align: center;
font-size: 16px;
color: #ffffff;
margin: 0;
border-right: none;
}
#comment-form .input-line input[type=text],
#respond .input-line input[type=text],
#comment-form .input-line input[type=email],
#respond .input-line input[type=email] {
display: block;
width: 100%;
border: none;
outline: none;
padding: 0 20px 20px 20px;
color: #ffffff;
font-size: 14px;
line-height: 18px;
border: none;
background-color: #242424;
font-weight: 400;
margin: 0;
}
input:-internal-autofill-selected {
color: #ffffff !important;
background-color: #242424 !important;
}
#comment-form .input-line input[type=text]::placeholder,
#respond .input-line input[type=text]::placeholder {
color: rgba(255, 255, 255, 0.7);
}
#comment-form .input-line:last-child,
#respond .input-line:last-child {
margin-bottom: 0;
}
#comment-form textarea,
#respond textarea {
width: 100%;
height: 118px;
border: none;
border-bottom: 1px solid #505050;
outline: none;
padding: 0 0 20px;
color: #ffffff;
font-size: 14px;
line-height: 18px;
font-weight: 400;
background-color: transparent;
margin-bottom: 18px !important;
margin-top: 10px;
}
@media (max-width: 768px) {
#comment-form textarea,
#respond textarea {
margin-top: 30px;
}
}
#comment-form input[type=submit],
#respond input[type=submit] {
display: block;
width: 100%;
border: none;
outline: none;
padding: 17px 20px;
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
line-height: 21px;
font-weight: 700;
text-transform: uppercase;
background: #3d3d3d !important;
margin: 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#comment-form input[type=submit]:hover,
#respond input[type=submit]:hover {
color: #ffffff;
background-color: #d92828 !important;
}
#respond p.form-submit {
width: 50%;
margin-top: -53px;
float: right;
padding-left: 15px;
margin-bottom: 0;
position: relative;
opacity: 1;
z-index: 2;
}
#respond p.form-submit .logged-in-submit {
margin-top: -26px;
}
#respond p.form-submit.logged-in {
width: 100%;
float: none;
padding: 0;
margin-top: 0;
}
@media (max-width: 1023px) {
#comment-form {
margin-bottom: 40px;
}
}  section.single-project-section {
padding: 140px 0;
}
@media (max-width: 1023px) {
section.single-project-section {
padding: 80px 0;
}
}
@media (max-width: 767px) {
section.single-project-section {
padding: 40px 0;
}
}
section.single-project-section .feature-image {
position: relative;
margin-bottom: 30px;
}
section.single-project-section .feature-image img {
width: 100%;
height: auto;
}
section.single-project-section .col-md-6 .feature-image {
margin-left: 5px;
}
section.single-project-section .single-project-content {
padding-bottom: 10px;
margin-bottom: 40px;
border-bottom: 1px solid #2e2e2e;
}
section.single-project-section .single-project-content h2 {
font-size: 25px;
margin-bottom: 25px;
}
section.single-project-section .single-project-content > .feature-image {
margin-top: 20px;
}
section.single-project-section .single-project-content .col-md-6 .project-content {
margin-right: 5px;
}
.project-content ul.project-data-list {
padding: 0;
margin: 0 0 20px;
}
.project-content ul.project-data-list li {
display: block;
border: 1px solid #3d3d3d;
border-bottom: none;
}
.project-content ul.project-data-list li:last-child {
border-bottom: 1px solid #3d3d3d;
}
.project-content ul.project-data-list li span {
display: inline-block;
color: #ffffff;
font-size: 15px;
font-weight: 300;
line-height: 50px;
}
.project-content ul.project-data-list li span.data-name {
width: 150px;
font-weight: 700;
text-transform: uppercase;
background-color: #3d3d3d;
padding: 0 30px;
margin-right: 15px;
}
.project-content p {
margin-bottom: 20px;
}
ul.gallery-list {
padding: 0;
margin: 0 -40px 0 -1px;
display: flex;
flex-wrap: wrap;
}
ul.gallery-list li {
width: 25%;
padding-right: 40px;
padding-left: 1px;
margin-bottom: 40px;
}
@media (max-width: 1239px) {
ul.gallery-list li {
width: 33.3333%;
}
}
@media (max-width: 1023px) {
ul.gallery-list li {
width: 50%;
}
}
@media (max-width: 767px) {
ul.gallery-list li {
width: 100%;
}
}
ul.gallery-list li a {
display: block;
overflow: hidden;
margin: 0;
}
ul.gallery-list li a img {
width: 100%;
height: auto;
max-width: none;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0) scale(1.12);
transform: translate3d(-10px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
ul.gallery-list li a:hover img {
opacity: 0.8;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
.hover-feature {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.hover-feature h2 {
position: absolute;
bottom: 40px;
left: 40px;
padding: 13px 25px;
font-weight: 400;
margin: 0 !important;
background-color: #d92828;
}
@media (max-width: 767px) {
.hover-feature h2 {
bottom: 0;
left: 0;
padding: 10px 15px;
font-size: 18px;
}
}
.hover-feature ul.project-data-list {
width: 380px;
float: right;
margin-top: 40px;
margin-right: 40px;
}
@media (max-width: 767px) {
.hover-feature ul.project-data-list {
margin-top: 0;
margin-right: -6px;
}
}
.hover-feature ul.project-data-list li {
border-color: transparent !important;
}
.hover-feature ul.project-data-list li span {
background-color: #3d3d3d !important;
padding: 0 28px;
width: 220px;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
.hover-feature ul.project-data-list li span {
line-height: 32px;
}
}
.hover-feature ul.project-data-list li span.data-name {
background-color: #242424 !important;
margin-right: -3px;
color: white;
}  section.services-section {
padding: 130px 0;
background-color: #242424;
}
section.services-section .services-box .services-post {
border: 1px solid #3d3d3d;
text-align: center;
padding: 0 30px;
}
@media (max-width: 1023px) {
section.services-section .services-box .services-post {
margin-bottom: 30px;
}
}
section.services-section .services-box .services-post i {
display: inline-block;
width: 95px;
height: 82px;
background-color: #3d3d3d;
line-height: 82px;
font-size: 39px;
margin-bottom: 25px;
color: #ffffff;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section.services-section .services-box .services-post h4 {
font-weight: 600;
margin-bottom: 12px;
font-size: 18px;
text-transform: uppercase;
}
section.services-section .services-box .services-post p {
margin-bottom: 25px;
}
section.services-section .services-box .services-post:hover i {
background-color: #d92828;
font-size: 26px;
}
section.services-section2 {
padding: 90px 0;
background-color: #2e2e2e;
background-position: center bottom;
background-size: cover;
}
section.services-section2 .services-box2 .services-post2 {
border: 1px solid #393939;
display: flex;
margin-bottom: 30px;
}
section.services-section2 .services-box2 .services-post2 .icon {
width: 47%;
background-color: #393939;
justify-content: center;
line-height: 100%;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section.services-section2 .services-box2 .services-post2 .serv-content {
width: 53%;
padding: 35px;
}
section.services-section2 .services-box2 .services-post2 span, section.services-section2 .services-box2 .services-post2 i {
display: inline-block;
width: 124px;
height: 124px;
line-height: 124px;
font-size: 60px;
text-align: center;
color: #ffffff;
border: 1px solid #4c4c4c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section.services-section2 .services-box2 .services-post2 h4 {
font-weight: 600;
margin-bottom: 12px;
font-size: 18px;
text-transform: uppercase;
}
section.services-section2 .services-box2 .services-post2 p {
margin-bottom: 0;
}
section.services-section2 .services-box2 .services-post2:hover span, section.services-section2 .services-box2 .services-post2:hover i {
background-color: #d92828;
border-color: transparent;
font-size: 40px;
}
section.services-section3 {
padding: 130px 0;
background-color: #242424;
}
section.services-section3 .services-box3 .col-lg-4 {
margin-right: -1px;
}
section.services-section3 .services-box3 .services-post3 {
border: 1px solid #3d3d3d;
text-align: center;
padding: 60px;
}
@media (max-width: 1023px) {
section.services-section3 .services-box3 .services-post3 {
margin-bottom: 30px;
}
}
section.services-section3 .services-box3 .services-post3 i {
display: inline-block;
font-size: 50px;
margin-bottom: 25px;
color: #ffffff;
}
section.services-section3 .services-box3 .services-post3 h4 {
font-weight: 600;
margin-bottom: 12px;
font-size: 18px;
text-transform: uppercase;
}
section.services-section3 .services-box3 .services-post3 p {
margin-bottom: 0;
}
section.services-section4 .services-box4 {
display: flex;
}
@media (max-width: 1023px) {
section.services-section4 .services-box4 {
flex-wrap: wrap;
}
}
section.services-section4 .services-box4 .services-post4 {
width: 33.3333%;
text-align: center;
display: flex;
flex-direction: column;
}
section.services-section4 .services-box4 .services-post4:nth-child(2n) {
flex-direction: column-reverse;
}
@media (max-width: 1023px) {
section.services-section4 .services-box4 .services-post4 {
width: 100%;
}
section.services-section4 .services-box4 .services-post4:nth-child(2n) {
flex-direction: column;
}
}
section.services-section4 .services-box4 .services-post4 img {
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
}
section.services-section4 .services-box4 .services-post4 .serv-content {
height: 400px;
background-color: #2d2d2d;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 60px;
}
section.services-section4 .services-box4 .services-post4 span, section.services-section4 .services-box4 .services-post4 i {
display: inline-block;
width: 98px;
height: 98px;
line-height: 98px;
font-size: 40px;
text-align: center;
color: #ffffff;
margin-bottom: 30px;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section.services-section4 .services-box4 .services-post4 h4 {
margin-bottom: 12px;
}
section.services-section4 .services-box4 .services-post4 p {
margin-bottom: 0;
}
section.services-section4 .services-box4 .services-post4:hover span, section.services-section4 .services-box4 .services-post4:hover i {
background-color: #d92828;
border-color: transparent;
font-size: 30px;
}
section.services-section5 {
padding: 130px 0 100px;
background-color: #242424;
}
section.services-section5 .services-box5 .services-post5 {
margin-bottom: 30px;
display: flex;
align-items: center;
}
section.services-section5 .services-box5 .services-post5 div.icon {
width: 120px;
height: 120px;
border: 1px solid #2e2e2e;
text-align: center;
margin-right: 30px;
position: relative;
}
section.services-section5 .services-box5 .services-post5 div.icon:before, section.services-section5 .services-box5 .services-post5 div.icon:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section.services-section5 .services-box5 .services-post5 div.icon:before {
top: 0;
left: 0;
border-top: 2px solid #6c6c6c;
border-left: 2px solid #6c6c6c;
}
section.services-section5 .services-box5 .services-post5 div.icon:after {
bottom: 0;
right: 0;
border-bottom: 2px solid #6c6c6c;
border-right: 2px solid #6c6c6c;
}
section.services-section5 .services-box5 .services-post5 span, section.services-section5 .services-box5 .services-post5 i {
display: inline-block;
font-size: 40px;
width: 118px;
height: 118px;
margin-bottom: 25px;
color: #ffffff;
line-height: 120px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section.services-section5 .services-box5 .services-post5 h4 {
font-weight: 400;
margin-bottom: 12px;
}
section.services-section5 .services-box5 .services-post5 p {
margin-bottom: 0;
padding-right: 20px;
}
section.services-section5 .services-box5 .services-post5:hover span, section.services-section5 .services-box5 .services-post5:hover i {
background-color: #d92828;
font-size: 30px;
}
section.services-section5 .services-box5 .services-post5:hover div.icon:before,
section.services-section5 .services-box5 .services-post5:hover div.icon:after {
width: 100%;
height: 100%;
border-color: rgba(255, 255, 255, 0.3);
}
section.services-section6 {
padding-bottom: 130px;
}
section.services-section6 .services-box6 .services-post6 {
margin-bottom: 30px;
display: flex;
align-items: center;
}
section.services-section6 .services-box6 .services-post6 div.icon {
width: 116px;
height: 116px;
background: #3d3d3d;
text-align: center;
margin-right: 30px;
position: relative;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.services-section6 .services-box6 .services-post6 span, section.services-section6 .services-box6 .services-post6 i {
display: inline-block;
font-size: 40px;
width: 116px;
height: 116px;
margin-bottom: 25px;
color: #ffffff;
line-height: 120px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.services-section6 .services-box6 .services-post6 h4 {
font-weight: 400;
margin-bottom: 12px;
}
section.services-section6 .services-box6 .services-post6 p {
margin-bottom: 0;
padding-right: 20px;
}
section.services-section6 .services-box6 .services-post6:hover div.icon {
background-color: #d92828;
}
section.services-section6 .services-box6 .services-post6:hover span, section.services-section6 .services-box6 .services-post6:hover i {
font-size: 30px;
}
section.services-section6 .image-holder {
padding-right: 40px;
position: relative;
}
section.services-section6 .image-holder img {
width: 100%;
height: auto;
}
section.services-section6 .image-holder a.serv-link {
display: inline-block;
padding: 7px 10px 5px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
font-family: "Montserrat", sans-serif;
border: 1px solid #2e2e2e;
position: relative;
font-size: 19px;
position: absolute;
top: 55px;
right: -56px;
transform: rotate(-90deg);
}
section.services-section6 .image-holder a.serv-link i {
margin-left: 8px;
}
section.services-section6 .image-holder a.serv-link:hover {
background-color: #d92828;
border-color: transparent;
}
section.services-section7 {
padding-bottom: 130px;
}
section.services-section7.no-padd-bottom {
padding-bottom: 0;
}
section.services-section7 .services-box7 a.services-post7 {
display: flex;
padding: 36px;
border: 1px solid #3d3d3d;
margin-bottom: 30px;
align-items: center;
position: relative;
overflow: hidden;
}
section.services-section7 .services-box7 a.services-post7 i {
color: #ffffff;
font-size: 44px;
margin-right: 16px;
}
section.services-section7 .services-box7 a.services-post7 div.serv-cont h4 {
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
}
section.services-section7 .services-box7 a.services-post7 div.serv-cont p {
margin-bottom: 0 !important;
}
section.services-section7 .services-box7 a.services-post7:before {
content: "";
position: absolute;
bottom: -30px;
right: -30px;
width: 60px;
height: 60px;
background: #3d3d3d;
transform: rotate(-45deg);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.services-section7 .services-box7 a.services-post7:after {
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #ffffff;
font-size: 12px;
position: absolute;
bottom: 4px;
right: 7px;
}
section.services-section7 .services-box7 a.services-post7:hover:before {
background-color: #d92828;
}
section.services-section8 {
padding: 130px 0;
}
section.services-section8 .services-post8 img {
width: 100%;
height: auto;
}
section.services-section8 .services-post8 .serv-cont {
padding: 30px;
background-color: #3d3d3d;
position: relative;
}
section.services-section8 .services-post8 .serv-cont p {
font-size: 13px;
margin-bottom: 0;
}
section.services-section8 .services-post8 .serv-cont a {
color: #ffffff;
font-size: 26px;
text-align: center;
line-height: 75px;
width: 75px;
height: 75px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
border-top-right-radius: 0px;
background-color: #3d3d3d;
position: absolute;
top: -37px;
right: 0;
transition: all 0.36 ease-in-out;
-moz-transition: all 0.36 ease-in-out;
-webkit-transition: all 0.36 ease-in-out;
-o-transition: all 0.36 ease-in-out;
}
section.services-section8 .services-post8:hover .serv-cont a {
right: 40px;
transform: rotate(360deg);
background-color: #d92828;
border-top-right-radius: 50%;
}
section.services-section9 {
padding: 130px 0 80px;
background-color: #242424;
}
section.services-section9 .services-box9 .services-post9 {
margin-bottom: 50px;
display: flex;
align-items: center;
}
section.services-section9 .services-box9 .services-post9 div.icon {
width: 110px;
height: 110px;
border: 10px solid rgba(255, 255, 255, 0.1);
text-align: center;
margin-right: 30px;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
section.services-section9 .services-box9 .services-post9 span, section.services-section9 .services-box9 .services-post9 i {
display: inline-block;
font-size: 40px;
width: 90px;
height: 90px;
margin-bottom: 25px;
color: #ffffff;
line-height: 90px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
section.services-section9 .services-box9 .services-post9 h4 {
margin-bottom: 12px;
}
section.services-section9 .services-box9 .services-post9 p {
margin-bottom: 0;
padding-right: 20px;
}
section.services-section9 .services-box9 .services-post9:hover div.icon {
background: #d92828;
border-color: transparent;
}
section.services-section9 .services-box9 .services-post9:hover div.icon span, section.services-section9 .services-box9 .services-post9:hover div.icon i {
font-size: 30px;
}  footer.template-footer {
position: relative;
}
footer.template-footer div.instagram-line {
border-top: 1px solid #2e2e2e;
}
footer.template-footer div.instagram-line ul.insta-list {
padding: 0;
margin: 0;
overflow: hidden;
}
footer.template-footer div.instagram-line ul.insta-list li {
display: block;
float: left;
width: 12.5%;
border: none;
}
@media (max-width: 1023px) {
footer.template-footer div.instagram-line ul.insta-list li {
width: 25%;
}
}
footer.template-footer div.instagram-line ul.insta-list li a {
display: block;
}
footer.template-footer div.instagram-line ul.insta-list li a img {
width: 100%;
height: auto;
}
footer.template-footer div.instagram-line ul.insta-list li a:hover {
opacity: 0.7;
}
footer.template-footer div.instagram-line #sb_instagram a.sbi_photo {
background-color: #242424;
border: none;
background-blend-mode: lighten;
}
footer.template-footer div.widget-part-area {
display: flex;
align-items: center;
}
@media (max-width: 1023px) {
footer.template-footer div.widget-part-area {
flex-wrap: wrap;
}
footer.template-footer div.widget-part-area .footer-widget-line:first-child {
display: none;
}
}
footer.template-footer div.widget-part-area .footer-widget-line {
width: 25%;
min-height: 440px;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 90px;
border-left: 1px solid #242424;
background: #1f1f1f;
}
@media (max-width: 1239px) {
footer.template-footer div.widget-part-area .footer-widget-line {
padding-left: 65px;
min-height: 360px;
}
}
@media (max-width: 1023px) {
footer.template-footer div.widget-part-area .footer-widget-line {
width: 33.3333%;
padding-left: 30px;
}
}
@media (max-width: 767px) {
footer.template-footer div.widget-part-area .footer-widget-line {
width: 100%;
min-height: 40px;
padding: 30px;
border-left: none;
border-bottom: 1px solid #242424;
}
}
footer.template-footer div.widget-part-area .footer-widget-line .image-widget {
text-align: center;
margin-left: -90px;
margin-right: -1px;
}
footer.template-footer div.widget-part-area .footer-widget-line .image-widget img {
max-width: 84px !important;
margin: 0 auto;
}
footer.template-footer div.widget-part-area .footer-widget-line h5 {
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
font-weight: 300;
margin: 0 0 25px;
text-transform: uppercase;
}
footer.template-footer div.widget-part-area .footer-widget-line ul.custom-list {
padding: 0;
margin: 0;
}
footer.template-footer div.widget-part-area .footer-widget-line ul.custom-list li {
display: block;
}
footer.template-footer div.widget-part-area .footer-widget-line ul.custom-list li a {
color: #ffffff;
font-size: 15px;
line-height: 30px;
text-decoration: underline !important;
}
a.go-top {
position: absolute;
top: -90px;
right: 30px;
width: 60px;
height: 60px;
color: #ffffff;
font-size: 30px;
line-height: 60px;
text-align: center;
background: #d92828;
}
a.go-top:hover {
opacity: 0.8;
}
@media (max-width: 1023px) {
a.go-top {
display: none;
}
}  @media (max-height: 800px) {
header .header-line div.social-line {
padding: 15px 0;
height: calc(100vh - 300px);
}
header .header-line div.social-line.active {
height: calc(100vh - 400px);
}
header .header-line div.copyright-line {
height: 200px;
}
}.admin-bar header,
.admin-bar header .header-line,
.admin-bar header .logo {
top: 32px;
}
.admin-bar header .nav-menu-box {
top: 132px;
}
@media (max-width: 1023px) {
.admin-bar header .header-line a.open-menu-toggle {
position: fixed;
top: 32px;
}
}
@media (max-width: 782px) {
.admin-bar header .header-line a.open-menu-toggle,
.admin-bar header .logo {
top: 46px;
}
.admin-bar header.active .header-line a.open-menu-toggle,
.admin-bar header.active .logo {
top: 0;
}
}
@media (max-width: 784px) {
.admin-bar header {
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar header.active {
top: 0;
}
section.page-banner-section {
padding: 160px 0 60px;
}
section.blog-section {
padding: 80px 0;
}
}
@media (max-width: 390px) {
ul.meta-list li:before {
display: none !important;
}
ul.meta-list li:last-child {
margin-right: 0 !important;
}
}
.block-section.no-padding {
padding-top: 0;
}
header .logo a,
.ip-logo {
color: #ffffff;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
display: block;
}
.wp-caption {
width: auto;
clear: both;
max-width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.wp-caption a {
box-shadow: none;
}
.alignright {
margin: 0px 0px 25px 25px;
box-sizing: border-box;
float: right !important;
}
.alignleft {
float: left;
margin: 0px 25px 25px 0px;
box-sizing: border-box;
}
.aligncenter {
text-align: center;
margin-left: 25px;
margin-right: 25px;
box-sizing: border-box;
display: inherit !important;
margin-left: auto !important;
margin-right: auto !important;
}
.wp-caption img {
margin-top: 15px;
}
.wp-caption p.wp-caption-text {
padding: 0;
font-size: 14px;
margin-top: 0px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.wp-block-gallery,
.wp-block-categories,
.wp-block-search,
.wp-block-calendar {
margin-bottom: 35px;
}
.bypostauthor .image-holder {
border: 2px solid #d92828;
}
.gallery-caption {
opacity: 0.7;
margin-top: 10px;
}
.gallery-item {
margin: 0 0 15px 0;
padding-right: 10px;
padding-left: 10px;
}
.gallery-item a {
box-shadow: none;
}
.gallery-item img {
border: 0 !important;
}
.mc4wp-success,
.mc4wp-error {
padding-top: 20px;
}
.wp-block-gallery {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
}
.mc4wp-success p {
font-size: 16px !important;
color: #28a745!important;
}
.mc4wp-error p {
font-size: 16px !important;
color: red !important;
} img[data-src] {
opacity: 0;
transition: opacity .2s ease-in-out;
will-change: opacity;
} img[data-src][src] {
opacity: 1;
}
.elementor img {
height: inherit;
}
.wp-block-image img {
height: auto;
}
#filter {
display: none;
}
.wp-block-gallery + .wp-block-image {
margin-top: -15px;
}
#sb_instagram {
padding-bottom: 0 !important;
}
.royarch_loadmore {
background-color: #d92828;
display: block;
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 32px;
padding: 10px 40px;
font-family: "Montserrat", sans-serif;
color: #ffffff;
cursor:pointer;
padding: 10px 0;
margin-top: 30px;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
}
.royarch_loadmore:hover{
background-color: #d92828;
}
.infinite-box {
display: none;
}
.negativeMarg {
margin-top: -70px;
}
figure iframe {
width: 100% !important;
max-width: 100% !important;
height: 400px;
margin-top: 20px;
}
#container > .slider-section.fullscreen-slider .custom-navigation {
margin-top: -20px;
}
.mc4wp-form-fields input[type="email"] {
display: block;
width: 100%;
border: 1px solid #f2f2f2;
outline: none;
padding: 15px 20px;
color: rgba(0, 0, 0, 0.6);
font-size: 15px;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
margin: 0;
}
.mc4wp-form-fields input[type="submit"] {
float: right;
border: none;
outline: none;
padding: 11px 16px;
color: #ffffff;
font-size: 15px;
line-height: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
background-color: #d92828;
margin: -45px 5px 0 0;
}
.mc4wp-form-fields input[type="submit"]:hover {
opacity: 0.8;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.contact-form-box p:empty {
display: none;
}
.lang-item {
display: inline;
list-style: none;
}
.lang-item a {
padding: 15px 6px 6px;
line-height: 16px;
}
.lang-item.current-lang a {
background-color: #d92828;
}
.static-page {
padding: 100px 0;
}
@media (max-width: 991px) {
.static-page {
padding: 60px 0;
}
}
@media (max-width: 768px) {
.static-page {
padding: 40px 0;
}
}
select {
width: 100%;
max-width: 100%;
font-size: 16px;
outline: none;
line-height: 30px;
height: 52px;
background-color: white;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0px;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18' viewBox='0 0 24 24'><path fill='currentColor' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
background-position: 94% 56%;
background-repeat: no-repeat;
padding: 0 36px 0 14px;
}
.sidebar table caption,
.footer-widget table caption {
padding-bottom: 0;
margin-bottom: -20px;
}
.image-widget .footer-widget {
text-align: left;
margin-bottom: 30px;
padding-left: 30px;
}
.wp-calendar-nav {
margin-top: -25px;
}
.wp-calendar-nav a {
color: #d92828 !important;
}
.widget_block ul.wp-block-archives,
.widget_pages ul,
.widget_meta ul,
.widget_recent_entries ul,
.widget_rss ul,
.widget_nav_menu ul,
.wp-block-rss,
.wp-block-page-list li {
padding: 0;
margin: 0; }
.widget_block ul.wp-block-archives li,
.widget_pages ul li,
.widget_meta ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_nav_menu ul li,
.wp-block-rss li,
.wp-block-page-list li {
display: block;
margin-bottom: 16px; }
.widget_block ul.wp-block-archives li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a,
.wp-block-rss li a,
.wp-block-page-list li a {
color: #ffffff;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: 400; }
.widget_block ul.wp-block-archives li a:before,
.widget_pages ul li a:before,
.widget_meta ul li a:before,
.widget_recent_entries ul li a:before,
.widget_rss ul li a:before,
.wp-block-rss li a:before {
}
.widget_block ul.wp-block-archives li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.wp-block-rss li a:hover {
color: #d92828; }
.widget_block ul.wp-block-archives li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_rss ul li:last-child,
.wp-block-rss li:last-child {
margin-bottom: 0; }
.widget_recent_comments ul,
.widget_recent_comments ol,
.wp-block-latest-comments {
padding: 0;
}
.widget_recent_comments ul li,
.widget_recent_comments ol li,
.wp-block-latest-comments li {
display: block;
margin-bottom: 12px; }
.widget_recent_comments ul li a,
.widget_recent_comments ol li a,
.wp-block-latest-comments li a {
color: #ffffff;
font-size: 15px;
line-height: 22px;
font-family: "Montserrat", sans-serif;
font-weight: 400; }
.widget_recent_comments ul li span,
.widget_recent_comments ol li span,
.wp-block-latest-comments li span {
display: inline-block;
}
.widget_recent_comments ul li span a,
.widget_recent_comments ol li span a,
.wp-block-latest-comments li span a {
font-weight: 600;
text-transform: capitalize; }
.widget_recent_comments ul li a:hover,
.widget_recent_comments ol li a:hover,
.wp-block-latest-comments li a:hover {
color: #d92828;
text-decoration: underline !important; }
.widget_recent_comments ul li:last-child,
.widget_recent_comments ol li:last-child,
.wp-block-latest-comments li:last-child {
margin-bottom: 0; }
.widget_rss h3 a {
color: #d92828;
}
.widget_rss ul li span {
display: block;
margin: 5px 0;
font-size: 14px;
}
.widget_rss ul li cite {
font-size: 14px;
}
.widget_text img {
max-width: 100% !important;
height: auto;
margin: 10px 0;
}
.widget_nav_menu ul.sub-menu {
padding-left: 10px;
padding-top: 10px;
}
ul.page-numbers li span.current {
color: #ffffff !important;
} .wp-block-button {
margin-bottom: 15px;
}
.wp-block-button a.wp-block-button__link {
color: #ffffff;
}
.wp-block-button.is-style-outline a.wp-block-button__link {
color: #d92828;
}
.wp-block-cover.has-background-dim p.wp-block-cover-text,
.wp-block-cover.has-background-dim p.wp-block-cover-text a {
color: #ffffff !important;
z-index: 2;
position: relative;
}
.wp-block-cover {
margin-bottom: 15px;
}
.wp-block-cover.aligncenter {
margin-left: 0;
}
.single-post-box .post-content blockquote.is-style-large p {
font-size: 25px;
line-height: 30px;
}
.has-medium-font-size {
overflow: hidden;
}
.has-large-font-size {
line-height: 36px;
}
.has-large-font-size + p {
line-height: 50px;
}
.single-post-box h5,
.static-page h5 {
font-size: 16px;
color: #d92828;
}
.single-post-box h6,
.static-page h6 {
font-size: 15px;
color: #d92828;
}
ol, ul {
padding-left: 30px;
}
.single-post-box ol li,
.single-post-box ul li {
font-size: 17px;
font-weight: 400;
line-height: 24px;
font-family: "Montserrat", sans-serif;
}
.wp-block-file a,
.wp-calendar-table td a,
ol li a,
dl dd a,
.static-page a {
color: #c8c8c8;
}
.single-post-box ul.wp-block-archives,
.single-post-box ul.wp-block-latest-posts {
padding: 0;
margin: 0; }
.single-post-box ul.wp-block-archives li,
.single-post-box ul.wp-block-latest-posts li {
display: block;
margin-bottom: 16px; }
.single-post-box ul.wp-block-archives li a,
.single-post-box ul.wp-block-latest-posts li a {
color: #c8c8c8;
font-size: 17px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-decoration: underline !important; }
.single-post-box ul.wp-block-archives li a:before,
.single-post-box ul.wp-block-latest-posts li a:before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-color: #d92828;
margin-right: 10px; }
.single-post-box ul.wp-block-archives li a:hover,
.single-post-box ul.wp-block-latest-posts li a:hover {
color: #d92828; }
footer.wp-block-latest-comments__comment-meta {
background-color: transparent;
}
footer.wp-block-latest-comments__comment-meta a {
color: #ffffff;
}
footer.wp-block-latest-comments__comment-meta {
color: #c8c8c8 !important;
}
.wp-block-search input[type="search"],
.post-password-form input[type="password"] {
margin: 0;
padding: 10px 28px;
border: 1px solid #f2f2f2;
width: 100%;
outline: none;
color: #d92828;
font-size: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
background: #fff;
transition: all 0.2s ease-in-out !important;
-moz-transition: all 0.2s ease-in-out !important;
-webkit-transition: all 0.2s ease-in-out !important;
}
.wp-block-search button[type="submit"],
.post-password-form input[type="submit"] {
color: #fff;
font-size: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
padding: 10px 28px;
background: #d92828;
text-transform: uppercase;
border: none;
outline: none;
}
.wp-block-tag-cloud a,
.wp-block-rss li a {
color: #ffffff;
}
.wp-block-group.has-background {
margin-bottom: 10px;
}
.wp-block-group.has-background .wp-block-group__inner-container {
padding: 12px 15px;
}
.single-post-box img {
height: auto;
max-width: 100%;
}
.single-post-box img.aligncenter {
margin: 0;
}
p.post-nav-links {
clear: both;
}
p.post-nav-links a,
p.post-nav-links span.current {
display: inline-block;
color: #d92828;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 15px;
font-family: "Montserrat", sans-serif;
background: transparent;
margin-left: 5px;
border-radius: 50%;
}
p.post-nav-links span.current {
color: #ffffff !important;
background-color: #d92828;
}
ul li a,
.single-post-box p a,
figcaption a {
color: #c8c8c8;
}
ul li a:hover,
.single-post-box p a:hover,
figcaption a:hover {
color: #d92828;
}
.post-content ul li a,
.post-content p a {
}
figcaption {
padding-top: 10px;
font-style: italic;
}
table {
margin: 0 0 2.91667rem 0 !important;
width: 100%;
empty-cells: show;
border-collapse: collapse !important;
border-spacing: 0;
border: 1px solid #e5e5e5 !important;
border-radius: 0 !important; }
table td,
table th {
background-color: transparent;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding: 7px 14px;
overflow: visible; }
table td:first-child,
table th:first-child {
border-left-width: 0; }
table td a,
table th a {
color: #d92828; }
table td#today {
background-color: #d92828;
color: #d92828; }
table thead {
text-align: left;
vertical-align: middle; }
table thead td,
table thead th {
font-weight: 600;
color: #d92828; }
.wp-block-calendar table th {
text-align: center !important;
}
.comment-content {
max-width: 100%;
}
.comment-content ul,
.comment-content ol,
.comment-content dl {
margin-bottom: 24px;
}
.comment-content img {
margin: 5px 0;
}
.single-post-box p a img.alignnone.size-large {
width: 730px;
}
.single-post-box .post-content iframe {
max-width: 100% !important;
}
section.page-banner-section h2,
.single-post-box h3,
.standard-post h3 a {
max-width: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.wp-block-cover.has-background-dim-60.has-background-dim p a {
color: #ffffff;
}
figure.wp-caption.aligncenter {
margin: 0 auto 15px;
}
.static-page img.aligncenter {
display: block;
margin: 0 auto 15px !important;
}
.static-page {
overflow: hidden;
}
.static-page img.alignright,
.static-page .comments-form {
clear: both !important;
margin-top: 30px;
}
.static-page .comments-box {
margin-top: 30px;
margin-bottom: 0;
}
.navbar-light .navbar-brand {
color: #d92828;
font-size: 24px;
font-family: 'Tinos' sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.widget_categories ul.children,
.widget_pages ul.children {
padding-left: 15px;
padding-top: 8px;
}
.widget_categories ul.children li a:before,
.widget_pages ul.children li a:before {
display: none !important;
}
.widget_categories > ul > li > ul.children,
.widget_pages > ul > li > ul.children {
padding-left: 29px;
}
form.post-password-form p {
opacity: 1;
}
p.no-comments {
opacity: 1;
margin-top: 20px;
}
.gallery-columns-1,
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9,
.gallery-columns-10 {
display: flex !important;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.gallery-columns-1 figure.gallery-item {
width: 100%;
}
.gallery-columns-2 figure.gallery-item {
width: 50%;
}
.gallery-columns-3 figure.gallery-item {
width: 33.3333%;
}
.gallery-columns-4 figure.gallery-item {
width: 25%;
}
.gallery-columns-5 figure.gallery-item {
width: 20%;
}
.gallery-columns-6 figure.gallery-item {
width: 16.6666%;
}
.gallery-columns-7 figure.gallery-item {
width: 14.2857%;
}
.gallery-columns-8 figure.gallery-item {
width: 12.5%;
}
.gallery-columns-9 figure.gallery-item {
width: 11.1111%;
}
.gallery-columns-10 figure.gallery-item {
width: 10%;
}
.gallery-columns-3 figure.gallery-item img,
.gallery-columns-1 figure.gallery-item img,
.gallery-columns-2 figure.gallery-item img,
.gallery-columns-4 figure.gallery-item img,
.gallery-columns-5 figure.gallery-item img,
.gallery-columns-6 figure.gallery-item img,
.gallery-columns-7 figure.gallery-item img,
.gallery-columns-8 figure.gallery-item img,
.gallery-columns-9 figure.gallery-item img,
.gallery-columns-10 figure.gallery-item img {
width: 100%;
height: auto;
}
.gallery-columns-3 figure.gallery-item .gallery-icon > a,
.gallery-columns-1 figure.gallery-item .gallery-icon > a,
.gallery-columns-2 figure.gallery-item .gallery-icon > a,
.gallery-columns-4 figure.gallery-item .gallery-icon > a,
.gallery-columns-5 figure.gallery-item .gallery-icon > a,
.gallery-columns-6 figure.gallery-item .gallery-icon > a,
.gallery-columns-7 figure.gallery-item .gallery-icon > a,
.gallery-columns-8 figure.gallery-item .gallery-icon > a,
.gallery-columns-9 figure.gallery-item .gallery-icon > a,
.gallery-columns-10 figure.gallery-item .gallery-icon > a {
display: block;
}
.sticky .content-border {
overflow: hidden;
border-left: 5px solid rgb(88 116 105 / 08%);
}
table {
margin: 0 0 2.91667rem 0 !important;
width: 100%;
empty-cells: show;
border-collapse: collapse !important;
border-spacing: 0;
border: 1px solid #555555 !important;
border-radius: 0 !important; }
table td,
table th {
background-color: transparent;
border-left: 1px solid #555555;
border-bottom: 1px solid #555555;
margin: 0;
text-align: center !important;
padding: 7px 9px;
overflow: visible; }
table td:first-child,
table th:first-child {
border-left-width: 0; }
table td a,
table th a {
color: #999999; }
table td#today a {
color: #ffffff !important; }
table.wp-calendar-table thead th {
background-color: #d92828;
color: #ffffff;
border-color: #887469;
border-top: 1px solid #d92828;
font-size: 14px;
}
table.wp-calendar-table thead th:first-child {
border-left: 1px solid #d92828;
}
table.wp-calendar-table thead th:last-child {
border-right: 1px solid #d92828;
}
table.wp-calendar-table td {
text-align: center;
font-size: 12px;
}
.post-content footer {
padding: 0;
border: none;
}
pre {
max-width: 100% !important;
overflow-x: scroll !important;
}
.post-content ul li,
.post-content ol li,
pre code,
.post-content-txt div,
pre, dt, dd, address,
.static-page ul li,
.static-page ol li {
color: #cccccc;
}
table,
table tr td {
color: #999999;
}
table tr th {
color: #ffffff;
}
table tr td,
table tr td a {
color: #aaaaaa !important;
}
.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.post-content-txt figcaption,
.static-page figcaption {
display: block;
color: #cccccc;
font-size: 14px;
}
.is-style-squared a {
border-radius: 0px;
}
.post-content blockquote a,
.post-content-txt p a {
color: #d92828 !important;
}
h5,h6  {
color: #ffffff;
}
.wp-block-group.has-background p,
.has-background p {
color: #777777;
}
.post-content-txt img {
max-width: 100%;
height: auto;
}
.post-content-txt iframe {
width: 100%;
}
.blog-post .post-content h3 a,
.page-banner-section h1,
.post-content h3 {
word-break: break-word;
}
.widget_calendar table td {
border-color: #555555;
padding: 7px 9px;
}
.widget_calendar table th {
padding: 7px 9px;
}
.widget_block nav.wp-calendar-nav {
text-align: left;
}
.widget_block nav.wp-calendar-nav a {
color: #ffffff;
}
.widget_calendar table {
border-color: #555555 !important;
}
.widget_calendar table td#today {
color: #ffffff !important;
}
.widget_categories li ul.children {
padding-left: 15px !important;
padding-top: 18px !important;
margin-top: 18px !important;
border-top: 1px solid #2e2e2e !important;
}
.widget_recent_comments ul li,
.widget_recent_comments ol li,
.widget_rss ul li {
color: #888888;
}
.widget_recent_comments .wp-block-latest-comments__comment-date {
clear: both;
margin-top: 6px;
}
span.rss-date {
color: #d92828;
}
.widget_rss ul li cite {
color: #bbbbbb;
}
footer.template-footer div.widget-part-area .footer-widget-line .image-widget .textwidget p img {
max-width: 100% !important;
}
.widget_categories ul li,
.widget_block ul.wp-block-archives li,
.widget_archive ul li {
color: #888888;
}
.widget_tag_cloud a,
.wp-block-tag-cloud a {
display: inline-block;
padding: 6px 17px;
font-size: 12px !important;
color: #ffffff !important;
border: 1px solid #2e2e2e;
margin-right: 8px;
margin-bottom: 13px;
}
.post-content .wp-block-tag-cloud a {
color: #ffffff !important;
}
.widget_tag_cloud a:hover,
.wp-block-tag-cloud a:hover {
color: #d92828 !important;
}
.widget_block > h4,
.widget_block > h3,
.widget_block h2,
.widget_block > h5,
.widget_search label,
.wp-block-search__label,
.widget_block label.wp-block-search__label {
text-transform: uppercase;
letter-spacing: 0.08em;
position: relative;
padding-bottom: 16px;
font-size: 20px;
color: #ffffff;
}
.widget_block > h4:after,
.widget_block > h3:after,
.widget_block h2:after,
.widget_block > h5:after,
.widget_block label.wp-block-search__label:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 2px;
background: #d92828;
}
.widget_search label {
color: #ffffff;
margin-bottom: 6px;
}
.widget_block label {
padding: 16px 0;
}
.widget_search .wp-block-search__button {
border-color: transparent;
margin: 0;
}
.widget_search .wp-block-search__input {
color: #232323 !important;
padding: 9px 20px !important;
}
.widget_block label.wp-block-search__label {
margin-bottom: 20px;
padding-top: 0 !important;
font-weight: 600;
display: none;
}
.blog-post.sticky .post-content {
border: 1px solid #d92828;
}
.comments-box ul.comments-list li .comment-box span.time {
opacity: 1;
}
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
margin-bottom: 10px !important;
}
.comment-content h2 {
font-size: 30px;
line-height: 50px;
}
p.has-text-color {
padding: 6px 12px;
background-color: #ffffff;
}
footer.template-footer div.widget-part-area .footer-widget-line h5 {
margin-top: 25px;
}
.widget_search form#searchform {
margin: 0;
position: relative;
}
.widget_search form#searchform input[type=text] {
display: block;
width: 100%;
color: #ffffff;
font-size: 15px;
font-weight: 400;
padding: 13px 20px;
outline: none;
background: transparent;
border: 1px solid #2e2e2e;
border-left: 3px solid #d92828;
}
.widget_search form#searchform input[type=text]::placeholder {
color: #ffffff;
}
.widget_search form#searchform button[type=submit] {
background: transparent;
border: none;
outline: none;
float: right;
right: 0;
margin-top: -34px;
font-size: 14px;
margin-right: 15px;
color: rgba(255, 255, 255, 0.85);
}
.comments-box ul.comments-list li .comment-box .image-holder {
float: left;
}
.comments-box ul.comments-list li .comment-box .image-holder img {
width: 100px !important;
height: 100px !important;
}
@media (max-width: 769px) {
.comments-box ul.comments-list li .comment-box .image-holder img {
width: 100px !important;
height: 100px !important; }}
.comments-box ul.comments-list li {
clear: both;
overflow: hidden;
}
.comments-box ul.comments-list li .comment-box {
display: block;
}
.comments-box ul.comments-list li .comment-box .comment-content {
margin-left: 130px;
}
.comments-box ul.comments-list li.pingback .comment-box .comment-content,
.comments-box ul.comments-list li.trackback .comment-box .comment-content {
margin-left: 0 !important;
}
.comment-content {
margin-top: 0 !important;
}
footer.template-footer .widget_block {
margin-bottom: 30px !important;
}
.comment-content {
}
@media (max-width: 600px) {
ul.meta-list li:before {
display: none !important;
}
#respond p.form-submit {
width: 100%;
padding-left: 0;
margin-bottom: 40px;
margin-top: 20px;
}
}
@media (max-width: 400px) {
.comments-box ul.comments-list li .comment-box .image-holder img {
width: 60px !important;
height: 60px !important;
}
.comments-box ul.comments-list li .comment-box .comment-content {
margin-left: 90px;
}
.comments-box ul.comments-list ul.children > li {
padding-left: 0;
}
}
.pingback .image-holder,
.trackback .image-holder {
display: none;
}
.comments-box ul.comments-list li.pingback .comment-box,
.comments-box ul.comments-list li.trackback .comment-box {
display: block;
}
.comments-box ul.comments-list li .comment-box p + h2 {
margin-top: 20px;
}
.wp-calendar-table caption {
color: #aaaaaa !important;
}
.static-page img {
max-width: 100%;
height: auto;
}
.comment-content li {
overflow: visible !important;
}