:root {
--thm-font: "Lato", sans-serif;
--heading-font: "Lato", sans-serif;
--special-font: "Lato", sans-serif;
--thm-color: #727a84;
--thm-color-rgb: 114, 122, 132;
--thm-gray: #eef3f7;
--thm-gray-rgb: 238, 243, 247;
--thm-base: #ef530f;
--thm-base-rgb: 239, 83, 15;
--thm-primary: #02489d;
--thm-primary-rgb: 2, 72, 157;
--thm-secondary: #3fbfef;
--thm-secondary-rgb: 63, 191, 239;
--thm-special: #5366c2;
--thm-special-rgb: 83, 102, 194;
--thm-black: #072040;
--thm-black-rgb: 7, 32, 64;
--thm-black2: #383a39;
--thm-black2-rgb: 56, 58, 57;
--thm-text-dark: #afc0d6;
--thm-text-dark-rgb: 175, 192, 214;
--thm-border: #e2e9f0;
--thm-border-rgb: 226, 233, 240;
}
body {
font-family: var(--thm-font);
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
body.locked {
overflow: hidden;
}
a {
color: #0083c9;
}
@font-face {
font-family: '../font/iconfont';
src: url('../font/iconfont.eot');
src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
url('../font/iconfont.woff2') format('woff2'),
url('../font/iconfont.woff') format('woff'),
url('../font/iconfont.ttf') format('truetype'),
url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
font-family: "../font/iconfont";
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face
{
font-family:"impact.ttf";
src: url("../font/impact.ttf");
}
@font-face
{
font-family:"HeroicCondensed-Regular.ttf";
src: url("../font/HeroicCondensed-Regular.ttf");
}
a,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}
::placeholder {
color: inherit;
opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--heading-font);
color:#222;
}
@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;
}
.row {
--bs-gutter-x: 30px;
}
.gutter-y-30 {
--bs-gutter-y: 30px;
}
.background-base {
background-color: #0083c9;
}
.background-primary {
background-color: var(--thm-primary);
}
.background-secondary {
background-color: var(--thm-secondary);
}
.background-special {
background-color: var(--thm-special);
}
.background-black {
background-color: var(--thm-black);
}
.background-black-2 {
background-color: var(--thm-black2);
}
.thm-text-dark {
color: var(--thm-text-dark);
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1300px) {
.container {
max-width: 1300px;
}
}
::placeholder {
color: inherit;
opacity: 1;
}
.section-separator {
border-color: var(--thm-border);
border-width: 1px;
margin-top: 0;
margin-bottom: 0;
}
.thm-btn {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 26px;
font-weight: 700;
color: #fff !important;
text-align: center;
padding: 15px 36px;
letter-spacing: 1px;
text-transform: uppercase;
z-index: 1;
-moz-transition: all 400ms ease-out 0s;
-webkit-transition: all 400ms ease-out 0s;
-ms-transition: all 400ms ease-out 0s;
-o-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
background:#0083c9;
}
.thm-btn:before{position: absolute;
content: '';
width: 5%;
height: 100%;
background: rgba(3, 50, 77, 0.2);
left: 0px;
top: 0px;
z-index: -1;
-moz-transition: all 400ms ease-out 0s;
-webkit-transition: all 400ms ease-out 0s;
-ms-transition: all 400ms ease-out 0s;
-o-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.thm-btn:hover {
color: #0083c9;
background-color: #fff;
}
.thm-btn:hover:before {
width: 100%;
background: #1e8632;
}
.thm-btn.btn-circle {
border-radius: 60px 60px 60px 60px;
}
.thm-btn.btn-square {
border-radius: 0;
}
.thm-btn.btn-sm {
font-size: 14px;
padding: 10px 28px;
}
.thm-btn.btn-md {
font-size: 14px;
padding: 18px 56px;
}
.thm-btn.btn-lg {
padding: 22px 56px;
font-size: 16px;
}
.thm-btn.btn-xl {
font-size: 18px;
padding: 24px 56px;
}
.thm-btn i {
margin-left: 7px;
}
.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: #0083c9;
}
.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(--thm-color);
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
}
.section-title {
margin-top: -9px;
margin-bottom: 50px;
}
.section-title__tagline {
display: inline-flex;
color:#59b532;
font-size: 18px;
font-weight: 400;
align-items: center;
line-height: 1; margin-bottom:20px;
}
.section-title__tagline::after {
content: '';
background-color: currentColor;
width: 56px;
height: 2px;
margin-left: 10px;
margin-top: 3px;
}
.section-title__title {
margin: 0;
font-weight: 700;
color:#333;
margin-bottom: -9px;
font-size: 32px;
}
.section-title2{
margin-top: -9px;
margin-bottom: 50px;
}
.section-title__tagline2{
display: inline-flex;
color:#59b532;
font-size: 18px;
font-weight: 400;
align-items: center;
line-height: 1; margin-bottom:20px;
}
.section-title__tagline2::after {
content: '';
background-color: currentColor;
width: 56px;
height: 2px;
margin-left: 10px;
margin-top: 3px;
}
.section-title__title2{
margin: 0;
font-weight: 700;
color:#fff;
margin-bottom: -9px;
font-size: 32px;
}
.section-title__tagline1{
color:#59b532;
font-size:20px;
font-weight: 400; height:40px; margin-bottom:20px;
align-items: center; display:block;
line-height: 1; position:relative;
}
.section-title__tagline1::after {
content: '';
background-color: currentColor;
width: 56px;
height: 2px;
margin-left: 10px;
margin-top: 3px; position:absolute;left:50%; margin-left:-28px; bottom:0;
}
@media (min-width: 768px) {
.section-title__title {
font-size: 36px;
}
}
.ul-list-one {
margin-bottom: 0;
}
.ul-list-one li {
position: relative;
padding-left: 45px;
font-size: 18px;
font-weight: 400;
color: var(--thm-black);
}
@media (min-width: 481px) {
.ul-list-one li {
font-size: 20px;
}
}
.ul-list-one li::before {
content: "\e907";
color: var(--thm-secondary);
font-size: 26px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-family: "azino-icon";
}
.tab-box__content {
display: none;
}
.tab-box__content.active-item {
display: block;
}
.preloader {
position: fixed;
background-color: #fff;
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;
}
/* scroll to top */
.scroll-to-top {
display: inline-block;
width: 45px;
height: 45px;
background: #0083c9;
position: fixed;
bottom: 40px;
right: 40px;
z-index: 99;
text-align: center;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: none;
border-radius: 50%;
transition: all 0.4s ease;
}
.scroll-to-top i {
color: #ffffff;
font-size: 18px;
line-height: 45px;
}
.scroll-to-top:hover {
background-color: var(--thm-black);
}
.scroll-to-top:hover i {
color: #fff;
}
/* post paginations */
.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(--thm-color);
font-size: 16px;
font-weight: 400;
border-radius: 50%;
transition: 500ms ease;
}
@media (min-width: 992px) {
.post-pagination a {
width: 60px;
height: 60px;
font-size: 16px;
}
}
.post-pagination a:hover {
background-color: #0083c9;
color: #fff;
}
.post-pagination li:first-child a {
background-color: #0083c9;
color: #fff;
}
.post-pagination li:last-child a {
background-color: var(--thm-black);
color: #fff;
}
.post-pagination li + li {
margin-left: 10px;
}
.google-map__contact-page iframe {
width: 100%;
height: 504px;
border: none;
display: block;
}
/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.video-one {
position: relative;
margin-bottom: 50px;
display: inline-block;
}
@media (min-width: 1200px) {
.video-one {
position: absolute;
top: 100px;
left: -220px;
}
}
@media (min-width: 1440px) {
.video-one {
left: -160px;
}
}
@media (min-width: 1700px) {
.video-one {
left: -30px;
}
}
@media (min-width: 1800px) {
.video-one {
left: 0;
}
}
.video-one img {
max-width: 100%;
}
.video-one__content {
background-color: #0083c9;
text-align: center;
position: absolute;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 768px) {
.video-one__content {
top: auto;
left: auto;
bottom: 0;
right: 0;
width: 308px;
height: 249px;
}
}
.video-one__text {
margin: 0;
color: #fff;
font-size: 22px;
font-weight: 400;
padding-left: 15px;
padding-right: 15px;
max-width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
@media (min-width: 768px) {
.video-one__text {
margin-top: 0;
text-align: left;
max-width: 180px;
font-size: 30px;
font-weight: 400;
padding-left: 0;
padding-right: 0;
line-height: 1.3;
}
}
.video-one .lightbox-image {
width: 80px;
height: 80px;
background-color: var(--thm-secondary);
display: flex;
justify-content: center;
align-items: center;
font-size: 25px;
color: #fff;
margin-left: auto;
margin-right: auto;
transition: all 500ms ease;
}
.video-one .lightbox-image:hover {
background-color: var(--thm-black);
color: #fff;
}
@media (min-width: 768px) {
.video-one .lightbox-image {
position: absolute;
bottom: 100%;
right: 100%;
width: 162px;
height: 147px;
font-size: 30px;
}
}
.blog-card {
position: relative;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.blog-card__image {
position: relative;
overflow: hidden;
}
.blog-card__image > img {
width: 100%; min-height:315px;max-height:315px;
transform: scale(1);
transition: transform 500ms ease;
}
.blog-card__image > a {
display: flex;
width: 100%;
height: 100%;
background-color: rgba(var(--thm-black-rgb), 0.9);
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-card__image > a::before, .blog-card__image > a::after {
content: "";
width: 32px;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog-card__image > a::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.blog-card__image1 {
position: relative;
overflow: hidden;
}
.blog-card__image1 > img {
width: 100%;
transform: scale(1);
transition: transform 500ms ease;
}
.blog-card__image1 > a {
display: flex;
width: 100%;
height: 100%;
background-color: rgba(var(--thm-black-rgb), 0.9);
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-card__image1 > a::before, .blog-card__image1 > a::after {
content: "";
width: 32px;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.blog-card__image1 > a::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.blog-card:hover .blog-card__image1 > a {
opacity: 1;
transform: translateY(0);
}
.blog-card:hover .blog-card__image1 > img {
transform: scale(1.05);
}
.blog-card__content {
padding: 30px 30px 50px 30px;
position: relative;
}
.blog-card__content::after {
content: '';
width: 100%;
height: 2px;
background-color: var(--thm-secondary);
position: absolute;
bottom: 0;
left: 0;
transform: scale(0, 1);
transform-origin: left center;
transition: transform 500ms ease;
}
.blog-card:hover .blog-card__content::after {
transform: scale(1, 1);
transform-origin: right center;
}
.blog-card1{
}
.blog-card__content1{ background:#fff;
padding: 23px; margin-bottom:14px;
}
.blog-card__content1:hover {
background-color:#0081cc;
transform-origin: left center;
transition: transform 500ms ease;
}
.blog-card__content1:hover .blog-card__title,.blog-card__content1:hover .blog-card__text{ color:#fff;}
.blog-card__date {
height:70px;
background-color: #0083c9;
font-size: 16px;
font-weight: 600;
color: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
line-height: 1.2em;
position: absolute;
bottom: 100%;
}
.blog-card__meta {
display: flex;
align-items: center;
margin-bottom: 5px;
margin-top: -5px;
}
.blog-card__meta-item {
display: flex;
align-items: center;
font-size: 13px;
color: var(--thm-color);
}
.blog-card__meta-item i {
color: var(--thm-secondary);
font-size: 14px;
margin-right: 5px;
}
.blog-card__meta-item a {
color: inherit;
transition: all 500ms ease;
}
.blog-card__meta-item:hover i {
color: var(--thm-black);
}
.blog-card__meta-item:hover a {
color: var(--thm-primary);
}
.blog-card__meta-item + .blog-card__meta-item {
margin-left: 15px;
}
.blog-card__content1 a .blog-card__title{
margin: 0;
color:#333;
font-size: 16px;
font-weight: 700;
margin-bottom: 16px;
}
.blog-card__content a .blog-card__title{ color:#333; font-size:18px; font-weight:bold;}
.blog-card__text{
margin: 0;
font-size: 16px;
line-height: 24px;
color: var(--thm-color);
margin-bottom: 13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.blog-card__more {
display: inline-flex;
font-size: 16px;
font-weight: 600;
line-height: 1;
align-items: center;
color: var(--thm-primary);
}
.blog-card__more i {
margin-left: 7px;
margin-top: 1px;
}
.blog-card__more:hover {
color: #0083c9;
}
.news-page {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.news-page {
padding-top: 100px;
padding-bottom: 100px;
}
}
.news-page .post-pagination {
margin-top: 50px;
}
.news-page .row {
--bs-gutter-y: 30px;
}
.news-page__load {
margin-top: 60px;
}
.news-page__load .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
}
.news-page__load .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.blog-details {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 1200px) {
.blog-details {
padding-top: 100px;
padding-bottom: 100px;
}
}
.blog-details__content {
padding: 0;
}
.blog-details__content p {
margin-bottom:20px;
}
.blog-details__meta {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-top: 1px solid var(--thm-border);
padding-top: 20px;
padding-bottom: 30px;
margin-top: 45px;
}
@media (min-width: 992px) {
.blog-details__meta {
flex-direction: row;
justify-content: space-between;
}
}
.blog-details__tags {
margin: 0;
display: flex;
align-items: center;
}
.blog-details__tags span {
color: var(--thm-black);
font-weight: 700;
font-size: 20px;
}
.blog-details__tags a {
font-size: 18px;
color: var(--thm-color);
transition: all 500ms ease;
margin-left: 5px;
}
.blog-details__tags a:hover {
color: var(--thm-black);
}
.blog-details__social {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
}
.blog-details__social a {
display: flex;
font-size: 16px;
color: var(--thm-color);
transition: all 500ms ease;
}
.blog-details__social a + a {
margin-left: 30px;
}
.blog-details__social a:hover {
color: #0083c9;
}
.blog-sidebar {
margin-top: 50px;
}
@media (min-width: 1200px) {
.blog-sidebar {
margin-top: 0px;
}
}
.blog-sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-sidebar h3 {
margin: 0;
font-size: 20px;
font-weight: 700;
color: var(--thm-black);
padding-left: 0px;
margin-bottom: 11px;
}
.blog-sidebar__search {
margin-bottom: 30px;
}
.blog-sidebar__search form {
width: 100%;
height: 90px;
background-color: var(--thm-primary);
position: relative;
}
.blog-sidebar__search form input[type="text"],
.blog-sidebar__search form input[type="search"] {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0);
padding-left: 30px;
padding-right: 30px;
display: block;
border: none;
-webkit-appearance: none;
appearance: none;
outline: none;
color: #fff;
font-size: 16px;
font-weight: 600;
}
@media (min-width: 1200px) {
.blog-sidebar__search form input[type="text"],
.blog-sidebar__search form input[type="search"] {
padding-left: 50px;
padding-right: 50px;
}
}
.blog-sidebar__search form button[type="submit"] {
width: auto;
padding: 0;
font-size: 22px;
color: #fff;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0);
border: none;
-webkit-appearance: none;
appearance: none;
}
@media (min-width: 1200px) {
.blog-sidebar__search form button[type="submit"] {
right: 50px;
}
}
.blog-sidebar__tags {
background-color: var(--thm-gray);
padding: 30px;
margin-bottom: 30px;
}
.blog-sidebar__tags-links {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
}
.blog-sidebar__tags-links a {
font-size: 16px;
color: var(--thm-color);
display: flex;
line-height: 30px;
transition: all 500ms ease;
margin-left: 10px;
}
.blog-sidebar__tags-links a:hover {
color: #0083c9;
}
.blog-sidebar__posts {
background-color: var(--thm-gray);
margin-bottom: 30px;
padding-top: 25px;
padding-bottom: 30px;
}
.blog-sidebar__posts h3 {
margin-bottom: 30px;
padding-left: 30px;
}
.blog-sidebar__posts ul {
margin-top: -5px;
}
.blog-sidebar__posts ul li {
position: relative;
min-height: 67px;
padding-left: 126px;
transition: all 500ms ease;
border-top: 1px solid #ffffff;
margin-top: 30px;
padding-top: 30px;
padding-right: 30px;
}
.blog-sidebar__posts ul li:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0px;
border-top: 0;
}
.blog-sidebar__posts ul li:first-child > img {
top: 0;
}
.blog-sidebar__posts ul li > img {
position: absolute;
left: 30px;
top: 30px;
}
.blog-sidebar__posts ul li span {
color: #0083c9;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 5px;
}
.blog-sidebar__posts ul li span i {
margin-right: 10px;
}
.blog-sidebar__posts ul li h4 {
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 26px;
color: var(--thm-black);
}
.blog-sidebar__posts ul li h4 a {
color: inherit;
}
.blog-sidebar .service-details__menu {
margin-bottom: 30px;
margin-top: 30px;
}
.blog-sidebar .service-details__menu-title {
padding-left: 30px;
}
.blog-sidebar__gallery {
padding: 30px;
background-color: var(--thm-gray);
}
.blog-sidebar__gallery-links {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
margin-top: 25px;
}
.blog-sidebar__gallery-links a {
display: block;
}
.blog-sidebar__gallery-links a img {
width: 100%;
}
.comment-form h2,
.blog-comment h2 {
margin: 0;
font-size: 30px;
color: var(--thm-black);
font-weight: 700;
margin-bottom: 25px;
}
.blog-author {
border: 1px solid var(--thm-border);
padding: 30px;
padding-bottom: 20px;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.blog-author {
flex-direction: row;
text-align: left;
padding-bottom: 30px;
}
}
.blog-author__image {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.blog-author__image {
margin-right: 30px;
margin-bottom: 0px;
}
}
.blog-author h3 {
margin: 0;
font-size: 20px;
color: var(--thm-black);
margin: 0;
font-weight: 700;
margin-bottom: 20px;
}
.blog-author p {
margin: 0;
}
.comment-form {
margin-top: -10px;
}
.comment-form .contact-one__form {
margin-top: 0;
padding: 0;
margin: 0;
}
.blog-comment__box {
border-bottom: 1px solid var(--thm-border);
padding-bottom: 50px;
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.blog-comment__box {
display: flex;
align-items: center;
}
}
.blog-comment__box .blog-comment__image {
margin-right: 40px;
}
.blog-comment__box img {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.blog-comment__box img {
margin-bottom: 0;
}
}
.blog-comment__box h3 {
font-size: 20px;
color: var(--thm-black);
margin: 0;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.blog-comment__box h3 {
margin-bottom: 15px;
margin-top: 0;
}
}
.blog-comment__box p {
margin: 0;
font-size: 16px;
line-height: 1.889;
}
@media (min-width: 1200px) {
.blog-comment__box p {
font-size: 17px;
}
}
.blog-comment__box .blog-comment__content {
position: relative;
}
.blog-comment__box .blog-comment__content-top {
display: flex;
align-items: baseline;
}
.blog-comment__box .blog-comment__content-top span {
color: #0083c9;
font-size: 13px;
line-height: 1;
position: relative;
margin-left: 10px;
display: block;
top: -2px;
}
.blog-comment__box .blog-comment__content-top span i {
margin-right: 6px;
}
.blog-comment__box .thm-btn {
font-size: 14px;
font-weight: 700;
padding: 4px 19px;
background-color: #0083c9;
transition: all 500ms ease;
margin-top: 20px;
}
@media (min-width: 1200px) {
.blog-comment__box .thm-btn {
position: absolute;
top: -15px;
right: 0;
margin-top: 0;
}
}
.blog-comment__box .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.blog-comment__content {
margin-top: 0px;
}
.blog-details .blog-card__meta {
margin-top: 0;
padding-top: 20px;
}
.blog-details .blog-card__date {
left: 30px;
}
.blog-home {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.blog-home {
padding-top: 100px;
padding-bottom: 100px;
}
}
.blog-home .row {
--bs-gutter-y: 30px;
}
.blog-home__top {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.blog-home__top {
flex-direction: row;
margin-bottom: 0;
align-items: flex-start;
justify-content: space-between;
text-align: left;
}
}
.blog-home__top-text {
color: var(--thm-color);
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
@media (min-width: 992px) {
.blog-home__top-text {
margin-top: 20px;
}
}
.blog-home__top .section-title {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.blog-home__top .section-title {
margin-bottom: 50px;
}
}
.blog-home-two {
padding-top: 80px;
padding-bottom: 80px;
background-color: var(--thm-gray);
position: relative;
}
@media (min-width: 992px) {
.blog-home-two {
padding-top: 100px;
padding-bottom: 80px;
}
}
.blog-home-two .image-layer {
position: absolute;
top: 0;
left: 0;
opacity: 0.05;
mix-blend-mode: luminosity;
}
.blog-home-two .row {
--bs-gutter-y: 30px;
}
/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.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: 400;
border: none;
outline: none;
padding-left: 30px;
}
.form-one textarea {
border-radius: 30px;
height: 195px;
padding-top: 20px;
}
.form-one .thm-btn {
padding: 24.5px 57.5px;
}
.form-one .thm-btn:hover {
background-color: var(--thm-primary);
color: #fff;
}
/*--------------------------------------------------------------
# Navigations
--------------------------------------------------------------*/
.topbar {
display: none;
}
@media (min-width: 768px) {
.topbar {
display: block;
}
}
.topbar__inner {
padding-top: 16px;
padding-bottom: 16px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: var(--thm-black);
padding-left: 30px;
padding-right: 30px;
}
.topbar__infos {
display: flex;
align-items: center;
margin: 0;
}
.topbar__infos-item {
display: flex;
align-items: center;
margin-right: 30px;
}
.topbar__infos-item:last-of-type {
margin-right: 0;
}
.topbar__infos-link {
color: var(--thm-text-dark);
font-size: 15px;
font-weight: 400;
display: flex;
align-items: center;
transition: all 500ms ease;
line-height: 1;
}
.topbar__infos-link i {
font-size: 15px;
color: #0083c9;
margin-right: 10px;
}
.topbar__infos-link:hover {
color: #fff;
}
.topbar__social {
display: flex;
align-items: center;
}
.topbar__social a {
font-size: 16px;
color: var(--thm-text-dark);
line-height: 1;
transition: all 500ms ease;
}
.topbar__social a:hover {
color: #fff;
}
.topbar__social a + a {
margin-left: 30px;
}
.main-menu {
position: relative;
z-index: 91;
}
.main-menu,
.stricky-header {
/* after third level no menu */
}
.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: 39.5px;
padding-bottom: 39.5px;
position: relative;
}
.main-menu .main-menu__list > li + li,
.stricky-header .main-menu__list > li + li {
margin-left: 32px;
}
.main-menu .main-menu__list > li > a,
.stricky-header .main-menu__list > li > a {
font-family: var(--thm-font);
font-size: 18px;
font-weight: 400;
display: flex;
align-items: center;
color: var(--thm-color);
position: relative;
transition: all 500ms ease;
}
.main-menu .main-menu__list > li > a::before,
.stricky-header .main-menu__list > li > a::before {
content: '';
width: 100%;
height: 2px;
background-color: currentColor;
position: absolute;
bottom:-39px;
left: 0;
transition: transform 500ms ease;
transform: scale(0, 1);
transform-origin: left center;
}
.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:#0081cc;
}
.main-menu .main-menu__list > li.current > a::before,
.main-menu .main-menu__list > li:hover > a::before,
.stricky-header .main-menu__list > li.current > a::before,
.stricky-header .main-menu__list > li:hover > a::before {
transform: scale(1, 1);
transform-origin: right center;
}
.main-menu .main-menu__list li ul,
.stricky-header .main-menu__list li ul {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
opacity: 0;
visibility: hidden;
transition: 500ms ease;
z-index: 99;
box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
}
.main-menu .main-menu__list li:hover > ul,
.stricky-header .main-menu__list li:hover > ul {
opacity: 1;
visibility: visible;
}
.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 + li,
.stricky-header .main-menu__list li ul li + li {
border-top: 1px solid RGBA(var(--thm-black), 0.1);
}
.main-menu .main-menu__list li ul li a,
.stricky-header .main-menu__list li ul li a {
font-size: 16px;
line-height: 30px;
color: var(--thm-black);
display: flex;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
transition: 500ms;
}
.main-menu .main-menu__list li ul li:hover > a,
.stricky-header .main-menu__list li ul li:hover > a {
background-color: #0083c9;
color: #fff;
}
.main-menu .main-menu__list li ul li > ul,
.stricky-header .main-menu__list li ul li > ul {
top: 0;
left: 100%;
}
.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;
}
.stricky-header {
position: fixed;
z-index: 991;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
visibility: hidden;
transform: translateY(-120%);
transition: transform 500ms ease, visibility 500ms ease;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199px) {
.stricky-header {
display: none;
}
}
.stricky-header.stricky-fixed {
transform: translateY(0);
visibility: visible;
}
.stricky-header .main-menu__inner {
box-shadow: none;
padding-right: 0;
}
.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(--thm-black);
cursor: pointer;
}
.mobile-nav__buttons a + a {
margin-left: 10px;
}
.mobile-nav__buttons a:hover {
color: #0083c9;
}
.main-menu .mobile-nav__toggler {
font-size: 20px;
color: var(--thm-black);
cursor: pointer;
transition: 500ms;
margin-right: 20px;
}
.main-menu .mobile-nav__toggler:hover {
color: #0083c9;
}
@media (min-width: 1200px) {
.main-menu .mobile-nav__toggler {
display: none;
}
}
.main-menu__inner {
display: flex;
align-items: center;
position: relative;
padding-left: 276px;
padding-right: 30px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199px) {
.main-menu__inner {
padding-left: 0px;
}
}
.main-menu__logo {
position: absolute;
top: 0;
left: 0;
background-color: var(--thm-primary);
min-width: 256px;
min-height: 129px;
display: flex;
align-items: center;
padding-left: 50px;
clip-path: polygon(0 0, 100% 0, 86.5% 101%, 0% 101%);
}
.main-menu__sc{
position: absolute;
top: 1px;
right: 0;
max-width:100px;
max-height:100px; display: flex;
text-align:center;
align-items: center; font-size:12px;
}
.main-menu__sc img{max-width:100%;}
.main-menu__sc p{ display:flex; float:right; line-height:14px;}
@media (max-width: 1199px) {
.main-menu__logo {
min-height: auto;
min-width: auto;
position: relative;
top: auto;
left: auto;
width: auto;
padding-left: 30px;
padding-right: 60px;
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (max-width: 425px) {
.main-menu__logo {
padding-right: 45px;
}
}
.main-menu__right {
margin-left:25px;
border-left: 1px solid #ebf0f6;
padding-left:20px;
display: flex;
align-items: center;
}
@media (max-width: 425px) {
.main-menu__right {
padding-left: 0;
}
}
.main-menu__search, .main-menu__cart {
font-size: 24px;
color: var(--thm-black);
margin-right: 30px;
transition: all 500ms ease;
}
.main-menu__search:hover, .main-menu__cart:hover {
color: var(--thm-secondary);
}
@media (max-width: 1199px) {
.main-menu__search, .main-menu__cart {
margin-right: 20px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.main-menu__cart {
margin-right: 0;
}
}
.main-menu .thm-btn {
display: none;
}
@media (min-width: 768px) {
.main-menu .thm-btn {
display: inline-block;
}
}
.main-menu .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.main-header {
position: absolute;
top: 0;
left: 0;
z-index: 91;
width: 100%;
}
.main-header-two {
position: relative;
}
.main-header-two .container-fluid {
padding: 0;
}
.main-menu__two .container-fluid {
padding: 0;
}
@media (min-width: 1200px) {
.main-menu__two .container-fluid {
padding: 0;
}
}
.main-menu__two .main-menu__inner {
box-shadow: none;
}
.main-menu__two .main-menu__list > li > a {
color: var(--thm-black);
}
.main-menu__two .main-menu__logo {
position: relative;
background-color: #fff;
clip-path: none;
top: auto;
min-height: auto;
padding: 0;
min-width: auto;
margin-right:150px;
}
.main-menu__two .main-menu__inner {
padding-left: 30px;
padding-right: 30px;
}
/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@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(0deg) 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);
}
}
/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
transform: translateX(-50%);
transform-origin: right center;
transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in;
z-index: 999;
visibility: hidden;
}
.mobile-nav__wrapper .container {
padding-left: 0;
padding-right: 0;
}
.mobile-nav__wrapper.expanded {
opacity: 1;
transform: translateX(0%);
visibility: visible;
}
.mobile-nav__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000000;
opacity: 0.5;
cursor: pointer;
}
.mobile-nav__content {
width: 300px;
background-color: var(--thm-black);
z-index: 10;
position: relative;
height: 100%;
overflow-y: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.mobile-nav__content .thm-btn {
padding: 8px 0;
width: 100%;
text-align: center;
}
.mobile-nav__content .logo-box {
margin-bottom: 40px;
display: flex;
}
.mobile-nav__close {
position: absolute;
top: 20px;
right: 15px;
font-size: 18px;
color: var(--thm-text-dark);
cursor: pointer;
}
.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(255, 255, 255, 0.1);
}
.mobile-nav__content .main-menu__list li:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 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-family: var(--thm-font);
font-weight: 400;
height: 46px;
align-items: center;
transition: 500ms;
}
.mobile-nav__content .main-menu__list li a.expanded {
color: var(--thm-secondary);
}
.mobile-nav__content .main-menu__list li a button {
width: 30px;
height: 30px;
background-color: var(--thm-secondary);
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: #fff;
color: var(--thm-black);
}
.mobile-nav__content .main-menu__list li.cart-btn span {
position: relative;
top: auto;
right: auto;
transform: translate(0, 0);
}
.mobile-nav__content .main-menu__list li.cart-btn i {
font-size: 16px;
}
.mobile-nav__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.mobile-nav__top .main-menu__login a {
color: var(--thm-text-dark);
}
.mobile-nav__container {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-nav__social {
display: flex;
align-items: center;
}
.mobile-nav__social a {
font-size: 16px;
color: var(--thm-text-dark);
transition: 500ms;
}
.mobile-nav__social a + a {
margin-left: 30px;
}
.mobile-nav__social a:hover {
color: var(--thm-secondary);
}
.mobile-nav__contact {
margin-bottom: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.mobile-nav__contact li {
color: var(--thm-text-dark);
font-size: 14px;
font-weight: 400;
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: #0083c9;
}
.mobile-nav__contact li > i {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #0083c9;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 11px;
margin-right: 10px;
color: #fff;
}
.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
display: none;
}
/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.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(--thm-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 .thm-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 .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.search-popup__content .thm-btn i {
margin: 0;
}
/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
background-color:#fff;
position: relative;
}
.page-header::after {
content: '';
width: 100%;
height: 419px;
background-image: url(../images/shapes/top-shadow.png);
position: absolute;
top: 0;
left: 0;
}
.page-header__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
}
.page-header .container {
position: relative;
z-index: 10;
padding-top:135px;
padding-bottom: 165px;
}
@media (max-width: 991px) {
.page-header .container {
padding-top: 250px;
padding-bottom: 110px;
}
}
@media (max-width: 768px) {
.page-header .container {
padding-top: 55px;
}
}
.page-header .container h2 {
margin: 0;
color: #fff;
font-weight: 700;
font-size: 44px;
}
@media (max-width: 480px) {
.page-header .container h2 {
font-size: 32px;
}
}
.thm-breadcrumb {
display: flex;
margin-bottom: 0;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
right: 15px;
background-color: #fff;
padding: 17.5px 40px;
}
.thm-breadcrumb li {
font-size: 16px;
font-weight: 400;
color: var(--thm-black);
line-height: 1;
display: flex;
align-items: center;
}
.thm-breadcrumb li:not(:last-of-type) {
}
.thm-breadcrumb li a {
color:#666; padding:0 5px;
}
.thm-breadcrumb li span {color:#666;
display: block;
line-height: 1;
}
/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map__default {
width: 100%;
}
.google-map__default iframe {
display: block;
border: none;
outline: none;
width: 100%;
height: 550px;
}
/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
padding-top: 80px;
padding-bottom: 80px;
}
.client-carousel img {
transition: 500ms;
opacity: 1;
max-width: 100%;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;
}
.client-carousel img:hover {transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);
filter: grayscale(100%);
}
@media (min-width: 1200px) {
.client-carousel {
padding-top:50px;
padding-bottom: 50px;
}
}
.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 .swiper-slide {
display: flex; border:1px solid #efefef;
align-items: center;
justify-content: center;
}
.client-carousel img {
transition: 500ms;
opacity:1;
max-width: 100%;
}
.client-carousel img:hover {
opacity: 0.8;
}
.client-carousel__about-page {
position: relative;
}
.client-carousel__about-page::before {
content: "";
width: 100%;
height: 16px;
background-image: url(../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;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer {
background-color: var(--thm-black);
position: relative;
}
.main-footer .image-layer {
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
width: 884px;
height: 100%;
opacity: 0.1;
}
.main-footer .container {
position: relative;
}
.upper-footer {
padding-top: 130px;
padding-bottom: 70px;
}
.footer-widget {
margin-bottom: 30px;
}
.footer-widget__title {
margin: 0;
color: #fff;
font-weight: 700;
font-size: 20px;
margin-bottom: 38px;
}
.footer-widget__links .footer-widget__title {
margin-bottom: 36px;
}
@media (max-width: 768px) {
.footer-widget__links .footer-widget__title,.footer-widget__title {
margin-bottom: 20px;
}
.upper-footer{
padding-top:50px;
}
.footer-widget__links-wrap{ margin-bottom:20px;}
}
.footer-widget__logo img {
display: block;
margin-top: -33.5px;
}
.footer-widget__about .footer-widget__text {
margin-top: 30px;
margin-bottom: 20px;
}
.footer-widget__text {
margin: 0;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: var(--thm-text-dark);
}
.footer-widget__contact .footer-widget__text,
.footer-widget__mailchimp .footer-widget__text {
line-height: 26px;
}
.footer-widget__contact .footer-widget__text {
max-width: 190px;
}
.footer-widget__mailchimp .footer-widget__text {
max-width: 250px;
}
.footer-widget__social {
display: flex;
align-items: center;
}
.footer-widget__social a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--thm-primary);
color: #fff;
width: 43px;
height: 43px;
font-size: 16px;
transition: 500ms;
border-radius: 50%;
margin-right: 10px;
}
.footer-widget__social a:last-of-type {
margin-right: 0;
}
.footer-widget__social a:hover {
background-color: var(--thm-secondary);
color: #fff;
}
.footer-widget__links-wrap {
display: flex;
justify-content: flex-start;
}
.footer-widget__links-wrap ul {
margin: 0;
flex: 1 auto;
}
.footer-widget__links-wrap ul li + li {
margin-top: 6px;
}
.footer-widget__links-wrap ul li a {
font-size: 16px;
font-weight: 400;
display: block;
color: var(--thm-text-dark);
transition: 500ms ease;
}
.footer-widget__links-wrap ul li a:hover {
color: #f5ca00;
}
.footer-widget__contact-list {
margin: 0;
margin-top: 25px; color:var(--thm-text-dark)
}
.footer-widget__contact-list li strong{color:var(--thm-text-dark); font-size:16px;}
.footer-widget__contact-list li{ font-size:15px; color:#7d94b1; line-height:30px;}
.footer-widget__contact-list li a {
position: relative;
padding-left: 25px;
font-size: 16px;
font-weight: 400;
color: #fff;
}
.footer-widget__contact-list li a > i {
color: var(--thm-secondary);
font-size: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.footer-widget__mailchimp-form {
margin-top: 13px;
width: 100%;
height: 61px;
background-color: #fff;
display: flex;
justify-content: space-between;
}
.footer-widget__mailchimp-form input[type=text],
.footer-widget__mailchimp-form input[type=email] {
border: none;
outline: none;
width: 100%;
color: var(--thm-color);
font-size: 14px;
font-weight: 400;
padding-left: 20px;
}
.footer-widget__mailchimp-form .thm-btn {
flex-shrink: 0;
padding: 15.5px 13px;
font-size: 18px;
font-weight: 700;
}
.footer-widget__mailchimp-form .thm-btn:hover {
background-color: var(--thm-black);
}
.bottom-footer__inner {
position: relative;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 25px 0;
padding-right: 50px;
}
@media (min-width: 768px) {
.bottom-footer__inner {
flex-direction: row;
justify-content: space-between;
padding: 38px 0;
padding-right: 80px;
}
}
.bottom-footer__inner::before {
content: '';
width: 1000000px;
height: 100%;
background-color: var(--thm-primary);
position: absolute;
right: 100%;
top: 0;
}
.bottom-footer__inner::after {
content: '';
height: 100%;
background-color: var(--thm-primary);
transform: skew(-18deg);
position: absolute;
top: 0;
right: 20px;
width: 110%;
}
.bottom-footer__text {
margin: 0;
position: relative;
color: #fff;
font-size: 16px;
font-weight: 400;
z-index: 1;
}
.bottom-footer__text a {
color: inherit;
transition: all 500ms ease;
}
.bottom-footer__text a:not(:last-of-type):after {
content: '/';
margin-left: 15px;
margin-right: 10px;
}
.bottom-footer__text a:hover {
color: var(--thm-secondary);
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-one {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.contact-one {
padding-top: 100px;
padding-bottom: 100px;
}
}
.contact-one__text {
margin: 0;
font-size: 16px;
line-height: 32px;
color: var(--thm-color);
font-weight: 400;
margin-top: -12px;
margin-bottom: 30px;
}
.contact-one__address {
margin: 0;
color: var(--thm-color);
font-weight: 400;
font-size: 20px;
line-height: 36px;
margin-bottom: 43px;
}
.contact-one__list {
margin: 0;
margin-bottom: 50px;
}
@media (min-width: 992px) {
.contact-one__list {
margin-bottom: 0;
}
}
.contact-one__list li + li {
margin-top: 6px;
}
.contact-one__list li a {
position: relative;
padding-left: 30px;
font-size: 20px;
font-weight: 400;
color: var(--thm-black);
}
.contact-one__list li a > i {
color: var(--thm-secondary);
font-size: 17px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.contact-one__form .row {
margin-left: -10px;
margin-right: -10px;
}
.contact-one__form .row [class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.contact-one__form textarea,
.contact-one__form select,
.contact-one__form input[type=text],
.contact-one__form input[type=email] {
width: 100%;
height: 70px;
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
font-weight: 400;
color: var(--thm-color);
border: none;
outline: none;
display: block;
background-color: var(--thm-gray);
margin-bottom: 20px;
}
.contact-one__form select {
-moz-appearance: none;
-webkit-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 30px top 50%;
background-size: .65em auto;
}
.contact-one__form textarea {
height: 170px;
padding-top: 15px;
}
.contact-one__form ::placeholder {
color: inherit;
opacity: 1;
}
.contact-one__form .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
}
.contact-one__form .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.online-booking {
padding-top: 80px;
padding-bottom: 80px;
counter-reset: stepNumber;
}
@media (min-width: 992px) {
.online-booking {
padding-top: 100px;
padding-bottom: 100px;
}
}
.online-booking .container + .container {
margin-top: 50px;
}
@media (min-width: 768px) {
.online-booking__top {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row-reverse;
}
}
.online-booking__count {
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 20px;
font-weight: 700;
counter-increment: stepNumber;
background-color: #0083c9;
border-radius: 50%;
margin-bottom: 30px;
}
.online-booking__count::before {
content: counters(stepNumber, ".", decimal-leading-zero);
}
.online-booking__extra-item {
background-color: var(--thm-gray);
margin-bottom: 10px;
padding: 30px;
}
.online-booking__extra-item:last-of-type {
margin-bottom: 0;
}
@media (min-width: 768px) {
.online-booking__extra-item {
display: flex;
align-items: center;
}
}
@media (min-width: 992px) {
.online-booking__extra-item {
padding-left: 50px;
padding-right: 50px;
}
}
.online-booking__extra-title {
margin: 0;
color: var(--thm-black);
font-size: 20px;
font-weight: 700;
}
.online-booking__extra-title a {
color: inherit;
transition: all 500ms ease;
}
.online-booking__extra-title a:hover {
color: var(--thm-primary);
}
.online-booking__extra-list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.online-booking__extra-list {
margin-top: 0;
margin-left: auto;
}
}
.online-booking__extra-list li {
display: flex;
align-items: center;
font-size: 15px;
color: var(--thm-color);
margin-right: 10px;
}
@media (min-width: 768px) {
.online-booking__extra-list li {
margin-right: 20px;
}
}
@media (min-width: 1200px) {
.online-booking__extra-list li {
margin-right: 50px;
}
}
.online-booking__extra-list li > i {
font-size: 16px;
color: var(--thm-secondary);
margin-right: 10px;
}
.online-booking__extra-list li:last-of-type {
flex: 0 0 100%;
margin-right: 0;
}
@media (min-width: 768px) {
.online-booking__extra-list li:last-of-type {
flex: 0 0 auto;
}
}
.online-booking__extra-list li .thm-btn {
margin-top: 10px;
}
@media (min-width: 768px) {
.online-booking__extra-list li .thm-btn {
margin-top: 0;
}
}
.online-booking__extra-list li .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.online-booking__price-row {
--bs-gutter-y: 30px;
}
.online-booking .pricing-one__tab-title-item::before {
display: none;
}
.online-booking .pricing-one__tab-title {
margin-left: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
margin-bottom: 0;
max-width: 100%;
}
@media (min-width: 768px) {
.online-booking .pricing-one__tab-title {
grid-template-columns: repeat(5, 1fr);
}
}
/*--------------------------------------------------------------
# error
--------------------------------------------------------------*/
.error-section {
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
position: relative;
}
@media (min-width: 992px) {
.error-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
.error-section .image-layer {
position: absolute;
top: 80px;
left: 50%;
transform: translateX(-50%);
height: 376px;
background-repeat: no-repeat;
background-size: cover;
background-size: 100%;
width: 100%;
}
@media (min-width: 992px) {
.error-section .image-layer {
top: 100px;
width: 938px;
}
}
.error-section .container {
position: relative;
z-index: 10;
}
.error-section__title {
margin: 0;
font-weight: 700;
line-height: 1;
color: var(--thm-primary);
margin-top: 40px;
font-size: 100px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.error-section__title {
font-size: 180px;
}
}
@media (min-width: 992px) {
.error-section__title {
font-size: 240px;
}
}
@media (min-width: 1200px) {
.error-section__title {
font-size: 400px;
margin-bottom: 52px;
}
}
.error-section__subtitle {
margin: 0;
color: var(--thm-black);
font-weight: 700;
font-size: 30px;
}
@media (min-width: 768px) {
.error-section__subtitle {
font-size: 36px;
}
}
@media (min-width: 1200px) {
.error-section__subtitle {
font-size: 44px;
}
}
.error-section__text {
margin: 0;
font-weight: 400;
color: var(--thm-color);
font-size: 20px;
margin-top: 7px;
}
.error-section .search-form {
width: 100%;
max-width: 470px;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 30px;
margin-bottom: 20px;
}
.error-section .search-form input[type=search],
.error-section .search-form input[type=text] {
width: 100%;
background-color: var(--thm-gray);
height: 84px;
border: none;
outline: none;
display: block;
font-weight: 600;
font-size: 16px;
color: var(--thm-color);
padding-left: 30px;
padding-right: 30px;
}
.error-section .search-form button[type=submit] {
padding: 0;
width: auto;
border: none;
outline: none;
font-size: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
color: #0083c9;
transition: all 500ms ease;
}
.error-section .search-form button[type=submit]:hover {
color: var(--thm-secondary);
}
.error-section .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
}
.error-section .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
/*--------------------------------------------------------------
# gallery
--------------------------------------------------------------*/
.gallery-one {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.gallery-one {
padding-bottom: 100px;
padding-top: 100px;
}
}
.gallery-one .row {
margin-top: -30px;
}
.gallery-one .row [class*=col-] {
margin-top: 30px;
}
.gallery-one__item {
position: relative;
overflow: hidden;
}
.gallery-one__item > img {
width: 100%;
transform: scale(1);
transition: transform 500ms ease;
}
.gallery-one__item > a {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 10px;
background-color: rgba(var(--thm-black-rgb), 0.9);
position: absolute;
display: flex;
justify-content: center;
align-items: center;
font-size: 36px;
color: #fff;
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
visibility: hidden;
opacity: 0;
transform: translateY(-30%);
}
.gallery-one__item > a i {
color: inherit;
transition: all 500ms ease;
}
.gallery-one__item > a i:hover {
color: #0083c9;
}
.gallery-one__item:hover > img {
transform: scale(1.05);
}
.gallery-one__item:hover > a {
visibility: visible;
transform: translateY(0%);
opacity: 1;
}
.post-filter {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
flex-wrap: wrap;
margin-top: -10px;
margin-left: -10px;
}
.post-filter__item {
font-size: 16px;
font-weight: 700;
color: var(--thm-black);
margin-top: 10px;
margin-left: 10px;
background-color: var(--thm-gray);
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 12.5px 28px;
transition: all 500ms ease;
cursor: pointer;
}
.post-filter__item:hover, .post-filter__item.active {
background-color: #0083c9;
color: #fff;
}
.gallery-two {
padding-top: 80px;
padding-bottom: 80px;
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 992px) {
.gallery-two {
padding-top: 100px;
padding-bottom: 100px;
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1440px) {
.gallery-two {
padding-left: 140px;
padding-right: 140px;
}
}
.gallery-two__home {
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 992px) {
.gallery-two__home {
padding-top: 0;
padding-bottom: 0;
}
}
.gallery-two__home-title {
background-color: var(--thm-secondary);
text-align: center;
position: relative;
font-size: 32px;
font-weight: 700;
color: #fff;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 50px;
}
.gallery-two__home-title::before {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 48px;
height: 10px;
background-image: url(../images/shapes/price-tab-arrow.png);
}
@media (min-width: 992px) {
.gallery-two__home-title {
font-size: 38px;
}
}
@media (min-width: 1200px) {
.gallery-two__home-title {
font-size: 44px;
}
}
/*--------------------------------------------------------------
# Help
--------------------------------------------------------------*/
.help-search {
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
@media (min-width: 992px) {
.help-search {
padding-top: 100px;
padding-bottom: 100px;
}
}
.help-search__title {
margin: 0;
font-size: 44px;
font-weight: 700;
color: var(--thm-black);
}
.help-search .search-form {
width: 100%;
max-width: 830px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
margin-top: 40px;
}
.help-search .search-form input[type=search],
.help-search .search-form input[type=text] {
width: 100%;
background-color: var(--thm-gray);
height: 84px;
border: none;
outline: none;
display: block;
font-weight: 600;
font-size: 16px;
color: var(--thm-color);
padding-left: 30px;
padding-right: 30px;
}
.help-search .search-form button[type=submit] {
padding: 0;
width: auto;
border: none;
outline: none;
font-size: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
color: #0083c9;
transition: all 500ms ease;
}
.help-search .search-form button[type=submit]:hover {
color: var(--thm-secondary);
}
.help-one {
padding-top: 80px;
padding-bottom: 80px;
background-color: var(--thm-gray);
}
@media (min-width: 992px) {
.help-one {
padding-top: 100px;
padding-bottom: 100px;
}
}
.help-one .row {
margin-top: -30px;
}
.help-one .row [class*=col-] {
margin-top: 30px;
}
.help-one__card {
background-color: #fff;
border: 1px solid var(--thm-border);
text-align: center;
padding-top: 50px;
padding-bottom: 30px;
}
.help-one__card-icon {
font-size: 62px;
color: #0083c9;
}
.help-one__card-title {
margin: 0;
color: var(--thm-black);
font-weight: 700;
font-size: 24px;
margin-top: 22px;
margin-bottom: 20px;
}
.help-one__card-title a {
color: inherit;
transition: all 500ms ease;
}
.help-one__card-title a:hover {
color: #0083c9;
}
.help-one__card-text {
margin: 0;
font-size: 18px;
line-height: 30px;
font-weight: 400;
color: var(--thm-color);
max-width: 320px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 22px;
}
.help-one__card-more {
width: 63px;
height: 63px;
background-color: var(--thm-gray);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--thm-black);
font-size: 20px;
transition: all 500ms ease;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.help-one__card-more:hover {
color: #fff;
background-color: #0083c9;
}
/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.thm-accordion {
margin-top: -10px;
}
.thm-accordion__item {
border: 1px solid var(--thm-border);
margin-top: 10px;
padding-left: 30px;
padding-right: 30px;
}
.thm-accordion__title {
font-size: 18px;
color: var(--thm-black);
position: relative;
padding-top: 19px;
padding-bottom: 24px;
cursor: pointer;
transition: all 500ms ease;
}
.thm-accordion__icon {
width: 14px;
height: 14px;
color: var(--thm-secondary);
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%);
}
.thm-accordion__icon::before {
content: '';
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: currentColor;
transition: all 500ms ease;
}
.thm-accordion__icon::after {
content: '';
width: 2px;
height: 100%;
background-color: currentColor;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
transition: all 500ms ease;
}
.thm-accordion__content {
font-size: 16px;
line-height: 32px;
margin-bottom: 25px;
margin-top: -10px;
}
.thm-accordion__item.active-item {
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.thm-accordion__item.active-item .thm-accordion__title {
color: #0083c9;
}
.thm-accordion__item.active-item .thm-accordion__icon {
color: var(--thm-black);
}
.thm-accordion__item.active-item .thm-accordion__icon::after {
opacity: 0;
}
.faq-one {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.faq-one {
padding-top: 100px;
padding-bottom: 100px;
}
}
.faq-one__call {
background-color: var(--thm-black);
background-blend-mode: luminosity;
position: relative;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
margin-top: 50px; margin-right:30px;
}
@media (min-width: 992px) {
.faq-one__call {
margin-top: 0;
}
}
.faq-one__call::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thm-black);
opacity: 0.9;
}
.faq-one__call-title, .faq-one__call-text, .faq-one__call-number, .faq-one__call-title {
position: relative;
}
.faq-one__call-title {
font-size: 24px;
font-weight: 700;
color: #fff;
margin: 0;
}
.faq-one__call-text {
font-size: 16px;
font-weight: 400;
color: var(--thm-text-dark);
margin: 0;
margin-bottom: 15px;
margin-top: 20px;
max-width: 280px;
margin-left: auto;
margin-right: auto;
}
.faq-one__call-number {
color: #fff;
font-size: 26px;
font-weight: 700;
display: block;
transition: all 500ms ease;
margin-bottom: 25px;
}
.faq-one__call-number:hover {
color: var(--thm-secondary);
}
.faq-one__call .thm-btn {
position: relative;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-one {
padding-top: 100px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.service-one {
padding-top: 120px;
padding-bottom: 100px;
}
}
.service-one .row {
margin-top: -80px;
}
.service-one .row [class*=col-] {
margin-top: 80px;
}
.service-one__load {
margin-top: 91.5px;
}
.service-one__load .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
}
.service-one__load .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.service-card {
position: relative;
padding: 0 20px;
border: 1px solid var(--thm-border);
background-color: #fff;
}
.service-card__image {
position: relative;
overflow: hidden;
top: -20px;
}
.service-card__image > img {
position: relative;
width: 100%;
transition: transform 500ms ease;
transform: scale(1);
}
.service-card__image > a {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 10px;
background-color: rgba(0,129,204, 0.7);
position: absolute;
display: flex;
justify-content: center;
align-items: center;
font-size: 36px;
color: #fff;
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
visibility: hidden;
opacity: 0;
transform: translateY(-30%);
}
.service-card__image > a i {
color: inherit; font-size:30px;
transition: all 500ms ease;
}
.service-card__image > a i:hover {
color: #0083c9;
}
.service-card:hover .service-card__image > img {
transform: scale(1.05);
}
.service-card:hover .service-card__image > a {
visibility: visible;
transform: translateY(0%);
opacity: 1;
}
.service-card__content {
text-align: center;
position: relative;
}
.service-card__icon {
width: 103px;
height: 103px;
display: flex;
justify-content: center;
align-items: center;
font-size: 62px;
color: #0083c9;
background-color: #fff;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
top: -71.5px;
margin-bottom: -71.5px;
position: relative;
transition: all 500ms ease;
}
.service-card__icon i{ font-size:36px;}
.service-card:hover .service-card__icon {
background-color: #0083c9;
color: #fff;
}
.service-card__title {
margin: 0;
font-size: 24px;
font-weight: 700;
color: var(--thm-black);
margin-top: 5px;
margin-bottom: 15px;
}
.service-card__title a {
color: inherit;
transition: all 500ms ease;
}
.service-card__title a:hover {
color: #0083c9;
}
.service-card__text {
margin: 0;
font-size: 14px;
line-height: 30px;
font-weight: 400;
max-width: 290px;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
.service-card__text a{ display:block;font-size: 14px; color:#666;
line-height: 30px;
font-weight: 400;}
.service-card__text a:hover{ color:#59b532;}
.service-card__more {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-color: var(--thm-border);
width: 63px;
height: 63px;
border-radius: 50%;
transition: all 500ms ease;
position: absolute;
bottom: -31.5px;
left: 50%;
transform: translateX(-50%);
color: var(--thm-black);
}
.service-card__more:hover {
background-color: var(--thm-secondary);
color: #fff;
}
.service-card__more i {
color: inherit;
font-size: 20px;
}
.service-details {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.service-details {
padding-top: 100px;
padding-bottom: 100px;
}
}
.service-details .faq-one__call {
margin-top: 30px;
}
.service-details__menu {
background-color: var(--thm-gray); margin-right:30px;
}
.service-details__menu-title {
margin: 0;
font-size: 20px;
font-weight: 700; line-height:80px; background:#0083c9;
color:#fff;
padding-left: 30px;
}
.service-details__menu-list {
margin: 0; border-top:1px solid #d7d7d7;
}
.service-details__menu-list ul{ padding-left:0 !important;}
.service-details__menu-list li{ list-style:none;}
.service-details__menu-list li a{ line-height:60px;
padding-left: 30px; border-bottom:1px solid #d8d8d8;
padding-right: 30px; display:block;
transition: all 500ms ease;
}
.service-details__menu-list li ul li a{ display:block}
.service-details__menu-list li a:hover {background-color:#c5d7e8;}
.service-details__menu-list li:hover a {color: var(--thm-black);}
.service-details__menu-list li a {display: block;
font-size: 16px;
font-weight: 400;
color:#333;
transition: all 500ms ease;
position: relative;
}
.service-details__menu-list li.chk{ background-color:#c5d7e8; color:#fff;}
.service-details__menu-list li ul li.chk{background-color:#c5d7e8;}
.service-details__menu-list ul{ background:var(--thm-gray);}
.service-details__text {
margin: 0;
}
.service-details__icon {
width: 103px;
height: 103px;
display: flex;
justify-content: center;
align-items: center;
font-size: 62px;
border-radius: 50%;
position: relative;
transition: all 500ms ease;
background-color: #0083c9;
color: #fff;
margin-top: -51.5px;
margin-left: 30px;
margin-bottom: 10px;
}
.service-details__icon:hover {
background-color: var(--thm-black);
color: #fff;
}
.service-details__title {
margin: 0;
font-weight: 700;
font-size: 44px;
color: var(--thm-black);
margin-bottom: 32px;
}
.service-details__subtitle {
margin: 0;
font-size: 30px;
font-weight: 700;
color: var(--thm-black);
margin-top: -10px;
margin-bottom: 15px;
}
.service-details__highlighted {
margin: 0;
font-size: 20px;
line-height: 34px;
}
.service-details__list {
margin: 0;
margin-top: 40px;
}
.service-details__list li {
position: relative;
padding-left: 34px;
font-size: 18px;
font-weight: 400;
color: var(--thm-color);
}
.service-details__list li + li {
margin-top: 10px;
}
.service-details__list li > i {
color: var(--thm-secondary);
font-size: 16px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.service-details__blockqoute {
background-color: var(--thm-gray);
padding: 50px;
position: relative;
margin-top: 45px;
margin-bottom: 45px;
padding-top: 44px;
padding-bottom: 45px;
}
.service-details__blockqoute::before {
content: '';
background-image: url(../images/shapes/service-qoute-1-1.png);
width: 40px;
height: 24px;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 40px;
left: 35px;
}
.service-details__blockqoute p {
margin: 0;
color: var(--thm-black);
font-weight: 700;
font-style: italic;
font-size: 20px;
line-height: 34px;
position: relative;
}
.service-details .thm-accordion {
margin-top: 50px;
}
.service-home {
background-color: var(--thm-gray);
padding-top: 80px;
padding-bottom:80px;
position: relative;
}
@media (min-width: 992px) {
.service-home {
padding-top: 100px;
padding-bottom: 120px;
}
}
.service-home .image-layer {
position: absolute;
top: 0;
left: 0;
opacity: 0.05;
mix-blend-mode: luminosity;
}
.service-home .row {
--bs-gutter-y: 80px;
}
.service-home .section-title {
margin-bottom: 80px;
}
.service-home-two {
padding-top: 80px;
padding-bottom: 111.5px;
position: relative;
}
@media (min-width: 992px) {
.service-home-two {
padding-top: 100px;
padding-bottom: 131.5px;
}
}
.service-home-two .section-title {
margin-bottom: 60px;
}
.service-home-two .row {
--bs-gutter-y: 80px;
}
/*--------------------------------------------------------------
# Call To Action
--------------------------------------------------------------*/
.call-to-action {
background-color: #0083c9;
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.call-to-action {
padding-top: 100px;
padding-bottom: 100px;
}
}
.call-to-action .container {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
@media (min-width: 992px) {
.call-to-action .container {
flex-direction: row;
justify-content: space-between;
text-align: left;
}
}
.call-to-action__title {
margin: 0;
color: #fff;
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.call-to-action__title {
font-size: 38px;
}
}
@media (min-width: 992px) {
.call-to-action__title {
font-size: 44px;
margin-bottom: 0;
}
}
.call-to-action .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
background-color: var(--thm-primary);
}
.call-to-action .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.call-to-action__home-two {
background-color: var(--thm-black);
padding-bottom: 230px;
}
@media (min-width: 992px) {
.call-to-action__home-two {
padding-bottom: 250px;
}
}
.call-to-action__home-two #jarallax-container-0 {
background-color: var(--thm-black);
mix-blend-mode: luminosity;
opacity: 0.3;
}
.call-to-action__home-two .jarallax-img {
object-position: 50% 0% !important;
}
.call-to-action__home-two .thm-btn {
background-color: #0083c9;
}
.call-to-action__home-two .thm-btn:hover {
background-color: #fff;
color: var(--thm-black);
}
.call-to-action-two__image {
position: absolute;
opacity: 0.1;
mix-blend-mode: luminosity;
top: 0;
right: 0;
}
@media (min-width: 1200px) {
.call-to-action-two #jarallax-container-0 {
width: 55% !important;
right: 0 !important;
left: auto !important;
}
}
.call-to-action-two [class*=col-]:nth-child(odd) {
background-color: var(--thm-secondary);
clip-path: none;
}
@media (min-width: 1200px) {
.call-to-action-two [class*=col-]:nth-child(odd) {
clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
}
}
.call-to-action-two .row {
--bs-gutter-x: 0;
}
.call-to-action-two .container-fluid {
padding: 0;
}
.call-to-action-two__box {
text-align: center;
padding-top: 65px;
padding-bottom: 80px;
position: relative;
}
@media (min-width: 992px) {
.call-to-action-two__box {
padding-top: 85px;
padding-bottom: 100px;
}
}
.call-to-action-two .jarallax-img {
opacity: 0.1;
mix-blend-mode: luminosity;
}
.call-to-action-two .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
}
.call-to-action-two .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.call-to-action-two__title {
margin: 0;
color: #fff;
font-size: 34px;
font-weight: 700;
max-width: 556px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.call-to-action-two__title {
font-size: 44px;
}
}
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing-one {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.pricing-one {
padding-top: 100px;
padding-bottom: 80px;
}
}
.pricing-one .row {
--bs-gutter-y: 30px;
}
.pricing-one__tab-title {
}
.tab-box__content img{width:100%;}
@media (min-width: 768px) {
.pricing-one__tab-title {
grid-template-columns: repeat(4, 1fr);
width:26%; margin:0 auto;
}
}
.pricing-one__tab-title-item {
border: 1px solid var(--thm-border);
text-align: center;
padding:1%; margin:0 4%;
cursor: pointer;
transition: all 500ms ease;
position: relative;
}
.pricing-one__tab-title-item::before {
content: '';
position: absolute;
top: 100%;
left:50%;
transform: translateX(-50%);
width:48px;
height:10px;
background-image: url(../images/price-tab-arrow.png);
visibility: hidden;
opacity: 0;
transition: all 500ms ease;
}
.pricing-one__tab-title-item span img{width:100%;}
.tab-box{ padding-top:3%;}
.tab-box_lt{ padding-top:5%;width:36%; float:left; margin-left:5%}
.tab-box_lt .box01{ font-weight:bold; color:#222; font-size:24px; line-height:90px; position:relative; margin-bottom:3%;}
.tab-box_lt .box01:after{width:30px; position:absolute;left:0; height:2px; content:""; bottom:0; background:#333;}
.tab-box_lt .box02{ font-size:16px; line-height:30px; color:#666; margin-bottom:4%;}
.tab-box_lt .box03 a{width:30%; line-height:40px; color:#333; border:1px solid #d8d8d8; display:block; text-align:center;}
.tab-box_lt .box03 a:hover{ background:#0081cc; color:#fff; border:1px solid #0081cc;}
.tab-box_rt{width:45%; float:left; margin-left:12%}
.tab-box_rt img{width:100%;}
.pricing-one__tab-title-item:hover, .pricing-one__tab-title-item.active-item {
background-color:#0081cc;
border-color:#0081cc;
}
.pricing-one__tab-title-item:hover::before, .pricing-one__tab-title-item.active-item::before {
opacity: 1;
visibility: visible;
}
.pricing-one__tab-title-item:hover p,
.pricing-one__tab-title-item:hover i, .pricing-one__tab-title-item.active-item p,.pricing-one__tab-title-item:hover span,.pricing-one__tab-title-item.active-item span,.pricing-one__tab-title-item.active-item i {
color: #fff;
}
.pricing-one__tab-title-item i {
font-size: 64px;
color: var(--thm-primary); padding-right:16px;
transition: all 500ms ease; float:left;
}
.pricing-one__tab-title-item p {
margin: 0;
line-height: 1.6;
font-size:20px; text-align:left;
font-weight: 700;
color:#333;
margin-top: -15px;
transition: all 500ms ease;
}
.pricing-one__tab-title-item span{
margin: 0;
line-height: 2;
font-size: 16px; text-align:left;
color:#333;
transition: all 500ms ease; display:block;
}
.price-card {
background-color: var(--thm-gray);
text-align: center;
padding: 20px;
padding-top: 50px;
}
.price-card__name {
line-height: 1;
color: var(--thm-color);
font-size: 16px;
font-weight: 400;
margin: 0;
margin-bottom: 10px;
}
.price-card__amount {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 60px;
color: var(--thm-black);
position: relative;
line-height: 1;
font-weight: 400;
margin: 0;
margin-bottom: 22px;
}
.price-card__amount-symbol {
position: absolute;
font-size: 35px;
top: 0;
right: 100%;
}
.price-card__amount-fraction {
position: absolute;
font-size: 35px;
top: 0;
left: 100%;
}
.price-card__duration {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
max-width: 200px;
margin-left: auto;
margin-right: auto;
color: #fff;
background-color: var(--thm-primary);
font-size: 14px;
margin-bottom: -15px;
position: relative;
z-index: 10;
}
.price-card__duration i {
font-size: 14px;
margin-right: 10px;
}
.price-card__list {
margin-bottom: 0;
width: 100%;
max-width: 162px;
margin-left: auto;
margin-right: auto;
padding-top: 35px;
margin-bottom: 20px;
}
.price-card__list li {
position: relative;
padding-left: 30px;
font-size: 16px;
font-weight: 400;
}
.price-card__list li + li {
margin-top: 10px;
}
.price-card__list li > i {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-size: 14px;
}
.price-card__list li > i.fa-check {
color: #0083c9;
}
.price-card__list li > i.fa-times {
color: var(--thm-color);
}
.price-card__bottom {
background-color: #fff;
padding-bottom: 30px;
}
.price-card .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
}
.price-card .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
/*--------------------------------------------------------------
# Products
--------------------------------------------------------------*/
.products__load-more {
margin-top: 40px;
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
}
.products__load-more:hover {
background-color: var(--thm-black);
color: #fff;
}
.products-page {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.products-page {
padding-top: 100px;
padding-bottom: 100px;
}
}
.products-page .post-pagination {
margin-top: 50px;
}
.product-card {
margin-top: 30px;
}
.product-card__image {
position: relative;
}
.product-card__image > img {
width: 100%;
}
.product-card__image-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.55);
opacity: 0;
transform: translateY(-30%);
transition: transform 500ms ease, opacity 500ms ease;
visibility: hidden;
}
.product-card__image-content > a {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
background-color: #0083c9;
border-radius: 50%;
color: #fff;
font-size: 20px;
transition: all 500ms ease;
}
.product-card__image-content > a + a {
margin-left: 10px;
}
.product-card__image-content > a:hover {
background-color: var(--thm-primary);
color: #fff;
}
@media (min-width: 992px) {
.product-card__image-content > a {
width: 56px;
height: 56px;
font-size: 24px;
}
}
.product-card:hover .product-card__image-content {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.product-card__content {
text-align: center;
margin-top: 20px;
}
.product-card__left h3 {
font-size: 20px;
font-weight: 700;
color: var(--thm-black);
margin: 0;
margin-bottom: 10px;
}
.product-card__left h3 a {
color: inherit;
transition: all 500ms ease;
}
.product-card__left h3 a:hover {
color: #0083c9;
}
.product-card__left p {
margin: 0;
color: var(--thm-color);
font-weight: 700;
font-size: 18px;
line-height: 1;
margin-top: 0px;
}
.product-card__stars {
display: flex;
justify-content: center;
align-items: center;
margin-top: 16px;
}
.product-card__stars > i {
font-size: 14px;
color: #0083c9;
}
.product-card__stars > i + i {
margin-left: 5px;
}
.thm-swiper__slider .product-card {
margin-top: 0;
}
@media (min-width: 768px) {
.product-sorter {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.product-sorter p {
margin: 0;
font-size: 18px;
font-weight: 400;
color: var(--thm-color);
margin-bottom: 15px;
}
@media (min-width: 768px) {
.product-sorter p {
margin-bottom: 0;
}
}
.product-sorter__select {
width: 100%;
max-width: 288px;
}
.product-sorter__select select {
border: none;
outline: none;
display: block;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 70px;
background-color: #fff;
color: var(--thm-color);
padding: 14px 30px;
font-size: 16px;
font-weight: 400;
border: 1px solid var(--thm-border);
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 30px top 50%;
background-size: .65em auto;
}
.product-sidebar__single {
margin-bottom: 30px;
border: 1px solid var(--thm-border);
padding: 30px;
}
.product-sidebar__single h3 {
margin: 0;
font-size: 20px;
color: var(--thm-black);
font-weight: 700;
font-family: var(--special-font);
margin-bottom: 30px;
}
@media (min-width: 768px) {
.product-sidebar__single h3 {
font-size: 20px;
}
}
.product-sidebar__price-range .form-group {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
margin-top: 15px;
}
.product-sidebar__price-range .form-group p {
font-size: 14px;
color: var(--thm-color);
margin: 0;
line-height: 1em;
}
.product-sidebar__price-range .left {
display: flex;
align-items: center;
}
.product-sidebar__price-range .left > span {
margin-left: 5px;
margin-right: 5px;
}
.product-sidebar__price-range .thm-btn {
padding: 0;
font-size: 12px;
font-weight: 400;
width: 70px;
height: 33px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--thm-secondary);
}
.product-sidebar__price-range .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.product-sidebar__price-range .noUi-horizontal {
height: 4px;
background-color: var(--thm-border);
border: none;
box-shadow: none;
}
.product-sidebar__price-range .noUi-handle {
border-radius: 50%;
width: 14px;
height: 14px;
background-color: #0083c9;
border: none;
outline: none;
box-shadow: none;
}
.product-sidebar__price-range .noUi-horizontal .noUi-handle {
right: -8px;
}
.product-sidebar__price-range .noUi-handle::before,
.product-sidebar__price-range .noUi-handle::after {
display: none;
}
.product-sidebar__price-range .noUi-connect {
background-color: #0083c9;
}
.product-sidebar__links {
margin-bottom: 0;
margin-top: -10px;
}
.product-sidebar__links li + li {
margin-top: 20px;
}
.product-sidebar__links li a {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--thm-color);
font-size: 16px;
}
.product-sidebar__links li a:hover {
text-shadow: 0 0 0.5px var(--thm-black);
}
.product-sidebar__links li a:hover > i {
color: var(--thm-black);
text-shadow: none;
}
.product-sidebar__links li a > i {
font-size: 16px;
}
.product-sidebar__search-widget {
border: none;
padding: 0;
}
.product-sidebar__search-widget form {
display: flex;
position: relative;
align-items: center;
}
.product-sidebar__search-widget form input[type=text] {
width: 100%;
border: none;
background-color: var(--thm-primary);
color: #fff;
font-size: 16px;
font-weight: 400;
outline: none;
padding-left: 30px;
padding-right: 30px;
height: 84px;
}
.product-sidebar__search-widget form button[type=submit] {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: auto;
color: #fff;
background-color: rgba(0, 0, 0, 0);
outline: none;
border: none;
font-size: 24px;
}
.product-sidebar__posts {
margin-bottom: 0;
}
.product-sidebar__posts li {
position: relative;
padding-left: 74px;
}
.product-sidebar__posts li + li {
margin-top: 30px;
}
.product-sidebar__posts li img {
position: absolute;
top: 0;
left: 0;
width: 54px;
}
.product-sidebar__posts-title {
color: var(--thm-black);
font-size: 18px;
font-weight: 700;
display: block;
position: relative;
top: -7px;
}
.product-sidebar__posts-amount {
font-weight: 700;
font-size: 16px;
color: var(--thm-color);
display: block;
line-height: 1;
margin-top: -4px;
margin-bottom: 8px;
display: block;
}
.product-sidebar__posts-star {
display: flex;
align-items: center;
}
.product-sidebar__posts-star i {
font-size: 14px;
color: #0083c9;
}
.product-sidebar__posts-star i + i {
margin-left: 5px;
}
/* checkout page */
.checkout-page {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 1200px) {
.checkout-page {
padding-top: 120px;
padding-bottom: 120px;
}
}
.checkout-page p {
margin: 0;
color: var(--thm-color);
font-size: 16px;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.checkout-page p {
font-size: 18px;
}
}
.checkout-page p a {
color: #0083c9;
transition: all 500ms ease;
}
.checkout-page p a:hover {
color: var(--thm-black);
}
.checkout-page .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
.checkout-page h3 {
font-family: var(--special-font);
color: var(--thm-black);
font-size: 22px;
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.checkout-page h3 {
font-size: 30px;
}
}
.checkout-page h3 input[type=checkbox] {
position: absolute;
left: -99999px;
}
.checkout-page h3 label {
display: flex;
align-items: center;
}
.checkout-page h3 label::after {
content: '';
width: 20px;
height: 20px;
border: 1px solid var(--thm-border);
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 10px;
color: #0083c9;
display: flex;
text-align: center;
border-radius: 50%;
align-items: center;
justify-content: center;
margin-left: 10px;
}
.checkout-page h3 input[type=checkbox]:checked + label::after {
content: '\f00c';
}
.checkout-page .contact-one__form textarea {
height: 161px;
}
.checkout-page .order-details__top {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--thm-border);
border-bottom: 1px solid var(--thm-border);
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 30px;
}
.checkout-page .order-details__top p {
font-size: 18px;
font-family: var(--special-font);
color: var(--thm-black);
margin: 0;
line-height: 1;
justify-content: space-between;
align-items: center;
margin: 0;
}
.checkout-page .order-details > p {
display: flex;
align-items: center;
font-size: 16px;
color: #383a39;
justify-content: space-between;
margin: 0;
line-height: 1;
}
.checkout-page .order-details > p + p {
margin-top: 20px;
}
@media (min-width: 992px) {
.checkout-page .order-details > p + p {
margin-top: 30px;
}
}
.checkout-page .order-details > p span:last-child {
color: var(--thm-color);
}
.checkout-page .order-title {
margin-top: 50px;
}
.checkout-page .order-payment {
background-color: var(--thm-border);
padding: 30px;
margin-bottom: 50px;
margin-top: 50px;
}
@media (min-width: 768px) {
.checkout-page .order-payment {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.checkout-page .order-payment {
padding: 50px;
}
}
.checkout-page .order-payment ul.list-unstyled {
margin-bottom: 0;
}
.checkout-page .order-payment h2 {
margin: 0;
font-family: var(--special-font);
font-size: 20px;
display: flex;
align-items: center;
}
.checkout-page .order-payment h2::before {
content: '';
width: 20px;
height: 20px;
background-color: #fff;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 10px;
color: #0083c9;
display: flex;
text-align: center;
border-radius: 50%;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.checkout-page .order-payment h2 span {
display: flex;
align-items: center;
}
.checkout-page .order-payment h2 span img {
margin-left: 10px;
}
.checkout-page .order-payment h2.active::before {
content: '\f00c';
}
.checkout-page .order-payment p {
font-size: 16px;
line-height: 30px;
color: var(--thm-color);
margin: 0;
margin-top: 20px;
}
.checkout-page .order-payment li + li {
margin-top: 30px;
}
/* cart page */
.cart-page {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 1200px) {
.cart-page {
padding-top: 120px;
padding-bottom: 120px;
}
}
.cart-page .button-box {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 1200px) {
.cart-page .button-box {
padding-left: 20px;
}
}
.cart-page .button-box .thm-btn {
min-height: 71px;
padding: 18px 50px;
}
.cart-page .button-box .thm-btn:nth-child(1) {
background-color: var(--thm-border);
color: #717573;
}
.cart-page .button-box .thm-btn:hover {
background-color: var(--thm-black) !important;
color: #fff !important;
}
@media (min-width: 1200px) {
.cart-page .contact-one__form {
display: flex;
align-items: center;
}
}
.cart-page .contact-one__form input {
display: block;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.cart-page .contact-one__form input {
max-width: 350px;
margin-bottom: 0;
margin-right: 20px;
}
}
.cart-page .cart-total {
margin-bottom: 20px;
margin-top: 20px;
}
@media (min-width: 1200px) {
.cart-page .cart-total {
margin-top: -10px;
margin-bottom: 50px;
padding-left: 20px;
}
}
.cart-page .cart-total li {
display: flex;
justify-content: space-between;
align-items: center;
}
.cart-page .cart-total li span {
color: var(--thm-color);
font-size: 16px;
}
@media (min-width: 1200px) {
.cart-page .cart-total li span {
font-size: 18px;
}
}
.cart-page .cart-total li span:first-child {
font-size: 18px;
color: var(--thm-black);
font-family: var(--special-font);
}
@media (min-width: 1200px) {
.cart-page .cart-total li span:first-child {
font-size: 20px;
}
}
.quantity-box {
width: 100px;
height: 70px;
border: 1px solid var(--thm-border);
position: relative;
}
.quantity-box input[type="number"] {
width: 100%;
border: none;
outline: none;
height: 70px;
padding-left: 30px;
background-color: rgba(0, 0, 0, 0);
font-size: 16px;
color: var(--thm-color);
}
@media (min-width: 1200px) {
.quantity-box input[type="number"] {
font-size: 18px;
}
}
.quantity-box input[type="number"]::-webkit-inner-spin-button,
.quantity-box input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity-box input[type="number"] {
-moz-appearance: textfield;
}
.quantity-box button {
width: 31px;
height: 35px;
border: none;
border: 1px solid var(--thm-border);
border-right: 0;
border-top: 0;
outline: none !important;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
z-index: 10;
color: #383a39;
}
.quantity-box button.add {
top: auto;
bottom: 0;
border-top: 1px solid var(--thm-border);
border-bottom: 0;
}
.cart-table {
border-bottom: 1px solid var(--thm-border);
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.cart-table {
margin-bottom: 60px;
}
}
.cart-table .product-box {
display: flex;
align-items: center;
}
.cart-table .product-box h3 {
margin: 0;
font-family: var(--special-font);
font-size: 20px;
margin-left: 20px;
}
@media (min-width: 992px) {
.cart-table .product-box h3 {
margin-left: 40px;
}
}
.cart-table .product-box h3 a {
color: inherit;
transition: all 500ms ease;
}
.cart-table .product-box h3 a:hover {
color: #0083c9;
}
.cart-table tr th {
border-bottom: 0;
border-top: 0;
color: var(--thm-black);
font-family: var(--special-font);
font-size: 18px;
font-weight: 400;
}
@media (min-width: 1200px) {
.cart-table tr th {
font-size: 24px;
}
}
.cart-table tr th:first-child {
padding-left: 0;
}
.cart-table tr th:last-child {
padding-right: 0;
text-align: right;
}
.cart-table tr td {
vertical-align: middle;
border-top: 1px solid var(--thm-border);
padding-top: 40px;
padding-bottom: 40px;
}
.cart-table tr td:first-child {
padding-left: 0;
}
.cart-table tr td:last-child {
padding-right: 0;
text-align: right;
}
.cart-table td {
color: var(--thm-color);
font-size: 16px;
}
@media (min-width: 992px) {
.cart-table td {
font-size: 18px;
}
}
.cart-table td .remove-icon {
font-size: 16px;
}
/* mini cart */
.mini-cart {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
transform: translateX(50%);
transform-origin: left center;
transition: transform 500ms ease-in, opacity 500ms linear, visibility 500ms ease-in;
z-index: 999;
display: flex;
justify-content: flex-end;
visibility: hidden;
}
.mini-cart__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000000;
opacity: 0.5;
cursor: pointer;
}
.mini-cart__content {
width: 300px;
background-color: var(--thm-black);
z-index: 10;
position: relative;
height: 100%;
overflow-y: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 25px;
position: relative;
}
.mini-cart__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.mini-cart__close {
font-size: 16px;
color: #fff;
opacity: 0.5;
}
.mini-cart__title {
margin: 0;
color: #fff;
font-size: 20px;
line-height: 1;
}
.mini-cart__checkout {
width: 90%;
position: absolute;
bottom: 30px;
left: 15px;
z-index: 20;
text-align: center;
}
@media (max-height: 650px) {
.mini-cart__checkout {
position: relative;
bottom: auto;
left: auto;
margin-top: 50px;
width: 100%;
}
}
.mini-cart__item {
display: flex;
}
.mini-cart__item > img {
max-width:100%;
flex-shrink: 0;
max-height:100%;
}
.mini-cart__item-top {
}
.mini-cart__item-content {
padding-left: 20px;
}
.mini-cart__item-content h3 {
font-family: var(--special-font);
font-size: 20px;
color: #fff;
font-weight: 700;
margin: 0;
margin-top: -5px;
}
.mini-cart__item-content h3 a {
color: inherit;
transition: all 500ms ease;
}
.mini-cart__item-content h3 a:hover {
color: #0083c9;
}
.mini-cart__item-content p {
margin: 0;
line-height: 1;
font-size: 16px;
color: #fff;
opacity: 0.5;
margin-left: 0px;
position: relative;
top: 3px;
display: block;
}
.mini-cart__item-content .quantity-box {
height: 40px;
margin-top: 15px;
width: 100%;
border-color: rgba(255, 255, 255, 0.2);
}
.mini-cart__item-content .quantity-box button {
height: 18px;
width: 20px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
border-right: 0;
border-top: 0;
font-size: 11px;
}
.mini-cart__item-content .quantity-box button.add {
border-bottom: 0;
}
.mini-cart__item-content .quantity-box input[type="number"] {
height: 40px;
padding-left: 0px;
padding-right: 20px;
text-align: center;
color: #fff;
font-size: 14px;
}
.mini-cart__item + .mini-cart__item {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 30px;
margin-top: 30px;
}
.mini-cart.expanded {
opacity: 1;
transform: translateX(0%);
visibility: visible;
}
.similar-products {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.similar-products {
padding-top: 100px;
padding-bottom: 100px;
}
}
.review-form__title {
margin: 0;
margin-top: 40px;
font-size: 30px;
color: var(--thm-black);
font-weight: 700;
margin-bottom: 15px;
}
.review-form__add-stars {
display: flex;
align-items: center;
margin-bottom: 45px;
}
.review-form__add-stars p {
margin: 0;
font-size: 18px;
font-weight: 400;
color: var(--thm-color);
margin-right: 30px;
}
.review-form__add-stars i {
font-size: 18px;
color: #0083c9;
}
.review-form__add-stars i + i {
margin-left: 3px;
}
.review-one {
padding-top: 40px;
}
.review-one .review-stars {
display: flex;
align-items: center;
margin-top: 15px;
}
@media (min-width: 992px) {
.review-one .review-stars {
margin-top: 0;
position: absolute;
top: 0;
right: 0;
}
}
.review-one .review-stars i {
font-size: 14px;
color: #0083c9;
}
.review-one .review-stars i + i {
margin-left: 5px;
}
.product-details__description {
padding-top: 40px;
}
.product-details__description p {
margin: 0;
}
.product-details__description p + p {
margin-top: 20px;
}
.product-details {
padding-top: 80px;
}
@media (min-width: 992px) {
.product-details {
padding-top: 100px;
}
}
@media (min-width: 1200px) {
.product-details__content-top {
display: flex;
align-items: center;
margin-bottom: 25px;
}
}
.product-details__title {
margin: 0;
color: var(--thm-black);
font-weight: 700;
font-size: 32px;
margin-top: 20px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.product-details__title {
font-size: 38px;
}
}
@media (min-width: 1200px) {
.product-details__title {
font-size: 44px;
margin-top: -10px;
margin-bottom: 0;
}
}
.product-details__amount {
margin: 0;
color: var(--thm-color);
font-size: 18px;
}
@media (min-width: 768px) {
.product-details__amount {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.product-details__amount {
position: relative;
top: 6px;
margin-left: 10px;
}
}
.product-details__stars {
display: flex;
align-items: center;
font-size: 16px;
color: var(--thm-color);
}
@media (min-width: 1200px) {
.product-details__stars {
margin-left: auto;
}
}
.product-details__stars i {
font-size: 14px;
color: #0083c9;
margin-right: 5px;
}
.product-details__stars i:last-of-type {
margin-right: 10px;
}
.product-details__summery {
margin: 0;
font-size: 18px;
font-weight: 400;
line-height: 36px;
color: var(--thm-color);
}
.product-details__list {
margin-bottom: 0;
margin-top: 10px;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.product-details__list {
margin-bottom: 45px;
margin-top: 30px;
}
}
.product-details__list li {
font-size: 18px;
color: var(--thm-color);
}
.product-details__list li + li {
margin-top: 4px;
}
.product-details__quantity {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.product-details__quantity {
display: flex;
align-items: center;
justify-content: flex-start;
}
}
@media (min-width: 992px) {
.product-details__quantity {
margin-bottom: 50px;
}
}
.product-details__quantity .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 38px;
margin-top: 10px;
}
.product-details__quantity .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
@media (min-width: 768px) {
.product-details__quantity .thm-btn {
margin-top: 0;
margin-left: 10px;
}
}
.product-details__quantity .wishlist_btn .thm-btn {
background-color: var(--thm-gray);
color: var(--thm-black);
}
.product-details__quantity .wishlist_btn .thm-btn:hover {
background-color: var(--thm-primary);
color: #fff;
}
.product-details__share {
padding-top: 20px;
}
@media (min-width: 768px) {
.product-details__share {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.product-details__share p {
margin: 0;
color: var(--thm-black);
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.product-details__share p {
margin-bottom: 0;
}
}
.product-details__share-links {
display: flex;
align-items: center;
}
.product-details__share-links a {
font-size: 16px;
color: var(--thm-color);
transition: all 500ms ease;
}
.product-details__share-links a:hover {
color: #0083c9;
}
.product-details__share-links a + a {
margin-left: 20px;
}
@media (min-width: 768px) {
.product-details__share-links a + a {
margin-left: 30px;
}
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.about-one {
padding-top:70px;
padding-bottom: 70px;
}
}
.about-one .img-fluid {
margin-bottom: 30px;
display: block;
}
@media (min-width: 992px) {
.about-one .img-fluid {
margin-bottom: 50px;
}
}
.about-one__highlighted {
color: #0083c9;
font-size: 24px;
margin: 0;
}
.about-one__text {
margin: 0;
color: var(--thm-color);
font-size: 18px;
line-height: 34px;
margin-top: 35px;
}
@media (min-width: 992px) {
.about-one .section-title {
margin-bottom: 0;
}
}
.about-two {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.about-two {
padding-top: 100px;
padding-bottom: 100px;
}
}
.about-two__content {
margin-top: 50px;
}
@media (min-width: 992px) {
.about-two__content {
margin-top: 30px;
}
}
@media (min-width: 1200px) {
.about-two__content {
}
}
.about-two .section-title {
margin-bottom: 40px;
}
.about-two__summery {
font-size: 16px;
line-height: 32px;
font-weight: 400;
color:#333; margin-bottom:30px;
}
.about-two__list {
margin: 0;
padding-left: 20px;
position: relative;
margin-top: 28px;
margin-bottom: 28px;
padding-left: 0;
}
@media (min-width: 1200px) {
.about-two__list {
margin-top: 30px;
margin-bottom: 38px;
}
.counter-area {
padding-top: 80px; padding-bottom:50px !important;
}
}
.counter-bg{
border-radius: 8px;
background-color: rgb(255, 255, 255);
box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
padding: 30px;
z-index: 7;
}
.counter-bg::before {
border-radius: 8px;
background-color: #e11d07;
box-shadow: 2.5px 4.33px 15px 0px rgba(255, 138, 1, 0.4);
padding: 30px;
content: "";
height: 150px;
width: 100%;
position: absolute;
left: 25px;
top:20px;
}
.counter-bg::after {
border-radius: 8px;
background-color: rgb(255, 255, 255);
box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
padding: 30px;
content: "";
height: 150px;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.single-counter i {
display: inline-block;
width: 80px;
height: 80px;
background:#fe576b;
border-radius: 50%;
margin-bottom: 30px;
color:#fff;
font-size: 40px;
line-height: 80px;
}
.single-counter .icon{
margin-bottom: 30px;
}
.count {
font-size: 50px;
color: #fff;
font-weight: 900;
margin-bottom: 5px;
line-height: 1;
display: inline-block;
font-family: 'Mulish', sans-serif;
}
.counter small {
font-size:26px;
color: #fff;
line-height: 1;
position: relative;
}
.single-counter p {
font-size: 16px;
margin-bottom: 0;
color: #fff;
}
.single-counter .line {
display: inline-block;
width: 1px;
height: 50px;
background: #fe576b;
margin-bottom: -5px;
margin-top: 10px;
}
/* 13. cta */
.cta-bg {
position: relative;
background-size: cover;
background-position: center;
z-index: 1;
}
.cta-area.cta-bg::before {
background: #f1f4ff;
content: "";
height: 70%;
width: 100%;
position: absolute;
top: 15%;
}
.cta-title h2{padding-bottom: 0; font-size:48px;}
.cta-title h3{padding-bottom: 0; font-size:50px;}
.cta-title p{font-size:15px;}
.cta-title h2::before{content: none;}
.cta-content p {
color: #fff;
padding-right: 80px;
margin-bottom: 35px;
}
.cta-btn .btn::before{background: #fff;}
.cta-right p {
margin-bottom: 0;
color: #fff;
font-size: 24px;
font-weight: 500;
}
.call-tag {
margin-bottom: 20px;
animation: alltuchtopdown 3s infinite;
-webkit-animation: alltuchtopdown 3s infinite;
animation-delay: 0s;
-webkit-animation-delay: 1s;
}
.cta-bg .video-img {
height: 757px;
}
.cta-bg .social{
text-align: center;
}
.cta-bg .social .icon {
display: inline-block;
width: 110px;
height: 110px;
background: #e11d07;
padding: 30px;
border-radius: 50%;
line-height: 47px;
margin-bottom: 30px;
box-shadow: 3px 4px 15px #00000066;
}
.cta-bg .line{
text-align: center;
}
.cta-bg .social a{
font-size: 22px;
color: #fff;
font-weight: 600;
}
.portfolio .button-group {
padding-bottom: 0;
}
.about-two__list::before {
content: '';
width: 2px;
height: calc(100% - 16px);
background-color: #0083c9;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: none;
}
.about-two__list li {
position: relative;
padding-left: 26px;
font-size: 16px;
font-weight: 400;
color:#666;
}
.about-two__list li + li {
margin-top: 7px;
}
.about-two__list li > i {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-size: 16px;
color: var(--thm-secondary);
top: 5px;
transform: translateY(0%);
}
.about-two .section-separator {
margin-bottom: 30px;
}
.about-two__phone {
display: flex;
align-items: center;
}
.about-two__phone > i {
flex-shrink: 0;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: var(--thm-black);
background-color: var(--thm-gray);
border-radius: 50%;
margin-right: 10px;
}
.about-two__phone-content {
display: flex;
flex-direction: column;
}
.about-two__phone-content span {
display: block;
font-size: 16px;
font-weight: 400;
color: var(--thm-color);
}
.about-two__phone-content a {
color: var(--thm-black);
font-weight: 400;
font-size: 24px;
transition: all 500ms ease;
}
.about-two__icon {
font-size: 62px;
color: var(--thm-primary);
margin-right: 20px;
position: relative;
top: 2px;
}
.about-two__icon-box {
display: flex;
align-items: center;
}
@media (min-width: 1200px) {
.about-two__icon-box {
margin-top: 40px;
}
}
.about-two__icon-content {
color: #0083c9;
font-size: 24px;
line-height: 34px;
}
.about-two .thm-btn {
font-size: 18px;
font-weight:300;
padding:16px 35px;
margin-bottom: 20px;
margin-top: 30px;
}
@media (min-width: 1200px) {
.about-two .thm-btn {
margin-top: 0;
margin-bottom: 0;
margin-right: 30px;
}
}
.about-two .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
@media (min-width: 1200px) {
.about-two__button-box {
align-items: center;
margin-top: 40px;
}
}
.about-image img {
width: 100%;
}
.about-image{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; overflow:hidden;}
.about-image img:hover { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.about-two__image img {
clip-path: polygon(0 0, 100% 0, 92% 101%, 0% 101%);
}
.about-two__image::before {
content: '';
position: absolute;
right: 0;
bottom: 0;
background-color: #0083c9;
width: 100px;
height: 89px;
clip-path: polygon(0 0, 100% 0, 70.5% 101%, 0% 101%);
bottom: 40px;
z-index: 10;
-webkit-animation-name: shapeMover;
animation-name: shapeMover;
-webkit-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.about-three {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.about-three {
padding-top: 100px;
padding-bottom: 100px;
}
}
.about-three__image {
display: inline-block;
position: relative;
margin-bottom: 50px;
}
.about-three__image::before {
content: '';
position: absolute;
top: 30px;
left: 0;
right: -12px;
bottom: 0;
background-color: #0083c9;
clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);
}
.about-three__image img {
clip-path: polygon(0 0, 97% 0, 100% 100%, 0% 100%);
}
@media (min-width: 768px) {
.about-three__content {
padding-right: 60px;
}
}
.about-three .section-title {
margin-bottom: 40px;
}
.about-three__summery {
color: #0083c9;
font-size: 20px;
font-weight: 400;
line-height: 34px;
}
.about-three__counter {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
margin: 0;
margin-top: 50px;
}
@media (min-width: 576px) {
.about-three__counter {
grid-template-columns: repeat(2, 1fr);
}
}
.about-three__counter-item {
background-color: var(--thm-gray);
display: flex;
align-items: center;
padding-right: 20px;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
justify-content: center;
}
@media (min-width: 576px) {
.about-three__counter-item {
justify-content: flex-start;
}
}
.about-three__counter-item > i {
font-size: 58px;
color: #0083c9;
display: block;
margin-right: 20px;
position: relative;
top: 5px;
}
.about-three__counter-number {
margin: 0;
color: var(--thm-primary);
font-size: 34px;
line-height: 1;
font-weight: 700;
font-family: var(--thm-font) !important;
}
@media (min-width: 768px) {
.about-three__counter-number {
font-size: 44px;
}
}
.about-three__counter-text {
margin: 0;
font-size: 16px;
font-weight: 400;
color: var(--thm-color);
line-height: 1;
margin-top: 5px;
}
.about-four {
background-color: var(--thm-gray);
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 1200px) {
.about-four {
padding-top: 50px;
padding-bottom: 0;
}
}
.about-four__image {
position: relative;
}
.about-four__image::before {
content: '';
position: absolute;
right: -30px;
bottom: 50%;
transform: translateY(50%);
background-color: #0083c9;
width: 100px;
height: 89px;
clip-path: polygon(0 0, 100% 0, 70.5% 101%, 0% 101%);
z-index: 10;
-webkit-animation-name: shapeMover;
animation-name: shapeMover;
-webkit-animation-duration: 9s;
animation-duration: 9s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.about-four__image img {
max-width: 100%;
clip-path: polygon(0 0, 100% 0, 94% 101%, 0% 101%);
}
@media (min-width: 1200px) {
.about-four__image img {
float: right;
max-width: none;
}
}
.about-four__image-text {
background-color: var(--thm-secondary);
padding: 50px;
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 30px;
text-align: center;
}
@media (min-width: 992px) {
.about-four__image-text {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
max-width: 300px;
padding: 20px 30px;
text-align: left;
}
}
@media (min-width: 1200px) {
.about-four__image-text {
max-width: 335px;
padding: 40px 50px;
right: -30px;
}
}
.about-four__image-text a {
color: #fff;
font-size: 16px;
font-weight: 700;
transition: all 500ms ease;
}
.about-four__image-text a:hover {
color: var(--thm-primary);
}
@media (min-width: 1200px) {
.about-four__image-text a {
margin-top: 15px;
display: inline-block;
}
}
.about-four .section-title {
margin-bottom: 40px;
}
.about-four__content {
padding-top: 50px;
}
@media (min-width: 1200px) {
.about-four__content {
padding-left: 70px;
}
}
.about-four__text {
font-size: 18px;
line-height: 32px;
font-weight: 400;
}
.about-four__list {
margin-bottom: 0;
margin-top: 35px;
}
.about-four__list-item {
padding-left: 26px;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--thm-primary);
margin-bottom: 10px;
}
.about-four__list-item:last-child {
margin-bottom: 0;
}
.about-four__list-item > i {
font-size: 16px;
color: var(--thm-secondary);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.about-four .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
margin-bottom: 20px;
margin-top: 30px;
}
@media (min-width: 1200px) {
.about-four .thm-btn {
margin-top: 0;
margin-bottom: 0;
margin-right: 0px;
}
}
.about-four .thm-btn:hover {
background-color: var(--thm-black);
color: #fff;
}
@media (min-width: 1200px) {
.about-four .about-two__button-box {
flex-direction: row-reverse;
}
}
.about-four .about-two__phone {
margin-left: 0;
}
@media (min-width: 1200px) {
.about-four .about-two__phone {
margin-right: 40px;
}
}
.about-four .about-two__phone > i {
background-color: #fff;
}
.about-five {
padding-top: 80px;
position: relative;
}
@media (min-width: 992px) {
.about-five {
padding-top: 100px;
}
}
.about-five .image-layer {
position: absolute;
top: 0;
left: 0;
}
.about-five .container {
position: relative;
z-index: 10;
}
.about-five__images {
margin-bottom: 50px;
}
@media (min-width: 992px) {
.about-five__images {
margin-bottom: 0;
}
}
.about-five__images img {
margin-bottom: 30px;
}
.about-five__images img:last-child {
margin-bottom: 0;
}
.about-five .section-title {
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.about-five__content {
padding-right: 70px;
}
}
.about-five__summery {
color: #0083c9;
font-size: 24px;
line-height: 34px;
font-weight: 400;
margin-bottom: 35px;
}
.about-five__text {
font-size: 18px;
font-weight: 400;
line-height: 34px;
margin-bottom: 45px;
}
.about-five__progress {
display: flex;
align-items: center;
}
.about-five__progress-wrap {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
}
@media (min-width: 768px) {
.about-five__progress-wrap {
grid-template-columns: repeat(2, 220px);
}
}
.about-five__progress-box {
position: relative;
display: inline-block;
}
.about-five__progress-box canvas {
transform: rotate(90deg);
display: block;
}
.about-five__progress-box span {
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translateY(-50%) translateX(-50%);
font-size: 20px;
font-weight: 700;
line-height: 1;
color: var(--thm-secondary);
}
.about-five__progress h3 {
margin: 0;
font-size: 18px;
line-height: 30px;
font-weight: 700;
color: var(--thm-black);
width: 70px;
margin-left: 20px;
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-about {
background-color: var(--thm-gray);
padding-top: 80px;
padding-bottom: 160px;
}
@media (min-width: 992px) {
.team-about {
padding-top: 100px;
padding-bottom: 200px;
}
}
.team-card {
width: 100%;
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.team-card__image > img {
width: 100%;
}
.team-card__social {
width: 92.5%;
background-color: #0083c9;
padding-left: 40px;
position: absolute;
top: 0;
left: 0;
transform: translateY(-50%);
padding-top: 5px;
padding-bottom: 5px;
clip-path: polygon(0 0, 100% 0, 86.5% 101%, 0% 101%);
}
.team-card__social a {
color: #fff;
font-size: 16px;
transition: all 500ms ease;
}
.team-card__social a:hover {
color: var(--thm-black);
}
.team-card__social a + a {
margin-left: 30px;
}
.team-card__content {
position: relative;
padding: 30px 40px;
padding-top: 47px;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.team-card__content h3 {
margin: 0;
font-size: 20px;
color: var(--thm-black);
font-weight: 700;
margin-bottom: 10px;
}
.team-card__content p {
margin: 0;
color: var(--thm-color);
font-size: 16px;
}
.team-card__content::after {
content: '';
width: 100%;
height: 2px;
background-color: var(--thm-secondary);
position: absolute;
bottom: 0;
left: 0;
transform: scale(0, 1);
transform-origin: left center;
transition: transform 500ms ease;
}
.team-card:hover .team-card__content::after {
transform: scale(1, 1);
transform-origin: right center;
}
.team-card__row {
--bs-gutter-y: 30px;
}
.team-home-two {
background-color: #fff;
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.team-home-two {
padding-top: 100px;
padding-bottom: 100px;
}
}
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials-one {
padding-left: 15px;
padding-right: 15px;
margin-top: -80px;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.testimonials-one {
margin-top: -100px;
margin-bottom: 30px;
}
}
.testimonials-one__home-two {
margin-top: -150px;
}
@media (min-width: 992px) {
.testimonials-one__home-two {
margin-top: -150px;
}
}
.testimonials-one__boxed {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1370px;
background-color: var(--thm-primary);
background-image: url(../images/shapes/testimonials-bg-1-1.png);
background-repeat: no-repeat;
background-position: center bottom;
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.testimonials-one__boxed {
padding-top: 100px;
padding-bottom: 100px;
}
}
.testimonials-one__boxed::before {
content: '';
position: absolute;
top: 30px;
background-color: var(--thm-secondary);
z-index: -1;
left: 15px;
right: 15px;
bottom: -15px;
}
@media (min-width: 992px) {
.testimonials-one__boxed::before {
left: 30px;
right: 30px;
bottom: -30px;
}
}
.testimonials-one__thumb {
width: 100%;
max-width: 290px;
margin-left: auto;
margin-right: auto;
margin-bottom: 17px;
}
.testimonials-one__thumb img {
width: 100%;
border-radius: 50%;
border: 4px solid #fff;
transform: scale(0.8);
cursor: pointer;
transition: transform 500ms ease, border 500ms ease;
}
.testimonials-one__thumb .swiper-slide-thumb-active img {
transform: scale(1);
border-color: #0083c9;
}
.testimonials-one__carousel {
text-align: center;
}
.testimonials-one__text {
margin: 0;
color: #fff;
max-width: 920px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
line-height: 38px;
}
@media (min-width: 992px) {
.testimonials-one__text {
font-size: 24px;
line-height: 46px;
}
}
.testimonials-one__name {
margin: 0;
color: #fff;
font-weight: 700;
margin-top: 40px;
margin-bottom: 5px;
margin-top: 20px;
}
@media (min-width: 992px) {
.testimonials-one__name {
font-size: 24px;
}
}
.testimonials-one__designation {
margin: 0;
display: block;
line-height: 1;
font-size: 16px;
font-weight: 600;
color: var(--thm-secondary);
}
/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.main-slider {
overflow: hidden;
position: relative;
}
.main-slider .swiper-slide {
position: relative;
background-color: var(--thm-black);
}
.main-slider .swiper-slide::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/shapes/top-shadow.png);
background-repeat: repeat-x;
background-position: top center;
z-index: 20;
}
.main-slider .swiper-slide .container {
position: relative;
z-index: 30;
}
.main-slider .image-layer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity:.8;
background-repeat: no-repeat;
background-size: cover;
transform: scale(1);
transition: transform 7000ms ease;
}
.main-slider .container {
padding-bottom: 100px;
padding-top: 196px;
}
@media (min-width: 1200px) {
.main-slider .container {
padding-top: 330px;
padding-bottom: 190px;
}
}
.main-slider h2 {
margin: 0;
color: #fff;
font-weight: 700;
opacity: 0;
visibility: hidden;
transform: translateY(120px);
transition-delay: 1000ms;
transition: transform 2000ms ease, opacity 2000ms ease;
font-size: 52px;
line-height: 34px;
}
.main-slider h5{
margin: 0;
margin-bottom: 40px;
color: #fff;
opacity: 0;
visibility: hidden;
transform: translateY(120px);
transition-delay: 1000ms;
transition: transform 2000ms ease, opacity 2000ms ease;
font-size: 16px;
line-height:34px;
}
@media (max-width: 768px) {
.main-slider{ margin-top:5rem;}
.main-slider h2 {
font-size:20px;
line-height: 48px;
}
.about-two__content{ padding-left:0px; padding-top:0px; margin-top:0;}
.main-menu__search{ display:none;}
.main-menu .mobile-nav__toggler i{ font-size:26px !important; font-weight:bold;}
}
@media (min-width: 992px) {
.main-slider h2 {
font-size: 48px;
line-height: 65px;
}
}
@media (min-width: 1200px) {
.main-slider h2 {
font-size: 116px;
line-height: 110px;
}
}
.main-slider .thm-btn {
font-size: 18px;
font-weight: 700;
padding: 20px 48px;
opacity: 0;
transform: translateY(100px);
transition-delay: 2500ms;
transition: transform 2000ms ease,
opacity 2000ms ease,
color 500ms ease,
background 500ms ease;
}
.main-slider .thm-btn:hover {
background-color: var(--thm-primary);
color: #fff;
}
.main-slider .swiper-slide-active .image-layer {
transform: scale(1.15);
}
.main-slider .swiper-slide-active .thm-btn,
.main-slider .swiper-slide-active p,
.main-slider .swiper-slide-active h2,.main-slider .swiper-slide-active h5{
visibility: visible;
opacity: 1;
transform: translateY(0) translateX(0);
}
.main-slider__nav {
width: 100%;
max-width: 720px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
top: 54%;
left: 50%;
z-index: 100;
transform: translateY(-50%) translateX(-50%);
display: flex;
align-items: flex-end;
flex-direction: column;
}
@media (min-width: 992px) {
.main-slider__nav {
max-width: 1200px;
}
}
@media (max-width: 425px) {
.main-slider__nav {
display: none;
}
}
.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
z-index: 100;
width: 63px;
height: 63px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
opacity: 1;
margin: 0;
text-align: center;
transition: all 500ms ease;
}
@media (max-width: 991px) {
.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
width: 48px;
height: 48px;
font-size: 18px;
}
}
.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
opacity: 0.3;
}
.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
display: none;
}
.main-slider__nav .swiper-button-prev {
margin-bottom: 10px;
}
@media (max-width: 991px) {
.main-slider__nav .swiper-button-prev {
margin-top: 10px;
}
}
.main-slider__nav-two {
width: 100%;
max-width: 1320px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
top: 50%;
left: 50%;
z-index: 100;
transform: translateY(-50%) translateX(-50%);
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 425px) {
.main-slider__nav-two {
display: none;
}
}
.main-slider__nav-two .swiper-button-next,
.main-slider__nav-two .swiper-button-prev {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
z-index: 100;
width: 63px;
height: 63px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
opacity: 1;
margin: 0;
text-align: center;
transition: all 500ms ease;
}
@media (max-width: 991px) {
.main-slider__nav-two .swiper-button-next,
.main-slider__nav-two .swiper-button-prev {
width: 48px;
height: 48px;
font-size: 18px;
}
}
.main-slider__nav-two .swiper-button-next:hover,
.main-slider__nav-two .swiper-button-prev:hover {
opacity: .3;
}
.main-slider__nav-two .swiper-button-next::after,
.main-slider__nav-two .swiper-button-prev::after {
display: none;
}
.main-slider__nav-two .swiper-button-prev {
margin-bottom: 10px;
}
@media (max-width: 991px) {
.main-slider__nav-two .swiper-button-prev {
margin-top: 10px;
}
}
.main-slider-two .swiper-slide::before {
display: none;
}
.main-slider-two .swiper-slide .container {
padding-top: 100px;
padding-bottom: 100px;
}
@media (min-width: 992px) {
.main-slider-two .swiper-slide .container {
padding-top: 150px;
padding-bottom: 150px;
}
}
@media (min-width: 1200px) {
.main-slider-two .swiper-slide .container {
padding-top:260px;
padding-bottom: 260px;
}
}
@media (min-width: 1200px) {
.main-slider-two h2 {
font-size:48px;
line-height: 80px;text-shadow: 0px 2px 2px #000;
}
.main-slider-two h5 {
text-shadow: 0px 1px 1px #000;
}
}
.main-slider-two p {
margin: 0;
font-size: 20px;
color: #fff;
display: flex;
margin-bottom: 20px;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transform: translateY(120px);
transition-delay: 1500ms;
transition: transform 2000ms ease, opacity 2000ms ease;
}
.main-slider-two p::after {
content: '';
width: 40px;
height: 2px;
background-color: var(--thm-secondary);
margin-left: 10px;
}
@media (min-width: 992px) {
.main-slider-two p::after {
width: 56px;
}
}
@media (min-width: 992px) {
.main-slider-two p {
font-size: 24px;
}
}
/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.feature-lists {
padding-bottom: 80px;
margin-top: -80px;
}
@media (min-width: 992px) {
.feature-lists {
margin-top: -100px;
padding-bottom: 100px;
}
}
.feature-lists__boxed {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1370px;
background-color: var(--thm-primary);
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.feature-lists__boxed {
padding-top: 100px;
padding-bottom: 100px;
}
}
.feature-lists .jarallax-img {
opacity: 0.08;
}
.feature-lists__wrap {
padding-top: 40px;
}
@media (min-width: 992px) {
.feature-lists__wrap {
display: flex;
flex: 0 0 auto;
justify-content: space-between;
padding-top: 10px;
}
}
.feature-lists__list {
margin: 0;
margin-bottom: 30px;
}
.feature-lists__list:last-of-type {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.feature-lists__list {
margin-bottom: 0;
}
}
.feature-lists__list li {
position: relative;
padding-left: 30px;
font-size: 17px;
color: #fff;
}
.feature-lists__list li + li {
margin-top: 10px;
}
.feature-lists__list li > i {
position: absolute;
top: 5px;
left: 0;
font-size: 16px;
color: var(--thm-secondary);
}
.feature-lists .section-title__title {
color: #fff;
}
.feature-one {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
background-color: var(--thm-gray);
}
@media (min-width: 992px) {
.feature-one {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
}
}
@media (min-width: 1200px) {
.feature-one {
padding-bottom: 0;
}
.feature-one::before {
content: '';
width: 100%;
height: 185px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0;
}
}
.feature-one__content {
text-align: left;
position: relative;
}
@media (min-width: 992px) {
.feature-one__content {
margin-left: 50px;
margin-right: -50px;
}
}
@media (min-width: 1200px) {
.feature-one__content {
margin-left: 0;
margin-right: 0;
padding-left: 70px;
}
}
.feature-one .section-title {
margin-bottom: 40px;
}
.feature-one__summery {
font-size: 18px;
line-height: 30px;
font-weight: 400;
margin-bottom: 45px;
}
.feature-one__list {
margin: 0;
display: grid;
grid-template-columns: 1fr;
grid-gap: 35px;
margin-bottom: 45px;
}
@media (min-width: 768px) {
.feature-one__list {
grid-template-columns: repeat(2, 1fr);
}
}
.feature-one__list li {
position: relative;
padding-left: 56px;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
font-size: 18px;
font-weight: 400;
padding-top: 15px;
padding-bottom: 15px;
color: var(--thm-black);
}
.feature-one__list li > i {
color: var(--thm-secondary);
font-size: 16px;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
.feature-one__progress {
margin-bottom: 105px;
}
.feature-one__progress-item {
margin-bottom: 10px;
}
.feature-one__progress-item:last-child {
margin-bottom: 0;
}
.feature-one__progress-title {
margin: 0;
color: var(--thm-black);
font-size: 20px;
display: block;
margin-bottom: 7px;
}
.feature-one__progress-bar {
position: relative;
width: 100%;
height: 13px;
background-color: #fff;
border-radius: 6.5px;
}
.feature-one__progress-main {
position: absolute;
left: 0;
height: 100%;
top: 0;
border-radius: 6.5px;
background-color: #0083c9;
}
.feature-one__progress-count {
font-size: 16px;
font-weight: 400;
color: var(--thm-color);
position: absolute;
bottom: calc(100% + 5px);
right: 0;
}
.feature-one__counter {
background-color: var(--thm-primary);
padding: 30px;
text-align: center;
}
@media (min-width: 1200px) {
.feature-one__counter {
display: flex;
flex-direction: row-reverse;
align-items: center;
text-align: left;
padding: 35px;
}
}
.feature-one__counter-icon {
width: 115px;
height: 115px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 62px;
background-color: var(--thm-secondary);
border-radius: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
flex-shrink: 0;
}
@media (min-width: 1200px) {
.feature-one__counter-icon {
margin-bottom: 0;
margin: 0;
}
}
.feature-one__counter-title {
margin: 0;
font-size: 40px;
font-weight: 400;
color: #fff;
line-height: 1;
margin-bottom: 20px;
font-family: var(--thm-font) !important;
}
.feature-one__counter-title span {
font-family: inherit;
}
@media (min-width: 1200px) {
.feature-one__counter-title {
margin-bottom: 10px;
font-size: 50px;
}
}
.feature-one__counter-text {
margin: 0;
line-height: 1;
color: var(--thm-text-dark);
font-size: 20px;
font-weight: 400;
}
@media (min-width: 1200px) {
.feature-one__counter-content {
margin-right: auto;
}
}
.feature-two {
background: url(../images/ys_bj.jpg) no-repeat; background-attachment:fixed;
background-position: top left;
padding-top: 80px;
}
@media (min-width: 1200px) {
.feature-two {
padding-top: 0; padding-bottom:50px;
}
}
.feature-two__image {
position: relative;
}
@media (min-width: 1200px) {
.feature-two__image {
margin-bottom: 0;
}
}
.feature-two__image img {
max-width: 100%;
}
@media (min-width: 1200px) {
.feature-two__image img {
max-width: none;
margin-left: 70px;
}
}
.feature-two__image-line-left {
border-left: 1px dashed var(--thm-border);
width: 0;
height: calc(100% - 60px);
top: 50%;
transform: translateY(-50%);
left: 15px;
position: absolute;
}
.feature-two__image-line-right {
border-right: 1px dashed var(--thm-border);
width: 0;
height: calc(100% - 60px);
top: 50%;
transform: translateY(-50%);
right: 15px;
position: absolute;
}
.feature-two__image-line-top {
border-top: 1px dashed var(--thm-border);
height: 0;
width: calc(100% - 50px);
left: 50%;
transform: translateX(-50%);
top: 15px;
position: absolute;
}
.feature-two__image-line-bottom {
border-bottom: 1px dashed var(--thm-border);
height: 0;
width: calc(100% - 50px);
left: 50%;
transform: translateX(-50%);
bottom: 15px;
position: absolute;
}
.feature-two__image-text {
width: 172px;
height: 172px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: var(--thm-black);
position: absolute;
flex-direction: column;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background-color: #fff;
padding: 15px;
}
.feature-two__image-text::after {
content: '';
width: 60px;
height: 50px;
background-color: #dfdfdf;
position: absolute;
top: 100%;
left: 0;
clip-path: polygon(0 0, 100% 100%, 100% 0);
display: none;
}
@media (min-width: 1200px) {
.feature-two__image-text::after {
display: block;
}
}
@media (min-width: 1200px) {
.feature-two__image-text {
top: 100px;
left: 10px;
transform: translateY(0%) translateX(0%);
}
}
.feature-two__image-text span {
font-size: 54px;
color: #0083c9;
display: block;
line-height: 1;
}
.feature-two .section-title__title {
color: #fff;
}
@media (min-width: 1200px) {
.feature-two__list {
}
}
.feature-two__list-item {
margin-bottom:0; float:left;
}
.feature-two__list-item:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.feature-two__list-item {
align-items: flex-start;
padding:16px 20px; text-align:center;
transition: all 500ms ease;
}
.feature-two__list-item:hover {
background-color: rgba(var(--thm-black-rgb), 0.15);
}
.feature-two__list-item:hover .feature-two__list-icon {
color: #0083c9;
}
}
.feature-two__list-icon {
font-size:26px; line-height:50px;
transition: all 500ms ease;
color:#84ddff;
}
@media (min-width: 768px) {
.feature-two__list-icon {
}
}
.feature-two__list-title {
margin: 0;
color: #fff; text-align:center;
font-size: 24px;
font-weight: 600; line-height:60px;
margin-top: 20px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.feature-two__list-title {
margin-top: -3px;
}
}
.feature-two__list-text {
margin: 0;
color: #fff;
}
@media (min-width: 1200px) {
.feature-two__content {
padding-top: 100px;
}
}
.we-building-two {
position: relative;
display: block;
padding: 120px 0 115px;
}
.we-building-two-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: -1;
}
.we-building-two-bg:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
background-color: rgba(var(--thm-black-rgb), .85);
z-index: -1;
}
.we-building-two-bg.jarallax div div {
filter: grayscale(100%);
}
.we-building-two__inner {
position: relative;
display: block;
text-align: center;
}
.we-building-two__inner .video-popup {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
}
.we-building-two__inner .we-building__video-icon {
margin: 0 auto;
}
.we-building-two__inner .we-building__video-title {
margin-top: 63px;
}
/*--------------------------------------------------------------
# We Build
--------------------------------------------------------------*/
.we-build {
display: block;margin-bottom:100px;
}
.we-build__left {
display: block; margin-top:100px;
margin-right: 70px;
}
.we-build__img {
position: relative;
display: block;
overflow: hidden;
}
.we-build__img:before {
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .2);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
z-index: 10;
}
.we-build__img:hover:before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.we-build__img img {
width: 100%;
}
.we-build__dedicated {
position: absolute;
bottom: 50px;
right: 50px;
left:50px;
display: flex;
align-items: center;
background-color:#fff;
padding: 30px 30px;
}
.we-build__dedicated:before {
position: absolute;
top: -6px;
left: 0;
right: 0;
height: 6px;
content: "";
background-color:#47bbea;
}
.we-build__dedicated-icon {
display: flex;
align-items: center;
}
.we-build__dedicated-icon span {
font-size: 65px;
color: var(--thm-black);
}
.we-build__dedicated__text {
margin-left: 30px;
}
.we-build__dedicated__text h3 {
font-size:16px;
font-weight: 700;
line-height: 30px;
}
.we-build__right {
position: relative;
display: block;
margin-top: 120px;
}
.we-build__right .section-title {
margin-bottom: 39px;
}
.we-build__points {
position: relative;
display: block; margin-top:70px;
}
.we-build__points li {
position: relative;
display: block;
padding-left: 86px;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 42px;
margin-bottom: 44px;
}
.we-build__points li:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.we-build__points li .icon {
height: 57px;
width: 57px;
background-color:#1781c5;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color:#fff;
position: absolute;
top: 8px;
left: 0;
transition: all 500ms ease;
}
.we-build__points li .icon:hover {
background-color: rgba(30,134,50,1);
color:#fff;
}
.we-build__points li .icon span {}
.we-build__points li .text {}
.we-build__points li .text h4 {
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.we-build__points li .text p {
margin: 0;
line-height: 30px;
}
@media(min-width:1200px){
.about-one__tagline{
margin-top:-20px
}
}
.about-one__tagline p{
margin:0;
color:var(--thm-primary);
font-size:24px;
line-height:1;
font-family:var(--special-font)
}
@media(min-width:1200px){
.about-one__tagline p{
font-size:26px
}
}
.about-one__summery{
margin-top:20px;
margin-bottom:30px
}
@media(min-width:1200px){
.about-one__summery{
margin-top:35px;
margin-bottom:40px
}
}
.about-one__summery p{
margin:0
}
@media(min-width:1200px){
.about-one__summery p{
max-width:95%
}
}
.about-one__icon-row{
padding-bottom:20px;
margin-bottom:30px
}
@media(min-width:1200px){
.about-one__icon-row{
margin-bottom:50px; margin-top:50px;
padding-bottom:30px
}
}
.about-one__icon-row .about_sik .about-one__box{-webkit-transition:all 0.2s linear;transition:all 0.2s linear;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.about-one__icon-row .about_sik .about-one__box:hover{ background:#0081cc;z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -6px, 0);transform:translate3d(0, -6px, 0)}
.about-one__box{
padding:20px 0 30px 0;
}
@media(min-width:1200px){
.about-one__box{
margin-top:30px
}
}
.about-one__box i{
font-size:24px; margin-top:30px;
color:#47bbea; margin-bottom:20px; display:block;
-webkit-transition:all 500ms ease;
transition:all 500ms ease
}
.about-one__box img{width:100%;}
/*.about-one__icon-row .about_sik.abo01{ background:url(../images/a01.jpg) no-repeat; background-size:100%; z-index:9998;}
.about-one__icon-row .about_sik.abo02{ background:url(../images/a02.jpg) no-repeat; background-size:100%; z-index:9998;}
.about-one__icon-row .about_sik.abo03{ background:url(../images/a03.jpg) no-repeat; background-size:100%; z-index:9998;}
.about-one__icon-row .about_sik.abo04{ background:url(../images/a04.jpg) no-repeat; background-size:100%; z-index:9998;}
*/
@media(min-width:1200px){
.about-one__box i{
font-size:40px
}
}
.about-one__box h4{
margin:0;
color:var(--thm-black);
font-size:14px;
color:#777;
-webkit-transition:all 500ms ease;
transition:all 500ms ease
}
.about-one__box h4 a strong{ display:block;font-size:18px; color:#333; line-height:30px; font-weight:300;}
.about-one__box h4 a{
color:inherit
}
@media(min-width:1200px){
.about-one__box h4{
font-size:14px
}
}
.about-one__box:hover i{
color:#fff
}
.about-one__box:hover h4 a,.about-one__box:hover h4 a strong{
color:#fff
}
.welcome_one_left {
position: relative;
display: block;
margin-right:60px;
margin-left: -0px;
}
.welcome_one_left_image {
position: relative;
display: block;
}
.welcome_one_left_image img {
width: 100%;
}
.welcome_one_left_image:before {
position: absolute;
top: 30px;
left: -30px;
content: "";
background:#0083c9;
width: 280px;
height: 100%;
z-index: -1;
}
.news_a a{display:block; margin:4% auto 0 auto;width:160px; line-height:50px; text-align:center;
font-size: 16px;
color: #222222;
border: 1px solid #d8d8d8;
}
.news_a a:hover{background-color:#0083c9; color:#fff;}
.counter_one {
position: absolute;
top: 50%;
right: -120px;
transform: translateY(-50%);
}
.counter_one_single {
position: relative;
display: block;
text-align: center;
background: #ffffff;
box-shadow: 0px 0px 30px 0px rgb(0, 0, 0, 0.1);
border-bottom: 1px solid #e5e5e5;
padding:30px 20px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.counter_one_single:last-child {
border-bottom: none;
}
.counter_one_single:hover {
background: #f6f6f6;
}
.counter_one_single h2 {
color: var(--thm-primary);
font-size: 30px;
line-height: 40px;
margin-bottom: 5px;
}
.counter_one_single p {
font-size: 16px;
margin: 0;
}
.counter_one_single .counter_one_experience {
}
.counter_one_single .counter_one_experience h2 {
display: inline-block;
}
.counter_one_single .counter_one_experience span {
display: inline-block;
font-size: 30px;
line-height: 40px;
position: relative;
top: -3px;
}
/** testimonial-section **/
.testimonial-section{
display:block;
padding: 70px 0px 70px 0px;
}
.testimonial-section .sec-title{
margin-bottom: 10px;
}
.testimonial-section .sec-title h2{ color:#fff;}
.testimonial-section .sec-title span{ color:#fff;}
.testimonial-section .owl-stage-outer{
overflow: visible;
}
.testimonial-section .owl-stage-outer .owl-item{
opacity: 0;
transition: all 500ms ease;
}
.testimonial-section .owl-stage-outer .owl-item.active{
opacity: 1;
}
.testimonial-section .testimonial-block-one{
position: relative;
margin: 30px 0px 50px 0px;
}
.testimonial-block-one .inner-box{
position: relative;
display: block;
background:rgba(0,0,0,.2); border:1px solid rgba(255,2555,255,.3);
padding: 14px 30px 44px 40px;
box-shadow: 0 5px 30px rgba(0,0,0,.05);-webkit-transition:all 0.2s linear;transition:all 0.2s linear;
}
.testimonial-block-one .inner-box:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -6px, 0);transform:translate3d(0, -6px, 0)}
.testimonial-block-one .inner-box p{ color:#fff;}
.testimonial-block-one .inner-box .icon-box{
position: relative;
display: inline-block;
font-size: 60px;
line-height: 60px; color:#fff;
margin-bottom: 15px;
}
.testimonial-block-one .inner-box .icon-box i{font-size: 40px;}
.testimonial-block-one .inner-box .author-box{
position: relative;
padding: 10px 0px 4px 95px;
}
.testimonial-block-one .inner-box .author-box .image-box{
position: absolute;
left: 0px;
top: 0px;
width:90px;
height:90px;
border-radius: 50%;
}
.testimonial-block-one .inner-box .author-box .image-box img{
width: 100%;
border-radius: 50%; height:90px;width:90px;border-radius: 50%;
}
.testimonial-block-one .inner-box p{
margin-bottom: 26px;
}
.testimonial-block-one .inner-box h5{
position: relative;
font-size: 22px; color:#fff;
line-height: 40px;
font-weight: 700; padding-bottom:10px;
margin-bottom: 0px;
}
.testimonial-block-one .inner-box .author-box span{
position: relative;
display: block;
margin: 0px;
}
.testimonial-section .owl-nav{
position: absolute;
top: -76px;
right: 0px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
position: relative;
display: inline-block;
font-size: 14px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-weight: 700;
background: #47bbea;
border-radius: 5px;
cursor: pointer;
transition: all 500ms ease; color:#fff;
}
.testimonial-section .owl-nav .owl-prev{
margin-right: 20px; color:#fff;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
color: #fff; background:#59b532;
}
.bg-color-2{
background: #fbe9e9;
}
.premium-ride {
position: relative;
display: block;
padding: 70px 0 78px;
}
.premium-ride__single {
position: relative;
text-align: center;
padding: 0 70px;
margin-bottom: 30px;
}
.premium-ride__single:before {
position: absolute;
top: 0;
bottom: 0;
content: "";
width: 1px;
background-color: #d7dce4;
left: 0;
}
.premium-ride__single:first-child:before {
display: none;
}
.premium-ride__img {
position: relative;
display: block;
height: 196px;
width: 196px;
margin: 0 auto;
overflow: hidden;
border-radius: 50%;
}
.premium-ride-box{ padding-top:30px;}
.premium-ride__img:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
border-radius: 50%;
background-color: rgba(var(--thm-black-rgb), .50);
transform: scale(0);
transition: all 500ms ease;
z-index: 1;
}
.premium-ride__single:hover .premium-ride__img:before {
transform: scale(1);
}
.premium-ride__img img {
border-radius: 50%;
width: 100%;
transition: all 500ms ease;
}
.premium-ride__single:hover .premium-ride__img img {
transform: scale(1.2)
}
.premium-ride__title {
font-size: 24px;
font-weight: 700;
line-height: 29px;
margin-top: 25px;
margin-bottom: 16px;
}
.premium-ride__text {
font-weight: 500;
margin: 0;
}
.pro_01{ text-align:center; background:#f5f5f5; line-height:60px; color:#222; font-weight:bold;}
.pro_02{ color:#666; line-height:24px; padding:10px 1%; font-size:14px;}
.blog-one__single{ border-bottom:1px solid #e8e8e8; padding:0; margin:0;}
.blog-one__single:hover{ background:#f0f0f0;}
.blog-one__single .blog-one__content .pro_02{ border-right:1px solid #e8e8e8;}
.blog-one__single .blog-one__content div:last-child{ border-right:none;}
.project-one {
padding: 40px 0 0;
}
.hzkh{writing-mode: vertical-lr;writing-mode: tb-lr; font-size:18px;letter-spacing:3px; font-weight:bold; color:#333;}
.project-one .row.high-gutters {
margin-left: -55px;
margin-right: -55px;
}
.project-one .row.high-gutters>[class*=col-] {
padding-left: 55px;
padding-right: 55px;
}
.project-one .masonary-item {
margin-top: 110px;
}
.project-one .block-title {
margin-bottom: 50px;
}
.project-one__single {
position: relative;
}
.project-one__single-content-left .project-one__content {
right: auto;
left: 20px;
}
.project-one__image {
background-color: #222;
overflow: hidden;
}
.project-one__image>img {
width: 100%;
opacity: 1;
-webkit-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
transition: opacity .4s ease, transform .4s ease;
}
.project-one__single:hover .project-one__image>img {
opacity: .2;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
}
.project-one__content {
width: 100%;
max-width: 350px;
position: absolute;
bottom: 20px;
right: 20px;
padding: 40px 30px 40px;
background-color: #fff;
-webkit-box-shadow: -15px 0px 39px 0px rgba(9, 24, 33, 0.1);
box-shadow: -15px 0px 39px 0px rgba(9, 24, 33, 0.1);
}
.project-one__title {
margin: 0;
color: #222222;
font-size: 24px;
line-height: 30px;
font-weight: 600;
margin-bottom: 30px;
}
.project-one__title a {
color: inherit;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.project-one__title a:hover {
color: #53a92c;
}
.project-one__btn {
padding: 11px 30.5px;
font-size: 14px;
color: #222222;
border: 1px solid #53a92c;
background-color: transparent;
}
.project-one__btn:hover {
background-color: #53a92c;
color: #fff;
}
.project-one__project-masonary-page {
padding-bottom: 150px;
}
.project-two {
padding-top: 150px;
padding-bottom: 120px;
}
.project-two__single {
position: relative;
margin-bottom: 30px;
}
.project-two__image {
position: relative;
overflow: hidden;
background-color: #222222;
}
.project-two__image>img {
width: 100%;
opacity: 1;
-webkit-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
transition: opacity .4s ease, transform .4s ease;
}
.project-two__single:hover .project-two__image>img {
opacity:1;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04);
}
.jinx{ padding:60px 0;}
.jinx01{ border:1px solid #d8d8d8; margin-bottom:30px; display:flex; padding:10px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.jinx01:hover{ background:#0083c9;z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -6px, 0);transform:translate3d(0, -6px, 0)}
.jinx01:hover .fl p{ color:#fff;}
.jinx01:hover .fl span{ color:#fff;}
.jinx01 .fl{ float:left;width:45%; padding:10px;}
.jinx01 .fl p{ font-size:20px; color:#222; line-height:60px;}
.jinx01 .fl span{ font-size:14px; color:#777;}
.jinx01 .fr{ float:right;width:55%; text-align:right;}
.jinx01 .fr img{max-width:100%;}
.contact-info {
position: relative;
display: block; padding-top:120px;
z-index: 2;
}
.contact-info__single {
position: relative;
display: block;
border-radius: var(--thm-border-radius);
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
text-align: center;
padding: 85px 20px 53px;
margin-bottom:20px;
}
.contact-info__icon {
height: 100px;
width: 100px;
background-color:#0083c9;
border-radius: 50%;
color:#fff;
font-size:30px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
transition: all 500ms ease;
}
.contact-info__icon span{ font-size:30px;}
.contact-info__single:hover .contact-info__icon {
background-color: var(--thm-black);
}
.contact-info__title {
font-size: 20px;
font-weight: 700;
margin: 0;
margin-bottom:15px;
}
.contact-info__details p {
margin: 0;
}
.contact-info__details a {
color: var(--thm-gray);
transition: all 500ms ease;
}
.contact-info__details a:hover {
color: var(--thm-primary);
}
.links {
line-height: 45px;
text-align: center;
font-size: 15px;
margin-bottom: 20px;
}
.links a {
color: #666;
font-size: 15px;
margin-right: 15px;
}
@media(max-width:768px){
iframe{width:100%; height:100%;}
.photel{display:none;}
.photel{ position:fixed; bottom:40%;right:0; display:block; z-index:9999;}
.photel a{width:50px; height:50px; display:block; background:#0083c9; color:#fff; line-height:50px; text-align:center; z-index:9999; margin-bottom:10px; border-radius:50px;}
.photel a i{ color:#fff; font-size:22px;}
.welcome_one_left {
position: relative;
display: block;
margin-right:0px;
margin-left: -0px;
}
.faq-one__call{ display:none;}
.service-details__menu{ margin-right:0 !important; margin-bottom:30px;}
.main-menu__two .main-menu__logo {
position: relative;
background-color: #fff;
clip-path: none;
top: auto;
min-height: auto;
padding: 0;
min-width: auto;
margin-right:130px;
}
.main-menu__sc{ display:none;}
.main-menu__two .main-menu__inner {
padding-left: 0px;
padding-right:0px;
}
.about-one {
padding-top:20px;
padding-bottom:40px;
}
.pro_02{ color:#666; line-height:24px; padding:0; font-size:14px;}
.main-menu__right{ border-left:none;}
.count{ font-size:32px; line-height:40px;}
.main-header-two {
position:fixed;width:100%; background:#fff;
}
.main-slider h5{ display:none}
.main-slider .thm-btn{ padding:6px 20px; font-size:14px; margin-top:10px;}
.page-header {
background-color:#fff;
position: relative; margin-top:4rem;
}
.client-carousel{padding-top:30px; padding-bottom:30px;}
.links{ line-height:30px;}
.pro_01{ line-height:24px; padding:10px 0;}
.service-details__menu-list li a{ line-height:42px;}
.blog-one__single .blog-one__content .pro_02{ padding:6px 16px;}
/*.row{margin-right: calc(var(--bs-gutter-x)/ 0);margin-left: calc(var(--bs-gutter-x)/ 0);}
.row>*{padding-right: calc(var(--bs-gutter-x)/ 0); padding-left: calc(var(--bs-gutter-x)/ 0);}
*/
#articlebox img{max-width:100%;}
}