Warning: file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found
in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 88
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 215
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 216
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 217
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 218
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 219
Warning: Cannot modify header information - headers already sent by (output started at /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php:88) in /home/afelisqd/cppseducation.sc.tz/admin/images/photos/17587263121019776732_admin-dbb.php on line 220
@charset "UTF-8";
/*----------------------------------------------------
1. Global Area
2. Header Section
3. slider Section
4. booking Section
5. about Section
6. service Section
7. counter Section
8. why-choose Section
9. team Section
10. project Section
11. testimonial Section
12. contact Section
13. Blog Section
14. featured Section
15. product-mesurment Section
16. experience Section
17. faq Section
18. breadcrumb Section
19. pricing Section
20. coming-soon Section
21. funfact Section
22. footer Section
22. Responsive Section
=====================================================================*/
/*=========
Font load
===========*/
@import url("../../../css");
/*=========
Color Code
===========*/
.ft-testimonial-slider-area .slick-dots, .ft-project-slider-area .slick-dots, .ft-service-slider-2 .slick-dots, .ft-service-slider-wrapper .slick-dots {
margin-top: 55px;
position: static;
}
.ft-testimonial-slider-area .slick-dots li, .ft-project-slider-area .slick-dots li, .ft-service-slider-2 .slick-dots li, .ft-service-slider-wrapper .slick-dots li {
width: 10px;
height: 10px;
margin: 0px 8px;
border-radius: 100%;
position: relative;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
background-color: #00044b;
}
.ft-testimonial-slider-area .slick-dots li:before, .ft-project-slider-area .slick-dots li:before, .ft-service-slider-2 .slick-dots li:before, .ft-service-slider-wrapper .slick-dots li:before {
top: -5px;
left: -5px;
content: "";
opacity: 0;
width: 20px;
height: 20px;
position: absolute;
border-radius: 100%;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border: 2px solid #33adff;
}
.ft-testimonial-slider-area .slick-dots li button, .ft-project-slider-area .slick-dots li button, .ft-service-slider-2 .slick-dots li button, .ft-service-slider-wrapper .slick-dots li button {
display: none;
}
.ft-testimonial-slider-area .slick-dots li.slick-active, .ft-project-slider-area .slick-dots li.slick-active, .ft-service-slider-2 .slick-dots li.slick-active, .ft-service-slider-wrapper .slick-dots li.slick-active {
background-color: #33adff;
}
.ft-testimonial-slider-area .slick-dots li.slick-active:before, .ft-project-slider-area .slick-dots li.slick-active:before, .ft-service-slider-2 .slick-dots li.slick-active:before, .ft-service-slider-wrapper .slick-dots li.slick-active:before {
opacity: 1;
}
/*global area*/
/*----------------------------------------------------*/
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: inherit;
}
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-size: 16px;
line-height: 1.5;
color: #888888;
font-family: "Roboto";
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
.ul-li ul {
margin: 0;
padding: 0;
}
.ul-li ul li {
list-style: none;
display: inline-block;
}
.ul-li-block ul {
margin: 0;
padding: 0;
}
.ul-li-block ul li {
display: block;
list-style: none;
}
#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 99999;
width: 100%;
height: 100%;
overflow: visible;
background: #ffff url("../img/loader.svg") no-repeat center center;
}
[data-background] {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
a {
color: inherit;
text-decoration: none;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
a:hover, a:focus {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
button {
cursor: pointer;
}
.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
color: inherit;
}
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
}
.relative-position {
position: relative;
}
.pera-content p {
margin-bottom: 0;
}
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
margin: 0;
font-weight: normal;
font-family: "Poppins";
}
.container {
max-width: 1200px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.text-right {
text-align: right;
}
.background_overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.background_position {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.ft-item-innerbox {
padding: 0px 15px;
}
.ft-section-title .sub-title {
font-size: 20px;
font-weight: 700;
color: #33adff;
padding: 0px 82px;
position: relative;
}
.ft-section-title .sub-title:before, .ft-section-title .sub-title:after {
top: 15px;
content: "";
height: 3px;
width: 75px;
position: absolute;
background-color: #33adff;;
}
.ft-section-title .sub-title:before {
left: 0;
}
.ft-section-title .sub-title:after {
right: 0;
display: none;
}
.ft-section-title.text-center .sub-title:after {
display: block;
}
.ft-section-title h2 {
color: #00044b;
font-size: 36px;
font-weight: 700;
line-height: 1.333;
padding: 10px 0px 20px;
}
.ft-section-title-2 {
margin: 0 auto;
max-width: 580px;
}
.ft-section-title-2 .sub-title {
font-size: 20px;
font-weight: 700;
color: #33adff;
}
.ft-section-title-2 h2 {
color: #003440;
font-size: 36px;
font-weight: 700;
padding-top: 15px;
padding-bottom: 25px;
}
.ft-section-title-2 h2 span {
color: #33adff;
}
.ft-section-title-3 span {
color: #fa3b0e;
font-size: 18px;
font-weight: 500;
}
.ft-section-title-3 h2 {
color: #141415;
font-size: 48px;
font-weight: 700;
padding-top: 12px;
}
.ft-sb-button {
color: #fff;
height: 55px;
width: 170px;
border: none;
font-weight: 600;
border-radius: 6px;
font-family: "Poppins";
background-color: #33adff;;
}
.scrollup {
width: 55px;
right: 20px;
z-index: 5;
height: 55px;
bottom: 20px;
display: none;
position: fixed;
border-radius: 100%;
line-height: 55px;
background-color: #33adff;;
}
.scrollup i {
color: #fff;
}
@-webkit-keyframes btn_shine {
100% {
left: 200%;
}
}
@keyframes btn_shine {
100% {
left: 200%;
}
}
.ft-btn a {
color: #fff;
height: 55px;
z-index: 1;
width: 170px;
font-weight: 600;
overflow: hidden;
border-radius: 6px;
position: relative;
font-family: "Poppins";
background-color: #33adff;;
}
.ft-btn a:after {
content: "";
position: absolute;
top: 0;
left: -200%;
width: 200%;
height: 100%;
-webkit-transform: skewX(-20deg);
-khtml-transform: skewX(-20deg);
transform: skewX(-20deg);
background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
z-index: -1;
}
.ft-btn a:hover {
background-color: #33adff;;
}
.ft-btn a:hover:after {
-webkit-animation: btn_shine 1.2s ease;
animation: btn_shine 1.2s ease;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.ft-btn-2 a {
z-index: 1;
width: 60px;
height: 45px;
color: #002a34;
overflow: hidden;
line-height: 48px;
text-align: center;
position: relative;
display: inline-block;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-btn-2 a span {
opacity: 0;
color: #002a34;
font-size: 15px;
font-weight: 600;
margin-right: 8px;
font-family: "Poppins";
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-btn-2 a i {
top: 2px;
right: 0;
left: 0;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-btn-2 a:before {
top: 0;
left: 0;
content: "";
z-index: -1;
width: 60px;
height: 45px;
position: absolute;
border-radius: 30px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border: 2px solid #002a34;
}
.ft-btn-2 a:hover {
width: 150px;
}
.ft-btn-2 a:hover span {
opacity: 1;
}
.ft-btn-2 a:hover i {
left: auto;
right: 15px;
}
.ft-btn-2 a:hover:before {
width: 150px;
background-color: #fff;
border: 2px solid #fff;
}
.ft-btn-3 a {
color: #fff;
height: 55px;
width: 180px;
font-weight: 600;
border-radius: 30px;
font-family: "Poppins";
background-color: #33adff;;
}
.ft-btn-3 a i {
top: 2px;
margin-left: 5px;
position: relative;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-btn-3 a:hover {
background-color: #00044b;
}
.ft-btn-3 a:hover i {
margin-left: 10px;
}
.ft-sb-button {
z-index: 1;
overflow: hidden;
position: relative;
}
.ft-sb-button:after {
content: "";
position: absolute;
top: 0;
left: -200%;
width: 200%;
height: 100%;
-webkit-transform: skewX(-20deg);
-khtml-transform: skewX(-20deg);
transform: skewX(-20deg);
background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
z-index: -1;
}
.ft-sb-button:hover {
color: #fff;
background-color: #33adff;;
}
.ft-sb-button:hover:after {
-webkit-animation: btn_shine 1.2s ease;
animation: btn_shine 1.2s ease;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.ft-pagination-item {
margin-top: 20px;
}
.ft-pagination-item li a {
color: #fff;
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
font-weight: 500;
margin-right: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #003440;
}
.ft-pagination-item li a:hover {
background-color: #33adff;;
}
.ft-pagination-item.text-center li a {
margin: 0px 8px;
}
.top-stikcy {
top: 80px;
position: sticky;
}
.pr-cor-section-title.middle-align {
margin: 0 auto;
max-width: 580px;
}
.pr-cor-section-title.middle-align .pr-cor-title-tag:before {
display: block;
}
.pr-cor-section-title.middle-align .pr-cor-title-tag:after {
width: 35px;
right: -40px;
}
.pr-cor-section-title .pr-cor-title-tag {
font-size: 20px;
font-weight: 700;
color: #ff484e;
position: relative;
}
.pr-cor-section-title .pr-cor-title-tag:before, .pr-cor-section-title .pr-cor-title-tag:after {
top: 18px;
content: "";
width: 35px;
position: absolute;
border-top: 2px dashed #ff484e;
}
.pr-cor-section-title .pr-cor-title-tag:before {
left: -40px;
display: none;
}
.pr-cor-section-title .pr-cor-title-tag:after {
width: 50px;
right: -55px;
}
.pr-cor-section-title h2 {
font-size: 36px;
font-weight: 700;
color: #000d51;
padding: 20px 0px 24px;
}
.pr-sx-secion-title {
margin: 0 auto;
max-width: 620px;
}
.pr-sx-secion-title .pr-sx-title-tag {
font-size: 18px;
font-weight: 700;
color: #000d51;
}
.pr-sx-secion-title .pr-sx-title-tag:after {
top: 15px;
height: 2px;
width: 35px;
content: "";
right: -40px;
position: absolute;
background-color: #000d51;
}
.pr-sx-secion-title h2 {
font-size: 48px;
font-weight: 700;
color: #ff484e;
padding: 20px 0px;
}
.pr-sx-secion-title h2 span {
color: #000d51;
}
.ft-thx-btn a {
z-index: 1;
width: 150px;
height: 60px;
font-weight: 600;
border-radius: 5px;
color: #000d51;
position: relative;
border: 2px solid #ff484e;
}
.ft-thx-btn a:before {
left: 0;
top: 0;
content: "";
width: 5px;
height: 100%;
z-index: -1;
overflow: hidden;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #ff484e;
}
.ft-thx-btn a:hover {
color: #fff;
}
.ft-thx-btn a:hover:before {
width: 100%;
}
.ft-thx-section-title-3 span {
font-weight: 600;
font-family: "Poppins";
color: #4ab9cf;
text-transform: uppercase;
}
.ft-thx-section-title-3 h2 {
color: #050505;
font-size: 48px;
font-weight: 700;
padding: 10px 0px 20px;
}
.ft-thx-btn-2 a {
z-index: 1;
color: #fff;
width: 170px;
height: 60px;
overflow: hidden;
font-weight: 500;
position: relative;
border-radius: 5px;
font-family: "Poppins";
background-color: #4ab9cf;
}
.ft-thx-btn-2 a:after {
content: "";
position: absolute;
top: 0;
left: -200%;
width: 200%;
height: 100%;
-webkit-transform: skewX(-20deg);
-khtml-transform: skewX(-20deg);
transform: skewX(-20deg);
background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
z-index: -1;
}
.ft-thx-btn-2 a:hover:after {
-webkit-animation: btn_shine 1.2s ease;
animation: btn_shine 1.2s ease;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.ft-header-section .navbar-nav {
display: inherit;
}
.ft-header-section .dropdown {
position: relative;
}
.ft-header-section .dropdown:hover .dropdown-menu {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.ft-header-section .dropdown:after {
top: 0px;
color: #e3002a;
right: -14px;
content: "+";
font-size: 18px;
font-weight: 700;
color: #33adff;
position: absolute;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-header-section .dropdown li:after {
top: 8px;
right: 15px;
}
.ft-header-section .dropdown-menu {
left: 0;
top: 52px;
z-index: 100;
margin: 0px;
padding: 0px;
height: auto;
min-width: 250px;
display: block;
border: none;
border-radius: 0;
position: absolute;
-webkit-transform: scaleY(0);
transform: scaleY(0);
background-color: #fff;
background-clip: inherit;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
-webkit-box-shadow: 0 13px 18px -8px rgba(0, 0, 0, 0.15), 0 29px 45px 4px rgba(0, 0, 0, 0.08), 0 11px 55px 10px rgba(0, 0, 0, 0.07);
box-shadow: 0 13px 18px -8px rgba(0, 0, 0, 0.15), 0 29px 45px 4px rgba(0, 0, 0, 0.08), 0 11px 55px 10px rgba(0, 0, 0, 0.07);
}
.ft-header-section .dropdown-menu .dropdown-menu {
top: 20px;
opacity: 0;
left: 250px;
}
.ft-header-section .dropdown-menu .dropdown-menu a {
font-weight: 600;
color: #1a2428;
}
.ft-header-section .dropdown-menu .dropdown-menu a:before {
display: none;
}
.ft-header-section .dropdown-menu li {
display: block;
margin: 0 !important;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
border-bottom: 1px solid rgba(228, 228, 228, 0.95);
}
.ft-header-section .dropdown-menu li:last-child {
border-bottom: none;
}
.ft-header-section .dropdown-menu li:hover .dropdown-menu {
top: 0;
opacity: 1;
}
.ft-header-section .dropdown-menu a {
width: 100%;
display: block;
position: relative;
padding: 10px 20px 10px !important;
color: #1a2428 !important;
font-weight: 600 !important;
font-size: 15px !important;
}
.ft-header-section .dropdown-menu a:before {
top: 20px;
left: 5px;
width: 0px;
height: 2px;
content: "";
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #33adff;;
}
.ft-header-section .dropdown-menu a:after {
display: none;
}
.ft-header-section .dropdown-menu a:hover {
margin-left: 10px;
}
.ft-header-section .dropdown-menu a:hover:before {
width: 10px;
}
.ft-header-section.header-style-one {
top: 0;
left: 0;
width: 100%;
z-index: 10;
position: absolute;
background-color: #33adff;;
}
.ft-header-section.header-style-one .dropdown-menu {
top: 48px;
}
.ft-header-section.header-style-one .ft-header-content {
padding-left: 250px;
}
.ft-header-section.header-style-one .ft-brand-logo {
top: 50%;
left: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ft-header-section.header-style-one .ft-header-top {
color: #fff;
background-color: #000671;
padding: 18px 0px 18px 80px;
}
.ft-header-section.header-style-one .ft-header-top li {
font-weight: 500;
margin-right: 40px;
}
.ft-header-section.header-style-one .ft-header-top li i {
font-size: 20px;
margin-right: 12px;
}
.ft-header-section.header-style-one .ft-header-menu-top-cta:before {
top: 0;
left: 0;
width: 0;
height: 0;
content: "";
position: absolute;
border-bottom: 134px solid #33adff;
border-right: 110px solid transparent;
}
.ft-header-section.header-style-one .ft-header-main-menu {
padding: 12px 10px;
background-color: #01054c;
}
.ft-header-section.header-style-one .ft-main-navigation li {
margin-left: 50px;
}
.ft-header-section.header-style-one .ft-main-navigation li a {
color: #fff;
font-weight: 500;
padding-bottom: 30px;
}
.ft-header-section.header-style-one .ft-header-cta-btn {
margin-left: 50px;
}
.ft-header-section.header-style-one .ft-header-cta-btn a {
height: 50px;
width: 150px;
color: #01054c;
font-weight: 600;
border-radius: 6px;
font-family: "Poppins";
background-color: #fff;
}
.ft-header-section.header-style-one .ft-header-cta-btn a:hover {
color: #fff;
background-color: #33adff;;
}
.ft-header-section.header-style-one .ft-header-cta-info {
top: 50%;
right: 80px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-icon {
width: 60px;
height: 60px;
margin-right: 15px;
border-radius: 100%;
background-color: #fff;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-icon i {
font-size: 30px;
line-height: 0.75;
color: #33adff;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text {
color: #fff;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text p {
font-weight: 500;
}
.ft-header-section.header-style-one .ft-header-cta-info .ft-header-cta-text h3 {
font-size: 24px;
font-weight: 700;
}
.ft-header-section.header-style-two {
top: 0;
left: 0;
width: 100%;
z-index: 10;
position: absolute;
}
.ft-header-section.header-style-two .ft-header-top {
overflow: hidden;
background-color: #003e4d;
}
.ft-header-section.header-style-two .ft-header-top-content li {
color: #fff;
font-size: 14px;
font-weight: 500;
margin-right: 40px;
}
.ft-header-section.header-style-two .ft-header-top-content li i {
font-size: 16px;
margin-right: 10px;
}
.ft-header-section.header-style-two .ft-header-cta-info {
padding: 5px 15px;
position: relative;
background-color: #33adff;;
}
.ft-header-section.header-style-two .ft-header-cta-info:before {
top: 0;
width: 0;
height: 0;
content: "";
left: -45px;
position: absolute;
border-top: 55px solid #33adff;
border-left: 45px solid transparent;
}
.ft-header-section.header-style-two .ft-header-cta-info:after {
top: -10px;
left: -40px;
width: 7px;
content: "";
height: 75px;
position: absolute;
background-color: #192c48;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-icon {
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 100%;
background-color: #fff;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-icon i {
font-size: 20px;
line-height: 0.75;
color: #33adff;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text {
color: #fff;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text p {
font-size: 14px;
font-weight: 500;
}
.ft-header-section.header-style-two .ft-header-cta-info .ft-header-cta-text h3 {
font-size: 18px;
font-weight: 700;
}
.ft-header-section.header-style-two .ft-header-main-menu-wrapper {
background-color: #002a34;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo-area {
width: 322px;
overflow: hidden;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo {
width: 240px;
padding: 14px 15px;
background-color: #33adff;;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo:before {
top: 0;
width: 0;
height: 0;
content: "";
right: -65px;
position: absolute;
border-bottom: 80px solid #33adff;
border-right: 65px solid transparent;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo:after {
top: -16px;
right: -52px;
width: 7px;
content: "";
height: 120px;
position: absolute;
background-color: #33adff;;
-webkit-transform: rotate(-39deg);
transform: rotate(-39deg);
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
margin-left: 50px;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li a {
color: #fff;
font-weight: 500;
padding-bottom: 30px;
}
.ft-header-section.header-style-two .ft-header-cta-btn {
margin-left: 60px;
}
.ft-header-section.header-style-two .ft-header-cta-btn a {
color: #fff;
height: 55px;
width: 160px;
font-size: 15px;
font-weight: 700;
border-radius: 30px;
font-family: "Poppins";
border: 2px solid #fff;
}
.ft-header-section.header-style-two .ft-header-cta-btn a:hover {
background-color: #33adff;;
border: 2px solid #33adff;
}
.ft-header-section.header-style-three {
top: 0;
left: 0;
z-index: 10;
width: 100%;
position: absolute;
}
.ft-header-section.header-style-three .ft-header-top {
padding: 16px 0px;
position: relative;
}
.ft-header-section.header-style-three .ft-header-top:after {
bottom: 0;
right: 0;
content: "";
height: 2px;
width: 85%;
position: absolute;
background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(#fa4216), to(#fa4216));
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0), #fa4216, #fa4216);
}
.ft-header-section.header-style-three .ft-header-top li {
color: #fff;
font-size: 13px;
margin-left: 55px;
position: relative;
font-family: "Poppins";
}
.ft-header-section.header-style-three .ft-header-top li:after {
top: -2px;
width: 1px;
content: "";
height: 24px;
right: -32px;
position: absolute;
background-color: #424a54;
}
.ft-header-section.header-style-three .ft-header-top li:last-child:after {
display: none;
}
.ft-header-section.header-style-three .ft-header-top li i {
color: #0090ff;
margin-right: 5px;
}
.ft-header-section.header-style-three .ft-main-navigation li {
margin-left: 60px;
}
.ft-header-section.header-style-three .ft-main-navigation li a {
color: #fff;
font-weight: 600;
padding-bottom: 30px;
font-family: "Poppins";
}
.ft-header-section.header-style-three .dropdown:after {
color: #fa4216;
}
.ft-header-section.header-style-three .dropdown-menu a:before {
background-color: #fa4216;
}
.ft-header-section.header-style-three .ft-header-cta-btn {
margin-left: 55px;
}
.ft-header-section.header-style-three .ft-header-cta-btn a {
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 18px 40px;
position: relative;
font-family: "Poppins";
background-color: #fa4216;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:before {
top: 0;
width: 0;
height: 0;
content: "";
left: -40px;
position: absolute;
border-top: 58px solid #fa4216;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-left: 40px solid transparent;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:hover {
background-color: #0090ff;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:hover:before {
border-top: 58px solid #0090ff;
}
.ft-header-section.header-style-new-two {
top: 0;
left: 0;
width: 100%;
z-index: 10;
position: absolute;
}
.ft-header-section.header-style-new-two .ft-header-top {
overflow: hidden;
background-color: #003e4d;
}
.ft-header-section.header-style-new-two .ft-header-top-content li {
color: #fff;
font-size: 14px;
font-weight: 500;
margin-right: 40px;
}
.ft-header-section.header-style-new-two .ft-header-top-content li i {
font-size: 16px;
margin-right: 10px;
}
.ft-header-section.header-style-new-two .ft-header-cta-info {
padding: 5px 15px;
position: relative;
background-color: #ff484e;
}
.ft-header-section.header-style-new-two .ft-header-cta-info:before {
top: 0;
width: 0;
height: 0;
content: "";
left: -45px;
position: absolute;
border-top: 55px solid #ff484e;
border-left: 45px solid transparent;
}
.ft-header-section.header-style-new-two .ft-header-cta-info:after {
top: -10px;
left: -40px;
width: 7px;
content: "";
height: 75px;
position: absolute;
background-color: #192c48;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.ft-header-section.header-style-new-two .ft-header-cta-info .ft-header-cta-icon {
width: 40px;
height: 40px;
margin-right: 10px;
border-radius: 100%;
background-color: #fff;
}
.ft-header-section.header-style-new-two .ft-header-cta-info .ft-header-cta-icon i {
font-size: 20px;
line-height: 0.75;
color: #ff484e;
}
.ft-header-section.header-style-new-two .ft-header-cta-info .ft-header-cta-text {
color: #fff;
}
.ft-header-section.header-style-new-two .ft-header-cta-info .ft-header-cta-text p {
font-size: 14px;
font-weight: 500;
}
.ft-header-section.header-style-new-two .ft-header-cta-info .ft-header-cta-text h3 {
color: #fff;
font-size: 18px;
font-weight: 700;
}
.ft-header-section.header-style-new-two .ft-header-main-menu-wrapper {
background-color: #002a34;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-site-logo-area {
width: 322px;
overflow: hidden;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-site-logo {
width: 240px;
padding: 14px 15px;
background-color: #ff484e;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-site-logo:before {
top: 0;
width: 0;
height: 0;
content: "";
right: -65px;
position: absolute;
border-bottom: 80px solid #fe484e;
border-right: 65px solid transparent;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-site-logo:after {
top: -16px;
right: -52px;
width: 7px;
content: "";
height: 120px;
position: absolute;
background-color: #ff484e;
-webkit-transform: rotate(-39deg);
transform: rotate(-39deg);
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-main-navigation li {
margin-left: 50px;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-main-navigation li a {
color: #fff;
font-weight: 500;
padding-bottom: 30px;
}
.ft-header-section.header-style-new-two .ft-header-cta-btn {
margin-left: 60px;
}
.ft-header-section.header-style-new-two .ft-header-cta-btn a {
color: #fff;
height: 55px;
width: 160px;
font-size: 15px;
font-weight: 700;
border-radius: 30px;
font-family: "Poppins";
border: 2px solid #fff;
}
.ft-header-section.header-style-new-two .ft-header-cta-btn a:hover {
background-color: #ff484e;
border: 2px solid #ff484e;
}
.ft-header-section.sticky-on {
top: 0;
width: 100%;
z-index: 20;
position: fixed;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
-webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}
.ft-header-section.sticky-on.header-style-one .ft-header-top {
display: none;
}
.ft-header-section.sticky-on.header-style-one .ft-header-menu-top-cta:before {
display: none;
}
.ft-header-section.sticky-on.header-style-one .ft-header-content {
padding-left: 260px;
}
.ft-header-section.sticky-on.header-style-two .ft-header-top {
display: none;
}
.ft-header-section.sticky-on.header-style-three {
padding: 12px 0px;
background-color: #121213;
}
.ft-header-section.sticky-on.header-style-three .ft-header-top {
display: none !important;
}
.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a:before {
display: none;
}
.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
padding: 18px 20px;
}
.ft-header-section.sticky-on.header-style-new-two {
background-color: #121213;
}
.ft-header-section.sticky-on.header-style-new-two .ft-header-top {
display: none !important;
}
.ft-header-section.sticky-on.header-style-new-two .ft-header-cta-btn a:before {
display: none;
}
.ft-header-section.sticky-on.header-style-new-two .ft-header-cta-btn a {
padding: 18px 20px;
}
.mobile_logo {
top: 10px;
left: 15px;
display: none;
position: absolute;
}
.mobile_menu_content {
top: 0px;
bottom: 0;
left: -350px;
height: 100vh;
z-index: 101;
position: fixed;
width: 310px;
overflow-y: scroll;
background-color: #fff;
padding: 20px 35px 35px 35px;
-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.mobile_menu_content .mobile-main-navigation {
width: 100%;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav {
width: 100%;
}
.mobile_menu_content .dropdown:after {
display: none;
}
.mobile_menu_content .navbar-nav .dropdown-menu {
position: static !important;
-webkit-transform: none !important;
transform: none !important;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li {
width: 100%;
display: block;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
padding: 0;
width: 100%;
color: #000;
display: block;
font-weight: 600;
font-size: 14px;
font-family: "Poppins";
text-transform: uppercase;
padding: 10px 30px 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.mobile_menu_content .m-brand-logo {
width: 120px;
margin: 50px auto;
}
.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
left: 0px;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.mobile_menu_overlay {
top: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
right: 0%;
height: 120vh;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.mobile_menu_overlay_on {
overflow: hidden;
}
.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
opacity: 1;
visibility: visible;
}
.mobile_menu_button {
right: 0px;
top: -62px;
z-index: 5;
color: #fff;
display: none;
font-size: 24px;
cursor: pointer;
line-height: 38px;
position: absolute;
text-align: center;
}
.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
display: none;
}
.mobile_menu .mobile-main-navigation .dropdown > .dropdown-menu {
opacity: 1;
visibility: visible;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
border: none;
display: none;
-webkit-transition: none;
transition: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 5px 0px;
width: 100%;
background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
border: none;
padding: 0 10px;
line-height: 1;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
color: #000 !important;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
color: #33adff;
background-color: transparent;
}
.mobile_menu .dropdown {
position: relative;
}
.mobile_menu .dropdown .dropdown-btn {
color: #9397a7;
position: absolute;
top: 3px;
right: 0;
height: 30px;
padding: 5px 10px;
}
.mobile_menu .dropdown .dropdown-btn.toggle-open {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile_menu .mobile_menu_close {
color: #d60606;
cursor: pointer;
top: 25px;
right: 25px;
font-size: 20px;
position: absolute;
}
.ft-header-section.header-style-two .mobile_menu_button {
top: -18px;
}
.ft-thx-header-section {
z-index: 10;
position: relative;
}
.ft-thx-header-section .dropdown {
position: relative;
}
.ft-thx-header-section .dropdown:after {
top: 1px;
color: #fff;
right: -15px;
content: "+";
font-size: 16px;
font-weight: 700;
position: absolute;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-thx-header-section .dropdown .dropdown-menu {
top: 65px;
left: 0;
opacity: 0;
z-index: 2;
margin: 0px;
padding: 0px;
height: auto;
width: 200px;
border: none;
display: block;
visibility: hidden;
border-radius: 0;
position: absolute;
background-clip: inherit;
background-color: #fff;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}
.ft-thx-header-section .dropdown .dropdown-menu li {
width: 100%;
margin-left: 0;
border-bottom: 1px solid #e5e5e5;
}
.ft-thx-header-section .dropdown .dropdown-menu li a {
width: 100%;
color: #343434;
display: block;
font-size: 14px;
padding: 10px 25px;
position: relative;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-thx-header-section .dropdown .dropdown-menu li a:before {
display: none;
}
.ft-thx-header-section .dropdown .dropdown-menu li a:hover {
background-color: #4ab9cf;
color: #fff;
}
.ft-thx-header-section .dropdown .dropdown-menu li:last-child {
border-bottom: none;
}
.ft-thx-header-section .dropdown .dropdown-menu .dropdown:after {
top: 10px;
right: 10px;
color: #4ab9cf;
}
.ft-thx-header-section .dropdown .dropdown-menu .dropdown .dropdown-menu {
top: 10px;
left: 200px;
opacity: 0;
}
.ft-thx-header-section .dropdown .dropdown-menu .dropdown:hover .dropdown-menu {
top: 0;
opacity: 1;
}
.ft-thx-header-section .dropdown:hover .dropdown-menu {
top: 55px;
opacity: 1;
visibility: visible;
}
.ft-thx-header-section .header-top {
background-color: #f0f4f8;
}
.ft-thx-header-section .header-top-content {
padding: 14px 0px;
}
.ft-thx-header-section .header-top-text p {
color: #131215;
font-size: 14px;
font-weight: 500;
}
.ft-thx-header-section .brand-logo {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ft-thx-header-section .pr-header-info-item {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-right: 25px;
padding-right: 25px;
}
.ft-thx-header-section .pr-header-info-item:after {
top: 2px;
width: 2px;
content: "";
right: 0px;
height: 40px;
position: absolute;
background-color: #f2f2f2;
}
.ft-thx-header-section .pr-header-info-item label {
color: #666666;
font-size: 15px;
margin-bottom: 0;
}
.ft-thx-header-section .pr-header-info-item .hd-item-icon {
margin-right: 10px;
}
.ft-thx-header-section .pr-header-info-item .hd-item-icon i {
line-height: 1;
font-size: 35px;
color: #4ab9cf;
}
.ft-thx-header-section .pr-header-info-item .hd-item-meta span {
display: block;
color: #131215;
font-weight: 600;
font-family: "Poppins";
}
.ft-thx-header-section .pr-header-info-item:last-child:after {
display: none;
}
.ft-thx-header-section .header-cta-content {
padding: 25px 0px;
}
.ft-thx-header-section .pr-language-select {
cursor: pointer;
padding-right: 15px;
}
.ft-thx-header-section .pr-language-select .pr-lang-img {
width: 37px;
height: 23px;
overflow: hidden;
margin-right: 10px;
}
.ft-thx-header-section .pr-language-select .pr-lang-text span {
color: #666666;
font-size: 15px;
}
.ft-thx-header-section .pr-language-select .pr-lang-text h3 {
color: #131215;
font-size: 16px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.ft-thx-header-section .pr-language-select .pr-lang-text h3:after {
top: 3px;
right: -15px;
font-size: 14px;
content: "";
position: absolute;
font-weight: 900;
font-family: "Font Awesome 5 Pro";
}
.ft-thx-header-section .pr-language-select ul {
left: 0;
top: 70px;
opacity: 0;
width: 145px;
visibility: hidden;
position: absolute;
font-family: "Poppins";
padding: 30px 25px 15px;
background-color: #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-box-shadow: 0 12px 24px rgba(29, 27, 76, 0.1);
box-shadow: 0 12px 24px rgba(29, 27, 76, 0.1);
}
.ft-thx-header-section .pr-language-select ul li {
color: #000;
font-weight: 500;
margin-bottom: 10px;
}
.ft-thx-header-section .pr-language-select ul li img {
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 100%;
}
.ft-thx-header-section .pr-language-select:hover ul {
top: 50px;
opacity: 1;
visibility: visible;
}
.ft-thx-header-section .header-navigation-content {
font-family: "Poppins";
background-color: #4ab9cf;
}
.ft-thx-header-section .header-navigation-content {
padding: 20px;
}
.ft-thx-header-section .header-navigation-content .pr-h-search button {
color: #fff;
border: none;
background-color: transparent;
}
.ft-thx-header-section .header-navigation-content .pr-main-navigation {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ft-thx-header-section .header-navigation-content .nav {
display: inherit;
}
.ft-thx-header-section .header-navigation-content li {
margin-left: 70px;
}
.ft-thx-header-section .header-navigation-content li a {
color: #fff;
font-size: 17px;
font-weight: 600;
padding-bottom: 30px;
position: relative;
}
.ft-thx-header-section .header-navigation-content li a:before {
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
height: 5px;
width: 0px;
content: "";
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background: -webkit-gradient(linear, right top, left top, from(#0036ff), to(#02fcff));
background: linear-gradient(-90deg, #0036ff 0%, #02fcff 100%);
}
.ft-thx-header-section .header-navigation-content li:hover a:before {
width: 70px;
}
.ft-thx-header-section .header-navigation-content .pr-h-cta-btn {
width: 180px;
height: 45px;
margin-left: 80px;
font-weight: 700;
background-color: #fff;
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
}
.ft-thx-header-section .header-navigation-content .pr-h-cta-btn a {
width: 100%;
display: block;
font-size: 15px;
text-align: center;
-webkit-transition: none;
transition: none;
}
.ft-thx-header-section .header-navigation-content .pr-h-cta-btn a i {
margin-left: 5px;
color: #33adff;
}
.ft-thx-header-section .header-navigation-content .pr-h-cta-btn:hover {
color: #fff;
background-color: #000;
}
.ft-thx-header-section .social-item a {
margin-left: 15px;
}
.ft-thx-header-section .social-item a:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.ft-thx-header-section .social-item .fb-icon {
color: #16599b;
}
.ft-thx-header-section .social-item .tw-icon {
color: #03a9f4;
}
.ft-thx-header-section .social-item .dri-icon {
color: #ea4c89;
}
.ft-thx-header-section .social-item .bh-icon {
color: #0067ff;
}
/*Search popup Page*/
/*-------------------*/
.search-popup {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.search-popup:before {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(../img/bg/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup {
-webkit-transform: translateY(0%);
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search {
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: #33adff;;
width: 70px;
height: 70px;
cursor: pointer;
border: none;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span {
position: relative;
display: block;
height: 70px;
font-size: 25px;
line-height: 65px;
color: #ffffff;
}
.search-active .search-popup .close-search {
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form {
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin: -35px auto 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center;
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group {
position: relative;
margin: 0px;
overflow: hidden;
}
.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] {
position: relative;
display: block;
font-size: 18px;
line-height: 50px;
color: #000000;
height: 70px;
width: 100%;
padding: 10px 30px;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
font-weight: 500;
text-transform: capitalize;
}
.search-popup .form-group input[type=submit],
.search-popup .form-group button {
position: absolute;
right: 30px;
top: 0px;
height: 70px;
line-height: 70px;
background: transparent;
text-align: center;
font-size: 24px;
color: #000000;
padding: 0;
cursor: pointer;
border: none;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover {
color: #000000;
}
.search-popup input::-webkit-input-placeholder, .search-popup textarea::-webkit-input-placeholder {
color: #000000;
}
.search-popup input::-moz-placeholder, .search-popup textarea::-moz-placeholder {
color: #000000;
}
.search-popup input:-ms-input-placeholder, .search-popup textarea:-ms-input-placeholder {
color: #000000;
}
.search-popup input::-ms-input-placeholder, .search-popup textarea::-ms-input-placeholder {
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder {
color: #000000;
}
.search-popup .close-search.style-two {
position: absolute;
right: 25px;
left: auto;
color: #ffffff;
width: auto;
height: auto;
top: 25px;
margin: 0px;
border: none;
background: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .close-search.style-two span {
font-size: 20px;
color: #ffffff;
}
.mobile_logo {
top: 10px;
left: 15px;
display: none;
position: absolute;
}
.mobile_menu_content {
top: 0px;
bottom: 0;
left: -350px;
height: 100vh;
z-index: 101;
position: fixed;
width: 310px;
overflow-y: scroll;
background-color: #fff;
padding: 20px 35px 35px 35px;
-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.mobile_menu_content .mobile-main-navigation {
width: 100%;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav {
width: 100%;
}
.mobile_menu_content .dropdown:after {
display: none;
}
.mobile_menu_content .navbar-nav .dropdown-menu {
position: static !important;
-webkit-transform: none !important;
transform: none !important;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li {
width: 100%;
display: block;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.mobile_menu_content .mobile-main-navigation .navbar-nav li a {
padding: 0;
width: 100%;
color: #000;
display: block;
font-weight: 600;
font-size: 14px;
font-family: "Poppins";
text-transform: uppercase;
padding: 10px 30px 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.mobile_menu_content .m-brand-logo {
width: 120px;
margin: 50px auto;
}
.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
left: 0px;
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.mobile_menu_overlay {
top: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
right: 0%;
height: 120vh;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.mobile_menu_overlay_on {
overflow: hidden;
}
.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
opacity: 1;
visibility: visible;
}
.mobile_menu_button {
right: 0px;
top: -62px;
z-index: 5;
color: #fff;
display: none;
font-size: 24px;
cursor: pointer;
line-height: 38px;
position: absolute;
text-align: center;
}
.mobile_menu .mobile-main-navigation .navbar-nav li a:after {
display: none;
}
.mobile_menu .mobile-main-navigation .dropdown > .dropdown-menu {
opacity: 1;
visibility: visible;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu {
border: none;
display: none;
-webkit-transition: none;
transition: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 5px 0px;
width: 100%;
background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li {
border: none;
padding: 0 10px;
line-height: 1;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li:hover {
background-color: transparent;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
color: #000 !important;
}
.mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
color: #33adff;
background-color: transparent;
}
.mobile_menu .dropdown {
position: relative;
}
.mobile_menu .dropdown .dropdown-btn {
color: #9397a7;
position: absolute;
top: 3px;
right: 0;
height: 30px;
padding: 5px 10px;
}
.mobile_menu .dropdown .dropdown-btn.toggle-open {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile_menu .mobile_menu_close {
color: #d60606;
cursor: pointer;
top: 25px;
right: 25px;
font-size: 20px;
position: absolute;
}
.pr-mark-main-header {
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 10;
position: absolute;
}
.pr-mark-header-top {
z-index: 1;
padding: 10px 30px 6px;
}
.pr-mark-header-top:before {
top: 0;
left: 0;
right: 0;
z-index: -1;
content: "";
width: 100%;
height: 60px;
position: absolute;
background-color: #003e4d;
}
.pr-mark-header-top-cta li {
color: #fff;
font-weight: 500;
margin-right: 22px;
}
.pr-mark-header-top-cta li img {
margin-right: 10px;
}
.pr-mark-header-social a {
color: #fff;
font-size: 18px;
margin-left: 15px;
}
.pr-mark-header-social a:hover {
color: #33adff;
}
.pr-mark-main-navigation-wrapper {
z-index: 1;
max-width: 95%;
margin: 0 auto;
padding: 15px;
border-radius: 8px;
background-color: #002a34;
-webkit-box-shadow: 0px 10px 40px 0px rgba(151, 151, 151, 0.15);
box-shadow: 0px 10px 40px 0px rgba(151, 151, 151, 0.15);
}
.pr-mark-main-navigation-wrapper .pr-mark-brand-logo {
padding-top: 6px;
}
.pr-mark-navigation-menu .navbar-nav {
display: inherit;
}
.pr-mark-navigation-menu .pr-main-navigation li {
margin-left: 45px;
}
.pr-mark-navigation-menu .pr-main-navigation li a {
color: #fff;
font-weight: 500;
padding-bottom: 30px;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown {
position: relative;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown:after {
top: 0px;
color: #fff;
right: -12px;
content: "+";
font-size: 16px;
font-weight: 700;
position: absolute;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown:hover:after {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
color: #33adff;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu {
top: 65px;
left: 0;
opacity: 0;
z-index: 2;
margin: 0px;
padding: 0px;
height: auto;
width: 200px;
border: none;
display: block;
visibility: hidden;
border-radius: 0;
position: absolute;
background-clip: inherit;
background-color: #fff;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu li {
width: 100%;
margin-left: 0;
border-bottom: 1px solid #e5e5e5;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu li a {
width: 100%;
color: #343434;
display: block;
font-size: 14px;
padding: 10px 25px;
position: relative;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu li a:before {
display: none;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu li a:hover {
background-color: #33adff;;
color: #fff;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu li:last-child {
border-bottom: none;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu .dropdown:after {
top: 10px;
right: 10px;
color: #000d51;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu .dropdown .dropdown-menu {
top: 10px;
left: 200px;
opacity: 0;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown .dropdown-menu .dropdown:hover .dropdown-menu {
top: 0;
opacity: 1;
}
.pr-mark-navigation-menu .pr-main-navigation .dropdown:hover .dropdown-menu {
top: 50px;
opacity: 1;
visibility: visible;
}
.pr-mark-navigation-menu .pr-mark-btn {
margin-left: 45px;
}
.pr-mark-navigation-menu .pr-mark-btn a {
color: #fff;
height: 50px;
width: 155px;
font-weight: 600;
background-color: #33adff;;
}
.pr-mark-main-header.sticky-on {
top: 0;
width: 100%;
z-index: 20;
position: fixed;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
background-color: #002a34;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
-webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}
.pr-mark-main-header.sticky-on .pr-mark-header-top {
display: none !important;
}
.pr-mark-main-header.sticky-on:before {
display: none;
}
.pr-mark-main-header.sticky-on .pr-mark-main-navigation-wrapper {
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 0px;
}
.mobile_logo {
top: 20px;
left: 15px;
display: none;
position: absolute;
}
/*---------------------------------------------------- */
/*Slider area*/
/*----------------------------------------------------*/
#rev_slider_27_1_wrapper .gyges .tp-thumb {
opacity: 1;
}
#rev_slider_27_1_wrapper .gyges .tp-thumb-img-wrap {
padding: 3px;
background-color: rgba(0, 0, 0, 0.25);
display: inline-block;
width: 100%;
height: 100%;
position: relative;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
#rev_slider_27_1_wrapper .gyges .tp-thumb-image {
padding: 3px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}
#rev_slider_27_1_wrapper .gyges .tp-thumb.rs-touchhover .tp-thumb-img-wrap,
#rev_slider_27_1_wrapper .gyges .tp-thumb.selected .tp-thumb-img-wrap {
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff, color-stop(100%, #777777)));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#777777));
background: linear-gradient(to bottom, #ffffff 0%, #777777 100%);
}
#rev_slider_29_1_wrapper .tparrows {
border-radius: 100%;
background-color: #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
#rev_slider_29_1_wrapper .tparrows:before {
color: #000;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
#rev_slider_29_1_wrapper .tparrows:hover {
background-color: #0090ff;
}
#rev_slider_29_1_wrapper .tparrows:hover:before {
color: #fff;
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper b {
top: 0;
left: 0;
width: 100%;
text-align: center;
position: absolute;
white-space: nowrap;
display: inline-block;
}
.cd-words-wrapper b.is-visible {
position: relative;
}
.no-js .cd-words-wrapper b {
opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1;
}
.cd-headline.scale b {
opacity: 0;
color: #33adff;
}
.cd-headline.scale i {
display: inline-block;
opacity: 0;
font-style: normal;
-webkit-transform: scale(0);
transform: scale(0);
}
.is-visible .cd-headline.scale i {
opacity: 1;
}
.cd-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.05);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.05);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.5);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.05);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.05);
opacity: 0;
}
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
}
.ft-banner-section {
overflow: hidden;
padding: 395px 0px 255px;
}
.ft-banner-text-content {
color: #fff;
margin: 0 auto;
max-width: 860px;
}
.ft-banner-text-content h1 {
color: #fff;
font-size: 90px;
font-weight: 700;
line-height: 1.25;
padding-bottom: 10px;
}
.ft-banner-text-content p {
margin: 0 auto;
font-size: 20px;
line-height: 1.5;
font-weight: 700;
max-width: 615px;
}
.ft-banner-text-content .ft-banner-btn-wrapper {
margin-top: 35px;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn {
margin-right: 20px;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn a {
height: 55px;
width: 170px;
font-weight: 600;
font-family: "Poppins";
border-radius: 30px;
background-color: #33adff;;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn a:hover {
background-color: #00044b;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-video-btn a {
font-weight: 600;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-video-btn a i {
width: 55px;
height: 55px;
line-height: 52px;
border-radius: 100%;
margin-right: 20px;
border: 2px solid #fff;
}
.ft-slider-section-3 {
background-color: #f6f7f9;
}
.ft-thx-banner-section {
padding: 280px 0px 180px;
}
.ft-thx-banner-section .background_overlay {
background-color: rgba(0, 96, 118, 0.8);
}
.ft-thx-banner-text {
padding-top: 70px;
}
.ft-thx-banner-text .banner-slug {
font-size: 18px;
font-weight: 600;
color: #33adff;
}
.ft-thx-banner-text h1 {
color: #fff;
font-size: 60px;
font-weight: 700;
padding: 10px 0px 20px;
}
.ft-thx-banner-text p {
color: #fff;
}
.ft-thx-banner-text .ft-thx-banner-btn {
margin-top: 30px;
}
.ft-thx-banner-text .ft-thx-banner-btn a {
color: #fff;
height: 55px;
width: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
margin-right: 15px;
border-radius: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #33adff;;
}
.ft-thx-banner-text .ft-thx-banner-btn a:hover {
background-color: #008eff;
}
.ft-thx-banner-courier-form {
max-width: 455px;
float: right;
padding: 45px 30px 45px;
background-color: rgba(8, 12, 36, 0.68);
}
.ft-thx-banner-courier-form .wc-input {
margin-bottom: 20px;
}
.ft-thx-banner-courier-form .wc-input span {
color: #fff;
display: block;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.ft-thx-banner-courier-form .wc-input select, .ft-thx-banner-courier-form .wc-input input {
width: 100%;
height: 48px;
border: none;
border: none;
color: #d0cfcf;
font-size: 14px;
border-radius: 5px;
padding-left: 15px;
-webkit-appearance: none;
background-color: #494d62;
}
.ft-thx-banner-courier-form .wc-input select::-webkit-input-placeholder, .ft-thx-banner-courier-form .wc-input input::-webkit-input-placeholder {
color: #d0cfcf;
}
.ft-thx-banner-courier-form .wc-input select::-moz-placeholder, .ft-thx-banner-courier-form .wc-input input::-moz-placeholder {
color: #d0cfcf;
}
.ft-thx-banner-courier-form .wc-input select:-ms-input-placeholder, .ft-thx-banner-courier-form .wc-input input:-ms-input-placeholder {
color: #d0cfcf;
}
.ft-thx-banner-courier-form .wc-input select::-ms-input-placeholder, .ft-thx-banner-courier-form .wc-input input::-ms-input-placeholder {
color: #d0cfcf;
}
.ft-thx-banner-courier-form .wc-input select::placeholder, .ft-thx-banner-courier-form .wc-input input::placeholder {
color: #d0cfcf;
}
.ft-thx-banner-courier-form .wc-select:before {
top: 13px;
right: 12px;
color: #d0cfcf;
font-size: 15px;
content: "";
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-thx-banner-courier-form .wc-input-range {
margin-bottom: 20px;
}
.ft-thx-banner-courier-form .wc-input-range span {
color: #fff;
display: block;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.ft-thx-banner-courier-form .wc-input-range #slider-range {
height: 7px;
width: 300px;
border: none;
border-radius: 0;
margin-right: 15px;
background-color: #adaeb0;
}
.ft-thx-banner-courier-form .wc-input-range #slider-range .ui-widget-header {
background-color: #33adff;;
}
.ft-thx-banner-courier-form .wc-input-range #slider-range .ui-slider-handle {
top: -10px;
width: 27px;
height: 27px;
margin-left: 0;
cursor: pointer;
margin-bottom: 0;
border-radius: 100%;
border: 5px solid #33adff;
}
.ft-thx-banner-courier-form .wc-input-range #slider-range .ui-slider-handle:focus {
outline: none;
}
.ft-thx-banner-courier-form .wc-input-range .range-value input {
width: 100px;
height: 40px;
border: none;
color: #d0cfcf;
border-radius: 5px;
padding-left: 15px;
background-color: #494d62;
}
.ft-thx-banner-courier-form button {
color: #fff;
height: 48px;
border: none;
width: 185px;
margin-top: 5px;
font-weight: 700;
border-radius: 5px;
border-radius: 5px;
background-color: #008eff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-thx-banner-courier-form button:hover {
background-color: #33adff;;
}
.ft-thx-banner-courier-form p {
color: #fff;
font-size: 14px;
padding-top: 15px;
}
.ft-thx-banner-courier-form p a {
color: #008eff;
}
#rev_slider_30_1_wrapper .gyges .tp-thumb {
opacity: 1;
}
#rev_slider_30_1_wrapper .gyges .tp-thumb-img-wrap {
padding: 3px;
background-color: rgba(0, 0, 0, 0.25);
display: inline-block;
width: 100%;
height: 100%;
position: relative;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
#rev_slider_30_1_wrapper .gyges .tp-thumb-image {
padding: 3px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
-webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}
#rev_slider_30_1_wrapper .gyges .tp-thumb.rs-touchhover .tp-thumb-img-wrap,
#rev_slider_30_1_wrapper .gyges .tp-thumb.selected .tp-thumb-img-wrap {
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff, color-stop(100%, #777777)));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#777777));
background: linear-gradient(to bottom, #ffffff 0%, #777777 100%);
}
.ft-thx-banner-section-3 {
overflow: hidden;
top: -30px;
}
.ft-thx-banner-section-3 .background_overlay {
background-color: rgba(0, 0, 0, 0.8);
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 {
max-width: 630px;
padding: 280px 0px 250px;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 .banner-slug {
font-size: 20px;
font-weight: 500;
color: #4ab9cf;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 h1 {
color: #fff;
font-size: 60px;
line-height: 1.4;
padding: 10px 0px 20px;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 p {
color: #fff;
font-size: 18px;
max-width: 630px;
padding-bottom: 30px;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 .ft-thx-slider-btn-2 .ft-thx-btn-2-slide-video-btn {
margin-right: 40px;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 .ft-thx-slider-btn-2 .ft-thx-btn-2-slide-video-btn a {
z-index: 1;
width: 52px;
height: 52px;
position: relative;
color: #fff;
border-radius: 100%;
background-color: #4ab9cf;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 .ft-thx-slider-btn-2 .ft-thx-btn-2-slide-video-btn a:before {
top: 50%;
left: 50%;
content: "";
z-index: 0;
z-index: -1;
width: 130px;
height: 130px;
display: block;
background: #4ab9cf;
position: absolute;
border-radius: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 .ft-thx-slider-btn-2 .xis-dm-btn a {
color: #061b2e;
background-color: transparent;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 .ft-thx-slider-btn-2 .xis-dm-btn a i {
color: #fc7a5a;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 .ft-thx-slider-btn-2 .xis-dm-btn a:hover {
color: #fff;
background-color: #33adff;;
}
.ft-thx-banner-section-3 .ft-thx-banner-img3 {
top: 200px;
right: -320px;
position: absolute;
-webkit-mask-image: url(../img/bg/img-mask.png);
mask-image: url(../img/bg/img-mask.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/*---------------------------------------------------- */
/*Booking area*/
/*----------------------------------------------------*/
.ft-booking-form-content {
top: -45px;
z-index: 2;
padding: 60px 30px;
border-radius: 8px;
margin-bottom: -45px;
background-color: #fff;
-webkit-box-shadow: -9.962px -0.872px 70px 0px rgba(122, 122, 122, 0.2);
box-shadow: -9.962px -0.872px 70px 0px rgba(122, 122, 122, 0.2);
}
.ft-booking-form-content .booking-form-input-wrapper label {
width: 100%;
max-width: 420px;
margin-right: 30px;
}
.ft-booking-form-content .booking-form-input-wrapper label .booking-form-icon {
top: 13px;
left: 15px;
position: absolute;
}
.ft-booking-form-content .booking-form-input-wrapper label .booking-form-icon i {
color: #bbbbbb;
font-size: 28px;
}
.ft-booking-form-content .booking-form-input-wrapper input {
width: 100%;
height: 60px;
border-radius: 5px;
padding-left: 55px;
border: 1px solid #c1c1c1;
}
.ft-booking-form-content .booking-form-input-wrapper input::-webkit-input-placeholder {
color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input::-moz-placeholder {
color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input:-ms-input-placeholder {
color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input::-ms-input-placeholder {
color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper input::placeholder {
color: #bbbbbb;
}
.ft-booking-form-content .booking-form-input-wrapper button {
color: #fff;
padding: 0;
height: 60px;
border: none;
width: 210px;
font-weight: 600;
border-radius: 6px;
font-family: "Poppins";
background-color: #00044b;
}
.ft-thx-sponsor-slider .slick-list {
margin: 0px -15px;
padding-bottom: 30px;
}
.ft-thx-sponsor-slider .ft-item-innerbox {
width: 265px;
height: 120px;
float: left;
margin: 0px 15px;
line-height: 120px;
background-color: #fff;
text-align: center;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 23, 144, 0.08);
box-shadow: 0px 10px 15px 0px rgba(0, 23, 144, 0.08);
}
.ft-thx-sponsor-slider .ft-item-innerbox img {
height: 100px;
display: initial;
}
/*---------------------------------------------------- */
/*About area*/
/*----------------------------------------------------*/
.ft-about-section {
padding: 80px 0px 100px;
}
.ft-about-img-exp {
padding-top: 100px;
}
.ft-about-exp-area {
top: 0px;
right: 0;
}
.ft-about-exp-area .ft-about-exp-text {
top: 50px;
left: 60px;
max-width: 185px;
}
.ft-about-exp-area .ft-about-exp-text h3 {
font-size: 18px;
color: #00044b;
font-weight: 700;
}
.ft-about-exp-area .ft-about-exp-text h3 span, .ft-about-exp-area .ft-about-exp-text h3 b {
font-size: 48px;
}
.ft-about-exp-area .ft-about-exp-text p {
font-weight: 500;
}
.ft-about-feature-list-warpper {
padding-top: 35px;
}
.ft-about-feature-list-item {
padding: 27px 20px 25px 20px;
border-radius: 6px;
margin-bottom: 30px;
-webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
}
.ft-about-feature-list-item .ft-about-feature-icon {
width: 55px;
height: 55px;
margin-right: 20px;
border-radius: 100%;
background-color: #ffebeb;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-about-feature-list-item .ft-about-feature-icon i {
font-size: 30px;
line-height: 0.75;
color: #33adff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-about-feature-list-item .ft-about-feature-text {
max-width: 420px;
}
.ft-about-feature-list-item .ft-about-feature-text h3 {
color: #00044b;
font-size: 20px;
font-weight: 700;
padding-bottom: 5px;
}
.ft-about-feature-list-item:hover .ft-about-feature-icon {
background-color: #33adff;;
}
.ft-about-feature-list-item:hover .ft-about-feature-icon i {
color: #00044b;
}
.ft-about-section-2 {
padding: 140px 0px 100px;
}
.ft-about-text-wrapper-2 .ft-section-title-2 h2 {
max-width: 385px;
}
.ft-about-feature-wrapper-2 {
margin-top: 40px;
}
.ft-about-feature-wrapper-2 .ft-about-feature-list-item .ft-about-feature-icon {
background-color: transparent;
margin-right: 15px;
}
.ft-about-feature-wrapper-2 .ft-about-feature-list-item {
margin-bottom: 0;
padding: 18px 15px 20px 15px;
}
.ft-about-feature-wrapper-2 .ft-btn-3 {
margin-top: 40px;
}
.ft-about-img-2 {
overflow: hidden;
border-radius: 8px;
}
.ft-about-img-2-wrapper {
padding-left: 40px;
z-index: 1;
}
.ft-about-img-2-wrapper .ft-about-shape1 {
right: 0;
top: -30px;
}
.ft-about-img-2-wrapper .ft-about-shape2 {
left: 0;
z-index: -1;
bottom: -40px;
}
.ft-video-section {
padding-bottom: 105px;
}
@-webkit-keyframes border_animation {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
20% {
-webkit-transform: scale(1.24);
transform: scale(1.24);
opacity: 1;
}
100% {
-webkit-transform: scale(2.1);
transform: scale(2.1);
opacity: 0;
}
}
@keyframes border_animation {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
20% {
-webkit-transform: scale(1.24);
transform: scale(1.24);
opacity: 1;
}
100% {
-webkit-transform: scale(2.1);
transform: scale(2.1);
opacity: 0;
}
}
.ft-video-play {
left: 0;
top: 50%;
right: 0;
margin: 0 auto;
text-align: center;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ft-video-play a {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 100%;
background-color: #33adff;;
}
.ft-video-play a i {
color: #fff;
}
.ft-video-play a .video_btn_border {
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
border-radius: 60px;
position: absolute;
-webkit-animation-play-state: running;
animation-play-state: running;
border: 10px solid #33adff;
-webkit-animation: border_animation 3.9s linear 0s infinite;
animation: border_animation 3.9s linear 0s infinite;
}
.ft-video-play a .video_btn_border.border_wrap-2 {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.ft-about-section-3 {
padding: 115px 0px;
}
.ft-about-sign-img-text {
right: 0;
bottom: -20px;
position: absolute;
}
.ft-about-sign-img-text .sign-shape {
left: -95px;
bottom: 10px;
position: absolute;
}
.ft-about-sign-img-text span {
color: #141415;
display: block;
margin-top: 5px;
font-weight: 700;
}
.ft-about-text-3 .ft-about-sub-text {
color: #272727;
font-size: 17px;
line-height: 1.765;
padding: 25px 0px 20px;
}
.ft-about-text-3 .ft-about-feature-text {
color: #666666;
font-size: 15px;
line-height: 1.667;
}
.ft-about-text-3 .ft-about-btn-group {
margin-top: 30px;
}
.ft-about-text-3 .ft-about-btn-group a {
color: #141415;
font-size: 14px;
font-weight: 700;
padding: 15px 30px;
margin-right: 25px;
font-family: "Poppins";
border: 2px solid #fa3b0e;
}
.ft-about-text-3 .ft-about-btn-group a i {
margin-left: 5px;
}
.ft-about-text-3 .ft-about-btn-group a:hover {
color: #fff;
border: 2px solid #008eff;
background-color: #008eff;
}
@-webkit-keyframes icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes zoominoutsinglefeatured {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes zoominoutsinglefeatured {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.ft-thx-about-section {
padding: 30px 0px 100px;
}
.pr-cor-about-feature-area {
padding: 28px 0px;
}
.pr-cor-about-feature-list {
margin-bottom: 28px;
}
.pr-cor-about-feature-list .pr-cor-about-ft-icon {
width: 75px;
height: 75px;
border-radius: 5px;
margin-right: 30px;
background-color: #ffeced;
}
.pr-cor-about-feature-list .pr-cor-about-ft-icon i {
font-size: 50px;
line-height: 0.7;
color: #ff484e;
}
.pr-cor-about-feature-list .pr-cor-about-ft-text {
max-width: 455px;
}
.pr-cor-about-feature-list .pr-cor-about-ft-text h3 {
font-size: 18px;
font-weight: 700;
color: #ff484e;
padding-bottom: 10px;
}
.pr-cor-about-feature-list:hover .pr-cor-about-ft-icon {
-webkit-animation: icon-bounce 0.8s ease-out;
animation: icon-bounce 0.8s ease-out;
}
.pr-cor-about-img-wrap {
z-index: 1;
}
.pr-cor-about-img-wrap .pr-cor-about-img-area,
.pr-cor-about-img-wrap .pr-cor-about-img-area2 {
overflow: hidden;
border-radius: 5px;
}
.pr-cor-about-img-wrap .pr-cor-about-img-shape {
top: 100px;
right: 100px;
z-index: -1;
-webkit-animation: zoominoutsinglefeatured 10s infinite;
animation: zoominoutsinglefeatured 10s infinite;
}
.pr-cor-about-img-wrap .pr-cor-about-img-area2 {
right: 0;
top: 205px;
}
.pr-sx-about-section-2 {
padding: 95px 0px;
overflow: hidden;
background-color: #f5f8fd;
}
.pr-sx-about-section-2 .pr-sx-secion-title p {
padding-bottom: 15px;
}
.pr-sx-about-feature-list {
padding: 20px 0px;
}
.pr-sx-about-feature-list li {
padding-left: 55px;
margin-bottom: 18px;
position: relative;
}
.pr-sx-about-feature-list li:before {
top: 0;
left: 0;
font-size: 25px;
content: "";
font-weight: 900;
color: #ff484e;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.pr-sx-about-img-area {
background-color: #fff;
overflow: hidden;
border-top-right-radius: 70px;
border-bottom-left-radius: 70px;
-webkit-box-shadow: 0px 48px 40px 0px rgba(135, 135, 135, 0.15);
box-shadow: 0px 48px 40px 0px rgba(135, 135, 135, 0.15);
}
.pr-sx-about-exp {
top: 55px;
right: -120px;
width: 260px;
height: 105px;
padding-left: 15px;
border-radius: 8px;
position: absolute;
background-color: #fff;
-webkit-box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.2);
box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.2);
}
.pr-sx-about-exp .pr-sx-about-exp-text h3 {
font-size: 24px;
font-weight: 700;
color: #ff484e;
}
.pr-sx-about-exp .pr-sx-about-exp-text p {
font-weight: 500;
color: #ff484e;
font-family: "Poppins";
}
.pr-sx-about-exp .pr-sx-about-exp-icon {
width: 60px;
height: 60px;
line-height: 70px;
margin-right: 18px;
border-radius: 1000%;
background-color: #ff484e;
}
.pr-sx-about-exp .pr-sx-about-exp-icon i {
color: #fff;
font-size: 35px;
}
.ft-thx-about-section-3 {
padding: 80px 0px 110px;
}
.ft-thx-about-img-3 {
z-index: 1;
}
.ft-thx-about-img-3 .ft-thx-ab-inner-img1 {
margin-top: 50px;
margin-left: 40px;
overflow: hidden;
border-radius: 5px;
display: inline-block;
}
.ft-thx-about-img-3 .ft-thx-ab-inner-img2 {
position: absolute;
right: 50px;
bottom: 150px;
display: inline-block;
border-radius: 5px;
overflow: hidden;
}
.ft-thx-about-img-3 .ft-thx-ab-shape1 {
left: -50px;
z-index: -1;
bottom: 200px;
}
.ft-thx-about-text-3 {
padding-left: 15px;
}
.ft-thx-about-list-item-wrapper-3 {
padding-top: 50px;
}
.ft-thx-about-list-item-3 {
margin-bottom: 30px;
}
.ft-thx-about-list-item-3 .ft-thx-inner-icon {
width: 80px;
height: 80px;
border-radius: 5px;
margin-right: 25px;
background-color: #4ab9cf26;
}
.ft-thx-about-list-item-3 .ft-thx-inner-icon i {
font-size: 50px;
line-height: 0.75;
color: #4ab9cf;
}
.ft-thx-about-list-item-3 .ft-thx-inner-text {
max-width: 430px;
}
.ft-thx-about-list-item-3 .ft-thx-inner-text h3 {
color: #000;
font-size: 22px;
font-weight: 700;
padding-bottom: 10px;
text-transform: uppercase;
}
/*---------------------------------------------------- */
/*Service area*/
/*----------------------------------------------------*/
.ft-service-section {
overflow: hidden;
padding: 110px 0px 90px;
background-color: #f6f6f6;
}
.ft-service-text-area .ft-btn {
margin-top: 30px;
}
.ft-service-text-area .ft-btn a {
background-color: #00044b;
}
.ft-service-slider-area {
margin: 0 -50px;
padding-left: 50px;
padding-right: 50px;
overflow: hidden;
}
.ft-service-slider-item {
overflow: hidden;
border-radius: 5px;
background-color: #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-service-slider-item .ft-service-inner-img {
overflow: hidden;
}
.ft-service-slider-item .ft-service-inner-img img {
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-service-slider-item .ft-service-inner-text {
padding: 30px 25px 20px;
}
.ft-service-slider-item .ft-service-inner-text h3 {
color: #00044b;
font-size: 22px;
font-weight: 700;
padding-bottom: 18px;
}
.ft-service-slider-item .ft-service-inner-text p {
padding-bottom: 20px;
}
.ft-service-slider-item .ft-service-inner-text .service-more {
color: #00044b;
font-size: 15px;
font-weight: 600;
font-family: "Poppins";
}
.ft-service-slider-item .ft-service-inner-text .service-more span {
display: inline-block;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.ft-service-slider-item .ft-service-inner-text .service-more:hover {
color: #33adff;
}
.ft-service-slider-item .ft-service-inner-text .service-more:hover span {
margin-left: 5px;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.ft-service-slider-item .ft-service-inner-text .ft-service-serial {
right: -35px;
bottom: -45px;
height: 100px;
width: 100px;
color: #00044b;
font-size: 22px;
font-weight: 700;
border-radius: 100%;
font-family: "Poppins";
background-color: #e5e5ed;
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
padding: 15px 10px 10px 32px;
}
.ft-service-slider-item:hover {
-webkit-box-shadow: 1.882px 17.901px 80px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.882px 17.901px 80px 0px rgba(68, 68, 68, 0.15);
}
.ft-service-slider-item:hover .ft-service-inner-text .ft-service-serial {
background-color: #fde8e5;
}
.ft-service-slider-item:hover .ft-service-inner-img img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ft-service-slider-wrapper {
margin: 0px -15px;
}
.ft-service-slider-wrapper .slick-list {
overflow: visible;
}
.ft-service-slider-wrapper .slick-slide {
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
opacity: 0;
}
.ft-service-slider-wrapper .slick-slide.slick-active {
opacity: 1;
}
.ft-service-section-2 {
z-index: 1;
overflow: hidden;
padding: 105px 0px;
background-color: #002531;
}
.ft-service-section-2 .ft-service-bg {
left: 0;
right: 0;
top: -100px;
z-index: -1;
}
.ft-service-section-2 .ft-section-title-2 span {
color: #fff;
}
.ft-service-section-2 .ft-section-title-2 h2 {
color: #fff;
}
.ft-service-content-2 {
overflow: hidden;
margin: 0px -15px;
padding-top: 45px;
}
.ft-service-innerbox-2 {
padding: 8px;
max-width: 270px;
overflow: hidden;
margin: 0 auto;
border-radius: 6px;
background-color: #004150;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-service-innerbox-2 .ft-service-img {
overflow: hidden;
border-radius: 6px;
}
.ft-service-innerbox-2 .ft-service-icon {
top: -35px;
right: 15px;
width: 50px;
height: 50px;
border-radius: 5px;
background-color: #fff;
-webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ft-service-innerbox-2 .ft-service-icon i {
font-size: 30px;
line-height: 0.75;
color: #33adff;
}
.ft-service-innerbox-2 h3 {
color: #fff;
font-size: 22px;
font-weight: 700;
padding-bottom: 25px;
}
.ft-service-innerbox-2 .ft-service-text {
padding: 30px 12px 20px;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a:before {
border: 2px solid #fff;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a i {
color: #fff;
}
.ft-service-innerbox-2 .ft-service-text .ft-btn-2 a:hover i {
color: #002a34;
}
.ft-service-innerbox-2 .ft-service-serial {
right: -35px;
bottom: -45px;
height: 100px;
width: 100px;
color: #fff;
font-size: 22px;
font-weight: 700;
border-radius: 100%;
font-family: "Poppins";
background-color: #002e39;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
padding: 15px 10px 10px 32px;
}
.ft-service-innerbox-2:hover {
background-color: #33adff;;
}
.ft-service-innerbox-2:hover .ft-service-serial {
background-color: #c20001;
}
.ft-service-innerbox-2:hover .ft-service-icon {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.ft-service-slider-2 .slick-prev, .ft-service-slider-2 .slick-next {
display: none !important;
}
.ft-service-slider-2 .slick-dots li {
background-color: #fff;
}
.ft-service-page-items {
padding-top: 30px;
}
.ft-service-page-items .ft-service-innerbox-2 {
margin-bottom: 30px;
}
.ft-service-sidebar-widget {
border-radius: 8px;
overflow: hidden;
margin-bottom: 40px;
}
.ft-service-sidebar-widget .widget-title {
font-size: 24px;
font-weight: 700;
}
.ft-service-sidebar-widget .service-category-widget {
padding: 40px 30px;
background-color: #f4f4f4;
}
.ft-service-sidebar-widget .service-category-widget .widget-title {
color: #004150;
padding-bottom: 25px;
}
.ft-service-sidebar-widget .service-category-widget li {
margin-bottom: 15px;
}
.ft-service-sidebar-widget .service-category-widget li:last-child {
margin-bottom: 0;
}
.ft-service-sidebar-widget .service-category-widget li a {
width: 100%;
color: #004150;
font-weight: 700;
position: relative;
padding: 15px 20px;
display: inline-block;
border: 1px solid #d2d2d2;
}
.ft-service-sidebar-widget .service-category-widget li a:after {
top: 15px;
right: 20px;
content: "";
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-service-sidebar-widget .service-category-widget li a:hover {
border: 1px solid #fff;
background-color: white;
-webkit-box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
}
.ft-service-sidebar-widget .service-form-widget {
padding: 30px 20px;
background-color: #33adff;;
}
.ft-service-sidebar-widget .service-form-widget .widget-title, .ft-service-sidebar-widget .service-form-widget p {
color: #fff;
padding-bottom: 10px;
}
.ft-service-sidebar-widget .service-form-widget input, .ft-service-sidebar-widget .service-form-widget textarea {
width: 100%;
color: #fff;
height: 55px;
padding-left: 15px;
margin-bottom: 15px;
border: 1px solid #fff;
background-color: transparent;
}
.ft-service-sidebar-widget .service-form-widget input::-webkit-input-placeholder, .ft-service-sidebar-widget .service-form-widget textarea::-webkit-input-placeholder {
color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input::-moz-placeholder, .ft-service-sidebar-widget .service-form-widget textarea::-moz-placeholder {
color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input:-ms-input-placeholder, .ft-service-sidebar-widget .service-form-widget textarea:-ms-input-placeholder {
color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input::-ms-input-placeholder, .ft-service-sidebar-widget .service-form-widget textarea::-ms-input-placeholder {
color: #fff;
}
.ft-service-sidebar-widget .service-form-widget input::placeholder, .ft-service-sidebar-widget .service-form-widget textarea::placeholder {
color: #fff;
}
.ft-service-sidebar-widget .service-form-widget textarea {
height: 130px;
padding-top: 10px;
}
.ft-service-sidebar-widget .service-form-widget button {
height: 55px;
width: 170px;
color: #004150;
border: none;
margin-top: 10px;
font-weight: 600;
border-radius: 5px;
background-color: #fff;
font-family: "Poppins";
}
.ft-service-sidebar-widget .service-download-widget {
padding: 40px 20px;
background-color: #f4f4f4;
}
.ft-service-sidebar-widget .service-download-widget .widget-title {
color: #004150;
padding-bottom: 25px;
}
.ft-service-sidebar-widget .service-download-widget li {
margin-bottom: 20px;
}
.ft-service-sidebar-widget .service-download-widget li:last-child {
margin-bottom: 0;
}
.ft-service-sidebar-widget .service-download-widget li a {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 500;
padding: 10px 20px;
border-radius: 7px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: white;
-webkit-box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
box-shadow: 0.698px 9.976px 10px 0px rgba(104, 104, 104, 0.1);
}
.ft-service-sidebar-widget .service-download-widget li a i {
width: 38px;
height: 10px;
height: 38px;
font-size: 25px;
line-height: 38px;
text-align: center;
color: #33adff;
-webkit-transition: 0.1s all ease;
transition: 0.1s all ease;
background-color: #fff0f0;
}
.ft-service-sidebar-widget .service-download-widget li a:hover {
color: #fff;
background-color: #33adff;;
}
.ft-service-sidebar-widget .service-download-widget li a:hover i {
color: #fff;
background-color: #ff6c6c;
}
.ft-service-details-img-wrapper .ft-service-details-img {
margin-bottom: 30px;
}
.ft-service-details-text-wrapper h3 {
color: #004150;
font-size: 24px;
font-weight: 700;
padding-bottom: 30px;
}
.ft-service-details-text-wrapper p {
padding-bottom: 30px;
}
.ft-service-details-counter-item {
padding: 25px 30px;
margin-bottom: 30px;
background-color: white;
-webkit-box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
}
.ft-service-details-counter-item .ft-service-details-count-icon {
width: 70px;
height: 100px;
margin-right: 30px;
}
.ft-service-details-counter-item .ft-service-details-count-icon i {
font-size: 70px;
color: #33adff;
}
.ft-service-details-counter-item .ft-service-details-count-text .title {
color: #043440;
font-size: 24px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-service-details-counter-item .ft-service-details-count-text .count-number {
font-size: 48px;
font-weight: 700;
color: #33adff;
}
.ft-service-section-3 {
padding-bottom: 120px;
background-color: #f6f7f9;
}
.ft-service-content-3 {
padding-top: 40px;
}
.ft-service-content-items-3 {
overflow: hidden;
margin-bottom: -10px;
padding-bottom: 10px;
}
.ft-service-innerbox-3 .ft-service-img {
overflow: hidden;
}
.ft-service-innerbox-3 .ft-service-img:before {
left: -15px;
width: 110%;
content: "";
height: 100px;
bottom: -57px;
position: absolute;
background-color: #f2f3f5;
-webkit-transform: rotate(-13deg);
transform: rotate(-13deg);
}
.ft-service-innerbox-3 .ft-service-icon {
right: 30px;
top: -100px;
z-index: 1;
width: 95px;
height: 95px;
border-radius: 100%;
background-color: #fff;
border: 10px solid #008cfb;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-service-innerbox-3 .ft-service-icon i {
color: #141415;
font-size: 40px;
line-height: 0.75;
}
.ft-service-innerbox-3 .ft-service-text-icon {
top: -70px;
max-width: 90%;
margin: 0 auto;
margin-bottom: -70px;
padding: 35px 30px 75px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: white;
-webkit-box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
}
.ft-service-innerbox-3 .ft-service-text-icon:before {
left: 0;
top: -70px;
content: "";
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-bottom: 70px solid #fff;
border-left: 339px solid rgba(255, 255, 255, 0);
}
.ft-service-innerbox-3 .ft-service-text-icon:after {
top: -36px;
left: -4px;
width: 103%;
content: "";
height: 15px;
position: absolute;
background-color: #008eff;
-webkit-transform: rotate(-12deg) skew(-15deg);
transform: rotate(-12deg) skew(-15deg);
}
.ft-service-innerbox-3 .ft-service-text h3 {
color: #121213;
font-size: 22px;
font-weight: 700;
padding-bottom: 15px;
}
.ft-service-innerbox-3 .ft-service-text p {
color: #121213;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-service-innerbox-3 .more-btn {
right: 19px;
bottom: 70px;
}
.ft-service-innerbox-3 .more-btn a {
color: #fff;
font-size: 14px;
font-weight: 700;
position: relative;
padding: 14px 26px;
background-color: #008eff;
}
.ft-service-innerbox-3 .more-btn a:before {
top: 0;
width: 0;
height: 0;
content: "";
left: -16px;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-bottom: 49px solid #008eff;
border-left: 16px solid transparent;
}
.ft-service-innerbox-3 .more-btn a i {
margin-left: 8px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-service-innerbox-3 .more-btn a:hover {
background-color: #fa4318;
}
.ft-service-innerbox-3 .more-btn a:hover:before {
border-bottom: 49px solid #fa4318;
}
.ft-service-innerbox-3 .more-btn a:hover i {
margin-left: 12px;
}
.ft-service-innerbox-3:hover .ft-service-icon {
border: 10px solid #fa4318;
}
.ft-service-innerbox-3:hover .ft-service-text-icon {
background-color: #01011c;
}
.ft-service-innerbox-3:hover .ft-service-text-icon:before {
border-bottom: 70px solid #01011c;
}
.ft-service-innerbox-3:hover .ft-service-text h3, .ft-service-innerbox-3:hover .ft-service-text p {
color: #fff;
}
.ft-service-more-btn {
margin-top: 40px;
}
.ft-service-more-btn a {
color: #fff;
font-size: 14px;
font-weight: 700;
margin-left: 20px;
padding: 10px 30px;
background-color: #008eff;
}
.ft-service-more-btn a:hover {
background-color: #fa4318;
}
.pr-cor-service-section {
z-index: 1;
padding-bottom: 75px;
}
.pr-cor-service-section .map-bg {
left: 0;
right: 0;
z-index: -1;
text-align: center;
}
.pr-cor-service-content {
padding-top: 35px;
}
.pr-cor-service-content .ft-thx-btn {
margin-top: 30px;
}
.pr-cor-service-innerbox {
padding: 15px;
border-radius: 7px;
margin-bottom: 30px;
background-color: #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-box-shadow: 0px 0px 45px 0px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 45px 0px rgba(87, 87, 87, 0.2);
}
.pr-cor-service-innerbox .pr-cor-service-inner-img {
overflow: hidden;
border-radius: 6px;
overflow: hidden;
}
.pr-cor-service-innerbox .pr-cor-service-inner-img img {
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text {
padding: 50px 0px 30px;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text .pr-cor-service-icon {
left: 20px;
top: -30px;
width: 55px;
height: 55px;
border-radius: 5px;
background-color: #fff;
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-webkit-box-shadow: 0px 15px 30px 0px rgba(255, 72, 78, 0.2);
box-shadow: 0px 15px 30px 0px rgba(255, 72, 78, 0.2);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text .pr-cor-service-icon i {
font-size: 35px;
line-height: 0.7;
color: #33adff;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text h3 {
font-size: 20px;
font-weight: 700;
color: #000d51;
padding-bottom: 15px;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text .pr-cor-service-btn {
left: 0;
right: 0;
opacity: 0;
bottom: 0px;
width: 160px;
margin: 0 auto;
visibility: hidden;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text .pr-cor-service-btn a {
width: 160px;
height: 40px;
font-size: 15px;
font-weight: 600;
overflow: hidden;
border-radius: 5px;
padding-left: 15px;
color: #000d51;
font-family: "Poppins";
background-color: #fff;
border: 2px solid #cfcfcf;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text .pr-cor-service-btn a i {
top: 0;
right: 0;
color: #fff;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 10px;
position: absolute;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
background-color: #33adff;;
-webkit-box-shadow: 0px 0px 20px 0px rgba(255, 72, 78, 0.3);
box-shadow: 0px 0px 20px 0px rgba(255, 72, 78, 0.3);
}
.pr-cor-service-innerbox .pr-cor-service-inner-text .pr-cor-service-btn:hover a {
color: #fff;
border: 2px solid #33adff;
background-color: #33adff;;
}
.pr-cor-service-innerbox .pr-cor-service-inner-text .pr-cor-service-btn:hover a i {
background-color: #000d51;
}
.pr-cor-service-innerbox:hover {
-webkit-box-shadow: 0px 0px 45px 0px rgba(87, 87, 87, 0.2);
box-shadow: 0px 0px 45px 0px rgba(87, 87, 87, 0.2);
}
.pr-cor-service-innerbox:hover .pr-cor-service-btn {
opacity: 1;
bottom: -30px;
visibility: visible;
}
.pr-cor-service-innerbox:hover .pr-cor-service-icon {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.pr-cor-service-innerbox:hover .pr-cor-service-inner-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pr-sv-service-section {
padding: 95px 0px 65px;
background-color: #edf4ff;
}
.pr-sv-service-content {
padding-top: 50px;
}
.pr-sv-service-innerbox {
padding: 40px 20px;
margin-bottom: 30px;
background-color: #fff;
-webkit-box-shadow: 0px 15px 30px 0px rgba(144, 144, 144, 0.05);
box-shadow: 0px 15px 30px 0px rgba(144, 144, 144, 0.05);
}
.pr-sv-service-innerbox .pr-sv-service-inner-icon {
width: 60px;
height: 60px;
border-radius: 8px;
background-color: #ff484e54;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sv-service-innerbox .pr-sv-service-inner-icon i {
font-size: 40px;
line-height: 0.75;
color: #33adff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sv-service-innerbox .pr-sv-service-inner-text h3 {
font-size: 18px;
font-weight: 700;
color: #000d51;
padding: 25px 0px 15px;
text-transform: uppercase;
}
.pr-sv-service-innerbox .pr-sv-service-inner-text p {
padding-bottom: 20px;
}
.pr-sv-service-innerbox .pr-sv-service-inner-text .service-more {
font-weight: 600;
color: #000d51;
font-family: "Poppins";
}
.pr-sv-service-innerbox .pr-sv-service-inner-text .service-more i {
font-size: 12px;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.pr-sv-service-innerbox .pr-sv-service-inner-text .service-more:hover {
color: #33adff;
}
.pr-sv-service-innerbox .pr-sv-service-inner-text .service-more:hover i {
margin-left: 5px;
}
.pr-sv-service-innerbox:hover .pr-sv-service-inner-icon {
background-color: #33adff;;
-webkit-box-shadow: 0px 14px 40px 0px rgba(89, 198, 138, 0.3);
box-shadow: 0px 14px 40px 0px rgba(89, 198, 138, 0.3);
}
.pr-sv-service-innerbox:hover .pr-sv-service-inner-icon i {
color: #fff;
}
.ft-thx-service-section-3 {
z-index: 1;
padding: 0px 0px 70px;
background-color: #f9fdfd;
}
.ft-thx-service-section-3 .ft-thx-service-shape {
top: 0;
right: 0;
z-index: -1;
}
.ft-thx-service-section-3 .ft-thx-section-title-3 {
margin: 0 auto;
max-width: 780px;
}
.ft-thx-service-section-3 .ft-thx-section-title-3 p {
margin: 0 auto;
max-width: 550px;
}
.ft-thx-service-section-3 .pr-sx-service-content {
padding-top: 100px;
}
.ft-thx-service-section-3 .ft-thx-btn-2 {
margin-top: 30px;
}
.pr-sx-service-innerbox {
z-index: 1;
border-radius: 10px;
margin-bottom: 30px;
background-color: #fff;
border: 1px solid #e6e6e6;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
padding: 80px 25px 30px 25px;
border-bottom: 5px solid #000d51;
}
.pr-sx-service-innerbox .pr-sx-service-icon-bg {
left: 0;
right: 0;
top: 60px;
z-index: -1;
opacity: 0;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sx-service-innerbox .pr-sx-service-icon-bg i {
color: #ffffff42;
font-size: 155px;
}
.pr-sx-service-innerbox .pr-sx-service-item-icon {
left: 0;
right: 0;
top: -60px;
width: 105px;
height: 105px;
margin: 0 auto;
position: absolute;
border-radius: 100%;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #000d51;
}
.pr-sx-service-innerbox .pr-sx-service-item-icon i {
color: #fff;
line-height: 0.7;
font-size: 48px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sx-service-innerbox .pr-sx-service-item-text h3 {
font-size: 22px;
font-weight: 700;
color: #000d51;
line-height: 1.636;
padding-bottom: 20px;
}
.pr-sx-service-innerbox .pr-sx-service-item-text p {
color: #000d51;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sx-service-innerbox:hover {
background-color: #4ab9cf;
border: 1px solid #4ab9cf;
border-bottom: 5px solid #4ab9cf;
-webkit-box-shadow: 1.883px 26.934px 50px 0px rgba(60, 60, 60, 0.15);
box-shadow: 1.883px 26.934px 50px 0px rgba(60, 60, 60, 0.15);
}
.pr-sx-service-innerbox:hover .pr-sx-service-item-icon {
background-color: #fff;
-webkit-box-shadow: -5.176px 19.319px 50px 0px rgba(60, 60, 60, 0.2);
box-shadow: -5.176px 19.319px 50px 0px rgba(60, 60, 60, 0.2);
}
.pr-sx-service-innerbox:hover .pr-sx-service-item-icon i {
color: #4ab9cf;
}
.pr-sx-service-innerbox:hover .pr-sx-service-item-text h3 {
color: #fff;
}
.pr-sx-service-innerbox:hover .pr-sx-service-item-text p {
color: #fff;
}
.pr-sx-service-innerbox:hover .pr-sx-service-icon-bg {
opacity: 1;
top: 40px;
}
.ft-thx-help-section {
overflow: hidden;
padding: 110px 0px;
}
.ft-thx-help-section .background_overlay {
z-index: 1;
height: 405px;
background-color: rgba(0, 0, 0, 0.8);
}
.ft-thx-help-section .ft-thx-help-bg {
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 405px;
overflow: hidden;
}
.ft-thx-help-content {
z-index: 4;
}
.ft-thx-help-content .ft-thx-section-title-3 {
margin: 0 auto;
max-width: 670px;
padding-bottom: 40px;
}
.ft-thx-help-content .ft-thx-section-title-3 h2 {
color: #fff;
}
.ft-thx-help-item {
overflow: hidden;
border-radius: 5px;
padding: 30px 30px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}
.ft-thx-help-item .ft-thx-help-text {
width: 270px;
}
.ft-thx-help-item .ft-thx-help-text h3 {
color: #000;
font-size: 22px;
line-height: 1.4;
font-weight: 700;
padding-bottom: 15px;
}
.ft-thx-help-item .ft-thx-help-text .ft-thx-btn-2 a {
height: 50px;
width: 150px;
}
.ft-thx-help-item .ft-thx-help-img {
z-index: 1;
width: 210px;
position: relative;
}
.ft-thx-help-item .ft-thx-help-img:before {
top: 8px;
right: -8px;
bottom: -8px;
left: 8px;
z-index: -1;
content: "";
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #4ab9cf;
}
.ft-thx-help-item:hover .ft-thx-help-img:before {
left: -8px;
right: 8px;
top: -8px;
bottom: 8px;
}
/*---------------------------------------------------- */
/*Counter area*/
/*----------------------------------------------------*/
.ft-counterup-section {
z-index: 1;
padding: 60px 0px 100px;
}
.ft-counterup-section:before {
top: 0;
left: 0;
width: 100%;
z-index: -1;
content: "";
height: 130px;
position: absolute;
background-color: #f6f6f6;
}
.ft-counterup-innerbox {
margin-left: 40px;
border-radius: 8px;
background-color: #fff;
padding: 25px 25px 25px 65px;
-webkit-box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}
.ft-counterup-innerbox .ft-counterup-icon {
top: 50%;
left: -40px;
z-index: 1;
width: 80px;
height: 80px;
position: absolute;
border-radius: 100%;
background-color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 5.694px 12.79px 30px 0px rgba(234, 30, 0, 0.15);
box-shadow: 5.694px 12.79px 30px 0px rgba(234, 30, 0, 0.15);
}
.ft-counterup-innerbox .ft-counterup-icon:before {
top: 8px;
left: 8px;
content: "";
z-index: -1;
width: 65px;
height: 65px;
position: absolute;
border-radius: 100%;
background-color: #00044b;
}
.ft-counterup-innerbox .ft-counterup-icon i {
color: #fff;
font-size: 35px;
line-height: 0.75;
}
.ft-counterup-innerbox .ft-counterup-text h3 {
color: #00044b;
font-size: 48px;
font-weight: 700;
}
.ft-counterup-innerbox .ft-counterup-text p {
color: #00044b;
font-weight: 700;
}
/*---------------------------------------------------- */
/*why choose area*/
/*----------------------------------------------------*/
.ft-why-choose-section {
z-index: 1;
padding-bottom: 80px;
}
.ft-why-choose-section:before {
top: 0;
right: 0;
width: 50.7%;
z-index: -1;
content: "";
height: 100%;
position: absolute;
background-color: #fff;
}
.ft-why-choose-text-area .ft-section-title {
max-width: 600px;
padding-left: 100px;
}
.ft-why-choose-feature-wrapper {
padding-top: 18px;
padding-left: 30px;
}
.ft-why-choose-feature-item {
margin-bottom: 25px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon {
z-index: 1;
width: 85px;
height: 85px;
margin-right: 23px;
border-radius: 100%;
background-color: #fff;
-webkit-box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.045px 9.945px 40px 0px rgba(68, 68, 68, 0.15);
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon i {
font-size: 40px;
line-height: 0.75;
color: #33adff;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon:before {
top: 10px;
left: 10px;
content: "";
z-index: -1;
width: 65px;
height: 65px;
position: absolute;
border-radius: 100%;
background-color: #ffebe8;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text {
max-width: 420px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text h3 {
color: #00044b;
font-size: 22px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text p {
line-height: 1.5;
}
.ft-why-choose-section-2 {
z-index: 1;
overflow: hidden;
padding: 115px 0px 250px;
}
.ft-why-choose-section-2 .why-choose-img-2 {
right: 0;
bottom: 75px;
}
.ft-why-choose-section-2 .why-choose-bg-2 {
top: 0;
left: 0;
opacity: 0.07;
z-index: -1;
position: absolute;
}
.ft-why-choose-section-2 .ft-why-choose-text-2 {
padding-top: 50px;
}
.ft-why-choose-list-wrapper {
max-width: 460px;
margin-top: 42px;
}
.ft-why-choose-list-wrapper li {
color: #0b0b0b;
font-size: 18px;
padding-left: 35px;
margin-bottom: 15px;
position: relative;
font-family: "Poppins";
}
.ft-why-choose-list-wrapper li:last-child {
margin-bottom: 0;
}
.ft-why-choose-list-wrapper li:before {
top: 2px;
left: 0;
font-size: 18px;
color: #008eff;
content: "";
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-why-choose-form-wrapper {
padding-left: 35px;
}
.ft-why-choose-form {
max-width: 455px;
padding: 45px 30px 45px;
background-color: #080c24;
}
.ft-why-choose-form .wc-input {
margin-bottom: 20px;
}
.ft-why-choose-form .wc-input span {
color: #fff;
display: block;
font-size: 15px;
margin-bottom: 10px;
}
.ft-why-choose-form .wc-input select, .ft-why-choose-form .wc-input input {
width: 100%;
height: 48px;
border: none;
border: none;
color: #d0cfcf;
font-size: 14px;
border-radius: 5px;
padding-left: 15px;
-webkit-appearance: none;
background-color: #494d62;
}
.ft-why-choose-form .wc-input select::-webkit-input-placeholder, .ft-why-choose-form .wc-input input::-webkit-input-placeholder {
color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::-moz-placeholder, .ft-why-choose-form .wc-input input::-moz-placeholder {
color: #d0cfcf;
}
.ft-why-choose-form .wc-input select:-ms-input-placeholder, .ft-why-choose-form .wc-input input:-ms-input-placeholder {
color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::-ms-input-placeholder, .ft-why-choose-form .wc-input input::-ms-input-placeholder {
color: #d0cfcf;
}
.ft-why-choose-form .wc-input select::placeholder, .ft-why-choose-form .wc-input input::placeholder {
color: #d0cfcf;
}
.ft-why-choose-form .wc-select:before {
top: 13px;
right: 12px;
color: #d0cfcf;
font-size: 15px;
content: "";
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-why-choose-form .wc-input-range {
margin-bottom: 20px;
}
.ft-why-choose-form .wc-input-range span {
color: #fff;
display: block;
font-size: 15px;
margin-bottom: 10px;
}
.ft-why-choose-form .wc-input-range #slider-range {
height: 7px;
width: 300px;
border: none;
border-radius: 0;
margin-right: 15px;
background-color: #adaeb0;
}
.ft-why-choose-form .wc-input-range #slider-range .ui-widget-header {
background-color: #fa4318;
}
.ft-why-choose-form .wc-input-range #slider-range .ui-slider-handle {
top: -10px;
width: 27px;
height: 27px;
margin-left: 0;
cursor: pointer;
margin-bottom: 0;
border-radius: 100%;
border: 5px solid #fa4318;
}
.ft-why-choose-form .wc-input-range #slider-range .ui-slider-handle:focus {
outline: none;
}
.ft-why-choose-form .wc-input-range .range-value input {
width: 100px;
height: 40px;
border: none;
color: #d0cfcf;
border-radius: 5px;
padding-left: 15px;
background-color: #494d62;
}
.ft-why-choose-form button {
color: #fff;
height: 48px;
border: none;
width: 185px;
margin-top: 5px;
font-weight: 700;
border-radius: 5px;
border-radius: 5px;
background-color: #008eff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-why-choose-form button:hover {
background-color: #fa4318;
}
.ft-why-choose-form p {
color: #fff;
font-size: 14px;
padding-top: 15px;
}
.ft-why-choose-form p a {
color: #008eff;
}
.ft-thx-why-choose-us-section {
padding: 110px 0px 90px;
background-color: #fafbff;
}
.pr-an-why-choose-feature-item {
margin-bottom: 30px;
background-color: #fff;
padding: 0px 25px 40px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-box-shadow: 1.782px 0.908px 30px 0px rgba(118, 117, 117, 0.1);
box-shadow: 1.782px 0.908px 30px 0px rgba(118, 117, 117, 0.1);
}
.pr-an-why-choose-feature-item .pr-an-why-choose-ft-icon {
width: 60px;
height: 60px;
background-color: #fbdad2;
border-bottom-left-radius: 5px;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
border-bottom-right-radius: 5px;
}
.pr-an-why-choose-feature-item .pr-an-why-choose-ft-icon i {
font-size: 30px;
color: #33adff;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.pr-an-why-choose-feature-item .pr-an-why-choose-ft-text {
padding-top: 30px;
}
.pr-an-why-choose-feature-item .pr-an-why-choose-ft-text h3 {
font-size: 18px;
font-weight: 700;
color: #000d51;
padding-bottom: 15px;
}
.pr-an-why-choose-feature-item:hover {
-webkit-box-shadow: 1.782px 0.908px 30px 0px rgba(118, 117, 117, 0.2);
box-shadow: 1.782px 0.908px 30px 0px rgba(118, 117, 117, 0.2);
}
.pr-an-why-choose-feature-item:hover .pr-an-why-choose-ft-icon {
background-color: #000d51;
-webkit-box-shadow: 1.809px 12.873px 30px 0px rgba(241, 70, 41, 0.2);
box-shadow: 1.809px 12.873px 30px 0px rgba(241, 70, 41, 0.2);
}
.pr-an-why-choose-feature-item:hover .pr-an-why-choose-ft-icon i {
color: #fff;
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.pr-an-why-choose-text-wrapper {
padding-left: 15px;
}
.pr-an-why-choose-list {
padding: 40px 0px;
}
.pr-an-why-choose-list li {
padding-left: 35px;
position: relative;
margin-bottom: 12px;
}
.pr-an-why-choose-list li:after {
left: 0;
top: 3px;
width: 20px;
content: "";
height: 20px;
position: absolute;
background-repeat: no-repeat;
background-image: url(../imgs/icon/checked.png);
}
.ft-thx-why-choose-us-section-3 {
padding: 115px 0px 85px;
}
.ft-thx-why-choose-img-3 {
padding-left: 95px;
}
.ft-thx-why-choose-img-3 .inner-img {
overflow: hidden;
border-radius: 5px;
display: inline-block;
}
.ft-thx-why-choose-img-3 .inner-text {
top: 50px;
left: 0;
color: #050505;
font-size: 20px;
max-width: 200px;
border-radius: 5px;
padding: 20px 30px;
font-weight: 700;
background-color: #fff;
font-family: "Poppins";
position: absolute;
-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}
.ft-thx-why-choose-img-3 .inner-img-2 {
left: 0;
bottom: -50px;
border: 15px solid #fff;
}
.ft-thx-why-choose-item-box {
padding-top: 20px;
}
.ft-thx-why-choose-item-box .ft-thx-why-choose-item {
position: relative;
margin-bottom: 25px;
margin-left: 40px;
padding: 34px 15px 34px 50px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft-thx-why-choose-item-box .ft-thx-why-choose-item h3 {
color: #050505;
font-size: 20px;
font-weight: 600;
}
.ft-thx-why-choose-item-box .ft-thx-why-choose-item span {
top: 16px;
left: -30px;
color: #fff;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
font-weight: 500;
position: absolute;
border-radius: 100%;
background-color: #4ab9cf;
}
/*---------------------------------------------------- */
/*Team area*/
/*----------------------------------------------------*/
.ft-team-section {
padding: 105px 0px 75px;
}
.ft-team-text-area .ft-section-title {
margin-bottom: 30px;
}
.ft-team-inner-itembox {
margin: 0 auto;
max-width: 370px;
overflow: hidden;
border-radius: 5px;
margin-bottom: 30px;
}
.ft-team-inner-itembox .hover-shape {
opacity: 0;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-team-inner-itembox .ft-team-inner-item-text {
left: 50px;
bottom: 25px;
position: absolute;
}
.ft-team-inner-itembox .ft-team-inner-item-text h3 {
opacity: 0;
color: #fff;
font-size: 18px;
font-weight: 700;
padding-bottom: 5px;
position: relative;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.ft-team-inner-itembox .ft-team-inner-item-text h3 a {
-webkit-transition: none;
transition: none;
}
.ft-team-inner-itembox .ft-team-inner-item-text h3:before {
top: 12px;
left: -30px;
width: 25px;
height: 3px;
content: "";
position: absolute;
background-color: #fff;
}
.ft-team-inner-itembox .ft-team-inner-item-text h3:hover {
color: #33adff;
}
.ft-team-inner-itembox .ft-team-inner-item-text span {
opacity: 0;
color: #fff;
font-size: 15px;
font-weight: 500;
display: inline-block;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
.ft-team-inner-itembox:hover .hover-shape {
opacity: 1;
}
.ft-team-inner-itembox:hover .ft-team-inner-item-text h3, .ft-team-inner-itembox:hover .ft-team-inner-item-text span {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.ft-team-details-content {
padding: 0px 65px;
border-radius: 8px;
margin: 65px 0px;
background-color: #003440;
}
.ft-team-details-content .ft-team-details-img {
top: -60px;
overflow: hidden;
max-width: 365px;
border-radius: 8px;
}
.ft-team-details-content .ft-team-details-text-wrapper {
padding: 50px 0px;
}
.ft-team-details-content .ft-team-details-text {
color: #fff;
padding-bottom: 22px;
}
.ft-team-details-content .ft-team-details-text h3 {
color: #fff;
font-size: 36px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-team-details-content .ft-team-details-text span {
font-size: 18px;
font-weight: 700;
display: inline-block;
padding-bottom: 10px;
}
.ft-team-details-content .ft-team-details-info {
color: #fff;
}
.ft-team-details-content .ft-team-details-info li {
font-size: 18px;
margin-bottom: 5px;
}
.ft-team-details-content .ft-team-details-info li span {
margin-right: 8px;
font-weight: 700;
}
.ft-team-details-content .coming-soon-social {
margin-top: 15px;
}
.ft-team-personal .title {
color: #003440;
font-size: 36px;
font-weight: 700;
padding-bottom: 20px;
}
.ft-team-personal-skill {
margin-top: 30px;
}
.ft-team-skill-inner {
padding: 30px 15px 20px;
background-color: #fff;
-webkit-box-shadow: 0.837px 11.971px 30px 0px rgba(89, 89, 89, 0.1);
box-shadow: 0.837px 11.971px 30px 0px rgba(89, 89, 89, 0.1);
}
.ft-team-skill-inner .counter-boxed {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-right: 15px;
}
.ft-team-skill-inner .counter-boxed .graph-outer {
margin: 0;
}
.ft-team-skill-inner .ft-team-skill-text h3 {
color: #003440;
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-team-contact-form-wrapper {
margin-top: 65px;
padding: 40px 30px;
border-radius: 7px;
-webkit-box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
}
.ft-team-contact-form-wrapper h3 {
color: #003440;
font-size: 24px;
font-weight: 700;
padding-bottom: 40px;
}
.ft-team-contact-form-wrapper input, .ft-team-contact-form-wrapper textarea {
width: 100%;
height: 55px;
border-radius: 5px;
padding-left: 15px;
margin-bottom: 20px;
border: 1px solid #cbcbcb;
}
.ft-team-contact-form-wrapper textarea {
height: 200px;
padding-top: 10px;
}
.ft-team-personal-cta {
border-radius: 5px;
padding: 80px 20px 70px;
}
.ft-team-personal-cta .ft-team-personal-cta-icon {
width: 60px;
height: 60px;
margin: 0 auto;
margin-bottom: 15px;
border-radius: 100%;
background-color: #fff;
}
.ft-team-personal-cta .ft-team-personal-cta-icon i {
font-size: 35px;
color: #33adff;
}
.ft-team-personal-cta .ft-team-personal-cta-text {
color: #fff;
}
.ft-team-personal-cta .ft-team-personal-cta-text h3 {
font-size: 24px;
font-weight: 700;
padding-bottom: 20px;
}
.ft-team-personal-cta .ft-team-personal-cta-text span {
color: #fff;
display: block;
font-weight: 700;
margin-bottom: 10px;
font-family: "Poppins";
}
.pr-sv-team-section {
padding: 100px 0px;
background-color: #f5f8fd;
}
.pr-sv-team-content {
padding-top: 140px;
}
.pr-sv-team-content .ft-thx-btn {
margin-top: 60px;
}
.pr-sv-team-innerbox {
background-color: #fff;
padding: 120px 30px 30px;
-webkit-box-shadow: 0px 23px 40px 0px rgba(135, 135, 135, 0.1);
box-shadow: 0px 23px 40px 0px rgba(135, 135, 135, 0.1);
}
.pr-sv-team-innerbox .pr-sv-team-inner-img-wrap {
left: 0;
right: 0;
top: -90px;
z-index: 1;
position: absolute;
}
.pr-sv-team-innerbox .pr-sv-team-inner-img-wrap:after {
top: 25px;
left: 0;
right: 0;
z-index: -1;
content: "";
width: 135px;
height: 135px;
margin: 0 auto;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 10px;
background-color: #33adff;;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sv-team-innerbox .pr-sv-team-inner-img {
width: 185px;
height: 185px;
margin: 0 auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-mask-image: url(../imgs/tm-sh.png);
mask-image: url(../imgs/tm-sh.png);
}
.pr-sv-team-innerbox .pr-sv-team-inner-text h3 {
font-size: 18px;
font-weight: 700;
padding-bottom: 5px;
color: #000d51;
}
.pr-sv-team-innerbox .pr-sv-team-inner-text span {
font-weight: 500;
}
.pr-sv-team-innerbox .pr-sv-team-inner-text .pr-sv-team-social {
left: 0;
right: 0;
opacity: 0;
bottom: -30px;
padding-top: 6px;
position: absolute;
padding-bottom: 30px;
background-color: #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sv-team-innerbox .pr-sv-team-inner-text .pr-sv-team-social a {
width: 30px;
color: #fff;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0px 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #000d51;
}
.pr-sv-team-innerbox .pr-sv-team-inner-text .pr-sv-team-social a:hover {
color: #fff;
background-color: #33adff;;
}
.pr-sv-team-innerbox:hover .pr-sv-team-social {
opacity: 1;
bottom: -40px;
}
.pr-sv-team-innerbox:hover .pr-sv-team-inner-img-wrap:after {
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
.pr-sx-team-section {
padding: 110px 0px;
background-color: #f5f8fd;
}
.pr-sx-team-member-innerbox {
margin-top: 5px;
background-color: #fff;
padding: 40px 0px 0px;
-webkit-box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.05);
box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.05);
}
.pr-sx-team-member-innerbox .pr-sx-team-member-img {
padding-left: 35px;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text {
padding-top: 25px;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text h3 {
font-size: 22px;
font-weight: 700;
color: #050505;
padding-bottom: 10px;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text b {
color: #4ab9cf;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text p {
padding: 20px 0px 0px;
font-size: 15px;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text p span {
color: #050505;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text .pr-sx-team-social {
margin: 20px 0px 30px;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text .pr-sx-team-social a {
color: #fff;
width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
margin-right: 8px;
text-align: center;
border-radius: 100%;
display: inline-block;
background-color: #050505;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text .pr-sx-team-social a:hover {
background-color: #4ab9cf;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text .ft-thx-btn-2 a {
height: 50px;
width: 130px;
}
.pr-sx-team-nav-item-wrapper {
margin: 0 auto;
max-width: 470px;
margin-top: 45px;
}
.pr-sx-team-nav-item-wrapper .slick-prev, .pr-sx-team-nav-item-wrapper .slick-next {
width: 40px;
height: 40px;
border-radius: 100%;
background-color: #4ab9cf;
}
.pr-sx-team-nav-item-wrapper .slick-prev {
left: -30px;
}
.pr-sx-team-nav-item-wrapper .slick-next {
right: -30px;
}
.pr-sx-team-nav-item-wrapper .slick-prev:before, .pr-sx-team-nav-item-wrapper .slick-next:before {
opacity: 1;
font-weight: 900;
font-family: "Font Awesome 5 Pro";
}
.pr-sx-team-nav-item-wrapper .slick-prev:before {
content: "";
}
.pr-sx-team-nav-item-wrapper .slick-next:before {
content: "";
}
.pr-sx-team-img-nav .pr-sx-team-nav-item {
opacity: 0;
overflow: hidden;
border-radius: 100%;
-webkit-transform: scale(0.8);
transform: scale(0.8);
border: 2px solid #9e9e9e;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-sx-team-img-nav .pr-sx-team-nav-item.slick-active {
opacity: 1;
}
.pr-sx-team-img-nav .pr-sx-team-nav-item.slick-current.slick-active.slick-center {
-webkit-transform: scale(1);
transform: scale(1);
border: 2px solid #000d51;
}
/*---------------------------------------------------- */
/*Project area*/
/*----------------------------------------------------*/
.ft-project-section {
z-index: 1;
overflow: hidden;
padding-top: 105px;
}
.ft-project-section:before {
top: 0;
left: 0;
z-index: -1;
content: "";
width: 100%;
height: 400px;
position: absolute;
background-color: #00044b;
}
.ft-project-section .ft-section-title {
max-width: 420px;
}
.ft-project-section .ft-section-title span, .ft-project-section .ft-section-title h2 {
color: #fff;
}
.ft-project-section .ft-section-title h2 {
padding-bottom: 0;
}
.ft-project-slider-wrapper {
padding-top: 50px;
}
.ft-project-itembox .ft-project-img {
overflow: hidden;
border-radius: 5px;
}
.ft-project-itembox .ft-project-text {
left: 0;
top: 50%;
opacity: 0;
max-width: 370px;
padding: 40px 30px;
border-radius: 5px;
position: absolute;
background-color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}
.ft-project-itembox .ft-project-text h3 {
color: #00044b;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
padding-left: 50px;
position: relative;
padding-bottom: 15px;
}
.ft-project-itembox .ft-project-text h3:before {
left: 0;
top: 23px;
content: "";
height: 2px;
width: 40px;
position: absolute;
background-color: #33adff;;
}
.ft-project-itembox .ft-project-text p {
line-height: 1.5;
padding-bottom: 25px;
}
.ft-project-itembox .ft-project-text .ft-btn a {
background-color: #00044b;
}
.slick-current.slick-center .ft-project-itembox {
margin-left: -200px;
padding-left: 200px;
}
.slick-current.slick-center .ft-project-itembox .ft-project-text {
opacity: 1;
}
.ft-project-slider-area {
margin: 0px -100px;
}
.ft-project-slider-area .slick-list {
overflow: visible;
}
.ft-project-slider-area .slick-slide {
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
opacity: 0;
}
.ft-project-slider-area .slick-slide.slick-active {
opacity: 1;
}
.ft-project-slider-area .slick-dots {
margin-top: 50px;
}
.ft-portfolio-content-2 {
padding-top: 45px;
}
.ft-portfolio-section-2 {
z-index: 1;
overflow: hidden;
padding: 105px 0px 90px;
}
.ft-portfolio-section-2:before {
top: 0;
left: 0;
z-index: -1;
width: 100%;
content: "";
height: 550px;
position: absolute;
background-color: #003440;
}
.ft-portfolio-section-2 .ft-section-title-2 {
max-width: 505px;
}
.ft-portfolio-section-2 .ft-section-title-2 .sub-title {
color: #fff;
}
.ft-portfolio-section-2 .ft-section-title-2 h2 {
color: #fff;
padding-bottom: 0;
}
.ft-portfolio-slider-item {
padding: 5px;
}
.ft-portfolio-content-2 {
margin: 0px -5px;
}
.ft-portfolio-slider-innerbox {
overflow: hidden;
}
.ft-portfolio-slider-innerbox:before {
top: 50%;
left: 50px;
right: 0;
content: "";
width: 92%;
height: 92%;
opacity: 0;
margin: 0 auto;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: rgba(0, 54, 66, 0.95);
}
.ft-portfolio-slider-innerbox .ft-portfolio-text {
left: 45px;
bottom: 55px;
max-width: 385px;
position: absolute;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
opacity: 0;
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
padding-bottom: 20px;
-webkit-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text p {
opacity: 0;
color: #fff;
max-width: 360px;
padding-bottom: 25px;
-webkit-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text .ft-btn-3 {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text .ft-btn-3 a {
height: 45px;
width: 150px;
}
.ft-portfolio-slider-innerbox:hover:before {
left: 0;
opacity: 1;
}
.ft-portfolio-slider-innerbox:hover .ft-portfolio-text h3, .ft-portfolio-slider-innerbox:hover .ft-portfolio-text p, .ft-portfolio-slider-innerbox:hover .ft-portfolio-text .ft-btn-3 {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.ft-portfolio-slider-2 .slick-dots {
position: static;
margin-top: 32px;
}
.ft-portfolio-slider-2 .slick-dots button {
display: none;
}
.ft-portfolio-slider-2 .slick-dots li {
width: 30px;
height: 5px;
background-color: #003440;
}
.ft-portfolio-slider-2 .slick-dots li.slick-active {
background-color: #33adff;;
}
.ft-project-item-filter-btn {
margin-bottom: 50px;
}
.ft-project-item-filter-btn li {
color: #043441;
cursor: pointer;
font-weight: 500;
padding: 7px 20px;
border-radius: 20px;
}
.ft-project-item-filter-btn li.filtr-active {
color: #fff;
background-color: #33adff;;
}
.ft-project-post-item-content .ft-btn {
margin-top: 30px;
}
.ft-project-post-item-content .ft-btn a {
margin: 0 auto;
border-radius: 30px;
background-color: #043441;
}
.ft-project-item-wrapper .ft-portfolio-slider-innerbox {
margin: 0 auto;
max-width: 370px;
border-radius: 5px;
margin-bottom: 30px;
}
.ft-project-item-wrapper .ft-portfolio-slider-innerbox .ft-portfolio-text {
max-width: 285px;
}
.ft-project-item-wrapper .ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
font-size: 20px;
}
.ft-project-item-wrapper .ft-portfolio-slider-innerbox .ft-portfolio-text p {
font-size: 14px;
}
.ft-portfolio-overview-text {
overflow: hidden;
border-radius: 8px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
}
.ft-portfolio-overview-text .project-title-overview {
padding: 15px;
background-color: #33adff;;
}
.ft-portfolio-overview-text .project-title-overview h3 {
color: #fff;
font-size: 22px;
font-weight: 700;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value {
padding: 30px;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-portfolio-overview-list li {
color: #1a2428;
font-weight: 700;
margin-bottom: 5px;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-portfolio-overview-list li span {
float: right;
font-weight: 400;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-project-value {
margin-top: 20px;
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-project-value span {
color: #1a2428;
font-size: 24px;
font-weight: 700;
font-family: "Poppins";
}
.ft-portfolio-overview-text .ft-portfolio-overview-list-value .ft-project-value ul li {
font-size: 14px;
color: #ffc601;
}
.ft-project-overview-text-wrapper {
z-index: 1;
padding-top: 35px;
}
.ft-project-overview-text-wrapper h3 {
color: #191919;
font-size: 30px;
font-weight: 700;
padding-bottom: 20px;
}
.ft-project-overview-text-wrapper p {
font-size: 17px;
}
.ft-project-overview-comment-list {
font-size: 17px;
padding-top: 35px;
}
.ft-project-overview-list-item li {
padding-left: 25px;
margin-bottom: 20px;
position: relative;
}
.ft-project-overview-list-item li:before {
top: 0;
left: 0;
content: "";
font-weight: 900;
position: absolute;
color: #33adff;
font-family: "Font Awesome 5 Pro";
}
.ft-project-overview-comment-wrapper {
padding: 40px;
margin-left: 60px;
background-color: white;
-webkit-box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
box-shadow: 0px 0px 75px 0px rgba(0, 3, 13, 0.15);
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-img {
width: 110px;
height: 110px;
line-height: 103px;
margin-right: 25px;
text-align: center;
border-radius: 100%;
border: 2px solid #33adff;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-img img {
width: 90px;
height: 90px;
border-radius: 100%;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-text {
width: 385px;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-text h4 {
color: #191919;
font-size: 20px;
font-weight: 700;
padding: 20px 0px 5px;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-text span {
color: #00044b;
}
.ft-similar-work-section {
padding-bottom: 110px;
}
.ft-similar-work-section .ft-similar-work-content h2 {
color: #043441;
font-size: 26px;
font-weight: 700;
text-align: center;
padding-bottom: 30px;
}
.ft-similar-work-section .ft-portfolio-slider-innerbox .ft-portfolio-text {
max-width: 290px;
}
.ft-case-study-section {
overflow: hidden;
}
.ft-case-study-items {
width: 25%;
border-right: 1px solid #8a8a8a;
}
.ft-case-study-items .ft-case-study-img {
position: relative;
}
.ft-case-study-items .ft-case-study-img:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: rgba(0, 0, 0, 0.65);
}
.ft-case-study-items .ft-case-study-text {
left: 60px;
bottom: -25px;
max-width: 335px;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-case-study-items .ft-case-study-text .serial-no {
color: #fa4318;
font-size: 20px;
font-weight: 500;
}
.ft-case-study-items .ft-case-study-text h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
padding: 25px 0px 25px;
}
.ft-case-study-items .ft-case-study-text p {
opacity: 0;
color: #fff;
line-height: 1.688;
padding-bottom: 35px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-case-study-items .more-btn {
left: 60px;
color: #fff;
width: 45px;
height: 45px;
bottom: 40px;
position: absolute;
border: 2px solid rgba(255, 255, 255, 0.6);
}
.ft-case-study-items .more-btn:hover {
color: #000;
background-color: #fff;
}
.ft-case-study-items:hover .ft-case-study-text {
bottom: 90px;
}
.ft-case-study-items:hover .ft-case-study-text p {
opacity: 1;
}
.ft-case-study-items:hover .ft-case-study-img:before {
background-color: rgba(0, 67, 135, 0.85);
}
.ft-thx-project-section {
z-index: 1;
padding: 110px 0px;
}
.ft-thx-project-section:before, .ft-thx-project-section:after {
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 450px;
content: "";
position: absolute;
background-image: url(../img/bg/c-bg.jpg);
}
.ft-thx-project-section:after {
background-image: none;
background-color: rgba(0, 13, 81, 0.9);
}
.ft-thx-project-section .pr-cor-section-title {
max-width: 450px;
}
.ft-thx-project-section .pr-cor-section-title h2 {
color: #fff;
padding-bottom: 0;
}
.ft-thx-project-slider-area {
padding-top: 60px;
}
.ft-thx-project-slider-item {
overflow: hidden;
margin: 0px 10px;
}
.ft-thx-project-slider-item .ft-thx-inner-text {
right: 0;
width: 90%;
opacity: 0;
left: -100%;
color: #fff;
bottom: 30px;
margin: 0 auto;
padding: 30px 20px;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #000d51;
}
.ft-thx-project-slider-item .ft-thx-inner-text span {
font-weight: 600;
}
.ft-thx-project-slider-item .ft-thx-inner-text h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
padding: 10px 0px;
max-width: 280px;
}
.ft-thx-project-slider-item .ft-thx-inner-text .read-more {
top: 50%;
right: 30px;
width: 50px;
height: 50px;
font-size: 20px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fe484e;
}
.ft-thx-project-slider-item:hover .ft-thx-inner-text {
left: 0;
opacity: 1;
}
.port_left_arrow,
.port_right_arrow {
top: 0;
right: 0;
border: none;
color: #fff;
width: 50px;
height: 50px;
margin-left: 10px;
background-color: #fe484e;
}
.port_left_arrow:hover, .port_left_arrow:focus,
.port_right_arrow:hover,
.port_right_arrow:focus {
color: #fff;
}
.ft-thx-project-slider .slick-next,
.ft-thx-project-slider .slick-prev {
display: none;
}
.pr-sv-case-study-section {
padding: 110px 0px 70px;
}
.pr-sv-case-study-section .pr-sx-secion-title {
margin: 0;
max-width: 580px;
padding-bottom: 40px;
}
.pr-sv-case-study-filter-btn {
margin-bottom: 55px;
}
.pr-sv-case-study-filter-btn li {
cursor: pointer;
font-weight: 600;
padding: 10px 25px;
border-radius: 5px;
color: #000d51;
font-family: "Poppins";
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
}
.pr-sv-case-study-filter-btn li.filtr-active {
color: #fff;
background-color: #fe484e;
}
.pr-sv-case-study-item {
max-width: 370px;
border-radius: 8px;
margin-bottom: 40px;
background-color: white;
-webkit-box-shadow: 0px 20px 50px 0px rgba(60, 60, 60, 0.1);
box-shadow: 0px 20px 50px 0px rgba(60, 60, 60, 0.1);
}
.pr-sv-case-study-item .pr-sv-case-study-img {
overflow: hidden;
border-radius: 10px;
}
.pr-sv-case-study-item .pr-sv-case-study-img:before {
top: 0;
left: 0;
width: 100%;
content: "";
opacity: 0;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
}
.pr-sv-case-study-item .pr-sv-case-study-img a {
left: 0;
top: 40%;
right: 0;
opacity: 0;
font-size: 30px;
text-align: center;
position: absolute;
color: #fe484e;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.pr-sv-case-study-item .pr-sv-case-study-text {
padding: 25px 20px;
}
.pr-sv-case-study-item .pr-sv-case-study-text h3 {
font-size: 22px;
font-weight: 700;
line-height: 1.636;
color: #000d51;
}
.pr-sv-case-study-item:hover .pr-sv-case-study-img:before {
opacity: 1;
}
.pr-sv-case-study-item:hover .pr-sv-case-study-img a {
top: 50%;
opacity: 1;
}
.ft-thx-project-section-3 {
padding: 115px 0px;
}
.ft-thx-project-top-content-3 .ft-thx-section-title-3 {
max-width: 550px;
}
.ft-thx-project-top-content-3 .ft-thx-section-title-3 h2 {
color: #fff;
}
.ft-thx-project-slider-item-wrap {
padding: 0px 5px;
}
.ft-thx-project-slider-item-3:before, .ft-thx-project-slider-item-3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 85%;
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 27, 27, 0)), to(#1b1b1b));
background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0), #1b1b1b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="rgba(27, 27, 27, 0)",endColorStr="#1b1b1b");
}
.ft-thx-project-slider-item-3:after {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 27, 27, 0)), to(#4ab9cf));
background-image: linear-gradient(to bottom, rgba(27, 27, 27, 0), #4ab9cf);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="rgba(27, 27, 27, 0)",endColorStr="#4ab9cf");
opacity: 0;
}
.ft-thx-project-slider-item-3 .ft-thx-inner-text {
left: 0;
bottom: 0;
color: #fff;
z-index: 5;
position: absolute;
padding: 32px 50px;
}
.ft-thx-project-slider-item-3 .ft-thx-inner-text h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
padding-top: 8px;
}
.ft-thx-project-slider-item-3:hover:before {
opacity: 0;
}
.ft-thx-project-slider-item-3:hover:after {
opacity: 1;
}
.ft-thx-project-slider-3 {
margin-top: 50px;
}
.ft-thx-project-slider-3 .slick-arrow {
height: 46px;
width: 46px;
background-color: #fff;
-webkit-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
-ms-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
-o-box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
box-shadow: 0 0 13px rgba(1, 25, 59, 0.1) !important;
margin: 0;
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
transform: translate(0, 0);
bottom: 15px;
}
.port_left_arrow3,
.port_right_arrow3 {
width: 60px;
color: #fff;
border: none;
height: 60px;
margin-left: 10px;
border-radius: 100%;
background-color: #4ab9cf;
}
/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.ft-testimonial-section {
z-index: 1;
overflow: hidden;
padding: 105px 0px;
}
.ft-testimonial-section .ft-section-title {
margin: 0 auto;
max-width: 470px;
}
.ft-testimonial-section .ft-testimonial-map {
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.ft-testimonial-slider-wrapper {
padding-top: 20px;
}
.ft-testimonial-item-innerbox {
padding: 30px 30px 0px 30px;
background-color: #fff;
-webkit-box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.045px 9.945px 60px 0px rgba(68, 68, 68, 0.15);
}
.ft-testimonial-item-innerbox .ft-testimonial-item-img-wrapper {
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 10px;
}
.ft-testimonial-item-innerbox .ft-testimonial-item-img {
width: 70px;
height: 70px;
margin: 0 auto;
overflow: hidden;
border-radius: 100%;
border: 2px solid #cbcbcb;
}
.ft-testimonial-item-innerbox .ft-testimonial-text-item {
padding-bottom: 35px;
}
.ft-testimonial-item-innerbox .ft-testimonial-quote {
right: 0px;
width: 28px;
bottom: 15px;
height: 28px;
border-radius: 100%;
background-color: #fff;
border: 2px solid #cbcbcb;
}
.ft-testimonial-item-innerbox .ft-testimonial-name {
z-index: 1;
width: 270px;
}
.ft-testimonial-item-innerbox .ft-testimonial-name h3 {
color: #fff;
font-size: 18px;
font-weight: 700;
position: relative;
padding-left: 48px;
}
.ft-testimonial-item-innerbox .ft-testimonial-name h3:before {
left: 0;
top: 12px;
width: 40px;
content: "";
height: 3px;
position: absolute;
background-color: #fff;
}
.ft-testimonial-item-innerbox .ft-testimonial-name:before {
left: -30px;
z-index: -1;
content: "";
height: 50px;
width: 215px;
bottom: -15px;
position: absolute;
background-color: #33adff;;
}
.ft-testimonial-item-innerbox .ft-testimonial-name .ft-testimonial-shape {
top: -14px;
width: 0;
height: 0;
right: 35px;
content: "";
position: absolute;
border-bottom: 50px solid #33adff;
border-right: 50px solid transparent;
}
.ft-testimonial-item-innerbox .ft-testimonial-name .ft-testimonial-shape:before {
content: "";
width: 0;
height: 0;
border-top: 16px solid #b20606;
border-left: 20px solid transparent;
position: absolute;
bottom: -50px;
right: -50px;
}
.ft-testimonial-slider-area .slick-list {
overflow: visible;
}
.ft-testimonial-slider-area .slick-slide {
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
opacity: 0;
}
.ft-testimonial-slider-area .slick-slide.slick-active {
opacity: 1;
}
.ft-testimonial-slider-area .slick-dots {
margin-top: 50px;
}
.ft-testimonial-section-2 {
overflow: hidden;
padding-bottom: 115px;
}
.ft-testimonial-section-2 .ft-section-title-2 {
margin: 0;
}
.ft-testimonial-section-2 .ft-section-title-2 h2 {
padding-bottom: 0;
}
.ft-testimonial-section-2 .ft-title-text {
max-width: 570px;
}
.ft-testimonial-innerbox-item-2 {
width: 100%;
max-width: 630px;
margin: 0 auto;
padding: 30px 40px;
background-color: white;
-webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-img {
width: 70px;
height: 70px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 15px;
border-radius: 100%;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta {
margin-bottom: 12px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta h3 {
color: #003440;
font-size: 20px;
font-weight: 700;
padding-bottom: 5px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-meta span {
color: #003440;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-rate {
margin-top: 20px;
}
.ft-testimonial-innerbox-item-2 .ft-testimonial-text .ft-testimonial-rate li {
color: #ffc039;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ft-testimonial-slider-2 {
padding-top: 55px;
margin: 0px -30px;
}
.ft-testimonial-slider-2 .choose_slider {
height: 360px;
position: relative;
}
.ft-testimonial-slider-2 .choose_slider_items .previous_item,
.ft-testimonial-slider-2 .choose_slider_items .next_item {
top: 0;
left: 0;
z-index: -1;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-testimonial-slider-2 .choose_slider_items .next_item {
right: 0;
left: auto;
}
.ft-testimonial-slider-2 #btn_next1,
.ft-testimonial-slider-2 #btn_prev1 {
top: 50%;
color: #fff;
width: 40px;
z-index: 2;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
border-radius: 100%;
background-color: #003440;
}
.ft-testimonial-slider-2 #btn_next1:hover,
.ft-testimonial-slider-2 #btn_prev1:hover {
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #33adff;;
}
.ft-testimonial-slider-2 #btn_next1 {
z-index: 8;
right: 180px;
}
.ft-testimonial-slider-2 #btn_prev1 {
z-index: 8;
left: 180px;
}
.ft-testimonial-slider-2 .choose_slider_items .current_item {
left: 0;
right: 0;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-testimonial-slider-2 .choose_slider_items .current_item {
z-index: 5;
}
.ft-testimonial-section-3 {
top: -110px;
z-index: 1;
margin-bottom: -110px;
}
.ft-testimonial-slider-wrapper-3 {
background-color: #fff;
-webkit-box-shadow: 2.952px 16.742px 29px 0px rgba(12, 12, 12, 0.07);
box-shadow: 2.952px 16.742px 29px 0px rgba(12, 12, 12, 0.07);
}
.ft-testimonial-slider-wrapper-3 .ft-testimonial-slider-img {
width: 388px;
}
.ft-testimonial-slider-area-3 {
width: 780px;
padding: 35px 60px 30px 70px;
}
.ft-testimonial-slider-items-3 {
padding-left: 70px;
}
.ft-testimonial-slider-items-3 p {
color: #0b0b0b;
font-size: 24px;
font-weight: 500;
max-width: 515px;
padding-bottom: 10px;
}
.ft-testimonial-slider-items-3 .ft-testimonial-slider-author span {
display: block;
}
.ft-testimonial-slider-items-3 .ft-testimonial-slider-author .name {
color: #fa4318;
font-weight: 700;
font-style: italic;
}
.ft-testimonial-slider-items-3:before {
top: 0;
left: 5px;
color: #008eff;
font-size: 40px;
content: "";
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-testimonial-slider-3 .slick-dots {
top: 50%;
width: auto;
right: -35px;
bottom: auto;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ft-testimonial-slider-3 .slick-dots li {
width: 40px;
height: 40px;
color: #c3c3c3;
display: block;
font-weight: 700;
line-height: 32px;
border-radius: 100%;
border: 4px solid #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-testimonial-slider-3 .slick-dots li.slick-active {
color: #0b0b0b;
font-size: 18px;
border: 4px solid #008eff;
}
.ft-thx-testimonial-section {
padding: 110px 0px;
overflow: hidden;
}
.pr-sv-testimonial-slider {
margin: 0 auto;
max-width: 845px;
padding-top: 50px;
}
.pr-sv-testimonial-slider .slick-prev, .pr-sv-testimonial-slider .slick-next {
display: none !important;
}
.pr-sv-testimonial-slider .slick-dots {
margin-top: 55px;
position: static;
}
.pr-sv-testimonial-slider .slick-dots li {
width: 8px;
height: 8px;
border-radius: 30px;
background-color: #000d51;
-webkit-transition: 400ms all ease;
transition: 400ms all ease;
}
.pr-sv-testimonial-slider .slick-dots li.slick-active {
width: 25px;
background-color: #33adff;;
}
.pr-sv-testimonial-item .pr-sv-testimonial-img {
left: 0;
top: 50%;
width: 210px;
height: 210px;
position: absolute;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-size: contain;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
-webkit-mask-image: url(../imgs/tst-sh.png);
mask-image: url(../imgs/tst-sh.png);
}
.pr-sv-testimonial-item .pr-sv-testimonial-text {
margin: 0 auto;
max-width: 635px;
background-color: #fff;
padding: 60px 40px 60px 135px;
-webkit-box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 13px 35px 0px rgba(0, 0, 0, 0.05);
}
.pr-sv-testimonial-item .pr-sv-testimonial-text p {
padding-bottom: 20px;
}
.pr-sv-testimonial-item .pr-sv-testimonial-text h3 {
font-size: 22px;
font-weight: 700;
padding-bottom: 5px;
color: #000d51;
}
.pr-sv-testimonial-shape-img li {
position: absolute;
}
.pr-sv-testimonial-shape-img li:nth-child(1) {
top: 0;
left: 0;
}
.pr-sv-testimonial-shape-img li:nth-child(2) {
left: 0;
bottom: 0;
}
.pr-sv-testimonial-shape-img li:nth-child(3) {
right: 0;
top: 30px;
}
.pr-sv-testimonial-shape-img li:nth-child(4) {
top: 130px;
right: -85px;
}
.pr-sv-testimonial-shape-img li:nth-child(5) {
right: 0;
bottom: 70px;
}
.ft-thx-testimonial-section-2 {
z-index: 1;
overflow: hidden;
padding: 90px 0px 80px;
}
.ft-thx-testimonial-section-2 .background_overlay {
z-index: -1;
opacity: 0.9;
background-color: #F3F3F5;
}
.ft-thx-testimonial-content-2 {
padding-top: 50px;
margin: 0px -15px;
}
.ft-thx-testimonial-item-2 {
padding: 40px 30px 40px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft-thx-testimonial-item-2 .ft-thx-testimonial-img-qoute {
margin-bottom: 30px;
}
.ft-thx-testimonial-item-2 .ft-thx-testimonial-img-qoute .ft-thx-testimonial-img {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
}
.ft-thx-testimonial-item-2 .ft-thx-testimonial-img-qoute .ft-thx-testimonial-qoute i {
opacity: 0.1;
color: #050505;
font-size: 90px;
line-height: 1em;
}
.ft-thx-testimonial-item-2 .ft-thx-testimonial-text .ft-thx-author {
margin-top: 25px;
}
.ft-thx-testimonial-item-2 .ft-thx-testimonial-text .ft-thx-author h3 {
font-size: 18px;
font-weight: 700;
color: #000d51;
}
.ft-thx-testimonial-item-2 .ft-thx-testimonial-text .ft-thx-author span {
color: #696969;
margin-top: 8px;
display: inline-block;
}
.ft-thx-testimonial-slider-2 .slick-list {
overflow: visible;
}
.ft-thx-testimonial-slider-2 .slick-dots {
margin-top: 50px;
position: static;
}
.ft-thx-testimonial-slider-2 .slick-dots li {
height: 10px;
width: 20px;
border-radius: 40px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
background-color: #000d51;
}
.ft-thx-testimonial-slider-2 .slick-dots li.slick-active {
width: 40px;
background-color: #ff484e;
}
.ft-thx-testimonial-slider-2 .slick-slide {
opacity: 0;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-thx-testimonial-slider-2 .slick-slide.slick-active {
opacity: 1;
}
.gl-testimonial-section-3 {
z-index: 1;
overflow: hidden;
padding: 150px 0px 220px;
background-color: #0C2957;
}
.gl-testimonial-section-3 .gl-testimonial-map {
left: 0;
top: 280px;
z-index: -1;
}
.gl-testimonial-text-wrapper-3 {
padding-top: 120px;
}
.gl-testimonial-text-wrapper-3 .ft-thx-section-title-3 h2, .gl-testimonial-text-wrapper-3 .ft-thx-section-title-3 p {
color: #fff;
}
.gl-testimonial-text-wrapper-3 .gl-testimonial-btn-rate {
margin-top: 48px;
}
.gl-testimonial-text-wrapper-3 .gl-testimonial-btn {
margin-right: 32px;
}
.gl-testimonial-text-wrapper-3 .gl-testimonial-btn a {
color: #fff;
height: 55px;
width: 150px;
font-weight: 600;
border-radius: 40px;
font-family: "Poppins";
background-color: #4ab9cf;
}
.gl-testimonial-text-wrapper-3 .gl-testimonial-btn a:hover {
-webkit-box-shadow: 0px 10px 35px 0px rgba(0, 210, 178, 0.28);
box-shadow: 0px 10px 35px 0px rgba(0, 210, 178, 0.28);
}
.gl-testimonial-text-wrapper-3 .gl-testimonial-rate li {
color: #F8C245;
}
.gl-testimonial-text-wrapper-3 .gl-testimonial-rate span {
color: #fff;
font-weight: 600;
font-family: "Poppins";
}
.gl-testimonial-slider-3 {
height: 450px;
}
.gl-testimonial-slider-3 .choose_slider_items li {
text-align: left;
}
.gl-testimonial-slider-3 .choose_slider_items .current_item {
left: 40px;
top: 150px;
right: 20px;
}
.gl-testimonial-slider-3 .choose_slider_items .next_item {
top: 300px;
left: 35px;
opacity: 0.2;
right: -30px;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
.gl-testimonial-slider-3 .choose_slider_items .previous_item {
top: 0px;
left: 35px;
z-index: 0;
opacity: 0.2;
right: -30px;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
.gl-testimonial-innerbox-item-3 {
border-radius: 5px;
padding: 64px 32px 24px;
background-color: #2D4975;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-img {
left: 32px;
top: -40px;
width: 80px;
height: 80px;
overflow: hidden;
position: absolute;
border-radius: 100%;
border: 5px solid #fff;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-text p {
color: #fff;
font-style: italic;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-meta-rate {
margin-top: 24px;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-meta-rate .gl-testimonial-meta h3 {
color: #fff;
font-size: 20px;
font-weight: 700;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-meta-rate .gl-testimonial-meta span {
color: #CFCFCF;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-meta-rate .gl-testimonial-rate {
width: 70px;
height: 35px;
line-height: 32px;
text-align: center;
border-radius: 5px;
background-color: #0C2957;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-meta-rate .gl-testimonial-rate i {
color: #F8C245;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-meta-rate .gl-testimonial-rate span {
font-weight: 700;
color: #FFFFFF;
}
.testimonial-btn-3 {
top: 62%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.testimonial-btn-3 a {
color: #fff;
font-size: 20px;
}
.testimonial-btn-3 a:hover {
color: #4ab9cf;
}
/*---------------------------------------------------- */
/*Contact area*/
/*----------------------------------------------------*/
.ft-contact-section {
z-index: 1;
overflow: hidden;
padding: 105px 0px 140px;
}
.ft-contact-section:before {
top: 0;
width: 70%;
z-index: -1;
content: "";
left: -22%;
height: 100%;
position: absolute;
-webkit-transform: skew(-43deg);
transform: skew(-43deg);
background-color: #f4f4f4;
}
.ft-contact-content {
max-width: 580px;
}
.ft-contact-form-wrapper {
margin-top: 30px;
}
.ft-contact-form-wrapper input, .ft-contact-form-wrapper textarea {
width: 100%;
height: 55px;
border-radius: 5px;
margin-bottom: 20px;
padding-left: 20px;
border: 1px solid #cbcbcb;
}
.ft-contact-form-wrapper textarea {
height: 140px;
padding-top: 15px;
}
.ft-contact-form-wrapper .ft-sb-button {
background-color: #00044b;
}
.ft-contact-cta-items {
padding: 30px;
margin-bottom: 20px;
background-color: #f4f4f4;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-top: 5px solid #f4f4f4;
}
.ft-contact-cta-items .ft-contact-cta-icon {
width: 70px;
height: 70px;
margin-right: 30px;
border-radius: 8px;
background-color: #f4d5d6;
}
.ft-contact-cta-items .ft-contact-cta-icon i {
font-size: 45px;
color: #33adff;
}
.ft-contact-cta-items .ft-contact-cta-text {
max-width: 275px;
}
.ft-contact-cta-items .ft-contact-cta-text h3 {
color: #002a34;
font-size: 20px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-contact-cta-items:hover {
border-top: 5px solid #33adff;
}
.ft-contact-page-form-wrapper {
padding: 30px;
background-color: #f4f4f4;
}
.ft-contact-page-form-wrapper h3 {
color: #043641;
font-size: 36px;
font-weight: 700;
padding-bottom: 30px;
}
.ft-contact-page-form-wrapper input, .ft-contact-page-form-wrapper textarea {
width: 100%;
height: 50px;
border: none;
padding-left: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: #fff;
}
.ft-contact-page-form-wrapper textarea {
height: 210px;
padding-top: 15px;
}
.ft-contact-page-form-wrapper button {
color: #fff;
width: 100%;
height: 55px;
border: none;
border-radius: 6px;
font-family: "Poppins";
background-color: #33adff;;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-contact-page-form-wrapper button:hover {
background-color: #00044b;
}
.ft-thx-cta-section-3 {
padding: 120px 0px;
background-attachment: fixed;
}
.ft-thx-cta-section-3 .background_overlay {
background-color: rgba(0, 0, 0, 0.8);
}
.ft-thx-cta-content-3 h3 {
color: #fff;
font-size: 40px;
font-weight: 700;
line-height: 1.6;
padding-bottom: 40px;
}
/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.ft-blog-section {
padding: 105px 0px;
}
.ft-blog-section .ft-section-title {
max-width: 420px;
}
.ft-blog-section .ft-section-title h2 {
padding-bottom: 0;
}
.ft-blog-feed-content {
padding-top: 40px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-img {
overflow: hidden;
border-radius: 5px;
margin-bottom: 25px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-data a,
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a {
color: #00044b;
font-weight: 500;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-data a i,
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a i {
color: #33adff;
margin-right: 5px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a {
margin-left: 25px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-meta {
margin-bottom: 22px;
padding-bottom: 15px;
border-bottom: 2px dashed #d5d5d5;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text h3 {
color: #00044b;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
padding-bottom: 15px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text h3:hover {
color: #33adff;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-feed-img {
width: 200px;
height: 168px;
margin-bottom: 0;
overflow: hidden;
margin-right: 30px;
border-radius: 5px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-feed-text {
width: 345px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-meta {
margin-bottom: 8px;
padding-bottom: 8px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox h3 {
padding-bottom: 5px;
}
.ft-blog-section-2 {
z-index: 1;
overflow: hidden;
padding: 110px 0px;
}
.ft-blog-section-2:before {
top: 0;
left: 0;
z-index: -1;
width: 100%;
content: "";
width: 100%;
height: 410px;
position: absolute;
background-color: #003440;
}
.ft-blog-section-2 .ft-section-title-2 {
padding-bottom: 45px;
}
.ft-blog-section-2 .ft-section-title-2 h2, .ft-blog-section-2 .ft-section-title-2 .sub-title {
color: #fff;
padding-bottom: 0;
}
.ft-blog-innerbox-2 {
margin: 0 auto;
max-width: 370px;
overflow: hidden;
border-radius: 6px;
background-color: #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-blog-innerbox-2 .ft-blog-img-2 {
overflow: hidden;
}
.ft-blog-innerbox-2 .ft-blog-img-2 img {
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-blog-innerbox-2 .ft-blog-meta {
top: 10px;
right: 10px;
padding: 5px;
line-height: 1;
}
.ft-blog-innerbox-2 .ft-blog-meta {
color: #fff;
width: 50px;
height: 50px;
font-weight: 700;
border-radius: 5px;
font-family: "Poppins";
background-color: #33adff;;
}
.ft-blog-innerbox-2 .ft-blog-text-2 {
padding: 22px 20px 30px;
}
.ft-blog-innerbox-2 .ft-blog-text-2 h3 {
color: #003440;
font-size: 24px;
font-weight: 700;
line-height: 1.5;
padding-bottom: 5px;
}
.ft-blog-innerbox-2 .ft-blog-text-2 p {
color: #003440;
padding-bottom: 15px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-blog-innerbox-2:hover {
background-color: #33adff;;
-webkit-box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
}
.ft-blog-innerbox-2:hover .ft-blog-img-2 img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 h3 {
color: #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 p {
color: #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 .ft-btn-2 a:before {
border: 2px solid #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 .ft-btn-2 a i {
color: #fff;
}
.ft-blog-innerbox-2:hover .ft-blog-text-2 .ft-btn-2 a:hover i {
color: #002a34;
}
.ft-blog-content-2 {
margin: -150px;
padding: 150px;
overflow: hidden;
position: relative;
}
.ft-blog-content-2 .carousel_nav .blg-left_arrow,
.ft-blog-content-2 .carousel_nav .blg-right_arrow {
top: 40%;
width: 40px;
color: #fff;
height: 40px;
border: none;
position: absolute;
border-radius: 100%;
background-color: #003440;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
}
.ft-blog-content-2 .carousel_nav .blg-left_arrow:hover,
.ft-blog-content-2 .carousel_nav .blg-right_arrow:hover {
background-color: #33adff;;
}
.ft-blog-content-2 .carousel_nav .blg-left_arrow {
left: 130px;
}
.ft-blog-content-2 .carousel_nav .blg-right_arrow {
right: 130px;
}
.ft-blog-slider-2 {
margin: 0px -15px;
}
.ft-blog-slider-2 .slick-list {
overflow: visible;
}
.ft-blog-slider-2 .slick-slide {
-webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
opacity: 0;
}
.ft-blog-slider-2 .slick-slide.slick-active {
opacity: 1;
}
.ft-blog-post-feed-innerbox {
max-width: 870px;
margin-bottom: 40px;
background-color: #f4f4f4;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper {
padding: 30px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta {
padding: 15px 50px;
margin-bottom: 25px;
background-color: #33adff;;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a {
color: #fff;
margin-right: 30px;
position: relative;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a i {
margin-right: 5px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a:after {
top: 0;
width: 1px;
content: "";
height: 20px;
right: -15px;
position: absolute;
background-color: #fff;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a:last-child:after {
display: none;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #e9e9e9;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text h3 {
color: #002a34;
font-size: 24px;
font-weight: 700;
padding-bottom: 18px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-btn-2 a span {
color: #fff;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-btn-2 a:hover {
color: #fff;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-btn-2 a:hover:before {
background-color: #33adff;;
border: 2px solid #33adff;
}
.ft-side-bar-widget {
padding: 25px 20px;
margin-bottom: 30px;
background-color: #f4f4f4;
}
.ft-side-bar-widget.search-widget-area {
padding: 0;
}
.ft-side-bar-widget .widget-title {
color: #002a34;
font-size: 22px;
font-weight: 700;
padding-bottom: 45px;
}
.ft-side-bar-widget .widget-title:after {
left: 0;
top: 35px;
height: 3px;
content: "";
width: 40px;
position: absolute;
background-color: #33adff;;
}
.ft-side-bar-widget .search-widget input {
width: 100%;
height: 55px;
border: none;
padding-left: 20px;
background-color: #f4f4f4;
}
.ft-side-bar-widget .search-widget button {
top: 15px;
padding: 0;
right: 15px;
border: none;
position: absolute;
background-color: transparent;
}
.ft-side-bar-widget .category-widget li {
margin-bottom: 15px;
}
.ft-side-bar-widget .category-widget li:last-child {
margin-bottom: 0;
}
.ft-side-bar-widget .category-widget li a {
color: #002a34;
font-weight: 500;
padding-left: 15px;
position: relative;
}
.ft-side-bar-widget .category-widget li a:before {
left: 0;
top: -1px;
font-size: 14px;
content: "";
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-side-bar-widget .category-widget li a span {
color: #fff;
width: 28px;
float: right;
height: 28px;
line-height: 28px;
text-align: center;
background-color: #002a34;
-webkit-transition: 400ms all ease;
transition: 400ms all ease;
}
.ft-side-bar-widget .category-widget li:hover a {
margin-left: 15px;
color: #33adff;
}
.ft-side-bar-widget .category-widget li:hover span {
background-color: #33adff;;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text {
margin-bottom: 60px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-img {
width: 58px;
height: 68px;
overflow: hidden;
margin-right: 10px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text h3 {
font-size: 15px;
color: #002a34;
font-weight: 500;
padding-bottom: 5px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text span {
font-size: 15px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text .recent-blog-text span i {
color: #002a34;
margin-right: 5px;
}
.ft-side-bar-widget .recent-news-widget .recent-blog-img-text:last-child {
margin-bottom: 0;
}
.ft-side-bar-widget .gallery-widget {
margin: 0px -5px;
}
.ft-side-bar-widget .gallery-widget li {
width: 75px;
height: 65px;
padding: 5px;
overflow: hidden;
border-radius: 5px;
display: inline-block;
}
.ft-side-bar-widget .tag-widget li {
display: inline-block;
}
.ft-side-bar-widget .tag-widget li a {
color: #fff;
font-size: 14px;
padding: 5px 15px;
margin-bottom: 5px;
display: inline-block;
background-color: #003440;
}
.ft-side-bar-widget .tag-widget li a:hover {
background-color: #33adff;;
}
.blog-details-img-text-wrapper .ft-blog-details-section {
padding: 100px 0px;
}
.blog-details-img-text-wrapper .ft-blog-details-item {
padding: 20px 30px;
background-color: #f4f4f4;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2 {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #e4ebf2;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2:after {
bottom: 0;
left: 0;
height: 3px;
width: 40px;
content: "";
position: absolute;
background-color: #33adff;;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2 a {
color: #707070;
margin-right: 25px;
position: relative;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2 a i {
font-size: 18px;
margin-right: 5px;
color: #33adff;
}
.blog-details-img-text-wrapper .blog-details-text article {
margin-bottom: 25px;
}
.blog-details-img-text-wrapper .blog-details-text h3 {
color: #000000;
font-size: 26px;
font-weight: 700;
padding-bottom: 20px;
}
.blog-details-img-text-wrapper .blog-details-text .bd-video-play {
left: 0;
right: 0;
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-details-img-text-wrapper .blog-details-text .bd-video-play a {
width: 85px;
height: 85px;
color: #33adff;
line-height: 85px;
border-radius: 100%;
display: inline-block;
background-color: #fff;
}
.blog-details-img-text-wrapper .blog-details-text blockquote {
color: #191919;
padding: 30px;
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
font-family: "Poppins";
background-color: #fff;
border-left: 5px solid #33adff;
}
.blog-details-img-text-wrapper .blog-details-text blockquote span {
display: block;
font-size: 15px;
margin-top: 10px;
font-weight: 700;
font-style: italic;
color: #33adff;
}
.blog-details-img-text-wrapper .ft-blog-tag-share {
margin: 40px 0px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag span {
color: #222222;
font-size: 15px;
font-weight: 700;
margin-right: 10px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag a {
color: #222222;
font-size: 15px;
font-weight: 500;
margin-right: 3px;
padding: 10px 20px;
display: inline-block;
background-color: #ffff;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag a:hover {
color: #fff;
background-color: #33adff;;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a {
width: 30px;
height: 30px;
color: #fff;
text-align: center;
margin-left: 5px;
line-height: 30px;
overflow: hidden;
border-radius: 30px;
display: inline-block;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a span {
font-size: 14px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a:hover {
width: 100px;
border-radius: 30px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a:hover i {
margin-right: 5px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .fb-social {
background-color: #3b5998;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .tw-social {
background-color: #55acee;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .ln-social {
background-color: #dd4b39;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share .in-social {
background-color: #cd339a;
}
.blog-details-img-text-wrapper .ft-blog-next-prev {
border: 1px solid #e0e0e0;
border-left: none;
border-right: none;
padding: 10px 0px 30px;
margin-bottom: 50px;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text {
color: #191919;
font-size: 15px;
line-height: 50px;
font-weight: 700;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
position: relative;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text:after {
left: 0;
content: "";
width: 0%;
height: 1px;
bottom: -2px;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #33adff;;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text:hover {
color: #33adff;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .np-text:hover:after {
width: 100%;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-img {
width: 60px;
height: 52px;
overflow: hidden;
border-radius: 10px;
margin-right: 20px;
position: relative;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-img:before {
top: 0;
left: 0;
width: 100%;
content: "";
opacity: 0;
height: 100%;
position: absolute;
background-color: #33adff;;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-text h3 {
color: #000000;
font-size: 16px;
line-height: 1.5;
max-width: 300px;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-np-text h3 a:hover {
text-decoration: underline;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn.np-text-item .ft-blog-np-img {
margin-right: 0;
margin-left: 20px;
}
.blog-details-img-text-wrapper .ft-blog-next-prev .ft-blog-next-prev-btn .ft-blog-next-prev-img-text:hover .ft-blog-np-img:before {
opacity: 0.7;
}
.blog-details-img-text-wrapper .blog-details-img-video {
margin-bottom: 30px;
}
.blog-details-img-text-wrapper .blog-details-img-video .blog-details-img {
overflow: hidden;
max-width: 390px;
border-radius: 7px;
}
.ft-blog-comment h3 {
color: #191919;
font-size: 24px;
display: inline-block;
font-weight: 700;
position: relative;
}
.ft-blog-comment h3:after {
left: 0;
height: 3px;
bottom: -8px;
width: 40px;
content: "";
position: absolute;
background-color: #33adff;;
}
.ft-blog-comment-block-wrapper {
padding-top: 35px;
}
.ft-blog-comment-block {
margin-bottom: 40px;
}
.ft-blog-comment-block .ft-blog-comment-img {
width: 90px;
height: 90px;
overflow: hidden;
margin-right: 20px;
border-radius: 100%;
}
.ft-blog-comment-block .ft-blog-comment-text {
display: table;
padding: 20px 25px;
background-color: #fff;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-blog-comment-block .ft-blog-comment-text h4 {
color: #000;
font-size: 20px;
font-weight: 700;
padding-bottom: 5px;
}
.ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn {
top: 20px;
right: 20px;
height: 35px;
width: 85px;
color: #fff;
font-size: 14px;
line-height: 35px;
position: absolute;
border-radius: 20px;
background-color: #000;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn i {
font-size: 13px;
}
.ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn:hover {
color: #fff;
background-color: #33adff;;
}
.ft-blog-comment-block .ft-blog-comment-text span {
font-size: 13px;
font-weight: 700;
color: #33adff;
text-transform: uppercase;
}
.ft-blog-comment-block .ft-blog-comment-text p {
font-size: 15px;
padding-top: 10px;
}
.ft-blog-comment-block .ft-blog-comment-text:hover {
-webkit-box-shadow: 0px 8px 38px 0px rgba(125, 125, 125, 0.16);
box-shadow: 0px 8px 38px 0px rgba(125, 125, 125, 0.16);
}
.ft-blog-comment-block .ft-blog-comment-text:hover span {
text-decoration: underline;
}
.ftd-blog-comment-form {
margin-top: 40px;
padding: 35px 30px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 35px 0px rgba(12, 12, 12, 0.05);
box-shadow: 0px 0px 35px 0px rgba(12, 12, 12, 0.05);
}
.ftd-blog-comment-form .ftd-comment-form-input label {
color: #000;
font-size: 14px;
margin-bottom: 10px;
}
.ftd-blog-comment-form .ftd-comment-form-input input,
.ftd-blog-comment-form .ftd-comment-form-input textarea {
height: 50px;
width: 33.33%;
margin: 0px 5px;
padding-left: 20px;
border: 1px solid #e3e7f2;
}
.ftd-blog-comment-form .ftd-comment-form-input span {
display: block;
margin-top: 15px;
}
.ftd-blog-comment-form .ftd-comment-form-input span input {
height: inherit;
width: inherit;
}
.ftd-blog-comment-form .ftd-comment-form-input textarea {
width: 100%;
height: 150px;
padding-top: 15px;
}
.ftd-blog-comment-form .ftd-comment-form-input button {
color: #fff;
width: 150px;
height: 45px;
border: none;
font-size: 14px;
margin-top: 15px;
font-weight: 700;
border-radius: 30px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
text-transform: uppercase;
background-color: #33adff;;
}
.ftd-blog-comment-form .ftd-comment-form-input button:hover {
background-color: #00044b;
}
.ft-blog-section-3 {
padding: 115px 0px;
}
.ft-blog-section-3 .ft-section-title-3 {
margin: 0 auto;
max-width: 710px;
}
.ft-blog-content-3 {
padding-top: 55px;
}
.ft-blog-innerbox-3 {
max-width: 370px;
}
.ft-blog-innerbox-3 .ft-blog-text {
left: 0;
right: 0;
top: -65px;
width: 85%;
margin: 0 auto;
background-color: #fff;
padding: 30px 25px 50px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
-webkit-box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
box-shadow: 0px 0px 29px 0px rgba(12, 12, 12, 0.07);
}
.ft-blog-innerbox-3 .ft-blog-text:before {
top: -17px;
left: 0;
content: "";
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-bottom: 17px solid #fff;
border-left: 307px solid rgba(255, 255, 255, 0);
}
.ft-blog-innerbox-3 .ft-blog-text .ft-blog-meta {
margin-bottom: 10px;
}
.ft-blog-innerbox-3 .ft-blog-text .ft-blog-meta a {
color: #888888;
}
.ft-blog-innerbox-3 .ft-blog-text .ft-blog-meta a i {
margin-right: 5px;
}
.ft-blog-innerbox-3 .ft-blog-text h3 {
color: #000000;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
padding-bottom: 12px;
}
.ft-blog-innerbox-3 .ft-blog-text .more-btn {
left: 0;
right: 0;
bottom: -25px;
color: #fff;
width: 150px;
height: 50px;
margin: 0 auto;
font-size: 14px;
font-weight: 700;
background-color: #fa4318;
}
.ft-blog-innerbox-3 .ft-blog-text .more-btn:hover {
background-color: #008eff;
}
.ft-blog-innerbox-3:hover .ft-blog-text {
background-color: #07082d;
}
.ft-blog-innerbox-3:hover .ft-blog-text:before {
border-bottom: 17px solid #07082d;
border-left: 307px solid rgba(255, 255, 255, 0);
}
.ft-blog-innerbox-3:hover .ft-blog-text h3 {
color: #fff;
}
.ft-blog-innerbox-3:hover .ft-blog-text .ft-blog-meta a {
color: #fff;
}
.blog-slider-3 .slick-dots {
position: static;
}
.blog-slider-3 .slick-dots li {
width: 40px;
height: 40px;
color: #c3c3c3;
font-weight: 700;
line-height: 32px;
border-radius: 100%;
display: inline-block;
border: 4px solid #fff;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.blog-slider-3 .slick-dots li.slick-active {
color: #0b0b0b;
font-size: 18px;
border: 4px solid #008eff;
}
.ft-side-bar-add {
overflow: hidden;
padding: 40px 30px;
border-radius: 5px;
}
.ft-side-bar-add h3 {
color: #fff;
font-size: 24px;
line-height: 1.3;
font-weight: 700;
padding: 30px 0px 45px;
}
.ft-side-bar-add a {
color: #000;
width: 130px;
height: 45px;
margin: 0 auto;
font-weight: 600;
border-radius: 5px;
background-color: #fff;
}
.ft-side-bar-add a:hover {
color: #fff;
background-color: #00044b;
}
.pr-cor-blog-section {
overflow: hidden;
padding: 95px 0px;
}
.pr-cor-blog-section .pr-cor-section-title {
max-width: 600px;
}
.pr-item-innerbox {
padding: 0px 15px;
}
.pr-cor-blog-slider .slick-list {
overflow: visible;
}
.pr-cor-blog-slider .slick-dots {
margin-top: 50px;
position: static;
}
.pr-cor-blog-slider .slick-dots li {
height: 5px;
width: 15px;
border-radius: 40px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
background-color: #000d51;
}
.pr-cor-blog-slider .slick-dots li.slick-active {
width: 40px;
background-color: #ff484e;
}
.pr-cor-blog-slider .slick-slide {
opacity: 0;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-cor-blog-slider .slick-slide.slick-active {
opacity: 1;
}
.pr-cor-blog-innerbox {
padding: 20px;
border-radius: 7px;
-webkit-box-shadow: 0px 15px 40px 0px rgba(151, 151, 151, 0.15);
box-shadow: 0px 15px 40px 0px rgba(151, 151, 151, 0.15);
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-img {
overflow: hidden;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-img img {
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text {
padding: 35px 0px 5px;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-cat a {
left: 15px;
top: -18px;
color: #fff;
padding: 6px 20px;
position: absolute;
border-radius: 5px;
display: inline-block;
background-color: #000d51;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-meta {
margin-bottom: 10px;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-meta a {
margin-right: 25px;
color: #000d51;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-meta a i {
margin-right: 3px;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text h3 {
font-size: 22px;
font-weight: 700;
color: #000d51;
padding-bottom: 15px;
line-height: 1.636;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-more {
font-weight: 600;
color: #000d51;
font-family: "Poppins";
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-more i {
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-more:hover {
color: #33adff;
}
.pr-cor-blog-innerbox .pr-cor-blog-inner-text .pr-cor-blog-more:hover i {
margin-left: 5px;
}
.pr-cor-blog-innerbox:hover .pr-cor-blog-inner-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pr-cor-blog-innerbox:hover .pr-cor-blog-cat a {
background-color: #33adff;;
}
.pr-sx-blog-section {
padding-bottom: 100px;
}
.pr-sx-blog-section .pr-sx-secion-title {
margin: 0;
}
.pr-sx-blog-content {
padding-top: 30px;
}
.pr-sx-blog-innerbox {
overflow: hidden;
max-width: 370px;
border-radius: 10px;
background-color: #f5f8fd;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-bottom: 5px solid transparent;
}
.pr-sx-blog-innerbox .pr-sx-blog-img {
overflow: hidden;
border-radius: 10px;
}
.pr-sx-blog-innerbox .pr-sx-blog-text {
padding: 30px 20px;
}
.pr-sx-blog-innerbox .pr-sx-blog-text .blog-meta {
font-weight: 500;
color: #33adff;
}
.pr-sx-blog-innerbox .pr-sx-blog-text .blog-meta i {
margin-right: 10px;
}
.pr-sx-blog-innerbox .pr-sx-blog-text h3 {
font-size: 22px;
font-weight: 700;
color: #000d51;
padding: 15px 0px;
line-height: 1.636;
}
.pr-sx-blog-innerbox .pr-sx-blog-text p {
padding-bottom: 18px;
}
.pr-sx-blog-innerbox .pr-sx-blog-text .blog-more-btn {
font-size: 15px;
font-weight: 700;
font-family: "Poppins";
color: #000d51;
}
.pr-sx-blog-innerbox .pr-sx-blog-text .blog-more-btn i {
margin-left: 5px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.pr-sx-blog-innerbox .pr-sx-blog-text .blog-more-btn:hover {
color: #33adff;
}
.pr-sx-blog-innerbox .pr-sx-blog-text .blog-more-btn:hover i {
margin-left: 8px;
}
.pr-sx-blog-innerbox:hover {
border-bottom: 5px solid #33adff;
}
.pr-an-blog-section {
overflow: hidden;
padding: 100px 0px;
background-color: #fafbff;
}
.pr-an-blog-content {
padding-top: 30px;
margin: 0px -15px;
}
.pr-an-blog-content .slick-list {
overflow: visible;
}
.pr-an-blog-content .slick-dotted.slick-slider {
margin-bottom: 0;
}
.pr-an-blog-content .slick-slide {
opacity: 0;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-an-blog-content .slick-slide.slick-active {
opacity: 1;
}
.pr-an-blog-content .carousel_nav {
top: 58%;
z-index: 1;
width: 100%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.pr-an-blog-inner-item {
max-width: 370px;
margin: 0 auto;
border-radius: 10px;
border: 1px solid #e6e6e6;
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
-webkit-box-shadow: -0.872px 24.985px 40px 0px rgba(148, 148, 148, 0.1);
box-shadow: -0.872px 24.985px 40px 0px rgba(148, 148, 148, 0.1);
}
.pr-an-blog-inner-item .pr-an-blog-inner-img {
overflow: hidden;
border-radius: 5px;
}
.pr-an-blog-inner-item .pr-an-blog-inner-text {
padding: 30px 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.pr-an-blog-inner-item .pr-an-blog-inner-text h3 {
font-size: 18px;
font-weight: 700;
color: #000;
border-radius: 5px;
line-height: 1.667;
padding-bottom: 15px;
}
.pr-an-blog-inner-item .pr-an-blog-inner-text .blog-meta {
font-weight: 500;
color: #000;
}
.pr-an-blog-inner-item .pr-an-blog-inner-text .blog-meta i {
color: #4ab9cf;
margin-right: 12px;
}
.pr-an-blog-inner-item .pr-an-blog-link {
right: 30px;
bottom: -25px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.pr-an-blog-inner-item .pr-an-blog-link a {
width: 50px;
height: 50px;
color: #000;
border-radius: 100%;
background-color: #fff;
border: 1px solid #e6e6e6;
}
.pr-an-blog-inner-item .pr-an-blog-link:hover a {
color: #fff;
background-color: #000d51;
}
.pr-an-blog-inner-item:hover {
-webkit-box-shadow: -0.872px 24.985px 40px 0px rgba(148, 148, 148, 0.2);
box-shadow: -0.872px 24.985px 40px 0px rgba(148, 148, 148, 0.2);
}
.pr-an-blog-inner-item:hover .pr-an-blog-link {
right: 35%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.blg-an-left_arrow,
.blg-an-right_arrow {
width: 60px;
color: #fff;
border: none;
height: 60px;
margin-left: 10px;
border-radius: 100%;
background-color: #4ab9cf;
}
/*---------------------------------------------------- */
/*Featured area*/
/*----------------------------------------------------*/
.ft-featured-section {
padding: 105px 0px;
}
.ft-featured-content {
padding-top: 45px;
}
.ft-featured-innerbox {
z-index: 1;
padding: 30px;
overflow: hidden;
border-radius: 6px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-top: 3px solid #33adff;
background-color: white;
-webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
box-shadow: 1.91px 10.833px 50px 0px rgba(68, 68, 68, 0.15);
}
.ft-featured-innerbox .ft-featured-icon {
margin-bottom: 18px;
}
.ft-featured-innerbox .ft-featured-icon i {
color: #003440;
font-size: 60px;
line-height: 0.75;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-featured-innerbox .ft-featured-text h3 {
color: #003440;
font-size: 24px;
font-weight: 700;
padding-bottom: 18px;
}
.ft-featured-innerbox .ft-featured-text p {
padding-bottom: 20px;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-featured-innerbox:before {
top: 0;
left: 0;
z-index: -1;
content: "";
width: 100%;
height: 0%;
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #33adff;;
}
.ft-featured-innerbox:hover {
-webkit-box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.3);
}
.ft-featured-innerbox:hover:before {
height: 100%;
}
.ft-featured-innerbox:hover .ft-featured-icon i {
color: #fff;
}
.ft-featured-innerbox:hover .ft-featured-text h3 {
color: #fff;
}
.ft-featured-innerbox:hover .ft-featured-text p {
color: #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a:before {
border: 2px solid #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a i {
color: #fff;
}
.ft-featured-innerbox:hover .ft-btn-2 a:hover i {
color: #002a34;
}
.ft-goodness-feature-section {
padding-bottom: 80px;
}
.ft-goodness-featured-content {
padding-top: 45px;
}
.ft-goodness-featured-innerbox {
padding: 30px 15px;
margin-bottom: 30px;
-webkit-box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
}
.ft-goodness-featured-innerbox .ft-goodness-featured-icon {
width: 70px;
height: 70px;
margin: 0 auto;
margin-bottom: 25px;
border-radius: 100%;
background-color: #fef2f2;
}
.ft-goodness-featured-innerbox .ft-goodness-featured-icon i {
font-size: 40px;
color: #33adff;
}
.ft-goodness-featured-innerbox .ft-goodness-featured-text h3 {
color: #002a34;
font-size: 24px;
font-weight: 700;
padding-bottom: 15px;
}
.ft-goodness-featured-innerbox:hover .ft-goodness-featured-icon {
-webkit-animation: icon-bounce 0.8s ease-out infinite;
animation: icon-bounce 0.8s ease-out infinite;
}
.ft-thx-slider-section {
padding-top: 80px;
}
.ft-thx-feature-content {
top: -80px;
z-index: 2;
}
.ft-thx-feature-innerbox {
padding: 50px 30px 45px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft-thx-feature-innerbox .thx-inner-icon {
margin-bottom: 18px;
}
.ft-thx-feature-innerbox .thx-inner-icon i {
line-height: 0.75;
font-size: 50px;
color: #33adff;
}
.ft-thx-feature-innerbox .ft-thx-inner-text h3 {
font-size: 20px;
font-weight: 700;
padding-bottom: 15px;
color: #000d51;
}
/*---------------------------------------------------- */
/*Product Mesurment area*/
/*----------------------------------------------------*/
.ft-product-mesurment-section {
z-index: 1;
position: relative;
}
.ft-product-mesurment-section:before {
left: 0;
bottom: 0;
z-index: -1;
content: "";
width: 100%;
height: 115px;
position: absolute;
background-color: #002531;
}
.ft-product-mesurment-content {
overflow: hidden;
border-radius: 8px;
padding: 60px 30px;
background-color: #fff;
border-top: 5px solid #fde8e8;
-webkit-box-shadow: 3.486px 39.848px 60px 0px rgba(0, 0, 0, 0.15);
box-shadow: 3.486px 39.848px 60px 0px rgba(0, 0, 0, 0.15);
}
.ft-product-mesurment-content .ft-pm-bg-img {
bottom: 0;
right: 0;
}
.ft-product-mesurment-tab-btn {
margin-bottom: 35px;
}
.ft-product-mesurment-tab-btn .nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ft-product-mesurment-tab-btn .nav-tabs .nav-item.show .nav-link,
.ft-product-mesurment-tab-btn .nav-tabs .nav-link.active,
.ft-product-mesurment-tab-btn .nav-tabs .nav-link {
padding: 0;
border: none;
font-weight: 600;
}
.ft-product-mesurment-tab-btn .nav-tabs {
border-bottom: none;
}
.ft-product-mesurment-tab-btn .nav-link {
width: 170px;
height: 45px;
color: #032d57;
font-size: 15px;
font-weight: 600;
border-radius: 30px;
font-family: "Poppins";
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
}
.ft-product-mesurment-tab-btn .nav-link.active {
color: #fff;
background-color: #33adff;;
-webkit-box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.1);
box-shadow: 0px 21px 80px 0px rgba(236, 0, 0, 0.1);
}
.ft-product-mesurment-form-input .ft-pm-title {
color: #002a34;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
font-family: "Poppins";
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area {
margin-bottom: 15px;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area input, .ft-product-mesurment-form-input .ft-product-mesurment-form-input-area select {
width: 100%;
height: 50px;
padding-left: 20px;
margin-bottom: 20px;
border-radius: 30px;
border: 1px solid #d5d5d5;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area select {
-webkit-appearance: none;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area .ft-select-option {
z-index: 1;
}
.ft-product-mesurment-form-input .ft-product-mesurment-form-input-area .ft-select-option:after {
top: 14px;
right: 20px;
content: "";
font-weight: 900;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-product-mesurment-form-input button {
color: #fff;
width: 100%;
height: 55px;
margin-top: 40px;
font-weight: 600;
border-radius: 30px;
border: none;
font-family: "Poppins";
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #002a34;
}
.ft-product-mesurment-form-input button:hover {
background-color: #33adff;;
}
.ft-product-mesurment-checkbox label {
cursor: pointer;
position: relative;
margin-right: 25px;
}
.ft-product-mesurment-checkbox label .slug {
color: #002a34;
margin-left: 30px;
}
.ft-product-mesurment-checkbox .checkmark-circle:before {
content: "";
position: absolute;
height: 20px;
width: 20px;
border-radius: 100%;
left: 0px;
top: 1px;
border: 2px solid #002a34;
}
.ft-product-mesurment-checkbox .checkmark-circle:after {
left: 5px;
top: 6px;
width: 10px;
content: "";
height: 10px;
display: none;
position: absolute;
border-radius: 100%;
background-color: #33adff;;
}
.ft-product-mesurment-checkbox .condition {
display: none;
}
.ft-product-mesurment-checkbox .condition:checked ~ .checkmark-circle:after {
display: block;
}
.ft-product-mesurment-checkbox .condition:checked ~ .checkmark-circle:before {
border: 2px solid #33adff;
}
/*---------------------------------------------------- */
/*Experience area*/
/*----------------------------------------------------*/
.ft-experience-section {
padding: 55px 0px 95px;
}
.counter-boxed {
padding: 22px 10px 20px;
background-color: white;
-webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.counter-boxed .graph-outer {
margin: 0 auto;
text-align: center;
position: relative;
border-radius: 100%;
display: inline-block;
background-color: #ffffff;
}
.counter-boxed h3 {
color: #002a34;
font-size: 18px;
font-weight: 700;
padding-top: 8px;
}
.counter-boxed .count-box {
position: absolute;
left: 0;
top: 48%;
width: 100%;
font-size: 16px;
color: #19274d;
font-weight: 700;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.counter-boxed .count-box .count-text {
color: #002a34;
font-size: 21px;
font-weight: 700;
position: relative;
font-family: "Poppins";
}
.counter-text-item {
margin-top: 15px;
}
.counter-text-item h2 {
font-size: 30px;
font-weight: 700;
line-height: 1.333;
}
.counter-text-item .counter-author .counter-author-img {
width: 80px;
height: 80px;
overflow: hidden;
margin-right: 30px;
}
.counter-text-item .counter-author .counter-author-text {
margin-top: 35px;
}
.counter-text-item .counter-author .counter-author-text h3 {
font-size: 24px;
font-weight: 600;
padding-bottom: 5px;
}
.counter-text-item .counter-author .counter-author-text span {
font-size: 16px;
font-weight: 600;
color: #33adff;
font-family: "Poppins";
}
/*---------------------------------------------------- */
/*FAQ area*/
/*----------------------------------------------------*/
.ft-faq-why-choose-us-section {
padding-bottom: 90px;
}
.ft-faq-why-choose-us-section .ft-section-title-2 {
padding-bottom: 40px;
}
.ft-faq-why-choose-us-section .ft-section-title-2 h2 {
padding-bottom: 0;
}
.ft-faq-content .accordion-button:not(.collapsed),
.ft-faq-content .accordion-item:first-of-type .accordion-button {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ft-faq-content .accordion-item:first-of-type {
border-radius: 0;
}
.ft-faq-content .accordion-item {
margin-bottom: 25px;
}
.ft-faq-content .accordion-item .accordion-button {
color: #003440;
font-size: 16px;
font-weight: 600;
padding: 18px 20px 17px;
}
.ft-faq-content .accordion-item .accordion-button:hover, .ft-faq-content .accordion-item .accordion-button:focus {
outline: none;
}
.ft-faq-content .accordion-item .accordion-button:not(.collapsed) {
color: #33adff;
background-color: transparent;
}
.ft-faq-content .accordion-item:first-of-type .accordion-button {
border-radius: 0;
}
.ft-faq-content .accordion-button::after {
right: 15px;
color: #003440;
content: "";
font-weight: 900;
font-size: 20px;
position: absolute;
background-image: none;
font-family: "Font Awesome 5 Pro";
}
.ft-faq-content .accordion-button:not(.collapsed)::after {
content: "";
color: #33adff;
}
.ft-faq-content .accordion-body {
padding-top: 5px;
}
.ft-faq-content .accordion-button:focus {
border: none;
}
.ft-why-choose-content-2 {
padding-left: 5px;
}
@keyframes icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.ft-why-choose-feature-list-item-2 {
padding: 25px 20px;
border-radius: 5px;
margin-bottom: 30px;
background-color: white;
-webkit-box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
box-shadow: 1.91px 10.833px 50px 0px rgba(38, 38, 38, 0.15);
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon {
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-icon i {
font-size: 35px;
color: #33adff;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text h3 {
color: #003440;
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-why-choose-feature-list-item-2:hover .ft-why-choose-feature-icon {
-webkit-animation: icon-bounce 0.8s ease-out infinite;
animation: icon-bounce 0.8s ease-out infinite;
}
.ft-faq-page-top-content {
margin-bottom: 50px;
}
.ft-faq-page-top-content .ft-section-title-2 {
margin: 0;
max-width: 435px;
}
.ft-faq-page-top-content .ft-section-title-2 h2 {
padding: 0;
}
.ft-faq-contact-form-wrapper {
margin-top: 50px;
}
.ft-faq-contact-form-area {
padding: 30px;
border-radius: 10px;
-webkit-box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
}
.ft-faq-contact-form-area .ft-section-title-2 h2 {
padding-top: 0;
font-size: 24px;
}
.ft-faq-contact-form-area input, .ft-faq-contact-form-area textarea {
width: 100%;
height: 55px;
border-radius: 5px;
padding-left: 20px;
margin-bottom: 20px;
border: 1px solid #cbcbcb;
}
.ft-faq-contact-form-area input::-webkit-input-placeholder, .ft-faq-contact-form-area textarea::-webkit-input-placeholder {
color: #c3c3c3;
}
.ft-faq-contact-form-area input::-moz-placeholder, .ft-faq-contact-form-area textarea::-moz-placeholder {
color: #c3c3c3;
}
.ft-faq-contact-form-area input:-ms-input-placeholder, .ft-faq-contact-form-area textarea:-ms-input-placeholder {
color: #c3c3c3;
}
.ft-faq-contact-form-area input::-ms-input-placeholder, .ft-faq-contact-form-area textarea::-ms-input-placeholder {
color: #c3c3c3;
}
.ft-faq-contact-form-area input::placeholder, .ft-faq-contact-form-area textarea::placeholder {
color: #c3c3c3;
}
.ft-faq-contact-form-area textarea {
height: 130px;
padding-top: 10px;
}
.ft-faq-form-img {
overflow: hidden;
border-radius: 10px;
-webkit-box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
box-shadow: 1.736px 9.848px 60px 0px rgba(0, 52, 64, 0.15);
}
.ft-submit-btn {
color: #fff;
height: 55px;
width: 200px;
border: none;
margin-top: 10px;
font-weight: 600;
border-radius: 30px;
font-family: "Poppins";
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #33adff;;
}
.ft-submit-btn i {
top: 3px;
position: relative;
}
.ft-submit-btn:hover {
color: #fff;
background-color: #00044b;
}
.ft-thx-faq-section {
z-index: 1;
overflow: hidden;
padding: 110px 0px 80px;
}
.ft-thx-faq-section .ft-thx-shape1 {
top: 0;
right: 0;
z-index: -1;
}
.ft-thx-featured-accordion {
padding-top: 20px;
}
.ft-thx-faq-text {
padding-left: 15px;
}
.ft-thx-faq-text .accordion-header button {
font-size: 16px;
font-weight: 600;
}
.ft-thx-faq-text .accordion-body {
padding: 0px 30px 30px;
}
.ft-thx-faq-text .accordion-header button {
color: #14132B;
font-size: 20px;
font-weight: 700;
}
.ft-thx-faq-text .accordion-header span {
width: 48px;
height: 48px;
margin-right: 20px;
border-radius: 100%;
background-color: #fff;
background: linear-gradient(99.89deg, rgba(76, 64, 247, 0.05) 0%, rgba(255, 0, 161, 0.05) 106.22%);
}
.ft-thx-faq-text .accordion-header span i {
line-height: 0.5;
font-size: 25px;
color: #33adff;
}
.ft-thx-faq-text .accordion-button:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ft-thx-faq-text .accordion-item {
border: none;
margin-bottom: 25px;
border-radius: 5px;
-webkit-box-shadow: 0px 16px 50px 0px #97979733;
box-shadow: 0px 16px 50px 0px #97979733;
}
.ft-thx-faq-text .accordion-button:not(.collapsed) {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.ft-thx-faq-text .accordion-button::after {
right: 15px;
height: auto;
width: auto;
font-size: 15px;
content: "";
font-weight: 900;
position: absolute;
background-image: none;
font-family: "Font Awesome 5 Pro";
}
.ft-thx-faq-text .accordion-button:not(.collapsed)::after {
content: "";
}
/*---------------------------------------------------- */
/*Breadcrumb area*/
/*----------------------------------------------------*/
.ft-breadcrumb-section {
padding: 240px 0px 110px;
}
.ft-breadcrumb-section .background_overlay {
background-color: rgba(0, 62, 77, 0.7);
}
.ft-breadcrumb-content h2 {
color: #fff;
font-size: 36px;
font-weight: 700;
padding-bottom: 15px;
}
.ft-breadcrumb-content .ft-breadcrumb-list li {
color: #fff;
margin: 0px 20px;
position: relative;
}
.ft-breadcrumb-content .ft-breadcrumb-list li:after {
top: 2px;
right: -30px;
font-size: 14px;
content: "";
font-weight: 900;
color: #33adff;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.ft-breadcrumb-content .ft-breadcrumb-list li:last-child:after {
display: none;
}
.page-padding {
padding: 100px 0px;
}
.design-shape {
bottom: 0;
right: 0;
}
/*---------------------------------------------------- */
/*Pricing area*/
/*----------------------------------------------------*/
.ft-pricing-plan-section .ft-section-title {
margin: 0 auto;
max-width: 550px;
}
.ft-pricing-plan-section .ft-section-title h2 {
padding-bottom: 0;
}
.ft-pricing-plan-content {
padding-top: 55px;
}
.ft-pricing-plan-items {
margin: 0 auto;
max-width: 370px;
overflow: hidden;
margin-bottom: 30px;
border-radius: 16px;
padding-bottom: 50px;
background-color: white;
-webkit-box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
box-shadow: 0.698px 9.976px 50px 0px rgba(72, 72, 72, 0.15);
}
.ft-pricing-plan-items .pricing-shape1,
.ft-pricing-plan-items .pricing-shape2 {
top: 0;
left: 0;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-pricing-plan-items .pricing-shape2 {
opacity: 0;
}
.ft-pricing-plan-items:before {
top: -23px;
left: -25px;
width: 97px;
content: "";
height: 55px;
position: absolute;
background-color: #fbfbfb;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
}
.ft-pricing-plan-items .ft-pricing-plan-head {
padding: 34px 0px;
background-color: #002a34;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
border-top-left-radius: 20px;
}
.ft-pricing-plan-items .ft-pricing-plan-head h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
}
.ft-pricing-plan-items .ft-pricing-plan-value {
padding: 35px 0px;
}
.ft-pricing-plan-items .ft-pricing-plan-value h4 {
color: #043440;
font-size: 48px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-pricing-plan-items .ft-pricing-plan-value span {
color: #fff;
font-weight: 700;
padding: 6px 18px;
border-radius: 20px;
display: inline-block;
background-color: #043440;
}
.ft-pricing-plan-items .ft-pricing-plan-list {
margin-bottom: 25px;
}
.ft-pricing-plan-items .ft-pricing-plan-list li {
color: #043440;
font-weight: 500;
padding-bottom: 13px;
}
.ft-pricing-plan-items .ft-btn-2 a span {
color: #fff;
}
.ft-pricing-plan-items .ft-btn-2 a:hover {
color: #fff;
}
.ft-pricing-plan-items .ft-btn-2 a:hover:before {
border: 2px solid #33adff;
background-color: #33adff;;
}
.ft-pricing-plan-items:hover .ft-pricing-plan-head {
background-color: #ff3132;
}
.ft-pricing-plan-items:hover .pricing-shape1 {
opacity: 0;
}
.ft-pricing-plan-items:hover .pricing-shape2 {
opacity: 1;
}
/*---------------------------------------------------- */
/*Coming Soon area*/
/*----------------------------------------------------*/
.coming-soon-content {
padding: 290px 0px 200px;
}
.coming-soon-content h2 {
color: #fff;
font-size: 72px;
font-weight: 700;
}
.coming-soon-countdown {
margin-top: 35px;
}
.coming-soon-countdown li {
width: 100px;
height: 100px;
padding-top: 25px;
margin-right: 25px;
text-align: center;
border-radius: 100%;
border: 2px solid #fff;
background-color: #0a3e4a;
}
.coming-soon-countdown li span {
display: block;
}
.coming-soon-countdown li .ft-count-down-number {
color: #fff;
font-size: 30px;
line-height: 1;
font-weight: 700;
font-family: "Poppins";
}
.coming-soon-countdown li .count-unit {
color: #fff;
font-weight: 500;
}
.coming-soon-newslatter-form {
margin-top: 45px;
max-width: 470px;
}
.coming-soon-newslatter-form h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
padding-bottom: 12px;
}
.coming-soon-newslatter-form p {
color: #fff;
padding-bottom: 25px;
}
.coming-soon-newslatter-form form {
position: relative;
}
.coming-soon-newslatter-form input {
width: 100%;
height: 55px;
padding-left: 15px;
border-radius: 30px;
border: 1px solid #fff;
background-color: transparent;
}
.coming-soon-newslatter-form input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form input::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.coming-soon-newslatter-form button {
top: 5px;
right: 5px;
color: #fff;
height: 45px;
width: 145px;
border: none;
font-weight: 600;
position: absolute;
border-radius: 30px;
font-family: "Poppins";
background-color: #33adff;;
}
.coming-soon-social {
margin-top: 45px;
}
.coming-soon-social a {
width: 45px;
color: #fff;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 10px;
border-radius: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #002a34;
}
.coming-soon-social a:hover {
background-color: #33adff;;
}
.pr-sx-video-section {
z-index: 1;
padding: 120px 0px 100px;
}
.pr-sx-video-section .background_overlay {
z-index: -1;
background-color: rgba(0, 26, 87, 0.8);
}
.pr-sx-video-section .pr-sx-video-content {
margin: 0 auto;
max-width: 860px;
}
.pr-sx-video-section .pr-sx-video-content h3 {
color: #fff;
font-size: 48px;
font-weight: 700;
}
.pr-sx-video-section .pr-sx-video-content .pr-sx-video-icon {
width: 90px;
height: 90px;
margin: 0 auto;
margin-top: 45px;
border-radius: 100%;
background-color: #33adff;;
border: 2px solid #000d51;
}
.pr-sx-video-section .pr-sx-video-content .pr-sx-video-icon a {
color: #fff;
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 100%;
background-color: #000d51;
}
/*---------------------------------------------------- */
/*Fun Fact area*/
/*----------------------------------------------------*/
.ft-funfact-section {
padding: 50px 0px 110px;
}
.ft-funfact-content {
padding: 40px 0px;
background-color: #f4f4f4;
}
.ft-funfact-innerbox .ft-funfact-icon {
margin-bottom: 8px;
}
.ft-funfact-innerbox .ft-funfact-icon i {
font-size: 45px;
color: #33adff;
}
.ft-funfact-innerbox .ft-funfact-text h3 {
color: #052e56;
font-size: 45px;
font-weight: 700;
}
.ft-funfact-innerbox .ft-funfact-text p {
color: #666666;
font-size: 15px;
font-weight: 700;
font-family: "Poppins";
}
.ft-funfact-section-2 {
padding: 115px 0px;
}
.ft-funfact-section-2 .ft-section-title-3 {
margin: 0 auto;
max-width: 820px;
}
.ft-funfact-section-2 {
overflow: hidden;
}
.ft-funfact-content-2 {
z-index: 1;
padding-top: 100px;
}
.ft-funfact-content-2 .map-bg {
top: 0;
left: 0;
right: 0;
opacity: 0.5;
z-index: -1;
}
.ft-funfact-inner-items-wrapper:before {
top: 51%;
left: 0;
right: 0;
width: 95%;
content: "";
margin: 0 auto;
position: absolute;
border: 2px dashed #dbdbdb;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ft-funfact-inner-items .ft-funfact-inner-icon {
width: 65px;
height: 65px;
margin: 0 auto;
margin-bottom: 40px;
border-radius: 100%;
background-color: #3b6aff;
}
.ft-funfact-inner-items .ft-funfact-inner-icon:after {
left: 25px;
bottom: -8px;
content: "";
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #3b6aff;
}
.ft-funfact-inner-items .ft-funfact-inner-icon i {
color: #fff;
font-size: 35px;
line-height: 0.75;
}
.ft-funfact-inner-items .ft-funfact-inner-text h3 {
color: #fa4318;
font-size: 36px;
font-weight: 700;
}
.ft-funfact-inner-items .ft-funfact-inner-text p {
color: #141415;
font-size: 18px;
font-weight: 500;
}
.ft-funfact-slug-text {
margin-top: 70px;
}
.ft-funfact-slug-text span {
color: #000000;
}
.ft-funfact-slug-text span a {
color: #008eff;
font-weight: 700;
text-decoration: underline;
}
.ft-thx-work-process-section {
padding: 110px 0px;
}
.ft-thx-work-process-section .td-sv-work-step-content {
margin-top: 50px;
}
.ft-thx-work-process-section .ft-thx-work-process-shape {
top: 0;
right: 0;
}
.td-sv-work-step-inner-item {
margin-bottom: 30px;
}
.td-sv-work-step-inner-item .td-sv-work-step-icon {
width: 105px;
height: 105px;
margin: 0 auto;
border-radius: 100%;
margin-bottom: 22px;
background-color: #fff;
-webkit-box-shadow: 1.315px 2.696px 29px 0px rgba(3, 0, 11, 0.08);
box-shadow: 1.315px 2.696px 29px 0px rgba(3, 0, 11, 0.08);
}
.td-sv-work-step-inner-item .td-sv-work-step-icon i {
font-size: 40px;
line-height: 0.75;
color: #ff484e;
}
.td-sv-work-step-inner-item .td-sv-work-step-text h3 {
color: #000320;
font-size: 24px;
font-weight: 700;
padding-bottom: 10px;
}
.td-sv-work-step-inner-item .td-sv-work-step-text p {
color: #666666;
margin: 0 auto;
max-width: 280px;
}
.td-sv-work-step-content .td-sv-ws-arrow1,
.td-sv-work-step-content .td-sv-ws-arrow2 {
top: 20%;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
.td-sv-work-step-content .td-sv-ws-arrow1 {
left: 330px;
}
.td-sv-work-step-content .td-sv-ws-arrow2 {
right: 330px;
}
.pr-sx-funfact-section {
padding: 130px 0px 90px;
}
.pr-sx-funfact-innerbox {
padding: 55px 15px 35px;
background-color: #fefefe;
-webkit-box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.12);
box-shadow: 13.435px 13.435px 30px 0px rgba(55, 54, 54, 0.12);
}
.pr-sx-funfact-innerbox .pr-sx-funfact-icon {
left: 0;
right: 0;
top: -45px;
width: 88px;
color: #fff;
height: 88px;
margin: 0 auto;
position: absolute;
border-radius: 100%;
background-color: #33adff;;
}
.pr-sx-funfact-innerbox .pr-sx-funfact-icon i {
font-size: 48px;
line-height: 0.75;
}
.pr-sx-funfact-innerbox .pr-sx-funfact-text h3 {
font-size: 72px;
font-weight: 700;
padding-bottom: 5px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #000d51;
}
.pr-sx-funfact-innerbox .pr-sx-funfact-text h4 {
color: #132a52;
font-size: 18px;
font-weight: 700;
}
/*---------------------------------------------------- */
/*Footer area*/
/*----------------------------------------------------*/
.ft-footer-section {
padding-top: 120px;
background-color: #00044b;
}
.ft-footer-widget-wrapper {
padding-bottom: 90px;
}
.ft-footer-widget .widget-title {
color: #fff;
font-size: 20px;
font-weight: 700;
padding-bottom: 25px;
}
.ft-footer-widget .logo-widget .site-logo {
padding-bottom: 20px;
}
.ft-footer-widget .logo-widget p {
color: #fff;
max-width: 250px;
padding-bottom: 35px;
}
.ft-footer-widget .menu-widget li {
margin-bottom: 18px;
}
.ft-footer-widget .menu-widget li a {
color: #fff;
position: relative;
}
.ft-footer-widget .menu-widget li a:before {
left: 0;
top: 8px;
width: 0px;
height: 3px;
content: "";
position: absolute;
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
background-color: #33adff;;
}
.ft-footer-widget .menu-widget li a:hover {
padding-left: 12px;
}
.ft-footer-widget .menu-widget li a:hover:before {
width: 8px;
}
.ft-footer-widget .gallery-widget {
margin: 0px -5px;
}
.ft-footer-widget .gallery-widget li a {
float: left;
width: 85px;
height: 90px;
margin: 5px;
overflow: hidden;
position: relative;
border-radius: 8px;
}
.ft-footer-widget .gallery-widget li a:before {
top: 0;
left: 0;
width: 100%;
content: "";
opacity: 0.7;
height: 100%;
position: absolute;
-webkit-transform: scale(0);
transform: scale(0);
background-color: #33adff;;
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
}
.ft-footer-widget .gallery-widget li a:after {
left: 0;
top: 50%;
right: 0;
color: #fff;
opacity: 0;
margin: 0 auto;
font-size: 20px;
content: "";
font-weight: 900;
text-align: center;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 300ms all ease;
transition: 300ms all ease;
font-family: "Font Awesome 5 Pro";
}
.ft-footer-widget .gallery-widget li a:hover:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.ft-footer-widget .gallery-widget li a:hover:after {
opacity: 1;
}
.ft-footer-copywrite-1 {
color: #fff;
padding: 16px 0px 14px;
background-color: #000891;
}
.ft-footer-section-2 {
margin-top: 115px;
background-color: #f4f4f4;
}
.ft-footer-section-2 .footer-shape1 {
left: 0;
bottom: 0;
}
.ft-footer-section-2 .ft-footer-newslatter {
top: -115px;
margin-bottom: -15px;
}
.ft-footer-section-2 .ft-footer-newslatter-content {
padding: 65px 60px;
border-radius: 120px;
background-color: #33adff;;
}
.ft-footer-section-2 .ft-footer-newslatter-content h2 {
color: #fff;
font-size: 36px;
font-weight: 700;
max-width: 510px;
line-height: 1.333;
}
.ft-footer-section-2 .ft-footer-newslatter-form {
width: 500px;
}
.ft-footer-section-2 .ft-footer-newslatter-form input {
width: 100%;
color: #fff;
height: 60px;
padding-left: 20px;
border-radius: 30px;
border: 2px solid #fff;
background-color: transparent;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-webkit-input-placeholder {
color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-moz-placeholder {
color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input:-ms-input-placeholder {
color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::-ms-input-placeholder {
color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form input::placeholder {
color: #fff;
}
.ft-footer-section-2 .ft-footer-newslatter-form button {
top: 0;
right: 0;
width: 160px;
height: 60px;
border: none;
color: #003440;
font-size: 15px;
font-weight: 600;
position: absolute;
border-radius: 30px;
font-family: "Poppins";
-webkit-transition: 500ms all ease;
transition: 500ms all ease;
}
.ft-footer-section-2 .ft-footer-newslatter-form button:hover {
color: #fff;
background-color: #00044b;
}
.ft-footer-widget-wrapper-2 {
padding-bottom: 90px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .widget-title {
color: #003440;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .logo-widget .site-logo {
padding-bottom: 35px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .ft-footer-address span {
color: #003440;
display: block;
font-weight: 500;
max-width: 245px;
margin-bottom: 12px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .menu-widget li a {
font-weight: 500;
color: #003440;
}
.ft-footer-copywrite-2 {
color: #fff;
font-weight: 700;
padding: 22px 0px;
background-color: #003440;
}
.ft-footer-section-3 .ft-newslatter-section-3 {
padding: 40px 0px;
background-color: #0f0f35;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text {
color: #fff;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text h3 {
color: #fff;
font-size: 30px;
font-weight: 700;
padding-bottom: 10px;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text p {
color: #c9c8c8;
font-size: 17px;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a {
color: #fff;
width: 200px;
height: 50px;
font-size: 14px;
font-weight: 700;
background-color: #008eff;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a:hover {
background-color: #fa4318;
}
.ft-footer-copyright {
padding: 25px 0px;
}
.ft-footer-copyright span {
font-size: 15px;
color: #ffffff;
}
.ft-footer-content-wrap-3 {
padding-top: 80px;
border-bottom: 2px solid #383737;
}
.ft-footer-content-wrap-3 .ft-footer-widget .widget-title {
color: #fff;
font-size: 24px;
font-weight: 700;
position: relative;
margin-bottom: 25px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .widget-title:before {
left: 0;
height: 3px;
width: 30px;
content: "";
bottom: 15px;
position: absolute;
background-color: #008eff;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .ft-footer-logo {
padding-bottom: 18px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget p {
color: #9d9d9d;
padding-bottom: 35px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .footer-logo-btn {
color: #fff;
height: 35px;
width: 100px;
font-size: 14px;
font-weight: 700;
line-height: 35px;
overflow: hidden;
display: inline-block;
background-color: #008eff;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .footer-logo-btn:after {
background-color: #fff;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-logo-widget .footer-logo-btn:hover {
background-color: #fa4318;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget p {
color: #9d9d9d;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget form {
margin-top: 30px;
position: relative;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input {
height: 45px;
width: 100%;
padding-left: 20px;
border: 2px solid #313131;
background-color: transparent;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::-webkit-input-placeholder {
color: #fff;
font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::-moz-placeholder {
color: #fff;
font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input:-ms-input-placeholder {
color: #fff;
font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::-ms-input-placeholder {
color: #fff;
font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget input::placeholder {
color: #fff;
font-size: 14px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget button {
top: 0;
right: 0;
width: 60px;
padding: 0;
color: #fff;
height: 45px;
border: none;
position: absolute;
background-color: #008eff;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget button:hover {
background-color: #fff;
color: #000;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social {
margin-top: 22px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social li {
margin-right: 15px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social li a {
color: #494949;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget .ft-footer-social li a:hover {
color: #008eff;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget {
padding-left: 20px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget ul {
padding-top: 15px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget i {
float: left;
font-size: 14px;
margin-top: 5px;
color: #008eff;
margin-right: 10px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget a {
color: #9d9d9d;
display: block;
font-size: 14px;
overflow: hidden;
max-width: 170px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget .office-open-hour {
margin-top: 10px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget .office-open-hour span {
color: #fff;
font-size: 14px;
display: block;
margin-bottom: 10px;
font-weight: 700;
text-decoration: underline;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget .office-open-hour p {
font-size: 14px;
color: #9d9d9d;
max-width: 180px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed {
padding-top: 10px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li {
float: left;
width: 75px;
height: 75px;
margin-right: 10px;
margin-bottom: 7px;
position: relative;
background-color: #000;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li:before {
top: 0;
opacity: 0;
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: #000;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li i {
left: 0;
top: 50%;
right: 0;
opacity: 0;
color: #fff;
position: absolute;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li:hover:before {
opacity: 0.7;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-instagram-widget .insta-feed li:hover i {
opacity: 1;
}
.ft-footer-content-wrap-3 .ft-footer-copyright {
margin-top: 80px;
border-top: 1px solid #15152e;
}
.pr-sv-footer-section {
padding: 90px 0px 60px;
background-color: #213442;
}
.pr-sv-footer-widget-wrap {
padding-bottom: 60px;
border-bottom: 2px solid #004070;
}
.pr-sv-footer-widget {
color: #fff;
}
.pr-sv-footer-widget .widget-title {
color: #fff;
font-size: 24px;
font-weight: 700;
padding-bottom: 40px;
}
.pr-sv-footer-widget .pr-sv-about-widget .ft-thx-btn {
margin-top: 40px;
}
.pr-sv-footer-widget .pr-sv-about-widget .ft-thx-btn a {
width: 140px;
color: #fff;
height: 45px;
}
.pr-sv-footer-widget .pr-sv-menu-widget {
padding-left: 20px;
}
.pr-sv-footer-widget .pr-sv-menu-widget li {
width: 50%;
float: left;
padding-left: 12px;
margin-bottom: 10px;
position: relative;
}
.pr-sv-footer-widget .pr-sv-menu-widget li:before {
left: 0;
top: 3px;
font-size: 12px;
content: "";
font-weight: 900;
position: absolute;
color: #33adff;
font-family: "Font Awesome 5 Pro";
}
.pr-sv-footer-widget .pr-sv-menu-widget li:hover {
color: #33adff;
}
.pr-sv-footer-widget .pr-sv-gallery-widget li {
float: left;
width: 125px;
overflow: hidden;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 5px;
}
.pr-sv-footer-widget .pr-sv-gallery-widget li a {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.pr-sv-footer-widget .pr-sv-contact-widget {
max-width: 245px;
}
.pr-sv-footer-widget .pr-sv-contact-widget li {
color: #fff;
margin-bottom: 15px;
}
.pr-sv-footer-widget .pr-sv-contact-widget li i {
float: left;
color: #33adff;
padding-top: 3px;
margin-right: 12px;
}
.pr-sv-footer-widget .pr-sv-contact-widget li span {
display: block;
overflow: hidden;
}
.pr-sv-footer-widget .pr-sv-contact-widget span {
color: #fff;
}
/*---------------------------------------------------- */
/*New Home area*/
/*----------------------------------------------------*/
/* New Demo Style */
h1 {
position: relative;
font-size: 82px;
color: #090909;
margin: 0px;
font-weight: 700;
line-height: 1em;
font-family: "Poppins", sans-serif;
}
h2 {
position: relative;
font-size: 42px;
color: #090909;
margin: 0px;
font-weight: 700;
line-height: 1.2em;
font-family: "Poppins", sans-serif;
}
h3 {
position: relative;
font-size: 36px;
color: #090909;
margin: 0px;
font-weight: 700;
line-height: 1.2em;
font-family: "Poppins", sans-serif;
}
h4 {
position: relative;
color: #0f0f0f;
margin: 0px;
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
font-family: "Poppins", sans-serif;
}
h5 {
position: relative;
color: #0f0f0f;
margin: 0px;
font-size: 22px;
font-weight: 700;
line-height: 1.3em;
font-family: "Poppins", sans-serif;
}
h6 {
position: relative;
color: #0f0f0f;
margin: 0px;
font-size: 18px;
font-weight: 700;
line-height: 1.5em;
font-family: "Poppins", sans-serif;
}
/* Sec Title */
.sec-title {
position: relative;
margin-bottom: 40px;
}
.sec-title .title {
position: relative;
font-size: 20px;
color: #ec0000;
line-height: 1.5em;
font-weight: 700;
display: block;
}
.sec-title h2 {
margin-top: 15px;
}
.sec-title .text {
position: relative;
margin-top: 20px;
color: #666666;
font-size: 16px;
line-height: 1.8em;
}
.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2 {
color: #ffffff;
}
.sec-title.centered {
text-align: center;
}
/* Sec Title Two */
.sec-title-two {
position: relative;
margin-bottom: 40px;
}
.sec-title-two .title {
position: relative;
font-size: 16px;
color: #000000;
line-height: 1.5em;
font-weight: 500;
display: block;
letter-spacing: 1px;
text-transform: uppercase;
}
.sec-title-two h2 {
margin-top: 15px;
}
.sec-title-two .text {
position: relative;
margin-top: 20px;
color: #666666;
font-size: 16px;
line-height: 1.8em;
}
.sec-title-two.light .text,
.sec-title-two.light .title,
.sec-title-two.light h2 {
color: #ffffff;
}
.sec-title-two.centered {
text-align: center;
}
.sec-title-two.style-two .title {
color: #dd2602;
}
.theme_color {
color: #ec0000;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
ul li {
list-style: none;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
/* Btn Style One */
.btn-style-one {
position: relative;
color: #ffffff !important;
font-size: 15px;
font-weight: 700;
border-radius: 7px;
display: inline-block;
background-color: #ec0000;
padding: 12px 20px 12px 25px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: "Poppins", sans-serif;
}
.btn-style-one .icon {
position: relative;
width: 34px;
height: 34px;
color: #ffffff;
line-height: 34px;
margin-left: 10px;
text-align: center;
border-radius: 50px;
background-color: #a20000;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-one:hover {
color: #ffffff;
background-color: #002a34;
}
.btn-style-one:hover .icon {
color: #ffffff;
background-color: #ec0000;
}
/* Btn Stule Two */
.btn-style-two {
position: relative;
color: #002a34 !important;
font-size: 15px;
font-weight: 700;
border-radius: 7px;
display: inline-block;
background-color: #ffffff;
padding: 11px 20px 11px 25px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: "Poppins", sans-serif;
}
.btn-style-two .icon {
position: relative;
width: 34px;
height: 34px;
color: #002a34;
line-height: 34px;
margin-left: 10px;
text-align: center;
border-radius: 50px;
background-color: #e1e1e1;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-two:hover {
color: #ffffff !important;
background-color: #ec0000;
}
.btn-style-two:hover .icon {
color: #ec0000;
background-color: #ffffff;
}
/* Btn Stule Three */
.btn-style-three {
position: relative;
color: #ffffff !important;
font-size: 15px;
font-weight: 700;
border-radius: 7px;
display: inline-block;
background-color: #002a34;
padding: 13px 20px 13px 25px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-family: "Poppins", sans-serif;
}
.btn-style-three .icon {
position: relative;
width: 34px;
height: 34px;
color: #ffffff;
line-height: 34px;
margin-left: 10px;
text-align: center;
border-radius: 50px;
background-color: #004758;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.btn-style-three:hover {
color: #ffffff !important;
background-color: #ec0000;
}
.btn-style-three:hover .icon {
color: #ec0000;
background-color: #ffffff;
}
/***
====================================================================
Main Header style
====================================================================
***/
.ft1-main-header {
position: absolute;
z-index: 99;
width: 100%;
}
.ft1-main-header:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
height: 100px;
background-color: #002a34;
}
/* Header Top */
.ft1-main-header .ft1-header-top {
position: relative;
}
.ft1-main-header .ft1-header-top .inner-container {
position: relative;
}
.ft1-main-header .ft1-header-top .ft1-top-left {
position: relative;
padding: 18px 0px;
}
.ft1-header-top .ft1-top-left .top-list {
position: relative;
}
.ft1-header-top .ft1-top-left .top-list li {
position: relative;
font-size: 16px;
color: #ffffff;
font-weight: 500;
margin-right: 20px;
padding-left: 30px;
display: inline-block;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #021d30;
}
.ft1-header-top .ft1-top-left .top-list li a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-header-top .ft1-top-left .top-list li .icon {
position: absolute;
left: 0px;
top: -1px;
color: #ffffff;
font-size: 18px;
font-family: "flaticon";
}
.ft1-header-top .ft1-top-left .top-list li a:hover {
color: #ec0000;
}
.ft1-main-header .ft1-header-top .ft1-top-right {
position: relative;
}
.ft1-main-header .ft1-header-top .language {
position: relative;
line-height: 1em;
padding: 10px 0px;
}
.ft1-main-header .ft1-header-top .language button {
position: relative;
background: none;
padding: 0px 0px;
border: 0px;
}
.ft1-main-header .ft1-header-top .language button:focus {
outline: none;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
.ft1-main-header .ft1-header-top .language button:after {
display: none;
}
.ft1-main-header .ft1-header-top .language .flag-icon {
margin-right: 12px;
}
.ft1-main-header .ft1-header-top .language .dropdown-menu {
top: 100%;
right: 0px !important;
left: auto !important;
width: 170px;
border-radius: 0px;
margin-top: 8px !important;
background-color: #222222;
border: none;
padding: 0px;
border-top: 3px solid #ec0000;
}
.ft1-main-header .ft1-header-top .language > a {
color: white;
padding: 10px 0px;
text-transform: uppercase;
display: inline-block;
border: 0px;
top: 0px;
font-weight: 500;
font-size: 16px;
line-height: 1em;
border-radius: 0px;
}
.ft1-main-header .ft1-header-top .language > a:focus {
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
.main-menu .navigation > li.dropdown > a {
padding-right: 15px !important;
}
.ft1-main-header .ft1-header-top .language > a:after {
display: none;
}
.ft1-main-header .ft1-header-top language a:hover {
background: none;
}
.ft1-main-header .ft1-header-top .language .dropdown-menu > li {
padding-right: 0px !important;
margin: 0px !important;
float: none;
display: block !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ft1-main-header .ft1-header-top .language .dropdown-menu > li:last-child {
border-bottom: none;
}
.ft1-main-header .ft1-header-top .language .dropdown-menu > li > a {
padding: 12px 20px !important;
color: #ffffff;
display: block;
text-align: left;
font-size: 14px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-main-header .ft1-header-top .language .dropdown-menu > li > a:hover {
color: #ffffff !important;
background-color: #ec0000;
}
.ft1-main-header .main-box {
position: relative;
padding: 0px 0px;
left: 0px;
top: 0px;
width: 100%;
background: none;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-main-header .main-box .outer-container {
position: relative;
padding: 0px 40px;
}
.ft1-main-header .main-box .logo-box {
position: relative;
float: left;
left: 0px;
z-index: 10;
padding: 30px 0px;
}
.ft1-main-header .main-box .logo-box .logo img {
display: inline-block;
max-width: 100%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-main-header .header-upper {
position: relative;
}
.ft1-main-header .header-upper .upper-right {
position: relative;
padding-top: 22px;
}
.ft1-main-header .nav-outer {
position: relative;
float: right;
}
.ft1-main-header .header-upper .inner-container {
position: relative;
padding-left: 25px;
background-color: #ffffff;
}
.ft1-main-header .header-upper .logo-box {
position: relative;
padding: 0px 0px;
}
.ft1-main-header .header-upper .logo-box .logo {
position: relative;
}
.ft1-main-header .outer-box {
position: relative;
float: right;
margin-left: 30px;
}
.ft1-main-header .btn-box {
position: relative;
float: left;
padding: 10px 10px;
}
.ft1-main-header .sticky-header .btn-box {
padding: 8px 0px;
}
.ft1-main-header.ft2-header-style-two .sticky-nav-toggler {
padding: 0px !important;
display: none;
margin: 12px 0px 12px 20px !important;
background: none !important;
}
/* Main Menu */
.main-menu {
position: static;
float: left;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navbar-collapse {
padding: 0px;
float: left;
display: block !important;
}
.main-menu .navigation {
position: static;
margin: 0px;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin-right: 28px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li:last-child {
margin-right: 0px;
}
.sticky-header .main-menu .navigation > li > a {
color: #444444;
}
.sticky-header .nav-outer .options-box {
margin-top: 45px;
}
/*Sticky Header*/
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
background: #ffffff;
z-index: 0;
border-bottom: 1px solid #e8f1f7;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .mobile-nav-toggler {
position: relative;
float: right;
display: none !important;
cursor: pointer;
padding: 20px 0px;
}
.sticky-header .logo {
padding: 7px 0px;
}
.fixed-header .sticky-header {
z-index: 999;
opacity: 1;
visibility: visible;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
color: #002a34;
text-align: center;
line-height: 30px;
text-transform: capitalize;
letter-spacing: 0px;
opacity: 1;
font-weight: 500;
padding: 24px 0px;
font-size: 16px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: "Roboto", sans-serif;
}
.ft1-main-header .main-menu .navigation > li.dropdown > a {
padding-right: 15px !important;
}
.ft1-main-header .main-menu .navigation > li.dropdown > a:before {
font-family: "Font Awesome 5 Pro";
font-weight: 800;
content: "";
position: absolute;
right: 0px;
font-size: 10px;
transition: all 100ms ease;
-moz-transition: all 100ms ease;
-webkit-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
opacity: 1;
}
.main-menu .navigation > li > ul {
position: absolute;
left: -30px;
top: 100%;
width: 230px;
z-index: 100;
display: none;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 20px 15px;
border-radius: 10px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f9f9f9;
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 10px 18px;
line-height: 24px;
font-weight: 500;
font-size: 16px;
color: #111111;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
font-family: "Roboto", sans-serif;
}
.main-menu .navigation > li > ul > li > a:before {
position: absolute;
content: "//";
left: 10px;
top: 10px;
opacity: 0;
color: #ec0000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a::before {
opacity: 1;
}
.main-menu .navigation > li > ul > li:hover > a {
color: #ec0000;
padding-left: 30px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: "FontAwesome";
content: "";
position: absolute;
right: 15px;
top: 13px;
width: 10px;
height: 20px;
display: block;
color: #253d4a;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #222222;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 120%;
top: 0%;
width: 230px;
z-index: 100;
display: none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 20px 15px;
border-radius: 10px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.main-menu .navigation > li > ul > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f9f9f9;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position: relative;
display: block;
padding: 10px 18px;
line-height: 24px;
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
color: #111111;
padding-left: 10px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #ec0000;
}
.main-menu .navigation > li > ul > li > ul > li > a:before {
position: absolute;
content: "//";
left: 10px;
top: 8px;
opacity: 0;
color: #ec0000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a::before {
opacity: 1;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #ec0000;
padding-left: 30px;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
left: 0px;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 0;
left: 100%;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 30px;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 28px;
border: 1px solid #ffffff;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
/* Header Style Two */
.ft2-header-style-two {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
}
.ft2-header-style-two:before {
display: none;
}
.ft2-header-style-two .header-upper .inner-container {
padding: 0px 0px;
background: none;
}
.ft1-main-header.ft2-header-style-two .header-upper .mobile-nav-toggler {
position: relative;
right: 0px;
top: 0px;
font-size: 14px !important;
display: block;
padding: 15px 30px;
background-color: #0009c4;
text-transform: uppercase;
}
.ft1-main-header.ft2-header-style-two .mobile-nav-toggler .icon {
position: relative;
width: 50px;
height: 50px;
line-height: 46px;
text-align: center;
border-radius: 50px;
margin-left: 10px;
color: var(--white-color);
display: inline-block;
border: 2px solid #ffde00;
}
.ft1-main-header.ft2-header-style-two .navbar-collapse {
display: block;
}
.ft1-main-header.ft2-header-style-two .header-upper .main-menu {
opacity: 0;
visibility: hidden;
}
.ft1-main-header.ft2-header-style-two .header-upper .logo-box {
padding: 20px 0px 10px;
}
/* Header Style Two */
.ft3-header-style-three {
position: relative;
}
.ft3-header-style-three:before {
display: none;
}
.ft3-header-top-three {
position: relative;
overflow: hidden;
background-color: #2b2b2b;
}
.ft3-header-top-three:before {
position: absolute;
content: "";
right: 0px;
top: 0px;
bottom: 0px;
width: 50%;
background-color: #000000;
}
.ft3-header-top-three .ft3-top-left {
position: relative;
padding: 12px 0px;
}
.ft3-header-top-three .ft3-top-left .top-list {
position: relative;
margin: 0px;
}
.ft3-header-top-three .ft3-top-left .top-list li {
position: relative;
font-size: 14px;
color: #ffffff;
float: left;
font-weight: 400;
padding-left: 50px;
padding-right: 25px;
z-index: 1;
}
.ft3-header-top-three .ft3-top-left .top-list li:before {
position: absolute;
content: "";
left: 0px;
top: -15px;
right: 0px;
bottom: -15px;
z-index: -1;
background-color: #dd2602;
-webkit-transform: skewX(35deg);
transform: skewX(35deg);
}
.ft3-header-top-three .ft3-top-left .top-list li:first-child .icon {
color: #ffffff;
}
.ft3-header-top-three .ft3-top-left .top-list li:nth-child(2):before {
background-color: #302e2e;
}
.ft3-header-top-three .ft3-top-left .top-list li:nth-child(3):before {
background-color: #202020;
}
.ft3-header-top-three .ft3-top-left .top-list li a {
position: relative;
color: #d7d7d7;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft3-header-top-three .ft3-top-left .top-list li .icon {
position: absolute;
left: 25px;
top: 2px;
color: #dd2602;
font-size: 16px;
font-family: "FontAwesome";
}
.ft3-header-top-three .ft3-top-left .top-list li a:hover {
color: #ec0000;
}
.ft3-header-top-three .ft3-top-right {
position: relative;
z-index: 1;
padding: 10.5px 0px;
}
.ft3-header-top-three .social-box {
position: relative;
margin-bottom: 0px;
}
.ft3-header-top-three .social-box li {
position: relative;
margin-left: 16px;
display: inline-block;
}
.ft3-header-top-three .social-box span {
position: relative;
color: #ffffff;
}
.ft3-header-top-three .social-box li a {
position: relative;
color: #ffffff;
font-size: 14px;
}
.ft3-header-top-three .social-box li a:hover {
color: #089bff;
}
.ft3-header-style-three .main-menu .navigation > li > a {
color: #000000;
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.ft1-main-header .nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 36px;
line-height: 50px;
cursor: pointer;
color: #ffffff;
display: none;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo {
position: relative;
padding: 20px 20px;
text-align: left;
}
.mobile-menu .nav-logo img {
max-width: 200px;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
visibility: visible;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.9);
-webkit-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 1;
width: 100%;
visibility: visible;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
right: -400px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
border-radius: 0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu .menu-box {
right: 0px;
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobile-menu .close-btn {
position: absolute;
right: 15px;
top: 15px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobile-menu .close-btn:hover {
opacity: 0.5;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
padding-left: 0px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a {
color: #111111;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #404040;
cursor: pointer;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content: "";
position: absolute;
left: 0px;
top: 10px;
width: 1px;
height: 24px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
display: none;
padding-left: 0px;
}
.mobile-menu .navigation li > ul > li > a {
padding-left: 30px;
}
.mobile-menu .navigation li > ul > li > ul {
padding-left: 0px;
}
.mobile-menu .navigation li > ul > li > ul > li > a {
padding-left: 40px;
}
.sticky-header .navbar-header {
display: none;
}
/***
====================================================================
Main Slider
====================================================================
***/
.ft1-main-slider {
position: relative;
}
.ft1-main-slider .left-pattern-layer {
position: absolute;
left: 0px;
bottom: 0px;
z-index: 10;
border-bottom: 50px solid #ffffff;
border-right: 100px solid transparent;
}
.ft1-main-slider .right-pattern-layer {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 10;
border-bottom: 50px solid #ffffff;
border-left: 100px solid transparent;
}
.ft1-main-slider .color-layer {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.8;
background-color: #001b22;
}
.ft1-main-slider .tp-caption {
z-index: 5 !important;
}
.ft1-main-slider .tp-dottedoverlay {
background: none !important;
}
.ft1-main-slider h1 {
color: #ffffff;
}
.ft1-main-slider h1 span {
font-size: 60px;
}
.ft1-main-slider .text {
position: relative;
font-size: 20px;
font-weight: 400;
color: #ffffff;
line-height: 1.6em;
}
.ft1-main-slider .phone-box {
position: absolute;
left: 0px;
bottom: 0px;
width: 40%;
z-index: 1;
text-align: right;
}
.ft1-main-slider .phone-box .box-inner:before {
position: absolute;
content: "";
left: -85px;
top: -85px;
width: 173px;
height: 174px;
z-index: -1;
background: url(../images/main-slider/circle-text.png) no-repeat;
}
.ft1-main-slider .phone-box .box-inner {
position: relative;
padding: 40px 40px;
display: inline-block;
background-color: #ec0000;
}
.ft1-main-slider .phone-box .box-inner .content {
position: relative;
padding-left: 95px;
text-align: left;
color: #f1dddd;
font-size: 16px;
}
.ft1-main-slider .phone-box .box-inner .icon {
position: absolute;
left: 0px;
top: 0px;
width: 75px;
height: 75px;
color: #ffffff;
font-size: 30px;
line-height: 75px;
text-align: center;
border-radius: 50px;
display: inline-block;
font-family: "flaticon";
background-color: rgba(255, 255, 255, 0.23);
}
.ft1-main-slider .phone-box .box-inner a {
position: relative;
color: #ffffff;
font-size: 30px;
font-weight: 700;
margin-top: 4px;
display: inline-block;
font-family: "CrimsonText-Regular";
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-main-slider .phone-box .box-inner a:hover {
color: #dda749;
}
.ft1-main-slider .tp-bannertimer,
.ft1-main-slider .tp-bullets {
display: none !important;
}
/***
====================================================================
Tracking Section
====================================================================
***/
.ft1-tracking-section {
position: relative;
}
.ft1-tracking-section .inner-container {
position: relative;
padding: 0px 30px;
overflow: hidden;
background-color: #002a34;
}
.ft1-tracking-section .tracking-column {
position: relative;
}
.ft1-tracking-section .tracking-column .inner-column {
position: relative;
padding: 61px 0px;
}
/* Tracking Form */
.tracking-form {
position: relative;
}
.tracking-form .form-group {
position: relative;
margin: 0px;
width: 100%;
padding-right: 220px;
}
.tracking-form .form-group input[type=text],
.tracking-form .form-group input[type=search] {
position: relative;
line-height: 43px;
padding: 10px 20px 10px 30px;
background: none;
display: block;
font-size: 14px;
height: 56px;
width: 100%;
color: #f6f6f6;
border-radius: 5px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255, 255, 255, 0.3);
font-family: "Roboto", sans-serif;
}
.tracking-form .form-group input::-webkit-input-placeholder {
color: #f6f6f6;
}
.tracking-form .form-group button {
position: absolute;
right: 0px;
top: 0px;
}
.ft1-tracking-section .featured-column {
position: relative;
}
.ft1-tracking-section .featured-column .inner-column {
position: relative;
padding: 30px 0px 30px 30px;
}
.ft1-tracking-section .featured-column .inner-column:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
bottom: 0px;
width: 150%;
background-color: #ec0000;
}
.ft1-tracking-section .featured-column .feature-block:first-child .inner-box::before {
position: absolute;
content: "";
right: 0px;
top: 0px;
bottom: 0px;
width: 2px;
border-right: 2px solid #b00000;
}
.feature-block {
position: relative;
}
.feature-block .inner-box {
position: relative;
}
.feature-block .inner-box .icon {
position: relative;
color: #ffffff;
line-height: 1em;
font-size: 44px;
margin-bottom: 20px;
display: inline-block;
font-family: "flaticon";
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.feature-block .inner-box h6 {
color: #ffffff;
font-weight: 500;
font-family: "Roboto", sans-serif;
}
.feature-block .inner-box:hover .icon {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
/***
====================================================================
Welcome Section
====================================================================
***/
.ft1-welcome-section {
position: relative;
overflow: hidden;
padding: 100px 0px 60px;
}
.ft1-welcome-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
width: 960px;
height: 960px;
margin-left: -470px;
margin-top: -470px;
background-repeat: no-repeat;
}
.ft1-welcome-section .image-column {
position: relative;
margin-bottom: 30px;
}
.ft1-welcome-section .image-column .inner-column {
position: relative;
padding-left: 20px;
padding-right: 70px;
}
.ft1-welcome-section .image-column .image {
position: relative;
}
.ft1-welcome-section .image-column .image:before {
position: absolute;
content: "";
left: -20px;
top: 20px;
bottom: 20px;
width: 60px;
border-radius: 4px;
background-color: #ec0000;
}
.ft1-welcome-section .image-column .image img {
position: relative;
width: 100%;
display: block;
border-radius: 5px;
overflow: hidden;
}
.ft1-welcome-section .image-column .year-box {
position: absolute;
right: -65px;
bottom: 35px;
border-radius: 5px;
background-color: #ffffff;
padding: 30px 30px 30px 25px;
border-right: 5px solid #ec0000;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft1-welcome-section .image-column .year-box .box-inner {
position: relative;
padding-left: 60px;
color: #666666;
font-size: 18px;
}
.ft1-welcome-section .image-column .year-box .box-inner strong {
position: relative;
display: block;
font-size: 24px;
font-weight: 700;
color: #002a34;
font-family: "Poppins", sans-serif;
}
.ft1-welcome-section .image-column .year-box .box-inner .icon {
position: absolute;
left: 0px;
top: 5px;
line-height: 1em;
color: #ec0000;
font-size: 50px;
font-family: "flaticon";
}
.ft1-welcome-section .content-column {
position: relative;
}
.ft1-welcome-section .content-column .inner-column {
position: relative;
padding-top: 50px;
}
.ft1-welcome-section .content-column .list {
position: relative;
}
.ft1-welcome-section .content-column .list li {
position: relative;
padding-left: 30px;
color: #002a34;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}
.ft1-welcome-section .content-column .list li:before {
position: absolute;
content: "";
left: 0px;
top: 3px;
line-height: 1em;
color: #ec0000;
font-family: "flaticon";
}
.ft1-welcome-section .content-column .list li:last-child {
margin-bottom: 0px;
}
.ft1-welcome-section .content-column .button-box {
position: relative;
margin-top: 35px;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.ft1-services-section {
position: relative;
padding: 0px 0px 0px;
}
.ft1-services-section .sec-title .btn-box {
margin-top: 50px;
}
.ft1-services-section .owl-nav {
display: none;
}
.ft1-services-section .owl-dots {
position: relative;
margin-top: 15px;
text-align: center;
}
.ft1-services-section .owl-dots .owl-dot {
position: relative;
width: 40px;
height: 6px;
margin: 0px 7px;
border-radius: 5px;
display: inline-block;
background-color: #ffffff;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.ft1-services-section .owl-dots .owl-dot:hover,
.ft1-services-section .owl-dots .owl-dot.active {
background-color: #ec0000;
}
.ft1-services-section .owl-carousel .owl-stage-outer {
position: static;
padding: 20px 0px;
}
.ft1-services-section .owl-theme .service-block {
margin: 0px 15px;
}
.ft1-services-section .owl-carousel {
margin: 0px -15px;
width: auto;
}
.ft1-service-block {
position: relative;
margin-bottom: 30px;
}
.ft1-service-block .inner-box {
position: relative;
padding: 40px 25px;
border-radius: 6px;
overflow: hidden;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft1-service-block .inner-box .side-icon {
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
}
.ft1-service-block .inner-box .color-layer {
position: absolute;
right: -145px;
top: -100px;
width: 380px;
height: 380px;
border-radius: 50%;
background-color: #ffdddd;
}
.ft1-service-block .inner-box .color-layer:before {
position: absolute;
content: "";
left: -15px;
top: -15px;
right: -15px;
bottom: -15px;
border-radius: 50%;
border: 2px dashed #ec0000;
}
.ft1-service-block .inner-box .content {
position: relative;
max-width: 320px;
z-index: 1;
}
.ft1-service-block .inner-box h4 {
text-transform: uppercase;
}
.ft1-service-block .inner-box h4 a {
position: relative;
color: #002a34;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft1-service-block .inner-box h4 a:hover {
color: #ec0000;
}
.ft1-service-block .inner-box .text {
position: relative;
color: #666666;
font-size: 16px;
margin-top: 22px;
margin-bottom: 28px;
}
.ft1-service-block.style-two .inner-box .color-layer {
background-color: #b2c8ce;
}
.ft1-service-block.style-two .inner-box .color-layer:before {
border-color: #b2c8ce;
}
/***
====================================================================
Clients Section
====================================================================
***/
.ft1-clients-section {
position: relative;
margin-top: -190px;
padding: 290px 0px 100px;
background-position: right top;
background-repeat: no-repeat;
background-color: #002a34;
}
.ft1-clients-section .sponsors-outer .owl-dots,
.ft1-clients-section .sponsors-outer .owl-nav {
position: relative;
display: none;
}
.ft1-clients-section .sponsors-outer .image-box {
position: relative;
text-align: center;
margin: 0px;
border-radius: 5px;
border: 1px solid #aec2c9;
background-color: rgba(255, 255, 255, 0.06);
}
.ft1-clients-section .sponsors-outer .image-box:hover {
border-color: #ffffff;
}
.ft1-clients-section .sponsors-outer .image-box img {
max-width: 100%;
width: auto;
opacity: 0.7;
display: inline-block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-clients-section .sponsors-outer .image-box img:hover {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/***
====================================================================
Steps Section
====================================================================
***/
.ft1-steps-section {
position: relative;
padding: 100px 0px 70px;
background-position: center center;
background-repeat: no-repeat;
}
.ft1-steps-section .inner-container {
position: relative;
padding: 0px 70px;
}
.step-block {
position: relative;
margin-bottom: 30px;
}
.step-block .inner-box {
position: relative;
text-align: center;
}
.step-block .inner-box:before {
position: absolute;
content: "";
right: -70px;
top: 60px;
width: 127px;
height: 59px;
background: url(../images/icons/step-icon-1.png) center center no-repeat;
}
.step-block:nth-child(2) .inner-box:before {
background: url(../images/icons/step-icon-2.png) center center no-repeat;
}
.step-block:last-child .inner-box:before {
display: none;
}
.step-block .inner-box .icon-outer {
position: relative;
display: inline-block;
}
.step-block .inner-box .icon-outer .icon-box {
position: relative;
width: 172px;
height: 180px;
color: #ec0000;
font-size: 50px;
line-height: 180px;
z-index: 1;
text-align: center;
font-family: "flaticon";
background: url(../images/resource/step-bg.png) center center no-repeat;
}
.step-block .inner-box .icon-outer .icon {
position: relative;
}
.step-block .inner-box h5 {
margin-top: 0px;
}
/***
====================================================================
Tracking Section
====================================================================
***/
.ft1-tracking-section-two {
position: relative;
padding-top: 20px;
z-index: 1;
}
.ft1-tracking-section-two .inner-container {
position: relative;
border-radius: 8px;
overflow: hidden;
margin-right: 3px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft1-track-tabs {
position: relative;
}
.ft1-track-tabs .tab-btns {
position: relative;
margin-bottom: 15px;
background: #002a34;
text-align: center;
padding-left: 0px;
}
.ft1-track-tabs .tab-btns .tab-btn {
position: relative;
width: 49.83%;
display: block;
font-size: 18px;
color: #ffffff;
font-weight: 700;
line-height: 24px;
cursor: pointer;
text-align: center;
letter-spacing: 1px;
display: inline-block;
padding: 18px 10px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
text-transform: capitalize;
font-family: "Poppins", sans-serif;
}
.ft1-track-tabs .tab-btns .tab-btn:hover,
.ft1-track-tabs .tab-btns .tab-btn.active-btn {
background-color: #ec0000;
}
.ft1-track-tabs .tabs-content {
position: relative;
padding: 40px 50px;
}
.ft1-track-tabs .tabs-content .tab {
position: relative;
display: none;
}
.ft1-track-tabs .tabs-content .tab.active-tab {
display: block;
}
/*Default Form*/
.ft1-default-form {
position: relative;
}
.ft1-default-form fieldset {
position: relative;
margin-bottom: 20px;
}
.ft1-default-form fieldset label {
position: relative;
display: block;
color: #002a34;
font-size: 16px;
font-weight: 700;
margin-bottom: 15px;
font-family: "Poppins", sans-serif;
}
.ft1-default-form .form-group {
position: relative;
margin-bottom: 10px;
}
.ft1-default-form input[type=text],
.ft1-default-form input[type=email],
.ft1-default-form input[type=password],
.ft1-default-form select,
.ft1-default-form textarea {
display: block;
width: 100%;
line-height: 28px;
height: 50px;
font-size: 15px;
padding: 8px 22px;
color: #002a34;
border-radius: 3px;
border: 1px solid #e7e7e7;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft1-default-form .form-group textarea::-webkit-input-placeholder,
.ft1-default-form .form-group input::-webkit-input-placeholder {
color: #666666;
}
.ft1-default-form textarea {
height: 170px;
resize: none;
font-size: 15px;
padding-top: 18px;
}
.ft1-default-form input[type=text]:focus,
.ft1-default-form input[type=email]:focus,
.ft1-default-form input[type=password]:focus,
.ft1-default-form select:focus,
.ft1-default-form textarea:focus {
border-color: #ec0000;
}
.ft1-default-form .submit-btn {
cursor: pointer;
width: 100%;
color: #ffffff;
font-size: 16px;
font-weight: 600;
border-radius: 3px;
padding: 16px 15px;
margin-top: 20px;
background-color: #002a34;
font-family: "Poppins", sans-serif;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft1-default-form .submit-btn:hover {
background-color: #ec0000;
}
/* CheckBox */
.ft1-default-form .check-box {
position: relative;
margin-right: 30px;
display: inline-block;
}
.ft1-default-form .check-box label {
color: #2b2b2b;
}
.ft1-default-form .check-box label {
position: relative;
display: block;
width: 100%;
line-height: 22px;
padding: 7px 0px 0px 35px;
background: #ffffff;
font-size: 16px;
font-weight: 400;
color: #002a34;
cursor: pointer;
margin-bottom: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-default-form .check-box input[type=checkbox]:checked + label {
border-color: #25a9e0;
}
.ft1-default-form .form-group .check-box label {
padding-left: 30px;
padding-top: 1px;
cursor: pointer;
}
.ft1-default-form .check-box label:before {
position: absolute;
left: 0;
top: 6px;
height: 22px;
width: 22px;
background: #ffffff;
content: "";
border-radius: 50px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
border: 2px solid #09325b;
}
.ft1-default-form .check-box label:after {
position: absolute;
left: 0px;
top: 0;
height: 15px;
line-height: 15px;
max-width: 0;
font-size: 14px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: transparent;
text-align: center;
font-family: "FontAwesome";
-webkit-transition: max-width 500ms ease;
transition: max-width 500ms ease;
}
.ft1-default-form .check-box input[type=checkbox] {
display: none;
}
.ft1-default-form .check-box input[type=checkbox]:checked + label:before {
border: 8px solid #ec0000;
background: #ffffff;
}
.ft1-default-form .check-box input[type=checkbox]:checked + label:after {
max-width: 20px;
opacity: 1;
}
.ft1-tracking-section-two .career-column {
position: relative;
}
.ft1-tracking-section-two .career-column .inner-column {
position: relative;
padding: 35px 20px;
border-radius: 6px;
overflow: hidden;
margin-top: 38px;
margin-left: 30px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft1-tracking-section-two .career-column .inner-column:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.7;
background-color: #ec0000;
}
.ft1-tracking-section-two .career-column h4 {
color: #ffffff;
margin-bottom: 50px;
}
.ft1-tracking-section-two .career-column .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.7em;
}
.ft1-tracking-section-two .career-column .btn-box {
margin-top: 60px;
}
/***
====================================================================
Tracking Section
====================================================================
***/
.ft1-feature-section {
position: relative;
padding: 220px 0px 80px;
margin-top: -100px;
background-attachment: fixed;
background-size: cover;
}
.ft1-feature-section:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.9;
background-color: #002a34;
}
.ft1-feature-block-two {
position: relative;
margin-bottom: 30px;
}
.ft1-feature-block-two .inner-box {
position: relative;
padding: 28px 20px;
border-radius: 6px;
text-align: center;
background-color: #022b35;
border: 1px solid #5a6a70;
}
.ft1-feature-block-two .inner-box .icon {
position: relative;
width: 48px;
height: 48px;
color: #ffffff;
line-height: 48px;
font-size: 26px;
margin: 0 auto;
border-radius: 50px;
margin-bottom: 18px;
font-family: "flaticon";
background-color: #084e62;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-feature-block-two .inner-box:hover .icon {
-webkit-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
background-color: #ec0000;
}
.ft1-feature-block-two .inner-box h6 {
color: #ffffff;
font-weight: 700;
}
.ft1-feature-block-two .inner-box .text {
color: #ffffff;
font-weight: 400;
font-size: 16px;
margin-top: 14px;
}
/***
====================================================================
Projects Section
====================================================================
***/
.ft1-projects-section {
position: relative;
padding: 100px 0px 110px;
}
.ft1-projects-section .button-box {
position: relative;
margin-top: -80px;
text-align: center;
}
.ft1-projects-section .button-box .theme-btn {
position: relative;
z-index: 1;
}
.ft1-projects-section .owl-stage-outer .owl-item.center .ft1-project-block {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.ft1-projects-section .owl-dots,
.ft1-projects-section .owl-nav {
display: none;
}
.ft1-projects-section .owl-carousel .owl-stage-outer {
position: static;
padding: 120px 0px 20px;
}
.ft1-projects-section .owl-theme .ft1-project-block {
margin: 0px 15px;
}
.ft1-projects-section .owl-carousel {
margin: 0px -15px;
width: auto;
}
.ft1-project-block {
position: relative;
margin-bottom: 30px;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-project-block .inner-box:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
background-color: #ec0000;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-webkit-transform: scale(0.5, 1);
transform: scale(0.5, 1);
}
.ft1-projects-section .owl-stage-outer .owl-item.center .ft1-project-block .inner-box::before,
.ft1-project-block .inner-box:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.ft1-project-block .inner-box {
position: relative;
border-radius: 6px;
overflow: hidden;
padding: 20px 20px 30px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft1-project-block .inner-box .image {
position: relative;
background-color: #002a34;
}
.ft1-project-block .inner-box .image .icon {
position: absolute;
left: 20px;
bottom: -25px;
width: 50px;
height: 50px;
color: #ffffff;
line-height: 50px;
border-radius: 3px;
text-align: center;
font-size: 24px;
background-color: #002a34;
font-family: "flaticon";
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-projects-section .owl-stage-outer .owl-item.center .ft1-project-block .inner-box .image .icon,
.ft1-project-block .inner-box:hover .image .icon {
background-color: #ffffff;
color: #002a34;
}
.ft1-project-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-projects-section .owl-stage-outer .owl-item.center .ft1-project-block .inner-box .image img,
.ft1-project-block .inner-box:hover .image img {
opacity: 0.5;
}
.ft1-project-block .inner-box .lower-content {
position: relative;
padding-top: 50px;
}
.ft1-project-block .inner-box .lower-content h4 {
line-height: 1.4em;
margin-bottom: 20px;
}
.ft1-project-block .inner-box .lower-content h4 a {
position: relative;
color: #002a34;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft1-project-block .inner-box .detail {
position: relative;
color: #002a34;
font-weight: 600;
padding-right: 20px;
display: inline-block;
font-family: "Poppins", sans-serif;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft1-project-block .inner-box .detail:before {
position: absolute;
right: 0px;
top: 0px;
content: "";
font-family: "FontAwesome";
}
.ft1-projects-section .owl-stage-outer .owl-item.center .ft1-project-block .inner-box .detail,
.ft1-projects-section .owl-stage-outer .owl-item.center .ft1-project-block .inner-box .lower-content h4 a,
.ft1-project-block .inner-box:hover .detail,
.ft1-project-block .inner-box:hover .lower-content h4 a {
color: #ffffff;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.ft1-testimonial-section {
position: relative;
padding: 100px 0px 100px;
background-color: #fff3f3;
}
.ft1-testimonial-section .sec-title .text {
margin-top: 45px;
}
.ft1-testimonial-section .owl-nav {
display: none;
}
.ft1-testimonial-section .owl-dots {
position: relative;
margin-top: 5px;
text-align: center;
}
.ft1-testimonial-section .owl-dots .owl-dot {
position: relative;
width: 40px;
height: 7px;
margin: 0px 7px;
display: inline-block;
background-color: #002a34;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.ft1-testimonial-section .owl-dots .owl-dot:hover,
.ft1-testimonial-section .owl-dots .owl-dot.active {
background-color: #ec0000;
}
.ft1-testimonial-block {
position: relative;
margin-bottom: 30px;
}
.ft1-testimonial-block .inner-box {
position: relative;
padding: 40px 25px;
text-align: center;
border-radius: 6px;
background-color: #ffffff;
}
.ft1-testimonial-block .inner-box:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
background-color: #ec0000;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-webkit-transform: scale(0.5, 1);
transform: scale(0.5, 1);
}
.ft1-testimonial-block .inner-box:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.ft1-testimonial-block .inner-box .quote-icon {
position: relative;
color: #ed0f0f;
width: 50px;
height: 50px;
font-size: 24px;
line-height: 50px;
border-radius: 50px;
margin: 0 auto;
margin-bottom: 25px;
background-color: #fff4f4;
font-family: "flaticon";
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-testimonial-block .inner-box:hover .quote-icon {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.3);
}
.ft1-testimonial-block .inner-box:hover .text {
color: #ffffff;
}
.ft1-testimonial-block .inner-box .text {
position: relative;
color: #666666;
font-size: 16px;
line-height: 1.8em;
margin-top: 15px;
margin-bottom: 30px;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-testimonial-block .inner-box .author-info {
position: relative;
}
.ft1-testimonial-block .inner-box .author-info .author-inner {
position: relative;
padding-left: 90px;
text-align: left;
padding-top: 10px;
min-height: 70px;
}
.ft1-testimonial-block .inner-box .author-info .author-image {
position: absolute;
left: 0px;
top: 0px;
width: 70px;
height: 70px;
border-radius: 50px;
overflow: hidden;
border: 2px solid #fff3f3;
}
.ft1-testimonial-block .inner-box .author-info h6 {
color: #002a34;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-testimonial-block .inner-box .author-info .designation {
font-size: 16px;
color: #666666;
font-weight: 500;
margin-top: 5px;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-testimonial-block .inner-box:hover .author-info h6,
.ft1-testimonial-block .inner-box:hover .author-info .designation {
color: #ffffff;
}
/***
====================================================================
News Section
====================================================================
***/
.ft1-news-section {
position: relative;
padding: 100px 0px 100px;
}
.ft1-news-section .btn-box {
margin-top: 20px;
}
.ft1-news-block {
position: relative;
margin-bottom: 30px;
}
.ft1-news-block .inner-box {
position: relative;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft1-news-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #ec0000;
}
.ft1-news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft1-news-block .inner-box:hover .image img {
opacity: 0.6;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.ft1-news-block .inner-box .image .post-info {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
margin-bottom: 0px;
padding: 15px 30px;
background-color: #002a34;
}
.ft1-news-block .inner-box .image .post-info li {
position: relative;
margin-right: 34px;
color: #ffffff;
min-height: 35px;
padding-top: 7px;
padding-left: 50px;
display: inline-block;
}
.ft1-news-block .inner-box .image .post-info li .icon {
position: absolute;
left: 0px;
top: 0px;
width: 35px;
height: 35px;
color: #ffffff;
text-align: center;
line-height: 35px;
border-radius: 50px;
display: inline-block;
background-color: #4d696f;
font-family: "flaticon";
}
.ft1-news-block .inner-box .image .post-info li:last-child {
margin-right: 0px;
}
.ft1-news-block .inner-box .lower-content {
position: relative;
padding: 35px 35px 40px;
}
.ft1-news-block .inner-box .lower-content .title {
position: relative;
color: #ec0000;
font-size: 18px;
font-weight: 700;
margin-bottom: 18px;
}
.ft1-news-block .inner-box .lower-content h4 {
line-height: 1.5em;
margin-bottom: 30px;
}
.ft1-news-block .inner-box .lower-content h4 a {
position: relative;
color: #0f0f0f;
}
.ft1-news-block .inner-box .lower-content h4 a:hover {
color: #ec0000;
}
/***
====================================================================
Location Section
====================================================================
***/
.ft1-location-section {
position: relative;
z-index: 1;
}
.ft1-location-section .inner-container {
position: relative;
border-radius: 7px;
padding: 40px 30px 20px;
background-color: #ec0000;
}
.ft1-location-section .title-box {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.ft1-location-section .title-box h4 {
color: #f9f9f9;
}
.ft1-location-section .column {
position: relative;
margin-bottom: 20px;
}
.ft1-location-section .column:before {
position: absolute;
content: "";
right: 20px;
top: 0px;
bottom: 0px;
width: 2px;
background-color: #bd0000;
}
.ft1-location-section .column:last-child::before {
display: none;
}
.ft1-location-section h6 {
color: #f9f9f9;
margin-bottom: 22px;
}
.ft1-location-section .post-info {
position: relative;
}
.ft1-location-section .post-info li {
position: relative;
color: #f9f9f9;
min-height: 35px;
font-size: 16px;
padding-left: 50px;
display: inline-block;
margin-bottom: 15px;
}
.ft1-location-section .post-info li .icon {
position: absolute;
left: 0px;
top: 0px;
width: 35px;
height: 35px;
color: #f9f9f9;
text-align: center;
line-height: 35px;
border-radius: 50px;
display: inline-block;
background-color: #bd0000;
font-family: "flaticon";
}
.ft1-location-section .post-info li:last-child {
margin-bottom: 0px;
}
/***
====================================================================
Main Footer
====================================================================
***/
.ft1-main-footer {
position: relative;
margin-top: -150px;
padding: 240px 0px 0px;
background-color: #002a34;
}
.ft1-main-footer .footer-widget {
position: relative;
margin-bottom: 30px;
}
.ft1-main-footer .widgets-section {
position: relative;
padding-bottom: 50px;
}
.ft1-main-footer .logo-widget {
position: relative;
}
.ft1-main-footer .logo-widget .logo {
position: relative;
margin-bottom: 25px;
}
.ft1-main-footer .logo-widget .text {
position: relative;
color: #ffffff;
font-weight: 400;
line-height: 1.7em;
font-size: 16px;
margin-bottom: 30px;
}
.ft1-main-footer .logo-widget .social-box {
position: relative;
padding-left: 0px;
}
.ft1-main-footer .logo-widget .social-box li {
position: relative;
margin-right: 15px;
display: inline-block;
}
.ft1-main-footer .logo-widget .social-box li a {
position: relative;
color: #ffffff;
font-size: 16px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-main-footer .logo-widget .social-box li a:hover {
color: #ec0000;
}
.ft1-main-footer .footer-widget h5 {
font-weight: 700;
color: #ffffff;
font-size: 22px;
margin-top: 10px;
line-height: 1.2em;
margin-bottom: 30px;
padding-bottom: 15px;
text-transform: capitalize;
}
.ft1-main-footer .footer-widget h5:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
width: 35px;
height: 2px;
background: #ffffff;
}
/* List Link Two */
.list-link {
position: relative;
padding-left: 0px;
}
.list-link li {
position: relative;
margin-bottom: 10px;
}
.list-link li a {
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 500;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.list-link li a:hover {
color: #ec0000;
margin-left: 10px;
text-decoration: underline;
}
.ft1-main-footer .hours-widget .text {
position: relative;
color: #ffffff;
font-weight: 400;
line-height: 1.7em;
font-size: 16px;
margin-bottom: 30px;
}
.ft1-main-footer .hours-widget .time-list {
position: relative;
padding-left: 0px;
}
.ft1-main-footer .hours-widget .time-list li {
position: relative;
color: #ffffff;
margin-bottom: 10px;
}
.ft1-main-footer .hours-widget .time-list li span {
position: absolute;
right: 0px;
}
.ft1-main-footer .hours-widget .time-list li:last-child {
margin-bottom: 0px;
}
.ft1-main-footer .newsletter-widget .text {
position: relative;
color: #ffffff;
font-weight: 400;
line-height: 1.7em;
font-size: 16px;
margin-bottom: 20px;
}
/* Email Box */
.ft1-main-footer .email-box {
position: relative;
margin-bottom: 22px;
}
.ft1-main-footer .email-box .form-group {
position: relative;
margin: 0px;
width: 100%;
max-width: 100%;
}
.ft1-main-footer .email-box .form-group input[type=text],
.ft1-main-footer .email-box .form-group input[type=email] {
position: relative;
line-height: 43px;
border: 0px;
padding: 10px 55px 10px 25px;
background-color: #003c4a;
display: block;
font-size: 15px;
height: 50px;
width: 100%;
color: #ffffff;
-webkit-box-shadow: inherit;
box-shadow: inherit;
border-radius: 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft1-main-footer .email-box .form-group input::-webkit-input-placeholder, .ft1-main-footer .email-box .form-group textarea::-webkit-input-placeholder {
color: #ffffff;
}
.ft1-main-footer .email-box .form-group input::-moz-placeholder, .ft1-main-footer .email-box .form-group textarea::-moz-placeholder {
color: #ffffff;
}
.ft1-main-footer .email-box .form-group input:-ms-input-placeholder, .ft1-main-footer .email-box .form-group textarea:-ms-input-placeholder {
color: #ffffff;
}
.ft1-main-footer .email-box .form-group input::-ms-input-placeholder, .ft1-main-footer .email-box .form-group textarea::-ms-input-placeholder {
color: #ffffff;
}
.ft1-main-footer .email-box .form-group input::placeholder,
.ft1-main-footer .email-box .form-group textarea::placeholder {
color: #ffffff;
}
.ft1-main-footer .email-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 50px;
width: 64px;
display: block;
font-size: 16px;
color: #ffffff;
border: 0px;
cursor: pointer;
line-height: 100%;
font-weight: normal;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: #ec0000;
}
.ft1-main-footer .email-box .form-group button:hover {
background-color: #ffffff;
color: #ec0000;
}
.ft1-main-footer .footer-bottom {
position: relative;
padding: 18px 0px;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ft1-main-footer .footer-bottom .copyright {
position: relative;
color: #c5c5c5;
font-size: 16px;
}
.ft1-main-footer .footer-bottom .copyright .icon {
color: #ec0000;
}
.ft1-main-footer .footer-bottom .copyright a {
position: relative;
color: #ffffff;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft1-main-footer .footer-bottom .copyright a:hover {
color: #ffffff;
}
.ft1-main-footer.style-two {
margin-top: 0px;
padding-top: 100px;
background-color: #000000;
}
.ft1-main-footer .logo-widget .about-btn {
position: relative;
padding: 15px 32px;
color: #ffffff;
font-weight: 700;
margin-top: 0px;
display: inline-block;
background-color: #dd2602;
}
.ft1-main-footer.style-two .footer-widget h5:before {
background-color: #dd2602;
}
.newsletter-widget .social-box {
position: relative;
padding-left: 0px;
}
.newsletter-widget .social-box li {
position: relative;
margin-right: 15px;
display: inline-block;
}
.newsletter-widget .social-box li a {
position: relative;
color: #ffffff;
font-size: 16px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.newsletter-widget .social-box li a:hover {
color: #ec0000;
}
.ft1-main-footer .contact-widget .contact-list {
position: relative;
padding-left: 0px;
}
.ft1-main-footer .contact-widget .contact-list li {
position: relative;
color: #ffffff;
font-size: 15px;
margin-bottom: 15px;
padding-left: 30px;
line-height: 1.8em;
}
.ft1-main-footer .contact-widget .contact-list li .icon {
position: absolute;
left: 0px;
top: 5px;
}
.ft1-main-footer .contact-widget .contact-list li:last-child {
margin-bottom: 0px;
}
.ft1-main-footer .contact-widget .timing {
position: relative;
color: #ffffff;
font-size: 15px;
line-height: 1.8em;
margin-top: 20px;
}
.ft1-main-footer .contact-widget .timing strong {
position: relative;
color: #ffffff;
font-weight: 700;
display: block;
margin-bottom: 10px;
text-decoration: underline;
}
/* Instagram Widget */
.ft1-main-footer .instagram-widget {
position: relative;
}
.ft1-main-footer .instagram-widget .images-outer {
position: relative;
margin: 0px -3px;
}
.ft1-main-footer .instagram-widget .image-box {
position: relative;
float: left;
width: 33.333%;
padding: 0px 3px;
margin-bottom: 6px;
}
.ft1-main-footer .instagram-widget .image-box img {
position: relative;
display: block;
width: 100%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft1-main-footer .instagram-widget .image-box img:hover {
opacity: 0.7;
}
/***
====================================================================
Banner Section
====================================================================
***/
.ft2-banner-section {
position: relative;
padding: 260px 0px 150px;
background-size: cover;
}
.ft2-banner-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-position: center bottom;
background-repeat: no-repeat;
}
.ft2-banner-section .upper-content {
position: relative;
padding-bottom: 150;
text-align: center;
}
.ft2-banner-section .upper-content .title {
position: relative;
letter-spacing: 2px;
color: #ffdf00;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}
.ft2-banner-section .upper-content h1 {
color: #ffffff;
margin-top: 50px;
}
.ft2-banner-section .lower-content {
position: relative;
padding-top: 160px;
}
.ft2-banner-section .lower-content .text {
position: relative;
color: #ffffff;
line-height: 1.7em;
font-size: 16px;
max-width: 320px;
}
.ft2-banner-section .lower-content .social-box {
position: relative;
text-align: right;
}
.ft2-banner-section .lower-content .social-box li {
position: relative;
padding: 0px 6px;
margin: 0px 6px;
display: inline-block;
}
.ft2-banner-section .lower-content .social-box li a {
position: relative;
color: #969696;
font-size: 16px;
}
.ft2-banner-section .lower-content .social-box li:before {
position: absolute;
content: "/";
right: -10px;
top: 0px;
color: #969696;
}
.ft2-banner-section .lower-content .social-box li:last-child {
margin-right: 0px;
padding-right: 0px;
}
.ft2-banner-section .lower-content .social-box li:last-child::before {
display: none;
}
.ft2-banner-section .lower-content .social-box li a:hover {
color: #ffffff;
}
.ft2-banner-section .lower-content .down-arrow {
position: absolute;
left: 50%;
width: 160px;
height: 160px;
bottom: 0px;
color: #ffffff;
font-size: 60px;
text-align: center;
border-radius: 50%;
line-height: 160px;
cursor: pointer;
margin-left: -60px;
border: 2px solid #ffde00;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft2-banner-section .lower-content .down-arrow:hover {
color: #111111;
background-color: #ffde00;
}
/***
====================================================================
Investment Section
====================================================================
***/
.ft2-investment-section {
position: relative;
padding: 100px 0px 70px;
}
.ft2-feature-block-three {
position: relative;
margin-bottom: 30px;
}
.ft2-feature-block-three .inner-box {
position: relative;
padding: 45px 25px;
}
.ft2-feature-block-three .inner-box .hover-layer:before {
position: absolute;
content: "";
right: 0px;
top: 0px;
width: 39px;
height: 44px;
z-index: 1;
background: url(../images/icons/curve.jpg) no-repeat;
}
.ft2-feature-block-three .inner-box .hover-layer {
position: absolute;
content: "";
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
background-color: #000000;
transition: -webkit-transform 0.4s ease;
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}
.ft2-feature-block-three .inner-box:hover .hover-layer {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
}
.ft2-feature-block-three .inner-box h5 {
position: relative;
padding-bottom: 12px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft2-feature-block-three .inner-box h5:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
height: 3px;
width: 55px;
background-color: #0009c4;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft2-feature-block-three .inner-box .text {
position: relative;
margin-top: 25px;
line-height: 1.7em;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft2-feature-block-three .inner-box:hover .text,
.ft2-feature-block-three .inner-box:hover h5 {
color: #ffffff;
}
.ft2-feature-block-three .inner-box:hover h5:before {
background-color: #ffde00;
}
/***
====================================================================
Contact CTA Section
====================================================================
***/
.ft2-contact-cta-section {
position: relative;
}
.ft2-contact-cta-section .outer-container {
position: relative;
background-color: #0009c4;
}
.ft2-contact-cta-section .left-column {
position: relative;
width: 50%;
float: left;
}
.ft2-contact-cta-section .left-column .inner-column {
position: relative;
padding: 80px 15px;
text-align: center;
background-size: cover;
}
.ft2-contact-cta-section .left-column .inner-column:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.7;
background-color: #000000;
}
.ft2-contact-cta-section .left-column h2 {
color: #ffffff;
}
.ft2-contact-cta-section .left-column .text {
position: relative;
margin-top: 20px;
color: #dadada;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 20px;
}
.ft2-contact-cta-section .left-column .contact-btn {
position: relative;
color: #000000;
font-weight: 700;
padding: 12px 40px;
border-radius: 50px;
display: inline-block;
background-color: #ffde00;
}
.ft2-contact-cta-section .right-column {
position: relative;
width: 50%;
float: left;
}
.ft2-contact-cta-section .right-column .inner-column {
position: relative;
padding: 80px 15px;
text-align: center;
}
.ft2-contact-cta-section .right-column h2 {
color: #ffffff;
}
.ft2-contact-cta-section .right-column .text {
position: relative;
margin-top: 20px;
color: #dadada;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 20px;
}
.ft2-contact-cta-section .right-column .contact-btn {
position: relative;
color: #000000;
font-weight: 700;
padding: 12px 40px;
border-radius: 50px;
display: inline-block;
background-color: #ffde00;
}
/***
====================================================================
Opportunity Section
====================================================================
***/
.ft2-opportunity-section {
position: relative;
padding: 110px 0px 80px;
}
.ft2-opportunity-section .skill-column {
position: relative;
margin-bottom: 30px;
}
.ft2-opportunity-section .skill-column .inner-column {
position: relative;
}
.ft2-opportunity-section .skill-column .ft2-skills {
padding-right: 70px;
}
/* ft2-skills Section */
.ft2-skills .skill-item {
position: relative;
margin-bottom: 35px;
}
.ft2-skills .skill-item .skill-bar {
position: relative;
width: 100%;
height: 2px;
background-color: #eae8e3;
}
.ft2-skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 4px;
}
.ft2-skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 2px;
width: 0px;
border-bottom: 2px solid #010101;
-webkit-transition: all 2000ms ease;
transition: all 2000ms ease;
}
.ft2-skills .skill-item .skill-header {
position: relative;
margin-bottom: 12px;
}
.ft2-skills .skill-item .skill-header .skill-title {
float: left;
color: #000000;
font-size: 15px;
font-weight: 500;
line-height: 1.4em;
text-transform: capitalize;
}
.ft2-skills .skill-item .skill-percentage {
position: absolute;
right: 0px;
top: -28px;
font-weight: 500;
display: inline-block;
font-size: 15px;
color: #000000;
}
.ft2-opportunity-section .counter-column {
position: relative;
margin-bottom: 30px;
}
.ft2-opportunity-section .counter-column .inner-column {
position: relative;
margin-left: -50px;
}
.ft2-opportunity-section .counter-column .image {
position: relative;
}
.ft2-opportunity-section .counter-column .image img {
position: relative;
width: 100%;
display: block;
}
.ft2-opportunity-section .counter-column .ft-fact-counter {
position: absolute;
right: 0px;
top: 0px;
width: 50%;
bottom: 0px;
border: 2px solid #e7e7e7;
}
.ft2-opportunity-section .counter-column .ft-fact-counter .column {
border-bottom: 2px solid #e7e7e7;
}
.ft2-opportunity-section .counter-column .ft-fact-counter .column:last-child {
border-bottom: 0px;
}
/* Fact Counter */
.ft-fact-counter {
position: relative;
z-index: 1;
}
.ft-fact-counter .column {
position: relative;
}
.ft-fact-counter .column .inner {
position: relative;
padding: 17.4px 20px;
text-align: center;
background-color: white;
}
.ft-fact-counter .column .inner .content {
position: relative;
}
.ft-fact-counter .count-outer .percentage {
position: relative;
font-weight: 600;
color: #ffde00;
font-size: 30px;
line-height: 1em;
}
.ft-fact-counter .column .sub-title {
position: relative;
font-weight: 700;
color: #010101;
font-size: 18px;
margin-top: 8px;
display: block;
}
.ft-fact-counter .column .inner .count-outer {
position: relative;
font-weight: 800;
color: #ffde00;
font-size: 60px;
line-height: 1em;
}
.ft-fact-counter .column .inner .counter-title {
position: relative;
color: #454545;
font-size: 14px;
font-weight: 400;
margin-top: 7px;
}
.ft-fact-counter.style-two .column .inner {
padding: 0px;
background: none;
}
.ft-fact-counter .column .inner .icon {
position: relative;
font-size: 50px;
color: #ffffff;
line-height: 1em;
margin-bottom: 20px;
font-family: "flaticon";
}
.ft-fact-counter.style-two .column {
margin-bottom: 30px;
}
.ft-fact-counter.style-two .column .inner .count-outer {
font-family: "Inter", sans-serif;
color: #ffffff;
font-size: 46px;
font-weight: 700;
}
.ft-fact-counter.style-two .column .inner .counter-title {
font-size: 18px;
color: #dd2602;
margin-top: 15px;
}
.ft2-opportunity-section .counter-column .ft-fact-counter .column:nth-child(2) .inner .count-outer {
color: #0009c4;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.ft2-services-section-two {
position: relative;
padding: 0px 0px 100px;
}
.ft2-services-section-two .service-down-arrow {
position: relative;
width: 135px;
height: 135px;
margin: 0 auto;
text-align: center;
line-height: 135px;
border-radius: 50%;
cursor: pointer;
color: #111111;
font-size: 40px;
margin-top: 100px;
background-color: #ffde00;
}
.ft2-services-section-two .owl-nav {
display: none;
}
.ft2-services-section-two .owl-dots {
position: relative;
text-align: center;
margin-top: 20px;
}
.ft2-services-section-two .owl-dots .owl-dot {
position: relative;
width: 6px;
height: 6px;
margin: 0px 12px;
border-radius: 50px;
display: inline-block;
background-color: #0009c4;
}
.ft2-services-section-two .owl-dots .owl-dot:before {
position: absolute;
content: "";
left: -10px;
top: -10px;
right: -10px;
bottom: -10px;
opacity: 0;
border-radius: 50px;
border: 1px solid #0009c4;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-services-section-two .owl-dots .owl-dot.active::before,
.ft2-services-section-two .owl-dots .owl-dot:hover::before {
opacity: 1;
}
.ft2-services-section-two .owl-carousel .owl-stage-outer {
overflow: visible;
}
.ft2-services-section-two .services-carousel {
max-width: 800px;
margin: 0 auto;
}
.ft2-services-section-two .owl-carousel .owl-item.center .ft2-service-block-two .inner-box .gradient-layer {
top: 0%;
bottom: 0px;
}
.ft2-services-section-two .owl-carousel .owl-item.center .ft2-service-block-two .inner-box .lower-content {
bottom: 0px;
}
.ft2-services-section-two .owl-carousel .owl-item.center .ft2-service-block-two .inner-box .image img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.ft2-service-block-two {
position: relative;
margin-bottom: 30px;
}
.ft2-service-block-two .inner-box {
position: relative;
overflow: hidden;
}
.ft2-service-block-two .inner-box .image {
position: relative;
}
.ft2-service-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-service-block-two .inner-box:hover .image img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.ft2-service-block-two .inner-box .gradient-layer {
position: absolute;
left: 0px;
top: 100%;
right: 0px;
z-index: 1;
bottom: 0px;
background: url(../images/background/pattern-7.png) center bottom repeat-x;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-service-block-two .inner-box .lower-content {
position: absolute;
left: 60px;
bottom: -150px;
right: 60px;
z-index: 2;
text-align: center;
padding: 35px 30px 15px;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-service-block-two .inner-box:hover .lower-content {
bottom: 0px;
}
.ft2-service-block-two .inner-box .lower-content .title {
position: relative;
color: #0009c4;
letter-spacing: 2px;
text-transform: uppercase;
}
.ft2-service-block-two .inner-box .lower-content h4 {
position: relative;
margin-top: 10px;
}
.ft2-service-block-two .inner-box .lower-content h4 a {
position: relative;
color: #010101;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft2-service-block-two .inner-box .lower-content h4 a:hover {
color: #0009c4;
}
/***
====================================================================
Team Section
====================================================================
***/
.ft2-team-section {
position: relative;
padding: 100px 0px 100px;
background-color: #ffde00;
}
.ft2-team-section .owl-nav {
display: none;
}
.ft2-team-section .owl-dots {
position: relative;
text-align: center;
margin-top: 40px;
}
.ft2-team-section .owl-dots .owl-dot {
position: relative;
width: 6px;
height: 6px;
margin: 0px 12px;
border-radius: 50px;
display: inline-block;
background-color: #000000;
}
.ft2-team-section .owl-dots .owl-dot:before {
position: absolute;
content: "";
left: -10px;
top: -10px;
right: -10px;
bottom: -10px;
opacity: 0;
border-radius: 50px;
border: 1px solid #000000;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-team-section .owl-dots .owl-dot.active::before,
.ft2-team-section .owl-dots .owl-dot:hover::before {
opacity: 1;
}
.ft2-team-section .sec-title-two h2 {
font-size: 70px;
line-height: 1.1em;
}
.ft2-team-section .sec-title-two .text {
color: #454545;
margin-top: 40px;
}
.ft2-team-section .ft2-team-block.translate-top {
-webkit-transform: translateY(80px);
transform: translateY(80px);
}
.ft2-team-section .owl-carousel .owl-stage-outer {
padding-bottom: 85px;
}
.ft2-team-block {
position: relative;
}
.ft2-team-block .inner-box {
position: relative;
}
.ft2-team-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #000000;
}
.ft2-team-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-team-block .inner-box:hover .image img {
opacity: 0.6;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.ft2-team-block .inner-box .lower-content {
position: relative;
padding: 20px 0px 25px;
border-bottom: 1px solid #000000;
}
.ft2-team-block .inner-box .number {
position: relative;
color: #000000;
font-size: 16px;
}
.ft2-team-block .inner-box h4 {
position: relative;
margin-top: 6px;
}
.ft2-team-block .inner-box h4 a {
position: relative;
color: #000000;
}
.ft2-team-block .inner-box .designation {
position: relative;
font-style: italic;
color: #3b3b3b;
margin-top: 6px;
margin-bottom: 10px;
}
.ft2-team-block .inner-box .phone {
position: relative;
color: #000000;
margin-top: 6px;
font-size: 15px;
margin-bottom: 10px;
padding-left: 30px;
}
.ft2-team-block .inner-box .phone:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
font-size: 16px;
line-height: 1em;
font-family: "FontAwesome";
}
/***
====================================================================
Services Section Three
====================================================================
***/
.ft2-services-section-three {
position: relative;
overflow: hidden;
padding: 100px 0px 70px;
}
.ft2-services-section-three .shadow-pattern-layer {
position: absolute;
left: 0px;
bottom: -400px;
width: 853px;
height: 869px;
background-repeat: no-repeat;
}
.ft2-services-section-three .inner-container {
position: relative;
}
.ft2-services-section-three .content-column {
position: relative;
margin-bottom: 30px;
}
.ft2-services-section-three .content-column .inner-column {
position: relative;
}
.ft2-services-section-three .content-column h5 {
margin-bottom: 20px;
}
.service-list {
position: relative;
padding-left: 0px;
}
.service-list li {
position: relative;
padding-left: 25px;
color: #454545;
font-size: 16px;
margin-bottom: 12px;
}
.service-list li:before {
position: absolute;
content: "";
left: 0px;
top: 6px;
width: 7px;
height: 7px;
border-radius: 0px;
background-color: #0009c4;
}
.ft2-services-section-three .carousel-column {
position: relative;
margin-bottom: 30px;
}
.ft2-services-section-three .carousel-column .inner-column {
position: relative;
margin-top: -150px;
}
.ft2-services-section-three .carousel-column .pattern-layer {
position: absolute;
right: -50px;
top: -50px;
width: 500px;
height: 543px;
background-repeat: no-repeat;
}
.ft2-services-section-three .carousel-column .owl-dots {
display: none;
}
.ft2-services-section-three .carousel-column .owl-nav {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 1;
}
.ft2-services-section-three .carousel-column .owl-nav .owl-prev,
.ft2-services-section-three .carousel-column .owl-nav .owl-next {
position: relative;
width: 74px;
height: 74px;
color: #000000;
font-size: 24px;
line-height: 74px;
text-align: center;
display: inline-block;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-services-section-three .carousel-column .owl-nav .owl-prev:hover,
.ft2-services-section-three .carousel-column .owl-nav .owl-next:hover {
color: #ffffff;
background-color: #0009c4;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.ft2-testimonial-section-two {
position: relative;
padding: 120px 0px 120px;
background-attachment: fixed;
background-size: cover;
}
.ft2-testimonial-section-two:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.7;
background-color: #000000;
}
.ft2-testimonial-section-two .owl-nav {
display: none;
}
.ft2-testimonial-section-two .owl-dots {
position: relative;
text-align: center;
margin-top: 40px;
}
.ft2-testimonial-section-two .owl-dots .owl-dot {
position: relative;
width: 6px;
height: 6px;
margin: 0px 12px;
border-radius: 50px;
display: inline-block;
background-color: #ffde00;
}
.ft2-testimonial-section-two .owl-dots .owl-dot:before {
position: absolute;
content: "";
left: -10px;
top: -10px;
right: -10px;
bottom: -10px;
opacity: 0;
border-radius: 50px;
border: 1px solid #ffde00;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-testimonial-section-two .owl-dots .owl-dot.active::before,
.ft2-testimonial-section-two .owl-dots .owl-dot:hover::before {
opacity: 1;
}
.ft2-testimonial-block-two {
position: relative;
}
.ft2-testimonial-block-two .inner-box {
position: relative;
text-align: center;
}
.ft2-testimonial-block-two .inner-box .text {
position: relative;
color: #ffffff;
font-size: 30px;
font-weight: 700;
line-height: 1.5em;
max-width: 880px;
margin: 0 auto;
font-family: "Inter", sans-serif;
}
.ft2-testimonial-block-two .inner-box .author-info {
position: relative;
margin-top: 40px;
}
.ft2-testimonial-block-two .inner-box .author-image {
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
overflow: hidden;
display: inline-block;
border: 2px solid #ffde00;
}
.ft2-testimonial-block-two .inner-box h5 {
position: relative;
color: #ffffff;
margin-top: 15px;
font-weight: 700;
font-family: "Inter", sans-serif;
}
.ft2-testimonial-block-two .inner-box .designation {
position: relative;
color: #bfbfbf;
margin-top: 5px;
font-weight: 400;
font-style: italic;
}
/***
====================================================================
News Section Two
====================================================================
***/
.ft2-news-section-two {
position: relative;
padding: 100px 0px 70px;
}
.ft2-news-block-two {
position: relative;
margin-bottom: 30px;
}
.ft2-news-block-two .inner-box {
position: relative;
}
.ft2-news-block-two .inner-box .image {
position: relative;
overflow: hidden;
background-color: #ffde00;
}
.ft2-news-block-two .inner-box .post-date {
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
color: #ffffff;
font-size: 15px;
font-weight: 700;
padding: 8px 20px;
display: inline-block;
background-color: #020ab2;
}
.ft2-news-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 600ms ease;
-moz-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
.ft2-news-block-two .inner-box:hover .image img {
opacity: 0.6;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.ft2-news-block-two .inner-box .lower-content {
position: relative;
padding: 30px 0px 0px;
}
.ft2-news-block-two .inner-box .lower-content h4 {
position: relative;
}
.ft2-news-block-two .inner-box .lower-content h4 a {
position: relative;
color: #010101;
}
.ft2-news-block-two .inner-box .lower-content .text {
position: relative;
color: #454545;
font-size: 16px;
margin-top: 15px;
margin-bottom: 22px;
line-height: 1.7em;
}
.ft2-news-block-two .inner-box .read-more {
position: relative;
color: #000000;
font-size: 15px;
font-weight: 600;
padding: 13px 32px;
border-radius: 50px;
display: inline-block;
background-color: #ffde01;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft2-news-block-two .inner-box .read-more:hover {
color: #ffffff;
background-color: #0009c1;
}
.ft2-news-block-three {
position: relative;
margin-bottom: 30px;
}
.ft2-news-block-three .inner-box {
position: relative;
}
.ft2-news-block-three .inner-box .image {
position: relative;
overflow: hidden;
}
.ft2-news-block-three .inner-box .image:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.35);
}
.ft2-news-block-three .inner-box .border-layer {
position: absolute;
left: 25px;
top: 25px;
right: 25px;
bottom: 25px;
border: 8px solid #ffde00;
}
.ft2-news-block-three .inner-box .gradient-layer {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
height: 60%;
z-index: 1;
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #0109C1));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #0109C1 80%);
}
.ft2-news-block-three .inner-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
text-align: center;
transition: -webkit-transform 0.4s ease;
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.ft2-news-block-three .inner-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 0px;
}
.ft2-news-block-three .inner-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.ft2-news-block-three .inner-box h3 a {
position: relative;
color: #ffffff;
}
.ft2-news-block-three .inner-box .text {
position: relative;
color: #ffffff;
font-size: 16px;
margin-top: 20px;
margin-bottom: 40px;
}
.ft2-news-block-three .inner-box .read-more {
position: relative;
color: #000000;
font-size: 16px;
font-weight: 700;
padding: 14px 36px;
border-radius: 50px;
display: inline-block;
background-color: #ffde01;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.ft2-news-block-three .inner-box .read-more:hover {
color: #111111;
background-color: #ffffff;
}
.ft2-footer-style-two {
position: relative;
background-color: #000795;
}
.ft2-footer-style-two .widget-content {
position: relative;
}
.ft2-footer-style-two .contact-widget {
position: relative;
}
.ft2-footer-style-two .contact-widget .widget-content {
position: relative;
background-color: #ffde00;
padding: 100px 120px 100px 200px;
background-position: center center;
background-repeat: no-repeat;
}
.ft2-footer-style-two .contact-widget .title {
position: relative;
color: #000000;
font-size: 24px;
margin-bottom: 10px;
}
.ft2-footer-style-two .contact-widget h2 {
position: relative;
color: #000000;
font-size: 50px;
font-weight: 700;
}
.ft2-footer-style-two .contact-widget h2 span {
position: relative;
margin-left: 10px;
font-size: 50px;
top: 10px;
font-family: "flaticon";
}
.ft2-footer-style-two .contact-widget .post-meta {
position: relative;
padding-top: 30px;
margin-top: 30px;
padding-left: 0px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ft2-footer-style-two .contact-widget .post-meta li {
position: relative;
display: inline-block;
margin-right: 20px;
padding-left: 25px;
font-size: 16px;
color: #000000;
}
.ft2-footer-style-two .contact-widget .post-meta li:last-child {
margin-right: 0px;
}
.ft2-footer-style-two .contact-widget .post-meta li .icon {
position: absolute;
left: 0px;
top: 2px;
line-height: 1em;
}
.ft2-footer-style-two .footer-widget h5 {
font-weight: 700;
color: #ffffff;
font-size: 22px;
margin-top: 10px;
line-height: 1.2em;
margin-bottom: 20px;
padding-bottom: 15px;
text-transform: capitalize;
}
.ft2-footer-style-two .footer-widget h5:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
width: 35px;
height: 2px;
background: #ffde00;
}
.ft2-footer-style-two .newsletter-widget .text {
position: relative;
color: #ffffff;
font-weight: 400;
line-height: 1.7em;
font-size: 16px;
margin-bottom: 30px;
}
/* Email Box */
.ft2-footer-style-two .email-box {
position: relative;
}
.ft2-footer-style-two .email-box .form-group {
position: relative;
margin: 0px;
width: 100%;
max-width: 100%;
}
.ft2-footer-style-two .email-box .form-group input[type=text],
.ft2-footer-style-two .email-box .form-group input[type=email] {
position: relative;
line-height: 43px;
border: 0px;
padding: 10px 55px 10px 25px;
background-color: rgba(255, 255, 255, 0.15);
display: block;
font-size: 15px;
height: 50px;
width: 100%;
color: #ffffff;
-webkit-box-shadow: inherit;
box-shadow: inherit;
border-radius: 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-footer-style-two .email-box .form-group input::-webkit-input-placeholder, .ft2-footer-style-two .email-box .form-group textarea::-webkit-input-placeholder {
color: #ffffff;
}
.ft2-footer-style-two .email-box .form-group input::-moz-placeholder, .ft2-footer-style-two .email-box .form-group textarea::-moz-placeholder {
color: #ffffff;
}
.ft2-footer-style-two .email-box .form-group input:-ms-input-placeholder, .ft2-footer-style-two .email-box .form-group textarea:-ms-input-placeholder {
color: #ffffff;
}
.ft2-footer-style-two .email-box .form-group input::-ms-input-placeholder, .ft2-footer-style-two .email-box .form-group textarea::-ms-input-placeholder {
color: #ffffff;
}
.ft2-footer-style-two .email-box .form-group input::placeholder,
.ft2-footer-style-two .email-box .form-group textarea::placeholder {
color: #ffffff;
}
.ft2-footer-style-two .email-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 50px;
width: 64px;
display: block;
font-size: 16px;
color: #000000;
cursor: pointer;
line-height: 100%;
font-weight: normal;
text-align: center;
border: 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: #ffde00;
}
.ft2-footer-style-two .email-box .form-group button:hover {
background-color: #ffffff;
color: #ffde00;
}
.ft2-footer-style-two .newsletter-widget .widget-content {
padding-top: 205px;
padding-left: 50px;
}
.ft2-footer-style-two .logo-box {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background-color: #ffffff;
}
.ft2-footer-style-two .footer-bottom {
position: relative;
padding: 50px 0px;
}
.ft2-footer-style-two .footer-bottom .copyright {
position: relative;
color: #ffffff;
display: inline-block;
padding-right: 30px;
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.ft2-footer-style-two .footer-bottom .social-box {
position: relative;
margin-left: 30px;
display: inline-block;
}
.ft2-footer-style-two .footer-bottom .social-box li {
position: relative;
margin-right: 15px;
display: inline-block;
}
.ft2-footer-style-two .footer-bottom .social-box li a {
position: relative;
color: #ffffff;
}
/* Main Slider Two */
.ft3-main-slider-two {
position: relative;
border-bottom: 1px solid #e3e3e3;
}
.ft3-main-slider-two .product-details .image-column .image-carousel {
position: relative;
margin-bottom: 0px;
}
.ft3-main-slider-two .product-details .image-column,
.ft3-main-slider-two .product-details .info-column {
margin-bottom: 0px;
}
.ft3-main-slider-two .product-details .image-column .carousel-outer {
position: relative;
}
.ft3-main-slider-two .product-details .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.ft3-main-slider-two .product-details .image-column .thumbs-carousel {
position: relative;
margin-bottom: 0px;
background-color: #ffffff;
}
.ft3-main-slider-two .product-details .image-column .thumbs-carousel li:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: url(../images/main-slider/pattern-1.png) center center no-repeat;
}
.ft3-main-slider-two .product-details .image-column .thumbs-carousel li {
cursor: pointer;
color: #000000;
font-size: 24px;
text-align: center;
padding: 20px 25px;
font-weight: 700;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-transform: capitalize;
font-family: "Inter", sans-serif;
border-right: 1px solid #e3e3e3;
}
.ft3-main-slider-two .product-details .image-column .thumbs-carousel li:hover {
color: #ffffff;
background-color: #dd2602;
}
.ft3-main-slider-two .product-details .image-column .owl-nav,
.ft3-main-slider-two .product-details .image-column .owl-dots {
display: none;
}
.slide-two-content .pattern-layer {
position: absolute;
left: 80px;
bottom: -20px;
width: 801px;
height: 344px;
z-index: 1;
background-repeat: no-repeat;
background: url(../images/main-slider/pattern-2.png) left center no-repeat;
}
/*News Block Six*/
.slide-two-content {
position: relative;
z-index: 20;
}
.slide-two-content .inner-box {
position: relative;
}
.slide-two-content .inner-box .image-box {
position: relative;
}
.slide-two-content .inner-box .image-box .image {
position: relative;
}
.slide-two-content .inner-box .image-box .image img {
position: relative;
width: 100%;
display: block;
}
.slide-two-content .inner-box .image-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
opacity: 1;
width: 100%;
height: 100%;
z-index: 2;
}
.slide-two-content .inner-box .image-box .image .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
padding: 10px 30px;
vertical-align: middle;
}
.slide-two-content .inner-box .image-box .image .overlay-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.slide-two-content .inner-box .image-box .content-inner {
position: relative;
width: 100%;
max-width: 450px;
padding: 40px 40px;
display: inline-block;
}
.slide-two-content .inner-box .image-box .content-inner:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #ffffff;
-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 76%, 80% 100%, 0 100%, 0% 60%, 0 0);
clip-path: polygon(50% 0%, 100% 0, 100% 76%, 80% 100%, 0 100%, 0% 60%, 0 0);
}
.slide-two-content .inner-box .image-box .content-inner h2 {
position: relative;
font-weight: 700;
font-size: 42px;
line-height: 1.3em;
margin-bottom: 18px;
text-transform: capitalize;
}
.slide-two-content .inner-box .image-box .content-inner h2 a:hover {
color: #dd2602;
}
.slide-two-content .inner-box .image-box .content-inner h2 a {
color: #000000;
}
.slide-two-content .inner-box .image-box .content-inner .text {
position: relative;
line-height: 1.7em;
margin-bottom: 30px;
}
.slide-two-content .inner-box .image-box .content-inner .read-more {
position: relative;
font-size: 14px;
font-weight: 400;
padding: 12px 24px;
color: white;
text-transform: capitalize;
background-color: #dd2602;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.slide-two-content .inner-box .image-box .content-inner .read-more:hover {
background-color: #111111;
}
/* Main Slider Two */
.ft3-contact-info-section {
position: relative;
padding: 100px 0px 70px;
}
.ft3-contact-info-section .contact-column {
position: relative;
margin-bottom: 30px;
}
.ft3-contact-info-section .contact-column .inner-column {
position: relative;
border: 1px solid #eaeaea;
background-color: #ffffff;
}
.ft3-contact-info-section .contact-column .upper-box {
position: relative;
padding: 22px 30px;
border-bottom: 1px solid #eaeaea;
}
.ft3-contact-info-section .contact-column .upper-box h5 {
position: relative;
color: #010101;
font-size: 22px;
font-weight: 700;
font-family: "Inter", sans-serif;
}
.ft3-contact-info-section .contact-column .upper-box .text {
position: relative;
color: #666666;
font-size: 15px;
margin-top: 5px;
}
.ft3-contact-info-section .contact-column .lower-box {
position: relative;
padding: 22px 30px 20px;
background-color: #f8f8f8;
}
.ft3-contact-info-section .contact-column .lower-box a {
position: relative;
padding-left: 50px;
color: #010101;
font-size: 18px;
font-weight: 700;
padding-top: 8px;
line-height: 1em;
font-family: "Inter", sans-serif;
}
.ft3-contact-info-section .contact-column .lower-box a .icon {
position: absolute;
left: 0px;
top: 0px;
width: 38px;
height: 38px;
color: #ffffff;
font-size: 14px;
line-height: 38px;
text-align: center;
border-radius: 50px;
display: inline-block;
background-color: #dd2602;
}
/* Main Slider Two */
.ft3-about-section {
position: relative;
padding: 20px 0px 110px;
}
.ft3-about-section .title-column {
position: relative;
margin-bottom: 30px;
}
.ft3-about-section .title-column .inner-column {
position: relative;
text-align: center;
padding-top: 130px;
}
.ft3-about-section .title-column .sec-title-two {
margin-bottom: 20px;
}
.ft3-about-section .title-column .text {
position: relative;
color: #000000;
font-size: 20px;
line-height: 1.6em;
padding: 0px 20px;
padding-bottom: 25px;
}
.ft3-about-section .title-column .text:before {
position: absolute;
content: "";
left: 50%;
bottom: 0px;
height: 3px;
width: 40px;
margin-left: -20px;
background-color: #dd2602;
}
.ft3-about-section .image-column {
position: relative;
margin-bottom: 30px;
}
.ft3-about-section .title-column .inner-column {
position: relative;
}
.ft3-about-section .image-column .image {
position: relative;
border-radius: 3px;
overflow: hidden;
}
.ft3-about-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.ft3-about-section .image-column .client-box {
position: absolute;
right: 25px;
bottom: 25px;
width: 100%;
text-align: center;
max-width: 190px;
padding: 30px 30px;
border-radius: 6px;
background-color: #dd2602;
font-family: "Inter", sans-serif;
}
.ft3-about-section .image-column .client-box .icon {
position: relative;
color: #ffffff;
font-size: 66px;
line-height: 1em;
margin-bottom: 25px;
font-family: "flaticon";
}
.ft3-about-section .image-column .client-box .count-box {
position: relative;
color: #ffffff;
font-size: 36px;
font-weight: 700;
font-family: "Inter", sans-serif;
}
.ft3-about-section .image-column .client-box .counter-title {
color: #ffffff;
font-size: 16px;
}
.ft3-about-section .content-column {
position: relative;
margin-bottom: 30px;
}
.ft3-about-section .content-column .inner-column {
position: relative;
padding-top: 140px;
}
.ft3-about-section .content-column .text {
position: relative;
margin-bottom: 30px;
}
.ft3-about-section .content-column .text p {
position: relative;
color: #606060;
line-height: 1.7em;
font-size: 16px;
margin-bottom: 20px;
}
.ft3-about-section .content-column .text p:last-child {
margin-bottom: 0px;
}
.ft3-about-section .content-column .learn-more {
position: relative;
color: #000000;
font-weight: 700;
font-size: 16px;
padding-right: 15px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ft3-about-section .content-column .learn-more:before {
position: absolute;
right: 0px;
top: 1px;
content: "";
color: #dd2602;
line-height: 1em;
font-family: "FontAwesome";
}
.ft3-about-section .content-column .learn-more:hover {
color: #dd2602;
}
.ft3-about-section .lower-box {
position: relative;
margin-top: 30px;
}
.ft3-about-section .lower-box h4 {
color: #000000;
font-weight: 700;
line-height: 1.6em;
padding: 30px 100px;
display: inline-block;
border-top: 1px solid #dd2602;
border-bottom: 1px solid #dd2602;
}
/***
====================================================================
Counter Section
====================================================================
***/
.ft3-counter-section {
position: relative;
padding: 100px 0px 240px;
background-color: #111111;
background-repeat: repeat;
}
/***
====================================================================
Services Section Four
====================================================================
***/
.ft3-services-section-four {
position: relative;
overflow: visible;
z-index: 10;
padding: 0px 0px 70px;
}
.ft3-services-section-four .inner-container {
position: relative;
margin-top: -210px;
}
.ft3-services-section-four .ft3-service-block-three {
padding: 0px 0px;
float: left;
}
.ft3-service-block-three {
position: relative;
margin-bottom: 30px;
}
.ft3-service-block-three .inner-box {
position: relative;
padding: 80px 50px;
}
.ft3-service-block-three .inner-box .image-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-size: cover;
}
.ft3-service-block-three .inner-box .image-layer:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.95;
background-color: #ffffff;
}
.ft3-service-block-three .inner-box h5 {
position: relative;
padding-bottom: 15px;
}
.ft3-service-block-three .inner-box h5 a {
position: relative;
color: #000000;
}
.ft3-service-block-three .inner-box h5:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
height: 3px;
width: 40px;
background-color: #dd2602;
}
.ft3-service-block-three .inner-box .text {
position: relative;
color: #454545;
font-size: 16px;
line-height: 1.6em;
margin-top: 30px;
}
.ft3-service-block-three .inner-box .read-more {
position: relative;
color: #000000;
font-weight: 700;
font-size: 16px;
margin-top: 30px;
padding-right: 15px;
display: inline-block;
}
.ft3-service-block-three .inner-box .read-more:before {
position: absolute;
right: 0px;
top: 3px;
content: "";
color: #dd2602;
line-height: 1em;
font-family: "FontAwesome";
}
.ft3-service-block-three .inner-box h5 a:hover,
.ft3-service-block-three .inner-box .read-more:hover {
color: #dd2602;
}
.ft3-service-block-three .inner-box .overlay-box .shape-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 180px;
background-color: #050404;
-webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
}
.ft3-service-block-three .inner-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
-webkit-transition: all 900ms ease;
transition: all 900ms ease;
-webkit-transform: perspective(400px) rotateX(-90deg);
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.ft3-service-block-three .overlay-box .overlay-image-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
.ft3-service-block-three .overlay-box .overlay-image-layer:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.93;
background-color: #dd2602;
}
.ft3-service-block-three.active .inner-box .overlay-box,
.ft3-service-block-three .inner-box:hover .overlay-box {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.ft3-service-block-three .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 30px;
}
.ft3-service-block-three .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.ft3-service-block-three .overlay-inner .icon-box {
position: relative;
width: 120px;
height: 120px;
font-size: 60px;
color: #ffffff;
line-height: 120px;
font-weight: 400;
margin: 0 auto;
text-align: center;
margin-bottom: 50px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border: 2px dotted #de3414;
border-radius: 50%;
font-family: "flaticon";
}
.ft3-service-block-three .overlay-inner h5 {
position: relative;
padding-bottom: 15px;
}
.ft3-service-block-three .overlay-inner h5 a {
position: relative;
color: #ffffff;
}
.ft3-service-block-three .overlay-inner h5:before {
position: absolute;
content: "";
left: 50%;
bottom: 0px;
height: 3px;
width: 34px;
margin-left: -17px;
background-color: #ffffff;
}
.ft3-service-block-three .overlay-inner .lower-text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.6em;
margin-top: 20px;
}
.ft3-service-block-three .overlay-inner h5 a:hover {
color: #050404;
}
.ft3-service-block-three .overlay-inner .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 1.8em;
margin-top: 30px;
}
.ft3-service-block-three .overlay-inner .more {
position: relative;
color: #222222;
font-size: 16px;
line-height: 1.8em;
margin-top: 20px;
font-weight: 700;
padding: 10px 25px 8px;
display: inline-block;
background-color: #ffffff;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft3-service-block-three .overlay-inner .more .fa {
position: relative;
margin-left: 5px;
top: 1px;
}
.ft3-service-block-three .overlay-inner .more:hover {
background-color: #222222;
color: #ffffff;
}
/***
====================================================================
Portfolio Section
====================================================================
***/
.ft3-portfolio-section {
position: relative;
padding: 100px 0px 100px;
}
.ft3-portfolio-section .owl-dots {
position: relative;
}
.ft3-portfolio-section .owl-nav {
position: absolute;
right: 60px;
bottom: 0px;
}
.ft3-portfolio-section .owl-nav .owl-prev,
.ft3-portfolio-section .owl-nav .owl-next {
position: relative;
width: 90px;
height: 90px;
color: #000000 !important;
line-height: 88px;
margin-left: 22px;
border-radius: 50px;
display: inline-block;
font-size: 36px !important;
border: 1px solid #dd2602 !important;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ft3-portfolio-section .owl-nav .owl-prev:hover,
.ft3-portfolio-section .owl-nav .owl-next:hover {
background-color: #dd2602;
color: #ffffff !important;
}
.ft3-portfolio-block {
position: relative;
}
.ft3-portfolio-block .inner-box {
position: relative;
}
.ft3-portfolio-block .inner-box .image {
position: relative;
}
.ft3-portfolio-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.ft3-portfolio-block .inner-box .image:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
right: 0px;
height: 40%;
z-index: 1;
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#DD2602));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #DD2602 100%);
}
.ft3-portfolio-block .inner-box .image .number {
position: absolute;
right: 30px;
bottom: 30px;
z-index: 2;
line-height: 1em;
font-size: 150px;
color: #ffffff;
opacity: 0.9;
font-weight: 700;
font-family: "Inter", sans-serif;
}
.ft3-portfolio-block .inner-box .content-box {
position: relative;
max-width: 580px;
width: 100%;
z-index: 3;
margin-top: -70px;
padding: 40px 40px 0px 45px;
background-color: #eaeaea;
}
.ft3-portfolio-block .inner-box .content-box h4 {
padding-bottom: 20px;
}
.ft3-portfolio-block .inner-box .content-box h4:before {
position: absolute;
content: "";
left: 0px;
bottom: 0px;
width: 44px;
height: 4px;
background-color: #dd2602;
}
.ft3-portfolio-block .inner-box .content-box h4 a {
color: #0f0f0f;
}
.ft3-portfolio-block .inner-box .content-box .text {
padding-bottom: 20px;
margin-top: 25px;
}
.ft3-portfolio-block .inner-box .read-more {
position: relative;
color: #000000;
font-weight: 700;
font-size: 16px;
padding-right: 15px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ft3-portfolio-block .inner-box .read-more:before {
position: absolute;
right: 0px;
top: 1px;
content: "";
color: #dd2602;
line-height: 1em;
font-family: "FontAwesome";
}
.ft3-portfolio-block .inner-box .read-more:hover {
color: #dd2602;
}
/***
====================================================================
Team Section Two
====================================================================
***/
.ft2-team-section-two {
position: relative;
padding: 100px 0px 70px;
}
.ft2-team-section-two .owl-carousel .owl-stage-outer {
padding: 10px 0px 30px;
}
.ft2-team-section-two .owl-theme .ft2-team-block-two {
margin: 0px 15px;
}
.ft2-team-section-two .owl-carousel {
margin: 0px -15px;
width: auto;
}
.ft2-team-section-two .owl-nav {
display: none;
}
.ft2-team-section-two .owl-dots {
position: absolute;
display: block;
right: 15px;
top: -65px;
counter-reset: slides-num;
}
.ft2-team-section-two .owl-dots .owl-dot {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 20px;
counter-increment: slides-num;
}
.ft2-team-section-two .owl-dots .owl-dot span {
position: relative;
content: "0" counter(slides-num) "";
display: block;
font-size: 14px;
font-weight: 700;
color: #000000;
padding-bottom: 5px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ft2-team-section-two .owl-dots .owl-dot span:after {
position: absolute;
content: "/";
right: -12px;
top: 0px;
color: #000000;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ft2-team-section-two .owl-dots .owl-dot:last-child span::after {
display: none;
}
.ft2-team-section-two .owl-dots .owl-dot:hover span:after,
.ft2-team-section-two .owl-dots .owl-dot.active span:after {
opacity: 1;
}
.ft2-team-section-two .owl-dots .owl-dot span:before {
position: relative;
content: "0" counter(slides-num) "";
}
.ft2-team-section-two .owl-dots .owl-dot:hover span,
.ft2-team-section-two .owl-dots .owl-dot.active span {
color: #dd2602;
opacity: 1;
}
.ft2-team-block-two {
position: relative;
margin-bottom: 30px;
}
.ft2-team-block-two .inner-box {
position: relative;
text-align: center;
}
.ft2-team-block-two .inner-box:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 45px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.ft2-team-block-two .inner-box .image {
position: relative;
overflow: hidden;
background-color: #000000;
}
.ft2-team-block-two .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-team-block-two .inner-box:hover .image img {
opacity: 0.6;
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.ft2-team-block-two .inner-box .image:before {
position: absolute;
content: "";
left: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
height: 50%;
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#000000));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 100%);
}
.ft2-team-block-two .inner-box .image .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 2;
color: #ffffff;
text-align: center;
transition: all 900ms ease;
-webkit-transition: all 900ms ease;
transition: -webkit-transform 0.4s ease;
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
transform-origin: right center;
}
.ft2-team-block-two .inner-box .image .overlay-box:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.96;
background-color: rgba(0, 0, 0, 0.8);
}
.ft2-team-block-two .inner-box:hover .overlay-box {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
}
.ft2-team-block-two .inner-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 30px;
}
.ft2-team-block-two .inner-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.ft2-team-block-two .inner-box .author-image {
position: relative;
width: 129px;
height: 129px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
border: 2px solid #dd2602;
margin-bottom: 20px;
}
.ft2-team-block-two .inner-box .overlay-inner .text {
position: relative;
color: #ffffff;
font-size: 15px;
line-height: 1.6em;
margin-bottom: 15px;
}
.ft2-team-block-two .inner-box .overlay-inner .social-box {
position: relative;
padding-left: 0px;
}
.ft2-team-block-two .inner-box .overlay-inner .social-box li {
position: relative;
margin: 0px 7px;
display: inline-block;
}
.ft2-team-block-two .inner-box .overlay-inner .social-box li a {
position: relative;
color: #ffffff;
}
.ft2-team-block-two .inner-box .overlay-inner .social-box li a:hover {
color: #dd2602;
}
.ft2-team-block-two .inner-box h5 a {
position: relative;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-team-block-two .inner-box h5 a:hover {
color: #dd2602;
}
.ft2-team-block-two .inner-box .lower-content {
position: relative;
padding: 25px 25px 22px;
}
.ft2-team-block-two .inner-box .lower-content .content {
position: relative;
overflow: hidden;
}
.ft2-team-block-two .inner-box .lower-content .content h5 a {
color: #0f0f0f;
}
.ft2-team-block-two .inner-box .lower-content .designation {
position: relative;
color: #666666;
margin-top: 4px;
font-family: "Inter", sans-serif;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-team-block-two .inner-box:hover .lower-content .designation {
opacity: 0;
}
.ft2-team-block-two .inner-box:hover .lower-content .phone-number {
opacity: 1;
}
.ft2-team-block-two .inner-box .lower-content .phone-number {
position: absolute;
left: 0px;
right: 0px;
bottom: -3px;
opacity: 0;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-team-block-two .inner-box .lower-content .phone {
position: relative;
color: #666666;
padding-left: 25px;
display: inline-block;
font-family: "Inter", sans-serif;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.ft2-team-block-two .inner-box .lower-content .phone:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
color: #dd2602;
font-family: "FontAwesome";
}
.ft2-team-block-two .inner-box .lower-content .more {
position: relative;
color: #ffffff;
font-size: 14px;
line-height: 1.8em;
margin-top: 20px;
font-weight: 700;
padding: 12px 30px 12px;
display: inline-block;
background-color: #dd2602;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft2-team-block-two .inner-box .lower-content .more .fa {
position: relative;
margin-left: 5px;
top: 1px;
}
.ft2-team-block-two .inner-box .lower-content .more:hover {
background-color: #222222;
color: #ffffff;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.ft3-testimonial-section-three {
position: relative;
padding: 120px 0px 120px;
background-size: cover;
background-attachment: fixed;
}
.ft3-testimonial-section-three:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.95;
background-color: #eaeaea;
}
.ft3-testimonial-section-three .owl-dots {
display: none;
}
.ft3-testimonial-section-three .owl-nav {
position: relative;
text-align: center;
margin-left: 130px;
margin-top: -66px;
}
.ft3-testimonial-section-three .owl-nav .owl-prev,
.ft3-testimonial-section-three .owl-nav .owl-next {
position: relative;
width: 72px;
height: 66px;
line-height: 66px;
text-align: center;
display: inline-block;
color: #ffffff !important;
font-size: 24px !important;
background-color: #000000 !important;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.ft3-testimonial-section-three .owl-nav .owl-prev:hover,
.ft3-testimonial-section-three .owl-nav .owl-next:hover {
background-color: #dd2602 !important;
}
.ft3-testimonial-block-three {
position: relative;
}
.ft3-testimonial-block-three .inner-box {
position: relative;
}
.ft3-testimonial-block-three .content-column {
position: relative;
padding: 0px;
float: left;
z-index: 1;
}
.ft3-testimonial-block-three .content-column .inner-column {
position: relative;
margin-right: -70px;
padding: 0px 130px 80px 80px;
}
.ft3-testimonial-block-three .content-column .pattern-layer {
position: absolute;
left: 0px;
top: 70px;
right: 0px;
bottom: 0px;
background-size: cover;
}
.ft3-testimonial-block-three .content-column .quote {
position: relative;
color: #dd2602;
line-height: 1em;
font-size: 140px;
font-family: "flaticon";
}
.ft3-testimonial-block-three .content-column .title {
position: relative;
color: #dd2602;
font-weight: 500;
letter-spacing: 3px;
margin-top: 20px;
margin-bottom: 35px;
text-transform: uppercase;
}
.ft3-testimonial-block-three .content-column .rating {
position: relative;
}
.ft3-testimonial-block-three .content-column .rating .fa {
position: relative;
color: #ffc000;
font-size: 16px;
}
.ft3-testimonial-block-three .content-column .text {
position: relative;
color: #000000;
font-size: 18px;
line-height: 1.7em;
margin-top: 25px;
margin-bottom: 40px;
font-family: "Inter", sans-serif;
}
.ft3-testimonial-block-three .content-column .author {
position: relative;
color: #dd2602;
font-size: 18px;
font-weight: 700;
font-family: "Inter", sans-serif;
}
.ft3-testimonial-block-three .content-column .author span {
position: relative;
font-weight: 400;
font-style: italic;
color: #7a7a7a;
display: block;
font-size: 14px;
margin-top: 5px;
}
.ft3-testimonial-block-three .image-column {
position: relative;
padding: 0px;
float: left;
}
.ft3-testimonial-block-three .image-column .inner-column {
position: relative;
margin-left: -27px;
}
/***
====================================================================
News Section Three
====================================================================
***/
.ft3-news-section-three {
position: relative;
padding: 100px 0px 100px;
}
.ft3-news-block-four {
position: relative;
margin-bottom: 30px;
}
.ft3-news-block-four .inner-box {
position: relative;
}
.ft3-news-block-four .inner-box .image {
position: relative;
overflow: hidden;
}
.ft3-news-block-four .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.ft3-news-block-four .inner-box .gradient-layer {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
height: 60%;
z-index: 1;
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #000000));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 80%);
}
.ft3-news-block-four .inner-box .overlay-box {
position: absolute;
left: 30px;
bottom: 30px;
right: 30px;
z-index: 1;
}
.ft3-news-block-four .inner-box .overlay-box .title {
position: relative;
color: #ffffff;
font-size: 15px;
padding: 5px 15px;
font-style: italic;
display: inline-block;
background-color: #dd2602;
}
.ft3-news-block-four .inner-box .overlay-box h3 {
font-weight: 600;
font-size: 30px;
margin-top: 15px;
}
.ft3-news-block-four .inner-box .overlay-box h3 a {
position: relative;
color: #ffffff;
}
.ft3-news-block-four .inner-box .overlay-box h3 a:hover {
color: #dd2602;
}
.ft3-news-block-four .inner-box .post-meta {
position: relative;
margin-top: 25px;
padding-left: 0px;
}
.ft3-news-block-four .inner-box .post-meta li {
position: relative;
color: #ffffff;
font-size: 14px;
padding-right: 15px;
margin-right: 15px;
padding-left: 25px;
display: inline-block;
border-right: 1px solid #ffffff;
}
.ft3-news-block-four .inner-box .post-meta li:last-child {
border: none;
margin-right: 0px;
padding-right: 0px;
}
.ft3-news-block-four .inner-box .post-meta li .icon {
position: absolute;
left: 0px;
top: 2px;
color: #dd2602;
}
.ft3-news-block-four .inner-box .post-meta li .icon img {
width: auto;
padding-top: 8px;
margin: 0 auto;
}
.ft3-news-block-four .inner-box .post-meta li:first-child {
padding-left: 50px;
}
.ft3-news-block-four .inner-box .post-meta li:first-child .icon {
top: -9px;
width: 38px;
height: 38px;
border-radius: 50px;
text-align: center;
line-height: 38px;
background-color: #dd2602;
}
.ft3-news-block-four.style-two .inner-box .overlay-box h3 {
font-size: 20px;
}
.ft3-news-block-four.style-two .inner-box .overlay-box {
left: 20px;
bottom: 25px;
}
.ft3-news-section-three .button-box {
position: relative;
margin-top: 30px;
}
.ft3-news-section-three .button-box .read-more {
position: relative;
padding: 16px 30px;
color: #ffffff;
font-weight: 700;
background-color: #dd2602;
}
.ft3-news-section-three .button-box .read-more:hover {
background-color: #111111;
}
/***
====================================================================
CTA Section Two
====================================================================
***/
.ft3-cta-section-two {
position: relative;
padding: 120px 0px 120px;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
.ft3-cta-section-two:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.6;
background-color: #000000;
}
.ft3-cta-section-two .content {
position: relative;
text-align: center;
}
.ft3-cta-section-two h3 {
color: #ffffff;
line-height: 1.4em;
margin-bottom: 40px;
}
.ft3-cta-section-two .read-more {
position: relative;
padding: 18px 32px;
color: #ffffff;
font-weight: 700;
background-color: #dd2602;
}
.ft3-cta-section-two .read-more:hover {
background-color: #ffffff;
color: #111111;
}
/*---------------------------------------------------- */
/*Responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1750px) {
.ft-thx-feature-content {
top: 0;
}
.ft-thx-feature-section {
padding: 80px 0px;
}
}
@media screen and (max-width: 1650px) {
.ft-header-section.header-style-one .ft-header-cta-info {
display: none !important;
}
.ft-contact-section:before {
left: -30%;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text h3 {
font-size: 20px;
}
.ft-portfolio-slider-innerbox .ft-portfolio-text {
left: 30px;
max-width: 265px;
}
#rev_slider_29_1_wrapper .tparrows {
display: none;
}
.ft-case-study-items .ft-case-study-text {
left: 20px;
}
.ft-case-study-items .ft-case-study-text {
max-width: 285px;
}
.ft-case-study-items .ft-case-study-text h3 {
font-size: 24px;
}
.ft-case-study-items .more-btn {
left: 20px;
}
.ft-why-choose-section-2 .why-choose-img-2 {
right: -280px;
}
.pr-sx-about-exp {
right: -40px;
}
}
@media screen and (max-width: 1280px) {
.ft-service-innerbox-3 .ft-service-text-icon:before {
display: none;
}
.ft-service-innerbox-3 .ft-service-text-icon:after {
display: none;
}
.ft-service-innerbox-3 .ft-service-icon {
top: -50px;
}
.ft-service-innerbox-3 .ft-service-text-icon {
padding: 59px 30px 75px;
}
.ft-why-choose-section-2 .why-choose-img-2 {
display: none;
}
.ft-thx-project-slider-item .ft-thx-inner-text .read-more {
width: 40px;
right: 20px;
height: 40px;
}
.ft-thx-project-slider-item .ft-thx-inner-text h3 {
font-size: 20px;
}
}
@media screen and (max-width: 1100px) {
.ft-booking-form-content {
top: 0;
margin-top: 60px;
margin-bottom: 0;
}
.ft-section-title .sub-title {
font-size: 16px;
padding: 0px 35px;
}
.ft-section-title .sub-title:before,
.ft-section-title .sub-title:after {
top: 13px;
height: 2px;
width: 28px;
}
.ft-section-title h2 {
font-size: 32px;
}
.ft-project-itembox .ft-project-text {
left: 60px;
}
.ft-contact-section:before {
left: -35%;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text h3 {
font-size: 22px;
}
.ft-header-section.header-style-one .ft-main-navigation li {
margin-left: 45px;
}
.ft-header-section.header-style-one .ft-header-menu-top-cta:before {
border-right: 70px solid transparent;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
margin-left: 40px;
}
.ft-testimonial-innerbox-item-2 {
max-width: 550px;
}
.ft-why-choose-feature-list-item-2 .ft-why-choose-feature-text p {
font-size: 14px;
}
.ft-header-section.header-style-three .ft-main-navigation li {
margin-left: 40px;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:before {
left: -39px;
}
#slider-29-slide-76-layer-5,
#slider-29-slide-78-layer-5,
#slider-29-slide-77-layer-5 {
display: none;
}
.ft-testimonial-slider-items-3 p {
font-size: 18px;
}
.ft-footer-widget .gallery-widget li a {
height: 75px;
width: 75px;
}
.ft-blog-innerbox-3 .ft-blog-text:before {
display: none;
}
.ft-blog-innerbox-3 .ft-blog-text {
top: 0;
width: 100%;
}
.blog-slider-3 .slick-list {
padding-bottom: 40px;
}
.ft-header-section.header-style-three .ft-header-cta-btn a:before {
display: none;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-main-navigation li {
margin-left: 25px;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-site-logo {
width: 180px;
}
.ft-header-section.header-style-new-two .ft-header-cta-btn a {
height: 48px;
}
.td-sv-work-step-content .td-sv-ws-arrow1,
.td-sv-work-step-content .td-sv-ws-arrow2 {
top: 15%;
}
.td-sv-work-step-content .td-sv-ws-arrow1 {
left: 270px;
}
.td-sv-work-step-content .td-sv-ws-arrow2 {
right: 270px;
}
.td-sv-work-step-inner-item .td-sv-work-step-text h3 {
font-size: 20px;
}
.ft-thx-header-section .header-navigation-content li {
margin-left: 40px;
}
.ft-thx-banner-section-3 .ft-thx-banner-img3 {
right: -400px;
}
}
@media screen and (max-width: 1024px) {
.ft-header-section.header-style-one .ft-header-menu-top-cta:before {
display: none;
}
.ft-header-section.header-style-one .ft-header-content {
padding-left: 265px;
}
.ft-header-section.header-style-one .ft-main-navigation li {
margin-left: 30px;
}
.ft-booking-form-content .booking-form-input-wrapper button {
margin-top: 20px;
}
.ft-service-slider-item {
margin: 0 auto;
max-width: 270px;
}
.ft-counterup-innerbox .ft-counterup-text h3 {
font-size: 30px;
}
.ft-project-itembox .ft-project-text {
left: 100px;
}
.ft-header-section.header-style-two .ft-header-cta-btn {
margin-left: 15px;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-main-navigation li {
margin-left: 25px;
}
.ft-product-mesurment-content .ft-pm-bg-img {
right: -80px;
}
.ft-blog-innerbox-2 .ft-blog-text-2 h3 {
font-size: 22px;
}
.ft-footer-section-2 .ft-footer-newslatter-content h2 {
padding-bottom: 20px;
}
.ft-header-section.header-style-three .ft-main-navigation li {
margin-left: 30px;
}
.ft-case-study-items {
width: 50%;
}
.ft-case-study-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-about-sign-img-text {
right: -10px;
bottom: -40px;
}
.ft-blog-section-3 {
overflow: hidden;
}
.ft-section-title-3 h2 {
font-size: 36px;
}
.ft-testimonial-slider-area-3 {
width: 670px;
padding: 35px 45px 30px 30px;
}
.ft-blog-innerbox-3 .ft-blog-text h3 {
font-size: 18px;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-main-navigation li {
margin-left: 20px;
}
.pr-cor-about-feature-list .pr-cor-about-ft-text {
max-width: 355px;
}
.pr-mark-navigation-menu .pr-main-navigation li {
margin-left: 25px;
}
.pr-sx-funfact-innerbox .pr-sx-funfact-text h3 {
font-size: 50px;
}
.ft-thx-header-section .pr-header-info-item {
margin-right: 20px;
padding-right: 15px;
}
.ft-thx-header-section .pr-header-info-item:after {
display: none;
}
.ft-thx-header-section .brand-logo {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin-right: 60px;
}
.ft-thx-header-section .brand-logo a {
width: 150px;
display: block;
}
.ft-thx-section-title-3 h2 {
font-size: 40px;
}
.ft-thx-about-list-item-3 .ft-thx-inner-text {
max-width: 360px;
}
.pr-sx-service-innerbox .pr-sx-service-item-text h3 {
font-size: 18px;
}
.pr-sx-service-innerbox {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 991px) {
.ft-header-section.header-style-one .ft-header-top {
display: none;
}
.ft-main-navigation {
display: none;
}
.ft-header-section.header-style-one .ft-header-cta-btn {
margin-right: 40px;
}
.ft-about-img-exp {
margin: 0 auto;
max-width: 570px;
margin-bottom: 60px;
}
.ft-about-text-wrapper {
margin: 0 auto;
max-width: 570px;
}
.ft-service-text-area {
margin: 0 auto;
max-width: 570px;
margin-bottom: 30px;
}
.ft-service-text-area .ft-btn {
margin-top: 0;
}
.ft-counterup-innerbox {
margin-bottom: 30px;
}
.ft-why-choose-text-area {
margin: 0 auto;
max-width: 670px;
}
.ft-why-choose-section:before {
width: 76.7%;
}
.ft-team-inner-itembox {
margin: 0 auto;
max-width: 270px;
margin-bottom: 30px;
}
.ft-blog-news-feed-innerbox {
margin: 0 auto;
max-width: 570px;
margin-bottom: 40px;
}
.ft-footer-widget {
margin-bottom: 30px;
}
.ft-booking-form-content .booking-form-input-wrapper label {
max-width: 100%;
margin-bottom: 30px;
}
.ft-booking-form-content .booking-form-input-wrapper button {
margin-top: 0;
}
.ft-why-choose-section:before {
width: 100%;
}
.slick-current.slick-center .ft-project-itembox {
margin-left: 0;
}
.slick-current.slick-center .ft-project-itembox .ft-project-text {
left: 115px;
}
.ft-contact-section:before {
width: 100%;
}
.ft-contact-section:before {
left: -50%;
}
.mobile_menu_button {
top: -55px;
display: block;
}
.ft-header-section.header-style-one .ft-header-main-menu {
background-color: transparent;
}
.ft-header-section.header-style-two .ft-header-cta-btn {
margin-right: 40px;
}
.ft-header-section.header-style-two .mobile_menu_button {
top: -55px;
}
.ft-featured-innerbox {
margin-bottom: 30px;
}
.ft-product-mesurment-content .ft-pm-bg-img {
display: none;
}
.ft-about-text-wrapper-2,
.ft-about-img-2-wrapper {
margin: 0 auto;
max-width: 570px;
padding-bottom: 30px;
}
.ft-about-img-2-wrapper {
padding-bottom: 0;
}
.ft-testimonial-innerbox-item-2 {
max-width: 430px;
}
.ft-side-bar-wrapper {
margin-top: 40px;
}
.ft-project-overview-comment-wrapper {
margin-left: 0;
}
.ft-project-overview-comment-wrapper {
padding: 30px 15px;
}
.ft-header-section.header-style-three .ft-header-top,
.ft-header-section.header-style-new-two .ft-header-top {
display: none !important;
}
.ft-header-section.header-style-three .ft-header-cta-btn a {
padding: 15px 20px;
}
.ft-header-section.header-style-three {
top: 15px;
}
.ft-header-section.header-style-three .ft-header-cta-btn {
margin-left: 0;
margin-right: 40px;
}
.ft-header-section.header-style-three .mobile_menu_button {
top: -42px;
}
.ft-header-section.sticky-on.header-style-three {
top: 0;
}
.ft-header-section.sticky-on.header-style-three .mobile_menu_button {
top: -45px;
}
.ft-service-innerbox-3 {
margin: 0 auto;
max-width: 370px;
margin-bottom: 30px;
}
.ft-about-img-wrapper-3,
.ft-about-text-3,
.ft-why-choose-section-2 .ft-why-choose-text-2 {
margin: 0 auto;
max-width: 570px;
}
.ft-about-text-3 {
padding-top: 50px;
}
.ft-case-study-items .ft-case-study-img img {
width: 100%;
}
.ft-funfact-inner-items {
margin: 20px 0px;
}
.ft-why-choose-form {
margin: 0 auto;
margin-top: 40px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .widget-title {
margin-bottom: 0;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget ul {
padding-top: 0;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-newslatter-widget form {
margin-top: 10px;
}
.ft-footer-content-wrap-3 .ft-footer-copyright {
margin-top: 30px;
}
.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
padding: 15px 20px;
}
.top-stikcy {
position: static;
}
.ft-thx-feature-innerbox {
margin-bottom: 30px;
}
.pr-cor-about-text-wrap {
margin: 0 auto;
max-width: 570px;
margin-bottom: 35px;
}
.pr-cor-about-img-wrap {
margin: 0 auto;
max-width: 570px;
text-align: center;
}
.pr-cor-about-img-wrap .pr-cor-about-img-area2 {
position: static !important;
margin-top: 30px;
}
.pr-cor-service-innerbox {
margin: 0 auto;
max-width: 270px;
margin-bottom: 30px;
}
.pr-cor-fun-fact-innerbox {
margin-bottom: 30px;
}
.td-sv-work-step-content .td-sv-ws-arrow1, .td-sv-work-step-content .td-sv-ws-arrow2 {
display: none;
}
.ft-header-section.header-style-new-two .ft-header-cta-btn {
margin-right: 40px;
}
.ft-header-section.header-style-new-two .mobile_menu_button {
top: -50px;
}
.ft-thx-slider-section {
padding-top: 60px;
}
.pr-main-navigation {
display: none;
}
.pr-mark-main-navigation-wrapper {
max-width: 100%;
}
.pr-mark-header-top {
display: none !important;
}
.pr-mark-main-header {
background-color: #002a34;
}
.pr-mark-main-header .mobile_menu_button {
top: -60px;
}
.pr-mark-main-navigation-wrapper {
padding: 15px 0px;
}
.pr-mark-navigation-menu .pr-mark-btn {
margin-left: 20px;
margin-right: 40px;
}
.ft-thx-banner-courier-form {
max-width: 100%;
margin-top: 50px;
}
.ft-thx-banner-section {
padding: 150px 0px 100px;
}
.pr-sx-about-text-area {
margin: 0 auto;
max-width: 570px;
margin-bottom: 40px;
}
.pr-sx-about-exp-wrapper,
.ft-thx-faq-text {
margin: 0 auto;
max-width: 570px;
}
.pr-sx-funfact-innerbox {
margin-bottom: 80px;
}
.pr-sx-funfact-section {
padding-bottom: 0;
}
.pr-sv-team-innerbox {
margin-bottom: 120px;
}
.pr-sv-team-content .ft-thx-btn {
margin-top: 0;
}
.ft-thx-faq-img {
text-align: center;
margin-bottom: 40px;
}
.pr-sx-blog-innerbox {
margin-bottom: 40px;
}
.pr-sv-footer-widget .widget-title {
padding-bottom: 25px;
}
.pr-sv-footer-widget {
margin-bottom: 30px;
}
.header-cta-content {
display: none;
}
.ft-thx-header-section .header-top-content {
display: none !important;
}
.mobile_logo {
display: block;
}
.ft-thx-header-section .header-navigation-content {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.ft-thx-header-section {
background-color: #4ab9cf;
}
.ft-thx-header-section .mobile_menu_button {
top: -58px;
right: 15px;
}
.ft-thx-header-section .header-navigation-content .pr-h-cta-btn {
margin-left: 30px;
margin-right: 30px;
}
.ft-thx-banner-section-3 .ft-thx-banner-img3 {
display: none;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 {
margin: 0 auto;
text-align: center;
}
.ft-thx-slider-btn-2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ft-thx-about-img-3 {
margin: 0 auto;
max-width: 570px;
margin-bottom: 30px;
}
.ft-thx-about-text-3,
.ft-thx-why-choose-img-3 {
margin: 0 auto;
max-width: 570px;
}
.ft-thx-help-item {
margin-bottom: 30px;
}
.pr-sx-service-innerbox {
margin-bottom: 90px;
}
.ft-thx-service-section-3 .ft-thx-btn-2 {
margin-top: 0px;
}
.ft-thx-why-choose-item-box {
margin-bottom: 30px;
}
.pr-sx-team-slider-for {
margin: 0 auto;
max-width: 570px;
padding-top: 40px;
}
.gl-testimonial-text-wrapper-3 {
padding-top: 0;
}
.gl-testimonial-slider-3 {
margin-top: 60px;
}
}
@media screen and (max-width: 820px) {
.ft-header-section.header-style-two .ft-header-top {
display: none;
}
.ft-banner-text-content h1 {
font-size: 65px;
}
.ft-banner-section {
padding: 250px 0px 200px;
}
.ft-testimonial-slider-2 #btn_prev1 {
left: 40px;
}
.ft-testimonial-slider-2 #btn_next1 {
right: 40px;
}
.ft-faq-page-top-content .ft-section-title-2 h2 {
padding-bottom: 20px;
}
.ft-testimonial-slider-wrapper-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-testimonial-slider-wrapper-3 .ft-testimonial-slider-img {
display: none;
}
.ft-testimonial-section-3 {
top: 0;
margin-bottom: 0;
}
.ft-why-choose-section-2 {
padding-bottom: 60px;
}
}
@media screen and (max-width: 680px) {
.ft-team-text-area {
margin-bottom: 30px;
}
.ft-project-section .ft-section-title {
padding-bottom: 20px;
}
.ft-project-itembox .ft-project-text {
max-width: 100%;
position: static;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ft-contact-section:before {
left: 0;
opacity: 0.7;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.ft-blog-section .ft-section-title {
padding-bottom: 20px;
}
.ft-footer-widget .logo-widget p {
padding-bottom: 15px;
}
.ft-banner-text-content h1 {
font-size: 55px;
}
.ft-header-section.header-style-two .ft-header-main-menu .ft-site-logo {
width: 145px;
}
.ft-team-details-content {
padding: 0px 15px;
}
.ft-team-details-content .ft-team-details-text-wrapper {
z-index: 2;
position: relative;
padding: 0px 0px 30px;
}
.ft-team-personal .title {
font-size: 28px;
}
.ft-testimonial-slider-area-3 {
width: 100%;
}
.ft-newslatter-content-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-newslatter-btn {
margin-top: 15px;
}
.ft-footer-content-wrap-3 .ft-footer-widget .ft-footer-info-widget {
padding-left: 0;
}
.ft-header-section.header-style-new-two .ft-header-cta-btn {
display: none;
}
.ft-header-section.header-style-new-two .ft-header-main-menu .ft-site-logo {
width: 135px;
}
.ft-thx-slider-section {
padding-top: 45px;
}
.pr-sv-testimonial-item .pr-sv-testimonial-img {
display: none;
}
.pr-sv-testimonial-item .pr-sv-testimonial-text {
padding: 60px 40px;
}
.pr-sx-about-exp {
right: 0;
}
}
@media screen and (max-width: 480px) {
.ft-header-section.header-style-one .ft-brand-logo {
width: 140px;
}
.ft-header-section.header-style-one .ft-header-content,
.ft-header-section.header-style-one.sticky-on .ft-header-content {
padding-left: 155px;
}
.ft-header-section.header-style-one .ft-header-cta-btn {
margin-left: 0;
margin-right: 40px;
}
.ft-header-section.header-style-one .ft-header-cta-btn a {
height: 45px;
width: 130px;
}
.ft-booking-form-content .booking-form-input-wrapper label {
margin-right: 0;
}
.ft-booking-form-content .booking-form-input-wrapper button {
height: 50px;
width: 185px;
}
.ft-about-section {
padding: 50px 0px;
}
.ft-section-title h2 {
font-size: 26px;
padding-bottom: 10px;
}
.ft-btn a {
height: 50px;
width: 150px;
}
.ft-service-section {
padding: 50px 0px;
}
.ft-counterup-section {
padding: 20px 0px 60px;
}
.ft-why-choose-text-area .ft-section-title {
padding-left: 0;
}
.ft-why-choose-feature-wrapper {
padding-left: 0;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text {
max-width: 250px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text h3 {
font-size: 18px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon {
height: 70px;
width: 70px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon:before {
width: 50px;
height: 50px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-icon i {
font-size: 30px;
}
.ft-team-section {
padding: 0px 0px 60px;
}
.ft-why-choose-section {
padding-bottom: 30px;
}
.ft-project-slider-area {
margin: 0;
}
.ft-project-itembox {
max-width: 310px;
}
.slick-current.slick-center .ft-project-itembox .ft-project-text {
left: 0;
}
.slick-current.slick-center .ft-project-itembox {
padding-left: 0;
}
.ft-project-itembox .ft-project-text {
left: 0;
opacity: 1;
}
.ft-project-itembox .ft-project-text h3 {
font-size: 18px;
}
.ft-blog-news-feed-innerbox .ft-blog-feed-text .ft-blog-comment-view a {
margin-left: 0;
margin-right: 10px;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-blog-feed-wrapper-2 .ft-blog-news-feed-innerbox .ft-blog-feed-img {
margin-bottom: 25px;
}
.ft-testimonial-section {
padding: 60px 0px;
}
.ft-project-section {
padding-top: 60px;
}
.ft-contact-section,
.ft-blog-section {
padding: 60px 0px;
}
.ft-footer-section {
padding: 60px 0px;
}
.ft-footer-widget-wrapper {
padding-bottom: 50px;
}
.ft-header-section.header-style-two .ft-header-cta-btn {
display: none;
}
.ft-header-section.header-style-two .mobile_menu_button {
top: -48px;
}
.ft-banner-text-content h1 {
font-size: 36px;
}
.ft-banner-text-content p {
font-size: 18px;
}
.ft-banner-section {
padding: 190px 0px 150px;
}
.ft-section-title-2 h2 {
font-size: 28px;
}
.ft-featured-section {
padding: 50px 0px;
}
.ft-featured-content,
.ft-service-content-2 {
padding-top: 15px;
}
.ft-featured-innerbox .ft-featured-text h3 {
font-size: 20px;
}
.ft-featured-innerbox .ft-featured-icon i {
font-size: 40px;
}
.ft-featured-innerbox .ft-featured-icon {
margin-bottom: 10px;
}
.ft-featured-innerbox .ft-featured-text h3 {
padding-bottom: 10px;
}
.ft-product-mesurment-tab-btn .nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ft-service-section-2 {
padding: 50px 0px;
}
.ft-about-section-2,
.ft-portfolio-section-2 {
padding: 50px 0px;
}
.ft-experience-section {
padding-bottom: 50px;
}
.ft-faq-content .accordion-button::after {
font-size: 16px;
right: 5px;
}
.ft-faq-why-choose-us-section {
padding-bottom: 30px;
}
.ft-blog-section-2 {
padding: 50px 0px;
}
.ft-footer-section-2 .ft-footer-newslatter-content h2 {
font-size: 20px;
}
.ft-footer-section-2 .ft-footer-newslatter-content {
padding: 20px 30px;
border-radius: 0px;
}
.ft-footer-section-2 .ft-footer-newslatter-form button {
height: 50px;
width: 120px;
font-size: 14px;
}
.ft-footer-section-2 .ft-footer-newslatter-form input {
height: 50px;
}
.ft-footer-section-2 .ft-footer-newslatter {
margin-bottom: -75px;
}
.ft-footer-widget-wrapper-2 {
padding-bottom: 30px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .logo-widget .site-logo {
padding-bottom: 20px;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn {
margin-right: 10px;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-btn a {
height: 45px;
width: 135px;
}
.ft-banner-text-content .ft-banner-btn-wrapper .ft-banner-video-btn a i {
margin-right: 5px;
}
.ft-breadcrumb-section {
padding: 170px 0px 100px;
}
.ft-funfact-innerbox {
margin-bottom: 30px;
}
.ft-funfact-innerbox .ft-funfact-text h3 {
font-size: 35px;
}
.ft-funfact-innerbox .ft-funfact-icon i {
font-size: 35px;
}
.ft-footer-widget-wrapper-2 .ft-footer-widget .widget-title {
padding-bottom: 15px;
}
.ft-footer-widget .menu-widget li {
margin-bottom: 10px;
}
.page-padding {
padding: 50px 0px;
}
.blog-details-img-text-wrapper .ftd-blog-meta-2 a {
margin-right: 10px;
}
.blog-details-img-text-wrapper .ft-blog-details-item {
padding: 20px 15px;
}
.blog-details-img-text-wrapper .blog-details-text h3 {
font-size: 20px;
}
.blog-details-img-text-wrapper .blog-details-img-video .blog-details-img {
margin-bottom: 30px;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-tag a {
margin-bottom: 10px;
}
.ft-blog-share {
float: none;
}
.blog-details-img-text-wrapper .ft-blog-tag-share .ft-blog-share a {
margin-left: 0;
margin-right: 5px;
}
.ft-blog-comment-block .ft-blog-comment-text .ftd-reply-btn {
position: static;
margin-top: 15px;
display: inline-block;
}
.ftd-comment-input-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ftd-blog-comment-form .ftd-comment-form-input input,
.ftd-blog-comment-form .ftd-comment-form-input textarea {
width: 100%;
margin-bottom: 15px;
}
.ftd-blog-comment-form {
padding: 35px 15px;
}
.ftd-blog-comment-form .ftd-comment-form-input span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta {
padding: 15px 15px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper {
padding: 30px 15px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a:after {
display: none;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .ft-blog-feed-title-text h3 {
font-size: 20px;
}
.coming-soon-content {
padding: 200px 0px 150px;
}
.coming-soon-content h2 {
font-size: 34px;
}
.coming-soon-countdown li {
margin-bottom: 20px;
}
.coming-soon-countdown {
text-align: center;
}
.ft-btn-3 a {
height: 40px;
width: 150px;
}
.ft-project-overview-comment-wrapper .ft-project-overview-comment-text {
width: 200px;
}
.ft-similar-work-content .ft-portfolio-slider-innerbox {
margin-bottom: 30px;
}
.ft-project-details-img {
margin-bottom: 40px;
}
.ft-header-section.header-style-three {
position: static;
padding: 10px 0px;
background-color: #000;
}
.ft-header-section.header-style-three .ft-header-cta-btn a {
font-size: 14px;
font-weight: 500;
padding: 10px 15px;
}
.ft-header-section.header-style-three .mobile_menu_button {
top: -40px;
}
.ft-header-section.header-style-three .ft-header-cta-btn {
margin-right: 30px;
}
.ft-header-section.header-style-three .ft-brand-logo {
width: 130px;
}
.ft-header-section.sticky-on.header-style-three {
position: fixed;
}
.ft-header-section.sticky-on.header-style-three .ft-header-cta-btn a {
padding: 10px 15px;
}
.ft-header-section.sticky-on.header-style-three .mobile_menu_button {
top: -38px;
}
#slider-29-slide-76-layer-5,
#slider-29-slide-78-layer-5,
#slider-29-slide-77-layer-5 {
display: block;
}
.ft-service-section-3 {
padding-top: 50px;
padding-bottom: 50px;
}
.ft-section-title-3 h2 {
font-size: 26px;
padding-top: 5px;
}
.ft-service-content-3 {
padding-top: 30px;
}
.ft-section-title-3 span {
font-size: 16px;
}
.ft-service-innerbox-3 .ft-service-text h3 {
font-size: 18px;
}
.ft-service-innerbox-3 .ft-service-text-icon {
padding: 50px 20px 60px;
}
.ft-service-more-btn {
margin-top: 10px;
text-align: center;
}
.ft-service-more-btn a {
margin-left: 0;
margin-top: 10px;
}
.ft-about-section-3,
.ft-funfact-section-2 {
padding: 60px 0px;
}
.ft-about-sign-img-text {
width: 110px;
}
.ft-about-text-3 .ft-about-btn-group a i {
display: none;
}
.ft-about-text-3 .ft-about-btn-group a {
padding: 10px 15px;
}
.ft-case-study-items {
width: 100%;
border-right: 0;
}
.ft-funfact-inner-items-wrapper:before {
display: none;
}
.ft-funfact-content-2 {
padding-top: 30px;
}
.ft-funfact-inner-items .ft-funfact-inner-text h3 {
font-size: 24px;
}
.ft-funfact-inner-items .ft-funfact-inner-icon {
margin-bottom: 20px;
}
.ft-why-choose-section-2 {
padding-top: 60px;
}
.ft-why-choose-section-2 .ft-why-choose-text-2 {
padding-top: 0px;
}
.ft-why-choose-form-wrapper {
padding-left: 0;
}
.ft-testimonial-slider-items-3:before {
display: none;
}
.ft-testimonial-slider-items-3 {
padding-left: 0;
}
.ft-blog-section-3 {
padding: 60px 0px;
}
.ft-blog-content-3 {
padding-top: 30px;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-btn a {
width: 150px;
}
.ft-footer-section-3 .ft-newslatter-section-3 .ft-newslatter-text h3 {
font-size: 24px;
}
.ft-testimonial-slider-3 .slick-dots {
position: static;
margin-top: 20px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ft-testimonial-slider-3 .slick-dots li {
display: inline-block;
}
.ft-contact-cta-items .ft-contact-cta-text {
max-width: 220px;
}
.ft-thx-feature-section {
padding: 60px 0px 30px;
}
.pr-cor-section-title h2 {
font-size: 26px;
padding: 15px 0px;
}
.pr-cor-section-title span {
font-size: 18px;
}
.pr-cor-about-feature-list .pr-cor-about-ft-text {
max-width: 240px;
}
.pr-cor-about-feature-area {
padding-bottom: 10px;
}
.ft-thx-about-section {
padding-bottom: 60px;
}
.ft-thx-why-choose-us-section,
.ft-thx-work-process-section,
.ft-thx-project-section,
.ft-thx-testimonial-section,
.pr-cor-blog-section {
padding: 60px 0px;
}
.ft-thx-project-top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-thx-project-top .pr-cor-section-title {
padding-bottom: 20px;
}
.port_left_arrow, .port_right_arrow {
margin-left: 0;
margin-right: 10px;
}
.ft-thx-banner-text h1 {
font-size: 40px;
}
.ft-thx-banner-text {
padding-top: 50;
}
.pr-mark-navigation-menu .pr-mark-btn a {
width: 115px;
}
.pr-mark-main-navigation-wrapper .pr-mark-brand-logo {
width: 120px;
padding-top: 12px;
}
.pr-sx-secion-title h2,
.pr-sx-video-section .pr-sx-video-content h3 {
font-size: 30px;
}
.pr-sx-secion-title h2 {
padding: 10px 0px;
}
.pr-sx-about-section-2 {
padding: 60px 0px;
}
.pr-sv-service-section {
padding: 60px 0px;
}
.pr-sx-video-section {
padding: 60px 0px;
}
.pr-sv-team-section {
padding: 60px 0px;
}
.pr-sv-case-study-section {
padding: 60px 0px 40px;
}
.ft-thx-testimonial-section-2 {
padding: 60px 0px;
}
.ft-thx-faq-text .accordion-header button {
font-size: 16px;
padding: 10px 30px;
padding-left: 10px;
}
.pr-sx-blog-top-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-thx-btn a {
height: 50px;
}
.pr-sx-blog-section .pr-sx-secion-title {
padding-bottom: 10px;
}
.pr-sx-blog-section {
padding-bottom: 50px;
}
.pr-sv-footer-widget .pr-sv-menu-widget {
padding-left: 0;
}
.ft-thx-faq-text {
padding-left: 0;
}
.ft-thx-header-section .header-navigation-content .pr-h-cta-btn {
display: none !important;
}
.ft-thx-header-section .header-navigation-content {
padding: 30px 15px;
}
.ft-thx-header-section .header-navigation-content .mobile_logo {
top: 25px;
}
.ft-thx-header-section .header-navigation-content .pr-h-search button {
margin-right: 30px;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 h1 {
font-size: 36px;
}
.ft-thx-banner-section-3 .ft-thx-banner-text3 {
padding: 150px 0px;
}
.ft-thx-about-img-3 .ft-thx-ab-inner-img2 {
right: 0;
}
.ft-thx-about-text-3 {
padding-left: 0;
}
.ft-thx-section-title-3 h2 {
font-size: 28px;
}
.ft-thx-about-list-item-3 .ft-thx-inner-text h3 {
font-size: 18px;
}
.ft-thx-about-list-item-3 .ft-thx-inner-text {
max-width: 250px;
}
.ft-thx-help-section,
.pr-sx-team-section {
padding: 60px 0px;
}
.ft-thx-project-top-content-3,
.ft-thx-blog-top-content-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-thx-project-top-content-3 .ft-thx-section-title-3,
.ft-thx-blog-top-content-3 .ft-thx-section-title-3 {
width: 100%;
}
.ft-thx-project-section-3,
.pr-an-blog-section,
.ft-thx-cta-section-3 {
padding: 60px 0px;
}
.port_left_arrow3, .port_right_arrow3, .blg-an-left_arrow, .blg-an-right_arrow {
height: 40px;
width: 40px;
margin-left: 0;
margin-right: 10px;
}
.ft-thx-project-slider-item-3 .ft-thx-inner-text {
padding: 30px;
}
.ft-thx-project-slider-item-3 .ft-thx-inner-text h3 {
font-size: 20px;
}
.pr-sx-team-section {
overflow: hidden;
}
.pr-sx-team-nav-item-wrapper .slick-next {
right: 0;
}
.pr-sx-team-nav-item-wrapper .slick-prev {
left: 0;
}
.pr-sx-team-member-innerbox .pr-sx-team-member-text {
padding: 20px 20px 40px;
}
.gl-testimonial-section-3 {
padding: 40px 0px 280px;
}
.gl-testimonial-innerbox-item-3 {
padding: 64px 15px 24px;
}
.gl-testimonial-innerbox-item-3 .gl-testimonial-meta-rate .gl-testimonial-meta h3 {
font-size: 18px;
}
.ft-thx-cta-content-3 h3 {
font-size: 28px;
}
.ft-thx-btn-2 a {
height: 50px;
width: 150px;
}
.ft-thx-help-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ft-thx-help-item .ft-thx-help-img {
margin-top: 30px;
}
}
@media screen and (max-width: 380px) {
.ft-header-section.header-style-one .ft-header-content {
height: 70px;
}
.ft-header-section.header-style-one .ft-header-cta-btn {
display: none;
}
.ft-header-section.header-style-one .mobile_menu_button {
top: -5px;
}
.ft-why-choose-feature-item .ft-why-choose-feature-text {
max-width: 200px;
}
.ft-blog-post-feed-innerbox .ft-blog-post-feed-text-wrapper .blog-meta a {
margin-right: 15px;
}
}
/*---------------------------------------------------- */