.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-80 {
margin-top: 80px;
}
.mt-120 {
margin-top: 120px;
}
.mt--60 {
margin-top: -60px;
}
.mt--120 {
margin-top: -120px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-120 {
margin-bottom: 120px;
}
.mb--60 {
margin-bottom: -60px;
}
.mb--120 {
margin-bottom: -120px;
}
.pt-20 {
padding-top: 20px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-80 {
padding-top: 80px;
}
.pt-110 {
padding-top: 110px;
}
.pt-115 {
padding-top: 115px;
}
.pt-120 {
padding-top: 120px;
}
.pt-142 {
padding-top: 142px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-110 {
padding-bottom: 110px;
}
.pb-115 {
padding-bottom: 115px;
}
.pb-120 {
padding-bottom: 120px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-30 {
padding-left: 30px;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-30 {
padding-right: 30px;
} .blog-one {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 114px;
}
@media (max-width: 767px) {
.blog-one {
padding: 80px 0 50px;
}
}
.blog-one__item {
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
.blog-one__item {
margin-bottom: 30px;
}
}
.blog-one__item__image {
position: relative;
background-color: var(--ogency-black);
}
.blog-one__item__image img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
}
.blog-one__item__image a {
display: flex;
width: 100%;
height: 100%;
background-color: rgba(var(--ogency-black-rgb), 0.4);
position: absolute;
top: 0;
left: 0;
justify-content: center;
align-items: center;
opacity: 0;
transform: translateY(-20%);
transition: opacity 500ms ease, transform 500ms ease;
}
.blog-one__item__image a::after, .blog-one__item__image a::before {
content: "";
width: 32px;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog-one__item__image a::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.blog-one__item__image span {
display: inline-block;
background-color: var(--ogency-white);
height: 34px;
line-height: 34px;
color: var(--ogency-black);
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: 600;
font-size: 12px;
position: absolute;
bottom: 20px;
right: 20px;
padding: 0 14.5px;
}
.blog-one__item:hover .blog-one__item__image a {
opacity: 1;
transform: translateY(0);
}
.blog-one__item__content {
position: relative;
padding: 24px 0 0;
}
.blog-one__item__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
margin-bottom: 8px;
font-size: 14px;
}
.blog-one__item__meta a {
color: inherit;
}
.blog-one__item__meta a:hover {
color: var(--ogency-base);
}
.blog-one__item__meta span {
margin: 0 12px;
}
.blog-one__item__meta.has-border::before {
position: relative;
content: '';
display: inline-block;
content: '';
background-color: var(--ogency-base);
width: 41px;
height: 1px;
margin-right: 10px;
}
.blog-one__item__title {
font-size: 24px;
color: var(--ogency-white);
letter-spacing: -.96px;
margin-bottom: 11px;
padding-bottom: 30px;
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
.blog-one__item__title a {
color: inherit;
background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
display: inline;
background-size: 0% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: all 0.4s ease;
}
.blog-one__item__title a:hover {
color: var(--ogency-base);
}
.blog-one__item:hover .blog-one__item__title a {
background-size: 0% 1px, 100% 1px;
}
.blog-one__item__btn {
display: inline-block;
color: var(--ogency-color);
font-size: 14px;
text-transform: capitalize;
}
.blog-one__item__btn span {
display: inline-block;
font-size: 20px;
margin: 0 0 0 14px;
top: 4px;
position: relative;
transition: transform 400ms ease;
}
.blog-one__item__btn:hover {
color: var(--ogency-base);
}
.blog-one__item__btn:hover span {
transform: rotate(-45deg);
}
.blog-one__item-list {
position: relative;
}
.blog-one__item-list .blog-one__item__content {
padding-top: 12px;
}
.blog-one__item-list .blog-one__item__title {
border: none;
padding: 0;
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 13px;
}
.blog-one__item-list .blog-one__item__text {
line-height: 30px;
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
margin: 0 0 10px;
padding-bottom: 22px;
}
.blog-one__item-quote {
position: relative;
background-color: var(--ogency-black2);
padding: 48px 60px 58px;
margin: 0 0 30px;
}
@media (max-width: 767px) {
.blog-one__item-quote {
padding-left: 30px;
padding-right: 30px;
}
}
.blog-one__item-quote__icon {
font-size: 120px;
color: var(--ogency-base);
font-weight: 600;
display: block;
line-height: .8;
height: 40px;
margin: 0 0 22px -8px;
}
.blog-one__item-quote__text {
margin: 0;
line-height: 30px;
}
.blog-one__item-sticky {
position: relative;
background-color: var(--ogency-black2);
padding: 50px 60px 60px;
margin: 0 0 30px;
}
@media (max-width: 767px) {
.blog-one__item-sticky {
padding-left: 30px;
padding-right: 30px;
}
}
.blog-one__item-sticky__icon {
font-size: 50px;
color: var(--ogency-base);
display: block;
line-height: 50px;
width: 46px;
height: 46px;
margin: 0 0 32px;
}
.blog-one__item-sticky__title {
color: var(--ogency-white);
font-size: 30px;
letter-spacing: -1.2px;
margin: 0;
}
.blog-one__item-sticky__title a {
color: inherit;
background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
display: inline;
background-size: 0% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: all 0.4s ease;
}
.blog-one__item-sticky__title a:hover {
color: var(--ogency-base);
}
.blog-one__item-sticky:hover .blog-one__item-sticky__title a {
background-size: 0% 1px, 100% 1px;
}
.blog-one__item-pagination {
position: relative;
margin: 0 0 30px;
}
.blog-page {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 90px;
}
@media (max-width: 767px) {
.blog-page {
padding: 80px 0 50px;
}
}
.blog-page .blog-one__item {
margin-bottom: 23px;
}
.blog-page .ogency-owl__dots.owl-carousel .owl-dots {
margin-bottom: 30px;
} .sidebar {
position: relative;
}
@media (max-width: 991px) {
.sidebar {
margin: 50px 0 30px;
}
.sidebar__left {
margin: 0 0 50px;
}
}
.sidebar__single {
position: relative;
background-color: var(--ogency-black2);
padding: 45px 50px 45px;
}
@media (max-width: 767px) {
.sidebar__single {
padding-left: 40px;
padding-right: 40px;
}
}
.sidebar__single + .sidebar__single {
margin-top: 30px;
}
.sidebar__search {
padding: 30px;
}
.sidebar__search-form {
position: relative;
}
.sidebar__search-form input[type="search"] {
display: block;
border: none;
outline: none;
background-color: var(--ogency-black);
box-shadow: none;
color: var(--ogency-color);
font-size: 14px;
font-weight: 500;
padding-left: 30px;
height: 64px;
width: 100%;
padding-right: 50px;
}
.sidebar__search-form input[type="search"]::-webkit-input-placeholder {
color: var(--ogency-color);
opacity: 1;
}
.sidebar__search-form input[type="search"]:-ms-input-placeholder {
color: var(--ogency-color);
opacity: 1;
}
.sidebar__search-form input[type="search"]::-ms-input-placeholder {
color: var(--ogency-color);
opacity: 1;
}
.sidebar__search-form input[type="search"]::placeholder {
color: var(--ogency-color);
opacity: 1;
}
.sidebar__search-form button[type="submit"] {
background-color: transparent;
color: var(--ogency-white);
font-size: 22px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 52px;
outline: none;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.sidebar__search-form button[type="submit"]:hover {
color: var(--ogency-base);
}
.sidebar__title {
position: relative;
font-size: 22px;
letter-spacing: -.88px;
margin: 0 0 26px;
}
.sidebar__post {
position: relative;
padding-bottom: 57px;
}
.sidebar__post__list {
margin: 0;
padding: 0;
}
.sidebar__post__list li {
list-style: none;
position: relative;
padding: 0 0 26px 90px;
margin-bottom: 20px;
border-bottom: 1px solid var(--ogency-black3);
min-width: 70px;
}
.sidebar__post__list li:hover img{
mix-blend-mode: normal;
}
.sidebar__post__list li:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar__post__list li:hover .sidebar__post__content__title a {
background-size: 0% 1px, 100% 1px;
}
.sidebar__post__image {
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
background-color: var(--ogency-black);
}
.sidebar__post__image img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.sidebar__post__content {
position: relative;
}
.sidebar__post__content__meta {
display: block;
font-size: 13px;
line-height: 1;
margin-bottom: 7px;
}
.sidebar__post__content__title {
font-size: 16px;
line-height: 22px;
max-width: 170px;
margin: 0;
}
.sidebar__post__content__title a {
color: inherit;
background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
display: inline;
background-size: 0% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: all 0.4s ease;
}
.sidebar__post__content__title a:hover {
color: var(--ogency-base);
}
.sidebar__category {
position: relative;
padding-bottom: 32px;
}
.sidebar__category .sidebar__title {
margin-bottom: 10px;
}
.sidebar__category-list {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar__category-list li {
position: relative;
display: block;
}
.sidebar__category-list li a {
position: relative;
display: block;
align-items: center;
font-weight: 500;
line-height: 24px;
font-size: 15px;
color: var(--ogency-color);
border-bottom: 1px solid var(--ogency-black3);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
padding: 10px 0 14px 25px;
}
.sidebar__category-list li a::after {
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 6px;
height: 6px;
content: '';
background-color: var(--ogency-white);
border-radius: 50%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.sidebar__category-list li:last-child a {
border-bottom: none;
}
.sidebar__category-list li:hover a {
color: var(--ogency-white);
}
.sidebar__category-list li:hover a::after {
background-color: var(--ogency-base);
}
.sidebar__tags {
position: relative;
}
.sidebar__tags-list {
margin-bottom: -5px;
}
.sidebar__tags-list a {
font-size: 12px;
line-height: 38px;
color: var(--ogency-color);
background-color: var(--ogency-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
padding: 0 20px;
height: 38px;
font-weight: 800;
text-transform: capitalize;
margin-right: 7px;
margin-bottom: 10px;
}
.sidebar__tags-list a:last-child {
margin-right: 0;
}
.sidebar__tags-list a:hover {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.sidebar__comments {
position: relative;
padding-bottom: 52px;
}
.sidebar__comments .sidebar__title {
margin-bottom: 21px;
}
.sidebar__comments-list {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar__comments-list li {
display: block;
position: relative;
padding-left: 65px;
}
.sidebar__comments-list li:hover .sidebar__comments-icon {
background-color: var(--ogency-base);
}
.sidebar__comments-list li + li {
margin-top: 26px;
}
.sidebar__comments-icon {
height: 44px;
width: 44px;
background-color: var(--ogency-black);
border-radius: 50%;
font-size: 16px;
color: var(--ogency-white);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 5px;
left: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.sidebar__comments-text-box p {
font-size: 15px;
line-height: 24px;
color: var(--ogency-color);
margin: 0;
}
.sidebar__comments-text-box p a {
color: var(--ogency-white);
}
.sidebar__comments-text-box p a:hover {
color: var(--ogency-base);
}
.sidebar__project {
position: relative;
padding-bottom: 50px;
}
.sidebar__project__carousel {
position: relative;
}
.sidebar__project__carousel.owl-carousel .owl-dots {
position: absolute;
bottom: 30px;
right: 28px;
text-align: center;
margin: 0 !important;
display: flex;
align-items: center;
}
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 11px;
height: 11px;
border-radius: 50%;
background-color: rgba(var(--ogency-white-rgb), 0.2);
border: 2px solid transparent;
margin: 0px 2.5px;
padding: 0px;
transition: all 100ms linear;
transition-delay: 0.1s;
}
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot:hover, .sidebar__project__carousel.owl-carousel .owl-dots .owl-dot.active {
background-color: transparent;
border: 2px solid var(--ogency-white);
}
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot:focus {
outline: none;
}
.sidebar__project__carousel.owl-carousel .owl-dots .owl-dot span {
display: none;
}
.sidebar__project-single {
position: relative;
display: block;
min-height: 163px;
background-color: var(--ogency-black);
z-index: 1;
}
.sidebar__project-single-title {
line-height: 22px;
font-size: 18px;
color: var(--ogency-white);
position: absolute;
max-width: 130px;
bottom: 18px;
left: 30px;
}
.sidebar__project-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
mix-blend-mode: luminosity;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.sidebar__project-bg::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, RGBA(var(--ogency-black-rgb), 1) 5%, RGBA(var(--ogency-black-rgb), 0) 51%);
} .blog-details {
position: relative;
padding: 120px 0;
background-color: var(--ogency-black);
}
@media (max-width: 767px) {
.blog-details {
padding: 80px 0;
}
}
.blog-details__content {
position: relative;
}
.blog-details__img {
position: relative;
background-color: var(--ogency-black2);
margin: 0 0 12px;
}
.blog-details__img img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
}
.blog-details__img__date {
display: inline-block;
background-color: var(--ogency-white);
height: 34px;
line-height: 34px;
color: var(--ogency-black);
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: 600;
font-size: 12px;
position: absolute;
bottom: 20px;
right: 20px;
padding: 0 14.5px;
}
.blog-details__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
margin-bottom: 6px;
font-size: 14px;
}
.blog-details__meta a {
color: inherit;
}
.blog-details__meta a:hover {
color: var(--ogency-base);
}
.blog-details__meta span {
margin: 0 12px;
}
.blog-details__meta::before {
position: relative;
content: '';
display: inline-block;
background-color: var(--ogency-base);
width: 41px;
height: 1px;
margin-right: 10px;
}
.blog-details__title {
font-size: 30px;
letter-spacing: -1.2px;
margin: 0 0 13px;
}
.blog-details__text {
line-height: 30px;
margin: 0 0 30px;
}
.blog-details__bottom {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 0 30px;
margin-top: 52px;
border-top: 1px solid var(--ogency-black3);
}
@media (max-width: 767px) {
.blog-details__bottom {
display: block;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-details__bottom {
display: block;
}
}
.blog-details__tags {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.blog-details__tags__title {
font-size: 22px;
letter-spacing: -.88px;
margin: -8px 24px 0 0;
}
.blog-details__tags a {
font-size: 12px;
line-height: 38px;
color: var(--ogency-color);
background-color: var(--ogency-black2);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
padding: 0 20px;
height: 38px;
font-weight: 800;
text-transform: capitalize;
margin-right: 10px;
}
.blog-details__tags a:last-child {
margin-right: 0;
}
.blog-details__tags a:hover {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.blog-details__social {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.blog-details__social {
margin: 30px 0 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-details__social {
margin-top: 30px;
}
}
.blog-details__social a {
font-size: 20px;
color: var(--ogency-white);
background-color: var(--ogency-black2);
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 50%;
text-align: center;
display: inline-block;
margin-left: 10px;
}
.blog-details__social a:first-child {
margin-left: 0;
}
.blog-details__social a:hover {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.blog-details__pagenation {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
flex-grow: 2;
}
.blog-details__pagenation__content {
position: relative;
}
.blog-details__pagenation__date {
font-size: 13px;
line-height: 1;
display: block;
margin: 0 0 5px;
}
.blog-details__pagenation__title {
font-size: 16px;
line-height: 26px;
margin: 0;
}
.blog-details__pagenation__title a {
color: inherit;
background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
display: inline;
background-size: 0% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: all 0.4s ease;
}
.blog-details__pagenation__title a:hover {
color: var(--ogency-base);
}
.blog-details__item {
position: relative;
padding: 38px 30px 37px 140px;
display: flex;
align-items: center;
min-height: 85px;
background-color: var(--ogency-black2);
max-width: calc(50% - 15px);
width: 100%;
}
@media (max-width: 767px) {
.blog-details__item {
max-width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.blog-details__item {
max-width: 100%;
}
}
.blog-details__item-right {
padding-left: 30px;
padding-right: 140px;
justify-content: flex-end;
text-align: right;
}
.blog-details__item-right .blog-details__item__img {
left: auto;
right: 30px;
}
.blog-details__item__img {
display: block;
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 90px;
height: 85px;
background-color: var(--ogency-black);
}
.blog-details__item__img img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.blog-details__item:hover .blog-details__pagenation__title a {
background-size: 0% 1px, 100% 1px;
}
.blog-details__comment {
position: relative;
margin: 53px 0 0;
}
.blog-details__comment__title {
font-size: 30px;
letter-spacing: -1.2px;
margin: 0 0 45px;
}
.blog-details__comment__item {
position: relative;
border-bottom: 1px solid var(--ogency-black3);
min-height: 166px;
padding: 11px 0 65px 212px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.blog-details__comment__item {
padding-left: 0;
}
}
.blog-details__comment__image {
position: absolute;
left: 0;
top: 0;
width: 166px;
height: 166px;
border-radius: 50%;
background-color: var(--ogency-black2);
}
@media (max-width: 767px) {
.blog-details__comment__image {
position: relative;
margin: 0 0 25px;
}
}
.blog-details__comment__image img {
width: 100%;
height: 100%;
mix-blend-mode: luminosity;
border-radius: 50%;
}
.blog-details__comment__content {
position: relative;
}
.blog-details__comment__name {
font-size: 22px;
line-height: 30px;
letter-spacing: -.88px;
margin: 0 0 20px;
}
.blog-details__comment__text {
line-height: 30px;
margin: 0;
}
.blog-details__comment .ogency-btn {
height: 38px;
background-color: var(--ogency-black2);
font-size: 12px;
color: var(--ogency-color);
padding: 7px 20px;
position: absolute;
right: 0;
top: -14px;
}
@media (max-width: 767px) {
.blog-details__comment .ogency-btn {
position: relative;
top: 0;
margin: 20px 0 0;
}
}
.blog-details__comment .ogency-btn:hover {
color: var(--ogency-white);
}
.blog-details__comment .ogency-btn::after {
background-color: var(--ogency-base);
}
.blog-details__comment-form {
position: relative;
margin: 53px 0 0;
}
.blog-details__comment-form .row {
--bs-gutter-x: 20px;
}
.blog-details__comment-form__title {
font-size: 30px;
letter-spacing: -1.2px;
margin: 0 0 45px;
}
.blog-details__comment-form__input-box {
position: relative;
display: block;
line-height: 1;
margin-bottom: 20px;
}
.blog-details__comment-form__input-box input[type="text"], .blog-details__comment-form__input-box input[type="email"] {
height: 63px;
width: 100%;
border: none;
background-color: var(--ogency-black2);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 14px;
color: var(--ogency-color);
font-family: var(--ogency-font);
display: block;
font-weight: 500;
}
.blog-details__comment-form__input-box textarea {
font-size: 14px;
font-weight: 500;
color: var(--ogency-color);
height: 188px;
width: 100%;
background-color: var(--ogency-black2);
font-family: var(--ogency-font);
padding: 25px 30px 30px;
border: none;
outline: none;
margin-bottom: 0px;
} :root {
--ogency-font: 'Montserrat', sans-serif;
--heading-font: 'Montserrat', sans-serif;
--ogency-color: #5d5d5d;
--ogency-color-rgb: 93, 93, 93;
--ogency-base: #7EBA28;
--ogency-base2: #004730;
--ogency-base-rgb: 245, 144, 13;
--ogency-black: #000000;
--ogency-black-rgb: 0, 0, 0;
--ogency-black2: #101010;
--ogency-black2-rgb: 16, 16, 16;
--ogency-black3: #1a1a1a;
--ogency-black3-rgb: 26, 26, 26;
--ogency-white: #ffffff;
--ogency-white-rgb: 255, 255, 255;
}
body {
font-family: var(--ogency-font);
color: var(--ogency-color);
font-size: 15px;
line-height: 1.875;
font-weight: 500;
}
body.locked {
overflow: hidden;
}
a {
color: var(--ogency-base);
transition: all 500ms ease;
}
a,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}
::placeholder {
color: inherit;
opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--ogency-font);
color: var(--ogency-white);
font-weight: 800;
}
@media (max-width: 575px) {
h1 br,
h2 br,
h3 br,
h4 br,
h5 br,
h6 br {
display: none;
}
}
@media (max-width: 575px) {
p br {
display: none;
}
}
::placeholder {
color: inherit;
opacity: 1;
}
.background-base {
background-color: var(--ogency-base);
}
.background-black {
background-color: var(--ogency-black);
}
.ogency-text-dark {
color: var(--ogency-black);
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.row {
--bs-gutter-x: 30px;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
.ogency-btn {
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
border: none;
outline: none !important;
background-color: var(--ogency-base);
color: var(--ogency-white);
font-size: 16px;
font-weight: 800;
font-family: var(--ogency-font);
padding: 16px 50px 17px;
transition: 500ms;
overflow: hidden;
z-index: 2;
position: relative;
}
.ogency-btn::after {
content: "";
position: absolute;
height: 0%;
left: 50%;
top: 50%;
width: 150%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: -1;
background: var(--ogency-white);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
.ogency-btn:hover::after {
height: 450%;
transition: all 1s ease 0s;
}
.ogency-btn:hover {
color: var(--ogency-base);
}
.bootstrap-select .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
border-radius: 0;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
background-color: var(--ogency-base);
}
.tns-outer .tns-controls {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.tns-outer .tns-controls button {
width: 45px;
height: 45px;
border: 2px solid #f4f4f4;
outline: none;
display: flex;
justify-content: center;
align-items: center;
color: var(--ogency-color);
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
}
.block-title {
margin-top: -8px;
margin-bottom: 50px;
}
.block-title__decor {
width: 21px;
height: 14px;
background-image: url(//econatur.net/wp-content/themes/econatur/assets/images/shapes/leaf-1-1.png);
background-repeat: no-repeat;
background-position: top center;
display: inline-block;
line-height: 1;
margin-bottom: -5px;
position: relative;
top: -7px;
}
.block-title p {
margin: 0;
color: var(--ogency-color);
font-size: 16px;
line-height: 1;
margin-bottom: 7px;
}
@media (min-width: 768px) {
.block-title p {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.block-title p {
font-size: 20px;
}
}
.block-title h3 {
margin: 0;
font-size: 35px;
color: var(--ogency-black);
}
@media (min-width: 768px) {
.block-title h3 {
font-size: 42px;
}
}
@media (min-width: 1200px) {
.block-title h3 {
font-size: 50px;
}
}
.ul-list-one {
margin-bottom: 0;
}
.ul-list-one li {
position: relative;
padding-left: 45px;
font-size: 15px;
font-weight: 500;
color: var(--ogency-black);
}
@media (min-width: 481px) {
.ul-list-one li {
font-size: 20px;
}
}
.ul-list-one li::before {
content: "\e907";
color: var(--ogency-base);
font-size: 26px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-family: "azino-icon";
}
.preloader {
position: fixed;
background-color: var(--ogency-black);
background-position: center center;
background-repeat: no-repeat;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9991;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
text-align: center;
}
.preloader__image {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: flipInY;
animation-name: flipInY;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-repeat: no-repeat;
background-position: center center;
background-size: 60px auto;
width: 100%;
height: 100%;
} .scroll-top {
position: fixed;
right: 30px;
bottom: 30px;
height: 50px;
width: 50px;
cursor: pointer;
display: block;
border-radius: 50%;
box-shadow: inset 0 0 0 2px RGBA(var(--ogency-white-rgb), 0.3);
z-index: 99;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.scroll-top--active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.scroll-top::after {
position: absolute;
content: "\e911";
font-family: 'icomoon' !important;
text-align: center;
line-height: 50px;
font-size: 18px;
color: var(--ogency-base);
left: 0;
top: 0;
height: 100%;
width: 100%;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.scroll-top__circle path {
stroke: var(--ogency-base);
stroke-width: 4;
fill: none;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
} .post-pagination {
margin-bottom: 0;
margin-top: 0px;
}
@media (min-width: 992px) {
.post-pagination {
margin-top: 0px;
}
}
.post-pagination a {
display: flex;
width: 45px;
height: 45px;
background-color: #eff2f6;
align-items: center;
justify-content: center;
color: var(--ogency-color);
font-size: 16px;
font-weight: 500;
border-radius: 50%;
transition: 500ms ease;
}
@media (min-width: 992px) {
.post-pagination a {
width: 60px;
height: 60px;
font-size: 18px;
}
}
.post-pagination a:hover {
background-color: var(--ogency-base);
color: #fff;
}
.post-pagination li:first-child a {
background-color: var(--ogency-base);
color: #fff;
}
.post-pagination li:last-child a {
background-color: var(--ogency-black);
color: #fff;
}
.post-pagination li + li {
margin-left: 10px;
} .owl-with-shadow .owl-stage-outer {
overflow: visible;
}
.owl-with-shadow .owl-stage-outer .owl-item {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
}
.owl-with-shadow .owl-stage-outer .owl-item.active {
opacity: 1;
visibility: visible;
} .ogency-owl__dots.owl-carousel {
position: relative;
}
.ogency-owl__dots.owl-carousel .owl-dots {
margin: 30px 0 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 11px;
height: 11px;
border-radius: 50%;
background-color: rgba(var(--ogency-white-rgb), 0.2);
border: 2px solid transparent;
margin: 0px 2.5px;
padding: 0px;
transition: all 100ms linear;
transition-delay: 0.1s;
}
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot:hover, .ogency-owl__dots.owl-carousel .owl-dots .owl-dot.active {
background-color: transparent;
border: 2px solid var(--ogency-white);
}
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot:focus {
outline: none;
}
.ogency-owl__dots.owl-carousel .owl-dots .owl-dot span {
display: none;
} .section-title {
position: relative;
display: block;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.section-title {
margin-bottom: 30px;
}
}
.section-title.text-center .section-title__tagline--has-dots::before {
margin-left: auto;
margin-right: auto;
}
.section-title.text-end .section-title__tagline--has-dots::before {
margin-left: auto;
}
.section-title__tagline {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.4px;
color: var(--ogency-color);
font-weight: 500;
margin: 0 0 7px;
position: relative;
}
.section-title__tagline--has-dots::before {
position: relative;
content: '';
width: 7px;
height: 7px;
display: block;
background-color: var(--ogency-base);
border-radius: 50%;
margin-bottom: 16px;
}
.section-title__title {
font-size: 50px;
letter-spacing: -2px;
margin: 0;
}
@media (max-width: 767px) {
.section-title__title {
font-size: 30px;
line-height: 40px;
letter-spacing: -1px;
}
.section-title__title br {
display: none;
}
} .form-one .form-group {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
margin: 0;
}
@media (min-width: 576px) {
.form-one .form-group {
grid-template-columns: 1fr 1fr;
}
}
.form-one .form-control {
border: none;
width: auto;
height: auto;
border-radius: 0;
padding: 0;
}
.form-one .form-control-full {
grid-column-start: 1;
grid-column-end: -1;
}
.form-one input[type="text"],
.form-one input[type="email"],
.form-one textarea {
display: block;
width: 100%;
height: 73px;
border-radius: 36.5px;
background-color: #f1f1f1;
color: #7e7e7e;
font-size: 16px;
font-weight: 500;
border: none;
outline: none;
padding-left: 30px;
}
.form-one textarea {
border-radius: 30px;
height: 195px;
padding-top: 20px;
}
.form-one .ogency-btn {
padding: 24.5px 57.5px;
}
.form-one .ogency-btn::after {
background-color: var(--ogency-black);
} .main-menu .container-fluid {
position: relative;
display: flex;
align-items: center;
position: relative;
}
.main-menu {
background-color: transparent;
position: absolute;
left: 0;
top: 8px;
width: 100%;
z-index: 91;
padding: 0 68px;
}
@media (max-width: 1199px) {
.main-menu {
padding: 0;
top: 0;
}
}
@media (min-width: 991px) and (max-width: 1360px) {
.main-menu {
padding: 0 12px;
}
}
.main-menu__logo {
display: flex;
align-items: center;
position: relative;
padding: 28px 0;
}
@media (max-width: 767px) {
.main-menu__logo {
padding: 23px 0;
}
}
.main-menu__nav {
padding-left: 214px;
}
@media (max-width: 1199px) {
.main-menu__nav {
display: none;
}
}
.main-menu,
.stricky-header { }
.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list ul {
margin: 0;
padding: 0;
list-style-type: none;
align-items: center;
display: none;
}
@media (min-width: 1200px) {
.main-menu .main-menu__list,
.main-menu .main-menu__list ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list ul {
display: flex;
}
}
.main-menu .main-menu__list > li,
.stricky-header .main-menu__list > li {
padding-top: 26px;
padding-bottom: 34px;
position: relative;
}
.main-menu .main-menu__list > li,
.stricky-header .main-menu__list > li {
margin-left: 53px;
}
.main-menu .main-menu__list > li > a,
.stricky-header .main-menu__list > li > a {
font-size: 16px;
display: flex;
align-items: center;
color: var(--ogency-white);
font-weight: 600;
text-transform: capitalize;
position: relative;
transition: all 500ms ease;
}
.main-menu .main-menu__list > li > a::after,
.stricky-header .main-menu__list > li > a::after {
position: absolute;
left: -14px;
top: 0;
bottom: 0;
margin: auto;
width: 5px;
height: 5px;
border-radius: 50px;
content: '';
background-color: currentColor;
}
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a,
.stricky-header .main-menu__list > li.current > a,
.stricky-header .main-menu__list > li:hover > a {
color: var(--ogency-base);
text-shadow: 0px 0 0 currentColor;
}
.main-menu .main-menu__list li ul,
.stricky-header .main-menu__list li ul {
position: absolute;
top: 100%;
left: -25px;
min-width: 270px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
opacity: 0;
visibility: hidden;
transform-origin: top center;
transform: scaleY(0) translateZ(100px);
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
z-index: 99;
background-color: var(--ogency-black2);
box-shadow: 0px 10px 60px 0px RGBA(var(--ogency-black-rgb), 0.07);
padding: 20px 20px 12px;
}
.main-menu .main-menu__list li:hover > ul,
.stricky-header .main-menu__list li:hover > ul {
opacity: 1;
visibility: visible;
transform: scaleY(1) translateZ(0px);
}
.main-menu .main-menu__list > .megamenu,
.stricky-header .main-menu__list > .megamenu {
position: static;
}
.main-menu .main-menu__list > .megamenu > ul,
.stricky-header .main-menu__list > .megamenu > ul {
top: 100% !important;
left: 0 !important;
right: 0 !important;
background-color: transparent;
box-shadow: none;
}
.main-menu .main-menu__list li ul li,
.stricky-header .main-menu__list li ul li {
flex: 1 1 100%;
width: 100%;
position: relative;
}
.main-menu .main-menu__list li ul li > a,
.stricky-header .main-menu__list li ul li > a {
font-size: 15px;
line-height: 26px;
color: var(--ogency-color);
font-weight: 500;
display: flex;
padding-left: 20px;
padding-right: 20px;
padding-top: 6px;
padding-bottom: 10px;
transition: 400ms;
margin-bottom: 4px;
}
.main-menu .main-menu__list li ul li > a::after,
.stricky-header .main-menu__list li ul li > a::after {
position: absolute;
right: 22px;
top: 0;
bottom: 0;
margin: auto;
width: 5px;
height: 5px;
border-radius: 50px;
content: '';
background-color: var(--ogency-base);
visibility: hidden;
opacity: 0;
transition: all 500ms ease;
}
.main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover > a,
.stricky-header .main-menu__list li ul li.current > a,
.stricky-header .main-menu__list li ul li:hover > a {
background-color: var(--ogency-black);
color: var(--ogency-white);
}
.main-menu .main-menu__list li ul li.current > a::after,
.main-menu .main-menu__list li ul li:hover > a::after,
.stricky-header .main-menu__list li ul li.current > a::after,
.stricky-header .main-menu__list li ul li:hover > a::after {
visibility: visible;
opacity: 1;
}
.main-menu .main-menu__list li ul li > ul,
.stricky-header .main-menu__list li ul li > ul {
top: 0;
left: calc(100% + 20px);
}
.main-menu .main-menu__list li ul li > ul.right-align,
.stricky-header .main-menu__list li ul li > ul.right-align {
top: 0;
left: auto;
right: 100%;
}
.main-menu .main-menu__list li ul li > ul ul,
.stricky-header .main-menu__list li ul li > ul ul {
display: none;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.main-menu__list li:nth-last-child(1) ul li > ul,
.main-menu__list li:nth-last-child(2) ul li > ul,
.main-menu__list li:nth-last-child(3) ul li > ul {
left: auto;
right: calc(100% + 20px);
}
}
.main-menu__right {
margin-left: auto;
display: flex;
align-items: center;
}
.main-menu__right .main-menu__search {
padding-left: 30px;
border-left: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
@media (max-width: 1199px) {
.main-menu__right .main-menu__search {
padding-left: 20px;
}
}
.main-menu__search,
.main-menu__cart {
position: relative;
font-size: 24px;
color: var(--ogency-white);
margin-left: 19px;
display: flex;
align-items: center;
height: 50px;
transition: all 500ms ease;
}
.main-menu__search:hover,
.main-menu__cart:hover {
color: var(--ogency-base);
}
.stricky-header {
position: fixed;
z-index: 991;
top: 0;
left: 0;
background-color: var(--ogency-black2);
box-shadow: 0px 10px 60px 0px RGBA(var(--ogency-black-rgb), 0.07);
width: 100%;
transform: translateY(-120%);
transition: transform 500ms ease;
}
@media (max-width: 1199px) {
.stricky-header { }
}
.stricky-header.stricky-fixed {
transform: translateY(0);
} .home-showcase {
margin-top: -20px;
margin-bottom: -20px;
}
.home-showcase .row {
--bs-gutter-x: 42px;
--bs-gutter-y: 20px;
}
.home-showcase__inner {
padding: 40px 40px 36px;
background-color: var(--ogency-black2);
box-shadow: 0px 10px 60px 0px RGBA(var(--ogency-black-rgb), 0.07);
}
.home-showcase__image {
position: relative;
background-color: var(--ogency-black);
overflow: hidden;
}
.home-showcase__image > img {
width: 100%;
transition: 500ms ease;
transform: scale(1);
}
.home-showcase__image:hover > img {
opacity: 0.75;
}
.home-showcase__image:hover .home-showcase__buttons {
transform: scale(1, 1);
opacity: 1;
visibility: visible;
}
.home-showcase__buttons {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transform: scale(1, 0);
opacity: 0;
visibility: hidden;
transform-origin: bottom center;
transition: 500ms ease;
}
.home-showcase__buttons__item {
padding: 11px 20px 12px;
width: 150px;
text-align: center;
}
.home-showcase__buttons__item + .home-showcase__buttons__item {
margin-top: 10px;
}
.home-showcase__title {
margin: 0;
text-align: center;
font-size: 16px;
font-weight: 600;
letter-spacing: -.16px;
color: var(--ogency-white);
margin-top: 17px;
}
.mobile-nav__buttons {
display: flex;
margin-left: auto;
margin-right: 10px;
}
@media (min-width: 1200px) {
.mobile-nav__buttons {
display: none;
}
}
.mobile-nav__buttons a {
font-size: 20px;
color: var(--ogency-white);
cursor: pointer;
}
.mobile-nav__buttons a + a {
margin-left: 10px;
}
.mobile-nav__buttons a:hover {
color: var(--ogency-base);
}
.mobile-nav__toggler {
font-size: 24px;
color: var(--ogency-white);
cursor: pointer;
transition: 500ms;
}
.mobile-nav__toggler:hover {
color: var(--ogency-base);
}
@media (min-width: 1200px) {
.mobile-nav__toggler {
display: none;
}
}
.main-header__two {
background-color: var(--ogency-black);
}
@media (min-width: 992px) {
.main-header__two {
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 91;
}
}
.topbar-two {
background-color: var(--ogency-black);
display: none;
padding-top: 8px;
padding-bottom: 8px;
}
@media (min-width: 1200px) {
.topbar-two {
display: block;
}
}
.topbar-two .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.topbar-two .topbar__social {
padding: 0;
border-right: 0;
}
.topbar-two .topbar__social a {
color: var(--ogency-black);
}
.topbar-two .topbar__social a:hover {
color: #fff;
}
.topbar-two__right, .topbar-two__left {
display: flex;
align-items: center;
}
.topbar-two .main-menu__login {
margin-right: 20px;
}
.topbar-two .main-menu__login a {
color: var(--ogency-black);
}
.topbar-two .main-menu__login a:hover {
color: #fff;
}
.topbar-two .main-menu__login a:hover i {
background-color: #fff;
color: var(--ogency-black);
}
.topbar-two .main-menu__language .bootstrap-select > .dropdown-toggle {
color: var(--ogency-black);
background-color: rgba(0, 0, 0, 0) !important;
}
.main-menu__two {
background-color: rgba(0, 0, 0, 0);
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
display: block !important;
}
@media (min-width: 1200px) {
.main-menu__two {
border-top: 2px solid rgba(255, 255, 255, 0.1);
}
}
.main-menu__two .main-logo {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.main-menu__two .mobile-nav__buttons a,
.main-menu__two .mobile-nav__toggler {
color: #fff;
}
.main-menu__two .topbar__buttons {
display: none;
border-left-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 1200px) {
.main-menu__two .topbar__buttons {
display: flex;
}
}
.main-menu__two .topbar__buttons a {
color: #fff;
}
.main-menu__two .topbar__buttons a:hover {
color: var(--ogency-base);
}
.main-menu__two .main-menu__list > li {
padding-top: 38px;
padding-bottom: 38px;
}
.main-menu__two .main-menu__list > li > a {
color: #fff;
font-weight: 400;
}
.main-menu__two.stricked-menu {
background-color: var(--ogency-black);
border: none;
}
.main-menu__two.stricked-menu .container {
padding-top: 0;
padding-bottom: 0;
}
.main-menu__two.stricked-menu .main-menu__list > li {
padding-top: 22px;
padding-bottom: 22px;
}
.main-header-two .main-menu__nav {
padding-left: 0;
margin-left: auto;
}
.main-header--with-border .main-menu {
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
padding-bottom: 7px;
} @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;
}
}
@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 banner3Shake {
0% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
30% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
60% {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
100% {
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
}
@keyframes squareMover {
0%,
100% {
-webkit-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);
}
20%,
60% {
-webkit-transform: translate(20px, 40px) rotate(180deg);
transform: translate(20px, 40px) rotate(180deg);
}
30%,
80% {
-webkit-transform: translate(40px, 60px) rotate(0deg);
transform: translate(40px, 60px) rotate(0deg);
}
}
@keyframes treeMove {
0%,
100% {
-webkit-transform: rotate(0deg) translateX(0);
transform: rotate(0deg) translateX(0);
}
25%,
75% {
-webkit-transform: rotate(5deg) translateX(15px);
transform: rotate(5deg) translateX(15px);
}
50% {
-webkit-transform: rotate(10deg) translateX(30px);
transform: rotate(10deg) translateX(30px);
}
}
@keyframes scalings {
from {
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
to {
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes animationFrames {
0% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}  .mobile-nav__wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999;
transform: translateX(-100%);
transform-origin: left center;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
visibility: hidden;
position: fixed;
}
.mobile-nav__wrapper .container {
padding-left: 0;
padding-right: 0;
}
.mobile-nav__wrapper .home-showcase .row [class*="col-"] {
flex: 0 0 100%;
}
.mobile-nav__wrapper .home-showcase {
margin-bottom: -1px;
margin-top: 0;
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
.mobile-nav__wrapper .home-showcase__inner {
padding: 15px 0px;
}
.mobile-nav__wrapper.expanded {
opacity: 1;
transform: translateX(0%);
visibility: visible;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
}
.mobile-nav__wrapper.expanded .mobile-nav__content {
opacity: 1;
visibility: visible;
transform: translateX(0);
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
}
.mobile-nav__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--ogency-black);
opacity: 0.5;
cursor: pointer;
}
.mobile-nav__content {
width: 300px;
background-color: var(--ogency-black2);
z-index: 10;
position: relative;
height: 100%;
overflow-y: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}
.mobile-nav__content .main-menu__nav {
display: block;
padding: 0;
}
.mobile-nav__content .logo-box {
margin-bottom: 40px;
display: flex;
}
.mobile-nav__close {
position: absolute;
top: 20px;
right: 15px;
font-size: 18px;
color: var(--ogency-white);
cursor: pointer;
}
.mobile-nav__close:hover {
color: var(--ogency-base);
}
.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.mobile-nav__content .main-menu__list ul {
display: none;
border-top: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
.mobile-nav__content .main-menu__list ul li > a {
padding-left: 1em;
}
.mobile-nav__content .main-menu__list li:not(:last-child) {
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
.mobile-nav__content .main-menu__list li > a {
display: flex;
justify-content: space-between;
line-height: 30px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
height: 46px;
align-items: center;
transition: 500ms;
}
.mobile-nav__content .main-menu__list li a.expanded {
color: var(--ogency-base);
}
.mobile-nav__content .main-menu__list li a button {
width: 30px;
height: 30px;
background-color: var(--ogency-base);
border: none;
outline: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transform: rotate(-90deg);
transition: transform 500ms ease;
}
.mobile-nav__content .main-menu__list li a button.expanded {
transform: rotate(0deg);
background-color: var(--ogency-white);
color: var(--ogency-black);
}
.mobile-nav__social {
display: flex;
align-items: center;
}
.mobile-nav__social a {
font-size: 16px;
color: var(--ogency-white);
transition: 500ms;
}
.mobile-nav__social a + a {
margin-left: 15px;
}
.mobile-nav__social a:hover {
color: var(--ogency-base);
}
.mobile-nav__contact {
margin-bottom: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.mobile-nav__contact li {
color: var(--ogency-white);
font-size: 14px;
font-weight: 500;
position: relative;
display: flex;
align-items: center;
}
.mobile-nav__contact li + li {
margin-top: 15px;
}
.mobile-nav__contact li a {
color: inherit;
transition: 500ms;
}
.mobile-nav__contact li a:hover {
color: var(--ogency-base);
}
.mobile-nav__contact li > i {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--ogency-base);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 15px;
margin-right: 10px;
color: var(--ogency-white);
}
.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
display: none;
} .search-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 991;
padding-left: 20px;
padding-right: 20px;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-110%);
transition: transform 500ms ease, opacity 500ms ease;
}
.search-popup.active {
transform: translateY(0%);
}
.search-popup__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--ogency-black);
opacity: 0.75;
cursor: pointer;
}
.search-popup__content {
width: 100%;
max-width: 560px;
}
.search-popup__content form {
display: flex;
flex-wrap: wrap;
position: relative;
background-color: #fff;
border-radius: 0px;
overflow: hidden;
}
.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
width: 100%;
background-color: #fff;
font-size: 16px;
border: none;
outline: none;
height: 66px;
padding-left: 30px;
}
.search-popup__content .ogency-btn {
padding: 0;
width: 68px;
height: 68px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
right: -1px;
border-radius: 0;
}
.search-popup__content .ogency-btn::after {
background-color: var(--ogency-black);
} .main-slider {
position: relative;
display: block;
}
.main-slider__one {
width: 100%;
background-color: var(--ogency-black);
}
.main-slider__one-item {
position: relative;
padding-top: 273px;
padding-bottom: 130px;
}
@media (max-width: 991px) {
.main-slider__one-item {
padding-top: 180px;
}
}
@media (max-width: 767px) {
.main-slider__one-item {
padding-top: 150px;
}
}
.main-slider__one-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: left top;
background-repeat: no-repeat;
}
.main-slider__one-item__shape-1 {
position: absolute;
top: 0;
right: 38.6%;
opacity: 0;
transform: translateX(200px);
z-index: 1;
background-color: var(--ogency-black);
}
.main-slider__one-item__shape-1 img {
mix-blend-mode: luminosity;
width: auto !important;
}
@media (max-width: 991px) {
.main-slider__one-item__shape-1 {
display: none;
}
}
.main-slider__one-item__shape-2 {
position: absolute;
top: 0;
right: 7.2%;
opacity: 0;
transform: translateX(200px);
z-index: 1;
background-color: var(--ogency-black);
}
.main-slider__one-item__shape-2 img {
mix-blend-mode: luminosity;
width: auto !important;
}
@media (max-width: 991px) {
.main-slider__one-item__shape-2 {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-slider__one-item__shape-2 {
width: 36%;
right: 0;
overflow: hidden;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.main-slider__one-item__shape-2 {
width: 505px;
overflow: hidden;
right: 0;
}
}
@media (min-width: 1200px) and (max-width: 1360px) {
.main-slider__one-item__shape-2 {
width: 440px;
}
}
.main-slider__one-item__content {
position: relative;
z-index: 2;
}
.main-slider__one-item__content h2 {
visibility: hidden;
opacity: 0;
font-size: 120px;
line-height: 110px;
letter-spacing: -7.2px;
margin: 0;
transition: transform 2000ms ease, opacity 2000ms ease;
transform: translateY(-120px);
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-slider__one-item__content h2 {
font-size: 90px;
line-height: 90px;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.main-slider__one-item__content h2 {
font-size: 105px;
line-height: 95px;
}
}
@media (max-width: 767px) {
.main-slider__one-item__content h2 {
font-size: 50px;
line-height: 55px;
letter-spacing: -2px;
}
}
.main-slider__one-item__content-curved-circle-box {
margin-top: -34px;
margin-right: 130px;
margin-left: auto;
position: relative;
display: block;
height: 140px;
width: 140px;
border-radius: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(120px);
transform: translateY(120px);
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
-webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
z-index: 2;
}
@media (min-width: 1200px) and (max-width: 1600px) {
.main-slider__one-item__content-curved-circle-box {
margin-right: 190px;
}
}
@media (min-width: 1200px) and (max-width: 1360px) {
.main-slider__one-item__content-curved-circle-box {
margin-right: 210px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-slider__one-item__content-curved-circle-box {
margin-right: 55%;
margin-top: 0;
}
}
@media (max-width: 991px) {
.main-slider__one-item__content-curved-circle-box {
margin: 40px 0 0;
}
}
.main-slider__one-item__content-curved-circle-box .curved-circle {
position: absolute;
top: 0px;
left: 0;
height: 140px !important;
width: 140px !important;
font-size: 16px;
font-weight: 600;
line-height: 1;
color: var(--ogency-white);
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
animation: textRotate 15s linear 0s forwards infinite alternate;
}
.main-slider__one-item__content-curved-circle-box .curved-circle .curved-circle--item {
height: 140px !important;
width: 140px !important;
}
.main-slider__one-item__content-curved-circle-box .curved-circle .curved-circle--item span {
letter-spacing: .25em;
}
@keyframes textRotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.main-slider__one-item__content-curved-circle-box .main-slider__one-item__content-arrow-down {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-slider__one-item__content-curved-circle-box .main-slider__one-item__content-arrow-down span {
position: relative;
display: inline-block;
font-size: 59px;
color: var(--ogency-base);
transform: rotate(0deg);
transition: transform 500ms ease;
}
.main-slider__one-item__content-curved-circle-box .main-slider__one-item__content-arrow-down:hover span {
transform: rotate(-45deg);
}
.main-slider .active .main-slider__one-item__shape-1 {
opacity: 1;
transform: translateX(0px);
transition: all 1000ms ease;
transition-delay: 1100ms;
}
.main-slider .active .main-slider__one-item__shape-2 {
opacity: 1;
transform: translateX(0);
transition: all 1000ms ease;
transition-delay: 1300ms;
}
.main-slider .active .main-slider__one-item__content h2 {
visibility: visible;
opacity: 1;
transform: translateY(0) translateX(0);
}
.main-slider .active .main-slider__one-item__content-curved-circle-box {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0);
}
.main-slider .main-slider__socails {
position: absolute;
top: 175px;
left: 80px;
z-index: 1;
}
@media (max-width: 991px) {
.main-slider .main-slider__socails {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-slider .main-slider__socails {
top: 90px;
left: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.main-slider .main-slider__socails {
top: 115px;
}
}
@media (min-width: 1200px) and (max-width: 1360px) {
.main-slider .main-slider__socails {
top: 95px;
left: 25px;
}
}
.main-slider .main-slider__socails a {
margin: 0 0 7px;
display: block;
font-size: 16px;
color: var(--ogency-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-slider .main-slider__socails a:hover {
color: var(--ogency-base);
}
.main-slider .main-slider__phone {
position: absolute;
bottom: 155px;
left: 16px;
z-index: 1;
transform: rotate(90deg);
color: var(--ogency-white);
font-size: 16px;
font-weight: 600;
}
@media (max-width: 991px) {
.main-slider .main-slider__phone {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-slider .main-slider__phone {
bottom: 100px;
left: -30px;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
.main-slider .main-slider__phone {
bottom: 100px;
}
}
@media (min-width: 1200px) and (max-width: 1360px) {
.main-slider .main-slider__phone {
bottom: 100px;
left: -40px;
}
}
.main-slider .main-slider__phone a {
color: inherit;
}
.main-slider .main-slider__phone a:hover {
color: var(--ogency-base);
} .hero-banner {
position: relative;
background-color: var(--ogency-black);
background-size: auto;
background-position: top center;
background-repeat: no-repeat;
padding: 212px 0 0;
}
@media (max-width: 991px) {
.hero-banner {
padding-top: 180px;
}
}
@media (max-width: 767px) {
.hero-banner {
padding-top: 150px;
}
}
.hero-banner .container {
max-width: 1684px;
}
.hero-banner__content {
position: relative;
}
.hero-banner__content__title {
font-size: 110px;
line-height: 110px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 12px;
padding-bottom: 16px;
border-bottom: 1px solid var(--ogency-black3);
}
@media (max-width: 1500px) {
.hero-banner__content__title {
font-size: 100px;
}
}
@media (max-width: 1300px) {
.hero-banner__content__title {
font-size: 90px;
}
}
@media (max-width: 767px) {
.hero-banner__content__title {
font-size: 40px;
line-height: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-banner__content__title {
font-size: 45px;
line-height: 55px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-banner__content__title {
font-size: 65px;
line-height: 90px;
}
}
.hero-banner__content__title span {
display: inline-block;
color: var(--ogency-base);
font-size: 100px;
font-weight: 500;
margin: 0 0 0 30px;
position: relative;
top: 17px;
}
@media (max-width: 767px) {
.hero-banner__content__title span {
font-size: 35px;
top: 4px;
margin-left: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-banner__content__title span {
font-size: 40px;
top: 8px;
margin-left: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-banner__content__title span {
font-size: 60px;
top: 10px;
}
}
@media (max-width: 1500px) {
.hero-banner__content__title span {
font-size: 95px;
}
}
@media (max-width: 1300px) {
.hero-banner__content__title span {
font-size: 85px;
}
}
.hero-banner__bottom {
display: flex;
justify-content: space-between;
margin-bottom: 56px;
}
@media (max-width: 767px) {
.hero-banner__bottom {
display: block;
margin-bottom: 36px;
}
}
.hero-banner__bottom__text {
max-width: 245px;
line-height: 30px;
margin: 12px 0 0;
}
@media (max-width: 767px) {
.hero-banner__bottom__text {
max-width: 100%;
margin-bottom: 15px;
}
}
.hero-banner__bottom__title {
font-size: 110px;
line-height: 110px;
text-transform: uppercase;
font-weight: 400;
margin: 0;
padding-bottom: 16px;
}
@media (max-width: 1500px) {
.hero-banner__bottom__title {
font-size: 98px;
}
}
@media (max-width: 1300px) {
.hero-banner__bottom__title {
font-size: 84px;
}
}
@media (max-width: 767px) {
.hero-banner__bottom__title {
font-size: 40px;
line-height: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-banner__bottom__title {
font-size: 44px;
line-height: 60px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-banner__bottom__title {
font-size: 64px;
line-height: 90px;
}
}
.hero-banner__bottom__title span {
display: inline-block;
color: var(--ogency-base);
font-weight: 800;
position: relative;
padding-right: 10px;
}
.hero-banner__bottom__title span .wrap-border {
display: block;
width: 1px;
height: 100%;
font-weight: normal;
background-color: var(--ogency-base);
position: absolute;
right: -10px;
top: 0;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes blink {
.hero-banner__bottom__title span 0% {
opacity: 1;
}
.hero-banner__bottom__title span 50% {
opacity: 0;
}
.hero-banner__bottom__title span 100% {
opacity: 1;
}
}
@-o-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.hero-banner__image {
position: relative;
background-color: var(--ogency-black);
}
.hero-banner__image img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
} .main-slider__two {
position: relative;
width: 100%;
}
.main-slider__two__item {
position: relative;
padding-top: 281px;
padding-bottom: 265px;
background-color: var(--ogency-black);
}
@media (min-width: 991px) and (max-width: 1199px) {
.main-slider__two__item {
padding-top: 250px;
padding-bottom: 215px;
}
}
@media (max-width: 991px) {
.main-slider__two__item {
padding-top: 200px;
padding-bottom: 180px;
}
}
.main-slider__two__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transform: scale(1);
z-index: 1;
mix-blend-mode: luminosity;
opacity: .40;
}
.active .main-slider__two__bg {
transform: scale(1.15);
transition: transform 7000ms linear;
}
.main-slider__two__overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 299px;
z-index: 2;
opacity: .7;
mix-blend-mode: luminosity;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.main-slider__two__dots {
position: relative;
z-index: 2;
display: block;
text-align: left;
margin: 0 0 -9px 67px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-120px);
transform: translateY(-120px);
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
-webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
@media (min-width: 991px) and (max-width: 1199px) {
.main-slider__two__dots {
margin: 0 0 -6px 5px;
}
}
@media (max-width: 991px) {
.main-slider__two__dots {
margin: 0 0 -6px 5px;
}
}
@media (max-width: 767px) {
.main-slider__two__dots {
margin: 0 0 0 0;
}
}
.main-slider__two__dots span {
display: inline-block;
width: 30px;
height: 30px;
background-color: var(--ogency-base);
border-radius: 50%;
margin: 0 5px;
}
@media (max-width: 767px) {
.main-slider__two__dots span {
width: 20px;
height: 20px;
}
}
.main-slider__two__content {
position: relative;
z-index: 2;
}
.main-slider__two__content__title {
font-size: 100px;
line-height: 110px;
letter-spacing: 10px;
text-transform: uppercase;
margin: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(120px);
transform: translateY(120px);
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
-webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease;
transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}
@media (min-width: 991px) and (max-width: 1199px) {
.main-slider__two__content__title {
font-size: 90px;
line-height: 100px;
letter-spacing: 5px;
}
}
@media (max-width: 991px) {
.main-slider__two__content__title {
font-size: 60px;
line-height: 70px;
letter-spacing: 4px;
}
}
@media (max-width: 767px) {
.main-slider__two__content__title {
font-size: 40px;
line-height: 55px;
letter-spacing: 3px;
}
}
.main-slider__two__content__title .video-popup {
width: 239px;
height: 76px;
overflow: hidden;
border-radius: 50px;
display: inline-block;
position: relative;
margin: 0 9px 0 5px;
background-color: var(--ogency-black);
}
@media (max-width: 991px) {
.main-slider__two__content__title .video-popup {
width: 210px;
height: 55px;
}
}
@media (max-width: 767px) {
.main-slider__two__content__title .video-popup {
width: 100px;
height: 40px;
position: relative;
top: 3px;
}
}
.main-slider__two__content__title .video-popup img {
width: 100%;
height: 100%;
mix-blend-mode: luminosity;
object-fit: cover;
}
.main-slider__two__content__title .video-popup span {
width: 55px;
height: 55px;
font-size: 15px;
color: var(--ogency-white);
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0;
background-color: var(--ogency-black);
border-radius: 50%;
position: absolute;
left: 10px;
top: 0;
bottom: 0;
margin: auto;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
@media (max-width: 991px) {
.main-slider__two__content__title .video-popup span {
width: 40px;
height: 40px;
}
}
@media (max-width: 767px) {
.main-slider__two__content__title .video-popup span {
width: 30px;
height: 30px;
font-size: 12px;
}
}
.main-slider__two__content__title .video-popup:hover span {
background-color: var(--ogency-base);
}
.main-slider__two__content__title .main-slider__two__btn {
display: inline-block;
width: 78px;
height: 78px;
background-color: var(--ogency-base);
line-height: 80px;
text-align: center;
color: var(--ogency-white);
border-radius: 50%;
font-size: 45px;
letter-spacing: 0;
margin-left: 17px;
position: relative;
top: -19px;
}
@media (max-width: 991px) {
.main-slider__two__content__title .main-slider__two__btn {
width: 55px;
height: 55px;
line-height: 58px;
font-size: 35px;
top: -7px;
}
}
@media (max-width: 767px) {
.main-slider__two__content__title .main-slider__two__btn {
width: 40px;
height: 40px;
line-height: 42px;
font-size: 25px;
top: -4px;
}
}
.main-slider__two__content__title .main-slider__two__btn span {
transform: rotate(0deg);
display: inline-block;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-slider__two__content__title .main-slider__two__btn:hover {
background-color: var(--ogency-white);
color: var(--ogency-base);
}
.main-slider__two__content__title .main-slider__two__btn:hover span {
transform: rotate(-45deg);
}
.active .main-slider__two__content__title {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0);
transition: all 1000ms ease;
transition-delay: 1100ms;
}
.active .main-slider__two__dots {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0);
transition: all 1000ms ease;
transition-delay: 1100ms;
}
.main-slider__two .owl-dots {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
max-width: 1200px;
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 65px;
padding: 0 15px;
margin: 0 auto;
height: 0;
line-height: 0;
}
.main-slider__two .owl-dots .owl-dot + .owl-dot {
margin-left: 5px;
}
.main-slider__two .owl-dots .owl-dot span {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
background-color: RGBA(var(--ogency-white-rgb), 0.2);
border: 2px solid transparent;
margin: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-slider__two .owl-dots .owl-dot:hover span,
.main-slider__two .owl-dots .owl-dot.active span {
background-color: RGBA(var(--ogency-white-rgb), 0);
border: 2px solid var(--ogency-white);
} .client-carousel {
padding-bottom: 80px;
background-color: var(--ogency-black);
}
.client-carousel--without-title {
padding-bottom: 100px;
}
@media (max-width: 767px) {
.client-carousel--without-title {
padding-bottom: 80px;
}
}
.client-carousel--without-title .client-carousel__tilte {
display: none;
}
.client-carousel--about {
padding-bottom: 100px;
}
.client-carousel--service-page {
padding-bottom: 100px;
}
@media (max-width: 767px) {
.client-carousel--service-page {
padding-bottom: 80px;
}
}
.client-carousel__tilte {
text-align: center;
display: block;
color: var(--ogency-color);
font-weight: 500;
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.3px;
margin-bottom: 99px;
}
@media (max-width: 767px) {
.client-carousel__tilte {
margin-bottom: 49px;
}
}
@media (max-width: 1199px) {
.client-carousel__tilte {
margin-bottom: 69px;
}
}
.client-carousel__tilte span {
display: inline-block;
background-color: var(--ogency-black);
padding: 5px 24px;
z-index: 2;
position: relative;
top: 13px;
}
.client-carousel__has-border-top {
border-top: 1px solid #e9e7e2;
}
.client-carousel__has-top-shadow {
box-shadow: 0px -1px 0px 0px RGBA(227, 227, 227, 0.004);
}
.client-carousel .client-carousel__one {
position: relative;
}
.client-carousel .client-carousel__one .client-carousel__one__item {
display: flex;
align-items: center;
justify-content: center;
}
.client-carousel .client-carousel__one .client-carousel__one__item img {
transition: 500ms;
opacity: 0.2;
max-width: 100%;
width: auto;
}
.client-carousel .client-carousel__one .client-carousel__one__item img:hover {
opacity: 0.8;
}
.client-carousel__about-page {
position: relative;
}
.client-carousel__about-page::before {
content: "";
width: 100%;
height: 16px;
background-image: url(//econatur.net/wp-content/themes/econatur/assets/images/shapes/ripped-paper-white-up.png);
position: absolute;
bottom: -16px;
left: 0;
z-index: 10;
transform: rotate(0deg);
background-size: auto;
}
@media (min-width: 1700px) {
.client-carousel__about-page::before {
background-size: 100%;
bottom: -15px;
}
}
.client-carousel__about-page .container {
position: relative;
} .feature-one {
position: relative;
background-color: var(--ogency-black);
padding: 19px 0 120px;
}
@media (max-width: 991px) {
.feature-one {
padding-bottom: 60px;
}
}
.feature-one__item {
position: relative;
}
@media (max-width: 991px) {
.feature-one__item {
margin-bottom: 30px;
}
}
.feature-one__item__img {
position: relative;
background-color: var(--ogency-black);
}
.feature-one__item__img img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
}
.feature-one__item__content {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 20px;
width: calc(100% - 40px);
background-color: RGBA(var(--ogency-black-rgb), 0.9);
padding: 19px 30px 25px;
-webkit-transition: -webkit-transform 400ms ease;
transition: -webkit-transform 400ms ease;
transition: transform 400ms ease;
transition: transform 400ms ease, 
-webkit-transform 500ms ease;
}
@media (max-width: 360px) {
.feature-one__item__content {
padding: 15px 20px 21px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.feature-one__item__content {
padding-left: 20px;
}
}
.feature-one__item__content--title {
font-size: 22px;
letter-spacing: -.88px;
margin: 0;
}
.feature-one__item__content--icon {
width: 55px;
height: 55px;
background-color: var(--ogency-base);
border-radius: 50%;
color: var(--ogency-white);
font-size: 25px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 20px;
top: -27px;
}
@media (max-width: 360px) {
.feature-one__item__content--icon {
right: 15px;
top: -35px;
}
}
.feature-one__item:hover .feature-one__item__content {
background-position: bottom left;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.feature-one__item__hover-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: calc(100% - 40px);
height: calc(100% - 40px);
background-color: RGBA(var(--ogency-black-rgb), 0.9);
padding: 35px 40px 25px;
background-position: bottom left;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, 
-webkit-transform 500ms ease;
z-index: 2;
}
@media (max-width: 767px) {
.feature-one__item__hover-content {
padding: 25px 30px 25px;
}
}
@media (max-width: 360px) {
.feature-one__item__hover-content {
padding: 16px 25px 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.feature-one__item__hover-content {
padding: 25px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.feature-one__item__hover-content {
padding: 20px;
}
}
.feature-one__item__hover-content--title {
font-size: 22px;
letter-spacing: -.88px;
margin: 0 0 16px;
}
@media (max-width: 360px) {
.feature-one__item__hover-content--title {
margin-bottom: 6px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.feature-one__item__hover-content--title {
margin-bottom: 8px;
}
}
.feature-one__item__hover-content--text {
margin: 0 0 10px;
padding: 0 0 31px;
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
@media (max-width: 360px) {
.feature-one__item__hover-content--text {
margin: 0 0 5px;
padding: 0 0 8px;
line-height: 24px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.feature-one__item__hover-content--text {
padding-bottom: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.feature-one__item__hover-content--text {
padding-bottom: 15px;
font-size: 14px;
line-height: 24px;
}
}
.feature-one__item__hover-content__btn {
display: inline-block;
color: var(--ogency-white);
font-size: 14px;
text-transform: capitalize;
}
.feature-one__item__hover-content__btn span {
display: inline-block;
font-size: 22px;
margin: 0 0 0 11px;
top: 5px;
position: relative;
transition: transform 400ms ease;
}
.feature-one__item__hover-content__btn:hover {
color: var(--ogency-base);
}
.feature-one__item__hover-content__btn:hover span {
transform: rotate(-45deg);
}
.feature-one__item:hover .feature-one__item__hover-content {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} .about-one {
position: relative;
background: var(--ogency-black);
padding: 0 0 113px;
}
@media (max-width: 991px) {
.about-one {
padding-bottom: 80px;
}
}
.about-one__thumb {
position: relative;
margin: 31px 0 0px;
}
.about-one__thumb__round--top {
width: 190px;
height: 190px;
background-color: var(--ogency-black2);
border-radius: 50%;
position: absolute;
left: -31px;
top: -31px;
-webkit-animation: scalings 1.5s alternate infinite;
-moz-animation: scalings 1.5s alternate infinite;
-ms-animation: scalings 1.5s alternate infinite;
-o-animation: scalings 1.5s alternate infinite;
animation: scalings 1.5s alternate infinite;
}
.about-one__thumb__img {
background-color: var(--ogency-black);
border-radius: 50%;
display: inline-block;
overflow: hidden;
position: relative;
}
.about-one__thumb__img img {
max-width: 100%;
height: auto;
mix-blend-mode: luminosity;
transition: all 500ms ease;
}
.about-one__thumb__round--bottom {
width: 56px;
height: 56px;
background-color: var(--ogency-base);
border-radius: 50%;
position: absolute;
left: -76px;
bottom: 43px;
animation: animationFrames 20s infinite linear;
}
@media (max-width: 991px) {
.about-one__thumb__round--bottom {
left: 0;
}
}
@media (max-width: 767px) {
.about-one__thumb__round--bottom {
animation: none;
}
}
.about-one__content {
position: relative;
}
@media (max-width: 991px) {
.about-one__content {
margin-top: 40px;
}
}
.about-one__content .section-title {
margin-bottom: 31px;
}
.about-one__content__text-one {
margin: 0;
}
.about-one__content__text-two {
margin-bottom: 40px;
} .about-two {
position: relative;
background-color: var(--ogency-black);
background-size: auto;
background-position: top left;
background-repeat: no-repeat;
padding: 120px 0;
}
@media (max-width: 767px) {
.about-two {
padding: 80px 0 60px;
}
}
.about-two__left {
position: relative;
}
.about-two__left .section-title {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.about-two__left .section-title {
margin-bottom: 35px;
}
}
.about-two__left--text {
color: var(--ogency-white);
margin: 8px 0 0;
}
.about-two__right {
position: relative;
margin-top: 146px;
}
@media (max-width: 767px) {
.about-two__right {
margin-top: 90px;
}
}
.about-two__right--text {
line-height: 30px;
margin-bottom: 30px;
}
.about-two__right--quote {
color: var(--ogency-white);
line-height: 30px;
margin: 0 0 34px;
padding: 0 0 0 21px;
position: relative;
}
.about-two__right--quote::before {
height: 72%;
width: 1px;
content: '';
background-color: var(--ogency-base);
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.fact-two__item {
position: relative;
}
@media (max-width: 767px) {
.fact-two__item {
margin-bottom: 30px;
}
}
.fact-two__item .fact-one__item__count {
margin-left: -4px;
}
.fact-two__item .fact-one__item__title {
max-width: 100%;
}
.divider-section {
background-color: var(--ogency-black);
}
.br-divider {
border-top: 1px solid var(--ogency-black2);
} .about-three {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.about-three {
padding: 80px 0;
}
}
.about-three__thumb {
position: relative;
padding-left: 170px;
}
@media (max-width: 767px) {
.about-three__thumb {
padding-left: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.about-three__thumb {
margin-right: -70px;
}
}
.about-three__thumb--one {
background-color: var(--ogency-black2);
display: inline-block;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
@media (max-width: 767px) {
.about-three__thumb--one {
position: relative;
margin-bottom: 25px;
}
}
.about-three__thumb--one img {
mix-blend-mode: luminosity;
max-width: 100%;
}
.about-three__thumb--two {
background-color: var(--ogency-black2);
display: inline-block;
position: relative;
}
.about-three__thumb--two img {
mix-blend-mode: luminosity;
max-width: 100%;
}
.about-three__content {
position: relative;
padding: 0 0 0 70px;
}
@media (max-width: 991px) {
.about-three__content {
padding: 50px 0 0;
}
}
.about-three__content .section-title {
margin-bottom: 35px;
}
.about-three__content__heading {
color: var(--ogency-base);
font-size: 24px;
letter-spacing: -.96px;
margin-bottom: 16px;
}
.about-three__content__text {
line-height: 30px;
margin-bottom: 39px;
}
.about-three__author {
position: relative;
padding: 0 0 0 93px;
min-height: 70px;
}
.about-three__author__thumb {
width: 70px;
height: 70px;
border-radius: 50%;
border: 1px solid var(--ogency-base);
padding: 2.5px;
background-color: var(--ogency-black);
position: absolute;
left: 0;
top: 0;
}
.about-three__author__thumb img {
width: 100%;
height: 100%;
border-radius: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.about-three__author__meta {
color: var(--ogency-white);
margin: 9px 0 0;
} .slider-text-one {
position: relative;
overflow: hidden;
width: 100%;
background-color: var(--ogency-black);
padding: 52px 0;
border-top: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
.slider-text-one .slider-text-one__animate-text {
animation: text-scrolling 28s linear infinite;
animation-direction: reverse;
will-change: transform;
display: block;
position: relative;
white-space: nowrap;
}
.slider-text-one .slider-text-one__animate-text:hover {
animation-play-state: paused;
}
.slider-text-one .slider-text-one__animate-text span {
font-size: 180px;
letter-spacing: -7.2px;
line-height: 1;
margin: 0;
color: var(--ogency-white);
font-weight: 800;
display: inline-block;
min-width: auto;
}
@media (max-width: 991px) {
.slider-text-one .slider-text-one__animate-text span {
font-size: 120px;
letter-spacing: -5px;
}
}
@media (max-width: 767px) {
.slider-text-one .slider-text-one__animate-text span {
font-size: 80px;
letter-spacing: -4px;
}
}
.slider-text-one .slider-text-one__animate-text span span {
color: var(--ogency-base);
}
@keyframes text-scrolling {
0% {
transform: translate3d(-100%, 0, 0);
}
100% {
transform: translate3d(0%, 0, 0);
}
} .sliding-text {
position: relative;
display: block;
background-color: var(--ogency-base);
}
.sliding-text--white {
background-color: var(--ogency-black2);
}
.sliding-text__wrap {
position: relative;
display: block;
padding: 21px 0 9px;
white-space: nowrap;
} .sliding-text__list {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
animation: text-scrolling2 19s linear infinite;
will-change: transform;
}
.sliding-text__list:hover {
animation-play-state: paused;
}
.sliding-text__list li {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
color: var(--ogency-white);
letter-spacing: 2px;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
margin: 0 20px;
white-space: nowrap;
} .sliding-text__container {
overflow: hidden;
width: 100%; }
@keyframes text-scrolling2 {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
} .video-one {
position: relative;
overflow: hidden;
width: 100%;
background-color: var(--ogency-black);
padding: 50px 0;
}
@media (max-width: 767px) {
.video-one {
padding-top: 20px;
}
}
.video-one__banner {
position: relative;
overflow: hidden;
background-color: var(--ogency-black);
}
@media (min-width: 1300px) {
.video-one__banner {
margin: 0 -59px;
}
}
.video-one__banner > img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
}
@media (max-width: 767px) {
.video-one__banner > img {
min-height: 300px;
object-fit: cover;
}
}
.video-one__banner__shape {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 767px) {
.video-one__banner__shape {
right: -35px;
}
}
.video-one__banner__shape img {
width: auto;
height: 100%;
}
.video-one__banner__curved-circle-box {
position: absolute;
right: 168px;
bottom: 64px;
display: inline-block;
height: 175px;
width: 175px;
border-radius: 50%;
z-index: 2;
}
@media (max-width: 1199px) {
.video-one__banner__curved-circle-box {
right: 130px;
}
}
@media (max-width: 991px) {
.video-one__banner__curved-circle-box {
right: 90px;
bottom: 30px;
}
}
@media (max-width: 767px) {
.video-one__banner__curved-circle-box {
right: 25px;
bottom: 25px;
}
}
.video-one__banner__curved-circle-box .curved-circle {
position: absolute;
top: 0px;
left: 0;
height: 175px !important;
width: 175px !important;
font-size: 16px;
font-weight: 600;
line-height: 1;
color: var(--ogency-white);
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
animation: textRotate 20s linear 0s forwards infinite alternate;
}
.video-one__banner__curved-circle-box .curved-circle .curved-circle-item {
height: 175px !important;
width: 175px !important;
}
.video-one__banner__curved-circle-box .curved-circle .curved-circle-item span {
letter-spacing: .25em;
}
@keyframes textRotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.video-one__banner__curved-circle-box .video-popup {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 95px;
height: 95px;
background-color: var(--ogency-white);
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--ogency-black);
border-radius: 50px;
}
.video-one__banner__curved-circle-box .video-popup:hover {
background-color: var(--ogency-base);
color: var(--ogency-white);
} .service-one {
background-color: var(--ogency-black);
position: relative;
padding: 70px 0 90px;
}
@media (max-width: 991px) {
.service-one {
padding: 40px 0 50px;
}
}
.service-one--service-page {
padding: 120px 0 30px;
}
@media (max-width: 767px) {
.service-one--service-page {
padding: 80px 0 0;
}
}
.service-one__item {
position: relative;
background-color: var(--ogency-black2);
padding: 40px 50px 33px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.service-one__item {
padding: 40px 28px 33px;
}
}
@media (max-width: 991px) {
.service-one__item {
margin-bottom: 30px;
}
}
.service-one__item__icon {
font-size: 62px;
line-height: 1;
color: var(--ogency-white);
display: inline-block;
margin: 0 0 21px;
transition: 500ms ease;
}
.service-one__item__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.service-one__item:hover .service-one__item__icon {
color: var(--ogency-base);
}
.service-one__item:hover .service-one__item__icon span {
transform: scale(0.9);
}
.service-one__item__title {
font-size: 18px;
letter-spacing: -.72px;
line-height: 24px;
max-width: 135px;
margin: 0 0 19px;
}
.service-one__item__title a {
color: inherit;
}
.service-one__item__title a:hover {
color: var(--ogency-base);
}
.service-one__item__text {
font-size: 14px;
line-height: 24px;
margin: 0 0 9px;
padding: 0 0 24px;
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
}
.service-one__item__btn {
display: inline-block;
color: var(--ogency-color);
font-size: 12px;
text-transform: capitalize;
}
.service-one__item__btn span {
display: inline-block;
font-size: 18px;
margin: 0 0 0 5px;
top: 4px;
position: relative;
transition: transform 400ms ease;
}
.service-one__item__btn:hover {
color: var(--ogency-base);
}
.service-one__item__btn:hover span {
transform: rotate(-45deg);
} .service-two {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 90px;
}
@media (max-width: 991px) {
.service-two {
padding: 80px 0 50px;
}
}
.service-two__item {
position: relative;
background-color: var(--ogency-black2);
margin: 0 0 30px;
overflow: hidden;
}
.service-two__item__shape {
position: absolute;
right: 0;
top: 0;
width: 105px;
height: 264px;
background-position: left bottom;
}
.service-two__item__icon {
font-size: 64px;
line-height: 1;
color: var(--ogency-base);
display: inline-block;
margin: 0 0 21px;
transition: 500ms ease;
}
.service-two__item__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.service-two__item:hover .service-two__item__icon span {
transform: scale(0.9);
}
.service-two__item__title {
font-size: 22px;
letter-spacing: -.88px;
line-height: 30px;
margin: 0 0 14px;
}
.service-two__item__title a {
color: inherit;
}
.service-two__item__title a:hover {
color: var(--ogency-base);
}
.service-two__item__text {
font-size: 15px;
line-height: 30px;
margin: 0;
transition: 500ms ease;
}
.service-two__item:hover .service-two__item__text {
color: RGBA(var(--ogency-white-rgb), 0.7);
}
.service-two__item__btn {
position: absolute;
right: 50px;
top: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--ogency-white);
background-color: var(--ogency-black);
font-size: 16px;
transition: 500ms ease;
width: 51px;
height: 51px;
border-radius: 50%;
}
.service-two__item__btn:hover {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.service-two__item__inner {
width: 100%;
height: 100%;
position: relative;
display: block;
overflow: hidden;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
z-index: 2;
padding: 50px 50px 47px;
}
@media (max-width: 1199px) {
.service-two__item__inner {
padding-left: 30px;
padding-right: 28px;
}
}
.service-two__item:hover .service-two__item__inner {
background-color: var(--ogency-black2);
}
.service-two__item__hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .10;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--ogency-black2);
background-blend-mode: luminosity;
background-position: center top;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
transform-origin: top;
transform-style: preserve-3d;
transform: scaleY(0);
z-index: -1;
}
.service-two__item:hover .service-two__item__hover {
transform: scaleY(1);
} .service-three {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 90px;
}
.service-three__text {
line-height: 30px;
margin: 41px 10px 0 0;
}
@media (max-width: 1199px) {
.service-three__text {
margin-right: 0;
}
}
@media (max-width: 767px) {
.service-three__text {
margin: 0 0 45px;
}
}
@media (max-width: 1400px) {
.service-three {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.service-three {
padding: 80px 0 50px;
}
}
.service-three__container {
max-width: 1632px;
}
.service-three--service-page {
padding-bottom: 100px;
}
@media (max-width: 767px) {
.service-three--service-page {
padding-bottom: 80px;
}
}
.service-three--service-page {
padding: 80px 0 70px;
}
@media (max-width: 767px) {
.service-three--service-page {
padding: 130px 0 50px;
}
}
.service-three__item {
position: relative;
margin: 0 4px 30px;
overflow: hidden;
}
@media (max-width: 991px) {
.service-three__item {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1200px) and (max-width: 1500px) {
.service-three__item {
margin-left: 0;
margin-right: 0;
}
}
.service-three__item__thumb {
position: relative;
background-color: var(--ogency-black2);
transition: 500ms ease;
}
.service-three__item__thumb img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
transition: 500ms ease;
}
.service-three__item:hover .service-three__item__thumb img {
opacity: .3;
}
.service-three__item__normal {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
width: 288px;
height: 288px;
padding: 20px;
background-color: RGBA(var(--ogency-base-rgb), 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: -webkit-transform 400ms ease;
transition: -webkit-transform 400ms ease;
transition: transform 400ms ease;
transition: transform 400ms ease, -webkit-transform 500ms ease;
}
@media (min-width: 1200px) and (max-width: 1500px) {
.service-three__item__normal {
width: 265px;
height: 265px;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.service-three__item__normal {
width: 235px;
height: 235px;
}
}
.service-three__item__normal__title {
font-size: 30px;
letter-spacing: -1.2px;
margin: 0;
text-align: center;
max-width: 200px;
}
.service-three__item:hover .service-three__item__normal {
background-position: bottom left;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.service-three__item__hover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
padding: 53px 60px 50px;
visibility: hidden;
opacity: 0;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media (min-width: 1200px) and (max-width: 1500px) {
.service-three__item__hover {
padding: 45px 45px 42px;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.service-three__item__hover {
padding: 35px 30px 30px;
}
}
.service-three__item__hover__title {
font-size: 30px;
letter-spacing: -1.2px;
margin: 0 0 23px;
max-width: 200px;
}
.service-three__item__hover__title a {
color: inherit;
}
.service-three__item__hover__title a:hover {
color: var(--ogency-base);
}
.service-three__item__hover__text {
color: var(--ogency-white);
line-height: 30px;
margin: 0;
}
.service-three__item__hover__btn {
display: inline-block;
color: var(--ogency-white);
font-size: 14px;
text-transform: capitalize;
border-top: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
padding-top: 10px;
position: absolute;
bottom: 53px;
left: 60px;
right: 60px;
}
@media (min-width: 1200px) and (max-width: 1500px) {
.service-three__item__hover__btn {
bottom: 40px;
left: 45px;
right: 45px;
}
}
.service-three__item__hover__btn span {
display: inline-block;
font-size: 22px;
color: var(--ogency-base);
margin: 0 0 0 11px;
top: 5px;
position: relative;
transition: transform 400ms ease;
}
.service-three__item__hover__btn:hover {
color: var(--ogency-base);
}
.service-three__item__hover__btn:hover span {
transform: rotate(-45deg);
}
.service-three__item:hover .service-three__item__hover {
visibility: visible;
opacity: 1;
animation-delay: .3s;
animation-name: fadeInDown;
}
.service-page__carousel {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.service-page__carousel {
padding: 80px 0;
}
}
.service-page__carousel .service-three__item {
margin: 0 0 10px;
} .project-one {
background-color: var(--ogency-black);
position: relative;
padding: 30px 0 90px;
counter-reset: count;
}
.project-one .ogency-btn {
background-color: var(--ogency-black2);
margin-top: 67px;
}
@media (max-width: 767px) {
.project-one .ogency-btn {
margin: 10px 0 40px;
}
}
@media (max-width: 767px) {
.project-one .text-end {
text-align: left !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.project-one .section-title__title {
font-size: 40px;
}
}
@media (max-width: 991px) {
.project-one {
padding: 40px 0 50px;
}
}
.project-one__item {
width: 100%;
display: block;
position: relative;
counter-increment: count;
}
.project-one__item__number {
position: relative;
font-size: 80px;
font-weight: 800;
line-height: 1;
display: block;
min-width: 200px;
min-height: 60px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--ogency-black3);
transition: all 400ms ease;
}
.project-one__item__number::before {
content: counters(count, ".", decimal-leading-zero);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 768px) and (max-width: 991px) {
.project-one__item__number {
min-width: 120px;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
.project-one__item__number {
min-width: 150px;
}
}
.project-one__item:hover .project-one__item__number {
-webkit-text-fill-color: var(--ogency-base);
-webkit-text-stroke-color: var(--ogency-base);
}
.project-one__item__title {
color: var(--ogency-white);
font-size: 24px;
letter-spacing: -.96px;
margin: 0;
background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
display: inline;
background-size: 0% 2px, 0 2px;
background-position: 100% 100%, 0 100%;
background-repeat: no-repeat;
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.project-one__item__title {
margin: 30px 0 40px;
}
}
.project-one__item:hover .project-one__item__title {
background-size: 0% 1px, 100% 1px;
}
.project-one__item__btn {
width: 91px;
height: 91px;
background-color: var(--ogency-black2);
color: var(--ogency-black);
display: flex;
justify-content: center;
margin-left: auto;
font-size: 62px;
border-radius: 50px;
align-items: center;
transition: all 400ms ease;
}
.project-one__item__btn span {
transform: rotate(0deg);
transition: transform 500ms ease;
}
@media (max-width: 767px) {
.project-one__item__btn {
margin-left: 0;
}
}
.project-one__item:hover .project-one__item__btn {
background-color: var(--ogency-white);
color: var(--ogency-black);
}
.project-one__item:hover .project-one__item__btn span {
transform: rotate(-45deg);
}
.project-one__item__hover {
position: absolute;
width: 337px;
height: 223px;
top: 50px;
left: 185px;
pointer-events: none;
transform: translate(-100%, -50%);
overflow: hidden;
opacity: 0;
transform: scale(0.8);
transition: all .5s ease-out;
background-color: var(--ogency-black2);
z-index: -1;
}
@media (min-width: 768px) and (max-width: 991px) {
.project-one__item__hover {
width: 250px;
height: 150px;
}
}
@media (max-width: 767px) {
.project-one__item__hover {
width: 250px;
height: 150px;
}
}
.project-one__item__hover img {
mix-blend-mode: luminosity;
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
transition: transform .4s ease-out;
}
.project-one__item__wrapper {
display: flex;
align-items: center;
border-bottom: 1px solid var(--ogency-black3);
padding: 35px 0;
}
@media (max-width: 767px) {
.project-one__item__wrapper {
display: block;
}
}
.project-one__item:first-of-type .project-one__item__wrapper {
border-top: 1px solid var(--ogency-black3);
} .project-two {
background-color: var(--ogency-black);
position: relative;
padding: 78px 0 100px;
}
.project-two--padding {
padding: 0 0 120px;
}
@media (max-width: 767px) {
.project-two--padding {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.project-two {
padding: 100px 0 80px;
}
}
.project-two--page {
padding: 120px 0 90px;
}
@media (max-width: 767px) {
.project-two--page {
padding: 80px 0 50px;
}
}
.project-two--page .project-two__item {
margin-bottom: 30px;
}
.project-two--page .ogency-owl__dots.owl-carousel .owl-dots {
margin-bottom: 30px;
}
.project-two__carousel {
position: relative;
display: block;
}
.project-two__carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}
.project-two__carousel .owl-item:nth-child(even) .project-two__item {
margin-top: 80px;
}
@media (max-width: 575px) {
.project-two__carousel .owl-item:nth-child(even) .project-two__item {
margin-top: 0;
}
}
.project-two__item {
position: relative;
overflow: hidden;
}
.project-two__item__image {
position: relative;
display: block;
overflow: hidden;
z-index: 1;
background-color: var(--ogency-black2);
}
.project-two__item__image img {
width: 100%;
mix-blend-mode: luminosity;
transition: all 500ms ease;
transform: scale(1);
}
.project-two__item__image::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(var(--ogency-black2-rgb), 0.3);
visibility: hidden;
transform-origin: top center;
transform: scaleY(0) translateZ(100px);
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
}
.project-two__item:hover .project-two__item__image::after {
visibility: visible;
transform: scaleY(1) translateZ(0px);
}
.project-two__item:hover .project-two__item__image img {
transform: scale(1.05);
}
.project-two__item__content {
position: absolute;
bottom: 30px;
left: 30px;
transform: translateY(66%);
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
transition-delay: 0s, 0s, 0s;
visibility: hidden;
opacity: 0;
z-index: 2;
}
.project-two__item__content__cats {
position: relative;
display: inline;
font-size: 10px;
color: var(--ogency-white);
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
background-color: var(--ogency-base);
padding: 8px 29px 10px 30px;
margin: 0;
}
.project-two__item__content__cats a {
color: inherit;
}
.project-two__item__content__title {
position: relative;
display: block;
background-color: var(--ogency-white);
font-size: 20px;
line-height: 20px;
color: var(--ogency-black);
letter-spacing: -.80px;
padding: 16px 30px 24px;
padding-right: 60px;
margin: 0;
}
.project-two__item__content__title a {
color: inherit;
}
.project-two__item__content__title a:hover {
color: var(--ogency-base);
}
.project-two__item:hover .project-two__item__content {
visibility: visible;
transform: translateY(0%);
transition-delay: 500ms;
opacity: 1;
} .team-one {
background-color: var(--ogency-black);
position: relative;
padding: 31px 163px 90px;
}
.team-one.team-two {
padding: 120px 0 95px;
}
@media (max-width: 767px) {
.team-one.team-two {
padding: 80px 0 50px;
}
}
.team-one.team-two .team-one__item {
margin: 0 20px 30px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.team-one.team-two .team-one__item {
margin-right: 10px;
}
}
.team-one--page {
padding: 140px 0 70px;
}
@media (max-width: 767px) {
.team-one--page {
padding: 80px 0 50px;
}
}
.team-one--page .team-one__item {
margin: 0 20px 80px 0;
}
@media (max-width: 767px) {
.team-one--page .team-one__item {
margin-bottom: 50px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.team-one--page .team-one__item {
margin-right: 10px;
}
}
.team-one--page .team-one__item--mt-50 {
margin-top: 50px;
}
@media (max-width: 991px) {
.team-one--page .team-one__item--mt-50 {
margin-top: 0px;
}
}
@media (max-width: 1700px) {
.team-one {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 1400px) {
.team-one {
padding-left: 0;
padding-right: 0;
}
}
.team-one__item {
position: relative;
margin: 0 10px 30px;
}
@media (max-width: 1199px) {
.team-one__item {
margin-left: 5px;
margin-right: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.team-one__item {
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.team-one__item {
margin-left: 5px;
margin-right: 5px;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.team-one__item {
margin-left: 0;
margin-right: 0;
}
}
.team-one__item__image {
position: relative;
background-color: var(--ogency-black);
}
.team-one__item__image::after {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
border: 1px solid var(--ogency-black3);
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
z-index: -1;
}
.team-one__item__image img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
}
.team-one__item:hover .team-one__item__image::after {
right: -20px;
top: -20px;
}
@media (max-width: 1199px) {
.team-one__item:hover .team-one__item__image::after {
right: -15px;
top: -15px;
}
}
.team-one__item__content {
background-color: var(--ogency-black);
margin: -64px 20px 0 0;
position: relative;
z-index: 2;
padding: 33px 30px 0;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.team-one__item__content {
padding-left: 25px;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.team-one__item__content {
padding-left: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.team-one__item__content {
padding-left: 20px;
}
}
.team-one__item__designation {
display: block;
font-size: 14px;
line-height: 1;
margin-bottom: 4px;
}
.team-one__item__title {
display: block;
font-size: 24px;
font-weight: 600;
letter-spacing: -.96px;
margin-bottom: 0;
}
.team-one__item__title a {
color: inherit;
}
.team-one__item__title a:hover {
color: var(--ogency-base);
}
.team-one__item__links {
position: absolute;
right: 20px;
top: 20px;
width: 47px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--ogency-black3);
color: var(--ogency-white);
font-size: 12px;
}
.team-one__item__social {
position: absolute;
right: 20px;
bottom: 76px;
width: 47px;
background-color: var(--ogency-white);
padding: 13px 0px 0;
text-align: center;
transform: scaleY(0);
transform-style: preserve-3d;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transform-origin: bottom center;
}
.team-one__item__social::after {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: var(--ogency-white) transparent transparent transparent;
position: absolute;
left: 0;
right: 0;
bottom: -6px;
margin: auto;
content: '';
}
.team-one__item__social a {
display: block;
font-size: 14px;
color: var(--ogency-black);
margin-bottom: 9px;
}
.team-one__item__social a:hover {
color: var(--ogency-base);
}
.team-one__item__social-wrapper:hover .team-one__item__links {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.team-one__item__social-wrapper:hover .team-one__item__social {
transform: scaleY(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.team-one--carousel {
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.team-one--carousel {
padding: 80px 0;
}
}
.team-one--carousel .team-one__item {
margin-top: 30px;
} .fact-one {
background-color: var(--ogency-black);
position: relative;
padding: 30px 0 120px;
}
@media (max-width: 991px) {
.fact-one {
padding: 0px 0 60px;
}
}
.fact-one__item {
position: relative;
padding: 54px 20px 60px;
border: 1px solid var(--ogency-black3);
}
@media (max-width: 991px) {
.fact-one__item {
margin-bottom: 30px;
}
}
.fact-one__item__icon {
font-size: 62px;
line-height: 1;
display: block;
margin-bottom: 7px;
}
.fact-one__item__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.fact-one__item:hover .fact-one__item__icon span {
transform: scale(0.9);
}
.fact-one__item__count {
font-size: 120px;
font-weight: 800;
line-height: 1;
display: block;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--ogency-black3);
transition: all 400ms ease;
margin-bottom: 16px;
}
.fact-one__item__count .count-box {
display: inline-flex;
}
.fact-one__item__title {
font-size: 18px;
font-weight: 500;
margin: 0 auto 0;
max-width: 140px;
} .testimonial-one {
background-color: var(--ogency-black);
position: relative;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
padding: 105px 0 0;
}
@media (max-width: 767px) {
.testimonial-one {
padding: 80px 0 0;
}
}
.testimonial-one__carousel {
position: relative;
border-bottom: 1px solid var(--ogency-black3);
padding: 0 0 54px;
}
.testimonial-one__carousel.owl-carousel .owl-nav {
position: absolute;
right: 0;
bottom: 120px;
margin: 0;
}
@media (max-width: 1199px) {
.testimonial-one__carousel.owl-carousel .owl-nav {
bottom: 90px;
}
}
@media (max-width: 991px) {
.testimonial-one__carousel.owl-carousel .owl-nav {
bottom: 40px;
}
}
@media (max-width: 767px) {
.testimonial-one__carousel.owl-carousel .owl-nav {
position: relative;
bottom: 0;
}
}
.testimonial-one__carousel.owl-carousel .owl-nav button {
transition: all 400ms ease;
width: 57px;
height: 57px;
outline: none;
box-shadow: none;
border: none;
background-color: var(--ogency-black2);
border-radius: 50%;
display: inline-block;
color: var(--ogency-white);
line-height: 59px;
font-size: 16px;
margin: 0 0 0 10px;
text-align: center;
}
.testimonial-one__carousel.owl-carousel .owl-nav button:hover {
background-color: var(--ogency-base);
}
.testimonial-one__item {
position: relative;
padding: 0 0 55px 300px;
min-height: 253px;
}
@media (max-width: 767px) {
.testimonial-one__item {
padding-left: 0;
}
}
.testimonial-one__item__author-thumb {
position: absolute;
left: 0;
top: 15px;
width: 253px;
height: 253px;
border-radius: 50%;
background-color: var(--ogency-black);
}
@media (max-width: 767px) {
.testimonial-one__item__author-thumb {
position: relative;
top: 0;
margin-bottom: 25px;
}
}
.testimonial-one__item__author-thumb img {
width: 100%;
height: 100%;
border-radius: 50%;
mix-blend-mode: luminosity;
}
.testimonial-one__item__author-thumb span {
width: 90px;
height: 90px;
border-radius: 50%;
background-color: var(--ogency-base);
display: block;
text-align: center;
color: var(--ogency-white);
font-size: 100px;
line-height: 132px;
font-weight: 600;
position: absolute;
right: 0;
bottom: 0;
}
.testimonial-one__item__content {
position: relative;
}
.testimonial-one__item__quote {
font-size: 30px;
line-height: 50px;
font-weight: 300;
margin-bottom: 34px;
}
@media (max-width: 991px) {
.testimonial-one__item__quote {
font-size: 29px;
line-height: 45px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.testimonial-one__item__quote {
line-height: 42px;
margin-bottom: 30px;
}
}
.testimonial-one__item__meta {
color: var(--ogency-white);
font-size: 24px;
font-weight: 800;
}
.testimonial-one__item__meta span {
font-size: 13px;
color: var(--ogency-base);
font-weight: 500;
letter-spacing: 1.3px;
display: inline-block;
text-transform: uppercase;
margin-left: 11px;
} .testimonial-two {
background-color: var(--ogency-black);
position: relative;
padding: 91px 0 108px;
}
.testimonial-two__bg {
position: absolute;
top: -95px;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.testimonial-two {
padding: 80px 0;
}
}
.testimonial-two__carousel__wrapper {
position: relative;
}
.testimonial-two__carousel__wrapper {
position: relative;
}
.testimonial-two__carousel__wrapper .tns-controls, .testimonial-two__carousel__wrapper .tns-visually-hidden {
display: none;
}
.testimonial-two__carousel__thumb {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
margin: 0 0 25px;
padding: 0;
}
.testimonial-two__carousel__thumb__item {
width: 75px;
height: 75px;
border-radius: 50%;
margin: 0 5px;
overflow: hidden;
object-fit: cover;
background-color: var(--ogency-black);
cursor: pointer;
position: relative;
transition: all 0.4s ease;
}
.testimonial-two__carousel__thumb__item::after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 90%;
height: 90%;
content: '';
border-radius: 50%;
margin: auto;
visibility: hidden;
opacity: 0;
border: 3px solid var(--ogency-base);
transition: all 0.4s ease;
}
.testimonial-two__carousel__thumb__item:hover::after, .testimonial-two__carousel__thumb__item.tns-nav-active::after {
height: 100%;
width: 100%;
visibility: visible;
opacity: 1;
}
.testimonial-two__carousel__thumb__item img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.testimonial-two__carousel {
position: relative;
}
.testimonial-two__item {
position: relative;
text-align: center;
}
.testimonial-two__item__quote {
max-width: 845px;
font-size: 30px;
line-height: 50px;
font-weight: 300;
margin: 0 auto;
}
.testimonial-two__item__meta {
color: var(--ogency-white);
font-size: 24px;
font-weight: 800;
margin: 33px 0 0;
}
.testimonial-two__item__meta span {
font-size: 13px;
color: var(--ogency-base);
font-weight: 500;
letter-spacing: 1.3px;
display: inline-block;
text-transform: uppercase;
margin-left: 11px;
} .testimonial-three {
background-color: var(--ogency-black);
position: relative;
padding: 52px 0 0;
}
@media (max-width: 767px) {
.testimonial-three {
padding: 40px 0 0;
}
}
.testimonial-three__carousel {
position: relative;
}
.testimonial-three__carousel.owl-carousel .owl-nav {
position: absolute;
right: 0;
top: -152px;
margin: 0;
}
@media (max-width: 767px) {
.testimonial-three__carousel.owl-carousel .owl-nav {
position: relative;
top: 0;
margin-top: 30px;
}
}
.testimonial-three__carousel.owl-carousel .owl-nav button {
transition: all 400ms ease;
width: 57px;
height: 57px;
outline: none;
box-shadow: none;
border: none;
background-color: var(--ogency-black2);
border-radius: 50%;
display: inline-block;
color: var(--ogency-white);
line-height: 59px;
font-size: 16px;
margin: 0 0 0 10px;
text-align: center;
}
.testimonial-three__carousel.owl-carousel .owl-nav button:hover {
background-color: var(--ogency-base);
}
.testimonial-three__item {
position: relative;
border: 1px solid var(--ogency-black2);
background-color: var(--ogency-black);
padding: 33px 190px 35px 39px;
}
@media (min-width: 991px) and (max-width: 1199px) {
.testimonial-three__item {
padding: 33px 170px 35px 29px;
}
}
@media (max-width: 767px) {
.testimonial-three__item {
padding: 33px 29px 35px 26px;
}
}
.testimonial-three__item__border {
position: absolute;
right: -1px;
top: -1px;
width: 262px;
height: 41px;
border: 1px solid var(--ogency-black2);
border-top: 1px solid var(--ogency-black);
border-right: 1px solid var(--ogency-black);
}
@media (min-width: 991px) and (max-width: 1199px) {
.testimonial-three__item__border {
width: 205px;
}
}
@media (max-width: 767px) {
.testimonial-three__item__border {
width: 125px;
}
}
.testimonial-three__item__name {
font-size: 24px;
letter-spacing: -.96px;
margin-bottom: 16px;
}
.testimonial-three__item__quote {
color: var(--ogency-color);
font-size: 15px;
line-height: 30px;
margin: 0;
}
@media (max-width: 991px) {
.testimonial-three__item__quote {
max-width: 390px;
}
}
.testimonial-three__item__meta {
position: absolute;
right: 39px;
top: -1px;
text-align: center;
}
@media (min-width: 991px) and (max-width: 1199px) {
.testimonial-three__item__meta {
right: 27px;
}
}
@media (max-width: 767px) {
.testimonial-three__item__meta {
position: relative;
right: 0;
margin: 25px 0 0;
max-width: 137px;
}
}
.testimonial-three__item__meta__thumb {
width: 137px;
height: 137px;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--ogency-base);
padding: 9.5px;
background-color: var(--ogency-black);
position: relative;
}
.testimonial-three__item__meta__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
mix-blend-mode: luminosity;
}
.testimonial-three__item__meta__thumb::after {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: calc(100% - 19px);
height: calc(100% - 19px);
border-radius: 50%;
content: '';
border: 5px solid var(--ogency-white);
transition: all 0.4s ease;
}
.testimonial-three__item__meta__ratings {
font-size: 14px;
display: flex;
justify-content: center;
color: var(--ogency-base);
letter-spacing: 2.8px;
margin: 18px 0 5px;
}
.testimonial-three__item__meta__reviews {
font-size: 14px;
line-height: 26px;
margin: 0;
}
.testimonial-three__item:hover .testimonial-three__item__meta__thumb::after {
border-color: var(--ogency-base);
} .cta-one {
background-color: var(--ogency-black);
position: relative;
padding: 0 0 112px;
}
@media (max-width: 767px) {
.cta-one {
padding: 0 0 70px;
}
}
.cta-one .section-title {
margin: 0;
}
.cta-one .section-title__title {
font-size: 60px;
letter-spacing: -2.4px;
}
@media (max-width: 991px) {
.cta-one .section-title__title {
font-size: 55px;
}
}
@media (max-width: 767px) {
.cta-one .section-title__title {
font-size: 30px;
letter-spacing: -1px;
}
}
.cta-one__author {
position: relative;
display: inline-flex;
margin-bottom: 34px;
}
.cta-one__author--wrap {
width: 175px;
height: 175px;
border-radius: 50%;
background-color: var(--ogency-black);
margin-right: -25px;
overflow: hidden;
}
.cta-one__author--wrap > img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.cta-one__author .cta-one__icon {
width: 175px;
height: 175px;
border-radius: 50%;
background-color: var(--ogency-base);
display: flex;
justify-content: center;
align-items: center;
margin-left: -25px;
position: relative;
z-index: 2;
color: var(--ogency-white);
font-size: 60px;
transform: rotate(45deg);
}
.cta-one__author .cta-one__icon span {
display: inline-block;
transition: all 500ms linear;
transform: scale(1);
}
.cta-one__author .cta-one__icon:hover {
background-color: var(--ogency-white);
color: var(--ogency-base);
}
.cta-one__author .cta-one__icon:hover span {
transform: scale(0.9);
}
.cta-two {
background-color: var(--ogency-black2);
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.cta-two {
padding: 80px 0;
}
.cta-two .text-end {
text-align: left !important;
margin-top: 40px;
}
}
.cta-two__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
mix-blend-mode: luminosity;
opacity: .2;
}
.cta-two .section-title {
margin: -6px 0 0;
} .main-footer {
background-color: var(--ogency-black2);
position: relative;
padding: 60px 0 105px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.main-footer {
padding-bottom: 60px;
}
}
.main-footer__top {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid RGBA(var(--ogency-white-rgb), 0.1);
padding-bottom: 60px;
margin-bottom: 88px;
}
@media (max-width: 360px) {
.main-footer__top {
display: block;
}
}
@media (max-width: 767px) {
.main-footer__top {
margin-bottom: 50px;
}
}
.main-footer__social {
position: relative;
}
.main-footer__social a {
display: inline-block;
width: 55px;
height: 55px;
background-color: var(--ogency-black);
color: var(--ogency-white);
line-height: 55px;
border-radius: 50%;
font-size: 20px;
text-align: center;
margin-left: 7px;
}
@media (max-width: 360px) {
.main-footer__social a {
margin: 30px 7px 0 0;
}
}
.main-footer__social a:hover {
background-color: var(--ogency-base);
}
.main-footer__about {
position: relative;
}
.main-footer__about p {
font-size: 24px;
font-weight: 400;
letter-spacing: -.96px;
line-height: 40px;
margin-bottom: 9px;
}
@media (max-width: 767px) {
.main-footer__about p {
font-size: 22px;
}
}
.main-footer__about a {
display: inline-block;
color: var(--ogency-white);
font-size: 60px;
letter-spacing: -2.4px;
line-height: 1;
font-weight: 800;
}
.main-footer__about a:hover {
color: var(--ogency-base);
}
@media (max-width: 991px) {
.main-footer__about a {
font-size: 34px;
}
}
@media (max-width: 767px) {
.main-footer__about a {
font-size: 30px;
letter-spacing: -1px;
}
}
.main-footer__navmenu {
position: relative;
}
@media (max-width: 767px) {
.main-footer__navmenu {
margin-top: 30px;
}
}
.main-footer__navmenu ul {
margin: 0;
padding: 0;
}
.main-footer__navmenu ul li {
list-style: none;
display: block;
font-size: 16px;
line-height: 36px;
font-weight: 400;
color: var(--ogency-color);
}
.main-footer__navmenu ul li a {
color: inherit;
display: inline-block;
}
.main-footer__navmenu ul li a:hover {
color: var(--ogency-base);
}
.main-footer__copyright {
margin: 14px 0 0;
font-size: 16px;
}
.main-footer__copyright a {
color: inherit;
}
.main-footer__copyright a:hover {
color: var(--ogency-base);
} .why-choose {
background-color: var(--ogency-black);
position: relative;
padding: 90px 0 0;
}
@media (max-width: 767px) {
.why-choose {
padding-top: 50px;
}
}
.why-choose .section-title {
margin-bottom: 32px;
}
.why-choose__box {
position: relative;
padding: 0 0 0 90px;
margin-bottom: 33px;
}
@media (max-width: 767px) {
.why-choose__box {
padding-left: 80px;
}
}
.why-choose__box__icon {
width: 58px;
height: 58px;
background-color: var(--ogency-black2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--ogency-base);
font-size: 21px;
position: absolute;
left: 0;
top: 7px;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.why-choose__box:hover .why-choose__box__icon {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.why-choose__box__title {
font-size: 20px;
line-height: 30px;
letter-spacing: -.80px;
margin-bottom: 12px;
}
.why-choose__box__text {
line-height: 30px;
margin: 0;
}
.why-choose__image {
position: relative;
margin: 0 0 0 70px;
max-width: 598px;
text-align: center;
}
@media (max-width: 1199px) {
.why-choose__image {
margin: 0 0 40px;
}
}
@media (max-width: 767px) {
.why-choose__image {
margin: 0 0 60px;
}
}
.why-choose__image__shape {
position: relative;
}
.why-choose__image__shape img {
max-width: 100%;
animation: rotated 5s infinite linear;
}
@keyframes rotated {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.why-choose__image__author {
position: absolute;
top: 0;
bottom: 0;
right: 44px;
left: 0;
margin: auto;
max-width: 495px;
max-height: 457px;
background-color: var(--ogency-black);
overflow: hidden;
object-fit: cover;
border-radius: 50%;
height: auto;
}
@media (max-width: 767px) {
.why-choose__image__author {
top: 15px;
bottom: 15px;
right: 25px;
left: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.why-choose__image__author {
top: 20px;
bottom: 20px;
right: 44px;
left: 20px;
}
}
.why-choose__image__author img {
object-fit: cover;
width: 100%;
mix-blend-mode: luminosity;
}
.why-choose__image .video-one__banner__curved-circle-box {
width: 173px;
height: 173px;
background-color: var(--ogency-white);
right: auto;
left: 13px;
bottom: -39px;
}
@media (max-width: 767px) {
.why-choose__image .video-one__banner__curved-circle-box {
bottom: -100px;
left: 0;
}
}
.why-choose__image .video-one__banner__curved-circle-box .curved-circle {
color: var(--ogency-black);
line-height: 1;
}
.why-choose__image .video-one__banner__curved-circle-box .curved-circle .curved-circle---item span {
letter-spacing: .25em;
}
.why-choose__image .video-one__banner__curved-circle-box .video-popup {
background-color: var(--ogency-black);
color: var(--ogency-white);
}
.why-choose__image .video-one__banner__curved-circle-box .video-popup:hover {
background-color: var(--ogency-base);
} .why-choose-two {
background-color: var(--ogency-black);
position: relative;
padding: 0 0 120px;
}
@media (max-width: 767px) {
.why-choose-two {
padding-bottom: 80px;
}
}
.why-choose-two .section-title {
margin-bottom: 30px;
}
.why-choose-two__left {
position: relative;
display: block;
}
.why-choose-two__img {
position: relative;
display: block;
max-width: 280px;
margin-bottom: 22px;
background-color: var(--ogency-black2);
}
@media (max-width: 767px) {
.why-choose-two__img {
max-width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.why-choose-two__img {
max-width: 240px;
}
}
.why-choose-two__img img {
width: 100%;
mix-blend-mode: luminosity;
}
.why-choose-two__img-2 {
position: relative;
display: block;
max-width: 280px;
background-color: var(--ogency-black2);
}
@media (max-width: 767px) {
.why-choose-two__img-2 {
max-width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.why-choose-two__img-2 {
max-width: 240px;
}
}
.why-choose-two__img-2 img {
width: 100%;
mix-blend-mode: luminosity;
}
.why-choose-two__img-3 {
position: absolute;
top: 68px;
left: 300px;
background-color: var(--ogency-black2);
}
@media (max-width: 767px) {
.why-choose-two__img-3 {
position: relative;
left: 0;
top: 0;
margin-top: 22px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.why-choose-two__img-3 {
width: 240px;
left: 255px;
}
}
.why-choose-two__img-3 img {
width: auto;
mix-blend-mode: luminosity;
}
@media (max-width: 767px) {
.why-choose-two__img-3 img {
width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.why-choose-two__img-3 img {
width: 100%;
}
}
.why-choose-two__right {
margin: 26px 0 0 -30px;
}
@media (max-width: 991px) {
.why-choose-two__right {
margin: 50px 0 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.why-choose-two__right {
margin-top: 0;
}
}
.why-choose-two__right--text {
line-height: 30px;
margin: 0 0 31px;
}
.why-choose-two .ogency-btn {
margin-top: 40px;
}
@media (max-width: 767px) {
.why-choose-two .ogency-btn {
margin-top: 10px;
}
}
.why-choose-two__box {
position: relative;
min-height: 81px;
padding: 16px 0 0 101px;
}
@media (max-width: 767px) {
.why-choose-two__box {
margin: 0 0 30px;
}
}
.why-choose-two__box__icon {
position: absolute;
left: 0;
top: 0;
width: 81px;
height: 81px;
background-color: var(--ogency-black2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--ogency-base);
font-size: 32px;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.why-choose-two__box__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.why-choose-two__box:hover .why-choose-two__box__icon span {
transform: scale(0.9);
}
.why-choose-two__box__title {
font-size: 20px;
letter-spacing: -.80px;
max-width: 150px;
margin: 0;
} .pricing-one {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 0;
}
@media (max-width: 767px) {
.pricing-one {
padding: 80px 0 0;
}
}
.pricing-one--page {
padding-bottom: 90px;
}
@media (max-width: 767px) {
.pricing-one--page {
padding-bottom: 50px;
}
}
.pricing-one .section-title {
margin-bottom: 30px;
}
.pricing-one__main-tab-box {
position: relative;
display: block;
}
.pricing-one__main-tab-box .tab-buttons {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
.pricing-one__main-tab-box .tab-buttons .tab-btn {
position: relative;
display: flex;
align-items: center;
}
.pricing-one__main-tab-box .tab-buttons .tab-btn span {
position: relative;
display: block;
text-align: center;
font-size: 12px;
line-height: 12px;
color: var(--ogency-color);
background-color: var(--ogency-black2);
padding: 17px 30px 16px;
font-weight: 800;
cursor: pointer;
overflow: hidden;
text-transform: capitalize;
border-radius: 0px;
transition: all 0.5s linear;
z-index: 1;
}
.pricing-one__main-tab-box .tab-buttons .tab-btn span::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 0%;
background-color: var(--ogency-base);
transition: all 0.3s ease;
z-index: -1;
}
.pricing-one__main-tab-box .tab-buttons .tab-btn.active-btn span {
color: var(--ogency-white);
}
.pricing-one__main-tab-box .tab-buttons .tab-btn.active-btn span::before {
height: 100%;
}
.pricing-one__main-tab-box .tabs-content {
position: relative;
display: block;
}
.pricing-one__main-tab-box .tabs-content .tab {
position: relative;
display: none;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
z-index: 10;
}
.pricing-one__main-tab-box .tabs-content .tab.active-tab {
display: block;
margin-top: 0px;
}
.pricing-one__item {
position: relative;
border: 1px solid var(--ogency-black3);
padding: 55px 60px 59px;
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.pricing-one__item {
padding-left: 40px;
padding-right: 40px;
}
}
.pricing-one__item::after {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: 6px;
content: '';
transition: all 0.4s ease;
background-color: var(--ogency-black3);
}
.pricing-one__item:hover::after {
background-color: var(--ogency-base);
}
.pricing-one__item__title {
font-size: 14px;
color: var(--ogency-color);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.4px;
margin-bottom: 25px;
}
.pricing-one__item__icon {
display: block;
font-size: 60px;
line-height: 1;
color: var(--ogency-black3);
margin-bottom: 27px;
transition: all 0.4s ease;
}
.pricing-one__item__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.pricing-one__item:hover .pricing-one__item__icon {
color: var(--ogency-base);
}
.pricing-one__item:hover .pricing-one__item__icon span {
transform: scale(0.9);
}
.pricing-one__item__price {
font-size: 34px;
line-height: 36px;
text-transform: uppercase;
margin-bottom: 38px;
}
.pricing-one__item__border {
width: 100%;
height: 1px;
background-color: var(--ogency-black3);
margin-bottom: 37px;
}
.pricing-one__item__list-title {
font-size: 16px;
font-weight: 500;
color: var(--ogency-base);
margin-bottom: 10px;
}
.pricing-one__item__list {
margin: 0 0 27px;
padding: 0;
list-style: none;
}
.pricing-one__item__list li {
list-style: none;
display: block;
font-size: 16px;
line-height: 40px;
color: var(--ogency-color);
margin: 0 0 0;
}
.pricing-one__item__list li span {
display: inline-block;
color: var(--ogency-base);
font-size: 12px;
margin-right: 9px;
position: relative;
top: -2px;
}
.pricing-one__item .ogency-btn {
background-color: var(--ogency-white);
color: var(--ogency-black);
}
.pricing-one__item .ogency-btn::after {
background-color: var(--ogency-base);
}
.pricing-one__item .ogency-btn:hover {
color: var(--ogency-white);
} .contact-one {
background-color: var(--ogency-black2);
position: relative;
overflow: hidden;
}
.contact-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: auto;
background-position: left top;
width: 100%;
height: 100%;
mix-blend-mode: color-burn;
opacity: .3;
}
.contact-one__left {
position: relative;
padding: 120px 0;
}
@media (max-width: 991px) {
.contact-one__left {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.contact-one__left {
padding-top: 80px;
}
}
.contact-one__left .section-title {
margin-bottom: 40px;
}
.contact-one__form-box {
position: relative;
display: block;
padding: 0;
}
.contact-one__form {
position: relative;
display: block;
}
.contact-one__form .row {
--bs-gutter-x: 10px;
}
.contact-one__input-box {
position: relative;
display: block;
margin-bottom: 10px;
}
.contact-one__input-box input[type="text"], .contact-one__input-box input[type="email"] {
height: 63px;
width: 100%;
border: none;
background-color: var(--ogency-black);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 14px;
color: var(--ogency-color);
font-family: var(--ogency-font);
display: block;
font-weight: 500;
}
.contact-one__input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
position: relative;
display: block;
width: 100% !important;
font-family: var(--ogency-font);
}
.contact-one__input-box .bootstrap-select > .dropdown-toggle::after {
display: none;
}
.contact-one__input-box .bootstrap-select > .dropdown-toggle {
position: relative;
height: 63px;
outline: none !important;
border-radius: 0;
border: 0;
background-color: var(--ogency-black) !important;
margin: 0;
padding: 0;
padding-left: 30px;
padding-right: 30px;
color: var(--ogency-color) !important;
font-size: 14px;
line-height: 63px;
font-weight: 500;
box-shadow: none !important;
background-repeat: no-repeat;
background-size: 14px 12px;
background-position: right 25.75px center;
}
.contact-one__input-box .bootstrap-select > .dropdown-toggle:before {
position: absolute;
top: 0;
bottom: 0;
right: 30px;
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 900;
font-size: 14px;
color: var(--ogency-color);
}
.contact-one__input-box .bootstrap-select .dropdown-menu > li + li > a {
border-top: 1px solid var(--ogency-black3);
}
.contact-one__input-box .bootstrap-select .dropdown-menu > li > a {
font-size: 14px;
font-weight: 500;
padding: 10px 30px;
color: var(--ogency-color);
background-color: var(--ogency-black);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.contact-one__input-box .bootstrap-select .dropdown-menu > li:hover > a, .contact-one__input-box .bootstrap-select .dropdown-menu > li.selected > a {
background: var(--ogency-base);
color: var(--ogency-white);
border-color: var(--ogency-base);
}
.contact-one__input-box textarea {
font-size: 14px;
font-weight: 500;
color: var(--ogency-color);
height: 130px;
width: 100%;
background-color: var(--ogency-black);
font-family: var(--ogency-font);
padding: 20px 30px 30px;
border: none;
outline: none;
margin-bottom: 0px;
}
.contact-one__input-box.text-message-box {
height: 130px;
}
.ogency-stretch-element-inside-column {
overflow: hidden;
height: 100%;
}
.ogency-stretch__image {
position: relative;
margin-left: auto;
background-color: var(--ogency-black2);
max-width: 890px;
height: 100%;
overflow: hidden;
}
@media (max-width: 1400px) {
.ogency-stretch__image {
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.ogency-stretch__image {
margin-left: 0;
}
}
@media (max-width: 767px) {
.ogency-stretch__image {
height: 500px;
}
}
.ogency-stretch__image img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.ogency-stretch__image__angle-top {
width: 0;
height: 0;
border-style: solid;
border-width: 160px 120px 0 120px;
border-color: var(--ogency-base) transparent transparent transparent;
position: absolute;
left: -1px;
top: 0;
display: block;
-webkit-animation: movebounce2 3s linear infinite;
animation: movebounce2 3s linear infinite;
}
@keyframes movebounce2 {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
}
}
@media (max-width: 767px) {
.ogency-stretch__image {
border-width: 70px 70px 0 70px;
}
}
.ogency-stretch__image__angle-middle {
width: 0;
height: 0;
border-style: solid;
border-width: 317px 0 420px 235px;
border-color: transparent transparent transparent var(--ogency-black2);
position: absolute;
left: 0;
top: 0;
display: block;
}
@media (max-width: 767px) {
.ogency-stretch__image__angle-middle {
border-width: 250px 0 250px 250px;
}
}
.ogency-stretch__image__angle-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 0 102px 182px 102px;
border-color: transparent transparent #f6f6f6 transparent;
position: absolute;
left: 0;
bottom: 0;
display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
.ogency-stretch__image__angle-bottom {
left: 57px;
}
}
@media (max-width: 767px) {
.ogency-stretch__image__angle-bottom {
border-width: 0 70px 110px 110px;
}
}
.contact-info {
position: relative;
background-color: var(--ogency-black);
}
.contact-info__wrapper {
position: relative;
z-index: 2;
background-color: var(--ogency-black2);
padding: 57px 40px 61px 60px;
margin-bottom: -110px;
}
@media (max-width: 1199px) {
.contact-info__wrapper {
padding-bottom: 31px;
}
}
@media (max-width: 991px) {
.contact-info__wrapper {
padding: 57px 20px 31px 25px;
}
}
.contact-info__item {
position: relative;
min-height: 97px;
padding: 2px 0 0 117px;
}
@media (max-width: 1199px) {
.contact-info__item {
margin-bottom: 30px;
}
}
.contact-info__item__icon {
width: 97px;
height: 97px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--ogency-base);
font-size: 49px;
background-color: var(--ogency-black);
position: absolute;
left: 0;
top: 0;
}
.contact-info__item__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.contact-info__item:hover .contact-info__item__icon span {
transform: scale(0.9);
}
.contact-info__item__title {
font-size: 18px;
line-height: 30px;
letter-spacing: -.72px;
margin: 0 0 1px;
}
.contact-info__item__text {
font-size: 16px;
line-height: 30px;
letter-spacing: -.72px;
color: var(--ogency-color);
margin: 0 0 0;
}
.contact-info__item__text a {
display: block;
color: inherit;
}
.contact-info__item__text a:hover {
color: var(--ogency-base);
}
.google-map {
position: relative;
background-color: var(--ogency-black);
}
.google-map__one {
position: relative;
display: block;
border: none;
height: 483px;
width: 100%;
mix-blend-mode: luminosity;
} .work-process-one {
position: relative;
background-color: var(--ogency-black);
counter-reset: count;
padding: 0 0 111px;
}
@media (max-width: 991px) {
.work-process-one {
padding-bottom: 70px;
}
}
@media (max-width: 767px) {
.work-process-one {
padding-bottom: 50px;
}
}
.work-process-one__border {
width: 100%;
height: 2px;
background-color: var(--ogency-base);
top: 103px;
position: relative;
}
@media (max-width: 767px) {
.work-process-one__border {
display: none;
}
}
.work-process-one__border::after {
position: absolute;
left: 0;
top: -5px;
width: 11px;
height: 11px;
background-color: var(--ogency-base);
border-radius: 50%;
content: '';
}
.work-process-one__border::before {
position: absolute;
right: 0;
top: -5px;
width: 11px;
height: 11px;
background-color: var(--ogency-base);
border-radius: 50%;
content: '';
}
.work-process-one__item {
position: relative;
counter-increment: count;
}
@media (max-width: 991px) {
.work-process-one__item {
margin-bottom: 25px;
}
}
.work-process-one__item__thumb {
display: inline-block;
width: 202px;
height: 202px;
border: 2px solid var(--ogency-base);
background-color: var(--ogency-black2);
border-radius: 50%;
padding: 6px;
position: relative;
}
.work-process-one__item__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
border-radius: 50%;
}
.work-process-one__item__thumb__number {
width: 67px;
height: 67px;
background-color: var(--ogency-base);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: var(--ogency-white);
font-size: 20px;
font-weight: 800;
line-height: .8;
position: absolute;
right: 5px;
top: 5px;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.work-process-one__item__thumb__number::before {
content: counters(count, ".", decimal-leading-zero);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}
.work-process-one__item:hover .work-process-one__item__thumb__number {
transform: scale(0.9);
}
.work-process-one__item__title {
font-size: 24px;
letter-spacing: -.96px;
margin: 23px 0 14px;
}
.work-process-one__item__text {
line-height: 30px;
margin: 0;
} .award-one {
position: relative;
background-color: var(--ogency-black);
padding: 0 0 154px;
}
@media (max-width: 991px) {
.award-one {
padding-bottom: 120px;
}
}
@media (max-width: 767px) {
.award-one {
padding-bottom: 80px;
}
}
.award-one__wrapper {
background-color: var(--ogency-black2);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 120px 125px 90px;
}
@media (min-width: 1220px) {
.award-one__wrapper {
margin: 0 -55px;
}
}
@media (max-width: 1219px) {
.award-one__wrapper {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.award-one__wrapper {
padding: 120px 30px 90px;
}
}
@media (max-width: 991px) {
.award-one__wrapper {
padding-bottom: 60px;
padding-left: 30px;
padding-right: 30px;
}
}
.award-one__wrapper__bg {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 44px;
margin: auto;
}
.award-one__item {
position: relative;
background-color: var(--ogency-black);
padding: 28px 40px 26px;
margin-right: 23px;
margin-bottom: 30px;
}
.award-one__item--ml {
margin-left: 23px;
margin-right: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.award-one__item--ml {
margin-left: 0;
}
}
@media (max-width: 991px) {
.award-one__item--ml {
margin-left: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.award-one__item {
margin-right: 0;
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 991px) {
.award-one__item {
margin-right: 0;
}
}
@media (max-width: 767px) {
.award-one__item {
padding-left: 30px;
padding-right: 30px;
}
}
.award-one__item__year {
font-size: 12px;
letter-spacing: 1.2px;
display: block;
line-height: 1;
margin-bottom: 3px;
}
.award-one__item__title {
font-size: 20px;
letter-spacing: -.80px;
margin-bottom: 12px;
}
.award-one__item__title::after {
display: block;
width: 34px;
height: 1px;
content: '';
background-color: var(--ogency-base);
margin: 12px 0 0;
}
.award-one__item__text {
line-height: 30px;
margin: 0;
}
.award-one__item__thumb {
width: 28px;
height: 24px;
position: absolute;
right: 30px;
top: 32px;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.award-one__item__thumb img {
width: 100%;
height: 100%;
}
.award-one__item:hover .award-one__item__thumb {
transform: scale(0.9);
}
.award-one__trophy {
position: relative;
z-index: 2;
text-align: center;
margin: 7px 0 -125px;
background-color: var(--ogency-black2);
}
@media (min-width: 992px) and (max-width: 1199px) {
.award-one__trophy {
margin-left: -22px;
}
}
@media (max-width: 767px) {
.award-one__trophy {
margin: 0 0 30px;
}
}
.award-one__trophy::after {
position: absolute;
left: 0;
bottom: -1px;
height: 35px;
width: 100%;
content: '';
background-color: var(--ogency-black);
z-index: -1;
}
@media (max-width: 991px) {
.award-one__trophy::after {
display: none;
}
}
.award-one__trophy img {
mix-blend-mode: luminosity;
}
@media (max-width: 767px) {
.award-one__trophy img {
max-width: 100%;
}
} .page-header {
background-color: var(--ogency-black);
position: relative;
}
.page-header__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .40;
mix-blend-mode: luminosity;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url(//econatur.net/wp-content/themes/econatur/assets/images/backgrounds/page-header-bg-1-1.jpg);
}
.page-header__overlay {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 186px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
background-image: url(//econatur.net/wp-content/themes/econatur/assets/images/backgrounds/page-header-bg-overlay.png);
}
.page-header .container {
position: relative;
z-index: 10;
padding-top: 231px;
padding-bottom: 211px;
}
@media (max-width: 767px) {
.page-header .container {
padding-top: 150px;
padding-bottom: 100px;
}
}
.page-header .container h2 {
margin: 0;
font-size: 60px;
margin-bottom: 0;
letter-spacing: -3.6px;
}
@media (max-width: 480px) {
.page-header .container h2 {
font-size: 40px;
letter-spacing: -2px;
}
}
.page-header__breadcrumb {
display: flex;
padding: 0;
list-style: none;
margin: 0 0 5px;
align-items: center;
}
.page-header__breadcrumb li {
font-size: 16px;
line-height: 1;
color: var(--ogency-white);
display: flex;
align-items: center;
position: relative;
}
.page-header__breadcrumb li:not(:last-of-type)::after {
position: absolute;
right: -11px;
bottom: 0;
content: '.';
font-size: 16px;
line-height: 1;
color: var(--ogency-white);
}
.page-header__breadcrumb li:not(:last-of-type) {
margin-right: 16px;
}
.page-header__breadcrumb li a {
color: inherit;
}
.page-header__breadcrumb li a:hover {
color: var(--ogency-base);
}
.page-header__breadcrumb li span {
display: block;
line-height: 1;
} .team-details {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.team-details {
padding: 80px 0;
}
}
.team-details__image {
position: relative;
background-color: var(--ogency-black);
}
.team-details__image img {
mix-blend-mode: luminosity;
max-width: 100%;
}
.team-details__content {
position: relative;
padding: 0 0 0 70px;
}
@media (max-width: 991px) {
.team-details__content {
padding: 50px 0 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.team-details__content {
padding: 0 0 0 10px;
}
}
.team-details__title {
font-size: 40px;
line-height: 1;
letter-spacing: -1.6px;
margin: -6px 0 12px;
}
@media (max-width: 767px) {
.team-details__title {
font-size: 30px;
}
}
.team-details__designation {
display: block;
font-size: 16px;
margin-bottom: 22px;
}
.team-details__social {
position: relative;
margin: 0 0 20px;
}
.team-details__social a {
display: inline-block;
width: 55px;
height: 55px;
background-color: var(--ogency-black2);
border-radius: 50%;
text-align: center;
color: var(--ogency-white);
font-size: 20px;
line-height: 55px;
}
.team-details__social a:hover {
background-color: var(--ogency-base);
}
.team-details__social a + a {
margin-left: 6px;
}
.team-details__text {
font-size: 16px;
line-height: 30px;
margin-bottom: 16px;
}
.team-details__heading {
font-size: 24px;
letter-spacing: -.96px;
margin-bottom: 34px;
}
.team-details__lists {
margin: 0 0 22px;
padding: 0;
display: block;
list-style: none;
}
.team-details__lists li {
display: block;
list-style: none;
position: relative;
min-width: 50%;
float: left;
font-size: 16px;
line-height: 30px;
padding-left: 25px;
margin-bottom: 6px;
}
.team-details__lists li span {
display: block;
font-size: 14px;
line-height: 30px;
position: absolute;
left: 0;
top: 1px;
color: var(--ogency-base);
}
.team-details__progress {
position: relative;
margin-bottom: 13px;
}
.team-details__progress--title {
font-weight: 600;
font-size: 18px;
letter-spacing: -.72px;
margin-bottom: 12px;
}
.team-details__progress--bar {
position: relative;
width: 100%;
height: 9px;
display: block;
background-color: var(--ogency-black3);
}
.team-details__progress--inner {
position: relative;
display: block;
width: 0px;
height: 9px;
background-color: var(--ogency-base);
-webkit-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
transition: all 1500ms ease;
}
.team-details__progress--number {
position: absolute;
right: 0;
bottom: 18px;
line-height: 26px;
font-size: 16px;
text-align: center;
opacity: 0;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-details__progress .counted .count-text {
opacity: 1;
} .certificate {
background-color: var(--ogency-black2);
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.certificate {
padding: 80px 0;
}
}
.certificate-left {
position: relative;
}
.certificate-left__title {
font-size: 36px;
letter-spacing: -1.44px;
line-height: 1.1;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.certificate-left__title {
font-size: 30px;
}
}
.certificate-left__text {
line-height: 30px;
margin: 0 40px 0 0;
}
@media (max-width: 1199px) {
.certificate-left__text {
margin: 0;
}
}
.certificate-right {
position: relative;
margin: 0 0 0 -15px;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 767px) {
.certificate-right {
display: block;
margin: 20px 0 0;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.certificate-right {
justify-content: flex-start;
margin: 40px 0 0;
}
}
.certificate-right li {
list-style: none;
position: relative;
background-color: var(--ogency-black);
display: inline-block;
}
@media (max-width: 767px) {
.certificate-right li {
margin: 20px 0 0;
}
}
.certificate-right li img {
max-width: 100%;
mix-blend-mode: luminosity;
}
.certificate-right li:not(:last-of-type) {
margin-right: 20px;
} .contact-two {
position: relative;
background-color: var(--ogency-black);
padding: 120px 0;
}
@media (max-width: 767px) {
.contact-two {
padding: 80px 0;
}
}
.contact-two .container {
max-width: 800px;
}
.contact-two .contact-one__left {
padding: 0;
}
.contact-two .contact-one__input-box {
margin-bottom: 20px;
}
.contact-two .contact-one__input-box textarea,
.contact-two .contact-one__input-box input[type="text"],
.contact-two .contact-one__input-box input[type="email"] {
background-color: var(--ogency-black2);
}
.contact-two .contact-one__input-box .bootstrap-select > .dropdown-toggle {
background-color: var(--ogency-black2) !important;
}
.contact-two .contact-one__form .row {
--bs-gutter-x: 20px;
} .gallery-page {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 110px;
}
.gallery-page__padding {
padding-bottom: 120px;
}
@media (max-width: 767px) {
.gallery-page__padding {
padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.gallery-page {
padding: 80px 0 70px;
}
}
.gallery-page .container {
max-width: 1573px;
}
.gallery-page .row {
--bs-gutter-x: 10px;
}
.gallery-page__single {
position: relative;
overflow: hidden;
z-index: 1;
background-color: var(--ogency-black2);
margin-bottom: 10px;
}
.gallery-page__single img {
width: 100%;
mix-blend-mode: luminosity;
transition: all 500ms ease;
transform: scale(1);
}
.gallery-page__single::after {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: perspective(400px) rotateX(-90deg);
-ms-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
background-color: rgba(var(--ogency-base-rgb), 0.9);
}
.gallery-page__single:hover::after {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.gallery-page__single:hover img {
transform: scale(1.05);
}
.gallery-page__single:hover .gallery-page__icon a {
-webkit-transform: scale(1);
transform: scale(1);
transition-delay: 500ms;
opacity: 1;
}
.gallery-page__icon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 2;
}
.gallery-page__icon a {
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: var(--ogency-white);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 2;
} .faq-page {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 110px;
}
@media (max-width: 767px) {
.faq-page {
padding: 80px 0 70px;
}
}
.faq-page__help {
position: relative;
background-color: var(--ogency-base);
padding: 40px 40px 41px;
}
@media (max-width: 991px) {
.faq-page__help {
margin-bottom: 30px;
}
}
.faq-page__help__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .10;
mix-blend-mode: luminosity;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.faq-page__help__icon {
position: relative;
z-index: 2;
width: 45px;
height: 45px;
background-color: var(--ogency-black);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: var(--ogency-base);
margin-bottom: 12px;
}
.faq-page__help__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.faq-page__help:hover .faq-page__help__icon span {
transform: scale(0.9);
}
.faq-page__help__title {
position: relative;
z-index: 2;
font-size: 24px;
line-height: 30px;
letter-spacing: -.96px;
margin-bottom: 24px;
}
.faq-page__help__text {
position: relative;
z-index: 2;
font-size: 13px;
line-height: 1;
font-weight: 600;
color: var(--ogency-white);
margin-bottom: 8px;
}
.faq-page__help__number {
position: relative;
z-index: 2;
font-size: 16px;
line-height: 1;
font-weight: 600;
color: var(--ogency-white);
margin-bottom: 0;
}
.faq-page__help__number a {
color: inherit;
}
.faq-page__accrodion {
position: relative;
}
.faq-page__accrodion .accrodion {
position: relative;
display: block;
margin-bottom: 10px;
background-color: var(--ogency-black2);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.faq-page__accrodion .accrodion.active .accrodion-title h4 {
color: var(--ogency-base);
}
.faq-page__accrodion .accrodion.active .accrodion-title h4::before {
content: "\e91e";
color: var(--ogency-white);
}
.faq-page__accrodion .accrodion-title {
position: relative;
display: block;
cursor: pointer;
padding: 19px 30px 23px;
transition: all 200ms linear;
transition-delay: 0s;
transition-delay: 0.1s;
}
.faq-page__accrodion .accrodion-title h4 {
margin: 0;
padding-right: 30px;
font-size: 18px;
letter-spacing: -.72px;
line-height: 28px;
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.faq-page__accrodion .accrodion-title h4::before {
content: "\e91d";
font-family: 'icomoon' !important;
font-size: 12px;
color: var(--ogency-base);
position: absolute;
top: 50%;
right: 0;
line-height: 15px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
text-align: center;
width: 15px;
height: 15px;
}
.faq-page__accrodion .accrodion-content {
position: relative;
padding-bottom: 25px;
padding-left: 30px;
padding-right: 30px;
}
.faq-page__accrodion .accrodion-content p {
margin: 0;
line-height: 30px;
} .login-page {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.login-page {
padding: 80px 0;
}
}
.login-page__info {
background-color: var(--ogency-black2);
padding: 15px 30px 17px;
margin-bottom: 73px;
}
@media (max-width: 991px) {
.login-page__info {
margin-bottom: 20px;
}
}
.login-page__info p {
margin: 0;
font-size: 14px;
}
.login-page__info p span {
color: var(--ogency-white);
}
.login-page__info p a {
color: var(--ogency-base);
display: inline-block;
}
.login-page__info p a:hover {
color: var(--ogency-white);
}
.login-page__wrap {
position: relative;
}
.login-page__wrap__title {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 34px;
}
@media (max-width: 991px) {
.login-page__wrap__title {
margin-top: 50px;
}
}
.login-page__form {
position: relative;
display: block;
padding: 60px;
border: 1px solid var(--ogency-black3);
}
@media (max-width: 767px) {
.login-page__form {
padding: 30px 22px;
}
}
.login-page__form-input-box {
position: relative;
display: block;
margin-bottom: 20px;
}
.login-page__form-input-box input[type="email"],
.login-page__form-input-box input[type="password"] {
height: 63px;
width: 100%;
border: none;
background-color: var(--ogency-black2);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 14px;
color: var(--ogency-color);
display: block;
font-weight: 500;
}
.login-page__checked-box {
position: relative;
display: block;
margin-top: -8px;
margin-bottom: 16px;
}
.login-page__checked-box label {
position: relative;
display: inline-block;
padding-left: 30px;
margin-right: 0px;
margin-bottom: 0;
color: var(--ogency-color);
font-size: 14px;
line-height: 22px;
font-weight: 500;
text-transform: none;
cursor: pointer;
}
.login-page__checked-box label span:before {
position: absolute;
top: 2px;
left: 4px;
display: block;
border-bottom: 2px solid var(--ogency-black3);
border-right: 2px solid var(--ogency-black3);
content: '';
width: 5px;
height: 8px;
pointer-events: none;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
opacity: 0;
}
.login-page__checked-box input[type="checkbox"] {
display: none;
}
.login-page__checked-box input[type="checkbox"] + label span {
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
vertical-align: middle;
background: transparent;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border: 1px solid var(--ogency-black3);
}
.login-page__checked-box input[type="checkbox"]:checked + label span:before {
opacity: 1;
}
.login-page__form-btn-box {
position: relative;
display: flex;
align-items: center;
}
.login-page__form-btn-box .ogency-btn {
padding-left: 40px;
padding-right: 40px;
}
.login-page__form-forgot-password {
position: relative;
display: block;
margin-left: 20px;
}
.login-page__form-forgot-password a {
font-size: 14px;
font-weight: 500;
color: var(--ogency-color);
position: relative;
display: inline-block;
}
.login-page__form-forgot-password a:hover {
color: var(--ogency-base);
} .error-page {
background-color: var(--ogency-black);
position: relative;
padding: 230px 0 120px;
}
@media (max-width: 767px) {
.error-page {
padding: 120px 0 80px;
}
}
.error-page__content {
position: relative;
text-align: center;
}
.error-page__404 {
display: inline-block;
position: relative;
font-size: 250px;
line-height: 1;
margin: 0 0 19px;
}
@media (max-width: 991px) {
.error-page__404 {
font-size: 180px;
}
}
@media (max-width: 767px) {
.error-page__404 {
font-size: 100px;
}
}
.error-page__404 img {
max-width: 100%;
position: absolute;
right: -190px;
top: -111px;
-webkit-animation: movebounce3 3s linear infinite;
animation: movebounce3 3s linear infinite;
}
@media (max-width: 991px) {
.error-page__404 img {
right: -172px;
max-width: 220px;
}
}
@media (max-width: 767px) {
.error-page__404 img {
right: -72px;
max-width: 100px;
top: -45px;
}
}
@keyframes movebounce3 {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
.error-page__title {
font-size: 40px;
letter-spacing: -1.6px;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.error-page__title {
font-size: 32px;
}
}
.error-page__text {
font-size: 18px;
margin-bottom: 30px;
}
.error-page__form {
position: relative;
display: block;
margin: 0 auto 20px;
}
.error-page__form-input {
position: relative;
display: block;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
.error-page__form-input input[type="search"] {
height: 63px;
width: 100%;
border: none;
background-color: var(--ogency-black2);
padding-left: 50px;
padding-right: 50px;
outline: none;
font-size: 14px;
color: var(--ogency-color);
display: block;
font-weight: 500;
}
@media (max-width: 767px) {
.error-page__form-input input[type="search"] {
padding-left: 30px;
padding-right: 30px;
}
}
.error-page__form-input button {
background-color: transparent;
color: var(--ogency-white);
font-size: 22px;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 72px;
outline: none;
border: medium none;
display: flex;
align-items: center;
padding: 0px;
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.error-page__form-input button {
width: 50px;
}
}
.error-page__form-input button:hover {
color: var(--ogency-base);
} .services-details {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0;
}
@media (max-width: 767px) {
.services-details {
padding: 80px 0;
}
}
.services-details__sidebar {
position: relative;
}
@media (max-width: 991px) {
.services-details__sidebar {
margin-bottom: 50px;
}
}
.services-details__services-list {
position: relative;
background-color: var(--ogency-black2);
margin: 0 0 30px;
padding: 30px;
}
.services-details__services {
margin: 0;
padding: 0;
list-style: none;
}
.services-details__services li {
display: block;
position: relative;
transition: all 500ms ease;
}
.services-details__services li a {
background-color: var(--ogency-black);
display: block;
position: relative;
font-size: 16px;
font-weight: 600;
color: var(--ogency-color);
letter-spacing: -.64px;
padding: 11px 40px 14px 24px;
transition: all 500ms ease;
}
.services-details__services li a::after {
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 7px;
height: 7px;
content: '';
background-color: var(--ogency-white);
border-radius: 50%;
transition: all 500ms ease;
}
.services-details__services li.current a, .services-details__services li:hover a {
color: var(--ogency-white);
}
.services-details__services li.current a::after, .services-details__services li:hover a::after {
background-color: var(--ogency-base);
}
.services-details__services li.current a {
font-weight: 800;
}
.services-details__services li + li {
margin-top: 10px;
}
.services-details__banner {
position: relative;
background-color: var(--ogency-base);
margin: 0 0 30px;
overflow: hidden;
padding: 40px;
}
@media (max-width: 767px) {
.services-details__banner {
padding-left: 30px;
}
}
.services-details__banner__shape {
width: 363px;
height: 363px;
background-color: var(--ogency-black2);
border-radius: 50%;
position: absolute;
right: -153px;
top: -30px;
}
.services-details__banner__image {
height: 363px;
position: absolute;
right: -41px;
bottom: 0;
}
.services-details__banner__image img {
height: 100%;
object-fit: cover;
}
.services-details__banner__icon {
font-size: 60px;
display: block;
line-height: 60px;
color: var(--ogency-black2);
margin-bottom: 10px;
position: relative;
z-index: 2;
}
.services-details__banner__title {
font-size: 24px;
letter-spacing: -.96px;
max-width: 150px;
margin-bottom: 0;
position: relative;
z-index: 2;
}
.services-details__banner .ogency-btn {
height: 38px;
background-color: var(--ogency-black);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.2px;
padding: 9px 30px;
margin-top: 98px;
}
.services-details__document {
position: relative;
background-color: var(--ogency-black2);
padding: 25px 25px 25px 102px;
}
.services-details__document__icon {
width: 51px;
height: 51px;
background-color: var(--ogency-base);
border-radius: 50%;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--ogency-white);
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
}
.services-details__document__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.services-details__document__title {
font-size: 16px;
letter-spacing: -.64px;
font-weight: 600;
margin-bottom: 1px;
}
.services-details__document__title a {
color: inherit;
}
.services-details__document__title a:hover {
color: var(--ogency-base);
}
.services-details__document__text {
font-size: 12px;
letter-spacing: 1.2px;
margin: 0;
}
.services-details__document:hover .services-details__document__icon span {
transform: scale(0.9);
}
.services-details__thumb {
position: relative;
background-color: var(--ogency-black2);
margin-bottom: 20px;
}
.services-details__thumb img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
}
.services-details__content {
position: relative;
}
.services-details__content__title {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 23px;
}
.services-details__content__text {
line-height: 30px;
margin-bottom: 28px;
}
.services-details__content__title-two {
color: var(--ogency-base);
font-size: 24px;
letter-spacing: -.96px;
margin-bottom: 34px;
}
.services-details__content__title-three {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 15px;
margin-top: 44px;
}
.services-details__points {
margin: 31px 0 0;
padding: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.services-details__points {
display: block;
}
}
.services-details__points li {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (min-width: 991px) and (max-width: 1199px) {
.services-details__points li {
flex-direction: column;
align-items: baseline;
}
}
@media (max-width: 767px) {
.services-details__points li {
margin-top: 20px;
}
}
.services-details__points li:hover .services-details__points__icon span {
transform: scale(0.9);
}
.services-details__points__icon {
width: 70px;
height: 70px;
line-height: 70px;
background-color: var(--ogency-black2);
border-radius: 50%;
display: inline-block;
text-align: center;
color: var(--ogency-base);
font-size: 32px;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.services-details__points__icon span {
display: inline-block;
transition: all 500ms linear;
transition-delay: 0s;
transition-delay: 0s;
transition-delay: 0.1s;
transform: scale(1);
}
.services-details__points__title {
display: inline-block;
font-size: 20px;
letter-spacing: -.80px;
margin: -5px 0 0 20px;
}
@media (min-width: 991px) and (max-width: 1199px) {
.services-details__points__title {
margin: 20px 0 0;
}
}
.services-details__benefit {
position: relative;
margin: 60px 0 0;
}
.services-details__benefit__img {
position: relative;
background-color: var(--ogency-black2);
max-width: 343px;
height: 343px;
border-radius: 50%;
}
.services-details__benefit__img img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
mix-blend-mode: luminosity;
}
.services-details__benefit__content {
position: relative;
padding-top: 26px;
}
@media (max-width: 767px) {
.services-details__benefit__content {
padding-top: 45px;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
.services-details__benefit__content {
padding-top: 45px;
}
}
.services-details__benefit__title {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 16px;
}
.services-details__benefit__text {
font-size: 18px;
line-height: 30px;
color: var(--ogency-base);
margin-bottom: 35px;
}
.services-details__benefit__lists {
margin: 0;
padding: 0;
list-style: none;
}
.services-details__benefit__lists li {
display: block;
list-style: none;
position: relative;
font-size: 16px;
line-height: 30px;
padding-left: 26px;
margin-bottom: 6px;
}
.services-details__benefit__lists li span {
display: block;
font-size: 14px;
line-height: 30px;
position: absolute;
left: 0;
top: 1px;
color: var(--ogency-base);
} .project-details {
background-color: var(--ogency-black);
position: relative;
padding: 120px 0 90px;
}
@media (max-width: 767px) {
.project-details {
padding: 80px 0 50px;
}
}
.project-details__image {
position: relative;
background-color: var(--ogency-black2);
margin-bottom: 29px;
}
.project-details__image img {
width: 100%;
height: auto;
mix-blend-mode: luminosity;
}
.project-details__content {
position: relative;
}
.project-details__content__title {
font-size: 40px;
letter-spacing: -1.6px;
margin-bottom: 13px;
}
@media (max-width: 767px) {
.project-details__content__title {
font-size: 32px;
}
}
.project-details__content__text {
line-height: 30px;
margin-bottom: 30px;
}
.project-details__content__title-two {
font-size: 20px;
line-height: 30px;
letter-spacing: -.80px;
margin-bottom: 32px;
}
.project-details__content__title-three {
font-size: 30px;
line-height: 30px;
letter-spacing: -1.2px;
margin-bottom: 35px;
}
.project-details__content__lists {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
.project-details__content__lists li {
display: block;
font-size: 15px;
line-height: 30px;
margin: 0;
padding-left: 30px;
position: relative;
}
.project-details__content__lists li span {
display: block;
font-size: 16px;
line-height: 30px;
color: var(--ogency-base);
position: absolute;
left: 0;
top: 1px;
bottom: 0;
margin: auto;
}
.project-details__right {
position: relative;
background-color: var(--ogency-black2);
border-top: 4px solid var(--ogency-base);
padding: 37px 59px 50px;
margin-top: 31px;
}
@media (max-width: 767px) {
.project-details__right {
padding-left: 40px;
padding-right: 40px;
}
}
.project-details__info-list {
margin: 0;
padding: 0;
}
.project-details__info-list li {
display: block;
font-size: 15px;
line-height: 26px;
font-weight: 800;
color: var(--ogency-white);
margin: 0 0 26px;
}
.project-details__info-list li span {
display: block;
font-size: 15px;
color: var(--ogency-color);
font-weight: 500;
}
.project-details__socials {
position: relative;
}
.project-details__socials a {
display: inline-block;
width: 55px;
height: 55px;
background-color: var(--ogency-black);
color: var(--ogency-white);
line-height: 55px;
border-radius: 50%;
font-size: 20px;
text-align: center;
}
.project-details__socials a:hover {
background-color: var(--ogency-base);
}
.project-details__socials a + a {
margin-left: 7px;
}
.project-details__pagination {
margin: 82px 0 0;
padding: 30px 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
border-top: 1px solid var(--ogency-black3);
border-bottom: 1px solid var(--ogency-black3);
}
.project-details__pagination__previous {
display: flex;
align-items: center;
font-size: 16px;
color: var(--ogency-white);
font-weight: 600;
}
.project-details__pagination__previous span {
width: 52px;
height: 52px;
line-height: 52px;
display: inline-block;
color: var(--ogency-white);
background-color: var(--ogency-black2);
border-radius: 50%;
transition: all 500ms ease;
font-size: 16px;
text-align: center;
margin-right: 19px;
}
.project-details__pagination__previous:hover {
color: var(--ogency-base);
}
.project-details__pagination__previous:hover span {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.project-details__pagination__next {
display: flex;
align-items: center;
font-size: 16px;
color: var(--ogency-white);
font-weight: 600;
}
.project-details__pagination__next span {
width: 52px;
height: 52px;
line-height: 52px;
display: inline-block;
color: var(--ogency-white);
background-color: var(--ogency-black2);
border-radius: 50%;
transition: all 500ms ease;
font-size: 16px;
text-align: center;
margin-left: 19px;
}
.project-details__pagination__next:hover {
color: var(--ogency-base);
}
.project-details__pagination__next:hover span {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.project-details .section-title {
margin-top: 120px;
}
@media (max-width: 767px) {
.project-details .section-title {
margin-top: 80px;
}
}
.project-details .project-two__item {
margin-bottom: 30px;
} .product {
position: relative;
padding: 120px 0 90px;
background-color: var(--ogency-black);
}
@media (max-width: 767px) {
.product {
padding: 80px 0 50px;
}
}
.product .ogency-owl__dots.owl-carousel .owl-dots {
margin-bottom: 30px;
}
.product__sidebar {
position: relative;
}
@media (max-width: 991px) {
.product__sidebar-right {
margin: 50px 0 30px;
}
}
.product__sidebar--title {
position: relative;
font-size: 20px;
letter-spacing: -.80px;
margin: 0 0 11px 14px;
}
.product__search {
position: relative;
display: block;
margin-bottom: 30px;
}
.product__search form {
border-radius: 0;
position: relative;
}
.product__search form input[type="text"] {
width: 100%;
height: 64px;
background-color: transparent;
padding-left: 30px;
padding-right: 30px;
font-family: var(--ogency-font);
font-size: 14px;
color: var(--ogency-color);
border: 1px solid var(--ogency-black3);
outline: none;
font-weight: 500;
border-radius: 0;
}
.product__price-ranger {
background-color: var(--ogency-black2);
padding: 23px 16px 28px;
margin-bottom: 30px;
}
.product__price-ranger #slider-range {
margin: 22px 0 0 17px;
background: #282828;
border: none;
height: 5px;
border-radius: 0;
position: relative;
}
.product__price-ranger #slider-range .ui-slider-range {
height: 100%;
background: var(--ogency-base);
}
.product__price-ranger #slider-range .ui-slider-handle {
position: absolute;
top: -5px;
background: var(--ogency-base);
border: 0;
height: 14px;
width: 14px !important;
border-radius: 50%;
margin-left: -2px;
outline: medium none;
cursor: pointer;
z-index: 2;
}
.product__price-ranger .ranger-min-max-block {
position: relative;
display: block;
margin: 17px 0 0 8px;
}
.product__price-ranger .ranger-min-max-block input[type="text"] {
position: relative;
display: inline-block;
color: var(--ogency-color);
font-size: 14px;
font-weight: 500;
width: 40px;
line-height: 30px;
border: none;
outline: none;
font-family: var(--ogency-font);
padding: 0;
text-align: center;
background-color: transparent;
}
.product__price-ranger .ranger-min-max-block span {
position: relative;
display: inline-block;
color: var(--ogency-color);
font-size: 14px;
font-weight: 400;
line-height: 40px;
left: -2px;
}
.product__price-ranger .ranger-min-max-block input[type="submit"] {
position: relative;
display: block;
background-color: var(--ogency-black);
float: right;
text-align: center;
border: none;
color: var(--ogency-color);
font-size: 12px;
font-weight: 800;
line-height: 38px;
margin: 0;
cursor: pointer;
padding: 0 20px;
height: 38px;
border-radius: 0;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.product__price-ranger .ranger-min-max-block input[type="submit"]:hover {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.product__categories {
background-color: var(--ogency-black2);
padding: 25px 15px 11px;
}
.product__categories ul {
margin: 0;
padding: 0;
list-style: none;
}
.product__categories ul li {
position: relative;
margin: 0 0 3px;
}
.product__categories ul li a {
position: relative;
display: flex;
align-items: center;
line-height: 24px;
font-size: 15px;
text-transform: capitalize;
color: var(--ogency-color);
font-weight: 500;
transition: all 0.3s ease;
z-index: 1;
padding: 9px 15px 11px;
}
.product__categories ul li a span {
position: relative;
display: inline-block;
font-size: 12px;
color: var(--ogency-color);
margin-right: 10px;
transition: all 0.3s ease;
}
.product__categories ul li a::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: var(--ogency-black);
z-index: -1;
transform: scale(1, 0);
perspective: 400px;
visibility: hidden;
transition: transform 500ms ease-in-out, visibility 500ms ease-in-out;
transform-origin: bottom center;
}
.product__categories ul li:hover a, .product__categories ul li.active a {
color: var(--ogency-white);
}
.product__categories ul li:hover a::before, .product__categories ul li.active a::before {
transform: scale(1, 1);
visibility: visible;
transform-origin: top center;
}
.product__categories ul li:hover a span, .product__categories ul li.active a span {
color: var(--ogency-base);
}
.product__info-top {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.product__info-top {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.product__info-top {
display: block;
margin-top: 40px;
}
}
.product__showing-text {
margin: 0;
font-size: 18px;
}
@media (max-width: 767px) {
.product__showing-text {
margin-bottom: 20px;
}
}
.product__showing-sort {
margin: 0;
font-size: 18px;
}
.product__showing-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
position: relative;
display: block;
width: 340px !important;
font-family: var(--ogency-font);
}
@media (max-width: 360px) {
.product__showing-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 300px !important;
}
}
.product__showing-sort .bootstrap-select > .dropdown-toggle::after {
display: none;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle {
position: relative;
height: 64px;
outline: none !important;
border-radius: 0;
border: 0;
background-color: var(--ogency-black2) !important;
margin: 0;
padding: 0;
padding-left: 30px;
padding-right: 30px;
color: var(--ogency-color) !important;
font-size: 14px;
line-height: 64px;
font-weight: 500;
box-shadow: none !important;
background-repeat: no-repeat;
background-size: 14px 12px;
background-position: right 25.75px center;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle:before {
position: absolute;
top: 0;
bottom: 0;
right: 30px;
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 900;
font-size: 16px;
color: var(--ogency-color);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li + li > a {
border-top: 1px solid var(--ogency-black3);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li > a {
font-size: 14px;
font-weight: 500;
padding: 10px 30px;
color: var(--ogency-color);
background-color: var(--ogency-black2);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a, .product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a {
background: var(--ogency-base);
color: var(--ogency-white);
border-color: var(--ogency-base);
}
.product__item {
position: relative;
margin: 0 0 30px;
}
.product__item__img {
background-color: var(--ogency-white);
position: relative;
overflow: hidden;
}
.product__item__img img {
width: 100%;
height: auto;
mix-blend-mode: multiply;
transition: all 500ms ease;
transform: scale(1);
}
.product__item__btn {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
}
.product__item__btn a {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: var(--ogency-black);
border-radius: 50%;
color: var(--ogency-white);
font-size: 14px;
visibility: hidden;
opacity: 0;
}
.product__item__btn a:hover {
background-color: var(--ogency-base);
color: var(--ogency-white);
}
.product__item__btn a:nth-child(1) {
-webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transform: translate3d(30px, 0, 0);
-moz-transform: translate3d(30px, 0, 0);
-webkit-transform: translate3d(30px, 0, 0);
-ms-transform: translate3d(30px, 0, 0);
-o-transform: translate3d(30px, 0, 0);
}
.product__item__btn a:nth-child(2) {
webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
-o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
transform: translate3d(30px, 0, 0);
-moz-transform: translate3d(30px, 0, 0);
-webkit-transform: translate3d(30px, 0, 0);
-ms-transform: translate3d(30px, 0, 0);
-o-transform: translate3d(30px, 0, 0);
}
.product__item__btn a + a {
margin-top: 10px;
}
.product__item:hover .product__item__img img {
transform: scale(1.05);
}
.product__item:hover .product__item__btn a {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.product__item__content {
position: relative;
text-align: center;
border: 1px solid var(--ogency-black3);
padding: 30px 20px 29px;
}
.product__item__ratings {
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: var(--ogency-color);
letter-spacing: 4.5px;
margin-bottom: 3px;
}
.product__item__title {
font-size: 20px;
line-height: 26px;
letter-spacing: -.80px;
margin-bottom: 2px;
}
.product__item__title a {
color: inherit;
}
.product__item__title a:hover {
color: var(--ogency-base);
}
.product__item__price {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--ogency-base);
margin-bottom: 16px;
}
.product__item .ogency-btn {
height: 38px;
background-color: var(--ogency-black2);
font-size: 12px;
font-weight: 800;
color: var(--ogency-color);
padding: 8px 20px;
}
.product__item .ogency-btn:hover {
color: var(--ogency-white);
}
.product__item .ogency-btn::after {
background-color: var(--ogency-base);
} .product-details {
position: relative;
padding: 120px 0;
background-color: var(--ogency-black);
}
@media (max-width: 767px) {
.product-details {
padding: 80px 0;
}
}
.product-details__img {
background-color: var(--ogency-white);
position: relative;
}
.product-details__img img {
width: 100%;
height: auto;
mix-blend-mode: multiply;
}
.product-details__img-search {
position: absolute;
right: 30px;
top: 30px;
z-index: 2;
line-height: 1;
}
.product-details__img-search a {
display: inline-block;
font-size: 22px;
color: var(--ogency-black);
}
.product-details__img-search a:hover {
color: var(--ogency-base);
}
.product-details__content {
position: relative;
margin: -8px 0 0 0;
}
@media (max-width: 991px) {
.product-details__content {
margin: 50px 0 0;
}
}
.product-details__top {
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 17px;
}
.product-details__title {
font-size: 34px;
letter-spacing: -1.36px;
margin: 0;
}
.product-details__price {
font-size: 20px;
line-height: 26px;
color: var(--ogency-base);
margin: 0 0 0 27px;
}
.product-details__review {
position: relative;
display: flex;
align-items: center;
letter-spacing: 3px;
font-size: 16px;
color: var(--ogency-base);
}
.product-details__review a {
display: inline-block;
color: var(--ogency-color);
font-size: 15px;
letter-spacing: 0;
margin-left: 16px;
}
.product-details__review a:hover {
color: var(--ogency-base);
}
.product-details__divider {
width: 100%;
height: 1px;
background-color: var(--ogency-black3);
margin: 23px 0 20px;
}
.product-details__excerpt {
margin: 0;
line-height: 30px;
}
.product-details__excerpt-text1 {
margin: 0 0 30px;
}
.product-details__excerpt-text2 {
margin: 0;
}
@media (max-width: 767px) {
.product-details__excerpt-text2 br {
display: block;
}
}
.product-details__quantity {
position: relative;
display: flex;
align-items: center;
margin: 22px 0 30px;
}
.product-details__quantity-title {
margin: 0;
font-size: 18px;
line-height: 30px;
letter-spacing: -.72px;
margin-right: 32px;
}
.product-details__quantity .quantity-box {
position: relative;
width: 98px;
height: 50px;
}
.product-details__quantity .quantity-box input {
width: 98px;
height: 50px;
border: 1px solid var(--ogency-black3);
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
font-family: var(--ogency-font);
color: var(--ogency-color);
padding-left: 30px;
outline: none;
font-size: 18px;
font-weight: 500;
background-color: transparent;
}
.product-details__quantity .quantity-box button {
width: 24px;
height: 24px;
color: var(--ogency-color);
font-size: 8px;
position: absolute;
top: 1px;
right: 1px;
background-color: transparent;
border: none;
border-left: 1px solid var(--ogency-black3);
display: flex;
align-items: center;
justify-content: center;
outline: none;
transition: all 500ms ease;
}
.product-details__quantity .quantity-box button.sub {
bottom: 1px;
top: auto;
border-top: 1px solid var(--ogency-black3);
}
.product-details__quantity .quantity-box button:hover {
color: var(--ogency-base);
}
.product-details__buttons {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.product-details__buttons .ogency-btn::after {
background-color: var(--ogency-black2);
}
.product-details__buttons .ogency-btn:hover {
color: var(--ogency-white);
}
.product-details__buttons .wishlist {
background-color: var(--ogency-black2);
margin-right: 10px;
}
.product-details__buttons .wishlist::after {
background-color: var(--ogency-base);
}
@media (max-width: 767px) {
.product-details__buttons .ogency-btn {
padding-left: 30px;
padding-right: 30px;
}
}
.product-details__socials {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.product-details__socials {
display: block;
}
}
.product-details__socials__title {
font-size: 18px;
letter-spacing: -.72px;
margin: 0 40px 0 0;
}
@media (max-width: 767px) {
.product-details__socials__title {
margin: 0 0 20px;
}
}
.product-details__socials a {
display: inline-block;
background-color: var(--ogency-black2);
width: 55px;
height: 55px;
line-height: 55px;
color: var(--ogency-white);
font-size: 20px;
border-radius: 50%;
text-align: center;
}
.product-details__socials a:hover {
background-color: var(--ogency-base);
}
.product-details__socials a + a {
margin-left: 10px;
}
.product-details__description {
position: relative;
margin: 51px 0 0;
}
.product-details__description__title {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 23px;
}
.product-details__description__text {
line-height: 30px;
margin-bottom: 30px;
}
.product-details__description__lists {
margin: 0 0 30px;
padding: 0;
}
.product-details__description__lists li {
display: block;
position: relative;
padding: 0 0 0 31px;
font-size: 16px;
line-height: 30px;
color: var(--ogency-white);
}
.product-details__description__lists li span {
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
display: inline-block;
font-size: 17px;
line-height: 30px;
color: var(--ogency-base);
}
.product-details__comment {
border-top: 1px solid var(--ogency-black3);
margin: 56px 0 0;
padding: 51px 0 0;
position: relative;
}
.product-details__review-title {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 44px;
}
.product-details__comment-box {
position: relative;
padding: 13px 0 50px 212px;
margin-bottom: 50px;
min-height: 166px;
border-bottom: 1px solid var(--ogency-black3);
}
@media (max-width: 767px) {
.product-details__comment-box {
padding-left: 0;
}
}
.product-details__comment-box__thumb {
background-color: var(--ogency-black3);
width: 166px;
height: 166px;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
margin: 0;
border: none;
}
@media (max-width: 767px) {
.product-details__comment-box__thumb {
position: relative;
margin: 0 0 20px;
}
}
.product-details__comment-box__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
mix-blend-mode: luminosity;
}
.product-details__comment-box__meta {
font-size: 22px;
line-height: 30px;
letter-spacing: -.88px;
margin: 0 0 20px;
}
.product-details__comment-box__date {
font-size: 15px;
line-height: 26px;
display: inline-block;
color: var(--ogency-base);
font-weight: 500;
letter-spacing: 0;
margin: 0 0 0 7px;
}
.product-details__comment-box__text {
line-height: 30px;
margin: 0;
}
.product-details__comment-box__ratings {
position: absolute;
right: 0;
top: 13px;
display: flex;
align-items: center;
letter-spacing: 6px;
font-size: 16px;
color: var(--ogency-base);
}
@media (max-width: 767px) {
.product-details__comment-box__ratings {
position: relative;
top: 0;
margin: 0 0 22px;
}
}
.product-details__form {
position: relative;
margin: 50px 0 0;
}
.product-details__form .row {
--bs-gutter-x: 20px;
}
.product-details__form-title {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 16px;
}
.product-details__form-ratings {
display: flex;
align-items: center;
letter-spacing: 6px;
font-size: 16px;
color: var(--ogency-base);
margin: 0 0 20px;
}
.product-details__form-ratings__label {
display: inline-block;
font-size: 18px;
letter-spacing: 0;
color: var(--ogency-color);
margin: 0 17px 0 0;
}
.product-details .review-form {
position: relative;
}
.product-details .review-form__input-box {
position: relative;
display: block;
line-height: 1;
margin-bottom: 20px;
}
.product-details .review-form__input-box input[type="text"], .product-details .review-form__input-box input[type="email"] {
height: 63px;
width: 100%;
border: none;
background-color: var(--ogency-black2);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 14px;
color: var(--ogency-color);
font-family: var(--ogency-font);
display: block;
font-weight: 500;
}
.product-details .review-form__input-box textarea {
font-size: 14px;
font-weight: 500;
color: var(--ogency-color);
height: 188px;
width: 100%;
background-color: var(--ogency-black2);
font-family: var(--ogency-font);
padding: 25px 30px 30px;
border: none;
outline: none;
margin-bottom: 0px;
} .cart-page {
position: relative;
padding: 120px 0;
background-color: var(--ogency-black);
}
@media (max-width: 767px) {
.cart-page {
padding: 80px 0;
}
}
.cart-page .table-responsive {
position: relative;
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 1199px) {
.cart-page .table-responsive {
margin-bottom: 30px;
}
}
.cart-page__table {
position: relative;
width: 100%;
border: none;
margin: 0 0 60px;
}
@media (max-width: 1199px) {
.cart-page__table {
min-width: 1170px;
}
}
.cart-page__table thead tr th {
color: var(--ogency-white);
font-size: 20px;
line-height: 30px;
font-weight: 800;
padding: 0 0 24px;
border: none;
background-color: transparent;
border-bottom: 1px solid var(--ogency-black3) !important;
letter-spacing: -.80px;
box-shadow: none;
}
.cart-page__table thead tr th:last-child {
text-align: right;
}
.cart-page__table tbody tr td {
font-size: 18px;
font-weight: 500;
color: var(--ogency-color);
vertical-align: middle;
border: none;
box-shadow: none;
background-color: transparent;
border-top: 1px solid var(--ogency-black3);
border-bottom: 1px solid var(--ogency-black3);
padding: 30px 0;
letter-spacing: 0;
}
.cart-page__table tbody tr td:last-child {
text-align: right;
}
.cart-page__table__meta {
display: flex;
align-items: center;
}
.cart-page__table__meta-img {
width: 119px;
height: 119px;
background-color: var(--ogency-white);
margin-right: 34px;
}
.cart-page__table__meta-img img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply;
}
.cart-page__table__meta-title {
font-size: 20px;
letter-spacing: -.80px;
margin: 0;
}
.cart-page__table__meta-title a {
color: inherit;
}
.cart-page__table__meta-title a:hover {
color: var(--ogency-base);
}
.cart-page__table__remove {
display: block;
color: var(--ogency-white);
font-size: 16px;
}
.cart-page__table__remove:hover {
color: var(--ogency-base);
}
.cart-page__coupone-form {
position: relative;
display: flex;
}
@media (max-width: 767px) {
.cart-page__coupone-form {
display: block;
}
}
.cart-page__coupone-form input[type="text"] {
height: 63px;
width: 375px;
border: none;
background-color: var(--ogency-black2);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 14px;
color: var(--ogency-color);
font-family: var(--ogency-font);
display: block;
font-weight: 500;
margin-right: 10px;
}
@media (max-width: 1199px) {
.cart-page__coupone-form input[type="text"] {
width: 290px;
}
}
@media (max-width: 767px) {
.cart-page__coupone-form input[type="text"] {
width: 100%;
margin: 0 0 10px;
}
}
.cart-page__cart-total {
position: relative;
text-align: right;
margin: -11px 0 21px;
padding: 0;
}
@media (max-width: 991px) {
.cart-page__cart-total {
text-align: left;
margin-top: 45px;
}
}
.cart-page__cart-total li {
display: block;
font-size: 20px;
color: var(--ogency-white);
letter-spacing: -.80px;
margin: 0 0 8px;
}
@media (max-width: 991px) {
.cart-page__cart-total li span {
display: inline-block;
min-width: 172px;
}
}
.cart-page__cart-total-amount {
font-size: 18px;
color: var(--ogency-color);
letter-spacing: 0;
display: inline-block;
min-width: 172px;
}
.cart-page__buttons {
display: flex;
justify-content: flex-end;
}
@media (max-width: 991px) {
.cart-page__buttons {
justify-content: flex-start;
}
}
.cart-page__buttons .ogency-btn {
background-color: var(--ogency-black2);
}
.cart-page__buttons .ogency-btn::after {
background-color: var(--ogency-base);
}
.cart-page__buttons .ogency-btn:hover {
color: var(--ogency-white);
}
.cart-page__buttons .checkout {
background-color: var(--ogency-base);
margin-left: 10px;
}
.cart-page__buttons .checkout::after {
background-color: var(--ogency-black2);
} .checkout-page {
position: relative;
padding: 120px 0;
background-color: var(--ogency-black);
}
@media (max-width: 767px) {
.checkout-page {
padding: 80px 0;
}
}
.checkout-page .bs-gutter-x-20 {
--bs-gutter-x: 20px;
}
.checkout-page__notice {
line-height: 26px;
margin: 0 0 16px;
}
.checkout-page__notice a {
color: var(--ogency-base);
}
.checkout-page__notice a:hover {
color: var(--ogency-color);
}
.checkout-page__billing-address {
position: relative;
}
.checkout-page__billing-address__title {
font-size: 30px;
letter-spacing: -1.2px;
margin: 0 0 34px;
}
.checkout-page__billing-address__title span {
position: relative;
display: inline-block;
color: var(--ogency-white);
font-size: 8px;
top: -5px;
left: 6px;
height: 19px;
width: 19px;
background-color: var(--ogency-base);
border-radius: 50%;
text-align: center;
line-height: 19px;
}
.checkout-page__shipping-address {
position: relative;
}
@media (max-width: 991px) {
.checkout-page__shipping-address {
margin: 50px 0 0;
}
}
.checkout-page__shipping-address__title {
font-size: 30px;
letter-spacing: -1.2px;
margin: 0 0 34px;
}
.checkout-page__shipping-address__title span {
position: relative;
display: inline-block;
color: var(--ogency-white);
font-size: 8px;
top: -5px;
left: 6px;
height: 19px;
width: 19px;
background-color: var(--ogency-base);
border-radius: 50%;
text-align: center;
line-height: 19px;
}
.checkout-page__input-box {
position: relative;
line-height: 1;
margin: 0 0 20px;
}
.checkout-page__input-box input[type="text"], .checkout-page__input-box input[type="email"], .checkout-page__input-box input[type="tel"] {
height: 63px;
width: 100%;
border: none;
background-color: var(--ogency-black2);
padding-left: 30px;
padding-right: 30px;
outline: none;
font-size: 14px;
color: var(--ogency-color);
font-family: var(--ogency-font);
display: block;
font-weight: 500;
}
.checkout-page__input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
position: relative;
display: block;
width: 100% !important;
font-family: var(--ogency-font);
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle::after {
display: none;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle {
position: relative;
height: 63px;
outline: none !important;
border-radius: 0;
border: 0;
background-color: var(--ogency-black2) !important;
margin: 0;
padding: 0;
padding-left: 30px;
padding-right: 30px;
color: var(--ogency-color) !important;
font-size: 14px;
line-height: 63px;
font-weight: 500;
box-shadow: none !important;
background-repeat: no-repeat;
background-size: 14px 12px;
background-position: right 25.75px center;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle:before {
position: absolute;
top: 0;
bottom: 0;
right: 30px;
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 900;
font-size: 14px;
color: var(--ogency-color);
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a {
border-top: 1px solid var(--ogency-black3);
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li > a {
font-size: 14px;
font-weight: 500;
padding: 15px 30px;
color: var(--ogency-color);
background-color: var(--ogency-black2);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li:hover > a, .checkout-page__input-box .bootstrap-select .dropdown-menu > li.selected > a {
background: var(--ogency-base);
color: var(--ogency-white);
border-color: var(--ogency-base);
}
.checkout-page__input-box textarea {
font-size: 14px;
font-weight: 500;
color: var(--ogency-color);
height: 113px;
width: 100%;
background-color: var(--ogency-black2);
font-family: var(--ogency-font);
padding: 20px 30px 30px;
border: none;
outline: none;
margin-bottom: 0px;
}
.checkout-page__check-box {
position: relative;
display: block;
margin-top: -4px;
}
.checkout-page__check-box input[type="checkbox"] {
display: none;
}
.checkout-page__check-box label {
position: relative;
display: inline-block;
padding-left: 30px;
margin-right: 0px;
margin-bottom: 0;
color: var(--ogency-color);
font-size: 15px;
line-height: 24px;
text-transform: none;
cursor: pointer;
}
.checkout-page__check-box label span:before {
position: absolute;
top: 4px;
left: 5px;
display: block;
border-bottom: 2px solid var(--ogency-white);
border-right: 2px solid var(--ogency-white);
content: '';
width: 6px;
height: 9px;
pointer-events: none;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
opacity: 0;
}
.checkout-page__check-box input[type="checkbox"] + label span {
position: absolute;
top: 4px;
left: 0;
width: 19px;
height: 19px;
background-color: var(--ogency-base);
border-radius: 50%;
border: none;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.checkout-page__check-box input[type="checkbox"]:checked + label span:before {
opacity: 1;
}
.checkout-page__your-order {
position: relative;
margin: 52px 0 0;
}
.checkout-page__your-order__title {
font-size: 30px;
letter-spacing: -1.2px;
margin-bottom: 35px;
}
.checkout-page__order-table {
position: relative;
width: 100%;
border: none;
border-bottom: 1px solid var(--ogency-black3);
margin: 0 0 0;
}
.checkout-page__order-table thead tr th {
font-size: 20px;
color: var(--ogency-white);
letter-spacing: -.80px;
font-weight: 800;
margin: 0;
padding: 17px 0 20px;
border: none;
border-top: 1px solid var(--ogency-black3);
border-bottom: 1px solid var(--ogency-black3);
}
.checkout-page__order-table thead tr th:last-child {
text-align: right;
}
.checkout-page__order-table tbody tr td {
font-size: 16px;
line-height: 26px;
color: var(--ogency-color);
margin: 0;
padding: 0 0 21px;
border: none;
}
.checkout-page__order-table tbody tr td:last-child {
text-align: right;
}
.checkout-page__order-table tbody tr:first-child td {
padding-top: 21px;
}
.checkout-page__payment {
background-color: var(--ogency-black2);
padding: 47px 50px 3px;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.checkout-page__payment {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.checkout-page__payment {
padding-left: 25px;
padding-right: 25px;
}
}
.checkout-page__payment__item {
position: relative;
margin-bottom: 43px;
}
.checkout-page__payment__title {
display: flex;
font-size: 18px;
letter-spacing: -.72px;
margin: 0;
align-items: center;
margin-bottom: 28px;
cursor: pointer;
}
.checkout-page__payment__title::before {
content: '';
width: 19px;
height: 19px;
background-color: var(--ogency-black);
border: 1px solid var(--ogency-black3);
border-radius: 50%;
margin-right: 10px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 8px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-right: 14px;
position: relative;
top: 1px;
transition: all 500ms ease;
}
.checkout-page__payment__title img {
margin-left: 15px;
}
.checkout-page__payment__item--active .checkout-page__payment__title::before {
background-color: var(--ogency-base);
border-color: var(--ogency-base);
content: '\f00c';
color: var(--ogency-white);
}
.checkout-page__payment__content {
font-size: 15px;
line-height: 26px;
color: var(--ogency-color);
font-weight: 500;
margin-left: 39px;
} .custom-cursor__cursor {
width: 25px;
height: 25px;
border-radius: 100%;
border: 1px solid var(--ogency-base);
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
position: fixed;
pointer-events: none;
left: 0;
top: 0;
-webkit-transform: translate(calc(-50% + 5px), -50%);
transform: translate(calc(-50% + 5px), -50%);
z-index: 999991;
}
.custom-cursor__cursor-two {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: var(--ogency-base);
opacity: .3;
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
-webkit-transition: width .3s, height .3s, opacity .3s;
transition: width .3s, height .3s, opacity .3s;
z-index: 999991;
}
.custom-cursor__hover {
background-color: var(--ogency-base);
opacity: 0.4;
}
.custom-cursor__innerhover {
width: 25px;
height: 25px;
opacity: .4;
} body.boxed-wrapper {
position: relative;
}
body.boxed-wrapper .page-wrapper {
max-width: 1530px;
margin-left: auto;
margin-right: auto;
background-color: var(--ogency-white);
box-shadow: 0px 0px 100px 0px rgba(var(--ogency-black-rgb), 0.08);
}
body.boxed-wrapper .main-slider__one-item__content-curved-circle-box {
margin-right: 40px;
}
body.boxed-wrapper .main-slider__one-item__shape-1 {
display: none;
}