:root {
--theme-color: #C78665;
--title-color: #666861;
--body-color: #84847c;
--smoke-color: #F8F7F4;
--smoke-color2: #FFF4EF;
--smoke-color3: #F5F5F6;
--smoke-color4: #F4F4F4;
--smoke-color5: #F0F2F4;
--black-color: #202020;
--gray-color: #303030;
--white-color: #ffffff;
--light-color: #9fa2ad;
--yellow-color: #FFB539;
--success-color: #28a745;
--error-color: #dc3545;
--border-color: #E3E3E3;
--title-font: "EB Garamond", serif;
--body-font: "Prompt", sans-serif;
--icon-font: "Font Awesome 5 Pro";
--main-container: 1320px;
--container-gutters: 24px;
--section-space: 120px;
--section-space-mobile: 80px;
--section-title-space: 65px;
--ripple-ani-duration: 5s;
} .ovation-company-about-wrapper {
display: flex;
justify-content: center;
flex-wrap: nowrap;
}
.company-logo {
display: contents;
}
.company-about-dec {
margin-top: 36px;
margin-bottom: 40px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
color: #94ADB5;
} .footer-widget .inline-menu li {
display: inline-block;
} .footer-menu-area.single-menu-item {
text-align: center;
border-bottom: 1px solid #E8DFDC;
border-top: 1px solid #E8DFDC;
padding: 14.5px 0;
}
.single-menu-item .footer-menu-list {
list-style: none;
padding: 0;
margin: 0;
display: inline-flex;
flex-wrap: wrap;
gap: 15px 45px;
justify-content: center;
}
.single-menu-item .footer-menu-list li {
display: inline-block;
}
.single-menu-item .footer-menu-list li a {
display: block;
position: relative;
font-weight: 400;
font-size: 12px;
color: var(--title-color);
letter-spacing: 3.6px;
text-transform: uppercase;
}
.single-menu-item .footer-menu-list li a:before {
content: "";
position: relative;
height: 6px;
width: 6px;
display: inline-block;
border-radius: 50%;
border: 1px solid var(--title-color);
top: -1px;
margin-right: 10px;
transition: 0.4s;
}
.single-menu-item .footer-menu-list li a:hover {
color: var(--theme-color);
}
.single-menu-item .footer-menu-list li a:hover:before {
background: var(--theme-color);
}
.section-title-wrapper {
display: flex;
}
.newsletter-form .form-group input::placeholder {
color: #84847c;
} .header-layout1.header-position {
position: absolute;
width: 100%;
} .footer-layout2.footer-bg {
background: transparent;
}
.header-layout2 .header-links {
color: #ffff;
} .hero-slider {
background-size: cover;
background-repeat: no-repeat;
}
.hero-thumb1 img {
max-height: 650px;
} .service-card_icon {
font-size: 60px;
color: #c78665;
} .widget-author .widget-author-thumb img {
width: 190px;
height: 190px;
border-radius: 100%;
object-fit: cover;
} .blog-v2 {
overflow: hidden;
} .team-area-1 .global-img img {
border-radius: 50%;
width: 380px;
} .icon-btn.cta-icon {
font-size: 30px;
color: var(--theme-color);
transform: rotate(320deg);
}
.icon-btn.cta-icon:hover {
color: var(--theme-color);
}
.project-card .project_card_title span {
display: inline;
} .portfolio-thumb .portfolio-details {
width: 100%;
}
.portfolio-thumb.big img {
height: 522px;
}
@media (max-width: 1399px) {
.portfolio-thumb.big img {
height: 440px;
}
}
@media (max-width: 599px) {
.portfolio-thumb.big img {
height: auto;
}
} .service-card_img.global-img img {
border-radius: 50%;
} .team-card.style2 .team-card_img img {
border-radius: 50%;
height: 320px;
width: 250px;
object-fit: cover;
} .about-content-wrap2 .sub-title.style2 {
color: #666861;
}
@media (max-width: 1199px) {
.about-two-wrp .about-thumb3 img {
min-height: 500px;
height: 500px;
}
}
@media (max-width: 767px) {
.about-two-wrp .about-thumb3 img {
min-height: auto;
height: auto;
}
} .section-title-wrapper .sec-title {
margin-bottom: 0;
} .share-thumb.v1 {
position: relative;
padding: 118px 268px 104px 0;
display: inline-block;
} .footer-contact-icon,
.contact-icon.icon-box-v3 {
font-size: 30px;
color: var(--theme-color);
} .single-team-details .team-about-card_img img {
width: 100%;
max-height: 500px;
} .subscribe-area-1.style2 {
margin: 0;
padding: 0;
} .portfolio-details-page .container {
padding: 0 10px;
}
@media (max-width: 991px) {
.sidebar-area.info {
padding-top: 0px;
}
} .testimonial-area-1 .testi-box {
background: #fbefe9;
} .single-post-item .post-img.blog-img img {
width: 100%;
} .service-card2_icon.three {
font-size: 60px;
color: #c78665;
}
.footer-layout2.footer-bg .footer-top {
padding: 0;
border: none;
}
footer.site-footer.footer-wrapper.footer-layout1 {
background: unset;
} .about-tab-1 .container {
padding: 0;
} .instagram-card-img {
position: relative;
}
.instagram-card-img:after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 0px;
background: var(--title-color);
mix-blend-mode: multiply;
z-index: 0;
opacity: 0;
transition: 0.4s;
}
.instagram-card-img:hover:after {
opacity: 1;
}
a.popup-image.icon-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -30%);
background: var(--white-color);
border-radius: 50%;
color: var(--theme-color);
height: 80px;
width: 80px;
line-height: 50px;
opacity: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
}
.instagram-card-img:hover a.popup-image.icon-btn {
transform: translate(-50%, -50%);
opacity: 1;
}
.ovation-gallery-area .style-two:nth-child(1),
.ovation-gallery-area .style-two:nth-child(2),
.ovation-gallery-area .style-two:nth-child(6),
.ovation-gallery-area .style-two:nth-child(7),
.ovation-gallery-area .style-two:nth-child(11),
.ovation-gallery-area .style-two:nth-child(12) {
width: 50%
}
.ovation-gallery-area .instagram-card-img:hover img {
transform: scale(1.08);
}
.instagram-card-img img {
transition: 0.4s;
width: 100%;
} .portfolio-gallery-details {
position: absolute;
z-index: 1111;
bottom: 0;
padding: 30px;
text-align: center;
width: 100%;
opacity: 0;
transition: .4s;
}
.portfolio-gallery-details .p-title {
font-size: 30px;
font-weight: 400;
line-height: 40px;
margin-bottom: 8px;
}
.portfolio-gallery-details h3 a {
color: var(--white-color);
}
.portfolio-gallery-details h3 a:hover {
color: var(--theme-color);
}
.portfolio-gallery-details p {
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
color: var(--white-color);
margin-bottom: 0px;
}
.instagram-card-img.style2:after {
border: 1px solid #575754;
background: rgba(9, 10, 7, 0.62);
backdrop-filter: blur(43.5px);
}
.instagram-card-img:hover .portfolio-gallery-details {
opacity: 1;
}
.portfolio-gallery-details.no-icon {
top: 50%;
transform: translate(0px, -50%);
bottom: auto;
}
@media (max-width: 1699px) {
.ovation-gallery-area .style-two {
width: 50%;
}
}
@media (max-width: 991px) {
.ovation-gallery-area .style-two {
width: 100%
}
.ovation-gallery-area .style-two:nth-child(1),
.ovation-gallery-area .style-two:nth-child(2),
.ovation-gallery-area .style-two:nth-child(6),
.ovation-gallery-area .style-two:nth-child(7),
.ovation-gallery-area .style-two:nth-child(11),
.ovation-gallery-area .style-two:nth-child(12) {
width: 100%
}
}
@media (max-width: 425px) {
.g-project .popup-image.icon-btn {
display: none;
}
.portfolio-gallery-details {
padding: 25px
}
.portfolio-gallery-details .p-title {
font-size: 24px;
line-height: 34px 
}
} .single-post-item .post-contents .post-meta-item time.updated {
display: none;
}
.single-post-item .post-contents .post-meta-item time.entry-date.published {
display: inline-block;
}
.portfolio-page-2.portfolio-gallery {
margin: 0;
}
@media (max-width: 767px) {
.portfolio-page-2.portfolio-gallery {
padding: 0;
}
} .project-menu li {
font-size: 14px;
font-weight: 300;
color: var(--body-color);
letter-spacing: 1.4px;
text-transform: uppercase;
background: transparent;
border: 0;
position: relative;
padding: 0;
display: inline-block;
margin: 0 35px;
}
ul.project-filter {
margin-bottom: 40px;
padding: 0;
}
.project-menu li.active {
color: var(--theme-color);
}
.project-menu li:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
transition: 0.4s;
background: var(--theme-color);
height: 1px;
}
.project-menu li.active:after {
width: 100%;
}
.header-template-three-activate {
background: #363832;
padding: 40px 40px 0px 410px;
}
@media (max-width: 500px) {
.header-template-three-activate .portfolio-gallery-details {
padding: 15px;
}
}  @media (max-width: 991px) {
.header-template-three-activate {
padding: 40px 40px 40px 340px;
}
} @media (max-width: 767px) {
.header-template-three-activate {
padding: 30px 30px 30px 90px;
}
}
@media (max-width: 500px) {
.header-template-three-activate {
padding: 20px 20px 20px 83px;
}
}
.tp-section-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-repeat: no-repeat;
pointer-events: none;
}
.shapeanimation {
-webkit-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-duration: 9s;
-webkit-animation-duration: 9s;
z-index: -1;
} @-webkit-keyframes shapeMover {
0%,
100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes shapeMover {
0%,
100% {
-webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
-webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes shapeMover {
0%,
100% {
transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
}
}
@keyframes bubbleMover {
0% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
}
30% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
50% {
-webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
transform: translateY(50px) translateX(100px) rotate(45deg);
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
80% {
-webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
transform: translateY(30px) translateX(50px) rotate(15deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
100% {
-webkit-transform: translateY(0px) translateX(0) rotate(0);
transform: translateY(0px) translateX(0) rotate(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}