/home/moonrcjl/template.moontelict.com/a.laxfy/assets/css/main.css
@charset "UTF-8";
/*-----------------------------------------------------------------------------------
Template Name: A.laxfy – Modern Multipurpose HTML5 Template.
Author: Moontel_ICT
Support: https://help.moontelict.com/support/
Description: A.laxfy – Modern Multipurpose HTML5 Template is a modern, customizable, and responsive template designed for agencies to showcase their work, services, and team with stylish layouts and interactive features.
Version: 1.0.0
-----------------------------------------------------------------------------------
/************ TABLE OF CONTENTS ***************
-----------------
01. THEME CSS
-----------------
1.1 Theme Default
1.2 Common Classes
1.3 Default Spacing
-----------------
02. COMPONENTS css
-----------------
2.1 Back to top
2.2 Theme Settings
2.3 Buttons
2.4 Animations
2.5 Preloader
2.6 Background
2.7 Carousel
2.8 Nice Select
2.9 Pagination
2.10 Offcanvas
2.11 Breadcrumb
2.12 Accordion
2.13 Tab
2.14 Modal
2.15 Section Title
2.16 Search
2.17 Hotspot
2.18 Ragne Slider
-----------------
03. HEADER CSS
-----------------
3.1 Header Style 1
---------------------------------
04. MENU CSS
---------------------------------
4.1 Main menu css
---------------------------------
05. BLOG CSS
---------------------------------
5.1 blog css start
5.2 Postbox css
5.3 Recent Post css
5.4 Sidebar css
---------------------------------
06. FOOTER CSS
---------------------------------
6.1 Footer Style 1
---------------------------------
07. PAGES CSS
---------------------------------
7.1 about css start
7.2 app css start
7.3 brand css start
7.4 cart css start
7.5 checkout css start
7.6 choose css start
7.7 contact css start
7.8 cta css start
7.9 error css start
7.10 faq css start
7.11 feature css start
7.12 funfact css start
7.13 price css start
7.14 project css start
7.15 service css start
7.16 shop css start
7.17 slider css start
7.18 step css start
7.19 team css start
7.20 testimonial css start
7.21 video css start
**********************************************/
/*----------------------------------------*/
/* 1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
/**
@font family declaration
*/
--mt-ff-body: 'Open', Sans;
--mt-ff-heading: 'Hanken', Grotesk;
--mt-ff-p: 'Open', Sans;
--mt-ff-fontawesome: "Font Awesome 6 Pro";
/**
@color declaration
*/
--mt-common-white: #fff;
--mt-common-white-2: #F8F8F8;
--mt-common-black: #000000;
--mt-common-black-2: #070707;
--mt-common-black-3: #042552;
--mt-grey-1: #001005;
--mt-grey-2: #DCDCDC;
--mt-grey-3: #F4F7FC;
--mt-grey-4: #F8F8F8;
--mt-text-body: #767676;
--mt-text-p: #767676;
--mt-theme-1: #2555FF;
--mt-theme-2: #FFEA00;
--mt-theme-3: #C4D6B0;
--mt-theme-4: #01D2A1;
--mt-theme-5: #FFD531;
--mt-theme-6: #FD5B38;
--mt-border-1: #212121;
--mt-border-2: #C8C8C8;
--mt-gradient-1: linear-gradient(94deg, #5BC8FF -12.25%, #2E74FF 97.76%);
--mt-gradient-2: linear-gradient(266deg, #68FFB3 7.19%, #CCFF02 98.22%);
--mt-gradient-3: linear-gradient(90deg, #FD5B38 0%, #3F2BB8 100%);
--mt-gradient-4: linear-gradient(90deg, #3F2BB8 0%, #FD5B38 100%);
}
/*----------------------------------------*/
/* 2.1 Back to top
/*----------------------------------------*/
#back-to-top {
position: fixed;
right: 50px;
bottom: 50px;
background: var(--mt-theme-1);
color: #fff;
z-index: 9;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: scale(0.7);
}
#back-to-top.show {
opacity: 1;
visibility: visible;
transform: scale(1);
}
/*----------------------------------------*/
/* 2.3 Buttons
/*----------------------------------------*/
.mt-btn {
font-size: 16px;
font-weight: 700;
height: 50px;
padding: 0px 30px;
line-height: 50px;
display: inline-block;
color: var(--mt-common-white);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: relative;
background: var(--mt-theme-1);
border-radius: 50px;
}
.mt-btn.mtradiusnone {
border-radius: 0px;
}
.mt-btn.mtradus {
border-radius: 10px;
}
.mt-btn i {
margin-right: 6px;
margin-left: 6px;
font-size: 16px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-btn.mtwhite {
background: var(--mt-common-white);
color: #000;
}
.mt-btn.shadow {
border-radius: 100px;
background: var(--Gradient, linear-gradient(94deg, #5BC8FF -12.25%, #2E74FF 97.76%));
box-shadow: 0px 20px 55px -3px rgba(14, 49, 119, 0.25);
height: 60px;
padding: 0px 40px;
line-height: 60px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-btn.larges {
height: 80px;
padding: 0px 36px;
line-height: 80px;
color: var(--mt-common-black);
background: var(--mt-common-white);
border-radius: 12px;
}
.mt-btn.larges-2 {
height: 56px;
line-height: 56px;
padding: 0px 36px;
border-radius: 100px;
background: linear-gradient(91deg, #EE7824 1.21%, #F6C107 101.83%);
box-shadow: 0px 22px 35px -2px rgba(251, 137, 91, 0.24);
}
.mt-btn.larges span {
margin-right: 10px;
}
.mt-btn.larges.mtwhite {
color: #fff;
}
.mt-btn-5 {
background: var(--mt-theme-5);
color: var(--mt-common-black);
border-radius: 0;
}
.mt-btn-5.mtborder {
border-radius: 50px;
}
.mt-btn-6 {
background: var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-btn-6.mtborder {
border-radius: 50px;
}
.mt-btn:hover {
color: #000;
background: var(--mt-theme-2);
}
.mt-btn-3 {
padding: 0px 24px;
font-size: 14px;
font-weight: 700;
height: 50px;
line-height: 50px;
display: inline-block;
color: var(--mt-common-black);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: relative;
background: var(--mt-theme-3);
}
.mt-btn-3 i {
margin-right: 6px;
margin-left: 6px;
font-size: 16px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-btn-3.small-btn {
border: 1px solid rgba(255, 255, 255, 0.2);
background: transparent;
width: 100%;
}
.mt-btn-3:hover {
background: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-btn-black {
font-size: 16px;
font-weight: 700;
height: 50px;
padding: 0px 44px;
line-height: 50px;
display: inline-block;
color: var(--mt-common-white);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: relative;
background-color: var(--mt-common-black);
border-radius: 50px;
}
.mt-btn-black i {
margin-right: 6px;
margin-left: 6px;
font-size: 16px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-btn-black.mtradiusnone {
border-radius: 0px;
}
.mt-btn-black.shadow {
border-radius: 50px;
background: #042552;
box-shadow: 0px 18px 42px -4px rgba(4, 37, 82, 0.25);
height: 56px;
padding: 0px 35px;
line-height: 56px;
}
.mt-btn-black.larges {
height: 80px;
padding: 0px 36px;
line-height: 80px;
color: var(--mt-common-white);
background: var(--mt-common-black);
border-radius: 12px;
box-shadow: none;
}
.mt-btn-black.larges span {
margin-right: 10px;
}
.mt-btn-black:hover {
color: var(--mt-common-black);
background-color: var(--mt-theme-2);
}
.mt-btn-border {
padding: 0px 24px;
font-size: 16px;
font-weight: 700;
height: 50px;
line-height: 45px;
display: inline-block;
color: var(--mt-theme-1);
border: 1px solid var(--mt-theme-1);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: relative;
}
.mt-btn-border i {
margin-right: 6px;
margin-left: 6px;
font-size: 16px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-btn-border.mtwhite {
border: 1px solid var(--mt-border-2);
color: var(--mt-common-white);
}
.mt-btn-border.mtblack {
background-color: var(--mt-common-black);
color: var(--mt-common-white);
}
.mt-btn-border.shadow {
border-radius: 50px;
border: 1px solid #B3B3B3;
background: #FFF;
color: var(--mt-common-black-3);
box-shadow: 0px 18px 36px -4px rgba(4, 37, 82, 0.19);
height: 60px;
padding: 0px 40px;
line-height: 60px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-btn-border.boraus {
border-radius: 50px;
}
.mt-btn-border.larges {
height: 80px;
padding: 0px 36px;
line-height: 77px;
color: var(--mt-common-white);
border: 1px solid var(--mt-border-2);
border-radius: 12px;
text-transform: capitalize;
}
.mt-btn-border.larges span {
margin-right: 10px;
}
.mt-btn-border.larges.mtwhite {
color: #000;
}
.mt-btn-border.smalles {
height: 46px;
padding: 0px 30px;
line-height: 46px;
border-radius: 10px;
}
.mt-btn-border.smalles span {
float: right;
}
.mt-btn-border:hover {
color: var(--mt-common-black);
border-color: var(--mt-common-black);
}
.mt-btn-border:hover.mtwhite {
border: 1px solid var(--mt-theme-2);
color: var(--mt-theme-2);
}
.mt-btn-border:hover.larges {
border-color: var(--mt-common-white);
background-color: var(--mt-common-white);
}
.mt-btn-border:hover.larges.mtwhite {
border-color: var(--mt-common-white);
background-color: var(--mt-common-black);
color: var(--mt-common-white);
}
.mt-btn-border:hover.smalles {
border-color: var(--mt-common-black);
background-color: #000;
color: #fff;
}
.mt-menu-dark {
background: var(--mt-theme-1);
color: var(--mt-common-white);
width: 140px;
height: 40px;
line-height: 40px;
padding: 0 20px;
overflow: hidden;
display: inline-block;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
letter-spacing: 0.03em;
position: relative;
z-index: 9;
}
.mt-menu-dark:hover {
color: var(--mt-common-black);
background: var(--mt-theme-2);
}
.mt-menu-light {
background: var(--mt-theme-2);
color: var(--mt-common-black);
width: 140px;
height: 40px;
line-height: 40px;
padding: 0 20px;
overflow: hidden;
display: inline-block;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
letter-spacing: 0.03em;
position: relative;
z-index: 9;
}
.mt-menu-light:hover {
color: var(--mt-common-white);
background: var(--mt-theme-1);
}
/*----------------------------------------*/
/* 2.6 Background
/*----------------------------------------*/
.white-bg {
background-color: var(--mt-common-white);
}
.white-bg-2 {
background-color: var(--mt-common-white-2);
}
.black-bg {
background-color: var(--mt-common-black);
}
.black-bg-1 {
background-color: var(--mt-common-black-1);
}
.black-bg-2 {
background-color: var(--mt-common-black-2);
}
.black-bg-3 {
background-color: var(--mt-common-black-3);
}
.black-bg-4 {
background-color: var(--mt-common-black-4);
}
.theme-bg {
background-color: var(--mt-theme-1);
}
.theme-bg-2 {
background-color: var(--mt-theme-2);
}
.theme-bg-5 {
background-color: var(--mt-theme-3);
}
.grey-bg {
background-color: var(--mt-grey-1);
}
.grey-bg-2 {
background-color: var(--mt-grey-2);
}
.grey-bg-3 {
background-color: var(--mt-grey-3);
}
/*----------------------------------------*/
/* 2.8 Nice Select
/*----------------------------------------*/
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 50px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 25px;
padding-right: 45px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999;
}
.nice-select::after {
position: absolute;
content: "\f107";
top: 50%;
right: 0;
font-family: var(--mt-ff-fontawesome);
color: var(--mt-common-black);
font-weight: 500;
pointer-events: none;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
margin-top: 0;
transform-origin: center;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nice-select.open::after {
-moz-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled::after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small::after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
/*----------------------------------------*/
/* 2.9 Pagination
/*----------------------------------------*/
.mt-pagination ul {
list-style: none;
}
.mt-pagination ul li {
display: inline-block;
margin-right: 7px;
}
.mt-pagination ul li a {
border: 1px solid #F8F8F8;
line-height: 60px;
text-align: center;
font-size: 17px;
font-weight: 500;
color: #57595C;
background: #F8F8F8;
border-radius: 50%;
height: 60px;
width: 60px;
display: inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-pagination ul li a.active {
background-color: var(--mt-theme-1);
border-color: var(--mt-theme-1);
color: #fff;
}
.mt-pagination ul li a:hover {
background-color: var(--mt-theme-1);
border-color: var(--mt-theme-1);
color: #fff;
}
.mt-pagination ul li a i {
font-size: 26px;
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.mt-pagination-2 ul li a.active {
background-color: var(--mt-theme-6);
border-color: var(--mt-theme-6);
color: #fff;
}
.mt-pagination-2 ul li a:hover {
background-color: var(--mt-theme-6);
border-color: var(--mt-theme-6);
color: #fff;
}
.mt-pagination-3 ul li a.active {
background-color: var(--mt-theme-3);
border-color: var(--mt-theme-3);
color: #000;
}
.mt-pagination-3 ul li a:hover {
background-color: var(--mt-theme-3);
border-color: var(--mt-theme-3);
color: #000;
}
.mt-pagination-4 ul li a.active {
background-color: #042552;
border-color: #042552;
color: #fff;
}
.mt-pagination-4 ul li a:hover {
background-color: #042552;
border-color: #042552;
color: #fff;
}
.mt-pagination-5 ul li a.active {
background-color: var(--mt-theme-3);
border-color: var(--mt-theme-3);
color: #000;
}
.mt-pagination-5 ul li a:hover {
background-color: var(--mt-theme-3);
border-color: var(--mt-theme-3);
color: #000;
}
/*----------------------------------------*/
/* 2.10 Offcanvas
/*----------------------------------------*/
.mt-offcanvas {
position: fixed;
z-index: 9999;
width: 450px;
right: 0;
top: 0;
padding: 50px 40px;
height: 100%;
opacity: 0;
visibility: hidden;
-moz-transform: translateX(calc(100% + 80px));
-o-transform: translateX(calc(100% + 80px));
-ms-transform: translateX(calc(100% + 80px));
-webkit-transform: translateX(calc(100% + 80px));
transform: translateX(calc(100% + 80px));
background: var(--mt-common-white) none repeat scroll 0 0;
z-index: 9999;
scrollbar-width: none;
transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
z-index: 9999;
scrollbar-width: none;
overflow-y: scroll;
}
.mt-offcanvas-logo img {
width: 168px;
}
@media only screen and (max-width: 400px) {
.mt-offcanvas {
width: 100%;
padding: 35px 30px;
}
}
.mt-offcanvas-open {
opacity: 1;
visibility: visible;
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.mt-offcanvas-close-toggle {
font-size: 29px;
color: var(--mt-common-black);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-offcanvas-close-toggle:hover {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-offcanvas-header {
margin-bottom: 40px;
}
}
.mt-offcanvas-title {
font-size: 35px;
}
.mt-offcanvas-content p {
color: #000;
}
.mt-offcanvas-gallery {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
}
.mt-offcanvas-info span {
color: #222;
display: block;
margin-bottom: 5px;
}
.mt-offcanvas-info span:hover {
color: var(--mt-theme-1);
}
.mt-offcanvas-sm-title {
font-size: 25px;
margin-bottom: 15px;
}
.mt-offcanvas-social a {
display: inline-block;
text-align: center;
width: 40px;
height: 40px;
line-height: 39px;
border-radius: 40px;
color: var(--mt-common-black);
border: 1px solid rgba(2, 11, 24, 0.1);
font-size: 14px;
}
.mt-offcanvas-social a:hover {
background-color: var(--mt-theme-1);
color: #fff;
border-color: var(--mt-theme-1);
}
.mt-offcanvas-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 50;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: 0.45s ease-in-out;
background: rgba(24, 24, 24, 0.4);
}
.mt-offcanvas-overlay-open {
opacity: 0.7;
visibility: visible;
}
/*----------------------------------------*/
/* 2.11 Breadcrumb
/*----------------------------------------*/
.mt-breadcrumb-space {
padding-top: 170px;
padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-breadcrumb-space {
padding-top: 120px;
padding-bottom: 0px;
}
}
.mt-breadcrumb-title {
font-size: 96px;
color: var(--mt-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-title {
font-size: 70px;
}
}
@media (max-width: 767px) {
.mt-breadcrumb-title {
font-size: 45px;
}
}
.mt-breadcrumb-list span {
margin: 0 2px;
display: inline-block;
color: var(--mt-common-black);
font-size: 24px;
font-weight: 700;
}
.mt-breadcrumb-list span.active a {
color: var(--mt-theme-1);
}
.mt-breadcrumb-list span.dvir {
margin: 0 2px;
}
.mt-breadcrumb-thumb {
margin-right: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-breadcrumb-thumb {
margin-right: 0;
}
}
.mt-breadcrumb-shape-1 {
left: 0%;
top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-breadcrumb-shape-1 {
left: -13%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-shape-1 {
width: 560px;
left: -6%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-breadcrumb-shape-1 {
left: -10%;
top: -10%;
}
}
.mt-breadcrumb-2 .mt-breadcrumb {
padding-top: 270px;
padding-bottom: 190px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-2 .mt-breadcrumb {
padding-top: 200px;
padding-bottom: 140px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-2 .mt-breadcrumb {
padding-top: 180px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-breadcrumb-2 .mt-breadcrumb {
padding-top: 150px;
padding-bottom: 100px;
}
}
.mt-breadcrumb-2 .mt-breadcrumb-shape-1 {
left: inherit;
right: -10%;
top: -10%;
animation: mt__scalingAnimation 18s linear infinite;
}
@media (max-width: 767px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-1 {
display: none;
}
}
.mt-breadcrumb-2 .mt-breadcrumb-shape-2 {
right: 0%;
top: 0%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-2 {
top: 9%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-2 {
top: 13%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-2 {
top: 25%;
}
}
.mt-breadcrumb-2 .mt-breadcrumb-shape-3 {
left: 15%;
top: 30%;
z-index: 1;
animation: mt__scalingAnimation 18s linear infinite;
}
@media (max-width: 767px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-3 {
display: none;
}
}
.mt-breadcrumb-2 .mt-breadcrumb-shape-4 {
right: 0%;
top: 0%;
}
.mt-breadcrumb-2 .mt-breadcrumb-shape-5 {
right: 20%;
top: 40%;
animation: mt-rotate-center 18s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-5 {
right: 10%;
top: 30%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-5 {
right: 6%;
top: 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-5 {
right: 0%;
top: 30%;
}
}
@media (max-width: 767px) {
.mt-breadcrumb-2 .mt-breadcrumb-shape-5 {
display: none;
}
}
.mt-breadcrumb-3::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.8) 55.23%, rgba(0, 2, 20, 0) 100%);
opacity: 0.6;
}
.mt-breadcrumb-3 .mt-breadcrumb {
padding-top: 300px;
padding-bottom: 220px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-breadcrumb-3 .mt-breadcrumb {
padding-top: 200px;
padding-bottom: 140px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-3 .mt-breadcrumb {
padding-top: 180px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-breadcrumb-3 .mt-breadcrumb {
padding-top: 150px;
padding-bottom: 100px;
}
}
.mt-breadcrumb-3 .mt-breadcrumb-title {
font-size: 96px;
color: var(--mt-common-white);
}
@media (max-width: 767px) {
.mt-breadcrumb-3 .mt-breadcrumb-title {
font-size: 50px;
}
}
.mt-breadcrumb-3 .mt-breadcrumb-list span {
margin: 0 2px;
display: inline-block;
color: var(--mt-common-white);
font-size: 24px;
font-weight: 700;
}
.mt-breadcrumb-3 .mt-breadcrumb-list span.active a {
color: var(--mt-theme-3);
}
.mt-breadcrumb-3 .mt-breadcrumb-list span.dvir {
margin: 0 2px;
transform: translateY(-3px);
}
.mt-breadcrumb-3 .mt-breadcrumb-shape {
position: absolute;
right: 0;
bottom: 0;
animation: mttranslateX2 3s infinite alternate;
}
.mt-breadcrumb-4 {
padding-top: 160px;
}
.mt-breadcrumb-4 .mt-breadcrumb {
padding-bottom: 20px;
}
.mt-breadcrumb-4 .mt-breadcrumb-list {
border: 1px solid #fff;
border-radius: 50px;
padding: 4px 15px;
display: inline-block;
}
.mt-breadcrumb-4 .mt-breadcrumb-list span {
color: var(--mt-common-white);
font-size: 14px;
font-weight: 500;
}
.mt-breadcrumb-4 .mt-breadcrumb-list span.active a {
color: var(--mt-theme-5);
}
.mt-breadcrumb-4 .mt-breadcrumb-title {
font-size: 38px;
color: var(--mt-common-white);
}
.mt-breadcrumb-4 .mt-breadcrumb-thumb img {
border-radius: 10px 0px 0px 0px;
}
.mt-breadcrumb-4 .mt-breadcrumb-shape {
left: 0%;
bottom: 20%;
animation: mt__scalingAnimation 18s linear infinite;
}
@media (max-width: 767px) {
.mt-breadcrumb-4 .mt-breadcrumb-shape {
display: none;
}
}
.mt-breadcrumb-5 {
padding-top: 130px;
padding-bottom: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-5 {
padding-top: 110px;
padding-bottom: 67px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-breadcrumb-5 {
padding-top: 110px;
padding-bottom: 67px;
}
}
.mt-breadcrumb-5 .mt-breadcrumb-shape-1 {
left: inherit;
top: 13%;
right: 18%;
animation: mt__scalingAnimation 18s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-5 .mt-breadcrumb-shape-1 {
width: inherit;
}
}
@media (max-width: 767px) {
.mt-breadcrumb-5 .mt-breadcrumb-shape-1 {
display: none;
}
}
.mt-breadcrumb-5 .mt-breadcrumb-shape-2 {
left: -1%;
top: 0%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-breadcrumb-5 .mt-breadcrumb-shape-2 {
display: none;
}
}
.mt-breadcrumb-5 .mt-breadcrumb-shape-3 {
top: -110%;
left: -4%;
animation: mt__scalingAnimation 18s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-breadcrumb-5 .mt-breadcrumb-shape-3 {
top: -160%;
left: -20%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-breadcrumb-5 .mt-breadcrumb-shape-3 {
top: -160%;
left: -20%;
}
}
@media (max-width: 767px) {
.mt-breadcrumb-5 .mt-breadcrumb-shape-3 {
display: none;
}
}
.mt-breadcrumb-5 .mt-breadcrumb-shape-4 {
left: 30%;
top: 10%;
animation: mttranslateX2 4s infinite alternate;
}
@media (max-width: 767px) {
.mt-breadcrumb-5 .mt-breadcrumb-shape-4 {
display: none;
}
}
.mt-breadcrumb-6 {
padding-top: 220px;
padding-bottom: 110px;
}
.mt-breadcrumb-6 .mt-breadcrumb-title {
font-size: 80px;
margin-bottom: 20px;
}
.mt-breadcrumb-6 .mt-breadcrumb-title span {
font-weight: 500;
font-size: 70px;
}
.mt-breadcrumb-6 .mt-breadcrumb-list span {
font-size: 18px;
font-weight: 500;
}
.mt-breadcrumb-6 .mt-breadcrumb-list span.active a {
color: #042552;
}
/*----------------------------------------*/
/* 2.12 Accordion
/*----------------------------------------*/
.mt-custom-accordion .accordion-items {
margin-bottom: 20px;
}
.mt-custom-accordion .accordion-buttons {
position: relative;
width: 100%;
font-weight: 700;
font-size: 18px;
text-align: left;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: var(--mt-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-custom-accordion .accordion-buttons {
font-size: 17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-custom-accordion .accordion-buttons {
font-size: 16px;
}
}
@media (max-width: 767px) {
.mt-custom-accordion .accordion-buttons {
font-size: 15px;
padding: 21px 20px;
padding-left: 63px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-custom-accordion .accordion-buttons {
font-size: 14px;
}
}
.mt-custom-accordion .accordion-buttons span {
color: #51666C;
font-size: 16px;
display: block;
margin-top: 5px;
}
.mt-custom-accordion .accordion-buttons::after {
position: absolute;
content: "\f106";
font-family: "Font Awesome 5 Pro";
top: 19px;
right: 30px;
font-weight: 700;
font-size: 20px;
opacity: 1;
/* width: 25px; */
/* height: 25px; */
/* line-height: 25px; */
text-align: center;
border-radius: 50%;
/* background-color: var(--mt-theme-1); */
color: var(--mt-common-black);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 767px) {
.mt-custom-accordion .accordion-buttons::after {
left: 20px;
}
}
.mt-custom-accordion .accordion-buttons.collapsed::after {
content: "\f107";
}
.mt-custom-accordion .accordion-buttons:not(.collapsed)::after {
color: var(--mt-theme-1);
}
.mt-custom-accordion .collapsed {
position: relative;
z-index: 8;
}
.mt-custom-accordion .accordion-body {
position: relative;
z-index: 1;
font-weight: 400;
font-size: 16px;
line-height: 30px;
padding: 0px;
border-bottom: 1px solid var(--mt-border-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-custom-accordion .accordion-body {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-custom-accordion .accordion-body {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-custom-accordion .accordion-body {
font-size: 14px;
}
}
@media (max-width: 767px) {
.mt-custom-accordion .accordion-body {
padding: 15px 20px;
padding-bottom: 25px;
padding-right: 20px;
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-custom-accordion .accordion-body {
font-size: 15px;
}
}
.mt-custom-accordion-2 .accordion-items {
margin-bottom: 20px;
border: 1px solid var(--mt-border-2);
border-radius: 10px;
}
.mt-custom-accordion-2 .accordion-buttons {
position: relative;
width: 100%;
font-weight: 700;
font-size: 18px;
text-align: left;
padding: 21px 30px;
padding-left: 60px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: var(--mt-common-black);
border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-custom-accordion-2 .accordion-buttons {
font-size: 17px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-custom-accordion-2 .accordion-buttons {
font-size: 16px;
}
}
@media (max-width: 767px) {
.mt-custom-accordion-2 .accordion-buttons {
font-size: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-custom-accordion-2 .accordion-buttons {
font-size: 17px;
}
}
.mt-custom-accordion-2 .accordion-buttons::after {
position: absolute;
content: "\f068";
font-family: "Font Awesome 5 Pro";
top: 15px;
left: 10px;
font-weight: 700;
font-size: 12px;
opacity: 1;
color: var(--mt-common-black);
border-radius: 30px;
border: 1px solid var(--mt-theme-1);
padding: 10px 12px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 767px) {
.mt-custom-accordion-2 .accordion-buttons::after {
right: 20px;
}
}
.mt-custom-accordion-2 .accordion-buttons.collapsed::after {
content: "\f067";
border: 1px solid var(--mt-common-black);
}
.mt-custom-accordion-2 .collapsed {
position: relative;
z-index: 99;
}
.mt-custom-accordion-2 .accordion-body {
position: relative;
z-index: 1;
font-weight: 400;
font-size: 16px;
line-height: 30px;
border-radius: 10px;
padding: 21px 30px;
margin-top: -1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-custom-accordion-2 .accordion-body {
font-size: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-custom-accordion-2 .accordion-body {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-custom-accordion-2 .accordion-body {
font-size: 14px;
}
}
@media (max-width: 767px) {
.mt-custom-accordion-2 .accordion-body {
font-size: 13px;
padding-right: 0;
line-height: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-custom-accordion-2 .accordion-body {
font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-faq-wrapper {
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.mt-accordion-header {
margin: 0;
}
.mt-accordion-item {
border-radius: 24px;
border: 1.5px solid #FD5725;
background: #FFF;
box-shadow: 0px 30px 50px 0px rgba(5, 21, 53, 0.06);
}
.mt-accordion-button {
width: 100%;
padding: 23px 30px;
text-align: left;
color: #051535;
font-size: 26px;
font-weight: 500;
line-height: 22px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-accordion-button {
display: inline-flex;
}
}
@media (max-width: 767px) {
.mt-accordion-button {
padding: 15px 20px;
font-size: 20px;
}
}
.mt-accordion-button:after {
content: "\f106";
font-family: "Font Awesome 6 Pro";
position: absolute;
right: 30px;
top: 50%;
-moz-transform: translateY(-30%);
-o-transform: translateY(-30%);
-ms-transform: translateY(-30%);
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
color: #FD5725;
}
@media (max-width: 767px) {
.mt-accordion-button:after {
right: 10px;
top: 28%;
}
}
.mt-accordion-button span {
margin-right: 20px;
font-size: 26px;
color: #fff;
border-radius: 100px;
background: linear-gradient(91deg, #EE7824 1.21%, #F6C107 101.83%);
box-shadow: 0px 22px 35px -2px rgba(251, 137, 91, 0.24);
width: 50px;
height: 50px;
display: inline-block;
line-height: 50px;
text-align: center;
}
@media (max-width: 767px) {
.mt-accordion-button span {
margin-right: 10px;
font-size: 18px;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
flex: none;
}
}
.mt-accordion-button.collapsed:after {
content: "\f107";
font-family: "Font Awesome 6 Pro";
position: absolute;
right: 30px;
top: 50%;
-moz-transform: translateY(-30%);
-o-transform: translateY(-30%);
-ms-transform: translateY(-30%);
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
color: #FD5725;
}
@media (max-width: 767px) {
.mt-accordion-button.collapsed:after {
right: 10px;
top: 28%;
}
}
.mt-accordion-body {
margin: 0 30px 35px 100px;
border-left: 1px solid #5F708C;
padding-left: 20px;
}
@media (max-width: 767px) {
.mt-accordion-body {
margin: 0 6px 20px 6px;
padding-left: 5px;
}
}
.mt-accordion-body p {
color: #55607A;
font-size: 20px;
font-weight: 400;
}
@media (max-width: 767px) {
.mt-accordion-body p {
font-size: 17px;
}
}
/*----------------------------------------*/
/* 2.15 Section Title
/*----------------------------------------*/
.mt-section-subtitle {
color: var(--mt-common-black);
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
display: inline-block;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-section-subtitle {
font-size: 14px;
}
}
.mt-section-subtitle.mtblack {
color: var(--mt-common-black);
}
.mt-section-subtitle.mtwhite {
color: var(--mt-common-white);
}
.mt-section-subtitle cite {
background: var(--mt-common-black);
color: #fff;
padding: 3px 12px;
border-radius: 30px;
}
.mt-section-subtitle.substyletwo {
color: var(--mt-theme-4);
display: block;
}
.mt-section-subtitle.substylethree {
border: 1px solid #206DB5;
color: #206DB5;
display: inline-block;
border-radius: 30px;
padding: 9px 20px;
text-transform: uppercase;
font-weight: 500;
}
.mt-section-subtitle.substylefour {
background-color: #206DB5;
color: #fff;
display: inline-block;
border-radius: 50px;
line-height: 30px;
height: 30px;
padding: 0px 20px;
font-weight: 700;
font-size: 16px;
}
.mt-section-title {
color: var(--mt-common-black);
font-size: 52px;
font-weight: 700;
text-transform: capitalize;
line-height: 1.1;
z-index: 2;
position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-section-title {
font-size: 42px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-section-title {
font-size: 40px;
}
.mt-section-title br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-section-title {
font-size: 38px;
}
.mt-section-title br {
display: none;
}
}
@media (max-width: 767px) {
.mt-section-title {
font-size: 28px;
}
.mt-section-title br {
display: none;
}
}
.mt-section-title.mtblack {
color: var(--mt-common-black);
}
.mt-section-title.mtwhite {
color: var(--mt-common-white);
}
.mt-section-title.styletwo {
color: var(--mt-common-black-3);
display: inline-block;
}
.mt-section-title.styletwo span {
font-size: 45px;
font-weight: 400;
}
@media (max-width: 767px) {
.mt-section-title.styletwo span {
font-size: 30px;
}
}
.mt-section-title.styletwo cite {
font-size: 12px;
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.mt-section-title.stylethree {
font-size: 38px;
}
@media (max-width: 767px) {
.mt-section-title.stylethree {
font-size: 30px;
}
.mt-section-title.stylethree br {
display: none;
}
}
.mt-section-title.stylefour span {
color: var(--mt-theme-6);
}
.mt-section-title b {
position: relative;
}
.mt-section-title b::before {
content: "";
width: 100%;
height: 8px;
position: absolute;
background: #FFA319;
bottom: 0px;
left: 0;
z-index: -1;
border-radius: 0px 100px 0px 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-section-content p br {
display: none;
}
}
@media (max-width: 767px) {
.mt-section p {
font-size: 28px;
}
.mt-section p br {
display: none;
}
}
/*----------------------------------------*/
/* 2.16 Search css start
/*----------------------------------------*/
.mt-header-search-bar {
height: 400px;
position: fixed;
top: -100%;
left: 0;
right: 0;
z-index: 99999999;
background: var(--mt-common-white);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-header-search-bar.mt-search-open {
top: 0;
}
.contact-search-form-box form {
position: relative;
}
.contact-search-form-box form input {
color: #000;
border: 0;
border-bottom: 1px solid #000;
border-radius: 0;
padding-left: 0;
}
.contact-search-form-box form input::-webkit-input-placeholder {
color: #000000;
}
.contact-search-form-box form input:-moz-placeholder {
color: #000000;
}
.contact-search-form-box form input::-moz-placeholder {
color: #000000;
}
.contact-search-form-box form input:-ms-input-placeholder {
color: #000000;
}
.contact-search-form-box form button {
position: absolute;
right: 0;
top: 13px;
font-size: 17px;
color: #000;
}
.mt-search-close {
position: absolute;
right: 50px;
top: 35px;
font-size: 50px;
color: var(--mt-common-black);
font-weight: 300;
width: 45px;
height: 45px;
}
.mt-search-close:hover {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.mt-search-bar-title {
color: var(--mt-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-search-bar-title {
font-size: 25px;
}
}
/*----------------------------------------*/
/* 2.178 Range Slider css start
/*----------------------------------------*/
.ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-checkboxradio-disabled, .ui-state-disabled {
pointer-events: none;
}
.ui-datepicker .ui-icon, .ui-icon {
text-indent: -99999px;
background-repeat: no-repeat;
}
.ui-helper-reset, .ui-menu {
outline: 0;
list-style: none;
}
.ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
overflow: hidden;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0;
padding: 0.5em 0.5em 0.5em 0.7em;
font-size: 100%;
}
.ui-autocomplete, .ui-menu .ui-menu {
position: absolute;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
padding: 0;
margin: 0;
display: block;
}
.ui-button, .ui-controlgroup {
display: inline-block;
vertical-align: middle;
}
.ui-button, .ui-menu-icons, .ui-resizable {
position: relative;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px 0.4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0;
}
.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
margin: -1px;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
.ui-button, .ui-controlgroup .ui-controlgroup-label {
padding: 0.4em 1em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
line-height: normal;
margin-right: 0.1em;
cursor: pointer;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
}
.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
text-decoration: none;
}
.ui-button-icon-only {
width: 2em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: 0.4em 1em;
}
button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: 0.12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: 700;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td a, .ui-datepicker td span {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker .ui-icon {
display: block;
overflow: hidden;
left: 0.5em;
top: 0.3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: 0.2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: 0 0;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0;
background-image: none;
margin-top: 0.5em;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle, .ui-selectable, .ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted #000;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: 700;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: 0 0;
color: inherit;
padding: 0.222em 0;
margin: 0.2em 2em 0.2em 0.4em;
vertical-align: middle;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: 0.5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-tabs {
position: relative;
padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px 0.2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: 0 0;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333;
}
.ui-widget-content a, .ui-widget-header a {
color: #333;
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: 700;
}
.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545;
}
.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
color: #454545;
text-decoration: none;
}
.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
border: 1px solid #ccc;
background: #ededed;
font-weight: 400;
color: #2b2b2b;
}
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff;
}
.ui-icon-background, .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: 700;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70);
font-weight: 400;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-button:active .ui-icon, .ui-state-active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-caret-1-n {
background-position: 0 0;
}
.ui-icon-caret-1-ne {
background-position: -16px 0;
}
.ui-icon-caret-1-e {
background-position: -32px 0;
}
.ui-icon-caret-1-se {
background-position: -48px 0;
}
.ui-icon-caret-1-s {
background-position: -65px 0;
}
.ui-icon-caret-1-sw {
background-position: -80px 0;
}
.ui-icon-caret-1-w {
background-position: -96px 0;
}
.ui-icon-caret-1-nw {
background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-first, .ui-icon-seek-start {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
border-top-left-radius: 3px;
}
.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
background: #aaa;
opacity: 0.3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666;
}
/*----------------------------------------*/
/* 2.5 Custom Animation
/*----------------------------------------*/
.mtFadeInUp {
opacity: 0;
/* Start invisible */
animation: mtFadeInUp 2s ease-out forwards;
/* 2 seconds duration, ease-out effect */
}
@keyframes mtFadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
/* Start slightly below */
}
100% {
opacity: 1;
transform: translateY(0);
/* End at original position */
}
}
@keyframes mtslideInUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.mtfadeInLeft {
opacity: 0;
/* Start invisible */
animation: mtfadeInLeft 2s ease-out forwards;
/* 2 seconds duration, ease-out effect */
}
@keyframes mtfadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
/* Start slightly to the left */
}
100% {
opacity: 1;
transform: translateX(0);
/* End at original position */
}
}
.mtSkillInLeft {
opacity: 0;
/* Start invisible */
animation: mtSkillInLeft 2s ease-out forwards;
/* 2 seconds duration, ease-out effect */
}
@keyframes mtSkillInLeft {
0% {
opacity: 0;
transform: translateX(-300px);
/* Start slightly to the left */
}
100% {
opacity: 1;
transform: translateX(0);
/* End at original position */
}
}
.slideinup {
-webkit-animation-name: slideinup;
animation-name: slideinup;
}
@keyframes slideinup {
0% {
opacity: 0;
transform: translateY(70px);
}
100% {
transform: translateY(0);
}
}
@keyframes slideinright {
0% {
opacity: 0;
transform: translateX(70px);
}
100% {
transform: translateX(0);
}
}
@keyframes slideindown {
0% {
opacity: 0;
transform: translateY(-70px);
}
100% {
transform: translateY(0);
}
}
.slideinleft {
-webkit-animation-name: slideinleft;
animation-name: slideinleft;
}
@keyframes slideinleft {
0% {
opacity: 0;
transform: translateX(-70px);
}
100% {
transform: translateX(0);
}
}
@keyframes slidebottomright {
0% {
opacity: 0;
transform: translateX(100px) translateY(100px);
}
100% {
transform: translateX(0) translateY(0);
}
}
@keyframes slidetopleft {
0% {
opacity: 0;
transform: translateX(-100px) translateY(-100px);
}
100% {
transform: translateX(0) translateY(0);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
0% {
border-right-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent;
}
75% {
border-top-color: #fff;
border-left-color: #fff;
border-right-color: #fff;
border-bottom-color: transparent;
}
100% {
border-right-color: transparent;
border-bottom-color: transparent;
border-top-color: transparent;
border-left-color: transparent;
}
}
/*img-animation**********************/
.img-custom-anim-right {
animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0;
}
@keyframes img-anim-right {
0% {
transform: translateX(5%);
clip-path: inset(0 0 0 100%);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-left {
animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
opacity: 0;
}
@keyframes img-anim-left {
0% {
transform: translateX(-5%);
clip-path: inset(0 100% 0 0);
opacity: 0;
}
100% {
transform: translateX(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
.img-custom-anim-top {
animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}
@keyframes img-anim-top {
0% {
transform: translateY(-5%);
clip-path: inset(0 0 100% 0);
opacity: 0;
}
100% {
transform: translateY(0);
clip-path: inset(0 0 0 0);
opacity: 1;
}
}
@keyframes mttranslateY2 {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes mttranslateX2 {
0% {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
100% {
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
}
@keyframes shine {
100% {
left: 125%;
}
}
@keyframes mt__scalingAnimation {
0% {
scale: 100%;
}
33.333% {
scale: 0.5;
}
50% {
scale: 0.7;
}
66.666% {
scale: 0.9;
}
100% {
scale: 100%;
}
}
@keyframes borderanimate2 {
0% {
transform: translate(-50%, -50%) scale(0.8);
}
60% {
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(2.5);
opacity: 0;
}
}
@keyframes mt-rotate-center {
0% {
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*----------------------------------------*/
/* 2.5 Mouse Cursor
/*----------------------------------------*/
.mouse-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
}
.cursor-inner {
width: 6px;
height: 6px;
z-index: 999999;
background-color: var(--mt-theme-6);
-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner.cursor-hover {
margin-left: -35px;
margin-top: -35px;
width: 70px;
height: 70px;
background-color: var(--mt-theme-6);
opacity: 0.3;
}
.cursor-outer {
margin-left: -12px;
margin-top: -12px;
width: 30px;
height: 30px;
border: 1px solid var(--mt-theme-6);
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
opacity: 0.5;
-webkit-transition: all 0.08s ease-out;
-o-transition: all 0.08s ease-out;
transition: all 0.08s ease-out;
}
.cursor-outer.cursor-hover {
opacity: 0;
}
/*----------------------------------------*/
/* 2.5 Preloader
/*----------------------------------------*/
#loading {
background-color: var(--mt-theme-1);
height: 100%;
width: 100%;
position: fixed;
z-index: 999;
margin-top: 0px;
top: 0px;
}
#loading-center {
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.object {
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
position: absolute;
border-top: 5px solid #000;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
border-right: 5px solid transparent;
-webkit-animation: animate 2s infinite;
animation: animate 2s infinite;
}
#object_one {
left: 75px;
top: 75px;
width: 50px;
height: 50px;
}
#object_two {
left: 65px;
top: 65px;
width: 70px;
height: 70px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#object_three {
left: 55px;
top: 55px;
width: 90px;
height: 90px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#object_four {
left: 45px;
top: 45px;
width: 110px;
height: 110px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes animate {
50% {
-ms-transform: rotate(360deg) scale(0.8);
-webkit-transform: rotate(360deg) scale(0.8);
transform: rotate(360deg) scale(0.8);
}
}
@keyframes animate {
50% {
-ms-transform: rotate(360deg) scale(0.8);
-webkit-transform: rotate(360deg) scale(0.8);
transform: rotate(360deg) scale(0.8);
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*---------------------------------
typography css start
---------------------------------*/
body {
color: var(--mt-text-p);
font-size: 16px;
font-family: var(--mt-ff-body);
font-weight: 400;
line-height: 24px;
}
a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--mt-ff-heading);
color: var(--mt-common-black);
margin-top: 0px;
font-weight: 700;
line-height: 1.1;
-webkit-transition: color;
-moz-transition: color;
-ms-transition: color;
-o-transition: color;
transition: color;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
}
ul {
margin: 0px;
padding: 0px;
}
p {
color: var(--mt-text-p);
font-family: var(--mt-ff-body);
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-transform: capitalize;
}
img {
max-width: 100%;
}
a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: none;
border: none;
background: transparent;
}
button:hover {
cursor: pointer;
}
button:focus {
outline: 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
outline: none;
background-color: var(--mt-common-white);
height: 56px;
width: 100%;
line-height: 56px;
font-size: 15px;
padding-left: 25px;
padding-right: 25px;
color: var(--mt-common-black);
resize: none;
border: 0;
border: 1px solid #DEE;
border-radius: 15px;
text-transform: capitalize;
font-weight: 500;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #727272;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
color: #727272;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
color: #727272;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #727272;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
border-color: #727272;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
opacity: 0;
}
textarea {
height: 156px;
line-height: 1.4;
padding-top: 17px;
padding-bottom: 17px;
}
input[type=color] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none;
border: 0;
cursor: pointer;
height: 100%;
width: 100%;
padding: 0;
border-radius: 50%;
}
*::-moz-selection {
background: var(--mt-common-black);
color: var(--mt-common-white);
text-shadow: none;
}
::-moz-selection {
background: var(--mt-common-black);
color: var(--mt-common-white);
text-shadow: none;
}
::selection {
background: var(--mt-common-black);
color: var(--mt-common-white);
text-shadow: none;
}
*::-moz-placeholder {
color: var(--mt-common-black);
font-size: 14px;
opacity: 1;
}
*::placeholder {
color: var(--mt-common-black);
font-size: 14px;
opacity: 1;
}
.z-index {
position: relative;
z-index: 1;
}
.z-index-2 {
position: relative;
z-index: 2;
}
.z-index-3 {
position: relative;
z-index: 3;
}
.z-index-4 {
position: relative;
z-index: 4;
}
.z-index-5 {
position: relative;
z-index: 5;
}
.z-index-6 {
position: relative;
z-index: 6;
}
.z-index-7 {
position: relative;
z-index: 7;
}
.z-index-8 {
position: relative;
z-index: 8;
}
.z-index-9 {
position: relative;
z-index: 9;
}
.gx-10 {
--bs-gutter-x: 10px;
}
.gx-15 {
--bs-gutter-x: 15px;
}
.gx-20 {
--bs-gutter-x: 20px;
}
.gx-25 {
--bs-gutter-x: 25px;
}
.gx-30 {
--bs-gutter-x: 30px;
}
.gx-35 {
--bs-gutter-x: 35px;
}
.gx-40 {
--bs-gutter-x: 40px;
}
.gx-45 {
--bs-gutter-x: 45px;
}
.gx-50 {
--bs-gutter-x: 50px;
}
.mt-slide-transtion {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.mt-brand-slide-element {
width: auto;
display: inline-block;
}
/*---------------------------------
1.2 Common Classes
---------------------------------*/
.w-img img {
width: 100%;
}
.m-img img {
max-width: 100%;
}
.fix {
overflow: hidden;
}
.clear {
clear: both;
}
.overflow-y-visible {
overflow-x: hidden;
overflow-y: visible;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.include-bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.z-index-1 {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}
.z-index-3 {
z-index: 3;
}
.z-index-4 {
z-index: 4;
}
.z-index-5 {
z-index: 5;
}
.z-index-6 {
z-index: 6;
}
.z-index-7 {
z-index: 7;
}
.z-index-8 {
z-index: 8;
}
.z-index-9 {
z-index: 9;
}
.br-5 img {
border-radius: 5px;
}
.br-8 img {
border-radius: 8px;
}
.br-10 img {
border-radius: 10px;
}
.br-12 img {
border-radius: 12px;
}
.br-15 img {
border-radius: 15px;
}
.br-20 img {
border-radius: 20px;
}
.br-30 img {
border-radius: 30px;
}
.br-40 img {
border-radius: 40px;
}
.mt-fs-12 {
font-size: 12px;
}
.mt-fs-24 {
font-size: 24px;
}
.mt-fs-26 {
font-size: 26px;
}
.mt-fs-28 {
font-size: 28px;
}
.mt-fs-30 {
font-size: 30px;
}
.mt-fs-32 {
font-size: 32px;
}
.mt-fs-36 {
font-size: 36px;
}
.mt-fs-40 {
font-size: 40px;
}
.mt-fs-42 {
font-size: 42px;
}
.mt-fs-48 {
font-size: 48px;
}
.mt-fs-50 {
font-size: 50px;
}
/*----------------------------------------
Body Overlay
-----------------------------------------*/
.body-overlay {
background-color: var(--mt-common-black);
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.body-overlay:hover {
cursor: url("../img/icon/cross-out.png"), pointer;
}
.body-overlay.opened {
opacity: 0.7;
visibility: visible;
}
/* dropcap */
.mt-dropcap::first-letter {
font-size: 90px;
font-weight: 500;
float: left;
text-align: center;
color: var(--mt-common-black);
margin-right: 5px;
line-height: inherit;
text-transform: capitalize;
}
.class {
stroke-dasharray: 189px, 191px;
stroke-dashoffset: 0px;
}
/* gutter for x axis */
.mt-gx-20 {
--bs-gutter-x: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-gx-20 {
--bs-gutter-x: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-gx-20 {
--bs-gutter-x: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-gx-20 {
--bs-gutter-x: 15px;
}
}
@media (max-width: 767px) {
.mt-gx-20 {
--bs-gutter-x: 10px;
}
}
.mt-gx-20 [class*=col-] {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
/* gutter for x axis */
.mt-gx-30 {
--bs-gutter-x: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-gx-30 {
--bs-gutter-x: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-gx-30 {
--bs-gutter-x: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-gx-30 {
--bs-gutter-x: 15px;
}
}
@media (max-width: 767px) {
.mt-gx-30 {
--bs-gutter-x: 10px;
}
}
.mt-gx-30 [class*=col-] {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
/* gutter for x axis */
.mt-gx-40 {
--bs-gutter-x: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-gx-40 {
--bs-gutter-x: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-gx-40 {
--bs-gutter-x: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-gx-40 {
--bs-gutter-x: 30px;
}
}
@media (max-width: 767px) {
.mt-gx-40 {
--bs-gutter-x: 15px;
}
}
.mt-gx-40 [class*=col-] {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
@media (min-width: 1400px) {
.container-large {
max-width: 1325px;
}
}
.mt-fs-15 {
font-size: 15px;
}
.mt-fs-20 {
font-size: 20px;
}
.mt-fs-24 {
font-size: 24px;
}
.mt-fs-30 {
font-size: 30px;
}
@media (max-width: 767px) {
.mt-fs-30 {
font-size: 22px;
}
}
.mt-fs-40 {
font-size: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-fs-40 {
font-size: 32px;
}
}
.mt-fs-52 {
font-size: 52px;
}
.br-20 {
border-radius: 20px;
}
.br-5 img {
border-radius: 5px;
}
.br-10 img {
border-radius: 10px;
}
.br-15 img {
border-radius: 15px;
}
.br-20 img {
border-radius: 20px;
}
.br-50 img {
border-radius: 50px;
}
.mt-upper {
text-transform: uppercase;
}
.br-50 {
border-radius: 50px;
}
.mt-white {
color: #fff;
}
/*----------------------------------------*/
/* 1.3 Default Spacing
/*----------------------------------------*/
/*--
- Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-1 {
margin-top: 1px;
}
.mt-2 {
margin-top: 2px;
}
.mt-3 {
margin-top: 3px;
}
.mt-4 {
margin-top: 4px;
}
.mt-5 {
margin-top: 5px;
}
.mt-6 {
margin-top: 6px;
}
.mt-7 {
margin-top: 7px;
}
.mt-8 {
margin-top: 8px;
}
.mt-9 {
margin-top: 9px;
}
.mt-10 {
margin-top: 10px;
}
.mt-11 {
margin-top: 11px;
}
.mt-12 {
margin-top: 12px;
}
.mt-13 {
margin-top: 13px;
}
.mt-14 {
margin-top: 14px;
}
.mt-15 {
margin-top: 15px;
}
.mt-16 {
margin-top: 16px;
}
.mt-17 {
margin-top: 17px;
}
.mt-18 {
margin-top: 18px;
}
.mt-19 {
margin-top: 19px;
}
.mt-20 {
margin-top: 20px;
}
.mt-21 {
margin-top: 21px;
}
.mt-22 {
margin-top: 22px;
}
.mt-23 {
margin-top: 23px;
}
.mt-24 {
margin-top: 24px;
}
.mt-25 {
margin-top: 25px;
}
.mt-26 {
margin-top: 26px;
}
.mt-27 {
margin-top: 27px;
}
.mt-28 {
margin-top: 28px;
}
.mt-29 {
margin-top: 29px;
}
.mt-30 {
margin-top: 30px;
}
.mt-31 {
margin-top: 31px;
}
.mt-32 {
margin-top: 32px;
}
.mt-33 {
margin-top: 33px;
}
.mt-34 {
margin-top: 34px;
}
.mt-35 {
margin-top: 35px;
}
.mt-36 {
margin-top: 36px;
}
.mt-37 {
margin-top: 37px;
}
.mt-38 {
margin-top: 38px;
}
.mt-39 {
margin-top: 39px;
}
.mt-40 {
margin-top: 40px;
}
.mt-41 {
margin-top: 41px;
}
.mt-42 {
margin-top: 42px;
}
.mt-43 {
margin-top: 43px;
}
.mt-44 {
margin-top: 44px;
}
.mt-45 {
margin-top: 45px;
}
.mt-46 {
margin-top: 46px;
}
.mt-47 {
margin-top: 47px;
}
.mt-48 {
margin-top: 48px;
}
.mt-49 {
margin-top: 49px;
}
.mt-50 {
margin-top: 50px;
}
.mt-51 {
margin-top: 51px;
}
.mt-52 {
margin-top: 52px;
}
.mt-53 {
margin-top: 53px;
}
.mt-54 {
margin-top: 54px;
}
.mt-55 {
margin-top: 55px;
}
.mt-56 {
margin-top: 56px;
}
.mt-57 {
margin-top: 57px;
}
.mt-58 {
margin-top: 58px;
}
.mt-59 {
margin-top: 59px;
}
.mt-60 {
margin-top: 60px;
}
.mt-61 {
margin-top: 61px;
}
.mt-62 {
margin-top: 62px;
}
.mt-63 {
margin-top: 63px;
}
.mt-64 {
margin-top: 64px;
}
.mt-65 {
margin-top: 65px;
}
.mt-66 {
margin-top: 66px;
}
.mt-67 {
margin-top: 67px;
}
.mt-68 {
margin-top: 68px;
}
.mt-69 {
margin-top: 69px;
}
.mt-70 {
margin-top: 70px;
}
.mt-71 {
margin-top: 71px;
}
.mt-72 {
margin-top: 72px;
}
.mt-73 {
margin-top: 73px;
}
.mt-74 {
margin-top: 74px;
}
.mt-75 {
margin-top: 75px;
}
.mt-76 {
margin-top: 76px;
}
.mt-77 {
margin-top: 77px;
}
.mt-78 {
margin-top: 78px;
}
.mt-79 {
margin-top: 79px;
}
.mt-80 {
margin-top: 80px;
}
.mt-81 {
margin-top: 81px;
}
.mt-82 {
margin-top: 82px;
}
.mt-83 {
margin-top: 83px;
}
.mt-84 {
margin-top: 84px;
}
.mt-85 {
margin-top: 85px;
}
.mt-86 {
margin-top: 86px;
}
.mt-87 {
margin-top: 87px;
}
.mt-88 {
margin-top: 88px;
}
.mt-89 {
margin-top: 89px;
}
.mt-90 {
margin-top: 90px;
}
.mt-91 {
margin-top: 91px;
}
.mt-92 {
margin-top: 92px;
}
.mt-93 {
margin-top: 93px;
}
.mt-94 {
margin-top: 94px;
}
.mt-95 {
margin-top: 95px;
}
.mt-96 {
margin-top: 96px;
}
.mt-97 {
margin-top: 97px;
}
.mt-98 {
margin-top: 98px;
}
.mt-99 {
margin-top: 99px;
}
.mt-100 {
margin-top: 100px;
}
.mt-101 {
margin-top: 101px;
}
.mt-102 {
margin-top: 102px;
}
.mt-103 {
margin-top: 103px;
}
.mt-104 {
margin-top: 104px;
}
.mt-105 {
margin-top: 105px;
}
.mt-106 {
margin-top: 106px;
}
.mt-107 {
margin-top: 107px;
}
.mt-108 {
margin-top: 108px;
}
.mt-109 {
margin-top: 109px;
}
.mt-110 {
margin-top: 110px;
}
.mt-111 {
margin-top: 111px;
}
.mt-112 {
margin-top: 112px;
}
.mt-113 {
margin-top: 113px;
}
.mt-114 {
margin-top: 114px;
}
.mt-115 {
margin-top: 115px;
}
.mt-116 {
margin-top: 116px;
}
.mt-117 {
margin-top: 117px;
}
.mt-118 {
margin-top: 118px;
}
.mt-119 {
margin-top: 119px;
}
.mt-120 {
margin-top: 120px;
}
.mt-121 {
margin-top: 121px;
}
.mt-122 {
margin-top: 122px;
}
.mt-123 {
margin-top: 123px;
}
.mt-124 {
margin-top: 124px;
}
.mt-125 {
margin-top: 125px;
}
.mt-126 {
margin-top: 126px;
}
.mt-127 {
margin-top: 127px;
}
.mt-128 {
margin-top: 128px;
}
.mt-129 {
margin-top: 129px;
}
.mt-130 {
margin-top: 130px;
}
.mt-131 {
margin-top: 131px;
}
.mt-132 {
margin-top: 132px;
}
.mt-133 {
margin-top: 133px;
}
.mt-134 {
margin-top: 134px;
}
.mt-135 {
margin-top: 135px;
}
.mt-136 {
margin-top: 136px;
}
.mt-137 {
margin-top: 137px;
}
.mt-138 {
margin-top: 138px;
}
.mt-139 {
margin-top: 139px;
}
.mt-140 {
margin-top: 140px;
}
.mt-141 {
margin-top: 141px;
}
.mt-142 {
margin-top: 142px;
}
.mt-143 {
margin-top: 143px;
}
.mt-144 {
margin-top: 144px;
}
.mt-145 {
margin-top: 145px;
}
.mt-146 {
margin-top: 146px;
}
.mt-147 {
margin-top: 147px;
}
.mt-148 {
margin-top: 148px;
}
.mt-149 {
margin-top: 149px;
}
.mt-150 {
margin-top: 150px;
}
/*-- Margin Bottom --*/
.mb-1 {
margin-bottom: 1px;
}
.mb-2 {
margin-bottom: 2px;
}
.mb-3 {
margin-bottom: 3px;
}
.mb-4 {
margin-bottom: 4px;
}
.mb-5 {
margin-bottom: 5px;
}
.mb-6 {
margin-bottom: 6px;
}
.mb-7 {
margin-bottom: 7px;
}
.mb-8 {
margin-bottom: 8px;
}
.mb-9 {
margin-bottom: 9px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-11 {
margin-bottom: 11px;
}
.mb-12 {
margin-bottom: 12px;
}
.mb-13 {
margin-bottom: 13px;
}
.mb-14 {
margin-bottom: 14px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-16 {
margin-bottom: 16px;
}
.mb-17 {
margin-bottom: 17px;
}
.mb-18 {
margin-bottom: 18px;
}
.mb-19 {
margin-bottom: 19px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-21 {
margin-bottom: 21px;
}
.mb-22 {
margin-bottom: 22px;
}
.mb-23 {
margin-bottom: 23px;
}
.mb-24 {
margin-bottom: 24px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-26 {
margin-bottom: 26px;
}
.mb-27 {
margin-bottom: 27px;
}
.mb-28 {
margin-bottom: 28px;
}
.mb-29 {
margin-bottom: 29px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-31 {
margin-bottom: 31px;
}
.mb-32 {
margin-bottom: 32px;
}
.mb-33 {
margin-bottom: 33px;
}
.mb-34 {
margin-bottom: 34px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-36 {
margin-bottom: 36px;
}
.mb-37 {
margin-bottom: 37px;
}
.mb-38 {
margin-bottom: 38px;
}
.mb-39 {
margin-bottom: 39px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-41 {
margin-bottom: 41px;
}
.mb-42 {
margin-bottom: 42px;
}
.mb-43 {
margin-bottom: 43px;
}
.mb-44 {
margin-bottom: 44px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-46 {
margin-bottom: 46px;
}
.mb-47 {
margin-bottom: 47px;
}
.mb-48 {
margin-bottom: 48px;
}
.mb-49 {
margin-bottom: 49px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-51 {
margin-bottom: 51px;
}
.mb-52 {
margin-bottom: 52px;
}
.mb-53 {
margin-bottom: 53px;
}
.mb-54 {
margin-bottom: 54px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-56 {
margin-bottom: 56px;
}
.mb-57 {
margin-bottom: 57px;
}
.mb-58 {
margin-bottom: 58px;
}
.mb-59 {
margin-bottom: 59px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-61 {
margin-bottom: 61px;
}
.mb-62 {
margin-bottom: 62px;
}
.mb-63 {
margin-bottom: 63px;
}
.mb-64 {
margin-bottom: 64px;
}
.mb-65 {
margin-bottom: 65px;
}
.mb-66 {
margin-bottom: 66px;
}
.mb-67 {
margin-bottom: 67px;
}
.mb-68 {
margin-bottom: 68px;
}
.mb-69 {
margin-bottom: 69px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-71 {
margin-bottom: 71px;
}
.mb-72 {
margin-bottom: 72px;
}
.mb-73 {
margin-bottom: 73px;
}
.mb-74 {
margin-bottom: 74px;
}
.mb-75 {
margin-bottom: 75px;
}
.mb-76 {
margin-bottom: 76px;
}
.mb-77 {
margin-bottom: 77px;
}
.mb-78 {
margin-bottom: 78px;
}
.mb-79 {
margin-bottom: 79px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-81 {
margin-bottom: 81px;
}
.mb-82 {
margin-bottom: 82px;
}
.mb-83 {
margin-bottom: 83px;
}
.mb-84 {
margin-bottom: 84px;
}
.mb-85 {
margin-bottom: 85px;
}
.mb-86 {
margin-bottom: 86px;
}
.mb-87 {
margin-bottom: 87px;
}
.mb-88 {
margin-bottom: 88px;
}
.mb-89 {
margin-bottom: 89px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-91 {
margin-bottom: 91px;
}
.mb-92 {
margin-bottom: 92px;
}
.mb-93 {
margin-bottom: 93px;
}
.mb-94 {
margin-bottom: 94px;
}
.mb-95 {
margin-bottom: 95px;
}
.mb-96 {
margin-bottom: 96px;
}
.mb-97 {
margin-bottom: 97px;
}
.mb-98 {
margin-bottom: 98px;
}
.mb-99 {
margin-bottom: 99px;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-101 {
margin-bottom: 101px;
}
.mb-102 {
margin-bottom: 102px;
}
.mb-103 {
margin-bottom: 103px;
}
.mb-104 {
margin-bottom: 104px;
}
.mb-105 {
margin-bottom: 105px;
}
.mb-106 {
margin-bottom: 106px;
}
.mb-107 {
margin-bottom: 107px;
}
.mb-108 {
margin-bottom: 108px;
}
.mb-109 {
margin-bottom: 109px;
}
.mb-110 {
margin-bottom: 110px;
}
.mb-111 {
margin-bottom: 111px;
}
.mb-112 {
margin-bottom: 112px;
}
.mb-113 {
margin-bottom: 113px;
}
.mb-114 {
margin-bottom: 114px;
}
.mb-115 {
margin-bottom: 115px;
}
.mb-116 {
margin-bottom: 116px;
}
.mb-117 {
margin-bottom: 117px;
}
.mb-118 {
margin-bottom: 118px;
}
.mb-119 {
margin-bottom: 119px;
}
.mb-120 {
margin-bottom: 120px;
}
.mb-121 {
margin-bottom: 121px;
}
.mb-122 {
margin-bottom: 122px;
}
.mb-123 {
margin-bottom: 123px;
}
.mb-124 {
margin-bottom: 124px;
}
.mb-125 {
margin-bottom: 125px;
}
.mb-126 {
margin-bottom: 126px;
}
.mb-127 {
margin-bottom: 127px;
}
.mb-128 {
margin-bottom: 128px;
}
.mb-129 {
margin-bottom: 129px;
}
.mb-130 {
margin-bottom: 130px;
}
.mb-131 {
margin-bottom: 131px;
}
.mb-132 {
margin-bottom: 132px;
}
.mb-133 {
margin-bottom: 133px;
}
.mb-134 {
margin-bottom: 134px;
}
.mb-135 {
margin-bottom: 135px;
}
.mb-136 {
margin-bottom: 136px;
}
.mb-137 {
margin-bottom: 137px;
}
.mb-138 {
margin-bottom: 138px;
}
.mb-139 {
margin-bottom: 139px;
}
.mb-140 {
margin-bottom: 140px;
}
.mb-141 {
margin-bottom: 141px;
}
.mb-142 {
margin-bottom: 142px;
}
.mb-143 {
margin-bottom: 143px;
}
.mb-144 {
margin-bottom: 144px;
}
.mb-145 {
margin-bottom: 145px;
}
.mb-146 {
margin-bottom: 146px;
}
.mb-147 {
margin-bottom: 147px;
}
.mb-148 {
margin-bottom: 148px;
}
.mb-149 {
margin-bottom: 149px;
}
.mb-150 {
margin-bottom: 150px;
}
/*-- Margin Left --*/
.ml-1 {
margin-left: 1px;
}
.ml-2 {
margin-left: 2px;
}
.ml-3 {
margin-left: 3px;
}
.ml-4 {
margin-left: 4px;
}
.ml-5 {
margin-left: 5px;
}
.ml-6 {
margin-left: 6px;
}
.ml-7 {
margin-left: 7px;
}
.ml-8 {
margin-left: 8px;
}
.ml-9 {
margin-left: 9px;
}
.ml-10 {
margin-left: 10px;
}
.ml-11 {
margin-left: 11px;
}
.ml-12 {
margin-left: 12px;
}
.ml-13 {
margin-left: 13px;
}
.ml-14 {
margin-left: 14px;
}
.ml-15 {
margin-left: 15px;
}
.ml-16 {
margin-left: 16px;
}
.ml-17 {
margin-left: 17px;
}
.ml-18 {
margin-left: 18px;
}
.ml-19 {
margin-left: 19px;
}
.ml-20 {
margin-left: 20px;
}
.ml-21 {
margin-left: 21px;
}
.ml-22 {
margin-left: 22px;
}
.ml-23 {
margin-left: 23px;
}
.ml-24 {
margin-left: 24px;
}
.ml-25 {
margin-left: 25px;
}
.ml-26 {
margin-left: 26px;
}
.ml-27 {
margin-left: 27px;
}
.ml-28 {
margin-left: 28px;
}
.ml-29 {
margin-left: 29px;
}
.ml-30 {
margin-left: 30px;
}
.ml-31 {
margin-left: 31px;
}
.ml-32 {
margin-left: 32px;
}
.ml-33 {
margin-left: 33px;
}
.ml-34 {
margin-left: 34px;
}
.ml-35 {
margin-left: 35px;
}
.ml-36 {
margin-left: 36px;
}
.ml-37 {
margin-left: 37px;
}
.ml-38 {
margin-left: 38px;
}
.ml-39 {
margin-left: 39px;
}
.ml-40 {
margin-left: 40px;
}
.ml-41 {
margin-left: 41px;
}
.ml-42 {
margin-left: 42px;
}
.ml-43 {
margin-left: 43px;
}
.ml-44 {
margin-left: 44px;
}
.ml-45 {
margin-left: 45px;
}
.ml-46 {
margin-left: 46px;
}
.ml-47 {
margin-left: 47px;
}
.ml-48 {
margin-left: 48px;
}
.ml-49 {
margin-left: 49px;
}
.ml-50 {
margin-left: 50px;
}
.ml-51 {
margin-left: 51px;
}
.ml-52 {
margin-left: 52px;
}
.ml-53 {
margin-left: 53px;
}
.ml-54 {
margin-left: 54px;
}
.ml-55 {
margin-left: 55px;
}
.ml-56 {
margin-left: 56px;
}
.ml-57 {
margin-left: 57px;
}
.ml-58 {
margin-left: 58px;
}
.ml-59 {
margin-left: 59px;
}
.ml-60 {
margin-left: 60px;
}
.ml-61 {
margin-left: 61px;
}
.ml-62 {
margin-left: 62px;
}
.ml-63 {
margin-left: 63px;
}
.ml-64 {
margin-left: 64px;
}
.ml-65 {
margin-left: 65px;
}
.ml-66 {
margin-left: 66px;
}
.ml-67 {
margin-left: 67px;
}
.ml-68 {
margin-left: 68px;
}
.ml-69 {
margin-left: 69px;
}
.ml-70 {
margin-left: 70px;
}
.ml-71 {
margin-left: 71px;
}
.ml-72 {
margin-left: 72px;
}
.ml-73 {
margin-left: 73px;
}
.ml-74 {
margin-left: 74px;
}
.ml-75 {
margin-left: 75px;
}
.ml-76 {
margin-left: 76px;
}
.ml-77 {
margin-left: 77px;
}
.ml-78 {
margin-left: 78px;
}
.ml-79 {
margin-left: 79px;
}
.ml-80 {
margin-left: 80px;
}
.ml-81 {
margin-left: 81px;
}
.ml-82 {
margin-left: 82px;
}
.ml-83 {
margin-left: 83px;
}
.ml-84 {
margin-left: 84px;
}
.ml-85 {
margin-left: 85px;
}
.ml-86 {
margin-left: 86px;
}
.ml-87 {
margin-left: 87px;
}
.ml-88 {
margin-left: 88px;
}
.ml-89 {
margin-left: 89px;
}
.ml-90 {
margin-left: 90px;
}
.ml-91 {
margin-left: 91px;
}
.ml-92 {
margin-left: 92px;
}
.ml-93 {
margin-left: 93px;
}
.ml-94 {
margin-left: 94px;
}
.ml-95 {
margin-left: 95px;
}
.ml-96 {
margin-left: 96px;
}
.ml-97 {
margin-left: 97px;
}
.ml-98 {
margin-left: 98px;
}
.ml-99 {
margin-left: 99px;
}
.ml-100 {
margin-left: 100px;
}
/*-- Margin Right --*/
.mr-1 {
margin-right: 1px;
}
.mr-2 {
margin-right: 2px;
}
.mr-3 {
margin-right: 3px;
}
.mr-4 {
margin-right: 4px;
}
.mr-5 {
margin-right: 5px;
}
.mr-6 {
margin-right: 6px;
}
.mr-7 {
margin-right: 7px;
}
.mr-8 {
margin-right: 8px;
}
.mr-9 {
margin-right: 9px;
}
.mr-10 {
margin-right: 10px;
}
.mr-11 {
margin-right: 11px;
}
.mr-12 {
margin-right: 12px;
}
.mr-13 {
margin-right: 13px;
}
.mr-14 {
margin-right: 14px;
}
.mr-15 {
margin-right: 15px;
}
.mr-16 {
margin-right: 16px;
}
.mr-17 {
margin-right: 17px;
}
.mr-18 {
margin-right: 18px;
}
.mr-19 {
margin-right: 19px;
}
.mr-20 {
margin-right: 20px;
}
.mr-21 {
margin-right: 21px;
}
.mr-22 {
margin-right: 22px;
}
.mr-23 {
margin-right: 23px;
}
.mr-24 {
margin-right: 24px;
}
.mr-25 {
margin-right: 25px;
}
.mr-26 {
margin-right: 26px;
}
.mr-27 {
margin-right: 27px;
}
.mr-28 {
margin-right: 28px;
}
.mr-29 {
margin-right: 29px;
}
.mr-30 {
margin-right: 30px;
}
.mr-31 {
margin-right: 31px;
}
.mr-32 {
margin-right: 32px;
}
.mr-33 {
margin-right: 33px;
}
.mr-34 {
margin-right: 34px;
}
.mr-35 {
margin-right: 35px;
}
.mr-36 {
margin-right: 36px;
}
.mr-37 {
margin-right: 37px;
}
.mr-38 {
margin-right: 38px;
}
.mr-39 {
margin-right: 39px;
}
.mr-40 {
margin-right: 40px;
}
.mr-41 {
margin-right: 41px;
}
.mr-42 {
margin-right: 42px;
}
.mr-43 {
margin-right: 43px;
}
.mr-44 {
margin-right: 44px;
}
.mr-45 {
margin-right: 45px;
}
.mr-46 {
margin-right: 46px;
}
.mr-47 {
margin-right: 47px;
}
.mr-48 {
margin-right: 48px;
}
.mr-49 {
margin-right: 49px;
}
.mr-50 {
margin-right: 50px;
}
.mr-51 {
margin-right: 51px;
}
.mr-52 {
margin-right: 52px;
}
.mr-53 {
margin-right: 53px;
}
.mr-54 {
margin-right: 54px;
}
.mr-55 {
margin-right: 55px;
}
.mr-56 {
margin-right: 56px;
}
.mr-57 {
margin-right: 57px;
}
.mr-58 {
margin-right: 58px;
}
.mr-59 {
margin-right: 59px;
}
.mr-60 {
margin-right: 60px;
}
.mr-61 {
margin-right: 61px;
}
.mr-62 {
margin-right: 62px;
}
.mr-63 {
margin-right: 63px;
}
.mr-64 {
margin-right: 64px;
}
.mr-65 {
margin-right: 65px;
}
.mr-66 {
margin-right: 66px;
}
.mr-67 {
margin-right: 67px;
}
.mr-68 {
margin-right: 68px;
}
.mr-69 {
margin-right: 69px;
}
.mr-70 {
margin-right: 70px;
}
.mr-71 {
margin-right: 71px;
}
.mr-72 {
margin-right: 72px;
}
.mr-73 {
margin-right: 73px;
}
.mr-74 {
margin-right: 74px;
}
.mr-75 {
margin-right: 75px;
}
.mr-76 {
margin-right: 76px;
}
.mr-77 {
margin-right: 77px;
}
.mr-78 {
margin-right: 78px;
}
.mr-79 {
margin-right: 79px;
}
.mr-80 {
margin-right: 80px;
}
.mr-81 {
margin-right: 81px;
}
.mr-82 {
margin-right: 82px;
}
.mr-83 {
margin-right: 83px;
}
.mr-84 {
margin-right: 84px;
}
.mr-85 {
margin-right: 85px;
}
.mr-86 {
margin-right: 86px;
}
.mr-87 {
margin-right: 87px;
}
.mr-88 {
margin-right: 88px;
}
.mr-89 {
margin-right: 89px;
}
.mr-90 {
margin-right: 90px;
}
.mr-91 {
margin-right: 91px;
}
.mr-92 {
margin-right: 92px;
}
.mr-93 {
margin-right: 93px;
}
.mr-94 {
margin-right: 94px;
}
.mr-95 {
margin-right: 95px;
}
.mr-96 {
margin-right: 96px;
}
.mr-97 {
margin-right: 97px;
}
.mr-98 {
margin-right: 98px;
}
.mr-99 {
margin-right: 99px;
}
.mr-100 {
margin-right: 100px;
}
/*-- Padding Top --*/
.pt-1 {
padding-top: 1px;
}
.pt-2 {
padding-top: 2px;
}
.pt-3 {
padding-top: 3px;
}
.pt-4 {
padding-top: 4px;
}
.pt-5 {
padding-top: 5px;
}
.pt-6 {
padding-top: 6px;
}
.pt-7 {
padding-top: 7px;
}
.pt-8 {
padding-top: 8px;
}
.pt-9 {
padding-top: 9px;
}
.pt-10 {
padding-top: 10px;
}
.pt-11 {
padding-top: 11px;
}
.pt-12 {
padding-top: 12px;
}
.pt-13 {
padding-top: 13px;
}
.pt-14 {
padding-top: 14px;
}
.pt-15 {
padding-top: 15px;
}
.pt-16 {
padding-top: 16px;
}
.pt-17 {
padding-top: 17px;
}
.pt-18 {
padding-top: 18px;
}
.pt-19 {
padding-top: 19px;
}
.pt-20 {
padding-top: 20px;
}
.pt-21 {
padding-top: 21px;
}
.pt-22 {
padding-top: 22px;
}
.pt-23 {
padding-top: 23px;
}
.pt-24 {
padding-top: 24px;
}
.pt-25 {
padding-top: 25px;
}
.pt-26 {
padding-top: 26px;
}
.pt-27 {
padding-top: 27px;
}
.pt-28 {
padding-top: 28px;
}
.pt-29 {
padding-top: 29px;
}
.pt-30 {
padding-top: 30px;
}
.pt-31 {
padding-top: 31px;
}
.pt-32 {
padding-top: 32px;
}
.pt-33 {
padding-top: 33px;
}
.pt-34 {
padding-top: 34px;
}
.pt-35 {
padding-top: 35px;
}
.pt-36 {
padding-top: 36px;
}
.pt-37 {
padding-top: 37px;
}
.pt-38 {
padding-top: 38px;
}
.pt-39 {
padding-top: 39px;
}
.pt-40 {
padding-top: 40px;
}
.pt-41 {
padding-top: 41px;
}
.pt-42 {
padding-top: 42px;
}
.pt-43 {
padding-top: 43px;
}
.pt-44 {
padding-top: 44px;
}
.pt-45 {
padding-top: 45px;
}
.pt-46 {
padding-top: 46px;
}
.pt-47 {
padding-top: 47px;
}
.pt-48 {
padding-top: 48px;
}
.pt-49 {
padding-top: 49px;
}
.pt-50 {
padding-top: 50px;
}
.pt-51 {
padding-top: 51px;
}
.pt-52 {
padding-top: 52px;
}
.pt-53 {
padding-top: 53px;
}
.pt-54 {
padding-top: 54px;
}
.pt-55 {
padding-top: 55px;
}
.pt-56 {
padding-top: 56px;
}
.pt-57 {
padding-top: 57px;
}
.pt-58 {
padding-top: 58px;
}
.pt-59 {
padding-top: 59px;
}
.pt-60 {
padding-top: 60px;
}
.pt-61 {
padding-top: 61px;
}
.pt-62 {
padding-top: 62px;
}
.pt-63 {
padding-top: 63px;
}
.pt-64 {
padding-top: 64px;
}
.pt-65 {
padding-top: 65px;
}
.pt-66 {
padding-top: 66px;
}
.pt-67 {
padding-top: 67px;
}
.pt-68 {
padding-top: 68px;
}
.pt-69 {
padding-top: 69px;
}
.pt-70 {
padding-top: 70px;
}
.pt-71 {
padding-top: 71px;
}
.pt-72 {
padding-top: 72px;
}
.pt-73 {
padding-top: 73px;
}
.pt-74 {
padding-top: 74px;
}
.pt-75 {
padding-top: 75px;
}
.pt-76 {
padding-top: 76px;
}
.pt-77 {
padding-top: 77px;
}
.pt-78 {
padding-top: 78px;
}
.pt-79 {
padding-top: 79px;
}
.pt-80 {
padding-top: 80px;
}
.pt-81 {
padding-top: 81px;
}
.pt-82 {
padding-top: 82px;
}
.pt-83 {
padding-top: 83px;
}
.pt-84 {
padding-top: 84px;
}
.pt-85 {
padding-top: 85px;
}
.pt-86 {
padding-top: 86px;
}
.pt-87 {
padding-top: 87px;
}
.pt-88 {
padding-top: 88px;
}
.pt-89 {
padding-top: 89px;
}
.pt-90 {
padding-top: 90px;
}
.pt-91 {
padding-top: 91px;
}
.pt-92 {
padding-top: 92px;
}
.pt-93 {
padding-top: 93px;
}
.pt-94 {
padding-top: 94px;
}
.pt-95 {
padding-top: 95px;
}
.pt-96 {
padding-top: 96px;
}
.pt-97 {
padding-top: 97px;
}
.pt-98 {
padding-top: 98px;
}
.pt-99 {
padding-top: 99px;
}
.pt-100 {
padding-top: 100px;
}
.pt-101 {
padding-top: 101px;
}
.pt-102 {
padding-top: 102px;
}
.pt-103 {
padding-top: 103px;
}
.pt-104 {
padding-top: 104px;
}
.pt-105 {
padding-top: 105px;
}
.pt-106 {
padding-top: 106px;
}
.pt-107 {
padding-top: 107px;
}
.pt-108 {
padding-top: 108px;
}
.pt-109 {
padding-top: 109px;
}
.pt-110 {
padding-top: 110px;
}
.pt-111 {
padding-top: 111px;
}
.pt-112 {
padding-top: 112px;
}
.pt-113 {
padding-top: 113px;
}
.pt-114 {
padding-top: 114px;
}
.pt-115 {
padding-top: 115px;
}
.pt-116 {
padding-top: 116px;
}
.pt-117 {
padding-top: 117px;
}
.pt-118 {
padding-top: 118px;
}
.pt-119 {
padding-top: 119px;
}
.pt-120 {
padding-top: 120px;
}
.pt-121 {
padding-top: 121px;
}
.pt-122 {
padding-top: 122px;
}
.pt-123 {
padding-top: 123px;
}
.pt-124 {
padding-top: 124px;
}
.pt-125 {
padding-top: 125px;
}
.pt-126 {
padding-top: 126px;
}
.pt-127 {
padding-top: 127px;
}
.pt-128 {
padding-top: 128px;
}
.pt-129 {
padding-top: 129px;
}
.pt-130 {
padding-top: 130px;
}
.pt-131 {
padding-top: 131px;
}
.pt-132 {
padding-top: 132px;
}
.pt-133 {
padding-top: 133px;
}
.pt-134 {
padding-top: 134px;
}
.pt-135 {
padding-top: 135px;
}
.pt-136 {
padding-top: 136px;
}
.pt-137 {
padding-top: 137px;
}
.pt-138 {
padding-top: 138px;
}
.pt-139 {
padding-top: 139px;
}
.pt-140 {
padding-top: 140px;
}
.pt-141 {
padding-top: 141px;
}
.pt-142 {
padding-top: 142px;
}
.pt-143 {
padding-top: 143px;
}
.pt-144 {
padding-top: 144px;
}
.pt-145 {
padding-top: 145px;
}
.pt-146 {
padding-top: 146px;
}
.pt-147 {
padding-top: 147px;
}
.pt-148 {
padding-top: 148px;
}
.pt-149 {
padding-top: 149px;
}
.pt-150 {
padding-top: 150px;
}
/*-- Padding Bottom --*/
.pb-1 {
padding-bottom: 1px;
}
.pb-2 {
padding-bottom: 2px;
}
.pb-3 {
padding-bottom: 3px;
}
.pb-4 {
padding-bottom: 4px;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-6 {
padding-bottom: 6px;
}
.pb-7 {
padding-bottom: 7px;
}
.pb-8 {
padding-bottom: 8px;
}
.pb-9 {
padding-bottom: 9px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-11 {
padding-bottom: 11px;
}
.pb-12 {
padding-bottom: 12px;
}
.pb-13 {
padding-bottom: 13px;
}
.pb-14 {
padding-bottom: 14px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-16 {
padding-bottom: 16px;
}
.pb-17 {
padding-bottom: 17px;
}
.pb-18 {
padding-bottom: 18px;
}
.pb-19 {
padding-bottom: 19px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-21 {
padding-bottom: 21px;
}
.pb-22 {
padding-bottom: 22px;
}
.pb-23 {
padding-bottom: 23px;
}
.pb-24 {
padding-bottom: 24px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-26 {
padding-bottom: 26px;
}
.pb-27 {
padding-bottom: 27px;
}
.pb-28 {
padding-bottom: 28px;
}
.pb-29 {
padding-bottom: 29px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-31 {
padding-bottom: 31px;
}
.pb-32 {
padding-bottom: 32px;
}
.pb-33 {
padding-bottom: 33px;
}
.pb-34 {
padding-bottom: 34px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-36 {
padding-bottom: 36px;
}
.pb-37 {
padding-bottom: 37px;
}
.pb-38 {
padding-bottom: 38px;
}
.pb-39 {
padding-bottom: 39px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-41 {
padding-bottom: 41px;
}
.pb-42 {
padding-bottom: 42px;
}
.pb-43 {
padding-bottom: 43px;
}
.pb-44 {
padding-bottom: 44px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-46 {
padding-bottom: 46px;
}
.pb-47 {
padding-bottom: 47px;
}
.pb-48 {
padding-bottom: 48px;
}
.pb-49 {
padding-bottom: 49px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-51 {
padding-bottom: 51px;
}
.pb-52 {
padding-bottom: 52px;
}
.pb-53 {
padding-bottom: 53px;
}
.pb-54 {
padding-bottom: 54px;
}
.pb-55 {
padding-bottom: 55px;
}
.pb-56 {
padding-bottom: 56px;
}
.pb-57 {
padding-bottom: 57px;
}
.pb-58 {
padding-bottom: 58px;
}
.pb-59 {
padding-bottom: 59px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-61 {
padding-bottom: 61px;
}
.pb-62 {
padding-bottom: 62px;
}
.pb-63 {
padding-bottom: 63px;
}
.pb-64 {
padding-bottom: 64px;
}
.pb-65 {
padding-bottom: 65px;
}
.pb-66 {
padding-bottom: 66px;
}
.pb-67 {
padding-bottom: 67px;
}
.pb-68 {
padding-bottom: 68px;
}
.pb-69 {
padding-bottom: 69px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-71 {
padding-bottom: 71px;
}
.pb-72 {
padding-bottom: 72px;
}
.pb-73 {
padding-bottom: 73px;
}
.pb-74 {
padding-bottom: 74px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-76 {
padding-bottom: 76px;
}
.pb-77 {
padding-bottom: 77px;
}
.pb-78 {
padding-bottom: 78px;
}
.pb-79 {
padding-bottom: 79px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-81 {
padding-bottom: 81px;
}
.pb-82 {
padding-bottom: 82px;
}
.pb-83 {
padding-bottom: 83px;
}
.pb-84 {
padding-bottom: 84px;
}
.pb-85 {
padding-bottom: 85px;
}
.pb-86 {
padding-bottom: 86px;
}
.pb-87 {
padding-bottom: 87px;
}
.pb-88 {
padding-bottom: 88px;
}
.pb-89 {
padding-bottom: 89px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-91 {
padding-bottom: 91px;
}
.pb-92 {
padding-bottom: 92px;
}
.pb-93 {
padding-bottom: 93px;
}
.pb-94 {
padding-bottom: 94px;
}
.pb-95 {
padding-bottom: 95px;
}
.pb-96 {
padding-bottom: 96px;
}
.pb-97 {
padding-bottom: 97px;
}
.pb-98 {
padding-bottom: 98px;
}
.pb-99 {
padding-bottom: 99px;
}
.pb-100 {
padding-bottom: 100px;
}
.pb-101 {
padding-bottom: 101px;
}
.pb-102 {
padding-bottom: 102px;
}
.pb-103 {
padding-bottom: 103px;
}
.pb-104 {
padding-bottom: 104px;
}
.pb-105 {
padding-bottom: 105px;
}
.pb-106 {
padding-bottom: 106px;
}
.pb-107 {
padding-bottom: 107px;
}
.pb-108 {
padding-bottom: 108px;
}
.pb-109 {
padding-bottom: 109px;
}
.pb-110 {
padding-bottom: 110px;
}
.pb-111 {
padding-bottom: 111px;
}
.pb-112 {
padding-bottom: 112px;
}
.pb-113 {
padding-bottom: 113px;
}
.pb-114 {
padding-bottom: 114px;
}
.pb-115 {
padding-bottom: 115px;
}
.pb-116 {
padding-bottom: 116px;
}
.pb-117 {
padding-bottom: 117px;
}
.pb-118 {
padding-bottom: 118px;
}
.pb-119 {
padding-bottom: 119px;
}
.pb-120 {
padding-bottom: 120px;
}
.pb-121 {
padding-bottom: 121px;
}
.pb-122 {
padding-bottom: 122px;
}
.pb-123 {
padding-bottom: 123px;
}
.pb-124 {
padding-bottom: 124px;
}
.pb-125 {
padding-bottom: 125px;
}
.pb-126 {
padding-bottom: 126px;
}
.pb-127 {
padding-bottom: 127px;
}
.pb-128 {
padding-bottom: 128px;
}
.pb-129 {
padding-bottom: 129px;
}
.pb-130 {
padding-bottom: 130px;
}
.pb-131 {
padding-bottom: 131px;
}
.pb-132 {
padding-bottom: 132px;
}
.pb-133 {
padding-bottom: 133px;
}
.pb-134 {
padding-bottom: 134px;
}
.pb-135 {
padding-bottom: 135px;
}
.pb-136 {
padding-bottom: 136px;
}
.pb-137 {
padding-bottom: 137px;
}
.pb-138 {
padding-bottom: 138px;
}
.pb-139 {
padding-bottom: 139px;
}
.pb-140 {
padding-bottom: 140px;
}
.pb-141 {
padding-bottom: 141px;
}
.pb-142 {
padding-bottom: 142px;
}
.pb-143 {
padding-bottom: 143px;
}
.pb-144 {
padding-bottom: 144px;
}
.pb-145 {
padding-bottom: 145px;
}
.pb-146 {
padding-bottom: 146px;
}
.pb-147 {
padding-bottom: 147px;
}
.pb-148 {
padding-bottom: 148px;
}
.pb-149 {
padding-bottom: 149px;
}
.pb-150 {
padding-bottom: 150px;
}
/*-- Padding Left --*/
.pl-1 {
padding-left: 1px;
}
.pl-2 {
padding-left: 2px;
}
.pl-3 {
padding-left: 3px;
}
.pl-4 {
padding-left: 4px;
}
.pl-5 {
padding-left: 5px;
}
.pl-6 {
padding-left: 6px;
}
.pl-7 {
padding-left: 7px;
}
.pl-8 {
padding-left: 8px;
}
.pl-9 {
padding-left: 9px;
}
.pl-10 {
padding-left: 10px;
}
.pl-11 {
padding-left: 11px;
}
.pl-12 {
padding-left: 12px;
}
.pl-13 {
padding-left: 13px;
}
.pl-14 {
padding-left: 14px;
}
.pl-15 {
padding-left: 15px;
}
.pl-16 {
padding-left: 16px;
}
.pl-17 {
padding-left: 17px;
}
.pl-18 {
padding-left: 18px;
}
.pl-19 {
padding-left: 19px;
}
.pl-20 {
padding-left: 20px;
}
.pl-21 {
padding-left: 21px;
}
.pl-22 {
padding-left: 22px;
}
.pl-23 {
padding-left: 23px;
}
.pl-24 {
padding-left: 24px;
}
.pl-25 {
padding-left: 25px;
}
.pl-26 {
padding-left: 26px;
}
.pl-27 {
padding-left: 27px;
}
.pl-28 {
padding-left: 28px;
}
.pl-29 {
padding-left: 29px;
}
.pl-30 {
padding-left: 30px;
}
.pl-31 {
padding-left: 31px;
}
.pl-32 {
padding-left: 32px;
}
.pl-33 {
padding-left: 33px;
}
.pl-34 {
padding-left: 34px;
}
.pl-35 {
padding-left: 35px;
}
.pl-36 {
padding-left: 36px;
}
.pl-37 {
padding-left: 37px;
}
.pl-38 {
padding-left: 38px;
}
.pl-39 {
padding-left: 39px;
}
.pl-40 {
padding-left: 40px;
}
.pl-41 {
padding-left: 41px;
}
.pl-42 {
padding-left: 42px;
}
.pl-43 {
padding-left: 43px;
}
.pl-44 {
padding-left: 44px;
}
.pl-45 {
padding-left: 45px;
}
.pl-46 {
padding-left: 46px;
}
.pl-47 {
padding-left: 47px;
}
.pl-48 {
padding-left: 48px;
}
.pl-49 {
padding-left: 49px;
}
.pl-50 {
padding-left: 50px;
}
.pl-51 {
padding-left: 51px;
}
.pl-52 {
padding-left: 52px;
}
.pl-53 {
padding-left: 53px;
}
.pl-54 {
padding-left: 54px;
}
.pl-55 {
padding-left: 55px;
}
.pl-56 {
padding-left: 56px;
}
.pl-57 {
padding-left: 57px;
}
.pl-58 {
padding-left: 58px;
}
.pl-59 {
padding-left: 59px;
}
.pl-60 {
padding-left: 60px;
}
.pl-61 {
padding-left: 61px;
}
.pl-62 {
padding-left: 62px;
}
.pl-63 {
padding-left: 63px;
}
.pl-64 {
padding-left: 64px;
}
.pl-65 {
padding-left: 65px;
}
.pl-66 {
padding-left: 66px;
}
.pl-67 {
padding-left: 67px;
}
.pl-68 {
padding-left: 68px;
}
.pl-69 {
padding-left: 69px;
}
.pl-70 {
padding-left: 70px;
}
.pl-71 {
padding-left: 71px;
}
.pl-72 {
padding-left: 72px;
}
.pl-73 {
padding-left: 73px;
}
.pl-74 {
padding-left: 74px;
}
.pl-75 {
padding-left: 75px;
}
.pl-76 {
padding-left: 76px;
}
.pl-77 {
padding-left: 77px;
}
.pl-78 {
padding-left: 78px;
}
.pl-79 {
padding-left: 79px;
}
.pl-80 {
padding-left: 80px;
}
.pl-81 {
padding-left: 81px;
}
.pl-82 {
padding-left: 82px;
}
.pl-83 {
padding-left: 83px;
}
.pl-84 {
padding-left: 84px;
}
.pl-85 {
padding-left: 85px;
}
.pl-86 {
padding-left: 86px;
}
.pl-87 {
padding-left: 87px;
}
.pl-88 {
padding-left: 88px;
}
.pl-89 {
padding-left: 89px;
}
.pl-90 {
padding-left: 90px;
}
.pl-91 {
padding-left: 91px;
}
.pl-92 {
padding-left: 92px;
}
.pl-93 {
padding-left: 93px;
}
.pl-94 {
padding-left: 94px;
}
.pl-95 {
padding-left: 95px;
}
.pl-96 {
padding-left: 96px;
}
.pl-97 {
padding-left: 97px;
}
.pl-98 {
padding-left: 98px;
}
.pl-99 {
padding-left: 99px;
}
.pl-100 {
padding-left: 100px;
}
.pl-101 {
padding-left: 101px;
}
.pl-102 {
padding-left: 102px;
}
.pl-103 {
padding-left: 103px;
}
.pl-104 {
padding-left: 104px;
}
.pl-105 {
padding-left: 105px;
}
.pl-106 {
padding-left: 106px;
}
.pl-107 {
padding-left: 107px;
}
.pl-108 {
padding-left: 108px;
}
.pl-109 {
padding-left: 109px;
}
.pl-110 {
padding-left: 110px;
}
.pl-111 {
padding-left: 111px;
}
.pl-112 {
padding-left: 112px;
}
.pl-113 {
padding-left: 113px;
}
.pl-114 {
padding-left: 114px;
}
.pl-115 {
padding-left: 115px;
}
.pl-116 {
padding-left: 116px;
}
.pl-117 {
padding-left: 117px;
}
.pl-118 {
padding-left: 118px;
}
.pl-119 {
padding-left: 119px;
}
.pl-120 {
padding-left: 120px;
}
.pl-121 {
padding-left: 121px;
}
.pl-122 {
padding-left: 122px;
}
.pl-123 {
padding-left: 123px;
}
.pl-124 {
padding-left: 124px;
}
.pl-125 {
padding-left: 125px;
}
.pl-126 {
padding-left: 126px;
}
.pl-127 {
padding-left: 127px;
}
.pl-128 {
padding-left: 128px;
}
.pl-129 {
padding-left: 129px;
}
.pl-130 {
padding-left: 130px;
}
/*-- Padding Right --*/
.pr-1 {
padding-right: 1px;
}
.pr-2 {
padding-right: 2px;
}
.pr-3 {
padding-right: 3px;
}
.pr-4 {
padding-right: 4px;
}
.pr-5 {
padding-right: 5px;
}
.pr-6 {
padding-right: 6px;
}
.pr-7 {
padding-right: 7px;
}
.pr-8 {
padding-right: 8px;
}
.pr-9 {
padding-right: 9px;
}
.pr-10 {
padding-right: 10px;
}
.pr-11 {
padding-right: 11px;
}
.pr-12 {
padding-right: 12px;
}
.pr-13 {
padding-right: 13px;
}
.pr-14 {
padding-right: 14px;
}
.pr-15 {
padding-right: 15px;
}
.pr-16 {
padding-right: 16px;
}
.pr-17 {
padding-right: 17px;
}
.pr-18 {
padding-right: 18px;
}
.pr-19 {
padding-right: 19px;
}
.pr-20 {
padding-right: 20px;
}
.pr-21 {
padding-right: 21px;
}
.pr-22 {
padding-right: 22px;
}
.pr-23 {
padding-right: 23px;
}
.pr-24 {
padding-right: 24px;
}
.pr-25 {
padding-right: 25px;
}
.pr-26 {
padding-right: 26px;
}
.pr-27 {
padding-right: 27px;
}
.pr-28 {
padding-right: 28px;
}
.pr-29 {
padding-right: 29px;
}
.pr-30 {
padding-right: 30px;
}
.pr-31 {
padding-right: 31px;
}
.pr-32 {
padding-right: 32px;
}
.pr-33 {
padding-right: 33px;
}
.pr-34 {
padding-right: 34px;
}
.pr-35 {
padding-right: 35px;
}
.pr-36 {
padding-right: 36px;
}
.pr-37 {
padding-right: 37px;
}
.pr-38 {
padding-right: 38px;
}
.pr-39 {
padding-right: 39px;
}
.pr-40 {
padding-right: 40px;
}
.pr-41 {
padding-right: 41px;
}
.pr-42 {
padding-right: 42px;
}
.pr-43 {
padding-right: 43px;
}
.pr-44 {
padding-right: 44px;
}
.pr-45 {
padding-right: 45px;
}
.pr-46 {
padding-right: 46px;
}
.pr-47 {
padding-right: 47px;
}
.pr-48 {
padding-right: 48px;
}
.pr-49 {
padding-right: 49px;
}
.pr-50 {
padding-right: 50px;
}
.pr-51 {
padding-right: 51px;
}
.pr-52 {
padding-right: 52px;
}
.pr-53 {
padding-right: 53px;
}
.pr-54 {
padding-right: 54px;
}
.pr-55 {
padding-right: 55px;
}
.pr-56 {
padding-right: 56px;
}
.pr-57 {
padding-right: 57px;
}
.pr-58 {
padding-right: 58px;
}
.pr-59 {
padding-right: 59px;
}
.pr-60 {
padding-right: 60px;
}
.pr-61 {
padding-right: 61px;
}
.pr-62 {
padding-right: 62px;
}
.pr-63 {
padding-right: 63px;
}
.pr-64 {
padding-right: 64px;
}
.pr-65 {
padding-right: 65px;
}
.pr-66 {
padding-right: 66px;
}
.pr-67 {
padding-right: 67px;
}
.pr-68 {
padding-right: 68px;
}
.pr-69 {
padding-right: 69px;
}
.pr-70 {
padding-right: 70px;
}
.pr-71 {
padding-right: 71px;
}
.pr-72 {
padding-right: 72px;
}
.pr-73 {
padding-right: 73px;
}
.pr-74 {
padding-right: 74px;
}
.pr-75 {
padding-right: 75px;
}
.pr-76 {
padding-right: 76px;
}
.pr-77 {
padding-right: 77px;
}
.pr-78 {
padding-right: 78px;
}
.pr-79 {
padding-right: 79px;
}
.pr-80 {
padding-right: 80px;
}
.pr-81 {
padding-right: 81px;
}
.pr-82 {
padding-right: 82px;
}
.pr-83 {
padding-right: 83px;
}
.pr-84 {
padding-right: 84px;
}
.pr-85 {
padding-right: 85px;
}
.pr-86 {
padding-right: 86px;
}
.pr-87 {
padding-right: 87px;
}
.pr-88 {
padding-right: 88px;
}
.pr-89 {
padding-right: 89px;
}
.pr-90 {
padding-right: 90px;
}
.pr-91 {
padding-right: 91px;
}
.pr-92 {
padding-right: 92px;
}
.pr-93 {
padding-right: 93px;
}
.pr-94 {
padding-right: 94px;
}
.pr-95 {
padding-right: 95px;
}
.pr-96 {
padding-right: 96px;
}
.pr-97 {
padding-right: 97px;
}
.pr-98 {
padding-right: 98px;
}
.pr-99 {
padding-right: 99px;
}
.pr-100 {
padding-right: 100px;
}
.pt-180 {
padding-top: 180px;
}
.pt-220 {
padding-top: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-220 {
padding-top: 150px;
}
}
@media (max-width: 767px) {
.pt-220 {
padding-top: 120px;
}
}
.pt-250 {
padding-top: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-250 {
padding-top: 150px;
}
}
@media (max-width: 767px) {
.pt-250 {
padding-top: 150px;
}
}
.pt-290 {
padding-top: 290px;
}
.pb-190 {
padding-bottom: 190px;
}
.pb-290 {
padding-bottom: 290px;
}
.pb-400 {
padding-bottom: 400px;
}
.pl-240 {
padding-left: 240px;
}
.pb-170 {
padding-bottom: 170px;
}
.pt-160 {
padding-top: 160px;
}
.plr-115 {
padding-left: 115px;
padding-right: 115px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.plr-115 {
padding-left: 70px;
padding-right: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.plr-115 {
padding-left: 0px;
padding-right: 0px;
}
}
.plr-200 {
padding-left: 200px;
padding-right: 200px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.plr-200 {
padding-left: 150px;
padding-right: 150px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.plr-200 {
padding-left: 100px;
padding-right: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.plr-200 {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.plr-200 {
padding-left: 0px;
padding-right: 0px;
}
}
.plr-150 {
padding-left: 150px;
padding-right: 150px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.plr-150 {
padding-left: 100px;
padding-right: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.plr-150 {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.plr-150 {
padding-left: 0px;
padding-right: 0px;
}
}
.mlr-150 {
margin-left: 150px;
margin-right: 150px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mlr-150 {
margin-left: 100px;
margin-right: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mlr-150 {
margin-left: 30px;
margin-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mlr-150 {
margin-left: 0px;
margin-right: 0px;
}
}
.pl-200 {
padding-left: 200px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.pl-200 {
padding-left: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pl-200 {
padding-left: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pl-200 {
padding-left: 0px;
}
}
.pr-50 {
padding-right: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.pr-50 {
padding-right: 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pr-50 {
padding-right: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.pr-50 {
padding-right: 0px;
}
}
.plr-85 {
padding-left: 85px;
padding-right: 85px;
}
.pb-240 {
padding-bottom: 240px;
}
.ml-110 {
margin-left: -110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.ml-110 {
margin-left: -90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ml-110 {
margin-left: -90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.ml-110 {
margin-left: 0px;
}
}
/* HEADER CSS */
/*----------------------------------------*/
/* 3.1 Header Style 1
/*----------------------------------------*/
.mtheader-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
opacity: 1;
width: 100%;
z-index: 999;
visibility: visible;
background-color: var(--mt-common-white);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-khtml-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-moz-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-ms-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
-o-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.mt-header-2 .mtheader-sticky {
background-color: var(--mt-common-black);
}
.mt-transparent-header {
position: absolute !important;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.mt-header-top-bg {
position: relative;
}
.mt-header-top-bg::after {
content: "";
height: 100%;
width: 50%;
position: absolute;
top: 0;
left: 0;
background-color: var(--mt-theme-3);
-webkit-clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 100%, 0% 100%);
}
.mt-header-top-left ul li {
display: inline-block;
padding: 15px 0;
position: relative;
padding-right: 4px;
}
.mt-header-top-left ul li a {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: var(--mt-common-white);
position: relative;
}
.mt-header-top-left ul li a:before {
content: "";
width: 6px;
height: 6px;
background-color: #8A8A8A;
display: inline-block;
border-radius: 50px;
margin-right: 6px;
}
.mt-header-top-left ul li:first-child a:before {
display: none;
}
.mt-header-top-right {
text-align: end;
}
.mt-header-top-right ul li {
display: inline-block;
padding: 12px 2px;
position: relative;
z-index: 2;
}
.mt-header-top-right ul li a {
color: var(--mt-common-black);
}
.mt-header-top-2 .mt-header-top-right ul li {
padding: 0px 10px;
}
.mt-header-top-2 .mt-header-top-right ul li a {
color: var(--mt-common-white);
}
.mt-header-top-2 .mt-header-top-left ul li a {
color: var(--mt-common-white);
padding: 0px 7px;
}
.mt-header-top-2 .mt-header-top-left ul li a:before {
margin-right: 30px;
}
.mt-header-top-3 .mt-header-top-left ul li {
padding: 15px 5px;
}
.mt-header-top-3 .mt-header-top-left ul li a {
font-size: 16px;
font-weight: 500;
color: var(--mt-common-white);
position: relative;
}
.mt-header-top-3 .mt-header-top-left ul li a span {
margin-right: 7px;
}
.mt-header-top-3 .mt-header-top-left ul li a:before {
content: "";
width: 1px;
height: 10px;
background-color: #fff;
display: inline-block;
border-radius: 50px;
margin-right: 16px;
}
.mt-header-top-3 .mt-header-top-left ul li:first-child a:before {
display: none;
}
.mt-header-top-3 .mt-header-top-right li {
padding: 15px 5px;
}
.mt-header-top-3 .mt-header-top-right li span {
color: var(--mt-common-white);
}
.mt-header-top-3 .mt-header-top-right li a {
font-size: 16px;
font-weight: 500;
color: var(--mt-common-white);
position: relative;
}
.mt-header-top-3 .mt-header-top-right li a span {
margin-right: 7px;
}
.mt-header-top-3 .mt-header-top-right li a:before {
content: "";
width: 1px;
height: 10px;
background-color: #fff;
display: inline-block;
border-radius: 50px;
margin-right: 16px;
}
.mt-header-top-3 .mt-header-top-right li:first-child a:before {
display: none;
}
.mt-header-top-border-4 {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mt-header-main-right {
display: flex;
align-items: center;
justify-content: end;
}
.mt-header-main-search {
margin-right: 30px;
}
.mt-header-main-search button span {
font-size: 24px;
color: var(--mt-common-white);
}
.mt-header-border {
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}
.mt-header-border-2 {
border-radius: 50px;
border: 1px solid rgba(194, 194, 194, 0.7);
background: rgba(255, 255, 255, 0.6);
box-shadow: 0px 16px 32px 5px rgba(180, 180, 180, 0.16);
}
.mt-header-border.borderround {
border-radius: 50px;
}
.mt-header-menu ul li {
display: inline-block;
position: relative;
margin: 0px 18px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-header-menu ul li {
margin: 11px;
}
}
.mt-header-menu ul li.p-static {
position: static;
}
.mt-header-menu ul li:last-child {
margin-right: 0;
}
.mt-header-menu ul li.has-dropdown:after {
content: "+";
font-family: "Font Awesome 6 Pro";
font-size: 16px;
font-weight: 400;
margin-left: 2px;
display: inline-block;
color: var(--mt-common-black);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-header-menu ul li.has-dropdown:hover::after {
content: "\f068";
}
.mt-header-menu ul li > a {
color: var(--mt-common-black);
font-size: 18px;
font-family: var(--mt-ff-heading);
font-weight: 700;
padding: 38px 0px;
display: inline-block;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-header-menu ul li > a {
padding: 38px 5px;
}
}
.mt-header-menu ul li > a::after {
content: "";
position: absolute;
bottom: 0px;
right: 0;
left: auto;
height: 1px;
width: 100%;
background-color: var(--mt-theme-3);
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
display: inline-block;
opacity: 0;
visibility: hidden;
}
.mt-header-menu ul li .sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 260px;
z-index: 99;
opacity: 0;
padding: 12px 0;
color: #000;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
text-align: start;
visibility: hidden;
border-radius: 0 0 14px 14px;
transform-origin: 0 0;
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
backdrop-filter: blur(40px);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.1);
}
.mt-header-menu ul li .sub-menu li {
margin: 0;
display: block;
width: 100%;
position: relative;
}
.mt-header-menu ul li .sub-menu li.has-dropdown:after {
position: absolute;
right: 25px;
bottom: 10px;
}
.mt-header-menu ul li .sub-menu li.has-dropdown:hover::after {
content: "\f068";
}
.mt-header-menu ul li .sub-menu li a {
color: var(--mt-common-black);
display: block;
padding: 10px 25px;
font-size: 17px;
}
.mt-header-menu ul li .sub-menu li a:before {
display: none;
}
.mt-header-menu ul li .sub-menu li .sub-menu {
left: 100%;
top: 105%;
opacity: 0;
visibility: hidden;
}
.mt-header-menu ul li .sub-menu li:hover > a {
color: var(--mt-theme-1);
background: transparent;
}
.mt-header-menu ul li .sub-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
top: 0;
}
.mt-header-menu ul li:hover.has-dropdown:after {
color: var(--mt-theme-1);
}
.mt-header-menu ul li:hover > a {
color: var(--mt-theme-1);
}
.mt-header-menu ul li:hover > a:before {
opacity: 1;
top: 0;
}
.mt-header-menu ul li:hover .sub-menu {
visibility: visible;
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.mt-header-menu ul li:hover .mt-megamenu-wrapper {
visibility: visible;
opacity: 1;
transition-duration: 0.2s;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.mt-header-right {
display: flex;
align-items: center;
justify-content: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-header-search {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-header-search {
display: none;
}
}
.mt-header-search input {
background-color: rgba(0, 0, 0, 0.03);
padding-left: 50px;
border-radius: 50px;
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.03);
}
.mt-header-search button {
padding-right: 10px;
color: #767676;
position: absolute;
left: 15px;
font-size: 20px;
top: 15px;
}
.mt-header-toggle-bar button {
background-color: var(--mt-common-black);
color: var(--mt-common-white);
height: 50px;
padding: 0 20px;
border-radius: 50px;
font-size: 23px;
}
.mt-header-btn a.mtlogin {
font-size: 16px;
font-weight: 700;
color: #000;
}
.mt-header-btn a.mtlogin i {
margin-right: 6px;
font-size: 20px;
}
@media (max-width: 767px) {
.mt-header-btn {
display: none;
}
}
.mt-header-5 .mt-header-menu ul li.has-dropdown:after {
display: none;
}
.mt-header-5 .mt-header-menu ul li .sub-menu li > a {
color: var(--mt-common-black);
}
.mt-header-5 .mt-header-menu ul li .sub-menu li:hover > a {
color: var(--mt-theme-3);
}
.mt-header-5 .mt-header-menu ul li:hover > a {
color: var(--mt-theme-3);
}
.mt-header-5 .mt-header-search {
padding-right: 15px;
border-right: 1px solid var(--mt-border-2);
margin-right: 20px;
}
.mt-header-5 .mt-header-search button {
position: inherit;
}
.mt-header-5 .mt-header-search button i {
font-size: 22px;
color: var(--mt-common-black);
}
.mt-header-5 .mt-header-toogle {
margin-right: 20px;
}
.mt-header-5 .mt-header-toogle button {
font-size: 22px;
color: var(--mt-common-black);
}
.mt-header-5 .mt-header-btn a {
padding: 15px 25px;
background: var(--mt-theme-3);
color: var(--mt-common-black);
font-weight: 700;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-header-5 .mt-header-btn a:hover {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-header-4 .mt-header-menu ul li > a {
padding: 33px 0px;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-header-4 .mt-header-menu ul li.dropdown:after {
color: var(--mt-common-black);
}
.mt-header-4 .mt-header-menu ul li:hover.dropdown:after {
color: var(--mt-theme-1);
}
.mt-header-4 .mt-megamenu-list ul li a {
padding: 10px 18px;
}
.mt-header-4 .mt-header-search button {
position: inherit;
margin-right: 15px;
}
.mt-header-2 .mt-header-menu ul li a {
color: rgba(255, 255, 255, 0.5);
font-size: 18px;
font-family: var(--mt-ff-body);
font-weight: 500;
}
.mt-header-2 .mt-header-menu ul li.dropdown:after {
color: rgba(255, 255, 255, 0.5);
}
.mt-header-2 .mt-header-menu ul li.active > a {
color: #fff;
}
.mt-header-2 .mt-header-menu ul li.active:after {
color: #fff;
}
.mt-header-2 .mt-header-menu ul li .sub-menu li.has-dropdown::after {
color: var(--mt-common-black);
}
.mt-header-2 .mt-header-menu ul li:hover > a {
color: var(--mt-common-white);
}
.mt-header-2 .mt-header-menu ul li:hover.dropdown:after {
color: var(--mt-common-white);
}
.mt-header-2 .mt-header-btn a.mtlogin {
color: rgba(255, 255, 255, 0.7);
}
.mt-header-2 .mt-header-search button {
position: inherit;
margin-right: 15px;
color: rgba(255, 255, 255, 0.7);
}
.mt-header-2 .mt-megamenu-list ul li a {
color: rgba(0, 0, 0, 0.569);
}
.mt-header-2 .mt-megamenu-list ul li:hover > a {
color: var(--mt-theme-1);
}
.mt-header-6 .mt-header-menu ul li a {
color: #55607A;
font-size: 18px;
font-family: var(--mt-ff-body);
font-weight: 600;
padding: 30px 0px;
}
.mt-header-6 .mt-header-menu ul li.dropdown:after {
color: #55607A;
}
.mt-header-6 .mt-header-menu ul li:hover > a {
color: var(--mt-theme-1);
}
.mt-header-6 .mt-header-menu ul li:hover.dropdown:after {
color: var(--mt-theme-1);
}
.mt-header-6 .mt-header-search button {
position: inherit;
margin-right: 15px;
color: var(--mt-common-black-3);
}
.mt-header-6 .mt-megamenu-list ul li a {
padding: 10px 18px;
}
.mt-header-6 .mt-header-support-number span {
color: #2E74FF;
font-size: 22px;
}
.mt-header-6 .mt-header-support-number a {
color: var(--mt-common-black-3);
font-size: 18px;
font-weight: 700;
}
.mt-header-6 .mt-header-5-search button i {
font-size: 18px;
color: var(--mt-common-black-3);
}
.mt-header-7 .mt-header-menu ul li > a {
color: var(--mt-common-white);
font-size: 16px;
}
.mt-header-7 .mt-header-menu ul li.dropdown:after {
color: var(--mt-common-white);
}
.mt-header-7 .mt-header-menu ul li .sub-menu li.has-dropdown:after {
color: #000;
}
.mt-header-7 .mt-header-menu ul li .sub-menu li:hover > a {
color: var(--mt-theme-5);
}
.mt-header-7 .mt-header-menu ul li .sub-menu li:hover.has-dropdown:after {
color: var(--mt-theme-5);
}
.mt-header-7 .mt-header-menu ul li:hover > a {
color: var(--mt-theme-5);
}
.mt-header-7 .mt-header-menu ul li:hover.dropdown:after {
color: var(--mt-theme-5);
}
.mt-header-7 .mt-megamenu-list ul li a {
color: #000;
}
.mt-header-7 .mt-header-search button {
position: inherit;
margin-right: 14px;
}
.mt-header-7 .mt-header-search button i {
font-size: 22px;
color: var(--mt-common-white);
}
.mt-header-7 .mt-header-search button i:hover {
color: var(--mt-theme-5);
}
.mt-header-7 .mtheader-sticky {
background-color: var(--mt-common-black);
}
.mt-header-9 .mt-header-search button {
padding-right: 0;
color: #000;
position: inherit;
left: inherit;
font-size: 20px;
top: inherit;
background: #F8F8F8;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50px;
}
.mt-header-9 .mt-header-cart button {
color: #000;
font-size: 20px;
background: #F8F8F8;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50px;
}
.mt-header-9 .mt-header-wishlist a {
color: #000;
font-size: 20px;
background: #F8F8F8;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50px;
display: inline-block;
text-align: center;
line-height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-header-9 .mt-header-wishlist {
display: none;
}
}
.mt-header-9 .mt-header-category button {
height: 50px;
border: 1px solid #C8C8C8;
border-radius: 50px;
padding: 0px 20px;
color: #000;
}
.mt-header-9 .mt-header-category button span {
margin: 0px 5px;
}
.mt-header-10 .mt-header-logo {
margin-top: -55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-header-10 .mt-header-logo {
margin-top: 0;
margin-bottom: -25px;
width: 200px;
}
}
.mt-header-10::after {
content: "";
width: 260px;
height: 54px;
display: inline-block;
background: #0A0B0A;
position: absolute;
right: 0;
bottom: -32%;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-header-10::after {
bottom: -28%;
}
}
@media (max-width: 767px) {
.mt-header-10::after {
width: 100px;
}
}
.mt-header-10::before {
content: "";
width: 260px;
height: 54px;
display: inline-block;
background: #0A0B0A;
position: absolute;
left: 0;
bottom: -32%;
z-index: -1;
}
@media (max-width: 767px) {
.mt-header-10::before {
width: 100px;
}
}
.mt-header-10 .mt-header-menu ul li:hover > a {
color: var(--mt-theme-6);
}
.mt-header-10 .mt-header-menu ul li:hover.dropdown:after {
color: var(--mt-theme-6);
}
.mt-header-10 .mt-header-menu ul li .sub-menu li:hover > a {
color: var(--mt-theme-6);
}
.mt-header-10 .mt-header-menu ul li .sub-menu li:hover.has-dropdown:after {
color: var(--mt-theme-6);
}
.mt-header-11 {
position: relative;
}
.mt-header-11::before {
content: "";
width: 130px;
height: 80px;
display: inline-block;
background: #0A0B0A;
position: absolute;
left: 10.8%;
bottom: -18%;
z-index: -1;
-moz-transform: rotate(130deg);
-o-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mt-header-11::before {
left: 12%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-header-11::before {
left: 13%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-header-11::before {
left: 14.5%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-header-11::before {
left: 17%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-header-11::before {
left: 20.5%;
bottom: 18%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-header-11::before {
left: 26%;
bottom: 17%;
}
}
@media (max-width: 767px) {
.mt-header-11::before {
left: 13%;
bottom: 17%;
}
}
.mt-header-11::after {
content: "";
width: 130px;
height: 80px;
display: inline-block;
background: #0A0B0A;
position: absolute;
right: 10.8%;
bottom: -18%;
z-index: -1;
-moz-transform: rotate(51deg);
-o-transform: rotate(51deg);
-ms-transform: rotate(51deg);
-webkit-transform: rotate(51deg);
transform: rotate(51deg);
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mt-header-11::after {
right: 12%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-header-11::after {
right: 13%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-header-11::after {
right: 14.5%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-header-11::after {
right: 17%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-header-11::after {
right: 20.5%;
bottom: 18%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-header-11::after {
right: 26%;
bottom: 17%;
}
}
@media (max-width: 767px) {
.mt-header-11::after {
right: 13%;
bottom: 17%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-header-11 .mt-header-menu ul li {
margin-right: 0px;
}
}
.mt-header-11.mtheader-sticky {
position: fixed !important;
background-color: #000;
}
.mt-header-11.mtheader-sticky .mt-header-menu ul li > a {
color: var(--mt-common-white);
}
.mt-header-11.mtheader-sticky .mt-header-menu ul li.dropdown:after {
color: var(--mt-common-white);
}
.mt-header-11.mtheader-sticky .mt-header-menu ul li .sub-menu li a {
color: var(--mt-common-black);
}
.mt-header-11.mtheader-sticky .mt-header-menu ul li .sub-menu li:hover > a {
color: var(--mt-theme-6);
}
.mt-header-11.mtheader-sticky::before {
display: none;
}
.mt-header-11.mtheader-sticky::after {
display: none;
}
.mt-header-11.mtheader-sticky .mt-header-logo {
margin-top: 0px;
margin-bottom: 0px;
}
.mt-header-11.mtheader-sticky .mt-header-logo img {
width: 221px;
}
.mt-header-11.mtheader-sticky .mt-megamenu-list ul li a {
color: rgba(0, 0, 0, 0.568627451);
}
.mt-header-11.mtheader-sticky .mt-megamenu-list ul li:hover a {
color: var(--mt-theme-6);
}
.mt-header-12 .mt-header-search button {
position: inherit;
margin-right: 15px;
color: rgba(3, 3, 3, 0.7);
}
.mt-header-8 .mt-header-search button {
position: inherit;
margin-right: 14px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-header-support {
display: none !important;
}
}
@media (max-width: 767px) {
.mt-header-toogle {
padding: 20px 0px;
margin-right: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-header-wrap {
justify-content: end !important;
}
}
.borderround .mtheader-sticky {
padding-left: 150px;
padding-right: 150px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.borderround .mtheader-sticky {
padding-left: 100px;
padding-right: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.borderround .mtheader-sticky {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.borderround .mtheader-sticky {
padding-left: 0px;
padding-right: 0px;
}
}
/*----------------------------------------*/
/* 4.1 Main menu css
/*----------------------------------------*/
.mt-megamenu-wrapper {
position: absolute;
transition: 0.3s;
opacity: 0;
visibility: hidden;
padding-top: 45px;
top: 100%;
left: 0;
right: 0;
max-width: 1460px;
z-index: 99;
margin: 0 auto;
overflow: hidden;
border-radius: 0 0 14px 14px;
transform-origin: top;
transition: 0.1s;
transform-origin: 0 0;
transform: scale(1, 0);
backdrop-filter: blur(40px);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-megamenu-wrapper {
max-width: calc(100% - 40px);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-megamenu-wrapper {
padding-top: 25px;
}
}
.mt-megamenu-wrapper.megamenu-black-bg {
backdrop-filter: blur(40px);
background: rgba(38, 37, 40, 0.9);
box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.mt-megamenu-wrapper.megamenu-black-bg .mt-megamenu-title {
color: #111013;
border-bottom: 1px solid #F3F3F6;
}
.mt-megamenu-wrapper.megamenu-black-bg .mt-megamenu-list ul::after {
background-color: #F3F3F6;
}
.mt-megamenu-wrapper.megamenu-black-bg .mt-megamenu-list ul li a {
color: #636368;
}
.mt-megamenu-wrapper.megamenu-black-bg .mt-megamenu-list ul li a:hover {
background-color: #f8f8fb;
color: var(--mt-common-black);
}
.mt-megamenu-title {
font-weight: 600;
font-size: 16px;
line-height: 1;
margin-bottom: 0;
padding-left: 40px;
padding-bottom: 25px;
text-align: start;
text-transform: uppercase;
word-spacing: 3.2px;
color: var(--mt-common-black);
border-bottom: 1px solid rgba(200, 200, 200, 0.3607843137);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-megamenu-title {
padding-left: 23px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-megamenu-title {
padding-left: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-megamenu-title {
padding-left: 20px;
}
}
.mt-megamenu-list {
height: 100%;
}
.mt-megamenu-list ul {
position: relative;
height: 100%;
padding-top: 18px;
padding-bottom: 50px;
}
.mt-megamenu-list ul::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: rgba(200, 200, 200, 0.3607843137);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-megamenu-list ul::after {
display: none;
}
}
.mt-megamenu-list ul li {
padding: 0px 20px;
margin: 0;
display: block;
}
.mt-megamenu-list ul li:not(:last-child) {
margin-bottom: 10px;
}
.mt-megamenu-list ul li a {
position: relative;
width: 100%;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: rgba(0, 0, 0, 0.568627451);
padding: 10px 18px;
border-radius: 8px;
display: inline-block;
letter-spacing: -0.01em;
text-align: start;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-megamenu-list ul li a {
font-size: 14px;
padding: 12px 12px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-megamenu-list ul li a {
font-size: 14px;
padding: 12px 8px;
}
}
.mt-megamenu-list ul li a span {
font-size: 13px;
line-height: 1;
font-weight: 800;
padding: 6px 8px;
border-radius: 20px;
display: inline-block;
margin-left: 3px;
text-transform: capitalize;
letter-spacing: 0.7px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-megamenu-list ul li a span {
font-size: 8px;
padding: 5px 6px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-megamenu-list ul li a span {
display: none;
}
}
.mt-megamenu-list ul li a span.hot {
color: #FF535B;
background-color: rgba(255, 83, 91, 0.08);
}
.mt-megamenu-list ul li a span.new {
color: #01D2A1;
background-color: rgba(1, 210, 161, 0.08);
}
.mt-megamenu-list ul li a span.pop {
color: #2555FF;
background-color: rgba(37, 85, 255, 0.08);
}
.mt-megamenu-thumb {
height: 100%;
position: absolute;
top: 0;
right: 0;
width: 17%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-megamenu-thumb {
display: none;
}
}
.mt-megamenu-thumb img {
height: 100%;
object-fit: cover;
width: 100%;
overflow: hidden;
}
.mt-header-menu ul > li:hover .mt-mega-menu {
opacity: 1;
visibility: visible;
top: 100%;
transition-duration: 0.2s;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.mt-mega-menu {
position: absolute;
transition: 0.3s;
opacity: 0;
visibility: hidden;
padding: 15px 15px 0px 15px;
top: 100%;
left: 0;
right: 0;
max-width: 1460px;
z-index: 99;
margin: 0 auto;
overflow: hidden;
border-radius: 0 0 14px 14px;
transform-origin: top;
transition: 0.1s;
transform-origin: 0 0;
transform: scale(1, 0);
backdrop-filter: blur(40px);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-mega-menu {
width: 900px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-mega-menu {
width: auto;
opacity: 1;
visibility: visible;
transition: none;
position: static;
display: none;
}
}
.mt-mega-menu .mt-home-menu a {
padding: 0;
}
.mt-home-title {
font-size: 17px;
margin-top: 19px;
margin-bottom: 0;
transition: 0.3s;
color: var(--mt-common-black);
}
.mt-home-title:hover {
color: var(--mt-theme-2);
}
.homemenu-btn {
position: absolute;
bottom: 20%;
left: 0;
right: 0;
text-align: center;
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.mt-home-thumb {
position: relative;
text-align: center;
}
.mt-home-thumb img {
box-shadow: 0px 2px 6px rgba(1, 15, 28, 0.2);
}
.mt-home-thumb:hover .homemenu-btn {
opacity: 1;
visibility: visible;
bottom: 50%;
transform: translateY(50%);
}
/*----------------------------------------*/
/* 4.2 Mobile Menu
/*----------------------------------------*/
.mt-offcanvas-menu ul {
list-style: none;
}
.mt-offcanvas-menu ul li {
position: relative;
}
.mt-offcanvas-menu ul li > a {
padding: 10px 0;
display: block;
color: var(--mt-common-black);
font-size: 18px;
font-family: var(--mt-ff-heading);
font-weight: 500;
}
.mt-offcanvas-menu ul li > a:hover {
color: var(--mt-theme-1);
}
.mt-offcanvas-menu ul li.active > a {
color: var(--mt-theme-1);
}
.mt-offcanvas-menu ul li.active > .mt-menu-close {
border-color: var(--mt-theme-1);
color: #fff;
background-color: var(--mt-theme-1);
}
.mt-offcanvas-menu ul li.active > .mt-menu-close i {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.mt-offcanvas-menu ul li .sub-menu {
display: none;
padding-left: 20px;
}
.mt-offcanvas-menu ul .mtmega-menu {
width: auto;
opacity: 1;
visibility: visible;
transition: none;
position: static;
display: none;
backdrop-filter: none;
background: transparent;
box-shadow: none;
-moz-transform: perspective(0) rotateX(0);
-o-transform: perspective(0) rotateX(0);
-ms-transform: perspective(0) rotateX(0);
-webkit-transform: perspective(0) rotateX(0);
transform: perspective(0) rotateX(0);
}
.mt-offcanvas-menu ul .mt-megamenu-list ul li {
padding: 0;
}
.mt-offcanvas-menu ul .mt-megamenu-list ul li a {
padding: 8px 20px;
color: var(--mt-common-black);
font-size: 18px;
font-family: var(--mt-ff-heading);
border: 0;
}
.mt-offcanvas-menu ul .mt-submenu li a {
padding: 8px 20px;
border-radius: 10px;
color: var(--mt-common-black);
font-size: 18px;
font-family: var(--mt-ff-heading);
}
.mt-offcanvas-menu ul .mt-submenu li a:hover {
background-color: #f8f8fb;
color: var(--mt-common-black);
}
.mt-menu-close {
position: absolute;
right: 0;
top: 6.5px;
border: 1px solid rgba(1, 15, 28, 0.12);
height: 30px;
width: 30px;
text-align: center;
font-size: 12px;
line-height: 29px;
}
.mt-menu-close:hover {
background-color: var(--mt-theme-1);
color: #fff;
border-color: var(--mt-theme-1);
}
.mt-menu-close i {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
/*----------------------------------------*/
/* 5.1 blog css start
/*----------------------------------------*/
@media (max-width: 767px) {
.mt-blog-2-btn {
text-align: start !important;
}
}
.mt-blog-content button {
border-bottom: 1px solid #D8D8D8;
padding: 2px 0;
margin-bottom: 15px;
text-align: left;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-blog-content button:last-child {
border: none;
}
.mt-blog-content button span {
color: var(--mt-common-black);
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 1.1;
text-transform: capitalize;
border-radius: 50px;
border: 1px solid #D8D8D8;
padding: 15px 35px;
margin-bottom: 10px;
display: inline-block;
}
.mt-blog-content button h3 {
color: var(--000000, #000);
font-size: 24px;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-blog-content button h3 a {
background-repeat: no-repeat;
background-size: 0% 1px, 0 1px;
background-position: 100% 100%, 0 100%;
transition: background-size 0.4s linear;
background-image: linear-gradient(#0e3631, #0e3631), linear-gradient(#0e3631, #0e3631);
}
.mt-blog-content button:hover a {
background-size: 0% 1px, 100% 1px;
}
.mt-blog-content button:hover h3 {
text-decoration: underline;
}
.mt-blog-img {
text-align: right;
}
@media (max-width: 767px) {
.mt-blog-img {
text-align: center;
}
}
@media (max-width: 767px) {
.mt-blog-img > img {
width: 100%;
}
}
.mt-blog-imgbtn {
background: var(--000000, #000);
padding: 14px 24px;
text-align: center;
color: #fff;
}
.mt-blog-imgbtn-float {
position: absolute;
right: 0;
bottom: 0;
}
.mt-blog-2-item img {
border-radius: 20px;
margin-bottom: 30px;
}
.mt-blog-2-item.blog-border {
border-bottom: 1px solid var(--mt-border-1);
}
.mt-blog-2-text span {
color: var(--mt-common-white);
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
display: inline-block;
}
.mt-blog-2-text h3 {
color: var(--FFFFFF, #FFF);
font-size: 24px;
font-weight: 700;
line-height: 34px;
}
.mt-blog-2-author img {
border-radius: 10px;
margin-right: 14px;
}
.mt-blog-2-author-text h5 {
color: var(--mt-common-white);
font-size: 18px;
font-weight: 700;
line-height: 26px;
}
.mt-blog-2-author-text span {
color: var(--CDCDCD, #CDCDCD);
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.mt-blog-3-item {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-blog-3-item:hover .mt-blog-3-btn a {
color: #FF2E00;
}
.mt-blog-3-item:hover .mt-blog-3-btn a span svg path {
fill: #FF2E00;
}
.mt-blog-3-date {
background-color: #000;
display: inline-block;
padding: 5px 20px;
position: absolute;
right: 15px;
bottom: 0;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}
.mt-blog-3-text h3 {
color: var(--FFFFFF, #FFF);
font-size: 24px;
font-weight: 700;
}
.mt-blog-3-btn a svg {
margin-left: 7px;
}
.mt-blog-4-item {
border: 1px solid var(--mt-border-2);
border-radius: 20px;
padding: 25px;
padding-bottom: 30px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-blog-4-item:hover {
border: 1px solid transparent;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
}
.mt-blog-4-item:hover .mt-blog-4-btn i {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-blog-4-item:hover .mt-blog-4-btn span {
margin-left: 0px;
}
.mt-blog-4-item:hover .mt-blog-4-btn i {
margin-left: 6px;
}
.mt-blog-4-img img {
border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-blog-4-img img {
width: 100%;
}
}
.mt-blog-4-tag span {
border: 1px solid var(--mt-border-2);
border-radius: 50px;
color: var(--mt-text-2);
padding: 4px 15px;
margin: 0 3px;
}
.mt-blog-4-btn span {
font-family: var(--mt-ff-heading);
font-weight: 700;
color: var(--mt-common-black);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-left: -100px;
}
.mt-blog-4-btn i {
border: 1px solid var(--mt-border-2);
padding: 10px 30px;
border-radius: 50px;
color: #000;
font-size: 18px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-left: 20px;
}
.mt-blog-4-shape {
position: absolute;
bottom: 13%;
left: 0;
z-index: -1;
}
.mt-blog-4-arrow button {
border: 1px solid var(--mt-border-2);
padding: 10px 30px;
border-radius: 50px;
color: #000;
font-size: 18px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-left: 20px;
}
.mt-blog-4-arrow button.active {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-blog-5-item {
border: 1px solid #F8F8F8;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-blog-5-item:hover {
background: var(--FFFFFF, #FFF);
box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
}
.mt-blog-5-item:hover .mt-blog-5-img img {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mt-blog-5-item:hover .mt-blog-5-text a {
background-size: 0% 2px, 100% 2px;
}
.mt-blog-5-content {
padding: 20px;
padding-bottom: 25px;
}
.mt-blog-5-meta {
gap: 10px;
}
.mt-blog-5-meta > span {
width: 6px;
height: 6px;
background: #767676;
border-radius: 50px;
}
.mt-blog-5-cat span {
color: #767676;
}
.mt-blog-5-date span {
color: #767676;
}
.mt-blog-5-btn a {
color: #000;
}
.mt-blog-5-btn a span {
margin-left: 5px;
}
.mt-blog-5-text h4 a {
background-repeat: no-repeat;
background-size: 0% 2px, 0 2px;
background-position: 100% 100%, 0 100%;
transition: background-size 0.4s linear;
background-image: linear-gradient(#000000, #0e3631), linear-gradient(#000000, #0e3631);
}
.mt-blog-5-img {
overflow: hidden;
}
.mt-blog-5-img img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-blog-5-img img {
width: 100%;
}
}
.mt-blog-6 .mt-blog-5-item {
border-radius: 24px;
background-color: #fff;
}
.mt-blog-6 .mt-blog-5-item:hover {
box-shadow: none;
}
.mt-blog-6 .mt-blog-5-img a img {
border-radius: 24px;
background: url(<path-to-image>) lightgray 50%/cover no-repeat;
box-shadow: 0px 17px 19px -10px rgba(29, 28, 60, 0.25);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-blog-6 .mt-blog-5-img a img {
width: 100%;
}
}
.mt-blog-6 .mt-blog-main-wrap {
border-radius: 34px;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-blog-6 .mt-blog-main-wrap {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 50px;
}
}
.mt-blog-6 .mtscreenshort-arrow::before {
content: "";
width: 70px;
left: 45.5%;
bottom: -12%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-blog-6 .mtscreenshort-arrow::before {
bottom: -11%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-blog-6 .mt-blog-6-button-prev {
right: 37%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-blog-6 .mt-blog-6-button-prev {
right: 29%;
bottom: -102px;
}
}
.mt-blog-6 .mt-blog-6-button-next {
left: auto;
right: 55.5%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-blog-6 .mt-blog-6-button-next {
right: 55.5%;
bottom: -102px;
}
}
.mt-blog-7-item {
border-radius: 14px;
padding: 5px 5px;
box-shadow: 0px 40px 60px rgba(140, 140, 140, 0.06);
background: #FFFFFF;
}
.mt-blog-7-item:hover .mt-blog-title {
color: var(--mt-theme-2);
}
@media (max-width: 767px) {
.mt-blog-7-img img {
width: 100%;
}
}
.mt-blog-7-title {
transition: 0.3s;
color: #051535;
font-size: 24px;
}
@media (max-width: 767px) {
.mt-blog-7-title {
font-size: 20px;
}
}
.mt-blog-7-meta span {
color: #55607A;
font-size: 18px;
margin: 0px 5px;
}
.mt-blog-8 .mt-blog-item {
border-radius: 30px 30px 30px 30px;
background: #F6F6F6;
}
.mt-blog-8 .mt-blog-item:hover .mt-blog-img img {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mt-blog-8 .mt-blog-item:hover .mt-blog-btn a {
color: var(--mt-theme-1);
}
.mt-blog-8 .mt-blog-content {
padding: 30px;
}
.mt-blog-8 .mt-blog-img {
overflow: hidden;
}
.mt-blog-8 .mt-blog-img img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mt-blog-8 .mt-blog-meta a {
position: relative;
margin: 0px 10px;
}
.mt-blog-8 .mt-blog-meta a span {
font-size: 18px;
color: #5A6164;
}
.mt-blog-8 .mt-blog-meta a::before {
content: "";
width: 1px;
height: 70%;
background-color: #5A6164;
position: absolute;
left: 115%;
-moz-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.mt-blog-8 .mt-blog-meta a:last-child:before {
display: none;
}
.mt-blog-8 .mt-blog-date span {
color: #5A6164;
font-size: 17px;
}
.mt-blog-8 .mt-blog-btn a {
color: #000;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-blog-8 .mt-blog-text h4 {
font-size: 24px;
font-weight: 500;
line-height: 1.3;
color: #101010;
}
.mt-blog-8.mtblogi-black .mt-blog-item {
background: rgba(246, 246, 246, 0.1);
}
.mt-blog-8.mtblogi-black .mt-blog-item:hover .mt-blog-btn a {
color: var(--mt-theme-2);
}
.mt-blog-8.mtblogi-black .mt-blog-text h4 {
color: var(--mt-common-white);
}
.mt-blog-8.mtblogi-black .mt-blog-meta a span {
color: var(--mt-common-white);
}
.mt-blog-8.mtblogi-black .mt-blog-date span {
color: var(--mt-common-white);
}
.mt-blog-8.mtblogi-black .mt-blog-btn a {
color: var(--mt-common-white);
}
@media (max-width: 767px) {
.mt-blog-9 .mt-blog-item {
flex-wrap: wrap;
}
}
.mt-blog-9 .mt-blog-item:hover .mt-blog-title {
color: var(--mt-theme-5);
}
.mt-blog-9 .mt-blog-item:hover .mt-blog-img img {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mt-blog-9 .mt-blog-meta a {
color: rgba(255, 255, 255, 0.7);
margin: 0 5px;
}
.mt-blog-9 .mt-blog-meta a span {
margin-right: 5px;
color: var(--mt-theme-5);
}
.mt-blog-9 .mt-blog-img {
margin-right: -80px;
z-index: 2;
overflow: hidden;
flex: 0 0 auto;
}
@media (max-width: 767px) {
.mt-blog-9 .mt-blog-img {
flex: auto;
margin-right: 0;
}
}
.mt-blog-9 .mt-blog-img img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
@media (max-width: 767px) {
.mt-blog-9 .mt-blog-img img {
width: 100%;
}
}
.mt-blog-9 .mt-blog-title {
color: #fff;
font-size: 24px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-blog-9 .mt-blog-btn {
color: #fff;
font-weight: 700;
font-size: 17px;
}
.mt-blog-9 .mt-blog-btn span {
margin-left: 8px;
}
.mt-blog-9 .mt-blog-content {
border-radius: 10px;
background: linear-gradient(180deg, rgb(16, 65, 109), rgba(16, 65, 109, 0) 100%);
padding-top: 35px;
padding-right: 35px;
}
@media (max-width: 767px) {
.mt-blog-9 .mt-blog-content {
padding-left: 20px;
padding-right: 20px;
border-radius: 0;
}
}
.mt-blog-9 .mt-blog-content p {
color: rgba(255, 255, 255, 0.7);
line-height: 28px;
font-size: 17px;
}
.mt-blog-10 .mt-blog-item {
background-color: #F8F8F8;
padding: 24px;
border-radius: 20px;
}
.mt-blog-10 .mt-blog-item:hover .mt-blog-img img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mt-blog-10 .mt-blog-item:hover .mt-blog-title a {
background-size: 0% 2px, 100% 2px;
}
.mt-blog-10 .mt-blog-item:hover .mt-blog-btn a {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-blog-10 .mt-blog-img {
overflow: hidden;
}
.mt-blog-10 .mt-blog-img img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mt-blog-10 .mt-blog-meta a {
margin: 0px 6px;
}
.mt-blog-10 .mt-blog-meta a i {
margin-right: 5px;
}
.mt-blog-10 .mt-blog-title a {
background-repeat: no-repeat;
background-size: 0% 2px, 0 2px;
background-position: 100% 100%, 0 100%;
transition: background-size 0.4s linear;
background-image: linear-gradient(#0e3631, #0e3631), linear-gradient(#0e3631, #0e3631);
}
.mt-blog-10 .mt-blog-btn {
position: absolute;
bottom: 0%;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mt-blog-10 .mt-blog-btn a {
width: 100px;
height: 60px;
line-height: 70px;
text-align: center;
background-color: var(--mt-common-white);
display: inline-block;
border-radius: 250px 250px 0px 0px;
font-size: 25px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-blog-10 .mt-blog-shape {
position: absolute;
left: 10%;
top: 10%;
animation: mt__scalingAnimation 9s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-blog-10 .mt-blog-shape {
left: 1%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-blog-10 .mt-blog-shape {
left: 1%;
top: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-blog-10 .mt-blog-shape {
left: 1%;
top: 2%;
}
}
@media (max-width: 767px) {
.mt-blog-10 .mt-blog-shape {
display: none;
}
}
.mt-blog-10 .mt-blog-shape-2 {
position: absolute;
right: 12%;
top: 14%;
animation: mttranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-blog-10 .mt-blog-shape-2 {
right: 1%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-blog-10 .mt-blog-shape-2 {
top: 5%;
right: 1%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-blog-10 .mt-blog-shape-2 {
top: 3%;
right: 1%;
}
}
@media (max-width: 767px) {
.mt-blog-10 .mt-blog-shape-2 {
display: none;
}
}
.swiper.mt-blog-4-active.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
padding: 10px;
}
.mtblog__bg {
background-image: url(/assets/img/blog/blog-bg-2-1.png);
background-position: center;
background-repeat: no-repeat;
padding: 24px 40px 24px 24px;
border-radius: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 2;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtblog__bg {
background-size: cover;
padding: 40px 60px;
}
}
@media (max-width: 767px) {
.mtblog__bg {
background-size: cover;
padding: 40px 30px;
}
}
.mtblog__bg:hover {
background-image: url(/assets/img/blog/blog-bg-2-2.png);
}
.mtblog__meta cite {
width: 10px;
height: 1px;
display: inline-block;
background: var(--mt-text-body);
margin: 0 5px;
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.mtblog__btn a {
color: var(--mt-common-black);
font-weight: 700;
font-family: var(--mt-ff-heading);
}
.mtblog__shape {
position: absolute;
right: 0;
top: 0;
}
.mtblog__shape-2 {
position: absolute;
left: 16%;
top: 5%;
animation: mt__scalingAnimation 9s linear infinite;
}
@media (max-width: 767px) {
.mtblog__shape-2 {
display: none;
}
}
.mtblog__2 {
background-color: rgba(13, 89, 239, 0.02);
}
.mtblog__2 .mtblog__item.larges {
padding: 30px;
background-color: #fff;
border-radius: 24px;
border: 1px solid #E7E7E7;
box-shadow: 0px 22px 75px -4px rgba(4, 37, 82, 0.08);
}
@media (max-width: 767px) {
.mtblog__2 .mtblog__item.smalles {
flex: 0 0 auto;
flex-wrap: wrap;
gap: 20px;
}
}
.mtblog__2 .mtblog__thumb {
flex: 0 0 auto;
}
@media (max-width: 767px) {
.mtblog__2 .mtblog__thumb {
width: 100%;
}
}
@media (max-width: 767px) {
.mtblog__2 .mtblog__thumb a img {
width: 100%;
}
}
.mtblog__2 .mtblog__title {
font-size: 30px;
font-weight: 400;
line-height: 40px;
text-transform: math-auto;
}
.mtblog__2 .mtblog__btn a {
color: #0D59EF;
font-size: 18px;
text-transform: uppercase;
}
.mtblog__2 .mtblog__btn a span {
width: 32px;
height: 32px;
line-height: 32px;
background-color: #0D59EF;
color: #Fff;
border-radius: 50px;
text-align: center;
display: inline-block;
margin-left: 10px;
}
.mtblog__2 .mtblog__shape-2 {
left: 13%;
top: 25%;
z-index: -1;
}
.mtblog__3 {
background-color: #fff;
}
.mtblog__3 .mtblog__item {
padding: 15px;
background-color: #fff;
border-radius: 24px;
border: 1px solid #E7E7E7;
box-shadow: 0px 22px 75px -4px rgba(4, 37, 82, 0.04);
}
.mtblog__3 .mtblog__item:hover .mtblog__thumb img {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mtblog__3 .mtblog__item:hover .mtblog__title a {
background-size: 0% 2px, 100% 2px;
}
.mtblog__3 .mtblog__thumb {
overflow: hidden;
}
.mtblog__3 .mtblog__thumb img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mtblog__3 .mtblog__content {
padding: 0px 7px 10px 7px;
}
.mtblog__3 .mtblog__meta span {
color: #042552;
font-size: 18px;
}
.mtblog__3 .mtblog__meta span i {
margin: 0px 5px;
}
.mtblog__3 .mtblog__title {
font-weight: 700;
font-size: 30px;
line-height: 1.2;
}
.mtblog__3 .mtblog__title a {
background-repeat: no-repeat;
background-size: 0% 2px, 0 2px;
background-position: 100% 100%, 0 100%;
transition: background-size 0.4s linear;
background-image: linear-gradient(#000000, #0e3631), linear-gradient(#000000, #0e3631);
}
.mtblog__3 .mtblog__btn a {
color: #0D59EF;
font-size: 18px;
text-transform: capitalize;
}
.mtblog__4 .mtblog__item:hover .mtblog__thumb img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mtblog__4 .mtblog__item:hover .mtblog__title a {
background-size: 0% 2px, 100% 2px;
}
.mtblog__4 .mtblog__thumb {
flex: 0 0 auto;
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtblog__4 .mtblog__thumb {
background-repeat: no-repeat;
background-size: cover;
}
}
@media (max-width: 767px) {
.mtblog__4 .mtblog__thumb {
flex-wrap: wrap;
flex: auto;
}
}
.mtblog__4 .mtblog__thumb img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
@media (max-width: 767px) {
.mtblog__4 .mtblog__thumb img {
width: 100%;
}
}
.mtblog__4 .mtblog__thumb::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 2, 19, 0.2) 42.39%, #000 100%);
}
.mtblog__4 .mtblog__content {
padding: 32px;
position: absolute;
left: 0;
bottom: 0;
}
.mtblog__4 .mtblog__title {
font-size: 32px;
line-height: 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtblog__4 .mtblog__title {
font-size: 25px;
line-height: 34px;
}
.mtblog__4 .mtblog__title br {
display: none;
}
}
.mtblog__4 .mtblog__title a {
background-repeat: no-repeat;
background-size: 0% 2px, 0 2px;
background-position: 100% 100%, 0 100%;
transition: background-size 0.4s linear;
background-image: linear-gradient(#000000, #ffffff), linear-gradient(#000000, #ffffff);
}
.mtblog__4 .mtblog__meta a {
margin-right: 15px;
color: rgba(255, 255, 255, 0.7333333333);
}
.mtblog__4 .mtblog__list {
border-bottom: 1px solid var(--mt-border-2);
padding-bottom: 20px;
}
.mtblog__4 .mtblog__list.mtborder {
border-bottom: 1px solid var(--mt-border-2) !important;
}
@media (max-width: 767px) {
.mtblog__4 .mtblog__list {
flex-wrap: wrap;
gap: 20px;
}
}
.mtblog__4 .mtblog__list:last-child {
border-bottom: 0px;
}
.mtblog__4 .mtblog__list .mtblog__content {
padding: 0;
position: inherit;
}
.mtblog__4 .mtblog__list .mtblog__title {
font-size: 24px;
line-height: 34px;
}
.mtblog__4 .mtblog__list .mtblog__meta a {
color: #000;
}
.mtblog__4 .mtblog__list .mtblog__thumb {
flex: 0 0 auto;
}
@media (max-width: 767px) {
.mtblog__4 .mtblog__list .mtblog__thumb {
flex: auto;
margin-right: 0px;
}
}
/*----------------------------------------*/
/* 5.2 Postbox css
/*----------------------------------------*/
.mt-postbox-title a:hover {
color: var(--mt-theme-1);
}
.mt-postbox-content {
padding: 25px 35px 35px 35px;
border: 1px solid #F8F8F8;
background: #F8F8F8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-postbox-content {
padding: 25px 25px 35px 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-postbox-content {
padding: 25px 15px 35px 15px;
}
}
@media (max-width: 767px) {
.mt-postbox-content {
padding: 25px 10px 35px 10px;
}
}
.mt-postbox-meta span {
height: 30px;
line-height: 30px;
color: #000;
display: inline-block;
border: 1px solid #ddd;
border-radius: 50px;
text-align: center;
padding: 0px 15px;
margin: 4px 1px;
}
.mt-postbox-meta span a:hover {
color: var(--mt-theme-1);
}
.mt-postbox-meta span:after {
position: absolute;
content: "";
background: #57595C;
height: 16px;
width: 2px;
right: 0;
top: 2px;
}
.mt-postbox-meta span i {
margin-right: 2px;
font-size: 15px;
}
.mt-postbox-meta span:last-child:after {
display: none;
}
@media (max-width: 767px) {
.mt-postbox-title {
font-size: 25px;
}
}
.mt-postbox-details blockquote {
border: 1px solid var(--mt-border-2);
text-align: center;
border-radius: 20px;
padding: 60px;
}
@media (max-width: 767px) {
.mt-postbox-details blockquote {
padding: 30px;
}
}
.mt-postbox-details blockquote i {
font-size: 50px;
margin-bottom: 25px;
}
.mt-postbox-details blockquote p {
font-size: 30px;
font-family: var(--mt-ff-heading);
color: var(--mt-common-black);
line-height: 1.2;
margin-bottom: 30px;
}
.mt-postbox-details blockquote cite {
color: #0A0E1A;
font-size: 20px;
font-style: normal;
}
.mt-postbox-details-list ul li {
list-style: none;
margin-bottom: 20px;
}
.mt-postbox-details-list ul li i {
margin-right: 5px;
}
.mt-postbox-4 .mt-postbox-content {
padding: 0px 35px 35px 35px;
border: 1px solid transparent;
background: transparent;
}
@media (max-width: 767px) {
.mt-postbox-4 .mt-postbox-content {
padding: 0;
}
}
@media (max-width: 767px) {
.mt-postbox-tag {
margin-bottom: 20px;
}
}
.mt-postbox-tag span {
color: var(--mt-common-black);
font-weight: 900;
margin-right: 5px;
}
.mt-postbox-tag a {
font-size: 13px;
font-weight: 900;
border: 1px solid var(--mt-border-2);
color: var(--mt-common-black);
padding: 0px 20px;
height: 50px;
text-align: center;
display: inline-block;
line-height: 50px;
border-radius: 50px;
margin-right: 5px;
margin-bottom: 5px;
}
.mt-postbox-tag a:hover {
background-color: var(--mt-theme-1);
color: #fff;
}
.mt-postbox-social a {
border: 1px solid #57595C;
line-height: 42px;
text-align: center;
font-size: 14px;
color: #57595C;
border-radius: 50px;
height: 42px;
width: 42px;
display: inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-postbox-social a:hover {
background-color: var(--mt-theme-1);
color: #fff;
border: 1px solid var(--mt-theme-1);
}
.mt-postbox-comments ul {
list-style: none;
}
.mt-postbox-comments ul li {
margin-bottom: 30px;
padding-bottom: 25px;
border-bottom: 1px solid var(--mt-border-2);
}
.mt-postbox-comments ul li.children {
padding-left: 60px;
}
@media (max-width: 767px) {
.mt-postbox-comments ul li.children {
padding-left: 20px;
}
}
.mt-postbox-comments-thumb {
float: left;
}
.mt-postbox-comments-thumb img {
width: 50px;
height: 50px;
margin-right: 20px;
object-fit: cover;
}
.mt-postbox-comments-text {
overflow: hidden;
position: relative;
}
.mt-postbox-comments-text span {
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
display: block;
margin-bottom: 8px;
}
.mt-postbox-comments-author {
font-size: 20px;
margin-bottom: 5px;
}
.mt-postbox-2 .mt-postbox-content {
padding: 0px 130px;
border: 1px solid transparent;
background: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-postbox-2 .mt-postbox-content {
padding: 0;
}
}
.mt-postbox-2 .mt-postbox-content .mtblog__meta span {
color: #000;
}
.mt-postbox-2 .mt-postbox-content .mtblog__meta span i {
margin: 0px 5px;
}
.mt-postbox-2 .mt-postbox-thumb-sm img {
width: 100%;
height: 186px;
object-fit: cover;
}
.mt-postbox-2 .mt-postbox-social span {
font-size: 18px;
font-weight: 600;
color: #000;
margin-right: 10px;
}
.mt-postbox-3 .mt-postbox-content {
padding: 25px 0;
border: transparent;
background: #02203D;
}
.mt-postbox-3 .mt-postbox-meta span {
color: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.7);
}
.mt-postbox-3 .mt-postbox-meta span a:hover {
color: var(--mt-common-white);
}
.mt-postbox-3 .mt-postbox-title {
color: var(--mt-common-white);
}
.mt-postbox-3 .mt-postbox-content p {
color: rgba(255, 255, 255, 0.7);
}
.mt-postbox-3 .mt-postbox-tag span {
color: var(--mt-common-white);
}
.mt-postbox-3 .mt-postbox-tag a {
font-size: 13px;
font-weight: 900;
border: 1px solid rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.mt-postbox-3 .mt-postbox-tag a:hover {
background-color: var(--mt-theme-1);
color: #fff;
border: 1px solid var(--mt-theme-1);
}
.mt-postbox-3 .mt-postbox-social a {
border: 1px solid rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.mt-postbox-3 .mt-postbox-social a:hover {
border: 1px solid var(--mt-theme-1);
}
.mt-postbox-5 .mt-postbox-tag a:hover {
background-color: var(--mt-theme-3);
color: #000;
}
.mt-postbox-5 .mt-postbox-social a:hover {
background-color: var(--mt-theme-3);
color: #000;
border: 1px solid var(--mt-theme-3);
}
.mt-blogpost-3 .mtcontact__form-inputbox input,
.mt-blogpost-3 .mtcontact__form-inputbox textarea {
background-color: transparent;
border: 1px solid rgba(94, 91, 91, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.reply {
position: absolute;
right: 0;
top: 0;
font-size: 15px;
border: 1px solid #ddd;
padding: 4px 10px;
color: #000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.reply:hover {
color: var(--mt-common-white);
background-color: var(--mt-common-black);
}
.mt-swiper-blog-button {
height: 70px;
width: 70px;
background: var(--mt-theme-1);
display: inline-block;
border-radius: 100%;
line-height: 70px;
font-size: 25px;
text-align: center;
position: absolute;
top: 50%;
z-index: 2;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 30px;
color: var(--mt-common-white);
}
.mt-swiper-blog-button-prev {
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mt-swiper-blog-button-next {
left: auto;
right: 30px;
}
.mt-blog-video {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mt-blog-video a {
height: 100px;
width: 100px;
border-radius: 100%;
color: #222;
line-height: 100px;
font-size: 21px;
background-color: var(--mt-theme-2);
display: inline-block;
}
.mt-text-btn {
color: #222;
}
.mt-text-btn i {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mt-text-btn:hover {
color: var(--mt-theme-1);
}
.mt-text-btn:hover i {
color: var(--mt-theme-1);
}
/*----------------------------------------*/
/* 5.3 Recent Post css
/*----------------------------------------*/
/*----------------------------------------*/
/* 5.4 Sidebar css
/*----------------------------------------*/
.mt-blog-sidebar-widget {
padding: 35px;
border: 1px solid #F8F8F8;
background: #F8F8F8;
}
@media (max-width: 767px) {
.mt-blog-sidebar-widget {
padding: 30px 10px 30px 10px;
}
}
.mt-blog-sidebar-title {
color: var(--mt-common-black);
}
.mt-blog-sidebar-title span {
height: 10px;
width: 10px;
border-radius: 30px;
background: var(--mt-theme-1);
display: inline-block;
margin-right: 5px;
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.mt-blog-sidebar-post-thumb {
flex: 0 0 auto;
}
.mt-blog-sidebar-post-thumb img {
width: 100%;
}
.mt-blog-sidebar-post-title {
color: var(--mt-common-black);
}
.mt-blog-sidebar-post-title:hover {
color: var(--mt-theme-1);
}
.mt-blog-sidebar-cat ul li {
margin-bottom: 15px;
list-style: none;
}
.mt-blog-sidebar-cat ul li a {
color: #000;
display: block;
padding: 20px 25px;
line-height: 1;
position: relative;
background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
}
.mt-blog-sidebar-cat ul li a:hover {
background-color: var(--mt-theme-1);
color: #fff;
border-color: var(--mt-theme-1);
}
.mt-blog-sidebar-cat ul li a:after {
content: "\f061";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 25px;
top: 50%;
-moz-transform: translateY(-50%) rotate(-40deg);
-o-transform: translateY(-50%) rotate(-40deg);
-ms-transform: translateY(-50%) rotate(-40deg);
-webkit-transform: translateY(-50%) rotate(-40deg);
transform: translateY(-50%) rotate(-40deg);
}
.mt-blog-sidebar-cat ul li:last-child {
margin-bottom: 0;
}
.mt-blog-sidebar-social a {
font-size: 18px;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
color: var(--mt-common-black);
background-color: var(--mt-common-white);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-right: 5px;
}
.mt-blog-sidebar-social a:hover {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-blog-sidebar-2 .mt-blog-sidebar-cat ul li a:hover {
background-color: var(--mt-theme-6);
color: #fff;
border-color: var(--mt-theme-6);
}
.mt-blog-sidebar-2 .tagcloud a:hover {
background-color: var(--mt-theme-6);
color: #fff;
border-color: var(--mt-theme-6);
}
.mt-blog-sidebar-2 .mt-blog-sidebar-post-title:hover {
color: var(--mt-theme-6);
}
.mt-blog-sidebar-2 .mt-blog-sidebar-social a:hover {
background-color: var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-blog-sidebar-3 .mt-blog-sidebar-widget {
padding: 35px 35px 0px 35px;
border: 0;
background: transparent;
}
.mt-blog-sidebar-3 .mt-blog-sidebar-title {
color: var(--mt-common-white);
}
.mt-blog-sidebar-3 .mt-blog-sidebar-cat ul li a {
background-color: transparent;
border: 1px solid rgba(94, 91, 91, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.mt-blog-sidebar-3 .mt-blog-sidebar-cat ul li a:hover {
background-color: var(--mt-theme-1);
color: #fff;
border-color: var(--mt-theme-1);
}
.mt-blog-sidebar-3 .mt-blog-sidebar-post-title {
color: var(--mt-common-white);
}
.mt-blog-sidebar-3 .mt-blog-form input {
background-color: transparent;
border: 1px solid rgba(94, 91, 91, 0.7);
color: rgba(255, 255, 255, 0.7);
}
.mt-blog-sidebar-3 .mt-postbox-meta span {
color: white;
}
.mt-blog-sidebar-3 .tagcloud a {
color: var(--mt-common-white);
}
.mt-blog-sidebar-4 .mt-blog-sidebar-cat ul li a:hover {
background-color: var(--mt-theme-3);
color: #000;
border-color: var(--mt-theme-3);
}
.mt-blog-sidebar-4 .tagcloud a:hover {
background-color: var(--mt-theme-3);
color: #000;
border-color: var(--mt-theme-3);
}
.mt-blog-sidebar-4 .mt-blog-sidebar-post-title:hover {
color: var(--mt-theme-3);
}
.mt-blog-sidebar-4 .mt-blog-sidebar-social a:hover {
background-color: var(--mt-theme-3);
color: var(--mt-common-black);
}
.mt-blog-form input {
padding: 0 20px;
border-radius: 5px;
}
.mt-blog-form button {
position: absolute;
font-size: 20px;
right: 20px;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mt-blog-sidebar-post-item {
margin-bottom: 15px;
}
.mt-blog-sidebar-post-item:last-child {
margin: 0;
}
.tagcloud a {
font-size: 13px;
font-weight: 900;
border: 1px solid var(--mt-border-2);
color: var(--mt-common-black);
padding: 0px 20px;
height: 50px;
text-align: center;
display: inline-block;
line-height: 50px;
border-radius: 50px;
margin-right: 5px;
margin-bottom: 10px;
}
.tagcloud a:hover {
background-color: var(--mt-theme-1);
color: #fff;
border-color: var(--mt-theme-1);
}
/*----------------------------------------*/
/* 6.1 Footer Style 1
/*----------------------------------------*/
.mt-footer-main-wraper {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.mt-footer-space {
padding-top: 220px;
padding-bottom: 70px;
}
.mt-footer-title {
font-size: 24px;
font-weight: 600;
line-height: 34px;
text-transform: capitalize;
color: var(--mt-common-white);
}
@media (max-width: 767px) {
.mt-footer-title {
font-size: 20px;
}
}
.mt-footer-list ul li {
list-style: none;
overflow: hidden;
position: relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: var(--mt-border-2);
}
.mt-footer-list ul li:not(:last-child) {
margin-bottom: 15px;
}
.mt-footer-list ul li a {
color: var(--mt-border-2);
font-weight: 400;
font-size: 17px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media (max-width: 767px) {
.mt-footer-list ul li a {
font-size: 14px;
}
}
.mt-footer-list ul li a:hover {
color: var(--mt-theme-2);
}
.mt-footer-list-3 ul li {
width: inherit;
float: inherit;
}
.mt-footer-list-3 ul li:hover a {
color: var(--mt-theme-3);
}
.mt-footer-contact ul li {
list-style: none;
overflow: hidden;
position: relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: var(--mt-common-white);
margin-bottom: 15px;
}
.mt-footer-contact ul li:not(:last-child) {
margin-bottom: 15px;
}
.mt-footer-contact ul li a {
color: var(--mt-common-white);
font-weight: 400;
font-size: 16px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-contact ul li a span i {
color: #FFA319;
}
.mt-footer-logo {
margin-bottom: 30px;
}
.mt-footer-text p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
color: var(--mt-text-p);
padding-bottom: 8px;
}
@media (max-width: 767px) {
.mt-footer-text p {
font-size: 14px;
padding-right: 0;
}
}
.mt-footer-social span {
color: var(--mt-common-white);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 26px;
text-transform: capitalize;
}
.mt-footer-social ul li {
display: inline-block;
margin-top: 15px;
}
.mt-footer-social ul li a {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
display: inline-block;
border: 1px solid #C8C8C8;
color: var(--mt-common-black);
margin-right: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-social ul li a:hover {
background-color: var(--mt-theme-3);
}
.mt-footer-contact a {
color: #68696c;
font-size: 16px;
display: block;
}
@media (max-width: 767px) {
.mt-footer-contact a {
font-size: 14px;
}
}
.mt-footer-contact a:not(:last-child) {
margin-bottom: 12px;
}
.mt-footer-contact a:hover {
color: var(--mt-common-white);
}
.mt-footer-contact a i {
color: var(--mt-theme-1);
display: inline-block;
margin-right: 15px;
-moz-transform: translateY(2px);
-o-transform: translateY(2px);
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.mt-footer-thumb {
position: relative;
margin-bottom: 10px;
}
.mt-footer-thumb img {
width: 100%;
}
.mt-footer-thumb:not(:last-child) {
margin-right: 10px;
}
.mt-footer-thumb:hover::after {
right: auto;
left: 0;
width: 100%;
}
.mt-footer-thumb:hover .mt-footer-thumb-icon {
opacity: 1;
visibility: visible;
}
.mt-footer-thumb::after {
content: "";
top: 0;
left: auto;
right: 0;
height: 100%;
width: 0;
position: absolute;
background-color: rgba(221, 7, 50, 0.949);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-thumb-icon {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0;
visibility: hidden;
z-index: 1;
}
.mt-footer-thumb-icon a {
font-size: 16px;
color: var(--mt-common-white);
}
.mt-footer-thumb-wrap {
margin-top: 32px;
}
.mt-footer-shape-1 {
position: absolute;
bottom: 0;
left: 170px;
z-index: -1;
animation: mttranslateX2 4s infinite alternate;
}
.mt-footer-shape-2 {
position: absolute;
bottom: 0;
right: 25px;
z-index: -1;
animation: mttranslateX2 2.5s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-footer-shape-2 {
bottom: 0%;
}
}
.mt-footer-newsletter p {
color: var(--mt-border-2);
}
.mt-footer-newsletter > button {
position: absolute;
right: 7px;
bottom: 8px;
font-weight: 700;
color: var(--mt-common-white);
background: var(--mt-gradient-1);
padding: 6px 10px;
border-radius: 50px;
}
.mt-footer-input input {
border-radius: 50px !important;
border: 1px solid var(--mt-border-2);
background-color: transparent !important;
padding: 20px;
height: 50px !important;
color: white !important;
}
.mt-footer-input input::-webkit-input-placeholder {
color: white;
}
.mt-footer-input input:-moz-placeholder {
color: white;
}
.mt-footer-input input::-moz-placeholder {
color: white;
}
.mt-footer-input input:-ms-input-placeholder {
color: white;
}
.mt-footer-input input[type=email]:focus {
color: #fff;
border-radius: 50px;
border: 1px solid var(--mt-border-2);
}
.mt-footer-input button {
position: absolute;
right: 5px;
bottom: 4px;
font-weight: 700;
color: var(--mt-common-white);
background-color: var(--mt-theme-1);
padding: 9px 15px;
border-radius: 50px;
}
.mt-footer-check input[type=checkbox] {
border: 1px solid var(--mt-border-3);
padding: 5px;
width: 34px;
height: 50px;
background: red;
color: green;
border-radius: 50px !important;
}
.mt-footer-4-content p {
color: var(--mt-text-2);
}
.mt-footer-4-title {
color: var(--mt-common-black);
font-size: 24px;
font-weight: 700;
}
.mt-footer-4-list ul li {
list-style: none;
overflow: hidden;
position: relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-4-list ul li:hover {
padding-left: 15px;
}
.mt-footer-4-list ul li:hover a {
color: var(--mt-theme-1);
}
.mt-footer-4-list ul li:hover a i {
left: -12px;
color: var(--mt-theme-1);
}
.mt-footer-4-list ul li:not(:last-child) {
margin-bottom: 11px;
}
.mt-footer-4-list ul li a {
color: var(--mt-text-2);
position: relative;
}
.mt-footer-4-list ul li a i {
top: 50%;
left: -25px;
font-size: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: absolute;
display: inline-block;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--mt-common-black);
}
.mt-footer-4-contact ul li {
list-style: none;
padding: 3px 0;
}
.mt-footer-4-contact ul li:hover a {
color: var(--mt-theme-1);
}
.mt-footer-4-contact ul li a {
color: var(--mt-common-black);
font-family: var(--mt-ff-heading);
font-weight: 700;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-4-input input {
border-radius: 50px;
border: 1px solid var(--mt-border-1);
padding: 20px;
}
.mt-footer-4-input button {
position: absolute;
right: 10px;
bottom: 8px;
font-weight: 700;
color: var(--mt-common-white);
background-color: var(--mt-theme-1);
padding: 9px 15px;
border-radius: 50px;
}
.mt-footer-4-label {
color: var(--mt-common-black);
}
.mt-footer-4-shape {
position: absolute;
top: 20%;
left: 5%;
animation: mt__scalingAnimation 8s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-footer-4-shape {
top: 10%;
left: 0%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-footer-4-shape {
top: 10%;
left: 0%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-footer-4-shape {
top: 5%;
left: 0%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-footer-4-shape {
top: 5%;
left: 0%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-footer-4-shape {
top: 5%;
left: 0%;
}
}
@media (max-width: 767px) {
.mt-footer-4-shape {
top: 0%;
left: 0%;
}
}
.mt-footer-4-shape-2 {
position: absolute;
top: 5%;
right: 10%;
animation: mt__scalingAnimation 4s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-footer-4-shape-2 {
top: 0%;
right: 0%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-footer-4-shape-2 {
top: 0%;
right: 0%;
}
}
.mt-footer-4-shape-3 {
position: absolute;
right: 0;
bottom: 0;
animation: mttranslateX2 3s infinite alternate;
}
.mt-footer-5-contact ul li {
padding: 10px 0;
list-style: none;
}
.mt-footer-5-contact ul li a {
color: #767676;
font-family: var(--mt-ff-body);
font-weight: 500;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-5-contact ul li a span {
border: 1px solid #767676;
border-radius: 50px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
margin-right: 15px;
display: inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-5-contact ul li a:hover {
color: var(--mt-theme-1);
}
.mt-footer-5-contact ul li a:hover span {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
border: 1px solid var(--mt-theme-1);
}
.mt-footer-2 .mt-footer-4-shape {
left: 0;
bottom: 0;
top: inherit;
animation: none;
}
.mt-footer-3 {
z-index: 2;
}
.mt-footer-3::after {
content: "";
width: 50%;
height: 50%;
border-radius: 16px;
opacity: 0.3;
background: #0250FF;
filter: blur(116.5px);
position: absolute;
bottom: 0%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.mt-footer-3 .mt-footer-top-wrap {
border-bottom: 1px solid #1E1F21;
padding-bottom: 20px;
}
.mt-footer-3 .mt-footer-social ul li a {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
display: inline-block;
background-color: transparent;
color: var(--mt-common-white);
margin-right: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-3 .mt-footer-input input {
border-radius: 0px !important;
border: none;
border-bottom: 1px solid #1E1F21;
padding: 0;
}
.mt-footer-3 .mt-footer-input input[type=email]:focus {
color: #fff;
border-radius: 0px;
border: none !important;
border-bottom: 1px solid #424344 !important;
}
.mt-footer-3 .mt-footer-input button {
position: absolute;
right: 10px;
bottom: 8px;
font-weight: 700;
color: var(--mt-common-white);
background-color: var(--mt-theme-1);
padding: 9px 15px;
border-radius: 50px;
}
.mt-footer-6 {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.mt-footer-6 .mt-footer-shape {
position: absolute;
left: 0;
top: 0;
}
.mt-footer-1 .mt-footer-social ul li a {
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
display: inline-block;
color: var(--mt-common-white);
margin-right: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border-radius: 41px;
border: 1px solid rgba(240, 240, 240, 0.57);
background: rgba(255, 255, 255, 0.1);
}
.mt-footer-1 .mt-footer-social ul li a:hover {
background: linear-gradient(94deg, #5BC8FF -12.25%, #2E74FF 97.76%);
box-shadow: 0px 11px 20px rgba(13, 89, 239, 0.28);
}
.mt-footer-7-bg {
background: linear-gradient(180deg, #10416D 0%, rgba(16, 65, 109, 0) 100%);
}
.mt-footer-7 .mt-footer-content p {
color: #fff;
}
.mt-footer-7 .mt-footer-social ul li a {
height: inherit;
width: inherit;
text-align: center;
line-height: inherit;
border-radius: 50%;
display: inline-block;
border: none;
color: var(--mt-common-white);
margin-right: 20px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-footer-7 .mt-footer-social ul li a:hover {
color: var(--mt-theme-5);
background-color: transparent;
}
.mt-footer-7 .mt-footer-contact-icon span {
font-size: 30px;
color: var(--mt-theme-5);
}
.mt-footer-7 .mt-footer-contact-text a {
font-size: 20px;
color: var(--mt-common-white);
font-weight: 600;
font-family: var(--mt-ff-heading);
}
.mt-footer-7 .mt-footer-newsletter .mt-footer-input input {
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0 !important;
background-color: transparent !important;
padding: 0;
height: 50px !important;
color: white !important;
}
.mt-footer-7 .mt-footer-newsletter button {
position: absolute;
right: 0px;
bottom: 8px;
font-weight: 700;
color: var(--mt-common-white);
background: transparent;
padding: 6px 0px;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mt-footer-7 .mt-copyright-left p {
color: #fff;
}
.mt-footer-7 .mt-copyright-left p a {
color: var(--mt-theme-5);
}
.mt-footer-8 .mt-footer-main-wraper {
border-top: 1px solid var(--mt-border-2);
border-bottom: 1px solid var(--mt-border-2);
}
.mt-footer-8 .mt-footer-widget.mtnewsletter {
background-color: var(--mt-theme-1);
padding: 50px 30px;
border-radius: 0px 0px 20px 20px;
margin-top: -185px;
}
@media (max-width: 767px) {
.mt-footer-8 .mt-footer-widget.mtnewsletter {
margin-top: 0px;
}
}
.mt-footer-8 .mt-footer-newsletter-title {
font-size: 32px;
color: var(--mt-common-white);
}
.mt-footer-8 .mt-footer-input input {
border-radius: 0px !important;
border: 0;
border-bottom: 1px solid var(--mt-border-2);
background-color: transparent !important;
padding: 0px;
height: 50px !important;
color: white !important;
}
.mt-footer-8 .mt-footer-input input[type=email]:focus {
color: #fff;
border-radius: 0px;
border: 0;
border-bottom: 1px solid var(--mt-border-2);
}
.mt-footer-8 .mt-footer-title {
font-size: 24px;
font-weight: 700;
color: var(--mt-common-black);
}
.mt-footer-8 .mt-footer-list ul li:hover {
padding-left: 15px;
}
.mt-footer-8 .mt-footer-list ul li:hover i {
left: -12px;
color: var(--mt-theme-6);
}
.mt-footer-8 .mt-footer-list ul li:hover a {
color: var(--mt-theme-6);
}
.mt-footer-8 .mt-footer-list ul li a {
color: var(--mt-common-black);
font-size: 16px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
}
.mt-footer-8 .mt-footer-list ul li a i {
top: 50%;
left: -25px;
font-size: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: absolute;
display: inline-block;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--mt-common-black);
}
.mt-footer-8 .mt-footer-shape {
position: absolute;
top: -11%;
left: 7%;
animation: mt__scalingAnimation 9s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-footer-8 .mt-footer-shape {
display: none;
}
}
.mt-footer-8 .mt-footer-shape-2 {
z-index: 1;
left: 0%;
bottom: 25%;
right: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-footer-8 .mt-footer-shape-2 {
display: none;
}
}
.mt-footer-8 .mt-footer-shape-3 {
position: absolute;
right: 11%;
top: 20%;
animation: mttranslateY2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-footer-8 .mt-footer-shape-3 {
display: none;
}
}
.mt-footer-9 .mt-footer-main-wraper {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-footer-9 .mt-footer-main-wraper {
padding: 90px 70px;
}
}
.mt-footer-9 .mt-footer-main-wraper::before {
content: "";
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
position: absolute;
left: 130px;
bottom: 0;
z-index: 3;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-footer-9 .mt-footer-main-wraper::before {
left: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-footer-9 .mt-footer-main-wraper::before {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-footer-9 .mt-footer-main-wraper::before {
left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-footer-9 .mt-footer-main-wraper::before {
display: none;
}
}
.mt-footer-9 .mt-footer-main-wraper::after {
content: "";
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
position: absolute;
right: 130px;
bottom: 0;
z-index: 3;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-footer-9 .mt-footer-main-wraper::after {
right: 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-footer-9 .mt-footer-main-wraper::after {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-footer-9 .mt-footer-main-wraper::after {
right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-footer-9 .mt-footer-main-wraper::after {
display: none;
}
}
.mt-footer-9 .mt-footer-title {
color: var(--mt-common-white);
}
.mt-footer-9 .mt-footer-list ul li a {
color: #CDCDCD;
}
.mt-footer-9 .mt-copyright-social span {
color: #CDCDCD;
}
.mt-footer-9 .mt-copyright-social a {
color: #CDCDCD;
}
@media (max-width: 767px) {
.mt-footer-top-content {
flex-wrap: wrap;
gap: 20px;
justify-content: center;
justify-content: center !important;
}
}
.mt-footer-boder {
position: relative;
}
.mt-footer-boder::before {
position: absolute;
content: "";
bottom: 43%;
right: 63%;
height: 332px;
width: 1px;
background-color: #232323;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-footer-boder::before {
display: none;
}
}
.mt-footer-boder::after {
position: absolute;
content: "";
top: 57%;
left: 41%;
height: 1px;
width: 760px;
background-color: #232323;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-footer-boder::after {
display: none;
}
}
.footer-cols-1 {
padding-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-cols-1 {
padding-right: 10px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-cols-1 {
padding-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-cols-1 {
padding-right: 0px;
}
}
.footer-cols-2 {
padding-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-cols-2 {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-cols-2 {
padding-left: 0px;
}
}
.footer-cols-3 {
padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-cols-3 {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-cols-3 {
padding-left: 0px;
}
}
.footer-cols-4 {
padding-left: 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-cols-4 {
padding-left: 0;
}
}
.footer-cols-10 {
padding-left: 50px;
}
@media (max-width: 767px) {
.footer-cols-10 {
padding-left: 0;
}
}
.footer-cols-11 {
padding-left: 90px;
}
@media (max-width: 767px) {
.footer-cols-11 {
padding-left: 0;
}
}
.footer-cols-11-2 {
padding-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.footer-cols-11-2 {
padding-left: 0;
}
}
.footer-cols-11-3 {
padding-left: 90px;
}
@media (max-width: 767px) {
.footer-cols-11-3 {
padding-left: 0;
}
}
.footer-5-cols-2 {
padding-left: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-5-cols-2 {
padding-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-5-cols-2 {
padding-left: 70px;
}
}
@media (max-width: 767px) {
.footer-5-cols-2 {
padding-left: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-5-cols-4 {
padding-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-5-cols-4 {
padding-left: 70px;
}
}
@media (max-width: 767px) {
.mt-footer-5-area .mt-copyright-left p {
font-size: 14px;
margin-bottom: 0px;
}
}
.mt-copyright-bg {
position: relative;
}
.mt-copyright-bg::before {
content: "";
height: 100%;
width: 40%;
position: absolute;
top: 0;
left: 0;
background-color: var(--mt-theme-2);
-webkit-clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 100%, 0% 100%);
}
@media (max-width: 767px) {
.mt-copyright-bg::before {
display: none;
}
}
.mt-copyright-border {
border-top: 1px solid #CDCDCD;
}
.mt-copyright-space {
padding: 18px 0;
}
.mt-copyright-left p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.mt-copyright-left p {
font-size: 14px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-copyright-left p {
margin-bottom: 0px;
}
}
.mt-copyright-left p a {
color: var(--mt-theme-1);
}
.mt-copyright-left.theme-black p {
color: var(--mt-common-black);
}
.mt-copyright-left.theme-black p a {
color: var(--mt-theme-1);
}
.mt-copyright-left.left-3 p a {
color: var(--mt-theme-3);
}
.mt-copyright-right {
display: flex;
align-items: center;
justify-content: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-copyright-right {
justify-content: center;
margin-top: 10px;
}
}
.mt-copyright-follow {
margin-right: 20px;
color: #CDCDCD;
}
.mt-copyright-social span {
color: #fff;
}
.mt-copyright-social a {
padding: 10px;
color: #fff;
}
.mt-copyright-menu a {
padding-right: 15px;
}
.mt-copyright-black a {
color: var(--mt-common-black);
}
.mt-copyright-logo a {
background-color: #fff;
}
.mt-copyright-3 .mt-copyright-border {
border-top: 1px solid #767676;
padding-top: 20px;
}
.mt-copyright-3 .mt-footer-social ul li {
display: inline-block;
margin-top: 0px;
}
.mt-copyright-3 .mt-footer-social ul li a {
height: 47px;
width: 47px;
text-align: center;
line-height: 47px;
display: inline-block;
color: var(--mt-common-white);
margin-right: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: none;
border-radius: 47.894px;
background: rgba(255, 255, 255, 0.17);
backdrop-filter: blur(5px);
}
.mt-copyright-3 .mt-footer-social ul li a:hover {
background: var(--Gradient, linear-gradient(90deg, #5BC8FF 0%, #2E74FF 100%));
box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.4);
}
.mt-copyright-3 .mt-copyright-logo a {
background-color: transparent;
}
.border-copyright {
border-top: 1px solid #232323;
padding: 20px 0;
}
@media (max-width: 767px) {
.mt-copyright-logo {
text-align: center !important;
margin-bottom: 10px;
}
}
/*----------------------------------------*/
/* 7.17 slider css start
/*----------------------------------------*/
.mt-slider-wrapper {
position: relative;
}
.mt-slider-wrapper::after {
content: "";
width: 170px;
height: 88px;
display: inline-block;
background: #fff;
position: absolute;
right: 156px;
bottom: -58px;
z-index: 3;
-moz-transform: rotate(35deg);
-o-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mt-slider-wrapper::after {
right: 126px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-slider-wrapper::after {
right: 112px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-slider-wrapper::after {
right: 82px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-wrapper::after {
right: 52px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-wrapper::after {
right: 21px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-wrapper::after {
right: -11px;
}
}
@media (max-width: 767px) {
.mt-slider-wrapper::after {
right: -73px;
}
}
.mt-slider-wrapper::before {
content: "";
width: 70%;
height: 70px;
display: inline-block;
background: #fff;
position: absolute;
left: 15%;
right: 15%;
bottom: 0;
z-index: 3;
}
.mt-slider-wrapper .mt-after::after {
content: "";
width: 170px;
height: 88px;
display: inline-block;
background: #fff;
position: absolute;
left: 156px;
bottom: -58px;
z-index: 3;
-moz-transform: rotate(145deg);
-o-transform: rotate(145deg);
-ms-transform: rotate(145deg);
-webkit-transform: rotate(145deg);
transform: rotate(145deg);
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mt-slider-wrapper .mt-after::after {
left: 126px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-slider-wrapper .mt-after::after {
left: 112px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-slider-wrapper .mt-after::after {
left: 82px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-wrapper .mt-after::after {
left: 52px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-wrapper .mt-after::after {
left: 21px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-wrapper .mt-after::after {
left: -11px;
}
}
@media (max-width: 767px) {
.mt-slider-wrapper .mt-after::after {
left: -73px;
}
}
.mt-slider-bg {
padding-top: 270px;
padding-bottom: 390px;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-bg {
padding-top: 220px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-bg {
padding-top: 170px;
background-size: cover;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-bg {
padding-top: 150px;
padding-bottom: 290px;
}
}
@media (max-width: 767px) {
.mt-slider-bg {
padding-top: 150px;
}
}
.mt-slider-bg::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0.68) 25.79%, rgba(0, 0, 0, 0.2) 43.37%, rgba(0, 0, 0, 0.7) 65.24%, rgba(0, 0, 0, 0.83) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-main-wrap {
padding: 0px 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-main-wrap {
padding: 0px 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-main-wrap {
padding: 0px 40px;
}
}
.mt-slider-content-wrap::before {
content: "";
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
position: absolute;
left: 90px;
bottom: 0;
z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-content-wrap::before {
left: 45px;
}
}
@media (max-width: 767px) {
.mt-slider-content-wrap::before {
display: none;
}
}
.mt-slider-content-wrap::after {
content: "";
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.1);
position: absolute;
right: 100px;
bottom: 0;
z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-content-wrap::after {
right: 60px;
}
}
@media (max-width: 767px) {
.mt-slider-content-wrap::after {
display: none;
}
}
.mt-slider-title {
font-size: 150px;
font-weight: 900;
color: var(--mt-common-white);
animation-delay: 0.3s;
animation-duration: 1s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-slider-title {
font-size: 120px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-title {
font-size: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-title {
font-size: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-slider-title {
font-size: 50px;
}
.mt-slider-title br {
display: none;
}
}
.mt-slider-title span {
background-color: var(--mt-theme-6);
font-weight: 500;
font-size: 156px;
font-style: italic;
padding: 0 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-slider-title span {
font-size: 120px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-title span {
font-size: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-title span {
font-size: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-title span {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-slider-title span {
font-size: 50px;
}
}
.mt-slider-content p {
font-size: 24px;
line-height: 34px;
color: var(--mt-common-white);
animation-delay: 0.3s;
animation-duration: 3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-slider-content p {
font-size: 20px;
}
.mt-slider-content p br {
display: none;
}
}
.mt-slider-button {
animation-delay: 0.3s;
animation-duration: 5s;
}
.mt-slider-thumb-wrap {
position: absolute;
bottom: 10%;
right: 15%;
width: 220px;
z-index: 2;
/* padding: 10px; */
border-radius: 20px 20px 20px 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-thumb-wrap {
bottom: 12.5%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-thumb-wrap {
bottom: 13%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-thumb-wrap {
width: 180px;
bottom: 13%;
}
}
@media (max-width: 767px) {
.mt-slider-thumb-wrap {
width: 180px;
bottom: 13%;
}
}
.mt-slider-thumb-img {
animation-delay: 0.3s;
animation-duration: 4s;
}
.mt-slider-thumb-img img {
border-radius: 20px;
}
.mt-slider-thumb-shape {
position: absolute;
z-index: 1;
top: -40%;
left: -155%;
width: 450px;
animation-delay: 0.3s;
animation-duration: 3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-thumb-shape {
left: -70%;
width: 260px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-thumb-shape {
top: -25%;
left: -50%;
width: 210px;
}
}
@media (max-width: 767px) {
.mt-slider-thumb-shape {
top: -20%;
left: -35%;
width: 180px;
}
}
.mt-slider-shape {
position: absolute;
right: 0px;
bottom: -15%;
z-index: 2;
width: 338px;
animation-delay: 0.3s;
animation-duration: 4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-shape {
width: 250px;
}
}
@media (max-width: 767px) {
.mt-slider-shape {
display: none;
}
}
.mt-slider-dots {
font-size: 25px;
color: #fff;
-moz-transform: translateX(96%);
-o-transform: translateX(96%);
-ms-transform: translateX(96%);
-webkit-transform: translateX(96%);
transform: translateX(96%);
position: absolute;
bottom: 50% !important;
z-index: 8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-dots {
-moz-transform: translateX(94%);
-o-transform: translateX(94%);
-ms-transform: translateX(94%);
-webkit-transform: translateX(94%);
transform: translateX(94%);
font-size: 20px;
}
}
@media (max-width: 767px) {
.mt-slider-dots {
display: none;
}
}
.mt-slider-dots span {
display: block;
margin: 35px 0px !important;
position: relative;
}
.mt-slider-dots span.swiper-pagination-bullet-active {
background-color: transparent !important;
}
.mt-slider-dots span.swiper-pagination-bullet-active::after {
content: "";
width: 25px;
height: 2px;
background-color: #fff;
display: inline-block;
margin-bottom: 14px;
}
.mt-slider-scroll {
position: absolute;
left: -60px;
bottom: 50%;
z-index: 3;
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-scroll {
left: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-scroll {
left: -40px;
}
}
@media (max-width: 767px) {
.mt-slider-scroll {
display: none;
}
}
.mt-slider-scroll a {
font-size: 32px;
font-weight: 700;
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-scroll a {
font-size: 20px;
}
}
.mt-slider-scroll a span {
margin-left: 3px;
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-3-item {
margin-left: 35px;
}
}
.mt-slider-3-content {
position: relative;
z-index: 3;
}
.mt-slider-3-bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
position: relative;
padding-top: 170px;
padding-bottom: 170px;
}
.mt-slider-3-bg::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.5) 40.23%, rgba(0, 2, 20, 0) 80.04%);
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-slider-3-bg {
padding-top: 90px;
padding-bottom: 170px;
}
}
.mt-slider-3-title {
color: var(--mt-common-white);
font-size: 156px;
font-weight: 700;
animation-delay: 0.3s;
animation-duration: 1s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-3-title {
font-size: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-3-title {
font-size: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-3-title {
font-size: 70px;
}
}
@media (max-width: 767px) {
.mt-slider-3-title {
font-size: 50px;
}
}
.mt-slider-3-title span {
background: var(--mt-common-white);
color: var(--mt-common-black);
font-size: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-3-title span {
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-3-title span {
font-size: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-3-title span {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-slider-3-title span {
font-size: 40px;
}
}
.mt-slider-3-title strong {
font-size: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-3-title strong {
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-slider-3-title strong {
font-size: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-3-title strong {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-slider-3-title strong {
font-size: 50px;
}
}
.mt-slider-3-img {
position: absolute;
bottom: 0;
right: 0;
animation-delay: 0.3s;
animation-duration: 2s;
}
.mt-slider-3-button {
animation-delay: 0.3s;
animation-duration: 5s;
}
.mt-slider-3-shape {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
animation: mttranslateX2 2s infinite alternate;
}
.mt-slider-3-arrow {
position: absolute;
left: -30px;
top: 50%;
z-index: 3;
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-slider-3-arrow {
left: 0px;
top: inherit;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
bottom: 20px;
}
}
.mt-slider-3-arrow button {
border: 1px solid var(--mt-border-2);
padding: 8px 15px;
color: var(--mt-common-white);
font-size: 18px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-left: 20px;
}
.mt-slider-3-arrow button.active {
background-color: var(--mt-theme-3);
color: var(--mt-common-white);
border: 1px solid transparent;
}
.mt-slider-3-dots {
position: absolute;
left: 50% !important;
bottom: 5% !important;
z-index: 3;
}
.mt-slider-4 .mt-slider-3-bg {
padding-top: 340px;
padding-bottom: 240px;
background-position: left top;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-slider-4 .mt-slider-3-bg {
background-position: center;
}
}
@media (max-width: 767px) {
.mt-slider-4 .mt-slider-3-bg {
padding-top: 240px;
padding-bottom: 140px;
}
}
.mt-slider-4 .mt-slider-3-item {
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 0px 39px 39px 0px;
backdrop-filter: blur(33.4px);
background: rgba(255, 255, 255, 0.06);
max-width: max-content;
position: relative;
border-left: 12px solid rgb(32, 109, 181);
padding: 30px 50px 30px 50px;
}
@media (max-width: 767px) {
.mt-slider-4 .mt-slider-3-item {
padding: 30px 10px 30px 10px;
}
}
.mt-slider-4 .mt-slider-3-title {
font-size: 75px;
line-height: 1.3;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-slider-4 .mt-slider-3-title {
font-size: 60px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-slider-4 .mt-slider-3-title {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-slider-4 .mt-slider-3-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-slider-4 .mt-slider-3-title {
font-size: 50px;
}
}
.mt-slider-4 .mt-slider-3-subtitle {
font-size: 14px;
color: #ffffff;
background: rgb(32, 109, 181);
padding: 10px 23px;
border-radius: 52px;
display: inline-block;
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
animation-delay: 0.3s;
animation-duration: 2s;
}
.mt-slider-4 .mt-slider-3-button {
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.mt-slider-4 .mt-slider-3-dots {
position: absolute;
left: 10% !important;
bottom: 5% !important;
z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-slider-3-button {
z-index: 3;
position: relative;
}
}
.mt-slider-3-wrapper .mt-slider-3-dots .swiper-pagination-bullet {
width: 15px;
height: 15px;
background-color: var(--mt-common-white);
border: 1px solid var(--mt-common-white);
opacity: 1;
}
.mt-slider-3-wrapper .mt-slider-3-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 25px;
border-radius: 100px;
background-color: var(--mt-theme-3);
}
.mt-slider-3-active .swiper-slide-active .mt-slider-3-subtitle,
.mt-slider-3-active .swiper-slide-active .mt-slider-3-title,
.mt-slider-3-active .swiper-slide-active .mt-slider-3-button,
.mt-slider-3-active .swiper-slide-active .mt-slider-3-img {
animation-name: fadeInUp;
animation-fill-mode: both;
}
.mt-slider-wrapper .swiper-slide-active .mt-slider-title,
.mt-slider-wrapper .swiper-slide-active .mt-slider-content p,
.mt-slider-wrapper .swiper-slide-active .mt-slider-button {
animation-name: fadeInUp;
animation-fill-mode: both;
}
.mt-slider-thumb-wrap .swiper-slide-active .mt-slider-thumb-img {
animation-name: fadeInUp;
animation-fill-mode: both;
}
.mt-slider-thumb-wrap .mt-slider-thumb-shape {
animation-name: fadeInUp;
animation-fill-mode: both;
}
.mt-slider-area .mt-slider-shape {
animation-name: fadeInUp;
animation-fill-mode: both;
}
/*----------------------------------------*/
/* 7.1 about css start
/*----------------------------------------*/
.mtabout__wrapper p {
color: #767676;
}
.mtabout__box {
border-top: 1px solid var(--mt-border-2);
}
.mtabout__box-item {
padding: 24px;
background-color: var(--mt-common-white);
box-shadow: 0px 16px 20px 20px rgba(0, 0, 0, 0.02);
}
.mtabout__box-positoin span {
color: #212121;
}
.mtabout__box-positoin h4 {
font-size: 32px;
color: var(--mt-common-black);
}
.mtabout__box-positoin.mtborder {
padding-right: 50px;
border-right: 1px solid #ddd;
}
.mtabout__box-ratting span {
color: #FD5B38;
}
.mtabout__box-author {
font-size: 18px;
font-weight: 700;
}
.mtabout__list ul {
list-style: none;
}
.mtabout__list ul li {
padding: 9px 0px;
color: var(--mt-common-black);
width: 47%;
float: left;
font-size: 16px;
font-weight: 700;
margin-right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__list ul li {
width: 100%;
float: inherit;
}
}
.mtabout__list ul li i {
font-size: 18px;
color: var(--mt-common-white);
width: 32px;
height: 32px;
line-height: 32px;
background-color: var(--mt-theme-1);
border-radius: 100px;
margin-right: 8px;
text-align: center;
}
.mtabout__shape {
position: absolute;
right: 0;
top: -30%;
z-index: -1;
}
.mtabout__shape-2 {
position: absolute;
top: 11%;
left: 37%;
animation: mt__scalingAnimation 4s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__shape-2 {
top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__shape-2 {
top: inherit;
bottom: 50%;
left: 0;
}
}
@media (max-width: 767px) {
.mtabout__shape-2 {
top: inherit;
bottom: 40%;
left: 0;
}
}
.mtabout__shape-3 {
position: absolute;
bottom: 20%;
left: 50%;
animation: mt__scalingAnimation 5s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__shape-3 {
top: inherit;
bottom: 0%;
left: inherit;
right: 0;
}
}
@media (max-width: 767px) {
.mtabout__shape-3 {
bottom: 10%;
left: 45%;
}
}
.mtabout__2 {
background-repeat: no-repeat;
background-position: bottom center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__2 .mtabout__wrappers {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__2 .mtabout__wrapper {
margin-right: 0px;
margin-left: 0px;
}
}
.mtabout__2 .mtabout__list ul li {
font-weight: 500;
display: inline-flex;
gap: 14px;
}
.mtabout__2 .mtabout__box {
border-top: 0;
}
.mtabout__2 .mtabout__box-btn-play {
font-weight: 700;
color: #000;
}
.mtabout__2 .mtabout__box-btn-play i {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #000;
color: #fff;
border-radius: 30px;
font-size: 16px;
margin-right: 5px;
}
.mtabout__2 .mtabout__shape {
position: absolute;
right: -10px;
left: -10px;
top: 23%;
z-index: -1;
animation: mt__scalingAnimation 20s linear infinite;
}
.mtabout__2 .mtabout__shape-2 {
position: absolute;
top: 18%;
right: 0;
left: inherit;
}
@media (max-width: 767px) {
.mtabout__2 .mtabout__shape-2 {
display: none;
}
}
.mtabout__2 .mtabout__shape-3 {
position: absolute;
top: -4%;
left: 11%;
animation: mttranslateY2 5s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__2 .mtabout__shape-3 {
left: 2%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__2 .mtabout__shape-3 {
left: -3%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__2 .mtabout__shape-3 {
right: inherit;
left: 0;
top: 4%;
}
}
@media (max-width: 767px) {
.mtabout__2 .mtabout__shape-3 {
display: none;
}
}
.mtabout__2 .mtabout__shape-4 {
position: absolute;
top: -4%;
right: 4%;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__2 .mtabout__shape-4 {
right: 0%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__2 .mtabout__shape-4 {
right: -10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__2 .mtabout__shape-4 {
right: 0%;
}
}
@media (max-width: 767px) {
.mtabout__2 .mtabout__shape-4 {
display: none;
}
}
.mtabout__22 .mtabout__box-item {
border-radius: 24px;
box-shadow: none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mtabout__22 .mtabout__box-item:hover {
background-color: #F5F9FF;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__22 .mtabout__box-very {
flex-wrap: wrap;
}
}
.mtabout__22 .mtabout__box-icon span {
width: 70px;
height: 70px;
display: inline-block;
text-align: center;
border-radius: 71.143px;
background: #FFF;
box-shadow: 0px 12px 44px 0px rgba(142, 142, 142, 0.25);
}
.mtabout__22 .mtabout__box-icon span img {
margin-top: 20px;
}
.mtabout__22 .mtabout__shape {
top: -30%;
animation: mttranslateY2 3s infinite alternate;
}
.mtabout__22 .mtabout__shape-2 {
top: -25%;
right: -50px;
animation: mttranslateX2 3s infinite alternate;
}
.mtabout__22 .mtabout__shape-3 {
top: inherit;
bottom: -50px;
left: inherit;
right: 0;
z-index: 4;
}
.mtabout__22 .mtabout__shape-4 {
top: 142px;
right: -135px;
z-index: -1;
}
.mtabout__item-3 .mtabout__tab ul li button {
color: var(--mt-common-black);
font-weight: 700;
padding-left: 0;
}
.mtabout__item-3 .mtabout__tab ul li button.active {
text-decoration-line: underline;
color: var(--mt-common-black);
}
.mtabout__item-3 .mtabout__content .tab-content p {
color: #000;
}
.mtabout__item-3 .mtabout__content-right ul li {
display: inline-block;
padding: 7px 0;
color: #000;
font-weight: 700;
}
.mtabout__item-3 .mtabout__content-right ul li:first-child {
padding: 0;
}
.mtabout__item-3 .mtabout__content-right ul li span {
margin-right: 10px;
}
.mtabout__item-3 .mtabout__content-left .mtabout__text {
background: #FFEA00;
padding: 20px 30px;
}
.mtabout__item-3 .mtabout__content-left .mtabout__text.about-3-color {
background: var(--mt-theme-3);
}
.mtabout__item-3 .mtabout__content-left .mtabout__text h4 {
font-size: 32px;
font-weight: 700;
}
.mtabout__item-3 .mtabout__content-left .mtabout__text span {
color: var(--mt-common-black);
font-weight: 400;
}
.mtabout__3 .mtabout__shape {
position: absolute;
bottom: 0;
top: inherit;
left: 0;
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__3 .mtabout__shape {
bottom: 214px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__3 .mtabout__shape {
bottom: 19%;
}
}
.mtabout__3 .mtabout__shape-2 {
position: absolute;
top: 14%;
left: 732px;
z-index: -1;
animation: mt__scalingAnimation 18s linear infinite;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mtabout__3 .mtabout__shape-2 {
left: 625px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mtabout__3 .mtabout__shape-2 {
left: 570px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mtabout__3 .mtabout__shape-2 {
left: 500px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__3 .mtabout__shape-2 {
left: 400px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__3 .mtabout__shape-2 {
left: 290px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__3 .mtabout__shape-2 {
left: 290px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__3 .mtabout__shape-2 {
left: inherit;
right: 16%;
}
}
.mtabout__3 .mtabout__shape-3 {
position: absolute;
right: 11%;
top: 16%;
z-index: -1;
left: inherit;
animation: mt__scalingAnimation 18s linear infinite;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mtabout__3 .mtabout__shape-3 {
right: 6%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mtabout__3 .mtabout__shape-3 {
right: 5%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mtabout__3 .mtabout__shape-3 {
right: 8%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__3 .mtabout__shape-3 {
right: 2%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__3 .mtabout__shape-3 {
right: 0%;
top: 8%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__3 .mtabout__shape-3 {
right: 0%;
top: 50%;
}
}
.mtabout__4 .mtabout__shape {
right: inherit;
left: 0;
top: inherit;
bottom: 50px;
z-index: 1;
}
.mtabout__4 .mtabout__shape-2 {
top: -4%;
right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__5 .mtabout__item {
margin-right: 0;
margin-left: 0;
}
}
.mtabout__5 .mtabout__box {
border-top: 1px solid transparent;
}
.mtabout__5 .mtabout__list ul li {
width: inherit;
float: inherit;
}
.mtabout__5 .mtabout__list ul li i {
color: var(--mt-common-black);
background-color: #F5F2F0;
}
.mtabout__5 .mtabout__img {
width: 90%;
}
.mtabout__5 .mtabout__img img {
border-radius: 160px 5px 5px 5px;
}
.mtabout__5 .mtabout__img-sm {
position: absolute;
right: -30px;
bottom: -180px;
width: 57%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__5 .mtabout__img-sm {
bottom: -200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__5 .mtabout__img-sm {
margin-top: 20px;
position: static;
}
}
.mtabout__5 .mtabout__img-sm img {
border-radius: 5px 60px 5px 5px;
}
.mtabout__5 .mtabout__shape {
right: inherit;
top: inherit;
z-index: 2;
left: 17%;
bottom: 25%;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mtabout__5 .mtabout__shape {
left: 8%;
bottom: 20%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__5 .mtabout__shape {
left: 3%;
bottom: 20%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__5 .mtabout__shape {
left: 0%;
bottom: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__5 .mtabout__shape {
left: 0%;
bottom: 50%;
}
}
.mtabout__5 .mtabout__shape-2 {
position: absolute;
top: 25%;
left: 41%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mtabout__5 .mtabout__shape-2 {
left: 37%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__5 .mtabout__shape-2 {
left: 35%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__5 .mtabout__shape-2 {
left: 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__5 .mtabout__shape-2 {
top: 3%;
left: inherit;
right: 0;
}
}
.mtabout__5.mtlight .mtabout__list ul li {
color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__6 .mt-section-content {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__6 .mtabout__wrapper {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__6 .mtabout__item {
margin-left: 0;
}
}
.mtabout__6 .mtabout__play {
position: absolute;
left: -16%;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
animation: mt-rotate-center 15s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__6 .mtabout__play {
left: 38%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__6 .mtabout__play {
left: 25%;
}
}
.mtabout__6 .mtabout__chart-number {
font-size: 88px;
font-weight: 900;
color: var(--mt-common-white);
}
@media (max-width: 767px) {
.mtabout__7 {
padding-bottom: 30px;
}
}
.mtabout__7 .mtabout__shape {
right: 37%;
left: inherit;
top: inherit;
z-index: 2;
bottom: 0%;
}
@media (max-width: 767px) {
.mtabout__7 .mtabout__shape {
display: none;
}
}
.mtabout__7 .mtabout__shape-2 {
top: 22%;
left: inherit;
right: 14%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__7 .mtabout__shape-2 {
top: 0%;
}
}
@media (max-width: 767px) {
.mtabout__7 .mtabout__shape-2 {
display: none;
}
}
.mtabout__8 .mtabout__list ul li {
padding: 7px 0px;
color: var(--mt-common-black);
width: inherit;
float: inherit;
font-weight: 700;
}
.mtabout__8 .mtabout__list ul li span i {
font-size: 18px;
color: var(--mt-theme-1);
width: inherit;
height: inherit;
line-height: inherit;
background-color: transparent;
border-radius: 0px;
margin-right: 8px;
}
.mtabout__8 .mtabout__box {
border-top: 1px solid var(--mt-border-2);
padding-top: 15px;
}
@media (max-width: 767px) {
.mtabout__8 .mtabout__box {
flex-wrap: wrap;
}
}
.mtabout__8 .mtabout__box-btn.mtborder::before {
content: "";
width: 1px;
height: 100%;
position: absolute;
background: var(--mt-border-2);
top: 0;
left: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
.mtabout__8 .mtabout__box-btn.mtborder::before {
display: none;
}
}
@media (max-width: 767px) {
.mtabout__8 .mtabout__item {
padding-left: 0;
}
}
.mtabout__8 .mtabout__img {
margin-right: -150px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mtabout__8 .mtabout__img {
margin-right: -100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__8 .mtabout__img {
margin-right: -30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__8 .mtabout__img {
margin-right: -30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__8 .mtabout__img {
margin-right: 0;
}
}
.mtabout__8 .mtabout__img img {
border-radius: 500px 0px 500px 500px;
}
.mtabout__8 .mtabout__exp {
border-radius: 500px 0px 500px 500px;
background: var(--mt-theme-6);
width: 172px;
height: 170px;
text-align: center;
padding: 25px;
position: absolute;
left: -9%;
top: -1%;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__8 .mtabout__exp {
top: -16%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__8 .mtabout__exp {
top: -40%;
left: 3%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__8 .mtabout__exp {
left: -3%;
}
}
@media (max-width: 767px) {
.mtabout__8 .mtabout__exp {
position: static;
}
}
.mtabout__8 .mtabout__exp-title {
font-size: 66px;
font-weight: 900;
color: var(--mt-common-white);
}
.mtabout__8 .mtabout__exp p {
color: var(--mt-common-white);
}
.mtabout__8 .mtabout__shape {
right: 35%;
top: inherit;
bottom: 13%;
z-index: 0;
animation: mt__scalingAnimation 9s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__8 .mtabout__shape {
right: 25%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__8 .mtabout__shape {
right: 15%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__8 .mtabout__shape {
right: inherit;
top: inherit;
bottom: 5%;
z-index: 0;
left: 15%;
}
}
@media (max-width: 767px) {
.mtabout__8 .mtabout__shape {
display: none;
}
}
.mtabout__8 .mtabout__shape-2 {
top: 12%;
left: 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__8 .mtabout__shape-2 {
top: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__8 .mtabout__shape-2 {
top: 2%;
left: 1%;
}
}
@media (max-width: 767px) {
.mtabout__8 .mtabout__shape-2 {
display: none;
}
}
.mtabout__8 .mtabout__shape-3 {
bottom: inherit;
left: 64%;
top: 13%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__8 .mtabout__shape-3 {
top: 5%;
left: 69%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__8 .mtabout__shape-3 {
top: 5%;
left: 79%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtabout__8 .mtabout__shape-3 {
bottom: 4%;
left: 74%;
top: inherit;
}
}
@media (max-width: 767px) {
.mtabout__8 .mtabout__shape-3 {
display: none;
}
}
.mtabout__9 .mtabout__list ul li span {
margin-right: 8px;
}
.mtabout__9 .mtabout__img {
width: 55%;
}
.mtabout__9 .mtabout__img-2 {
width: 55%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__9 .mtabout__img-2 {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__9 .mtabout__img {
width: 100%;
}
}
.mtabout__9 .mtabout__img-sm {
position: absolute;
right: 0;
top: 30%;
border: 10px solid #fff;
width: 383px;
}
@media (max-width: 767px) {
.mtabout__9 .mtabout__img-sm {
position: static;
margin-top: 20px;
width: inherit;
border: 0;
}
}
.mtabout__9 .mtabout__exp {
position: absolute;
right: 0;
top: 0%;
}
@media (max-width: 767px) {
.mtabout__9 .mtabout__exp {
position: static;
padding-bottom: 30px;
}
}
.mtabout__9 .mtabout__exp-title {
font-size: 92px;
color: var(--mt-theme-6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__9 .mtabout__exp-title {
font-size: 50px;
}
}
.mtabout__9 .mtabout__exp-title span {
color: #000;
font-size: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__9 .mtabout__exp-title span {
font-size: 30px;
}
}
.mtabout__9 .mtabout__exp p {
color: var(--mt-theme-6);
font-size: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtabout__9 .mtabout__exp p {
font-size: 30px;
}
}
.mtabout__9 .mtabout__shape {
position: absolute;
right: inherit;
top: inherit;
bottom: 165px;
left: 100px;
animation: mt__scalingAnimation 15s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtabout__9 .mtabout__shape {
right: 20px;
left: inherit;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtabout__9 .mtabout__shape {
display: none;
}
}
.mt-about-quote {
color: #3078FF;
font-size: 26px;
font-weight: 400;
}
.mt-about-img {
position: relative;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-about-img {
text-align: center;
}
}
.mt-about-img img {
border: 40px solid white;
border-radius: 50%;
background-color: #FDB400;
}
.mt-about-shape {
position: absolute;
top: -11%;
left: -32%;
z-index: 3;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-about-shape {
top: -19%;
left: -21%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-about-shape {
top: -19%;
left: -32%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-shape {
top: -11%;
left: -10%;
}
}
@media (max-width: 767px) {
.mt-about-shape {
top: -35%;
left: -36%;
}
}
.mt-about-shape-2 {
position: absolute;
left: -41%;
top: 19%;
z-index: 3;
animation: mttranslateX2 6s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-about-shape-2 {
left: -35%;
top: 5%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-about-shape-2 {
z-index: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-shape-2 {
left: -21%;
}
}
@media (max-width: 767px) {
.mt-about-shape-2 {
z-index: 1;
}
}
.mt-about-shape-3 {
position: absolute;
right: 0;
bottom: -18%;
z-index: 3;
animation: mttranslateY2 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-about-shape-3 {
right: -10%;
bottom: -35%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-shape-3 {
right: -10%;
}
}
@media (max-width: 767px) {
.mt-about-shape-3 {
right: -14%;
bottom: -13%;
z-index: 3;
width: 230px;
}
}
.mt-about-shape-4 {
position: absolute;
left: -30%;
bottom: -10%;
animation: mttranslateY2 5s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-about-shape-4 {
left: -10%;
bottom: -11%;
width: 236px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-shape-4 {
left: -10%;
bottom: 0%;
width: 290px;
}
}
.mt-about-shape-5 {
position: absolute;
left: -33%;
bottom: 47%;
animation: mt__scalingAnimation 4s infinite alternate;
}
.mt-about-shape-6 {
position: absolute;
top: 0px;
right: -2px;
z-index: 1;
animation: mttranslateX2 6s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-about-shape-6 {
top: -60px;
right: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-about-shape-6 {
right: -14%;
top: -18%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-shape-6 {
top: -46px;
right: -27px;
}
}
@media (max-width: 767px) {
.mt-about-shape-6 {
top: -21%;
right: -30%;
}
}
.mt-about-shape-7 {
position: absolute;
bottom: -20px;
left: 27%;
z-index: 3;
animation: mt__scalingAnimation 6s infinite alternate;
}
.mt-about-2 .mt-about-quote {
color: #3078FF;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.mt-about-2 .mt-section-wrap p {
color: #55607A;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 10px;
}
.mt-about-2 .mt-about-img img {
border: none;
border-radius: 0%;
background-color: transparent;
}
.mt-about-2 .mt-about-shape {
position: absolute;
bottom: -21%;
right: -25%;
top: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-2 .mt-about-shape {
right: -18%;
}
}
@media (max-width: 767px) {
.mt-about-2 .mt-about-shape {
bottom: -26%;
right: -32%;
}
}
.mt-about-2 .mt-about-shape-2 {
left: inherit;
right: 33px;
top: inherit;
z-index: 1;
bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-2 .mt-about-shape-2 {
right: 16%;
}
}
@media (max-width: 767px) {
.mt-about-2 .mt-about-shape-2 {
right: 0px;
}
}
.mt-about-2 .mt-about-shape-3 {
right: inherit;
left: 13%;
top: 26%;
bottom: inherit;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-about-2 .mt-about-shape-3 {
left: 1%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-about-2 .mt-about-shape-3 {
left: -4%;
top: 24%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-2 .mt-about-shape-3 {
left: 0%;
}
}
@media (max-width: 767px) {
.mt-about-2 .mt-about-shape-3 {
left: -21%;
top: 10%;
}
}
.mt-about-2 .mt-about-shape-4 {
left: 6%;
bottom: 8%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-2 .mt-about-shape-4 {
left: -16%;
bottom: 0%;
}
}
.mt-about-2 .mt-about-shape-5 {
left: inherit;
right: 10%;
bottom: inherit;
top: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-about-2 .mt-about-shape-5 {
top: 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-about-2 .mt-about-shape-5 {
right: 16%;
}
}
@media (max-width: 767px) {
.mt-about-2 .mt-about-shape-5 {
right: 0%;
bottom: inherit;
top: 6%;
}
}
/*----------------------------------------*/
/* 7.6 CTA css start
/*----------------------------------------*/
.mt-cta-3-bg {
background: linear-gradient(266deg, #FFF4D8 7.19%, #FFE0CE 98.22%);
}
.mt-cta-3-title {
color: var(--mt-common-black);
font-size: 156px;
font-weight: 700;
z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-cta-3-title {
font-size: 140px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-cta-3-title {
font-size: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-cta-3-title {
font-size: 90px;
}
}
@media (max-width: 767px) {
.mt-cta-3-title {
font-size: 60px;
}
}
.mt-cta-3-subtitle {
-webkit-text-stroke: 1px #000000;
-webkit-text-fill-color: transparent;
font-size: 156px;
font-weight: 700;
z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-cta-3-subtitle {
font-size: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-cta-3-subtitle {
font-size: 90px;
}
}
@media (max-width: 767px) {
.mt-cta-3-subtitle {
font-size: 60px;
}
}
.mt-cta-3-btn {
text-align: end;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-cta-3-btn {
text-align: center;
margin-top: 20px;
}
}
.mt-cta-3-btn a {
width: 150px;
height: 150px;
line-height: 160px;
background-color: var(--mt-common-white);
display: inline-block;
text-align: center;
border: 1px solid var(--mt-border-1);
border-radius: 100px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-cta-3-btn a i {
font-size: 32px;
color: var(--mt-common-black);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mt-cta-3-btn a:hover {
background-color: var(--mt-theme-1);
border: 1px solid var(--mt-theme-1);
}
.mt-cta-3-btn a:hover i {
color: var(--mt-common-white);
}
.mt-cta-3-shape {
position: absolute;
top: 0;
left: 0;
z-index: 1;
animation: mttranslateY2 3s infinite alternate;
}
.mt-cta-3-shape-2 {
position: absolute;
left: 40%;
top: 10%;
z-index: 1;
animation: mt__scalingAnimation 25s linear infinite;
}
.mt-cta-3-shape-3 {
position: absolute;
bottom: 15%;
left: 9%;
z-index: 1;
animation: mt__scalingAnimation 10s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-cta-3-shape-3 {
bottom: 0%;
left: 0%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-cta-3-shape-3 {
bottom: 0%;
left: 0%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-cta-3-shape-3 {
bottom: 0%;
left: 0%;
}
}
.mt-cta-3-shape-4 {
position: absolute;
top: 15%;
right: 28%;
z-index: 1;
animation: mt__scalingAnimation 9s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-cta-3-shape-4 {
top: 5%;
right: 18%;
}
}
.mt-cta-5-border {
border-bottom: 1px solid #C8C8C8;
}
.mt-cta-5-shape {
position: absolute;
right: 45px;
top: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-cta-5-shape {
right: 0;
top: -36%;
}
}
@media (max-width: 767px) {
.mt-cta-5-shape {
right: 0;
top: -36%;
display: none;
}
}
.mt-cta-5-title {
font-size: 96px;
font-weight: 900;
line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-cta-5-title {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-cta-5-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-cta-5-title {
font-size: 30px;
}
}
.mt-cta-5-subtitle {
font-size: 96px;
font-weight: 900;
line-height: 1.2;
color: #C4D6B0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-cta-5-subtitle {
font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-cta-5-subtitle {
font-size: 50px;
}
}
@media (max-width: 767px) {
.mt-cta-5-subtitle {
font-size: 40px;
}
}
.mt-cta-5-subtitle a {
text-decoration: underline;
}
.mt-cta-6 .mt-cta-title {
color: #000;
font-size: 76px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-cta-6 .mt-cta-title {
font-size: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-cta-6 .mt-cta-title {
font-size: 40px;
}
}
.mt-cta-6 .mt-cta-title span {
margin-left: 16px;
}
.mtcta__bg {
margin-bottom: -260px;
z-index: 2;
}
.mtcta__wrapper {
padding: 80px;
padding-bottom: 20px;
padding-top: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtcta__wrapper {
padding: 80px 20px;
}
}
.mtcta__content span {
margin-top: 10px;
font-weight: 700;
display: block;
color: #fff;
}
.mtcta__thumb {
margin-top: -150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtcta__btn {
flex-wrap: wrap;
gap: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtcta__2 .mt-section-title {
font-size: 40px !important;
}
}
@media (max-width: 767px) {
.mtcta__2 .mt-section-title {
font-size: 30px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtcta__2 {
background-size: cover;
background-repeat: no-repeat;
}
}
.mtcta__2 .mtcta__thumb {
margin-top: 0px;
margin-left: 100px;
margin-right: -70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtcta__2 .mtcta__thumb {
width: 81%;
margin-right: -200px;
margin-left: 187px;
}
}
.mtcta__2 .mtcta__thumb-small {
position: absolute;
left: -26px;
bottom: 0;
width: 300px;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtcta__2 .mtcta__thumb-small {
width: 200px;
}
}
@media (max-width: 767px) {
.mtcta__2 .mtcta__thumb-small {
width: 180px;
}
}
.mtcta__3 {
margin-bottom: -190px;
}
.mtcta__3 .mtcta__main-wrap {
border-radius: 24px;
background: #FFF;
box-shadow: 6px 0px 60px -3px rgba(5, 20, 39, 0.14);
position: relative;
z-index: 2;
}
.mtcta__3 .mtcta__main-wrap::after {
content: "";
position: absolute;
background-color: rgba(255, 255, 255, 0.12);
bottom: -26px;
width: 95%;
height: 200px;
border-radius: 30px;
z-index: -1;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mtcta__3 .mtcta__thumb {
margin-top: -50px;
}
.mtcta__3 .mtcta__wrapper {
padding: 50px;
}
.mtcta__3 .mtcta__wrapper .mt-section-content {
border-bottom: 1px solid #ddd;
}
.mtcta__3 .mtcta__wrapper .mt-section-title {
color: var(--mt-common-black-3);
font-size: 40px;
}
@media (max-width: 767px) {
.mtcta__3 .mtcta__wrapper .mt-section-title {
font-size: 30px;
}
}
.mtcta__4 {
margin-bottom: -280px;
}
.mtcta__4 .mtcta__main-wrap {
border-radius: 24px;
background: #FFD531;
box-shadow: 6px 0px 60px -3px rgba(5, 20, 39, 0.14);
position: relative;
z-index: 2;
padding: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtcta__4 .mtcta__main-wrap {
padding: 40px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtcta__4 .mtcta__main-wrap {
margin-top: 30px;
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.mtcta__4 .mtcta__main-wrap {
margin-top: 80px;
padding: 1px 4px;
}
}
.mtcta__4 .mtcta__thumb img {
border-radius: 145px 10px 10px 10px;
background: #D9D9D9;
}
.mtcta__4 .mtcta__thumb-sm {
position: absolute;
right: -10%;
bottom: -45%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtcta__4 .mtcta__thumb-sm {
position: static;
margin-top: 20px;
text-align: center;
}
}
.mtcta__4 .mtcta__thumb-sm img {
border-radius: 10px 75px 10px 10px;
background: #D9D9D9;
}
.mtcta__4 .mtcta__shape {
position: absolute;
right: -60px;
top: 30px;
z-index: -1;
}
@media (max-width: 767px) {
.mtcta__4 .mtcta__shape {
display: none;
}
}
.mtcta__4 .mtcta__shape-2 {
position: absolute;
bottom: -30%;
left: 13%;
}
@media (max-width: 767px) {
.mtcta__4 .mtcta__shape-2 {
display: none;
}
}
/*----------------------------------------*/
/* 7.14 Hero css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-hero-3-bg {
padding-top: 30px;
}
}
.mt-hero-img img {
width: 100%;
}
@media (max-width: 767px) {
.mt-hero-box {
display: block !important;
}
}
.mt-hero-title {
color: var(--mt-common-black);
font-size: 96px;
font-weight: 700;
margin-bottom: 0;
line-height: 1;
}
.mt-hero-title img {
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-hero-title img {
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mt-hero-title {
font-size: 80px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-hero-title {
font-size: 75px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-hero-title {
font-size: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-hero-title {
font-size: 65px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-hero-title {
font-size: 50px;
}
}
.mt-hero-title span {
color: var(--mt-theme-1);
}
.mt-hero-item p {
color: var(--mt-common-black);
font-size: 24px;
line-height: 34px;
}
@media (max-width: 767px) {
.mt-hero-item p br {
display: none;
}
}
.mt-hero-team img {
margin: 0px 10px;
}
.mt-hero-team span {
color: var(--mt-common-black);
font-weight: 700;
}
@media (max-width: 767px) {
.mt-hero-team {
margin-top: 20px;
}
}
.mt-hero-shape {
position: absolute;
right: 34%;
top: 14%;
animation: mttranslateY2 3s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-hero-shape {
right: 30%;
top: 10%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-hero-shape {
right: 30%;
top: 10%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-shape {
right: 40%;
top: 14%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-shape {
right: inherit;
top: inherit;
left: 0;
bottom: 50%;
}
}
@media (max-width: 767px) {
.mt-hero-shape {
right: 0;
top: inherit;
left: inherit;
bottom: 43%;
display: none;
}
}
.mt-hero-shape-2 {
position: absolute;
right: 43%;
bottom: 20%;
animation: mt__scalingAnimation 4s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-shape-2 {
right: 50%;
bottom: 6%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-shape-2 {
right: 5%;
bottom: 0%;
}
}
.mt-hero-shape-3 {
position: absolute;
right: 47%;
top: 26%;
animation: mt__scalingAnimation 6s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-hero-shape-3 {
top: 12%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-hero-shape-3 {
top: 12%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-shape-3 {
right: 60%;
top: 15%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-shape-3 {
right: inherit;
top: inherit;
bottom: 0;
left: 0;
}
}
@media (max-width: 767px) {
.mt-hero-shape-3 {
right: inherit;
top: inherit;
bottom: 0;
left: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-hero-2-area {
background-repeat: no-repeat;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-hero-2-img {
text-align: center;
}
}
.mt-hero-2-subtitle {
color: #FD5725;
font-family: var(--mt-ff-heading-2);
font-size: 24px;
font-weight: 500;
letter-spacing: 6px;
}
.mt-hero-2-title {
font-size: 70px;
}
@media (max-width: 767px) {
.mt-hero-2-title {
font-size: 42px;
}
}
.mt-hero-2-title span {
color: #3078FF;
font-size: 80px;
font-weight: 400;
}
.mt-hero-2-text p {
color: #000000;
font-size: 22px;
font-weight: 400;
line-height: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-hero-2-text p br {
display: none;
}
}
.mt-hero-2-text p.mt-hero-desc {
color: #000;
line-height: 40px;
}
.mt-hero-2-star span {
color: #FFF;
font-size: 18px;
font-weight: 400;
line-height: 26px;
margin: 0px 5px;
}
.mt-hero-2-star span i {
color: #FFB800;
}
.mt-hero-2-video a {
color: var(--mt-heading-2);
font-family: Rubik;
font-size: 18px;
font-weight: 500;
}
.mt-hero-2-video a span {
margin-right: 10px;
width: 56px;
height: 56px;
line-height: 56px;
border-radius: 47.25px;
box-shadow: 0px 6px 40px -12px rgba(0, 0, 0, 0.24);
border-left: 3px solid #3172F2;
color: #3172F2;
background-color: var(--mt-common-white);
display: inline-block;
text-align: center;
position: relative;
}
.mt-hero-2-shape {
position: absolute;
top: 23%;
right: 36%;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-hero-2-shape {
right: 30%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-2-shape {
top: 46%;
right: inherit;
left: 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-2-shape {
top: 46%;
right: inherit;
left: 0%;
}
}
@media (max-width: 767px) {
.mt-hero-2-shape {
top: 66%;
right: inherit;
left: -19%;
}
}
.mt-hero-2-shape-2 {
position: absolute;
bottom: 12%;
right: 7%;
z-index: 4;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-hero-2-shape-2 {
right: 0;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-hero-2-shape-2 {
right: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-hero-2-shape-2 {
right: -5%;
bottom: -6%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-2-shape-2 {
right: 0%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-2-shape-2 {
bottom: 0%;
right: -5%;
}
}
@media (max-width: 767px) {
.mt-hero-2-shape-2 {
bottom: -5%;
right: -15%;
}
}
.mt-hero-2-shape-3 {
position: absolute;
bottom: 4%;
right: 31%;
z-index: 4;
animation: mttranslateY2 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-2-shape-3 {
right: 54%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-2-shape-3 {
bottom: 0%;
right: 40%;
}
}
@media (max-width: 767px) {
.mt-hero-2-shape-3 {
bottom: 3%;
left: -10%;
}
}
.mt-hero-2-shape-4 {
position: absolute;
bottom: 3%;
left: 16%;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-hero-2-shape-4 {
left: 0%;
bottom: 0%;
}
}
.mt-hero-2-shape-5 {
position: absolute;
right: 5.5%;
top: 28%;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-hero-2-shape-5 {
right: 0;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-hero-2-shape-5 {
right: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-hero-2-shape-5 {
right: -5%;
top: 18%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-2-shape-5 {
top: 45%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-2-shape-5 {
right: -2.5%;
top: 46%;
}
}
@media (max-width: 767px) {
.mt-hero-2-shape-5 {
right: -20.5%;
top: 60%;
}
}
.mt-hero-2-shape-6 {
position: absolute;
right: 38%;
top: 35%;
animation: mttranslateY2 7s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-hero-2-shape-6 {
right: 33%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-2-shape-6 {
top: 53%;
right: 60%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-2-shape-6 {
right: 60%;
top: 53%;
}
}
@media (max-width: 767px) {
.mt-hero-2-shape-6 {
top: 73%;
left: 6%;
z-index: -1;
}
}
.mt-hero-2-shape-7 {
position: absolute;
bottom: -6%;
left: 27%;
z-index: 1;
animation: mt__scalingAnimation 9s linear infinite;
}
.mt-hero-2-shape-8 {
position: absolute;
right: -10%;
bottom: 26%;
animation: mt__scalingAnimation 15s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-2-shape-8 {
right: 0%;
}
}
.mt-hero-4 .mt-hero-title {
margin-bottom: 20px;
}
.mt-hero-4 .mt-hero-list ul li {
color: #54365E;
font-weight: 600;
list-style: none;
margin-bottom: 10px;
}
.mt-hero-4 .mt-hero-list ul li:last-child {
margin-bottom: 0;
}
.mt-hero-4 .mt-hero-list ul li i {
width: 27px;
height: 27px;
border-radius: 5px;
background-color: #ffffff;
line-height: 27px;
display: inline-block;
text-align: center;
color: var(--mt-common-black);
}
@media (max-width: 767px) {
.mt-hero-4 .mt-hero-counter-item {
margin-right: 10px;
}
}
.mt-hero-4 .mt-hero-counter-item p {
color: #5A6164;
font-size: 16px;
margin-top: 20px;
line-height: 24px;
}
.mt-hero-4 .mt-hero-counter-number {
font-size: 38px;
color: #101010;
padding-bottom: 10px;
border-bottom: 1px solid rgba(16, 16, 16, 0.15);
}
.mt-hero-4 .mt-hero-img-item {
display: flex;
align-items: center;
gap: 20px;
}
.mt-hero-4 .mt-hero-img img {
width: 270px !important;
height: 544px;
object-fit: cover;
z-index: 1;
position: relative;
overflow: hidden;
list-style: none;
transition: all 0.4s ease-in-out;
overflow: hidden;
border-radius: 10px;
}
.mt-hero-4 .mt-hero-img img.active {
width: 570px !important;
}
.mt-hero-4 .mt-hero-shape {
right: 42%;
top: inherit;
bottom: 5%;
z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-4 .mt-hero-shape {
right: 28%;
}
}
@media (max-width: 767px) {
.mt-hero-5 .mt-hero-wrapper {
margin-right: 0px;
}
}
.mt-hero-5 .mt-hero-subtitle {
font-size: 14px;
color: #ffffff;
background: rgb(32, 109, 181);
padding: 10px 23px;
border-radius: 52px;
display: inline-block;
}
@media (max-width: 767px) {
.mt-hero-5 .mt-hero-subtitle {
padding: 10px 15px;
}
}
.mt-hero-5 .mt-hero-title {
font-size: 80px;
margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-5 .mt-hero-title {
font-size: 60px;
}
}
@media (max-width: 767px) {
.mt-hero-5 .mt-hero-title {
font-size: 45px;
}
}
.mt-hero-5 .mt-hero-item p {
font-size: 19px;
color: #5A6164;
line-height: 31px;
}
.mt-hero-5 .mt-hero-img {
margin-right: 140px;
margin-left: 50px;
}
@media (max-width: 767px) {
.mt-hero-5 .mt-hero-img {
margin-right: 10px;
margin-left: 10px;
}
}
.mt-hero-5 .mt-hero-img img {
border-radius: 11px 11px 289.163px 11px;
background: #D9D9D9;
}
.mt-hero-5 .mt-hero-img-sm {
position: absolute;
right: -5%;
bottom: -17%;
width: 303px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-5 .mt-hero-img-sm {
position: static;
width: inherit;
}
}
@media (max-width: 767px) {
.mt-hero-5 .mt-hero-img-sm {
position: static;
width: inherit;
}
}
.mt-hero-5 .mt-hero-img-sm img {
border-radius: 100%;
}
.mt-hero-5 .mt-hero-shape {
right: -1%;
top: 0%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-5 .mt-hero-shape {
top: 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-hero-5 .mt-hero-shape {
right: -70%;
}
}
.mt-hero-5 .mt-hero-shape-2 {
right: inherit;
left: 14%;
bottom: -17%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-hero-5 .mt-hero-shape-2 {
bottom: -10%;
}
}
@media (max-width: 767px) {
.mt-hero-5 .mt-hero-shape-2 {
display: none;
}
}
.mt-hero-5 .mt-hero-shape-3 {
right: 0;
top: 0;
animation: none;
}
@media (max-width: 767px) {
.mt-hero-2-link {
flex-wrap: wrap;
}
}
.mthero__bg {
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mthero__bg {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mthero__wrapper {
margin-right: 0px;
}
}
.mthero__title {
font-size: 96px;
font-weight: 700;
z-index: 2;
position: relative;
}
.mthero__content {
position: relative;
z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mthero__content {
margin-bottom: 30px;
}
}
.mthero__content p {
font-size: 24px;
color: #767676;
line-height: 34px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mthero__content p br {
display: none;
}
}
.mthero__img {
position: relative;
z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__img {
text-align: center;
}
}
.mthero__box {
background-repeat: no-repeat;
padding: 50px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mthero__box {
background-size: cover;
margin-top: 90px;
}
}
.mthero__box-btn {
flex: 0 0 auto;
flex-wrap: wrap;
gap: 20px;
padding-bottom: 18px;
}
.mthero__box h4 {
font-size: 52px;
}
.mthero__shape {
position: absolute;
left: 26%;
bottom: 18%;
z-index: 1;
animation: mt-rotate-center 19s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__shape {
left: 15%;
bottom: 10%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__shape {
left: 15%;
bottom: 7%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__shape {
left: 15%;
bottom: 2%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__shape {
left: inherit;
bottom: 22%;
right: 0;
}
}
@media (max-width: 767px) {
.mthero__shape {
display: none;
}
}
.mthero__shape-2 {
position: absolute;
left: 20%;
top: 15%;
animation: mt__scalingAnimation 9s linear infinite;
}
@media (max-width: 767px) {
.mthero__shape-2 {
display: none;
}
}
.mthero__shape-3 {
position: absolute;
right: 7%;
top: 15%;
animation: mt__scalingAnimation 19s linear infinite;
}
.mthero__shape-4 {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.mthero__shape-5 {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
}
.mthero__shape-thumb {
position: absolute;
left: 0;
bottom: -75px;
z-index: 1;
animation: mt__scalingAnimation 18s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__shape-thumb {
left: 10%;
}
}
@media (max-width: 767px) {
.mthero__shape-thumb {
left: 0%;
}
}
.mthero__subtitle {
color: var(--color-3, #01D2A1);
font-size: 24px;
font-weight: 600;
}
.mthero__title {
color: var(--mt-common-black-3);
font-size: 80px;
font-weight: 900;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__title {
font-size: 74px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__title {
font-size: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__title {
font-size: 60px;
}
.mthero__title br {
display: none;
}
}
@media (max-width: 767px) {
.mthero__title {
font-size: 40px;
line-height: 1.3;
margin-bottom: 15px;
}
.mthero__title br {
display: none;
}
}
.mthero__title span {
font-size: 70px;
font-weight: 400;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mthero__title span {
font-size: 62px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__title span {
font-size: 57px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__title span {
font-size: 47px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__title span {
font-size: 47px;
}
}
@media (max-width: 767px) {
.mthero__title span {
font-size: 40px;
}
}
.mthero__title cite {
font-size: 12px;
position: absolute;
left: 0;
bottom: 6px;
z-index: -1;
}
.mthero__title b {
position: relative;
}
.mthero__title b::before {
content: "";
width: 100%;
height: 8px;
position: absolute;
background: #FFA319;
bottom: 0px;
left: 0;
z-index: -1;
border-radius: 0px 100px 0px 100px;
}
@media (max-width: 767px) {
.mthero__download-wrap {
flex-wrap: wrap;
gap: 20px;
}
}
.mthero__download-wrap span {
color: var(--mt-common-black-3);
font-weight: 700;
font-size: 18px;
}
.mthero__download-icon a {
width: 60px;
height: 60px;
line-height: 56px;
text-align: center;
display: inline-block;
border: 1px solid var(--mt-border-2);
border-radius: 50px;
margin-left: 10px;
}
.mthero__scroll {
background-color: var(--mt-common-white);
display: inline-block;
position: absolute;
right: -3%;
bottom: 62px;
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 2;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mthero__scroll {
right: -3.5%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__scroll {
right: -4.5%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__scroll {
right: -5.5%;
}
}
@media (max-width: 767px) {
.mthero__scroll {
right: -10%;
bottom: -25px;
display: none;
}
}
.mthero__scroll-title {
font-size: 18px;
color: var(--mt-common-black-3);
padding: 15px 25px;
margin-bottom: 0;
cursor: pointer;
}
.mthero__scroll-title span {
margin-left: 6px;
}
.mthero__scroll-title span i {
-moz-transform: translateY(2px);
-o-transform: translateY(2px);
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.mthero__2 .mthero__shape {
left: inherit;
right: 37px;
top: -5px;
z-index: 2;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mthero__2 .mthero__shape {
right: -3.5%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__2 .mthero__shape {
right: -15%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__2 .mthero__shape {
right: -22%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__2 .mthero__shape {
right: -22%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__2 .mthero__shape {
right: 0%;
top: 20px;
}
}
@media (max-width: 767px) {
.mthero__2 .mthero__shape {
display: none;
}
}
.mthero__2 .mthero__shape-2 {
left: inherit;
top: 22%;
right: -5%;
z-index: 2;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mthero__2 .mthero__shape-2 {
right: -15%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__2 .mthero__shape-2 {
right: -26%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__2 .mthero__shape-2 {
right: -26%;
z-index: 1;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__2 .mthero__shape-2 {
right: -26%;
z-index: 1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__2 .mthero__shape-2 {
right: inherit;
left: 0%;
}
}
@media (max-width: 767px) {
.mthero__2 .mthero__shape-2 {
display: none;
}
}
.mthero__2 .mthero__shape-3 {
right: -5%;
bottom: 15%;
top: inherit;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mthero__2 .mthero__shape-3 {
right: -15%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__2 .mthero__shape-3 {
right: -25%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__2 .mthero__shape-3 {
right: -25%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__2 .mthero__shape-3 {
right: -25%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__2 .mthero__shape-3 {
right: 0%;
bottom: 40%;
z-index: 2;
}
}
@media (max-width: 767px) {
.mthero__2 .mthero__shape-3 {
display: none;
}
}
.mthero__2 .mthero__shape-4 {
left: -86px;
bottom: 157px;
top: inherit;
animation: mt__scalingAnimation 15s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__2 .mthero__shape-4 {
left: 0%;
}
}
.mthero__3 .mthero__title {
font-size: 75px;
background: linear-gradient(83deg, #D6DFFF -6.6%, #D49957 88.42%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
.mthero__3 .mthero__title {
font-size: 40px;
}
}
.mthero__3 .mthero__content p {
font-size: 17px;
color: #CFCFCF;
line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mthero__3 .mthero__box-item {
flex-wrap: wrap;
gap: 20px;
}
}
.mthero__3 .mthero__box-number {
color: #fff;
font-size: 34px;
}
.mthero__3 .mthero__box-number span {
font-size: 16px;
color: #E9E9E9;
}
.mthero__3 .mthero__shape {
left: inherit;
right: 32.3%;
bottom: 14%;
animation: mttranslateY2 5s infinite alternate;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mthero__3 .mthero__shape {
right: 30%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__3 .mthero__shape {
right: 30%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__3 .mthero__shape {
right: 27%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__3 .mthero__shape {
right: 27%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__3 .mthero__shape {
right: 47.3%;
bottom: 5%;
}
}
.mthero__3 .mthero__scroll-icon {
position: relative;
text-align: center;
}
.mthero__3 .mthero__scroll-icon a {
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 18px;
background-color: #E7E9FF;
border-radius: 50px;
display: inline-block;
}
.mthero__4 .mthero__wrapper {
padding-top: 180px;
padding-bottom: 130px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__4 .mthero__wrapper {
padding-top: 130px;
padding-bottom: 110px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__4 .mthero__wrapper {
padding-top: 110px;
padding-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__4 .mthero__wrapper {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__4 .mthero__wrapper {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__wrapper {
padding-bottom: 30px;
padding-top: 90px;
}
}
@media (max-width: 767px) {
.mthero__4 .mthero__wrapper {
padding-bottom: 30px;
padding-top: 120px;
}
}
.mthero__4 .mthero__subtitle {
color: #000;
font-size: 16px;
font-weight: 700;
}
.mthero__4 .mthero__subtitle span {
height: 40px;
line-height: 40px;
background-color: var(--mt-theme-1);
padding: 0px 20px;
border-radius: 50px;
display: inline-block;
color: #fff;
margin-right: 5px;
}
.mthero__4 .mthero__title {
font-size: 82px;
line-height: 1.3;
font-weight: 900;
color: var(--mt-common-black);
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__4 .mthero__title {
font-size: 70px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__4 .mthero__title {
font-size: 64px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__4 .mthero__title {
font-size: 59px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__title {
font-size: 59px;
}
}
@media (max-width: 767px) {
.mthero__4 .mthero__title {
font-size: 50px;
}
}
.mthero__4 .mthero__content p {
font-size: 24px;
line-height: 34px;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mthero__4 .mthero__content p {
margin-bottom: 20px;
}
}
.mthero__4 .mthero__team-thumb {
position: absolute;
left: -30%;
bottom: 10%;
z-index: 2;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__4 .mthero__team-thumb {
bottom: -22%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mthero__4 .mthero__team-thumb {
left: 0;
bottom: 0;
}
}
.mthero__4 .mthero__shape {
left: 55%;
bottom: inherit;
z-index: 1;
top: 11%;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__4 .mthero__shape {
top: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__shape {
left: inherit;
right: 1%;
top: 5%;
}
}
.mthero__4 .mthero__shape-2 {
position: absolute;
left: inherit;
top: 0;
right: 0;
animation: mttranslateY2 5s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__4 .mthero__shape-2 {
top: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__shape-2 {
top: 52%;
}
}
.mthero__4 .mthero__shape-3 {
right: inherit;
top: 7%;
left: 20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__4 .mthero__shape-3 {
top: 3%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__shape-3 {
top: 4%;
left: 40%;
}
}
@media (max-width: 767px) {
.mthero__4 .mthero__shape-3 {
top: 1%;
}
}
.mthero__4 .mthero__shape-4 {
left: 42%;
top: 14%;
animation: mttranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__4 .mthero__shape-4 {
top: 7%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__shape-4 {
left: 65%;
top: 3%;
}
}
@media (max-width: 767px) {
.mthero__4 .mthero__shape-4 {
left: 65%;
top: 3%;
}
}
.mthero__4 .mthero__shape-5 {
right: 10%;
bottom: 60%;
animation: mt__scalingAnimation 7s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__4 .mthero__shape-5 {
bottom: 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__shape-5 {
bottom: 35%;
}
}
@media (max-width: 767px) {
.mthero__4 .mthero__shape-5 {
bottom: 25%;
right: 0;
}
}
.mthero__4 .mthero__shape-6 {
position: absolute;
left: 0;
top: -20%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__shape-6 {
top: 0%;
}
}
@media (max-width: 767px) {
.mthero__4 .mthero__shape-6 {
top: 10%;
}
}
.mthero__4 .mthero__shape-7 {
position: absolute;
top: -50%;
left: -10%;
animation: mttranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
.mthero__4 .mthero__shape-7 {
top: -65%;
left: -13%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mthero__4 .mthero__shape-7 {
top: -75%;
left: -13%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mthero__4 .mthero__shape-7 {
top: -60%;
left: -13%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mthero__4 .mthero__shape-7 {
top: -25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mthero__4 .mthero__shape-7 {
top: -35%;
}
}
@media (max-width: 767px) {
.mthero__4 .mthero__shape-7 {
display: none;
}
}
/*----------------------------------------*/
/* 7.21 Service css start
/*----------------------------------------*/
@media (max-width: 767px) {
.mt-service-mobile {
margin-top: 0;
}
}
.mt-service-item {
border: 1px solid var(--mt-border-2);
border-radius: 15px;
padding: 33px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-service-item:hover {
background-color: var(--mt-common-white);
border: 1px solid var(--mt-common-white);
}
.mt-service-item:hover .mt-service-btn a {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-service-item:hover .mt-service-btn a span {
margin-left: 0px;
color: var(--mt-common-white);
margin-right: 10px;
}
.mt-service-item-3 {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-service-item-3:hover {
background-color: var(--mt-theme-3);
}
.mt-service-item-3 .mt-service-icon span {
background: var(--mt-common-white);
width: 60px;
height: 60px;
border-radius: 100px;
display: inline-block;
margin-right: -40px;
margin-bottom: -10px;
}
.mt-service-item-3 .mt-service-btn a {
background-color: var(--mt-common-black);
}
.mt-service-item-2 {
padding: 30px;
border: 1px solid var(--mt-border-2);
border-radius: 30px;
}
.mt-service-item-2:hover {
box-shadow: 0px 15px 45px -2px rgba(4, 37, 82, 0.1);
}
.mt-service-item-4 {
border: 1px solid var(--mt-border-2);
padding: 30px;
border-radius: 20px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-service-item-4 .mt-service-title {
font-size: 26px;
line-height: 28px;
}
.mt-service-item-4 .mt-service-text {
position: relative;
}
.mt-service-item-4 .mt-service-text span {
display: block;
background: var(--mt-border-3);
width: 100%;
height: 2px;
margin-bottom: 25px;
}
.mt-service-item-4 .mt-service-text span::before {
content: "";
width: 50%;
height: 2px;
background-color: var(--mt-theme-1);
position: absolute;
left: 0;
}
.mt-service-item-4 .mt-service-link {
position: relative;
}
.mt-service-item-4 .mt-service-link a {
border-radius: 100px;
border: 1px solid #D9D9D9;
background: #FFF;
padding: 10px 30px;
display: inline-block;
}
.mt-service-item-4:hover {
border: 1px solid var(--mt-border-2);
box-shadow: 0px 36px 75px -4px rgba(19, 8, 4, 0.08);
}
.mt-service-item-4:hover .mt-service-link a {
background: linear-gradient(91deg, #EE7824 1.21%, #F6C107 101.83%);
box-shadow: 0px 22px 35px -2px rgba(251, 137, 91, 0.24);
color: #fff;
}
.mt-service-item-4:hover .mt-service-link a img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.mt-service-item-4:hover .mt-service-text span::before {
background-color: var(--mt-theme-2);
}
.mt-service-title {
font-size: 24px;
color: var(--mt-common-black);
}
.mt-service-content p {
color: #767676;
}
.mt-service-btn a {
height: 50px;
line-height: 50px;
padding: 0px 24px;
background-color: var(--mt-common-white);
border-radius: 50px;
transition: 0.3s;
display: inline-block;
color: var(--mt-common-black);
font-size: 17px;
}
.mt-service-btn a span {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-left: -100px;
margin-right: 20px;
}
.mt-service-3 .mt-service-icon {
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
}
.mt-service-3 .mt-service-btn-wrap a {
color: #206DB5;
font-weight: 700;
}
.mt-service-3 .mt-service-btn-wrap a span {
margin-right: 10px;
}
.mt-service-4 {
background: linear-gradient(180deg, #10416D 0%, rgb(2, 33, 60) 100%);
padding-bottom: 210px;
}
.mt-service-4.mtinner {
background: linear-gradient(180deg, #02203D 100%, #02203D 100%);
padding-bottom: inherit;
}
.mt-service-4 .mt-service-item {
border: 0;
border-radius: 10px;
padding: 0px;
background: linear-gradient(180deg, #206DB5 0%, rgba(16, 65, 109, 0) 100%);
}
.mt-service-4 .mt-service-item:hover .mt-service-thumb img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mt-service-4 .mt-service-item:hover .mt-service-btn-link {
background-color: var(--mt-theme-5);
border: 1px solid var(--mt-theme-5);
color: var(--mt-common-black);
}
.mt-service-4 .mt-service-item:hover .mt-service-icon span {
color: #000;
background-color: var(--mt-common-white);
}
.mt-service-4 .mt-service-thumb {
overflow: hidden;
}
.mt-service-4 .mt-service-thumb img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-service-4 .mt-service-thumb img {
width: 100%;
}
}
.mt-service-4 .mt-service-icon {
text-align: center;
margin-top: -50px;
position: relative;
z-index: 2;
}
.mt-service-4 .mt-service-icon span {
width: 88px;
height: 88px;
line-height: 88px;
color: #000;
background-color: var(--mt-theme-5);
text-align: center;
border-radius: 50px;
display: inline-block;
}
.mt-service-4 .mt-service-content {
padding: 0px 25px;
}
.mt-service-4 .mt-service-content p {
color: rgba(255, 255, 255, 0.8);
}
.mt-service-4 .mt-service-title {
color: var(--mt-common-white);
}
.mt-service-4 .mt-service-btn-wrap {
text-align: center;
}
.mt-service-4 .mt-service-btn-link {
border-radius: 43px;
border: 1.5px solid #206DB5;
color: #fff;
display: inline-block;
padding: 20px 33px;
text-align: center;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-service-5 .mt-service-item {
height: 318px;
padding: 30px 30px 0px 30px;
background: var(--mt-common-white);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
border: 0;
border-radius: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin: 20px 0;
}
.mt-service-5 .mt-service-item:hover {
background-color: var(--mt-theme-1);
}
.mt-service-5 .mt-service-item:hover .mt-service-btn {
opacity: 1;
visibility: visible;
display: block;
padding-bottom: 30px;
}
.mt-service-5 .mt-service-item:hover .mt-service-btn a {
background-color: var(--mt-common-white);
color: var(--mt-common-black);
}
.mt-service-5 .mt-service-item:hover .mt-service-icon {
padding-bottom: 20px;
}
.mt-service-5 .mt-service-item:hover .mt-service-title {
color: var(--mt-common-white);
}
.mt-service-5 .mt-service-item:hover .mt-service-content p {
color: var(--mt-common-white);
}
.mt-service-5 .mt-service-icon {
padding-bottom: 40px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-service-5 .mt-service-icon span {
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
background-color: var(--mt-grey-4);
display: inline-block;
border-radius: 50px;
}
.mt-service-5 .mt-service-title {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-service-5 .mt-service-content p {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-service-5 .mt-service-btn {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
display: none;
}
.mt-service-5 .mt-service-btn a {
background-color: var(--mt-common-white);
}
.mt-service-5 .mt-service-shape {
position: absolute;
right: 23%;
top: 14%;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-service-5 .mt-service-shape {
right: 10%;
top: 10%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-service-5 .mt-service-shape {
right: 1%;
}
}
@media (max-width: 767px) {
.mt-service-5 .mt-service-shape {
display: none;
}
}
.mt-service-5 .mt-service-shape-2 {
position: absolute;
left: 20%;
top: 15%;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-service-5 .mt-service-shape-2 {
left: 10%;
top: 10%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-service-5 .mt-service-shape-2 {
left: 1%;
}
}
@media (max-width: 767px) {
.mt-service-5 .mt-service-shape-2 {
display: none;
}
}
.mt-service-6 .mt-service-main-wrapper {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 290px 24px 10px 24px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
height: 452px;
overflow: hidden;
}
.mt-service-6 .mt-service-main-wrapper::before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 32.12%, #000 100%);
position: absolute;
left: 0;
bottom: 0;
}
.mt-service-6 .mt-service-main-wrapper:hover {
padding-top: 220px;
}
.mt-service-6 .mt-service-main-wrapper:hover .mt-service-icon {
opacity: 0;
visibility: hidden;
display: none;
}
.mt-service-6 .mt-service-main-wrapper:hover .mt-service-icon.mthover {
opacity: 1;
visibility: visible;
display: block;
}
.mt-service-6 .mt-service-main-wrapper:hover .mt-service-item {
margin-bottom: 0;
}
.mt-service-6 .mt-service-main-wrapper:hover .mt-service-title {
margin-bottom: 15px;
}
.mt-service-6 .mt-service-item {
border: 0;
border-radius: 0;
padding: 0;
margin-bottom: -95px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 2;
position: relative;
}
.mt-service-6 .mt-service-item:hover {
background-color: transparent;
}
.mt-service-6 .mt-service-icon {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mt-service-6 .mt-service-icon.mthover {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mt-service-6 .mt-service-icon.mthover span {
background-color: var(--mt-theme-5);
}
.mt-service-6 .mt-service-icon span {
width: 80px;
height: 80px;
line-height: 80px;
display: inline-block;
background-color: var(--mt-common-white);
border-radius: 50px;
text-align: center;
}
.mt-service-6 .mt-service-title {
color: var(--mt-common-white);
margin-bottom: 40px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-service-6 .mt-service-title {
font-size: 20px;
}
}
.mt-service-6 .mt-service-content p {
color: var(--mt-common-white);
}
.mt-service-6 .mt-service-dots {
position: absolute;
left: 50% !important;
bottom: -1% !important;
z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-service-6 .mt-service-dots {
left: 40% !important;
}
}
@media (max-width: 767px) {
.mt-service-6 .mt-service-dots {
left: 25% !important;
}
}
.mt-service-6 .mt-service-dots span {
width: 15px;
height: 15px;
background-color: rgba(253, 91, 56, 0.1);
opacity: 1;
}
.mt-service-6 .mt-service-dots span.swiper-pagination-bullet-active {
width: 25px;
border-radius: 100px;
background-color: #FD5B38;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-service-details {
margin-right: 0px;
margin-bottom: 40px;
}
}
.mt-service-details-list ul li {
list-style: none;
width: 50%;
float: right;
margin-bottom: 10px;
}
.mt-service-details-list ul li:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.mt-service-details-list ul li {
width: inherit;
float: inherit;
}
}
.mt-service-details-list ul li i {
margin-right: 10px;
}
.mt-service-details-2 .mt-service-details p {
color: rgba(255, 255, 255, 0.7);
}
.mt-service-details-2 .mt-service-details-title {
font-size: 38px;
color: var(--mt-common-white);
}
.mt-service-details-3 .mt-services-widget ul li a:hover {
background-color: var(--mt-theme-3);
color: var(--mt-common-black);
border-color: var(--mt-theme-3);
}
.mt-service-4 .mt-service-pagination {
position: absolute;
left: 49% !important;
bottom: 11% !important;
z-index: 3;
}
@media (max-width: 767px) {
.mt-service-4 .mt-service-pagination {
left: 30% !important;
}
}
.mt-service-4 .mt-service-pagination .swiper-pagination-bullet {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #0084ff;
background-color: transparent;
}
.mt-service-4 .mt-service-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
position: relative;
background-color: #0084ff;
}
@media (max-width: 767px) {
.mt-service-2 {
margin-right: 10px;
margin-left: 10px;
}
}
.mt-service-active .mt-service-pagination {
text-align: center;
}
.mt-service-active .mt-service-pagination .swiper-pagination-bullet {
width: 16px;
height: 16px;
background-color: transparent;
border: 1px solid var(--mt-theme-3);
opacity: 1;
}
.mt-service-active .mt-service-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 50px;
border-radius: 100px;
background-color: var(--mt-theme-3);
}
.mt-service-trans-wrap {
position: absolute;
top: -260%;
}
@media (max-width: 767px) {
.mt-service-trans-wrap {
top: -90%;
}
}
.mt-service-trans-title {
-webkit-text-stroke: 1px rgb(234, 234, 239);
-webkit-text-fill-color: transparent;
font-size: 340px;
font-weight: 700;
text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-service-trans-title {
font-size: 265px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-service-trans-title {
font-size: 200px;
}
}
@media (max-width: 767px) {
.mt-service-trans-title {
font-size: 98px;
}
}
.mt-services-widget {
border: 1px solid #F8F8F8;
padding: 32px 20px;
background: #F8F8F8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-services-widget {
padding: 30px;
}
}
.mt-services-widget ul li {
margin-bottom: 15px;
list-style: none;
}
.mt-services-widget ul li a {
color: #000;
display: block;
padding: 20px 25px;
line-height: 1;
position: relative;
background-color: #fff;
border: 1px solid #fff;
border-radius: 5px;
}
.mt-services-widget ul li a:hover {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
border-color: var(--mt-theme-1);
}
.mt-services-widget ul li a:after {
content: "\f061";
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 25px;
top: 50%;
-moz-transform: translateY(-50%) rotate(-40deg);
-o-transform: translateY(-50%) rotate(-40deg);
-ms-transform: translateY(-50%) rotate(-40deg);
-webkit-transform: translateY(-50%) rotate(-40deg);
transform: translateY(-50%) rotate(-40deg);
}
.mt-services-widget ul li:last-child {
margin-bottom: 0;
}
.mt-services-widget-title span {
height: 10px;
width: 10px;
border-radius: 30px;
background: var(--mt-theme-color);
display: inline-block;
margin-right: 5px;
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
/*----------------------------------------*/
/* 7.1 choose css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtchoose__area {
padding-top: 30px;
}
}
.mtchoose__item {
padding: 20px 25px 20px 0px;
}
@media (max-width: 767px) {
.mtchoose__item {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtchoose .mt-section-content {
margin-bottom: 20px;
margin-right: 0;
}
}
.mtchoose__2 {
background: linear-gradient(180deg, #10416D 4%, #02203d 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtchoose__2 {
padding-top: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtchoose__2 .mtchoose {
margin-right: 0;
}
}
.mtchoose__2 .mtchoose__thumb {
position: relative;
}
.mtchoose__2 .mtchoose__thumb::before {
content: "";
width: 88%;
height: 88%;
position: absolute;
left: 2%;
bottom: -15px;
border-radius: 596.945px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.17) 46.04%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
}
.mtchoose__2 .mtchoose__thumb::after {
content: "";
width: 88%;
height: 88%;
position: absolute;
left: 2%;
bottom: -15px;
border-radius: 596.945px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 46.04%, rgb(0, 0, 0) 100%);
z-index: 2;
}
.mtchoose__2 .mtchoose__thumb img {
position: relative;
z-index: 2;
border-radius: 100%;
}
.mtchoose__2 .mtchoose__thumb-sm {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
}
@media (max-width: 767px) {
.mtchoose__2 .mtchoose__thumb-sm {
position: static;
margin-top: 30px;
}
}
/*----------------------------------------*/
/* 7.1 Testimonial css start
/*----------------------------------------*/
@media (max-width: 767px) {
.mt-testimonial-4-area .mt-section-content {
margin-right: 0px;
}
}
.mt-testimonial-4-item {
border: 1px solid var(--mt-border-2);
border-radius: 20px;
padding: 30px;
}
.mt-testimonial-4-item p {
color: var(--mt-text-2);
}
.mt-testimonial-4-quete {
position: absolute;
top: 5px;
right: 30px;
}
.mt-testimonial-4-content h5 {
font-size: 16px;
font-weight: 700;
margin-bottom: 0;
}
.mt-testimonial-4-content span {
color: var(--mt-text-2);
}
.mt-testimonial-4-text span {
color: var(--mt-border-1);
margin-bottom: 5px;
display: block;
}
.mt-testimonial-4-text h5 {
font-size: 24px;
}
.mt-testimonial-4-star span {
width: 30px;
height: 30px;
background-color: var(--mt-theme-1);
border-radius: 50px;
display: inline-block;
line-height: 30px;
text-align: center;
color: var(--mt-common-white);
font-size: 14px;
}
@media (max-width: 767px) {
.mt-testimonial-4-star span {
font-size: 13px;
width: 25px;
height: 25px;
line-height: 25px;
}
}
.mt-testimonial-5-quote span {
width: 86px;
height: 86px;
background-color: #C4D6B0;
display: inline-block;
border-radius: 50px;
text-align: center;
line-height: 86px;
}
.mt-testimonial-5-slide p {
color: #767676;
font-size: 24px;
line-height: 34px;
}
.mt-testimonial-5-author h4 {
color: #000;
font-size: 18px;
margin-bottom: 0;
}
.mt-testimonial-5-author span {
color: #767676;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-testimonial-5-thumb {
text-align: center;
}
}
.mt-testimonial-5-arrow {
position: absolute;
right: 0;
bottom: 0px;
z-index: 2;
}
.mt-testimonial-5-arrow .mt-testimonial-5-button.active {
background: #C4D6B0;
margin-left: 5px;
}
.mt-testimonial-5-arrow .mt-testimonial-5-button {
width: 40px;
height: 40px;
border: 1px solid #C4D6B0;
line-height: 30px;
}
.mt-testimonial-2-item {
border: 1px solid #F8F8F8;
background-color: #F8F8F8;
border-radius: 0;
}
.mt-testimonial-2-item .mt-testimonial-4-star span {
background-color: var(--mt-common-black);
}
.mt-testimonial-shape {
position: absolute;
top: -20%;
left: 0;
z-index: 1;
}
.mt-testimonial-3-item {
padding: 30px;
border-radius: 14px;
border: 1px solid rgba(58, 79, 101, 0.26);
background: var(--mt-common-white);
box-shadow: 0px 25px 50px -3px rgba(51, 78, 123, 0.08);
margin: 8px;
}
.mt-testimonial-3-author-wrap {
position: absolute;
left: 50%;
top: -36px;
-moz-transform: translateX(-40%);
-o-transform: translateX(-40%);
-ms-transform: translateX(-40%);
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
border-radius: 32.5px;
background: #FFF;
box-shadow: 0px 20px 26px 0px rgba(69, 69, 69, 0.1);
padding: 10px 12px;
}
.mt-testimonial-3-author-info span {
color: #627193;
}
.mt-testimonial-3-author-title {
margin-bottom: 0;
}
.mt-testimonial-3-ratting span {
color: #FBB040;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-testimonial-3-arrow {
display: none !important;
}
}
.mt-testimonial-3-arrow button {
border: 1px solid var(--mt-border-2);
padding: 10px 20px;
border-radius: 100px;
color: #000;
font-size: 18px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: absolute;
left: -6%;
top: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-testimonial-3-arrow button {
top: inherit;
bottom: -7%;
left: 15px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-testimonial-3-arrow button {
left: -4%;
}
}
@media (max-width: 767px) {
.mt-testimonial-3-arrow button {
display: none;
}
}
.mt-testimonial-3-arrow button.mt-testimonial-3-prev {
right: -6%;
left: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-testimonial-3-arrow button.mt-testimonial-3-prev {
top: inherit;
bottom: -7%;
right: 15px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-testimonial-3-arrow button.mt-testimonial-3-prev {
right: -4%;
}
}
@media (max-width: 767px) {
.mt-testimonial-3-arrow button.mt-testimonial-3-prev {
display: none;
}
}
.mt-testimonial-3-arrow button.active {
background-color: var(--mt-theme-4);
color: var(--mt-common-black);
}
.mt-testimonial-6 .mt-testimonial-ratting-star span {
color: var(--mt-theme-5);
font-size: 14px;
}
.mt-testimonial-6 .mt-testimonial-ratting-item > span {
font-size: 17px;
}
.mt-testimonial-6 .mt-testimonial-slide p {
font-size: 24px;
line-height: 36px;
color: #36545E;
}
.mt-testimonial-6 .mt-testimonial-author-wrap > span {
color: #206DB5;
font-size: 40px;
position: absolute;
left: 11px;
top: -7px;
}
.mt-testimonial-6 .mt-testimonial-author h4 {
font-size: 20px;
margin-bottom: 0;
}
.mt-testimonial-7 {
background: linear-gradient(180deg, #10416D 0%, rgb(2, 33, 60) 100%);
}
.mt-testimonial-7 .mt-testimonial-item {
margin-left: -349px;
}
@media (max-width: 767px) {
.mt-testimonial-7 .mt-testimonial-item {
margin-left: 0px;
}
}
.mt-testimonial-7 .mt-testimonial-slide {
background-color: #206DB5;
padding: 35px 30px;
}
.mt-testimonial-7 .mt-testimonial-slide p {
color: #fff;
font-size: 17px;
font-weight: 600;
line-height: 30px;
margin-bottom: 0;
}
.mt-testimonial-7 .mt-testimonial-author h4 {
color: var(--mt-common-white);
}
.mt-testimonial-7 .mt-testimonial-author span {
color: var(--mt-common-white);
}
.mt-testimonial-7 .mt-testimonial-quote span {
border: 1px solid rgba(255, 255, 255, 0.25);
padding: 6px;
color: rgba(255, 255, 255, 0.25);
}
.mt-testimonial-7 .mt-testimonial-arrow {
text-align: center;
margin-top: 40px;
}
.mt-testimonial-7 .mt-testimonial-button {
margin: 0 5px;
}
.mt-testimonial-7 .mt-testimonial-button span {
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size: 25px;
}
.mt-testimonial-7 .mt-testimonial-button:hover span {
color: var(--mt-theme-5);
}
.mt-testimonial-7 .mt-testimonial-button.active span {
color: var(--mt-theme-5);
}
.mt-testimonial-8 .mt-testimonial-slide {
border-radius: 30px;
padding: 30px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background-color: #F6F6F6;
}
.mt-testimonial-8 .mt-testimonial-slide p {
font-size: 24px;
color: #000;
margin-bottom: 30px;
line-height: 34px;
}
.mt-testimonial-8 .mt-testimonial-quote span {
font-size: 39px;
color: #000;
}
.mt-testimonial-8 .mt-testimonial-quote span i {
font-weight: 900;
}
.mt-testimonial-8 .mt-testimonial-star span {
color: var(--mt-theme-5);
font-size: 15px;
}
.mt-testimonial-8 .mt-testimonial-author-wrap {
border-top: 1px solid #ddd;
padding-top: 30px;
}
.mt-testimonial-8 .mt-testimonial-author h4 {
font-size: 20px;
color: #000;
margin-bottom: 0;
}
.mt-testimonial-8 .mt-testimonial-author span {
font-size: 14px;
}
.mt-testimonial-8 .mt-testimonial-pagination {
position: absolute;
left: 50% !important;
bottom: -22% !important;
z-index: 3;
}
@media (max-width: 767px) {
.mt-testimonial-8 .mt-testimonial-pagination {
left: 30% !important;
}
}
.mt-testimonial-8 .mt-testimonial-pagination .swiper-pagination-bullet {
width: 15px;
height: 15px;
background-color: var(--mt-common-white);
border: 1px solid var(--mt-common-black);
opacity: 1;
}
.mt-testimonial-8 .mt-testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 25px;
border-radius: 100px;
border: 1px solid var(--mt-theme-5);
background-color: var(--mt-theme-5);
}
.mt-testimonial-9 {
padding-top: 200px;
padding-bottom: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-testimonial-9 .mt-testimonial-content-wrap {
margin-bottom: 90px;
margin-right: 0px;
}
}
.mt-testimonial-9 .mt-testimonial-thumb {
position: absolute;
top: -50px;
left: 0;
}
@media (max-width: 767px) {
.mt-testimonial-9 .mt-testimonial-thumb {
position: static;
margin-bottom: 20px;
}
}
.mt-testimonial-9 .mt-testimonial-slide {
background-color: #FFFFFF;
padding: 30px 0px 0px 30px;
border-radius: 20px;
z-index: 3;
margin-left: 235px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-testimonial-9 .mt-testimonial-slide {
margin-left: 80px;
}
}
@media (max-width: 767px) {
.mt-testimonial-9 .mt-testimonial-slide {
margin-left: 0px;
}
}
.mt-testimonial-9 .mt-testimonial-slide p {
font-size: 22px;
line-height: 32px;
font-weight: 600;
color: var(--mt-common-black);
}
.mt-testimonial-9 .mt-testimonial-veryfied {
border-right: 1px solid var(--mt-border-2);
}
.mt-testimonial-9 .mt-testimonial-veryfied h4 {
font-size: 24px;
font-weight: 700;
color: var(--mt-common-black);
}
.mt-testimonial-9 .mt-testimonial-veryfied span {
color: #212121;
}
.mt-testimonial-9 .mt-testimonial-star span {
color: var(--mt-theme-6);
}
.mt-testimonial-9 .mt-testimonial-author-img {
background-color: #2E74FF;
padding: 10px;
border-radius: 30px 0px 17px 0px;
}
.mt-testimonial-9 .mt-testimonial-author-img img {
border-radius: 20px;
}
.mt-testimonial-9 .mt-testimonial-shape {
top: 15%;
left: 9%;
animation: mttranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-testimonial-9 .mt-testimonial-shape {
top: 3%;
}
}
@media (max-width: 767px) {
.mt-testimonial-9 .mt-testimonial-shape {
display: none;
}
}
.mt-testimonial-9 .mt-testimonial-shape-2 {
position: absolute;
bottom: 8%;
right: 16%;
animation: mt__scalingAnimation 9s infinite alternate;
}
@media (max-width: 767px) {
.mt-testimonial-9 .mt-testimonial-shape-2 {
display: none;
}
}
.mt-testimonial-9 .mt-testimonial-shape-3 {
position: absolute;
right: 16%;
top: 10%;
animation: mttranslateY2 3s infinite alternate;
}
@media (max-width: 767px) {
.mt-testimonial-9 .mt-testimonial-shape-3 {
display: none;
}
}
.mt-testimonial-9 .mt-testimonial-arrow {
position: absolute;
z-index: 1;
bottom: 50%;
-moz-transform: translateY(50%);
-o-transform: translateY(50%);
-ms-transform: translateY(50%);
-webkit-transform: translateY(50%);
transform: translateY(50%);
left: -3%;
}
@media (max-width: 767px) {
.mt-testimonial-9 .mt-testimonial-arrow {
display: none;
}
}
.mt-testimonial-9 .mt-testimonial-button {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50px;
background: rgba(253, 91, 56, 0.5);
display: block;
color: #fff;
}
.mt-testimonial-9 .mt-testimonial-button.active {
background-color: var(--mt-theme-6);
margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-testimonial-11 {
padding-top: 0;
}
}
.mt-testimonial-11 .mt-testimonial-items {
background-color: #fff;
padding: 32px;
}
.mt-testimonial-11 .mt-testimonial-star span {
color: var(--mt-theme-6);
}
.mt-testimonial-11 .mt-testimonial-author h5 {
font-size: 16px;
}
.mt-testimonial-11 .mt-testimonial-thumb {
position: absolute;
top: 0;
left: 0;
width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-testimonial-11 .mt-testimonial-thumb {
position: static;
width: inherit;
margin-bottom: 30px;
}
}
.mt-testimonial-11 .mt-testimonial-dots {
position: absolute;
left: 49% !important;
bottom: -1% !important;
z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-testimonial-11 .mt-testimonial-dots {
left: 40% !important;
}
}
@media (max-width: 767px) {
.mt-testimonial-11 .mt-testimonial-dots {
left: 30% !important;
}
}
.mt-testimonial-11 .mt-testimonial-dots span {
width: 15px;
height: 15px;
background-color: rgba(253, 91, 56, 0.1);
opacity: 1;
}
.mt-testimonial-11 .mt-testimonial-dots span.swiper-pagination-bullet-active {
width: 25px;
border-radius: 100px;
background-color: #FD5B38;
}
.mttestimonial__thumb > img {
border-radius: 178.98px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mttestimonial__thumb {
margin-right: 0px;
}
}
.mttestimonial__quote {
position: absolute;
right: 0;
top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mttestimonial__quote {
right: -20px;
top: -10px;
}
}
.mttestimonial__content p {
font-size: 24px;
color: var(--mt-common-black-3);
line-height: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mttestimonial__content p br {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mttestimonial__content {
margin-left: 0px;
margin-right: 0px;
}
}
.mttestimonial__author-name {
position: relative;
font-size: 16px;
color: var(--mt-text-body);
}
.mttestimonial__author-name cite {
width: 20px;
height: 1px;
background-color: var(--mt-common-black-3);
display: inline-block;
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
margin-right: 5px;
}
.mttestimonial__author-name span {
font-size: 18px;
color: var(--mt-common-black-3);
}
.mttestimonial__shape {
position: absolute;
right: 17%;
top: 40%;
animation: mt__scalingAnimation 9s linear infinite;
}
.mttestimonial__arrow {
text-align: end;
margin-top: -130px;
margin-bottom: 48px;
margin-right: 55px;
z-index: 2;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mttestimonial__arrow {
margin-top: 0px;
margin-bottom: 20px;
}
}
.mttestimonial__button {
width: 62px;
height: 62px;
font-size: 20px;
background-color: #767676;
border: 1px solid #B0AFB7;
border-radius: 50px;
color: #fff;
border-radius: 61px;
box-shadow: 0px 20px 55px -3px rgba(14, 49, 119, 0.25);
}
.mttestimonial__button.active {
background: var(--Gradient, linear-gradient(94deg, #5BC8FF -12.25%, #2E74FF 97.76%));
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mttestimonial__wrapper {
margin-right: 0;
margin-left: 0;
}
}
.mttestimonial__2 .mttestimonial__thumb > img {
border-radius: 12px;
}
.mttestimonial__2 .mttestimonial__content p {
font-size: 42px;
color: var(--mt-common-black);
line-height: 60px;
font-weight: 900;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mttestimonial__2 .mttestimonial__content p br {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mttestimonial__content p {
font-size: 35px;
line-height: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mttestimonial__content p {
font-size: 28px;
line-height: 34px;
}
}
@media (max-width: 767px) {
.mttestimonial__2 .mttestimonial__content p {
font-size: 28px;
line-height: 34px;
}
}
.mttestimonial__2 .mttestimonial__shape {
right: 0%;
top: 18%;
}
.mttestimonial__2 .mtscreenshort-button {
right: 36%;
bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mtscreenshort-button {
right: 33%;
bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mtscreenshort-button {
right: 6%;
bottom: 0px;
}
}
.mttestimonial__2 .mtscreenshort-button-next {
left: auto;
right: 44%;
}
.mttestimonial__2 .mttestimonial-button-next {
left: auto;
right: 44%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mttestimonial-button-next {
left: auto;
right: 20%;
}
}
.mttestimonial__2 .mtscreenshort-arrow::before {
left: 56.1%;
bottom: 14%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mtscreenshort-arrow::before {
bottom: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mttestimonial__2 .mtscreenshort-arrow::before {
left: 80%;
bottom: 7%;
}
}
.mttestimonial__wrapper .mttestimonial__dots {
text-align: center;
margin-left: -150px;
display: inline-block;
z-index: 3;
position: relative;
-moz-transform: translateY(-70px);
-o-transform: translateY(-70px);
-ms-transform: translateY(-70px);
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mttestimonial__wrapper .mttestimonial__dots {
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
margin-left: 30px;
width: 30%;
}
}
.mttestimonial__wrapper .mttestimonial__dots .swiper-pagination-bullet {
width: 15px;
height: 15px;
background-color: transparent;
border: 1px solid #5BC8FF;
opacity: 1;
}
.mttestimonial__wrapper .mttestimonial__dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 25px;
border-radius: 100px;
background: var(--Gradient, linear-gradient(94deg, #5BC8FF -12.25%, #2E74FF 97.76%));
}
/*----------------------------------------*/
/* 7.1 Team css start
/*----------------------------------------*/
.mt-team-2-item {
border: 1px solid var(--mt-border-2);
border-radius: 20px;
padding: 30px;
padding-bottom: 0;
}
.mt-team-2-content span {
color: var(--mt-text-2);
}
.mt-team-2-img h5 {
position: absolute;
top: 30px;
right: -15%;
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 70px;
font-weight: 700;
color: var(--mt-common-white-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-team-2-img h5 {
font-size: 60px;
right: -25%;
}
}
@media (max-width: 767px) {
.mt-team-2-img a img {
width: 100%;
}
}
.mt-team-3-content span {
color: #767676;
}
@media (max-width: 767px) {
.mt-team-3-img img {
width: 100%;
}
}
.mt-team-4 .mt-team-wrapper {
padding: 0;
gap: 30px;
display: flex;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-team-4 .mt-team-wrapper {
flex-wrap: wrap;
gap: 10px;
}
}
.mt-team-4 .mt-team-item:hover .mt-team-content {
opacity: 1;
visibility: visible;
bottom: 6%;
}
.mt-team-4 .mt-team-item:hover .mt-team-img::before {
opacity: 1;
visibility: visible;
}
.mt-team-4 .mt-team-content {
position: absolute;
bottom: 0%;
left: 0%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0;
visibility: hidden;
}
.mt-team-4 .mt-team-content span {
font-size: 14px;
color: var(--mt-common-white);
margin-left: 10px;
}
.mt-team-4 .mt-team-img::before {
content: "";
border-radius: 10px;
background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 0.79) 100%);
width: 100%;
height: 70%;
bottom: 0;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-team-4 .mt-team-img img {
border-radius: 10px;
width: 350px !important;
height: 450px;
margin-top: 30px;
overflow: hidden;
object-fit: cover;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-team-4 .mt-team-img img.active {
width: 570px !important;
}
.mt-team-4 .mt-team-title {
font-size: 20px;
color: var(--mt-common-white);
margin-left: 10px;
}
.mt-team-4 .mt-team-icon {
background-color: #fff;
padding: 10px 15px;
border-radius: 0px 10px 10px 0px;
}
.mt-team-4 .mt-team-icon a {
color: #000;
margin-right: 15px;
}
.mt-team-5 .mt-team-items {
display: inherit;
}
.mt-team-5 .mt-team-items:hover .mt-team-icon {
opacity: 1;
visibility: visible;
bottom: 3%;
}
.mt-team-5 .mt-team-items:hover .mt-team-imgs img {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mt-team-5 .mt-team-items.mtminus-50 {
margin-top: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-team-5 .mt-team-items.mtminus-50 {
margin-top: 0px;
}
}
.mt-team-5 .mt-team-imgs img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mt-team-5 .mt-team-icon {
position: absolute;
bottom: -10%;
left: 16%;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.mt-team-5 .mt-team-icon a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
background-color: var(--mt-theme-2);
border-radius: 50px;
color: var(--mt-common-black);
}
.mt-team-5 .mt-team-title {
font-size: 24px;
color: var(--mt-common-white);
}
.mt-team-5 .mt-team-content p {
color: #ddd;
}
.mt-team-6 .mt-team-title {
color: #000;
}
.mt-team-7 .mt-team-item {
border: 1px solid #C8C8C8;
border-radius: 20px;
padding: 24px;
}
.mt-team-7 .mt-team-img {
background-color: #F8F8F8;
border-radius: 20px;
padding: 24px 24px 0px 24px;
}
.mt-team-7 .mt-team-img img {
width: inherit !important;
}
.mt-team-7 .mt-team-share {
position: absolute;
bottom: -7%;
left: -7%;
}
.mt-team-7 .mt-team-share-icon {
bottom: 72px;
}
.mt-team-7 .mt-team-meta a {
color: var(--mt-common-black);
margin-right: 15px;
position: relative;
}
.mt-team-7 .mt-team-shape {
position: absolute;
bottom: 6%;
left: 10%;
animation: mttranslateY2 4s infinite alternate;
}
@media (max-width: 767px) {
.mt-team-7 .mt-team-shape {
display: none;
}
}
.mt-team-7 .mt-team-shape-2 {
position: absolute;
right: 13%;
top: 6%;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-team-7 .mt-team-shape-2 {
top: 3%;
right: 2%;
}
}
@media (max-width: 767px) {
.mt-team-7 .mt-team-shape-2 {
display: none;
}
}
.mt-team-share span {
color: var(--mt-common-black);
font-size: 25px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: block;
background: #fff;
margin-top: -75px;
margin-left: 25px;
z-index: 2;
position: relative;
cursor: pointer;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-team-share span:hover {
background-color: #C4D6B0;
}
.mt-team-share:hover .mt-team-share-icon {
opacity: 1;
visibility: visible;
}
.mt-team-share-icon {
position: absolute;
bottom: 50px;
left: 25px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-team-share-icon a {
display: block;
background: white;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
text-align: center;
color: #000;
margin: 10px 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-team-share-icon a:hover {
background-color: #C4D6B0;
}
.mt-team-details-wrapper {
padding: 60px;
background-color: #F8F8F8;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-team-details-wrapper {
padding: 60px 20px;
}
}
@media (max-width: 767px) {
.mt-team-details-wrapper {
padding: 60px 20px;
}
}
.mt-team-details-box {
padding: 30px 24px;
background-color: var(--mt-common-white);
}
.mt-team-details-box-icon span {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
text-align: center;
font-size: 20px;
background-color: var(--mt-common-black);
color: var(--mt-common-white);
border-radius: 50px;
}
.mt-team-details-box-content span {
display: inline-block;
color: #767676;
margin-bottom: 8px;
}
.mt-team-details-box-title {
font-size: 16px;
font-weight: 700;
color: var(--mt-common-black);
}
.mt-team-details-btn-wrap {
flex-wrap: wrap;
gap: 20px;
}
.mt-team-details-info ul li {
margin-bottom: 25px;
color: rgba(255, 255, 255, 0.85);
list-style: none;
}
.mt-team-details-info ul li label {
width: 240px;
font-weight: 700;
}
.mt-team-details-info ul li span {
color: rgba(255, 255, 255, 0.534);
}
.mt-team-details-info ul li a {
margin-right: 10px;
color: rgba(255, 255, 255, 0.534);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-team-details-info ul li a:hover {
color: var(--mt-theme-2);
}
/*----------------------------------------*/
/* 7.17 Portfolio css start
/*----------------------------------------*/
.mt-portfolio-4-item:hover .mt-portfolio-4-content {
opacity: 1;
visibility: visible;
}
.mt-portfolio-4-item:hover .mt-portfolio-4-icon {
opacity: 1;
visibility: visible;
}
.mt-portfolio-4-img img {
border-radius: 20px;
}
@media (max-width: 767px) {
.mt-portfolio-4-img img {
width: 100%;
}
}
.mt-portfolio-4-icon {
position: absolute;
top: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-portfolio-4-icon::before {
content: "";
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 131px;
height: 128px;
background-color: var(--mt-theme-1);
-webkit-clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 0%, 100% 100%);
clip-path: polygon(0 0, calc(100% - 80px) 0%, 100% 0%, 100% 100%);
border-top-right-radius: 20px;
}
.mt-portfolio-4-icon a {
font-size: 32px;
color: var(--mt-common-white);
z-index: 2;
position: relative;
padding-right: 20px;
margin-top: 20px;
display: block;
}
.mt-portfolio-4-content {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-portfolio-4-content span {
background-color: var(--mt-theme-1);
padding: 15px 24px;
border-radius: 4px;
color: var(--mt-common-white);
}
.mt-portfolio-4-content h4 {
padding: 15px 24px;
background-color: var(--mt-common-white);
border-radius: 8px;
margin-left: 50px;
margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-portfolio-4-content h4 {
font-size: 18px;
}
}
.mt-portfolio-details-list {
gap: 90px;
flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-portfolio-details-list {
gap: 30px;
}
}
.mt-portfolio-details-title {
color: var(--mt-common-black);
}
.mt-portfolio-details-item span {
font-size: 20px;
font-weight: 400;
color: #767676;
}
.mt-portfolio-details-social a {
border: 1px solid #57595C;
line-height: 50px;
text-align: center;
font-size: 14px;
color: var(--mt-common-black);
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-right: 5px;
}
.mt-portfolio-details-social a:hover {
color: var(--mt-common-white);
border: 1px solid var(--mt-theme-1);
background-color: var(--mt-theme-1);
}
.mt-portfolio-details-box {
padding: 30px 35px;
border-radius: 20px;
border: 1px solid var(--mt-border-2);
background: var(--mt-common-white);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-portfolio-details-box:hover {
border: 1px solid transparent;
border-radius: 20px;
background: var(--mt-common-white);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-project-details {
margin: 0;
}
}
.mt-project-bg {
background: rgba(196, 214, 176, 0.1);
width: 100%;
height: 50%;
top: 0;
position: absolute;
}
.mt-project-item-bg::before {
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media (max-width: 767px) {
.mt-project-item img {
width: 100%;
}
}
.mt-project-item:hover.mt-project-item-bg::before {
opacity: 1;
visibility: visible;
}
.mt-project-item:hover .mt-project-title {
opacity: 1;
visibility: visible;
}
.mt-project-item:hover .mt-project-content span {
opacity: 1;
visibility: visible;
}
.mt-project-title {
color: var(--mt-common-white);
font-size: 24px;
line-height: 34px;
text-transform: capitalize;
margin-bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-project-content {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 3;
}
.mt-project-content span {
color: var(--mt-common-white);
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-project-content span i {
width: 6px;
height: 6px;
display: inline-block;
background: #fff;
border-radius: 50px;
margin-right: 5px;
}
.mt-project-tab {
background: #FFF;
box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.05);
padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-project-tab {
margin-bottom: 30px;
}
}
.mt-project-tab button {
display: block;
color: #767676;
padding: 7px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-project-tab button {
display: inline-block;
padding: 7px 14px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-project-tab button {
padding: 7px 8px;
display: inline-block;
}
}
.mt-project-arrow {
z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-project-arrow {
margin-top: 30px;
z-index: 2;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-project-arrow {
margin-top: 0px;
bottom: 10px;
position: absolute;
text-align: center;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.mt-project-arrow .mt-project-button {
border: 1px solid var(--mt-border-2);
padding: 8px 15px;
color: var(--mt-common-black);
font-size: 18px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-left: 20px;
}
.mt-project-arrow .mt-project-button.active {
background-color: var(--mt-theme-3);
color: var(--mt-common-black);
border: 1px solid transparent;
}
.mt-project-2 {
padding-bottom: 210px;
}
.mt-project-2 .mt-project-item-bg::before {
content: "";
background: linear-gradient(179deg, rgba(2, 48, 90, 0) 46.11%, #02305A 85.9%);
opacity: 1;
visibility: visible;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 1;
}
.mt-project-2 .mt-project-item img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mt-project-2 .mt-project-item:hover .mt-project-content {
bottom: 0;
}
.mt-project-2 .mt-project-item:hover .mt-project-title {
margin-bottom: 7px;
}
.mt-project-2 .mt-project-item:hover img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mt-project-2 .mt-project-item:hover .mt-project-btnview a {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-project-2 .mt-project-btnview {
position: absolute;
top: 10%;
right: 5%;
z-index: 2;
}
.mt-project-2 .mt-project-btnview a {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50px;
background-color: var(--mt-common-white);
display: inline-block;
font-size: 20px;
color: var(--mt-common-black);
}
.mt-project-2 .mt-project-btnview a i {
-moz-transform: rotate(40deg);
-o-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
.mt-project-2 .mt-project-content {
bottom: -20%;
padding: 0 20px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-project-2 .mt-project-content {
bottom: -24%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-project-2 .mt-project-content {
bottom: -30%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-project-2 .mt-project-content {
bottom: -27%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-project-2 .mt-project-content {
bottom: -22%;
}
}
.mt-project-2 .mt-project-content span {
color: var(--mt-theme-5);
opacity: 1;
visibility: visible;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-project-2 .mt-project-content p {
color: rgba(255, 255, 255, 0.8);
}
.mt-project-2 .mt-project-title {
color: var(--mt-common-white);
opacity: 1;
visibility: visible;
margin-bottom: 15px;
}
.mt-project-2.mtinner {
padding-bottom: 130px;
}
.mt-project-2.mtinner .mt-project-content {
bottom: -14%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-project-2.mtinner .mt-project-content {
bottom: -25%;
}
}
@media (max-width: 767px) {
.mt-project-2.mtinner .mt-project-content {
bottom: -22%;
}
}
@media (max-width: 767px) {
.mt-project-3 .mt-project-item {
margin-left: 0;
margin-right: 0;
}
}
.mt-project-3 .mt-project-item img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.mt-project-3 .mt-project-item:hover .mt-project-content {
background-color: var(--mt-theme-5);
}
.mt-project-3 .mt-project-item:hover img {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mt-project-3 .mt-project-item:hover .mt-project-btnview a i {
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
.mt-project-3 .mt-project-title {
opacity: 1;
visibility: visible;
color: #000;
font-size: 24px;
}
@media (max-width: 767px) {
.mt-project-3 .mt-project-title {
font-size: 17px;
}
}
.mt-project-3 .mt-project-text span {
color: #000;
opacity: 1;
visibility: visible;
}
.mt-project-3 .mt-project-content {
opacity: 1;
visibility: visible;
background-color: #F6F6F6;
border-radius: 0px 30px 30px 0px;
padding: 16px 24px;
margin-bottom: 25px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media (max-width: 767px) {
.mt-project-3 .mt-project-content {
padding: 9px 13px;
}
}
.mt-project-3 .mt-project-btnview a {
width: 66px;
height: 66px;
line-height: 66px;
display: inline-block;
text-align: center;
background-color: #FFFFFF;
border-radius: 50px;
font-size: 25px;
}
.mt-project-3 .mt-project-btnview a i {
-moz-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
color: #000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-project-3 .mt-project-shape {
position: absolute;
right: -8%;
bottom: 20%;
animation: mttranslateY2 4s infinite alternate;
}
@media (max-width: 767px) {
.mt-project-3 .mt-project-shape {
display: none;
}
}
.mt-project-3 .mt-project-shape-2 {
position: absolute;
left: 10%;
top: -14%;
animation: mttranslateY2 4s infinite alternate;
}
@media (max-width: 767px) {
.mt-project-3 .mt-project-shape-2 {
display: none;
}
}
.mt-project-wrapper .mt-project-pagination {
position: absolute;
left: 49% !important;
bottom: -20% !important;
z-index: 3;
}
@media (max-width: 767px) {
.mt-project-wrapper .mt-project-pagination {
left: 30% !important;
}
}
.mt-project-wrapper .mt-project-pagination .swiper-pagination-bullet {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #0084ff;
background-color: transparent;
}
.mt-project-wrapper .mt-project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
position: relative;
background-color: #0084ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-project-tab-wrap {
display: flex;
justify-content: space-between;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-project-tab-wrap nav {
width: 80%;
}
}
.mt-project-wrapper .swiper.mt-project-active {
margin-right: -300px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-project-wrapper .swiper.mt-project-active {
margin-right: 0px;
}
}
/*----------------------------------------*/
/* 7.1 Video css start
/*----------------------------------------*/
.mt-video {
z-index: -1;
}
.mt-video-bg {
padding-top: 425px;
padding-bottom: 425px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 305px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-video-bg {
margin-left: 0;
}
}
.mt-video-play {
position: absolute;
left: 45%;
top: 40%;
-moz-transform: translate(6%, 0);
-o-transform: translate(6%, 0);
-ms-transform: translate(6%, 0);
-webkit-transform: translate(6%, 0);
transform: translate(6%, 0);
}
@media (max-width: 767px) {
.mt-video-play {
left: 35%;
}
}
.mt-video-play a {
position: relative;
display: inline-block;
width: 160px;
height: 160px;
background: var(--mt-common-black);
border-radius: 100px;
line-height: 160px;
text-align: center;
font-size: 30px;
color: var(--mt-theme-3);
}
@media (max-width: 767px) {
.mt-video-play a {
width: 100px;
height: 100px;
line-height: 100px;
}
}
.mt-video-play a::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.247);
animation: borderanimate2 2.7s linear infinite;
border-radius: 50%;
}
.mt-video-play a::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.205);
animation: borderanimate2 2.3s linear infinite;
border-radius: 50%;
}
.mt-video-info-wrap {
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 14px;
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.09);
padding: 35px;
}
.mt-video-info-icon span {
width: 60px;
height: 60px;
line-height: 60px;
display: inline-block;
text-align: center;
background-color: var(--mt-theme-5);
border-radius: 50px;
color: var(--mt-common-black);
}
.mt-video-info-title {
font-size: 24px;
color: var(--mt-common-white);
}
.mt-video-info-content span {
color: rgba(255, 255, 255, 0.8);
}
.mt-video-box-space {
padding-top: 320px;
}
.mt-video-box-bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 24px;
padding-top: 188px;
}
.mt-video-box-content {
border-radius: 70px;
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(25px);
padding: 10px 15px;
}
.mt-video-box-title {
font-size: 14px;
font-weight: 700;
color: var(--mt-common-white);
}
.mt-video-box-text span {
color: var(--mt-common-white);
}
.mt-video-box-text span i {
margin: 0 5px;
}
.mt-video-box-play {
position: absolute;
top: 30%;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mt-video-box-play a {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
background: var(--mt-theme-6);
border-radius: 50px;
line-height: 50px;
text-align: center;
font-size: 16px;
color: var(--mt-common-white);
}
.mt-video-box-live {
position: absolute;
top: 5%;
right: 5%;
}
.mt-video-box-live span {
color: var(--mt-common-white);
background: rgba(0, 0, 0, 0.2);
border-radius: 50px;
padding: 2px 10px;
display: inline-block;
}
.mt-video-box-live span i {
margin-right: 5px;
}
.mt-video-box-shape {
position: absolute;
bottom: 10%;
left: 10%;
animation: mt__scalingAnimation 9s infinite alternate;
}
@media (max-width: 767px) {
.mt-video-box-shape {
display: none;
}
}
.mt-video-box-shape-2 {
position: absolute;
right: 10%;
bottom: 10%;
animation: mttranslateX2 4s infinite alternate;
}
@media (max-width: 767px) {
.mt-video-box-shape-2 {
display: none;
}
}
.mt-video-2 .mt-video-bg {
padding-top: 370px;
padding-bottom: 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 0px;
z-index: 1;
margin-bottom: -300px;
z-index: 3;
}
.mt-video-2 .mt-video-bg-2::before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0;
}
.mt-video-2 .mt-video-play a {
color: var(--mt-common-white);
}
.mt-video-trans-wrap {
padding-top: 60px;
}
.mt-video-trans-title {
-webkit-text-stroke: 1px rgb(235, 235, 235);
-webkit-text-fill-color: transparent;
font-size: 200px;
text-transform: capitalize;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-video-trans-title {
font-size: 180px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-video-trans-title {
font-size: 145px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-video-trans-title {
font-size: 105px;
}
}
@media (max-width: 767px) {
.mt-video-trans-title {
font-size: 50px;
}
}
.mt-video-3-mt-200 {
margin-top: -300px;
}
.mt-video-3-bg {
position: relative;
border-radius: 22px;
}
.mt-video-3-bg::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(14, 14, 89, 0.55) 0%, rgba(14, 14, 89, 0.55) 100%);
border-radius: 22px;
}
.mt-video-3-speace {
padding-top: 310px;
padding-bottom: 310px;
}
.mt-video-3-play {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.mt-video-3-play a {
background: linear-gradient(94deg, #E20155 -70.28%, #F6C107 92.53%);
padding: 40px 45px;
color: #fff;
font-size: 22px;
border-radius: 100%;
stroke-width: 16px;
stroke: rgba(255, 255, 255, 0.32);
position: relative;
}
.mt-video-3-play a::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.247);
animation: borderanimate2 2.7s linear infinite;
border-radius: 50%;
}
.mt-video-3-play a::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.205);
animation: borderanimate2 2.3s linear infinite;
border-radius: 50%;
}
.mt-video-4 {
padding-top: 360px;
padding-bottom: 320px;
}
.mt-video-4 .mt-video-play a {
position: relative;
display: inline-block;
width: 106px;
height: 106px;
background: transparent;
line-height: 105px;
text-align: center;
font-size: 30px;
color: #fff;
border: 1px solid #fff;
border-radius: 0;
}
.mt-video-4 .mt-video-play a::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background-color: rgba(158, 158, 158, 0.247);
animation: borderanimate2 2.7s linear infinite;
border-radius: 0%;
}
.mt-video-4 .mt-video-play a::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.205);
animation: borderanimate2 2.3s linear infinite;
border-radius: 0%;
}
.mt-video-5 {
padding-top: 400px;
padding-bottom: 100px;
}
.mt-video-5::after {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(187deg, rgba(2, 48, 90, 0) 36.42%, rgba(2, 48, 90, 0.94) 77.99%);
position: absolute;
bottom: 0;
left: 0;
}
.mt-video-5 .mt-video-play {
z-index: 3;
}
@media (max-width: 767px) {
.mt-video-5 .mt-video-play {
top: 30%;
}
}
@media (max-width: 767px) {
.mt-video-5 .mt-video-play {
top: 20%;
}
}
.mt-video-5 .mt-video-play a {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50px;
background-color: var(--mt-common-white);
display: inline-block;
font-size: 20px;
color: var(--mt-common-black);
}
.mt-video-6 {
margin-bottom: -290px;
z-index: 3;
position: relative;
}
.mt-video-6 .mt-video-bg {
padding-top: 300px;
padding-bottom: 300px;
margin-left: 0;
}
.mt-video-6 .mt-video-play a {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
background: var(--mt-theme-6);
border-radius: 100px;
line-height: 100px;
text-align: center;
font-size: 30px;
color: var(--mt-common-white);
}
.mt-video-7 .mt-video-bg {
padding-top: 425px;
padding-bottom: 425px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: 0;
}
.mt-video-7 .mt-video-bg::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
}
.mt-video-7 .mt-video-trans-title {
font-size: 160px;
-webkit-text-stroke: 1px rgb(161, 161, 161);
-webkit-text-fill-color: rgba(0, 0, 0, 0.2117647059);
text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-video-7 .mt-video-trans-title {
font-size: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-video-7 .mt-video-trans-title {
font-size: 80px;
}
}
@media (max-width: 767px) {
.mt-video-7 .mt-video-trans-title {
font-size: 50px;
}
}
.mt-video-7 .mt-video-play a {
position: relative;
display: inline-block;
width: 132px;
height: 132px;
background: #ffffff;
border-radius: 100px;
line-height: 132px;
text-align: center;
font-size: 20px;
color: #000000;
}
.mt-video-7 .mt-video-scroll {
position: absolute;
bottom: -350px;
left: 0;
}
.mt-video-7 .mt-video-scroll-title {
font-size: 24px;
color: var(--mt-common-white);
}
.mt-video-7 .mt-video-scroll-title span {
margin-left: 5px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 1px solid #BCF906;
display: inline-block;
border-radius: 50px;
color: #BCF906;
}
.mt-video-popular-img {
padding: 32px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-video-popular-img::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(180deg, #000213 0%, rgba(0, 2, 19, 0) 30%, rgba(0, 2, 19, 0) 60%, #000 100%);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-video-popular-img.two {
padding: 0;
flex: 0 0 auto;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
overflow: hidden;
}
@media (max-width: 767px) {
.mt-video-popular-img.two {
margin-right: 0px;
flex: auto;
}
}
.mt-video-popular-img.two img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-ms-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
@media (max-width: 767px) {
.mt-video-popular-img.two img {
width: 100%;
}
}
.mt-video-popular-img.two:hover img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mt-video-popular-title {
font-size: 24px;
line-height: 34px;
}
.mt-video-popular-count span {
color: #fff;
}
.mt-video-popular-count span i {
margin-right: 5px;
}
.mt-video-popular-play a {
width: 80px;
height: 80px;
line-height: 80px;
background-color: var(--mt-theme-6);
color: var(--mt-common-white);
border-radius: 50px;
display: inline-block;
text-align: center;
}
.mt-video-popular-duration span {
color: var(--mt-common-white);
font-weight: 700;
}
.mt-video-popular-cat {
position: absolute;
top: 15px;
left: 15px;
z-index: 2;
}
.mt-video-popular-cat span {
background-color: rgba(0, 0, 0, 0.6);
padding: 8px 20px;
color: #fff;
}
@media (max-width: 767px) {
.mt-video-popular-list {
flex-wrap: wrap;
gap: 10px;
}
}
.mt-video-popular-list-play {
position: absolute;
left: 50%;
bottom: 20px;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mt-video-popular-list-play a {
width: 24px;
height: 24px;
line-height: 19px;
border-radius: 50px;
border: 1px solid #fff;
display: inline-block;
text-align: center;
color: #fff;
}
.mt-video-popular-list-play a i {
font-size: 10px;
}
.mt-video-popular-list-duration {
position: absolute;
right: 20px;
bottom: 20px;
}
.mt-video-popular-list-duration span {
color: #fff;
}
.mt-video-popular-list-count span {
margin-right: 15px;
}
.mt-video-popular-list-count cite {
width: 8px;
height: 8px;
background-color: #767676;
border-radius: 50px;
display: inline-block;
-moz-transform: translateX(-3px);
-o-transform: translateX(-3px);
-ms-transform: translateX(-3px);
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
margin-right: 10px;
}
.mtvideo__video-icon {
position: absolute;
left: 50%;
bottom: 25%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mtvideo__video-icon a {
position: relative;
display: inline-block;
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
font-size: 20px;
color: var(--mt-common-white);
border-radius: 56px;
background: rgba(23, 17, 68, 0.34);
backdrop-filter: blur(7.5px);
}
.mtvideo__video-icon a::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.247);
animation: borderanimate2 2.7s linear infinite;
border-radius: 50%;
}
.mtvideo__video-icon a::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.205);
animation: borderanimate2 2.3s linear infinite;
border-radius: 50%;
}
/*----------------------------------------*/
/* 7.2 Brand css start
/*----------------------------------------*/
@media (max-width: 767px) {
.mt-brand-slide-area {
padding-top: 80px;
}
}
.mt-brand-slide-border {
border: 1px solid var(--mt-border-2);
border-radius: 30px;
}
.mt-brand-slide-title {
position: absolute;
top: -15px;
left: 0;
right: 0;
margin: auto;
}
.mt-brand-slide-title h4 {
display: inline-block;
background: var(--mt-common-white);
}
@media (max-width: 767px) {
.mt-brand-slide-title h4 {
font-size: 18px;
}
}
.mt-brand-slide-2 .mt-brand-slide-title h4 {
display: inline-block;
background: transparent;
color: var(--mt-common-white);
}
.mt-brand-slide-4 .mt-brand-slide-title h4 {
font-size: 16px;
background-color: transparent;
}
.mt-brand-slide-4 .mt-brand-slide-title h4 span {
color: var(--mt-theme-1);
}
.mt-brand-slide-3-item {
width: 177px;
height: 100%;
}
.mt-brand-slide-3-item {
width: 177px;
height: 100%;
}
.mt-brand-title h3 {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFF;
font-size: 88px;
font-weight: 700;
}
/*----------------------------------------*/
/* 7.12 faq css start
/*----------------------------------------*/
.mt-faq-2 .mt-custom-accordion-2 .accordion-items {
margin-bottom: 20px;
border: 0;
border-radius: 10px;
background-color: rgba(246, 246, 246, 0.1);
}
.mt-faq-2 .mt-custom-accordion-2 .accordion-buttons {
color: var(--mt-common-white);
}
.mt-faq-2 .mt-custom-accordion-2 .accordion-buttons::after {
position: absolute;
content: "\f068";
font-family: "Font Awesome 5 Pro";
color: var(--mt-theme-2);
border: 1px solid var(--mt-theme-2);
}
.mt-faq-2 .mt-custom-accordion-2 .accordion-buttons.collapsed::after {
content: "\f067";
border: 1px solid var(--mt-theme-2);
}
.mt-faq-2 .mt-custom-accordion-2 .accordion-body {
color: rgba(255, 255, 255, 0.85);
}
/*----------------------------------------*/
/* 7.19 Process css start
/*----------------------------------------*/
.mt-process-2-item {
border: 1px solid var(--mt-border-2);
padding: 30px 25px;
border-radius: 15px;
}
.mt-process-2-icon img {
width: 100px;
}
.mt-process-2-text p {
color: var(--mt-text-2);
margin-bottom: 0;
}
.mt-process-2-shape {
position: absolute;
bottom: -20px;
left: 0;
z-index: -1;
}
.mt-process-2-shape-2 {
position: absolute;
top: 30%;
left: 39%;
animation: mttranslateY2 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-process-2-shape-2 {
top: 23%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-process-2-shape-2 {
top: 20%;
left: inherit;
right: 15px;
}
}
@media (max-width: 767px) {
.mt-process-2-shape-2 {
top: 20%;
left: inherit;
right: 15px;
}
}
@media (max-width: 767px) {
.mt-process-2-shape-2 {
top: 20%;
left: inherit;
right: 15px;
}
}
.mtprocess {
padding: 10px 37px;
z-index: 2;
position: relative;
}
.mtprocess__area {
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtprocess__area {
padding-top: 20px;
padding-bottom: 50px;
}
}
.mtprocess__space {
padding-top: 350px;
}
.mtprocess__icon span {
border: 1px solid #ddd;
border-radius: 30px;
padding: 37px 33px;
display: inline-block;
font-size: 32px;
color: #000;
font-weight: 700;
}
.mtprocess__icon.active span {
background: #000;
color: #fff;
}
.mtprocess__shape {
position: absolute;
left: 0;
top: -16%;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtprocess__shape-wrap {
display: none;
}
}
.mtprocess__shape-2 {
position: absolute;
bottom: 42%;
left: 34%;
z-index: 0;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtprocess__shape-2 {
left: 24%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtprocess__shape-2 {
left: 24%;
bottom: 45%;
}
}
.mtprocess__shape-3 {
position: absolute;
bottom: 42%;
right: 34%;
z-index: 0;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtprocess__shape-3 {
right: 25%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtprocess__shape-3 {
right: 26%;
bottom: 45%;
}
}
.mtprocess__shape-4 {
position: absolute;
right: 0;
bottom: 0%;
z-index: -1;
}
.mtprocess__2 .mtprocess {
padding: 10px 15px;
}
.mtprocess__2 .mtprocess__icon span {
border: none;
border-radius: 50px;
padding: 16px 18px;
font-size: 18px;
color: #ffffff;
background-color: #516CF5;
}
.mtprocess__2 .mtprocess__shape {
left: 19%;
top: 8%;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtprocess__2 .mtprocess__shape {
width: 150px;
}
}
.mtprocess__2 .mtprocess__shape-2 {
bottom: inherit;
left: inherit;
right: 21.5%;
top: 8%;
animation: mttranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtprocess__2 .mtprocess__shape-2 {
width: 150px;
}
}
.mtprocess__2 .mtprocess__thumb::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 16px;
opacity: 0.5;
background: rgba(2, 80, 255, 0.7);
filter: blur(116.5px);
right: 0%;
top: 0;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtprocess__2 .mtprocess__box-btn {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 767px) {
.mtscreenshort__area {
padding-top: 50px;
padding-bottom: 20px;
}
}
.mtscreenshort__slider {
border-radius: 12px;
box-shadow: 4px 8px 18px 0px rgba(29, 27, 27, 0.15);
}
.mtscreenshort__slider-wrap {
margin-left: 90px;
margin-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtscreenshort__slider-wrap {
margin-left: 40px;
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtscreenshort__slider-wrap {
margin-left: 0px;
margin-right: 0px;
}
}
.mtscreenshort__slider img {
width: 250px;
height: 347px;
object-fit: cover;
}
.mtscreenshort__active {
padding: 20px;
}
.mtscreenshort__active .swiper-slide-active {
margin-top: -8px;
}
.mtscreenshort__active .swiper-slide-active img {
width: 250px;
height: 378px;
object-fit: cover;
border-radius: 12px;
}
.mtscreenshort-button {
display: flex;
padding: 10px 16px;
border-radius: 100px;
position: absolute;
right: 42%;
bottom: -90px;
z-index: 9;
font-size: 30px;
color: #222;
line-height: 30;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtscreenshort-button {
right: 40%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtscreenshort-button {
right: 39%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtscreenshort-button {
right: 37.5%;
bottom: -60px;
}
}
@media (max-width: 767px) {
.mtscreenshort-button {
display: none;
}
}
.mtscreenshort-button-next {
left: auto;
right: 55%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtscreenshort-button-next {
right: 56%;
}
}
.mtscreenshort-arrow::before {
content: "";
width: 30px;
height: 2px;
background-color: #000;
position: absolute;
left: 44.5%;
bottom: -16%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtscreenshort-arrow::before {
bottom: -9%;
}
}
@media (max-width: 767px) {
.mtscreenshort-arrow::before {
display: none;
}
}
/*----------------------------------------*/
/* 7.18 Price css start
/*----------------------------------------*/
.mt-price-space {
padding-bottom: 500px;
height: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-price-space {
height: 1700px;
}
}
@media (max-width: 767px) {
.mt-price-space {
height: 1720px;
}
}
.mt-price-item {
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #F9FBF7;
padding: 30px 10px 25px 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-price-item:hover {
background-color: #C4D6B0;
}
.mt-price-title {
position: relative;
}
.mt-price-title span {
width: 20%;
left: 40%;
bottom: -11px;
height: 1px;
background: #000;
display: inline-block;
margin: 0 auto;
position: absolute;
}
.mt-price-number {
font-size: 52px;
}
.mt-price-number span {
font-size: 16px;
-moz-transform: translateX(-15px);
-o-transform: translateX(-15px);
-ms-transform: translateX(-15px);
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
display: inline-block;
}
.mt-price-link {
position: relative;
}
.mt-price-link a {
border-radius: 50px;
background: var(--mt-common-black);
padding: 15px 40px;
display: inline-block;
text-align: center;
color: var(--mt-common-white);
}
.mt-price-list-wrapper {
position: absolute;
top: 54%;
left: 16%;
right: 16%;
margin: 0 auto;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
.mt-price-list-wrapper {
left: 12%;
right: 12%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-price-list-wrapper {
left: 10%;
right: 10%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-price-list-wrapper {
left: 5%;
right: 5%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-price-list-wrapper {
left: 30px;
right: 30px;
bottom: 17%;
top: inherit;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-price-list-wrapper {
bottom: 7%;
}
}
@media (max-width: 767px) {
.mt-price-list-wrapper {
bottom: 3%;
}
}
.mt-price-list-item {
border-bottom: 1px solid #ddd;
padding: 15px 0;
}
.mt-price-list-item p {
color: var(--mt-common-black);
font-family: var(--mt-ff-heading);
font-weight: 700;
text-transform: capitalize;
margin-bottom: 0;
width: 350px;
}
.mt-price-list-item span {
font-size: 30px;
color: var(--mt-common-black);
}
@media (max-width: 767px) {
.mt-price-list-item span {
margin: 0 6px;
}
}
.mt-price-switch-tab {
border: 1px solid #C8C8C8;
border-radius: 10px;
padding: 16px 16px 24px 16px;
}
.mt-price-2 .mt-mtblog-content .active .mt-price-item-heading {
background: var(--Linear-H5, linear-gradient(82deg, #D4FBF9 0%, #D5ECD8 48.74%, #F0C4F8 100%));
}
.mt-price-2 .mt-price-item {
border: 1px solid #F8F8F8;
background-color: #F8F8F8;
padding: 30px 24px;
}
.mt-price-2 .mt-price-item-heading {
background: #F8F8F8;
padding: 24px 25px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor: pointer;
}
.mt-price-2 .mt-price-top-box p {
color: var(--mt-common-black);
padding-bottom: 5px;
}
.mt-price-2 .mt-price-middle-number {
font-size: 52px;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
}
@media (max-width: 767px) {
.mt-price-2 .mt-price-middle-number {
font-size: 27px;
}
}
.mt-price-2 .mt-price-middle-number span {
font-size: 24px;
margin-left: -10px;
}
@media (max-width: 767px) {
.mt-price-2 .mt-price-middle-number span {
font-size: 17px;
margin-left: 0;
}
}
.mt-price-2 .mt-price-title {
font-size: 24px;
color: var(--mt-common-black);
}
@media (max-width: 767px) {
.mt-price-2 .mt-price-title {
font-size: 20px;
}
}
.mt-price-2 .mt-price-title span {
width: inherit;
left: inherit;
bottom: inherit;
height: inherit;
background: #f9e8e5;
display: inline-block;
margin: 0 auto;
position: inherit;
font-size: 12px;
padding: 4px 10px;
border-radius: 50px;
}
.mt-price-2 .mt-price-list ul li {
border-bottom: 1px solid #ddd;
padding: 15px 0;
list-style: none;
}
.mt-price-2 .mt-price-list ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.mt-price-2 .mt-price-list ul li i {
float: right;
color: var(--mt-theme-1);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.mt-price-shape {
position: absolute;
right: 0;
bottom: 0%;
}
.mt-price-switch-tab button {
display: block;
color: #000;
font-family: "Open Sans";
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-transform: capitalize;
padding: 7px 0;
}
.mt-price-switch-tab button.active {
padding: 7px 0;
}
.mt-price-switch-tab button.active span {
border: 4px solid #000;
}
.mt-price-discund span {
background-color: #C4D6B0;
color: #000;
padding: 11px 15px;
border-radius: 50px;
}
.mt-price-discund {
position: absolute;
right: 15%;
bottom: 24%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-price-discund {
right: 9%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-price-discund {
right: -10%;
bottom: 0%;
}
}
.mt-price-switch-tab button span {
border: 1px solid #C8C8C8;
border-radius: 50px;
width: 18px;
height: 18px;
display: inline-block;
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
margin-right: 10px;
}
.mt-price-tab {
text-align: center;
position: relative;
}
.mt-price-tab span {
font-weight: 700;
color: #000;
}
.mt-price-tab ul {
background-color: #F8F8F8;
border-radius: 20px;
padding: 5.5px;
display: inline-flex;
margin: 0 10px;
}
.mt-price-tab ul li button {
width: 28px;
height: 30px;
background-color: transparent;
border-radius: 50%;
border: none;
display: inline-block;
}
.mt-price-tab ul li button.active {
background-color: #2555FF;
}
.mt-price-tab .mt-price-discund {
position: absolute;
right: 33%;
bottom: 34%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-price-tab .mt-price-discund {
right: 32%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-price-tab .mt-price-discund {
right: 27%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-price-tab .mt-price-discund {
right: 19%;
}
}
@media (max-width: 767px) {
.mt-price-tab .mt-price-discund {
right: 0%;
bottom: 100%;
}
}
.mt-price-tab .mt-price-discund span {
background-color: #FD5B38;
color: #ffffff;
padding: 11px 15px;
border-radius: 50px;
}
@media (max-width: 767px) {
.mtprice__top-wrap {
margin-bottom: 10px;
}
}
.mtprice__bg {
background-repeat: no-repeat;
}
.mtprice__wrapper {
background-color: #E7E7E7;
padding: 50px 50px 20px 50px;
border-radius: 20px;
position: relative;
fill: var(--Color-1, #FFF);
stroke-width: 1px;
stroke: #E7E7E7;
filter: drop-shadow(0px 15px 45px rgba(4, 37, 82, 0.1));
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtprice__wrapper {
padding: 50px 15px 20px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtprice__wrapper {
padding: 50px 0px 20px 0px;
}
}
@media (max-width: 767px) {
.mtprice__wrapper {
padding: 50px 10px 20px 10px;
}
}
.mtprice__wrapper::after {
content: "";
position: absolute;
background-color: #20293a;
bottom: 20px;
width: 97%;
height: 400px;
border-radius: 30px;
z-index: 1;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mtprice__item {
padding: 40px;
border-radius: 22px;
background: #FFF;
border: 2px solid #fff;
box-shadow: -9px 34px 200px 10px rgba(19, 8, 4, 0.2);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 2;
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtprice__item {
padding: 15px;
}
}
.mtprice__item.active {
border: 2px solid #01D2A1;
margin-top: -60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtprice__item.active {
margin-top: 0px;
}
}
.mtprice__item.active .mtprice__top-box span {
color: #01D2A1;
}
.mtprice__item.active .mtprice__list ul li i {
background-color: rgba(1, 210, 161, 0.15);
color: #01D2A1;
}
.mtprice__item:hover {
border: 2px solid #01D2A1;
}
.mtprice__item:hover .mtprice__top-box span {
color: #01D2A1;
}
.mtprice__item:hover .mtprice__list ul li i {
background-color: rgba(1, 210, 161, 0.15);
color: #01D2A1;
}
.mtprice__top-border {
border-bottom: 2px solid #DBE9FF;
padding-bottom: 20px;
}
.mtprice__top-box span {
font-size: 30px;
color: var(--mt-common-black-3);
font-weight: 700;
margin-bottom: 10px;
display: inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mtprice__middle-number {
font-size: 40px;
color: var(--mt-common-black-3);
display: inline-block;
margin-right: -3px;
}
.mtprice__middle-number > span {
font-size: 25px;
-moz-transform: translateY(-15px);
-o-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
display: inline-block;
margin-right: 6px;
}
.mtprice__middle-box > span {
font-size: 17px;
display: inline-block;
}
.mtprice__list ul li {
list-style: none;
font-size: 18px;
font-weight: 600;
color: var(--mt-common-black-3);
padding: 8px 0;
}
.mtprice__list ul li i {
background-color: rgba(88, 88, 88, 0.15);
color: var(--mt-common-black);
border-radius: 100%;
padding: 5.5px 6px;
font-size: 17px;
margin-right: 15px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mtprice__plan-left h5 {
font-size: 32px;
text-align: center;
color: var(--mt-common-black-3);
}
.mtprice__plan-left h5 i {
rotate: 45deg;
}
.mtprice__tab {
background-color: #EBEEF1;
padding: 10px 30px;
border-radius: 57px;
}
.mtprice__tab ul li button {
font-size: 25px;
text-transform: uppercase;
color: var(--mt-common-black-3);
padding: 20px 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mtprice__tab ul li button {
font-size: 20px;
}
}
.mtprice__tab ul li button span {
margin-right: 7px;
}
.mtprice__tab ul li button.active {
border-radius: 45.6px;
background: #FFF;
color: #FFA319;
box-shadow: 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}
.mtprice__2 {
border-radius: 12px;
z-index: 1;
}
@media (max-width: 767px) {
.mtprice__2 {
padding-top: 90px;
padding-bottom: 50px;
}
}
.mtprice__2::after {
content: "";
width: 50%;
height: 50%;
border-radius: 16px;
opacity: 0.5;
background: #0250FF;
filter: blur(116.5px);
position: absolute;
bottom: 0%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtprice__2 .mtprice__tab-content {
margin-left: 0;
margin-right: 0;
}
}
.mtprice__2 .mtprice__item {
padding: 33px 35px;
border-radius: 14px;
background: #FFF;
border: 2px solid #fff;
box-shadow: -9px 34px 200px 10px rgba(19, 8, 4, 0.2);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mtprice__2 .mtprice__list ul li {
list-style: none;
font-size: 16px;
}
.mtprice__2 .mt-price-tab span {
color: #fff;
}
.mtprice__3 .mtprice__item {
padding: 40px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.5);
border: 0;
box-shadow: none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: 2;
position: relative;
}
.mtprice__3 .mtprice__top-box span {
border: 1px solid #206DB5;
color: #206DB5;
display: inline-block;
border-radius: 30px;
padding: 5px 20px;
font-weight: 500;
font-size: 15px;
text-align: center;
}
.mtprice__3 .mtprice__middle-number {
font-size: 66px;
}
.mtprice__3 .mtprice__middle-number span {
-moz-transform: translateY(-30px);
-o-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.mtprice__3 .mtprice__list {
border-top: 1px solid #ddd;
padding-top: 20px;
}
.mtprice__3 .mtprice__list ul li i {
background-color: rgba(88, 88, 88, 0.15);
color: var(--mt-common-black);
border-radius: 0;
padding: 5.5px 6px;
font-size: 17px;
margin-right: 15px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mtprice__black .mtprice__item {
background: rgba(255, 255, 255, 0.7);
}
.mtprice__black .mtprice__item:hover .mtprice__top-box span {
color: rgba(0, 0, 0, 0.801);
}
.mtprice__black .mtprice__item:hover .mtprice__list ul li i {
background-color: rgba(88, 88, 88, 0.15);
color: var(--mt-common-black);
}
.mtprice__black .mtprice__top-box span {
border: 1px solid rgba(117, 117, 117, 0.637);
color: rgba(0, 0, 0, 0.801);
}
.mtprice__black .mtprice__middle-box p {
color: rgba(0, 0, 0, 0.85);
}
/*----------------------------------------*/
/* 7.10 Fact css start
/*----------------------------------------*/
.mt-fact-wraper {
border-top: 1px solid var(--mt-border-2);
border-bottom: 1px solid var(--mt-border-2);
padding: 35px 0;
padding-bottom: 15px;
position: relative;
}
.mt-fact-wraper.border-right::after {
position: absolute;
top: 0;
left: 33%;
content: "";
width: 1px;
height: 100%;
background-color: var(--mt-border-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-fact-wraper.border-right::after {
display: none;
}
}
.mt-fact-wraper.border-right::before {
position: absolute;
top: 0;
right: 33%;
content: "";
width: 1px;
height: 100%;
background-color: var(--mt-border-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-fact-wraper.border-right::before {
display: none;
}
}
.mt-fact-item {
padding: 0 15px;
z-index: 3;
position: relative;
}
.mt-fact-item:hover .mt-fact-content span {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-fact-item-2 {
padding: 0px;
}
.mt-fact-item-2 .mt-fact-count {
background: var(--mt-common-white);
border-radius: 150px;
padding: 30px;
}
.mt-fact-item-2 .mt-fact-count span {
margin-bottom: 0;
margin-right: 15px;
font-size: 52px;
}
.mt-fact-item-2 .mt-fact-count h5 {
font-size: 24px;
font-weight: 400;
}
.mt-fact-count span {
font-size: 52px;
color: var(--mt-common-black);
font-family: var(--mt-ff-heading);
font-weight: 700;
margin-bottom: 30px;
display: block;
padding-top: 10px;
}
.mt-fact-count h5 {
font-size: 16px;
}
.mt-fact-content span {
width: 32px;
height: 32px;
display: inline-block;
font-size: 17px;
line-height: 30px;
margin-bottom: 30px;
color: var(--mt-common-black);
border: 1px solid;
border-radius: 50px;
text-align: center;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-fact-content p {
color: var(--mt-text-2);
}
.mt-fact-2 {
margin-top: -180px;
}
.mt-fact-3-border {
border-top: 1px dashed #000;
}
.mt-fact-3-item {
padding: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-fact-3-item {
padding: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-fact-3-item {
padding: 0px;
}
}
@media (max-width: 767px) {
.mt-fact-3-item {
padding: 10px;
}
}
.mt-fact-3-number {
color: var(--mt-theme-1);
font-size: 60px;
font-weight: 400;
}
.mt-fact-bg {
position: absolute;
top: 0;
left: 0;
width: 83%;
height: 100%;
z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
.mt-fact-bg {
width: 87%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-fact-bg {
width: 100%;
}
}
.mt-fact-shape {
position: absolute;
left: 7%;
top: 12%;
z-index: 1;
animation: mt__scalingAnimation 9s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-fact-shape {
left: 0%;
top: 7%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-fact-shape {
left: 0%;
top: 0%;
}
}
@media (max-width: 767px) {
.mt-fact-shape {
display: none;
}
}
.mtfact__main-title {
font-size: 20px;
color: #01D2A1;
}
.mtfact__main-title cite {
margin-left: 5px;
}
.mtfact__count span {
color: #FFA319;
font-size: 70px;
font-weight: 900;
}
.mtfact__content p {
font-size: 20px;
line-height: 30px;
color: var(--mt-common-black-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtfact__content p br {
display: none;
}
}
.mtfact__2 .mtfact__wrapper {
gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtfact__2 .mtfact__wrapper {
flex-wrap: wrap;
gap: 10px;
}
}
.mtfact__2 .mtfact__title {
font-size: 88px;
color: #101010;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtfact__2 .mtfact__title {
font-size: 48px;
}
}
.mtfact__2 .mtfact__item p {
color: #5A6164;
}
.mtfact__3 .mtfact__icon span {
font-size: 40px;
color: var(--mt-theme-5);
}
.mtfact__3 .mtfact__title {
font-size: 60px;
color: var(--mt-common-white);
}
.mtfact__3 .mtfact__content p {
font-size: 16px;
color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 767px) {
.mtfact__4 .mtfact__wrapper {
flex-wrap: wrap;
}
}
.mtfact__4 .mtfact__wrap {
padding: 50px;
border-radius: 30px;
}
.mtfact__4 .mtfact__wrap-content {
padding-right: 60px;
border-right: 1px solid #ddd;
margin-right: 30px;
}
@media (max-width: 767px) {
.mtfact__4 .mtfact__wrap-content {
padding-right: 0;
margin-right: 0;
border-right: 0;
}
}
.mtfact__4 .mtfact__item {
margin: 0px 30px;
padding-right: 30px;
}
@media (max-width: 767px) {
.mtfact__4 .mtfact__item {
margin: 0px;
}
}
.mtfact__4 .mtfact__title {
font-size: 38px;
color: #000;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
/*----------------------------------------*/
/* 7.4 contact css start
/*----------------------------------------*/
.mtcontact__list-border {
border-bottom: 1px solid #ddd;
}
.mtcontact__icon span {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background-color: #01D2A1;
display: inline-block;
color: var(--mt-common-white);
border-radius: 50px;
}
.mtcontact__title {
font-size: 26px;
font-weight: 400;
text-transform: math-auto;
}
.mtcontact__social ul li {
display: inline-block;
padding-right: 40px;
margin-bottom: 20px;
}
.mtcontact__social ul li:last-child {
padding-right: 0;
}
.mtcontact__social ul li a span {
margin-right: 5px;
}
.mtcontact__form {
padding: 30px 24px;
border-radius: 16px;
background: #F1F3F5;
}
.mtcontact__form-inputbox textarea {
height: 168px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtcontact__2 .mtcontact {
margin-right: 0;
}
}
.mtcontact__2 .mtcontact__form {
background-color: transparent;
padding: 0;
border-radius: 0px;
}
.mtcontact__2 .mtcontact__form-inputbox input {
border: 0;
border-radius: 0;
padding: 0;
border-bottom: 1px solid #d1d3d9;
background-color: transparent;
}
.mtcontact__2 .mtcontact__form-inputbox textarea {
border: 0;
border-radius: 0;
padding: 0;
height: 54px;
border-bottom: 1px solid #d1d3d9;
background-color: transparent;
}
.mtcontact__2 .mtcontact__form-inputbox .form-check-input {
background-color: transparent;
border: 1px solid #d1d3d9;
border-radius: 50px;
}
.mtcontact__2 .mtcontact__form-inputbox .form-check-input:checked {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
}
.mtcontact__2 .mtcontact__map iframe {
height: 550px;
width: 100%;
border-radius: 30px;
}
@media (max-width: 767px) {
.mt-contact-top-wrap {
flex-wrap: wrap;
}
}
.mt-contact-top-title {
font-size: 50px;
}
.mt-contact-top-text h5 {
font-size: 19px;
font-weight: 400;
}
.mt-contact-top-text a {
font-size: 22px;
font-weight: 700;
color: #FD5725;
}
.mt-contact-textarea textarea {
height: 196px;
}
.mt-contact-form-wrap {
background: #F8F8F8;
padding: 60px 80px;
margin-top: -170px;
z-index: 3;
position: relative;
}
@media (max-width: 767px) {
.mt-contact-form-wrap {
padding: 40px 30px;
}
}
.mt-contact-form-2 .mt-contact-form-wrap {
margin-top: 0;
padding: 50px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-contact-form-2 .mt-contact-form-wrap {
margin-right: 0px;
}
}
.mt-contact-form-2 .mt-contact-form-thumb {
margin-right: -120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-contact-form-2 .mt-contact-form-thumb {
margin-right: 0px;
}
}
.mt-contact-form-2 .mt-contact-form-box input {
height: 50px;
border: 1px solid transparent;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
}
.mt-contact-form-2 .mt-contact-form-box textarea {
height: 156px;
border: 1px solid transparent;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
}
.mt-contact-form-3 .mt-contact-form-wrap {
margin-top: 0;
padding: 50px 40px;
}
.mt-contact-form-3 .mt-contact-form-box input {
border: 0;
border-bottom: 1px solid var(--mt-border-2);
border-radius: 0;
background-color: transparent;
padding-left: 0;
}
.mt-contact-form-3 .mt-contact-form-box textarea {
border: 0;
border-bottom: 1px solid var(--mt-border-2);
border-radius: 0;
background-color: transparent;
padding-left: 0;
height: 56px;
margin-top: 70px;
}
.mt-contact-form-3 .mt-contact-form-box-2 input,
.mt-contact-form-3 .mt-contact-form-box-2 textarea {
color: #fff;
}
.mt-contact-form-3 .mt-contact-box-text h4 {
font-size: 16px;
}
.mt-contact-form-3 .mt-contact-box-text span {
font-weight: 500;
}
.mt-contact-form-3 .mt-contact-box-icon span {
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
background-color: var(--mt-common-black);
color: var(--mt-common-white);
width: 80px;
height: 80px;
line-height: 80px;
display: inline-block;
text-align: center;
border-radius: 50%;
}
.mt-contact-form-3 .mt-contact-box-map iframe {
height: 600px;
border-radius: 30px;
}
.mt-contact-info {
border: 1px solid #F8F8F8;
padding: 50px 40px;
border-radius: 20px;
background: #F8F8F8;
}
.mt-contact-info-icon span {
font-size: 75px;
}
.mt-contact-info-text span {
font-size: 24px;
font-weight: 700;
font-family: var(--mt-ff-heading);
color: #000;
}
.mt-contact-info-text p {
font-size: 16px;
margin: 0;
}
.mt-contact-info-text p a:hover {
color: var(--mt-theme-1);
}
.mt-contact-info-2 {
padding: 30px 30px;
}
.mt-contact-info-2 .mt-contact-info-icon span {
font-size: 25px;
}
.mt-contact-info-2 .mt-contact-info-text span {
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-contact-box-map iframe {
width: 100%;
}
}
.mt-contact-box-icon span {
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
background-color: #F8F8F8;
color: var(--mt-common-black);
width: 80px;
height: 80px;
line-height: 80px;
display: inline-block;
text-align: center;
border-radius: 50%;
}
.mt-contact-box-text span {
font-family: var(--mt-ff-heading);
font-size: 16px;
font-weight: 700;
color: var(--mt-common-black);
}
.mt-contact-box-text h4 {
font-size: 32px;
font-weight: 700;
margin: 0;
}
@media (max-width: 767px) {
.mt-contact-box-text h4 {
font-size: 25px;
}
}
.mt-contact-2 .mt-contact-info {
border: 1px solid rgba(246, 246, 246, 0.1);
padding: 50px 40px;
border-radius: 20px;
background: rgba(246, 246, 246, 0.1);
}
.mt-contact-2 .mt-contact-info-text span {
color: var(--mt-common-white);
}
.mt-contact-2 .mt-contact-info-text p {
color: rgba(255, 255, 255, 0.85);
}
.mt-contact-2 .mt-contact-info-text p a:hover {
color: var(--mt-theme-2);
}
.mt-contact-2 .mt-contact-info-icon span {
color: rgba(255, 255, 255, 0.85);
}
.mt-map-2 {
margin-bottom: -10px;
}
.mt-map-area iframe {
height: 700px;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-map-area iframe {
height: 600px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-map-area iframe {
height: 500px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-map-area iframe {
height: 400px;
}
}
/*----------------------------------------*/
/* 7.13 Feature css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtfeature.One {
margin-top: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mtfeature.twos {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtfeature.twos {
margin-top: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mtfeature {
margin-top: 0px;
}
}
.mtfeature__bg {
background-color: rgba(13, 89, 239, 0.02);
}
.mtfeature__item {
padding: 30px 25px;
background-color: var(--mt-common-white);
border: 1px solid #E7E7E7;
border-radius: 20px;
margin-bottom: 30px;
}
.mtfeature__icon span {
width: 80px;
height: 80px;
background-color: rgba(0, 221, 169, 0.07);
border: 1px solid #00DDA9;
display: inline-block;
border-radius: 15px;
line-height: 80px;
text-align: center;
}
.mtfeature__icon span img {
z-index: 2;
position: relative;
}
.mtfeature__icon.two span {
border: 1px solid #FFA319;
background-color: rgba(255, 163, 25, 0.07);
}
.mtfeature__icon.three span {
border: 1px solid #0400DD;
background-color: rgba(4, 0, 221, 0.07);
}
.mtfeature__icon.four span {
border: 1px solid #00D0DD;
background-color: rgba(0, 208, 221, 0.07);
}
.mtfeature__shape {
position: absolute;
top: 28%;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
animation: mt__scalingAnimation 9s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mtfeature__shape {
top: 20%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtfeature__shape {
top: 14%;
}
}
@media (max-width: 767px) {
.mtfeature__shape {
top: 12%;
}
}
.mtfeature__shape-2 {
position: absolute;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
@media (max-width: 767px) {
.mtfeature__2 {
padding-top: 80px;
padding-bottom: 50px;
}
}
.mtfeature__2 .mtfeature__item {
border-radius: 34px;
background: #F4F6FF;
border: none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mtfeature__2 .mtfeature__item:hover {
box-shadow: 8px 14px 72px -3px rgba(96, 104, 138, 0.2);
}
.mtfeature__2 .mtfeature__icon span {
width: 80px;
height: 80px;
display: inline-block;
line-height: 70px;
text-align: center;
border-radius: 26px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: linear-gradient(239deg, rgba(0, 36, 223, 0.7) 2.06%, rgba(31, 0, 154, 0.7) 100%);
box-shadow: 0px 30px 100px -44px rgba(23, 25, 26, 0.1);
backdrop-filter: blur(2px);
}
.mtfeature__3 .mtfeature__count {
width: 112px;
height: 112px;
line-height: 112px;
text-align: center;
font-size: 30px;
font-weight: 700;
font-family: var(--mt-ff-heading);
background-color: transparent;
border: 1px solid #ddd;
color: var(--mt-common-black);
border-radius: 100%;
display: inline-block;
position: relative;
}
.mtfeature__3 .mtfeature__title {
font-size: 24px;
}
.mtfeature__4 .mtfeature__item {
padding: 0;
background-color: transparent;
border: 0;
border-radius: 0px;
margin-bottom: 30px;
}
.mtfeature__4 .mtfeature__icon span {
width: inherit;
height: inherit;
background-color: transparent;
border: none;
border-radius: 0;
line-height: inherit;
font-size: 18px;
color: var(--mt-theme-5);
}
.mtfeature__4 .mtfeature__title {
color: #fff;
}
.mtfeature__4 .mtfeature__content p {
color: #fff;
}
.mtfeature__5 .mtfeature__item {
border: none;
padding: 0;
padding-right: 30px;
}
@media (max-width: 767px) {
.mtfeature__5 .mtfeature__item {
padding-right: 0px;
}
}
.mtfeature__5 .mtfeature__content span {
width: 66px;
height: 66px;
line-height: 66px;
display: inline-block;
text-align: center;
background-color: #F6F6F6;
border-radius: 50px;
font-size: 30px;
}
.mtfeature__6 .mtfeature__item {
padding: 60px 45px;
border-radius: 0;
}
.mtfeature__6 .mtfeature__item::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.mtfeature__6 .mtfeature__title {
color: var(--mt-common-white);
font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mtfeature__6 .mtfeature__title {
font-size: 20px;
}
}
.mtfeature__6 .mtfeature__content p {
color: var(--mt-common-white);
}
/*----------------------------------------*/
/* 7.9 error css start
/*----------------------------------------*/
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-error-thumb-box img {
max-width: 70%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-error-thumb-box img {
max-width: 60%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-error-thumb-box img {
max-width: 60%;
}
}
.mt-error-title {
font-weight: 700;
font-size: 48px;
margin-bottom: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.mt-error-title {
font-size: 45px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-error-title {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-error-title {
font-size: 36px;
}
}
@media (max-width: 767px) {
.mt-error-title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-error-title {
font-size: 34px;
}
}
/*----------------------------------------*/
/* 7.1 Skill css start
/*----------------------------------------*/
.mt-skill-item label {
font-size: 17px;
font-weight: 500;
color: #fff;
margin-bottom: 8px;
line-height: 1;
}
.mt-skill-item .progress-outer {
position: relative;
}
.mt-skill-item .progress-num {
position: absolute;
left: calc(25% - 31px);
top: -36px;
background: var(--mt-common-white);
color: var(--mt-common-black);
padding: 6px 5px;
font-size: 16px;
line-height: 1;
border-radius: 4px;
}
.mt-skill-item .progress-num::before {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent var(--mt-common-white) transparent transparent;
transform: rotate(0deg);
content: "";
position: absolute;
top: 99%;
right: 8px;
}
.mt-skill-item .progress,
.mt-skill-item .progress-stacked {
height: 5px;
background-color: #f0f0f0;
border-radius: 4px;
}
.mt-skill-item .progress-bar {
background-color: var(--mt-theme-2);
}
/*----------------------------------------*/
/* 7.5 Course css start
/*----------------------------------------*/
.mt-course-item {
border: 1px solid var(--mt-border-2);
border-radius: 20px;
padding: 24px;
}
.mt-course-item:hover .mt-course-cat a {
background-color: var(--mt-theme-1);
}
.mt-course-item:hover .mt-course-img img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.mt-course-item:hover .mt-course-title a {
background-size: 0% 2px, 100% 2px;
}
.mt-course-img {
overflow: hidden;
}
.mt-course-img img {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-course-cat {
position: absolute;
left: 5%;
top: 5%;
z-index: 2;
}
.mt-course-cat a {
height: 32px;
background-color: var(--mt-theme-6);
color: var(--mt-common-white);
padding: 5px 16px;
border-radius: 50px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-course-wishlist {
position: absolute;
right: 5%;
top: 5%;
z-index: 2;
}
.mt-course-wishlist a {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background-color: #F8F8F8;
display: inline-block;
border-radius: 50px;
}
.mt-course-meta a {
color: var(--mt-common-black);
margin-right: 15px;
position: relative;
}
.mt-course-meta a::before {
content: "";
width: 1px;
height: 10px;
background-color: var(--mt-border-2);
position: absolute;
left: -8px;
top: 5px;
}
.mt-course-meta a i {
margin-right: 5px;
}
.mt-course-meta:first-child a::before {
display: none;
}
.mt-course-title {
font-size: 23px;
color: var(--mt-common-black);
}
.mt-course-title a {
background-repeat: no-repeat;
background-size: 0% 2px, 0 2px;
background-position: 100% 100%, 0 100%;
transition: background-size 0.4s linear;
background-image: linear-gradient(#0e3631, #0e3631), linear-gradient(#0e3631, #0e3631);
}
.mt-course-author {
border-bottom: 1px solid var(--mt-border-2);
padding-bottom: 10px;
margin-bottom: 10px;
}
.mt-course-author a {
color: #767676;
font-weight: 700;
}
.mt-course-price h5 {
font-size: 24px;
color: var(--mt-common-black);
}
.mt-course-price h5 span {
font-size: 16px;
color: #767676;
margin-left: -3px;
}
.mt-course-star span {
color: var(--mt-common-black);
font-size: 16px;
font-weight: 700;
margin: 0 3px;
}
.mt-course-star span i {
color: var(--mt-theme-6);
font-size: 14px;
}
.mt-course-sidebar {
border: 1px solid var(--mt-border-2);
border-radius: 20px;
padding: 24px 32px;
}
.mt-course-widget-title {
font-size: 24px;
color: var(--mt-common-black);
border-bottom: 1px dashed var(--mt-border-2);
padding-bottom: 20px;
}
.mt-course-widget-categories-item {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.mt-course-widget-categories-item:last-child {
margin-bottom: 0;
}
.mt-course-widget-categories-item label {
color: #767676;
width: 90%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-course-widget-categories-item label span {
float: right;
}
.mt-course-widget-categories-item label i {
color: var(--mt-theme-6);
margin-right: 10px;
}
.mt-course-widget-categories-item:hover label {
color: var(--mt-theme-1);
}
.mt-course-widget-categories-item input.form-check-input {
width: 32px;
height: 32px;
border-radius: 100px !important;
line-height: 32px;
float: inherit !important;
margin-right: 15px;
}
.mt-course-widget-form input {
border-radius: 50px;
}
.mt-course-widget-form button {
position: absolute;
font-size: 20px;
right: 20px;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mt-course-widget-filter {
position: relative;
margin-top: 30px;
}
.mt-course-widget-filter .ui-widget.ui-widget-content {
height: 3px;
background-color: #EDEDED;
border: 0;
}
.mt-course-widget-filter .ui-slider-horizontal .ui-slider-range {
background-color: var(--mt-theme-1);
position: absolute;
}
.mt-course-widget-filter .ui-slider .ui-slider-handle {
top: -7px;
width: 5px;
height: 17px;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
background-color: var(--mt-theme-1);
position: absolute;
}
.mt-course-widget-filter-info .input-range input {
width: auto;
height: auto;
background-color: transparent;
color: var(--mt-common-black);
padding: 0;
border: 0;
font-weight: 500;
font-size: 14px;
}
.mt-course-widget-filter-info .mt-course-widget-filter-btn {
font-weight: 500;
font-size: 16px;
color: var(--mt-common-white);
background-color: var(--mt-theme-1);
padding: 8px 20px;
border-radius: 12px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-course-widget-filter-info .mt-course-widget-filter-btn:hover {
color: var(--mt-common-black);
background-color: var(--mt-theme-2);
}
.mt-course-widget .tagcloud a {
height: 40px;
background-color: #F8F8F8;
line-height: 40px;
font-size: 16px;
margin-right: 5px;
padding: 0px 15px;
border: 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-course-widget .tagcloud a:hover {
background-color: var(--mt-theme-1);
}
.mt-course-reset-btn a {
border: 1px solid var(--mt-theme-1);
color: var(--mt-common-black);
height: 50px;
line-height: 50px;
text-align: center;
font-size: 17px;
display: inline-block;
border-radius: 50px;
padding: 0px 20px;
width: 100%;
font-weight: 700;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-course-reset-btn a:hover {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
@media (max-width: 767px) {
.mt-course-header {
flex-wrap: wrap;
gap: 20px;
}
}
.mt-course-header-title {
font-size: 16px;
color: #767676;
font-weight: 500;
font-family: var(--mt-ff-body);
}
.mt-course-sort {
float: right;
}
@media (max-width: 767px) {
.mt-course-sort {
float: inherit;
}
}
.mt-course-select-box {
display: flex;
align-items: center;
gap: 11px;
}
.mt-course-select-box .nice-select::after {
right: 8px;
}
.mt-course-box-sidebar {
background-color: #F8F8F8;
border-radius: 10px;
padding: 30px 24px;
}
.mt-course-box-play {
position: absolute;
top: 45%;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.mt-course-box-play a {
position: relative;
display: inline-block;
width: 60px;
height: 60px;
background: var(--mt-theme-6);
border-radius: 50px;
line-height: 60px;
text-align: center;
font-size: 16px;
color: var(--mt-common-white);
}
.mt-course-box-price {
background-color: var(--mt-theme-1);
position: absolute;
bottom: 0;
right: 0;
border-radius: 0px 0px 10px 0px;
}
.mt-course-box-price span {
color: #fff;
font-size: 32px;
font-weight: 700;
font-family: var(--mt-ff-heading);
padding: 25px;
display: inline-block;
}
.mt-course-box-title {
font-size: 24px;
font-weight: 700;
color: var(--mt-common-black);
}
.mt-course-box-list ul li {
color: var(--mt-text-body);
list-style: none;
margin-bottom: 15px;
}
.mt-course-box-list ul li:last-child {
margin-bottom: 0;
}
.mt-course-box-list ul li i {
margin-right: 5px;
}
.mt-course-box-list ul li span {
float: right;
}
.mt-course-box-share {
position: relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-course-box-share span {
color: #000;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.mt-course-box-share span i {
margin-right: 5px;
}
.mt-course-box-share:hover .mt-course-box-share-icon {
opacity: 1;
visibility: visible;
bottom: 5%;
}
.mt-course-box-share-icon {
position: absolute;
left: 50%;
bottom: 0%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
}
.mt-course-box-share-icon a {
width: 32px;
height: 32px;
line-height: 32px;
background: var(--mt-theme-1);
display: inline-block;
margin-right: 8px;
color: #fff;
border-radius: 5px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-course-box-share-icon a:hover {
background-color: var(--mt-theme-2);
color: #000;
}
.mt-course-details-meta-wrap {
gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-course-details-meta-wrap {
flex-wrap: wrap;
}
}
.mt-course-details-author span {
font-size: 16px;
font-weight: 700;
font-family: var(--mt-ff-heading);
color: #000;
}
.mt-course-details-ratting span i {
font-size: 14px;
color: var(--mt-theme-6);
}
.mt-course-details-price h5 {
font-size: 22px;
color: #000;
}
.mt-course-details-title {
font-size: 52px;
}
@media (max-width: 767px) {
.mt-course-details-title {
font-size: 30px;
}
}
.mt-course-details-content ul li {
margin-left: 15px;
margin-bottom: 10px;
}
.mt-course-details-lesson {
padding: 30px 24px 5px 24px;
border-radius: 10px;
}
.mt-course-details-lesson-title {
color: #012935;
border-bottom: 1px dashed var(--mt-border-2);
padding-bottom: 20px;
}
.mt-course-details-lesson .mt-skill-item label {
font-size: 16px;
color: #012935;
}
.mt-course-details-lesson .mt-skill-item .progress-bar {
background-color: var(--mt-theme-1);
}
.mt-course-details-lesson .mt-skill-item .progress,
.mt-course-details-lesson .mt-skill-item .mt-skill-item .progress-stacked {
height: 5px;
background-color: #fff;
border-radius: 4px;
}
.mt-course-details-lesson .mt-skill-item .progress-num {
position: absolute;
left: calc(25% - 31px);
top: -36px;
background: var(--mt-theme-2);
color: var(--mt-common-black);
padding: 6px 5px;
font-size: 16px;
line-height: 1;
border-radius: 4px;
}
.mt-course-details-lesson .mt-skill-item .progress-num::before {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent var(--mt-theme-2) transparent transparent;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
content: "";
position: absolute;
top: 99%;
right: 8px;
}
.mt-course-details-lesson-play a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #CDCDCD;
border-radius: 50px;
display: inline-block;
margin-right: 15px;
color: #000;
}
.mt-course-details-lesson-play a.active {
background-color: var(--mt-theme-1);
color: #fff;
}
.mt-course-details-lesson-icon span {
height: 40px;
line-height: 40px;
background-color: #fff;
display: inline-block;
padding: 0px 20px;
border-radius: 50px;
color: #000;
margin-right: 15px;
}
.mt-course-details-lesson-icon span.active {
background-color: var(--mt-theme-1);
color: #fff;
}
.mt-course-details-lesson .mt-custom-accordion .accordion-buttons {
padding: 0px;
}
.mt-course-details-lesson .mt-custom-accordion .accordion-buttons::after {
right: 0px;
left: inherit;
}
.mt-course-details-instructor {
padding: 30px 24px 5px 24px;
border-radius: 10px;
}
.mt-course-details-instructor-position span {
font-size: 15px;
}
.mt-course-details-instructor-name {
font-size: 16px;
color: #000;
margin-bottom: 0;
}
.mt-course-details-instructor-ratting span {
color: var(--mt-theme-6);
}
.mt-course-details-instructor-ratting span i {
font-size: 14px;
}
.mt-course-details-instructor-skill span {
margin-right: 10px;
}
.mt-course-details-instructor-skill span i {
color: var(--mt-theme-6);
margin-right: 5px;
}
.mt-course-details-instructor-text ul li {
margin-left: 15px;
margin-bottom: 15px;
}
.mt-course-details-review {
padding: 30px 24px 5px 24px;
border-radius: 10px;
}
@media (max-width: 767px) {
.mt-course-details-review-wrap {
flex-wrap: wrap;
gap: 20px;
}
}
.mt-course-details-review-count {
font-size: 52px;
color: #000;
margin-bottom: 0px;
}
.mt-course-details-review-rating {
background-color: #fff;
border-radius: 5px;
padding: 50px 90px;
}
.mt-course-details-review-rating span {
font-size: 12px;
color: var(--mt-theme-6);
}
.mt-course-details-review-rating p {
font-size: 16px;
margin-bottom: 7px;
}
.mt-course-details-review > span {
font-size: 14px;
font-weight: 500;
color: #060121;
background-color: #FDD057;
padding: 5px;
margin-bottom: 5px;
display: inline-block;
}
.mt-course-details-review > span i {
color: #fff;
}
.mt-course-details-review-bar ul li {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #000;
}
.mt-course-details-review-bar ul li i {
color: var(--mt-theme-6);
font-size: 14px;
}
.mt-course-details-review-bar ul li span {
display: inline-block;
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
width: 180px;
height: 4px;
border-radius: 16px;
background-color: var(--mt-theme-6);
margin: 0 4px;
position: relative;
}
.mt-course-details-tabs-nav ul {
border: 1px solid var(--mt-border-2);
border-radius: 50px;
padding: 16px 24px;
}
.mt-course-details-tabs-nav ul li button {
height: 50px;
background-color: #F8F8F8;
border-radius: 50px;
padding: 0px 30px;
margin-right: 24px;
font-size: 16px;
font-weight: 700;
color: #767676;
}
@media (max-width: 767px) {
.mt-course-details-tabs-nav ul li button {
margin-bottom: 20px;
}
}
.mt-course-details-tabs-nav ul li button.active {
background-color: var(--mt-theme-1);
color: var(--mt-common-white);
}
.mt-course-details-tabs-nav ul li button span {
margin-right: 5px;
}
/*----------------------------------------*/
/* 7.16 Newslatter css start
/*----------------------------------------*/
.mt-newsletter-bg {
background-color: var(--mt-theme-1);
border-radius: 50px 50px 0px 0px;
}
.mt-newsletter-thumb img {
position: relative;
z-index: 1;
}
.mt-newsletter-thumb-shape {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-newsletter-thumb-shape {
right: 90px;
}
}
.mt-newsletter-input {
width: calc(100% - 145px);
}
.mt-newsletter-input input {
border-radius: 50px;
}
.mt-newsletter-box form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mt-newsletter-shape {
position: absolute;
animation: mt__scalingAnimation 19s infinite alternate;
}
.mt-newsletter-shape-2 {
position: absolute;
left: 50%;
top: 12%;
animation: mttranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-newsletter-shape-2 {
left: 2%;
top: 45%;
}
}
@media (max-width: 767px) {
.mt-newsletter-shape-2 {
display: none;
}
}
.mt-newsletter-shape-3 {
position: absolute;
left: 30%;
top: 10%;
animation: mt__scalingAnimation 9s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-newsletter-shape-3 {
position: absolute;
left: inherit;
top: 45%;
right: 3%;
}
}
@media (max-width: 767px) {
.mt-newsletter-shape-3 {
display: none;
}
}
.mt-newsletter-2 .mt-newsletter-box form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.mt-newsletter-2 .mt-newsletter-box form button {
margin-top: 20px;
}
.mt-newsletter-2 .mt-newsletter-title {
font-size: 52px;
color: var(--mt-common-white);
}
.mt-newsletter-2 .mt-newsletter-input {
width: calc(100% - 180px);
}
.mt-newsletter-2 .mt-newsletter-input input {
border-radius: 0px;
background: transparent;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-left: 0;
color: #CDCDCD;
}
.mt-newsletter-2 .mt-newsletter-inputbox input.form-check-input:checked {
background-color: #FD5B38;
border-color: #FD5B38;
}
/*----------------------------------------*/
/* 7.8 Esports css start
/*----------------------------------------*/
.mt-esports-count-wraping {
background-color: #F8F8F8;
padding: 26px 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-esports-count-wraping {
margin-left: 0px;
flex-wrap: wrap;
gap: 20px;
}
}
.mt-esports-count-title {
font-size: 16px;
}
.mt-esports-count-subtitle {
font-size: 16px;
font-weight: 700;
font-family: var(--mt-ff-heading);
background-color: var(--mt-theme-6);
color: var(--mt-common-white);
border-radius: 30px;
padding: 5px 10px;
}
.mt-esports-count-countdownitem {
margin-right: 23px;
}
@media (max-width: 767px) {
.mt-esports-count-countdownitem {
margin-right: 14px;
}
}
.mt-esports-count-countdownitem:last-child {
margin-right: 0;
}
.mt-esports-count-countdownitem .countdown-value {
font-size: 24px;
font-weight: 700;
font-family: var(--mt-ff-heading);
color: var(--mt-common-black);
display: block;
margin-bottom: 5px;
}
.mt-esports-count-countdownitem .countdown-label {
color: #767676;
}
.mt-esports-count-countdown .countdown-separator {
color: var(--mt-common-black);
font-family: var(--mt-ff-heading);
font-size: 30px;
font-weight: 700;
margin-right: 23px;
}
@media (max-width: 767px) {
.mt-esports-count-countdown .countdown-separator {
margin-right: 14px;
}
}
.mt-esports-item {
background-color: #F8F8F8;
padding: 40px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin: 5px;
}
.mt-esports-item:hover {
background: var(--mt-common-white);
box-shadow: 0px 0px 4px 0px #E3E2E2;
}
.mt-esports-title {
font-size: 24px;
}
.mt-esports-content span {
background-color: rgba(253, 91, 56, 0.1);
display: inline-block;
padding: 5px 10px;
border-radius: 30px;
color: #000000;
}
.mt-esports-club-logo {
flex: 0 0 auto;
}
.mt-esports-club-number {
font-size: 52px;
}
.mt-esports-btn a {
border: 1px solid #C8C8C8;
height: 40px;
line-height: 40px;
width: 100%;
display: inline-block;
color: #000;
font-size: 16px;
font-weight: 700;
}
.mt-esports-btn a span {
width: 6px;
height: 6px;
border-radius: 50px;
background-color: var(--mt-theme-6);
display: inline-block;
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
margin-right: 4px;
}
.mt-esports-dots {
position: absolute;
left: 49% !important;
bottom: -1% !important;
z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-esports-dots {
left: 40% !important;
}
}
@media (max-width: 767px) {
.mt-esports-dots {
left: 30% !important;
}
}
.mt-esports-dots span {
width: 15px;
height: 15px;
background-color: rgba(253, 91, 56, 0.1);
opacity: 1;
}
.mt-esports-dots span.swiper-pagination-bullet-active {
width: 25px;
border-radius: 100px;
background-color: #FD5B38;
}
/*----------------------------------------*/
/* 7.20 Product css start
/*----------------------------------------*/
.mt-product-item {
background-color: #F8F8F8;
padding: 40px 20px 30px 20px;
}
.mt-product-item:hover .mt-product-thumb img {
scale: 1.1;
}
.mt-product-item:hover .mt-product-wishlist {
opacity: 1;
visibility: visible;
}
.mt-product-item:hover .mt-product-wishlist a {
scale: 1;
}
.mt-product-item:hover .mt-product-btn {
opacity: 1;
visibility: visible;
}
.mt-product-item:hover .mt-product-btn a {
scale: 1;
}
.mt-product-thumb img {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-product-cate {
position: absolute;
left: 0;
top: 0;
}
.mt-product-cate > span {
background-color: #BCF906;
padding: 5px 10px;
display: inline-block;
color: #000;
font-weight: 700;
}
.mt-product-wishlist {
position: absolute;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
}
.mt-product-wishlist a {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: var(--mt-common-white);
color: #000;
border-radius: 50px;
display: block;
margin-bottom: 5px;
scale: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-product-title {
font-size: 24px;
color: var(--mt-common-black);
}
.mt-product-rating span {
color: var(--mt-theme-6);
}
.mt-product-rating span i {
font-size: 14px;
}
.mt-product-price span {
font-size: 24px;
font-family: var(--mt-ff-heading);
font-weight: 700;
color: var(--mt-common-black);
}
.mt-product-btn {
position: absolute;
bottom: 0;
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
}
@media (max-width: 767px) {
.mt-product-btn {
left: 22%;
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.mt-product-btn a {
height: 40px;
line-height: 40px;
background-color: var(--mt-theme-6);
padding: 0 30px;
text-align: center;
display: inline-block;
color: #fff;
font-weight: 700;
scale: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-product-btn a span {
margin-right: 8px;
}
/*----------------------------------------*/
/* 7.1 Shop css start
/*----------------------------------------*/
.mt-shop-sidebar {
border: 1px solid #C8C8C8;
padding: 32px 24px;
border-radius: 4px;
}
.mt-shop-header-title {
font-size: 16px;
color: #767676;
font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-shop-header {
flex-wrap: wrap;
}
}
.mt-shop-select-box {
display: flex;
align-items: center;
gap: 11px;
}
.mt-shop-select-box .nice-select::after {
right: 8px;
}
.mt-shop-widget-title {
font-size: 24px;
}
.mt-shop-widget-categories {
height: 288px;
overflow-y: scroll;
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: thin;
padding-right: 10px;
}
.mt-shop-widget-categories ul li {
list-style: none;
width: 100%;
}
.mt-shop-widget-categories ul li:not(:last-child) {
margin-bottom: 10px;
}
.mt-shop-widget-categories ul li a {
font-weight: 500;
font-size: 16px;
color: var(--mt-text-body);
position: relative;
padding-left: 16px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.mt-shop-widget-categories ul li a::after {
position: absolute;
content: "";
top: 7px;
left: 0;
width: 10px;
height: 10px;
text-align: center;
background-color: #E7E7E7;
border-radius: 50%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-shop-widget-categories ul li a:hover {
color: var(--mt-theme-6);
}
.mt-shop-widget-categories ul li a:hover::after {
background-color: var(--mt-theme-6);
}
.mt-shop-widget-categories ul li a:hover span {
background-color: var(--mt-theme-6);
border-color: var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-shop-widget-categories ul li a span {
font-weight: 500;
font-size: 12px;
line-height: 1;
border: 1px solid #EAEAEA;
border-radius: 8px;
padding: 5px 6px 3px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-shop-widget-color ul li {
list-style: none;
width: 100%;
}
.mt-shop-widget-color ul li:not(:last-child) {
margin-bottom: 10px;
}
.mt-shop-widget-color ul li a {
font-weight: 500;
font-size: 16px;
color: var(--mt-text-body);
position: relative;
width: 100%;
}
.mt-shop-widget-color ul li a cite {
width: 24px;
height: 24px;
display: inline-block;
border-radius: 50px;
-moz-transform: translateY(6px);
-o-transform: translateY(6px);
-ms-transform: translateY(6px);
-webkit-transform: translateY(6px);
transform: translateY(6px);
margin-right: 8px;
}
.mt-shop-widget-color ul li a:hover {
color: var(--mt-theme-6);
}
.mt-shop-widget-color ul li a:hover::after {
background-color: var(--mt-theme-6);
}
.mt-shop-widget-color ul li a:hover span {
background-color: var(--mt-theme-6);
border-color: var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-shop-widget-color ul li a span {
font-weight: 500;
font-size: 12px;
line-height: 1;
border: 1px solid #EAEAEA;
border-radius: 8px;
padding: 5px 6px 3px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
float: right;
}
.mt-shop-widget-brand ul li {
list-style: none;
width: 100%;
}
.mt-shop-widget-brand ul li:not(:last-child) {
margin-bottom: 10px;
}
.mt-shop-widget-brand ul li a {
font-weight: 500;
font-size: 16px;
color: var(--mt-text-body);
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.mt-shop-widget-brand ul li a:hover {
color: var(--mt-theme-6);
}
.mt-shop-widget-brand ul li a:hover span {
background-color: var(--mt-theme-6);
border-color: var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-shop-widget-brand ul li a span {
font-weight: 500;
font-size: 12px;
line-height: 1;
border: 1px solid #EAEAEA;
border-radius: 8px;
padding: 5px 6px 3px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-shop-widget-filter {
position: relative;
margin-top: 30px;
}
.mt-shop-widget-filter .ui-widget.ui-widget-content {
height: 3px;
background-color: #EDEDED;
border: 0;
}
.mt-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
background-color: var(--mt-theme-6);
position: absolute;
}
.mt-shop-widget-filter .ui-slider .ui-slider-handle {
top: -7px;
width: 5px;
height: 17px;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
background-color: var(--mt-theme-6);
position: absolute;
}
.mt-shop-widget-filter-info .input-range input {
width: auto;
height: auto;
background-color: transparent;
color: var(--mt-common-black);
padding: 0;
border: 0;
font-weight: 500;
font-size: 14px;
}
.mt-shop-widget-filter-info .mt-shop-widget-filter-btn {
font-weight: 500;
font-size: 16px;
color: var(--mt-common-white);
background-color: var(--mt-theme-6);
padding: 8px 20px;
border-radius: 12px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-shop-widget-filter-info .mt-shop-widget-filter-btn:hover {
background-color: var(--mt-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-shop-details__tab-big-img img {
width: 100%;
}
}
.mt-shop-details__tab-big-img {
border: 1px solid #EAEAEF;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-shop-details__tab-content-box {
margin-left: -40px;
}
}
.mt-shop-details__tab-btn-box .nav.nav-tab {
margin-left: 0px;
}
.mt-shop-details__tab-btn-box button {
display: inline-block;
border: 1px solid #EAEAEF;
padding: 12px 14.5px;
margin-bottom: 20px;
background-color: #F8F8F8;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-shop-details__tab-btn-box button {
margin-right: 20px;
}
}
.mt-shop-details__tab-btn-box button:last-child {
margin-bottom: 0;
}
.mt-shop-details__tab-btn-box button img {
width: 86px;
height: 90px;
object-fit: cover;
}
.mt-shop-details__tab-btn-box button.active {
border: 1px solid #575757;
}
.mt-shop-details__ratting span {
color: #FD5B38;
}
.mt-shop-details__ratting span i {
font-size: 14px;
}
.mt-shop-details__ratting span.review-text {
color: #767676;
margin-left: 4px;
}
.mt-shop-details__sold h4 {
font-size: 16px;
color: #767676;
font-weight: 500;
}
.mt-shop-details__sold h4 span {
color: var(--mt-theme-6);
}
.mt-shop-details__price span {
color: var(--mt-common-black);
font-size: 24px;
font-weight: 700;
}
.mt-shop-details__price del {
margin-right: 5px;
}
.mt-shop-details__subtitle {
color: #000000;
font-weight: 700;
font-size: 18px;
display: inline-block;
margin-bottom: 10px;
}
.mt-shop-details__color ul li {
display: inline-block;
position: relative;
padding: 0px 5px;
cursor: pointer;
}
.mt-shop-details__color ul li:hover span {
opacity: 1;
visibility: visible;
top: -25px;
}
.mt-shop-details__color ul li.active span {
opacity: 1;
visibility: visible;
top: -25px;
}
.mt-shop-details__color ul li cite {
width: 24px;
height: 24px;
display: inline-block;
border-radius: 50px;
-moz-transform: translateY(6px);
-o-transform: translateY(6px);
-ms-transform: translateY(6px);
-webkit-transform: translateY(6px);
transform: translateY(6px);
margin-right: 8px;
}
.mt-shop-details__color ul li span {
color: #000;
position: absolute;
top: 0px;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-shop-details__size ul li {
display: inline-block;
position: relative;
padding: 0px 5px;
cursor: pointer;
}
.mt-shop-details__size ul li:hover img {
opacity: 1;
visibility: visible;
top: -50px;
}
.mt-shop-details__size ul li.active img {
opacity: 1;
visibility: visible;
top: -50px;
}
.mt-shop-details__size ul li img {
width: 45px;
height: 45px;
object-fit: cover;
border: 1px solid #ddd;
padding: 2px;
position: absolute;
top: 0px;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background: rgba(221, 221, 221, 0.8666666667);
}
.mt-shop-details__size ul li span {
color: #000;
border: 1px solid rgba(221, 221, 221, 0.8666666667);
border-radius: 50px;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
}
.mt-shop-details__quantity {
position: relative;
width: 40%;
}
.mt-shop-details__quantity input {
height: 42px;
background-color: #F8F8F8;
width: 190px;
border: 1px solid #ddd;
border-radius: 50px;
text-align: center;
}
.mt-shop-details__quantity .mt-cart-min-plus {
position: absolute;
font-weight: 700;
color: #000000;
display: inline-block;
bottom: 7px;
cursor: pointer;
}
.mt-shop-details__quantity .mt-cart-plus {
right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-shop-details__quantity .mt-cart-plus {
right: 0px;
}
}
.mt-shop-details__quantity .mt-cart-minus {
left: 15px;
}
.mt-shop-details__btn {
flex: 0 0 auto;
width: calc(100% - 170px);
text-align: center;
}
.mt-shop-details__wishlist a {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #F8F8F8;
border-radius: 50px;
display: inline-block;
color: var(--mt-common-black);
margin-right: 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-shop-details__wishlist a:hover {
background-color: var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-shop-details__meta ul li {
color: #000;
list-style: none;
margin-bottom: 5px;
font-weight: 700;
}
.mt-shop-details__meta ul li span {
margin-left: 5px;
color: #767676;
font-weight: 500;
}
.mt-shop-details__product-box-item {
margin-bottom: 10px;
}
.mt-shop-details__product-box-item span {
margin-right: 10px;
}
.mt-shop-details__product-box-text p {
margin-bottom: 0;
}
.mt-shop-details__product-box-text p span {
color: #000;
font-weight: 700;
}
.mt-shop-details__payment {
display: flex;
background: #F8F8F8;
align-items: center;
padding: 18px 28px;
border-radius: 50px;
justify-content: space-around;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-shop-details__wrapper {
margin-right: 0px;
}
}
.mt-productdetails-tabs-nav ul {
justify-content: center;
border: 0;
}
.mt-productdetails-tabs-nav ul li button {
font-size: 16px;
font-weight: 700;
font-family: var(--mt-ff-heading);
color: #000;
margin: 18px 30px;
text-align: center;
}
.mt-productdetails-tabs-nav ul li button.active {
text-decoration: underline;
}
.mt-productdetails-tabs-title {
font-size: 24px;
}
.mt-productdetails-tabs-wrap {
border: 1px solid var(--mt-border-2);
padding: 32px 24px;
}
.mt-productdetails-tabs-list ul li {
list-style: none;
margin-bottom: 7px;
}
.mt-productdetails-tabs-list ul li span {
font-size: 16px;
font-weight: 700;
font-family: var(--mt-ff-heading);
color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-productdetails-tabs-range {
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-productdetails-tabs-range-wrap {
flex-wrap: wrap;
gap: 20px;
}
}
.mt-productdetails-tabs-range-count {
font-size: 52px;
color: #000;
}
.mt-productdetails-tabs-range-rating {
background-color: #F8F8F8;
text-align: center;
padding: 50px 90px;
}
.mt-productdetails-tabs-range-rating ul li {
display: inline-block;
}
.mt-productdetails-tabs-range-rating ul li i {
font-size: 14px;
color: var(--mt-theme-6);
}
.mt-productdetails-tabs-range-bar ul li {
display: inline-block;
color: #000;
}
.mt-productdetails-tabs-range-bar ul li i {
font-size: 14px;
color: var(--mt-theme-6);
}
.mt-productdetails-tabs-range-bar ul li span {
display: inline-block;
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
width: 180px;
height: 4px;
border-radius: 16px;
background-color: var(--mt-theme-6);
margin: 0 4px;
position: relative;
}
.mt-productdetails-tabs-range-btn a {
height: 50px;
border: 1px solid var(--mt-border-2);
padding: 0 25px;
color: #000;
display: inline-block;
line-height: 50px;
border-radius: 5px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-productdetails-tabs-range-btn a:hover {
background-color: var(--mt-theme-6);
border: 1px solid var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-productdetails-comment-title {
color: #000;
font-size: 24px;
font-family: var(--mt-ff-heading);
font-weight: 700;
}
.mt-productdetails-comment-ratting ul li {
display: inline-block;
}
.mt-productdetails-comment-ratting ul li i {
font-size: 14px;
color: var(--mt-theme-6);
}
/*----------------------------------------*/
/* 7.1 Wishlist css start
/*----------------------------------------*/
.mt-whislist {
width: 100%;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.mt-whislist table {
margin-bottom: 0;
border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-whislist table {
width: 840px;
}
}
.mt-whislist-header tr th {
padding: 15px;
text-align: left;
font-size: 20px;
font-weight: 600;
color: #060121;
border-bottom: 1px solid var(--mt-border-2);
}
.mt-whislist-header tr th.product-remove {
text-align: end;
}
.mt-whislist tbody tr {
border-bottom: 1px solid #EAEAEF;
}
.mt-whislist tbody tr td {
padding: 15px;
font-size: 16px;
font-weight: 500;
color: #060121;
vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt-whislist tbody tr td {
padding: 15px 5px 15px 5px;
}
}
@media (max-width: 767px) {
.mt-whislist tbody tr td {
padding: 8px;
}
}
.mt-whislist tbody tr td img {
width: 120px;
height: 120px;
object-fit: cover;
}
.mt-whislist-title {
font-size: 16px;
font-weight: 600;
color: #060121;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.mt-whislist-title:hover {
color: var(--mt-theme-6);
}
.mt-whislist-info span {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
border: 1px solid #EAEAEF;
color: #646373;
}
.mt-whislist-pricedel {
font-size: 16px;
font-weight: 600;
color: #646373;
}
.mt-whislist-price span {
color: var(--mt-theme-6);
font-weight: 600;
font-size: 16px;
}
.mt-whislist-remove {
text-align: center;
}
.mt-whislist-remove button {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 50%;
padding: 8px 13px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-whislist-remove button:hover {
background-color: var(--mt-theme-6);
color: var(--mt-common-white);
}
.mt-whislist-action-btn {
text-align: end;
}
.mt-whislist-cart .mt-whislist-header tr th {
border-bottom: none;
background-color: #F5F5F5;
}
.mt-whislist-cart td.mt-whislist-remove {
text-align: end;
}
.mt-whislist-cart td.mt-whislist-total-price span {
margin-left: 20px;
}
.mt-whislist-cart .mt-whislist-header tr th.product-quantity {
padding-left: 30px;
}
.mt-whislist .mt-shop-details__quantity {
width: 60%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-whislist .mt-shop-details__quantity {
width: 80%;
}
}
.mt-whislist .mt-shop-details__quantity .mt-cart-plus {
right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.mt-whislist .mt-shop-details__quantity .mt-cart-plus {
right: 0;
}
}
button.mt-btn-3.mt-btn-apply-coupon {
position: absolute;
right: 10px;
top: 50%;
}
.mt-coupon-all .mt-coupon input {
border-radius: 100px;
padding: 20px 8px 20px 24px;
background-color: transparent;
color: #060121;
width: 415px;
font-size: 16px;
font-weight: 500;
position: relative;
border: 1px solid #EAEAEF;
}
@media (max-width: 767px) {
.mt-coupon-all .mt-coupon input {
width: 335px;
}
}
.mt-coupon-all {
flex-wrap: wrap;
gap: 15px;
}
.mt-cart-page-total {
position: relative;
border-radius: 16px;
border: 1px solid #EAEAEF;
background: linear-gradient(137deg, #FFFFF2 0%, #F1F0FF 100%);
padding: 30px 32px 37px 32px;
}
.mt-cart-subtotal-price {
font-size: 18px;
font-weight: 600;
color: #060121;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 11px;
margin-bottom: 32px;
border-bottom: 1px solid #DADADA;
}
.mt-cart-shipping-cart-box {
font-size: 18px;
font-weight: 600;
color: #060121;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.mt-cart-shipping-list label {
font-size: 16px;
color: #060121;
margin-bottom: 8px;
}
.mt-cart-shipping-list label .radio-input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 16px;
height: 16px;
border: 1px solid #646373;
border-radius: 50%;
display: inline-block;
margin-right: 8px;
position: relative;
}
.mt-cart-shipping-list label .radio-input:checked {
background-color: green;
border-color: green;
}
.mt-cart-change {
font-size: 16px;
font-weight: 500;
color: var(--mt-theme-6);
margin-top: 8px;
display: inline-block;
}
.mt-cart-total {
margin-top: 55px;
padding-top: 14px;
border-top: 1px solid #DADADA;
display: flex;
align-items: center;
justify-content: space-between;
}
.mt-cart-total span {
font-size: 18px;
font-weight: 600;
color: #060121;
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: dashed;
border-width: 0;
}
/*----------------------------------------*/
/* 7.5 checkout css start
/*----------------------------------------*/
.mt-checkout-btn {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: var(--mt-common-white);
background-color: var(--mt-theme-2);
height: 50px;
line-height: 50px;
padding: 0 30px;
text-align: center;
}
.mt-checkout-btn:hover {
background-color: var(--mt-common-black);
color: var(--mt-common-white);
}
.mt-checkout-input {
margin-bottom: 33px;
}
.mt-checkout-input label {
padding-bottom: 8px;
color: #060121;
font-family: var(--mt-ff-body);
font-size: 16px;
font-weight: 600;
}
.mt-checkout-input label span {
color: #060121;
}
.mt-checkout-input textarea {
height: 200px;
resize: none;
padding: 25px;
font-size: 14px;
}
.mt-checkout-input .nice-select {
height: 64px;
line-height: 63px;
border-radius: 0;
border: 0;
float: none;
padding: 0 25px;
font-size: 14px;
}
.mt-checkout-input .nice-select::after {
right: 26px;
}
.mt-checkout-input .nice-select.open .list {
-moz-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-webkit-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1);
}
.mt-checkout-input .nice-select .list {
margin-top: 0;
border-radius: 0;
transform-origin: center center;
-moz-transform: scale(0.9) translateY(0px);
-o-transform: scale(0.9) translateY(0px);
-ms-transform: scale(0.9) translateY(0px);
-webkit-transform: scale(0.9) translateY(0px);
transform: scale(0.9) translateY(0px);
width: 100%;
padding: 12px 0;
}
.mt-checkout-input .nice-select .list .option {
line-height: 1.2;
min-height: inherit;
padding-top: 5px;
padding-bottom: 5px;
}
.mt-checkout-input .nice-select .list .option:hover {
color: var(--mt-theme-2);
}
.mt-checkout-option {
margin-bottom: 4px;
}
.mt-checkout-option-wrapper {
margin-top: -10px;
margin-bottom: 17px;
}
.mt-checkout-option input {
display: none;
}
.mt-checkout-option input:checked ~ label::after {
background-color: var(--mt-theme-1);
border-color: var(--mt-theme-1);
}
.mt-checkout-option input:checked ~ label::before {
visibility: visible;
opacity: 1;
}
.mt-checkout-option label {
position: relative;
padding-left: 26px;
z-index: 1;
color: var(--Dark, #060121);
font-family: var(--mt-ff-body);
font-weight: 500;
}
.mt-checkout-option label::after {
position: absolute;
content: "";
top: 5px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
border: 1px solid rgba(6, 7, 40, 0.2);
z-index: -1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border-radius: 4px;
}
.mt-checkout-option label::before {
position: absolute;
content: "\f00c";
top: 2px;
left: 4px;
font-size: 12px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--mt-common-white);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-family: "Font Awesome 5 Pro";
}
.mt-checkout-option label a:hover {
color: var(--mt-theme-2);
}
.mt-checkout-option label:hover {
cursor: pointer;
}
.mt-checkout-bill-title {
font-weight: 600;
font-size: 26px;
margin-bottom: 35px;
}
.mt-checkout-payment {
margin-bottom: 24px;
border-radius: 8px;
border: 1px solid #EAEAEF;
padding: 20px;
}
.mt-checkout-payment-title {
font-size: 20px;
font-weight: 600;
color: #060121;
font-family: var(--mt-ff-body);
}
.mt-checkout-payment-item:not(:last-child) {
margin-bottom: 10px;
}
.mt-checkout-payment-item.paypal-payment label {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.mt-checkout-payment-item input {
display: none;
}
.mt-checkout-payment-item input:checked ~ label::before {
opacity: 1;
visibility: visible;
}
.mt-checkout-payment-item label {
font-size: 14px;
position: relative;
padding-left: 27px;
font-weight: 500;
color: var(--mt-common-black);
}
.mt-checkout-payment-item label:hover {
cursor: pointer;
}
.mt-checkout-payment-item label::after {
position: absolute;
content: "";
left: 0;
top: 3px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid var(--mt-theme-6);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-checkout-payment-item label::before {
position: absolute;
content: "";
left: 3px;
top: 6px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--mt-theme-6);
visibility: hidden;
opacity: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-checkout-payment-item label img {
margin-left: 14px;
-moz-transform: translateY(1px);
-o-transform: translateY(1px);
-ms-transform: translateY(1px);
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.mt-checkout-payment-item label a {
margin-left: 20px;
position: relative;
}
.mt-checkout-payment-desc {
position: relative;
padding-top: 10px;
display: none;
}
.mt-checkout-payment-desc::after {
position: absolute;
content: "";
left: 57px;
top: 0;
width: 16px;
height: 16px;
background-color: #f7f7f7;
-moz-transform: translateY(3px) rotate(45deg);
-o-transform: translateY(3px) rotate(45deg);
-ms-transform: translateY(3px) rotate(45deg);
-webkit-transform: translateY(3px) rotate(45deg);
transform: translateY(3px) rotate(45deg);
}
.mt-checkout-payment-desc p {
background-color: #f7f7f7;
padding: 19px 30px;
margin-left: 27px;
font-size: 14px;
line-height: 1.57;
color: #55585B;
margin-bottom: 0;
}
.mt-checkout-agree {
margin-bottom: 24px;
}
.mt-return-customer {
display: none;
margin-top: 14px;
padding: 40px 40px;
background-color: var(--mt-grey-1);
}
.mt-return-customer-input {
margin-bottom: 20px;
}
.mt-return-customer-input label {
font-weight: 500;
color: var(--mt-common-black);
padding-bottom: 10px;
}
.mt-return-customer-input label span {
color: red;
}
.mt-return-customer-input input {
width: 100%;
background: #fff;
border: 0;
color: var(--mt-common-black);
height: 64px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border: 1px solid transparent;
}
.mt-return-customer-input input:focus {
border: 1px solid var(--mt-theme-1);
}
.mt-return-customer-remeber input {
display: none;
}
.mt-return-customer-remeber input:checked ~ label::after {
background-color: var(--mt-theme-1);
border-color: var(--mt-theme-1);
}
.mt-return-customer-remeber input:checked ~ label::before {
visibility: visible;
opacity: 1;
}
.mt-return-customer-remeber label {
font-size: 15px;
color: #55585B;
position: relative;
padding-left: 26px;
z-index: 1;
}
.mt-return-customer-remeber label::after {
position: absolute;
content: "";
top: 3px;
left: 0;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
border: 1px solid rgba(6, 7, 40, 0.2);
z-index: -1;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-return-customer-remeber label::before {
position: absolute;
content: "\f00c";
top: 0px;
left: 5px;
font-size: 10px;
text-align: center;
visibility: hidden;
opacity: 0;
color: var(--mt-common-white);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-family: "Font Awesome 5 Pro";
}
.mt-return-customer-remeber label a:hover {
color: var(--mt-common-orange);
}
.mt-return-customer-remeber label:hover {
cursor: pointer;
}
.mt-return-customer-forgot a {
font-weight: 400;
font-size: 15px;
color: var(--mt-theme-2);
position: relative;
display: inline-block;
}
.mt-return-customer-forgot a::after {
position: absolute;
content: "";
left: auto;
right: 0;
bottom: 4px;
width: 0%;
height: 1px;
background-color: var(--mt-theme-6);
}
.mt-return-customer-forgot a:hover::after {
left: 0;
right: auto;
width: 100%;
}
.mt-order-details {
padding: 70px 100px 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mt-order-details {
padding: 70px 70px 55px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-order-details {
padding: 70px 30px 55px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.mt-order-details {
padding: 70px 50px 55px;
}
}
@media (max-width: 767px) {
.mt-order-details {
padding: 40px 30px 45px;
}
}
.mt-order-details-icon {
margin-bottom: 22px;
}
.mt-order-details-icon span {
display: inline-block;
width: 120px;
height: 120px;
line-height: 118px;
text-align: center;
font-size: 55px;
color: var(--mt-common-white);
border: 1px solid rgba rgba(255, 255, 255, 0.2);
border-radius: 50%;
}
.mt-order-details-title {
font-size: 30px;
font-weight: 600;
color: var(--mt-common-white);
margin-bottom: 7px;
}
.mt-order-details-content p {
font-size: 16px;
color: var(--mt-common-white);
line-height: 1.38;
}
.mt-order-details-item {
margin-bottom: 38px;
}
.mt-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .mt-order-details-item {
padding-left: 40px;
}
@media (max-width: 767px) {
.mt-order-details-item-wrapper .row [class*=col-]:nth-child(2n) .mt-order-details-item {
padding-left: 0;
}
}
.mt-order-details-item h4 {
font-size: 18px;
color: var(--mt-common-white);
margin-bottom: 0;
font-weight: 400;
}
.mt-order-details-item p {
font-weight: 700;
font-size: 18px;
color: var(--mt-common-white);
margin-bottom: 0;
}
.mt-order-info-wrapper {
padding: 42px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mt-order-info-wrapper {
padding: 42px 40px;
}
}
@media (max-width: 767px) {
.mt-order-info-wrapper {
padding: 42px 30px;
}
}
.mt-order-info-title {
font-size: 26px;
font-weight: 600;
margin-bottom: 40px;
}
.mt-order-info-list-img {
border-radius: 4px;
background: #EAEAEF;
text-align: center;
margin-right: 10px;
}
.mt-order-info-list-img img {
width: 90px;
height: 85px;
object-fit: contain;
}
.mt-order-info-list-title {
color: var(--Dark, #060121);
font-family: var(--mt-ff-body);
font-size: 16px;
font-weight: 600;
line-height: 1.3;
}
.mt-order-info-list-content span {
font-size: 14px;
font-weight: 500;
color: #646373;
border-radius: 4px;
padding: 2px 5px;
border: 1px solid #EAEAEF;
margin-right: 8px;
}
.mt-order-info-list-content p {
font-size: 14px;
font-weight: 600;
color: #646373;
display: inline-block;
}
.mt-order-info-list-price span {
font-size: 20px;
font-weight: 600;
color: #060121;
}
.mt-order-info-list-subtotal {
padding: 28px 0 !important;
}
.mt-order-info-list-subtotal span {
font-size: 16px;
font-weight: 600;
color: #060121;
}
.mt-order-info-list-subtotal span.price {
font-size: 20px;
}
.mt-order-info-list-shipping {
padding: 28px 0 !important;
}
.mt-order-info-list-shipping span {
font-size: 16px;
font-weight: 600;
color: #060121;
}
.mt-order-info-list-shipping span.price {
font-size: 20px;
}
.mt-order-info-list ul li {
list-style: none;
padding: 15px 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #E0E2E3;
}
.mt-order-info-list ul li.mt-order-info-list-header {
padding-top: 0;
padding-bottom: 12px;
}
.mt-order-info-list ul li.mt-order-info-list-header h4 {
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
}
.mt-order-info-list ul li.mt-order-info-list-desc p {
font-size: 15px;
margin-bottom: 0;
}
.mt-order-info-list ul li.mt-order-info-list-desc p span {
font-size: 15px;
font-weight: 500;
}
.mt-order-info-list ul li.mt-order-info-list-total {
padding: 14px 0;
}
.mt-order-info-list ul li.mt-order-info-list-total span {
font-size: 16px;
font-weight: 500;
}
.mt-order-inner {
background-color: var(--mt-common-white);
box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
}
.mt-checkout-area .offset-1 {
margin: 0;
}
/*----------------------------------------*/
/* 7.15 Login css start
/*----------------------------------------*/
.mt-login-wrapper {
border-radius: 20px;
border: 3px solid #ffffff;
background: linear-gradient(241deg, #fff 0%, #fbfbfb 99.32%);
box-shadow: 0px 0px 19px 0px #e8e5ef;
width: 80%;
margin: auto;
padding: 70px 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.mt-login-wrapper {
width: 100%;
padding: 40px 50px;
}
}
@media (max-width: 767px) {
.mt-login-wrapper {
width: 100%;
padding: 20px 30px;
}
}
.mt-login-title {
font-size: 36px;
}
.mt-login-mail p {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #646373;
position: relative;
background: #fff;
z-index: 2;
display: inline-block;
margin-bottom: 3px;
}
.mt-login-mail::after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 12px;
width: 100%;
height: 1px;
background-color: #e0e2e3;
}
.mt-login-option-item a {
padding: 22px 35px;
border: 1px solid #EAEAEF;
border-radius: 16px;
background-color: #ffffff;
display: inline-block;
margin: 0 5px;
}
.mt-login-option-item a span {
margin-left: 5px;
}
.mt-login-account p a {
color: #060121;
text-decoration: underline;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-login-account p a:hover {
color: var(--mt-theme-1);
}
.mt-login-forgot a {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mt-login-forgot a:hover {
color: var(--mt-theme-1);
}
@media (max-width: 767px) {
.mt-login-wrap {
margin-right: 0;
}
}
@media (max-width: 767px) {
.mt-login-forgot {
margin-top: 10px;
}
}
@media (max-width: 767px) {
.mt-login-option-item {
margin-bottom: 20px;
}
}
.mt-login-input-wrapper .mt-checkout-input {
margin-bottom: 20px;
}
.mt-login-input-wrapper .mt-checkout-input span {
position: absolute;
right: 12px;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
padding: 0;
color: #64748b;
}
/*----------------------------------------*/
/* 7.4 cartMini css start
/*----------------------------------------*/
.mtcartmini__area {
position: fixed;
right: 0;
top: 0;
width: 360px;
height: 100%;
-moz-transform: translateX(calc(100% + 80px));
-o-transform: translateX(calc(100% + 80px));
-ms-transform: translateX(calc(100% + 80px));
-webkit-transform: translateX(calc(100% + 80px));
transform: translateX(calc(100% + 80px));
background: var(--mt-common-white) none repeat scroll 0 0;
transition: 0.45s ease-in-out, opacity 0.45s ease-in-out;
z-index: 9999;
scrollbar-width: none;
}
@media only screen and (max-width: 400px) {
.mtcartmini__area {
width: 100%;
}
}
.mtcartmini__wrapper {
position: relative;
min-height: 100%;
padding-left: 25px;
padding-right: 25px;
}
.mtcartmini__top-title {
padding: 20px 0;
border-bottom: 1px solid var(--mt-border-2);
}
.mtcartmini__top-title h4 {
font-size: 16px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 0;
}
.mtcartmini__close {
position: absolute;
top: 17px;
right: 0;
}
.mtcartmini__close-btn {
background: transparent;
color: var(--mt-common-black);
font-size: 22px;
}
.mtcartmini__shipping {
padding: 15px 0;
border-bottom: 1px solid var(--mt-border-2);
}
.mtcartmini__shipping p {
margin-bottom: 5px;
font-size: 13px;
color: gray;
font-weight: 500;
}
.mtcartmini__shipping p span {
color: var(--mt-theme-6);
font-weight: 600;
}
.mtcartmini__shipping .progress {
height: 10px;
border-radius: 0;
}
.mtcartmini__shipping .progress-bar {
background-color: var(--mt-theme-6);
}
.mtcartmini__widget {
height: calc(100vh - 380px);
overflow-y: scroll;
overscroll-behavior-y: contain;
scrollbar-width: none;
}
.mtcartmini__widget-item {
position: relative;
display: flex;
padding: 20px 0;
border-bottom: 1px solid var(--mt-border-2);
align-items: center;
}
.mtcartmini__widget-item:last-child {
border-bottom: 0;
}
.mtcartmini__thumb {
margin-right: 15px;
flex: 0 0 auto;
}
.mtcartmini__thumb img {
width: 70px;
height: auto;
}
.mtcartmini__content {
padding-right: 15px;
}
.mtcartmini__title {
font-size: 15px;
margin-bottom: 4px;
font-weight: 500;
}
.mtcartmini__prmte {
font-size: 14px;
font-weight: 500;
color: var(--mt-theme-6);
}
.mtcartmini__quantity {
font-size: 12px;
font-weight: 500;
}
.mtcartmini__del {
position: absolute;
top: 15px;
right: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
color: var(--mt-common-black);
font-size: 14px;
}
.mtcartmini__empty {
margin-top: 150px;
}
.mtcartmini__empty img {
margin-bottom: 30px;
}
.mtcartmini__empty p {
font-size: 16px;
color: var(--mt-common-black);
margin-bottom: 15px;
}
.mtcartmini__checkout {
padding-top: 15px;
padding-bottom: 85px;
width: 100%;
background: var(--mt-common-white);
border-top: 2px solid var(--mt-border-2);
}
.mtcartmini__checkout-title h4 {
font-size: 15px;
display: inline-block;
font-weight: 500;
margin-bottom: 0;
text-transform: capitalize;
}
.mtcartmini__checkout-title span {
float: right;
font-size: 15px;
color: var(--mt-common-black);
font-weight: 500;
}
.mtcartmini__area.mtcartmini-opened {
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
right: 0;
}
/*# sourceMappingURL=main.css.map */