/*
Style : Main CSS
Version : 1.0
Author : Surjith S M
URI : http://themeforest.net/user/surjithctly
Copyright © All rights Reserved
Surjith S M / @surjithctly
TABLE OF CONTENTS
---------------------------------------------------
• Global Styles
• Spacer
• Header
• Navigation
• BreadCrumb
• Flex Slider
• Homepage Content
• About Page
• Call to action
• stats section
• Leaders (Team)
• Vision
• Sidebar
• Career Page
• Job stats
• service page
• back to top
• Image Hover Effects
• Skillbar
• 404 page
• Shortcodes
• Preloader
*/
/* --------------- Global Styles --------------- */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Condensed:400,700);
body {
color: #8d8d8d;
font-family: 'Roboto', sans-serif;
line-height: 1;
padding: 0;
}
body.boxed {
max-width: 1170px;
background: #f4f5f8;
}
a {
color: #093eb6;
text-decoration: none;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
color: #000;
}
.container {
max-width: 100% !important;
width: 1340px !important;
/*width:1170px orignal*/
}
.wrapper {
position: relative;
overflow: hidden;
min-height: 700px
}
header {
position: relative;
}
img {
max-width: 100%;
}
ul {
list-style-type: none;
}
ol,
ul {
margin: 0px;
padding: 0;
}
ul li,
ol li {
color: #8d8d8d;
line-height: 1.8;
}
ol.list-unstyled {
margin-left: 0;
}
.list-unstyled li i {
padding-right: 15px;
color: #ffda43;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto Condensed";
color: #2a2a2a;
}
p {
font-size: 16px;
color: #677078;
line-height: 1.688;
margin-bottom: 20px;
}
p+p:last-child {
margin-bottom: 0;
}
blockquote {
padding: 30px 35px;
background: #ffda44;
font-size: 20px;
color: #675F3F;
line-height: 1.455;
text-align: left;
margin: 0;
border: none;
font-style: italic;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.light {
font-weight: 100;
}
.btn {
border-radius: 5px;
font-size: 16px;
font-family: "Roboto Condensed";
font-weight: bold;
line-height: 48px;
padding: 0 22px;
border: none;
border: none;
text-transform: uppercase;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.btn-primary {
/* background: #093EB6; */
background: #1593ce;
color: #fff;
}
.btn-primary:hover {
/* background: #002D92; */
background: #22234b;
}
.btn-default {
/* background: #FFDA44; */
background: #1593ce;
/* color: #4c443a; */
color: #fff;
}
.btn-default:hover {
/* background: #ECC124; */
background: #22234b;
color: #fff;
}
/* // */
.b1 img {
width: 150px;
height: auto;
transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
/*add css */
.logo-top-info {
padding: 10px 0 !important;
display:none;
}
@media(max-width:1024px){
.logo-top-info{
display:block;
}
}
.main-menu {
padding: 0;
/* background: #22234b !important;*/
background: #eeeeee !important;
z-index: 999;
position: relative;
}
ul.main-menu li.active>a {
color: #fff !important;
}
ul.main-menu li a:hover {
color: #fff !important;
}
ul.dropdown-menu li a:hover {
color: #000 !important;
}
ul.main-menu li a {
font-size: 15px;
font-family: "Roboto Condensed";
color: #000 !important;
font-weight: bold;
line-height: 1.467;
text-transform: uppercase;
/* padding: 20px 25px; */
display: block;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
ul.dropdown-menu li a {
color: #61656F !important;
}
section.home-partners.clients-home {
padding: 40px 0;
}
.p1 {
margin-bottom: 20px;
}
.col-md-3.logo.wow.fadeInLeft.animated {
margin: 0;
}
/* .flexslider {
border: none;
box-shadow: none;
}
.flexslider .slides li {
overflow: hidden;
position: relative;
}
.flexslider .slides img {
width: 100%;
height: auto;
display: block;
transform: scale(1.2);
transition: transform 5s ease-in-out;
}
.flexslider .slides li.flex-active-slide img {
transform: scale(1);
} */
.video-section {
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 991px) {
.logo {
/* text-align: left; */
margin-bottom: 0px;
}
nav.navbar-collapse {
top: 85px;
}
.NavMenu {
height: auto;
}
ul.dropdown-menu {
width: 100%;
}
}
/* video */
.company-image .hover-effect {
position: relative;
display: inline-block;
}
.video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.7);
/* background: #1593ce; */
color: #fff;
border: none;
border-radius: 50%;
width: 80px;
height: 80px;
font-size: 24px;
cursor: pointer;
}
.video-btn:hover {
background: rgba(0, 0, 0, 0.9);
}
.video-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
}
.video-content {
position: relative;
background: white;
padding: 20px;
border-radius: 10px;
}
.close-modal {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
cursor: pointer;
}
/* banner */
.box-1 {
position: relative;
overflow: hidden !important;
border: 1px solid #ddd !important;
padding: 30px !important;
text-align: center;
}
.stats-info{
position: relative;
z-index: 2;
float: none !important;
/* border: 2px solid #ddd; */
/* padding: 30px; */
}
.row.stats {
gap: 15px;
display: flex;
}
.row.stats.stats-2 {
display: block;
}
.stats-info img{
padding-right: 0px;
float: none !important;
}
.box-1::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
/* background: rgba(0, 0, 0, 0.6); */
background: #1593cebf;
transition: height 0.5s ease-in-out;
z-index: 1;
}
.box-1:hover::before{
height: 100%;
}
.row.stats>div{
border: 1px solid #ddd !important;
}
.box-1:hover .stats-info {
color: white;
position: relative;
z-index: 2;
transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 576px) {
.row.stats {
gap: 15px;
display: block;
padding: 15px;
}
.box-1{
margin-bottom: 15px;
}
}
/* marquee */
.marquee-container {
width: 100%;
overflow: hidden;
padding: 15px 0;
white-space: nowrap;
position: relative;
}
.marquee-content {
display: flex;
width: max-content;
animation: marquee 15s linear infinite;
gap: 0;
}
.marquee-container:hover .marquee-content {
animation-play-state: paused;
}
.marquee-item {
width: 365px;
height: 250px;
margin: 0 15px;
text-align: center;
display: inline-block;
overflow: hidden;
}
.flip {
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 0.6s;
position: relative;
}
.front, .back {
width: 100%;
height: 100%;
position: absolute;
backface-visibility: hidden;
overflow: hidden;
}
.front img {
width: 100%;
height: 100%;
object-fit: cover;
}
.marquee-item a:hover {
background: #0056b3;
}
/* @keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} */
@keyframes leftToRight {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0%);
}
}
.left-to-right {
animation: leftToRight 15s linear infinite;
}
/* Right to Left Animation */
@keyframes rightToLeft {
from {
transform: translateX(0%);
}
to {
transform: translateX(-50%);
}
}
.right-to-left {
animation: rightToLeft 15s linear infinite;
}
@media screen and (max-width: 767px) {
.marquee-container{
white-space: normal;
}
}
/* //testi */
.customer-feedback .owl-item img {
width: 85px;
height: 85px;
}
.feedback-slider-item {
position: relative;
padding: 60px;
margin-top: -40px;
}
.customer-name {
margin-top: 15px;
margin-bottom: 25px;
font-size: 20px;
font-weight: 500;
}
.feedback-slider-item p {
line-height: 1.875;
}
.customer-rating {
background-color: #eee;
border: 3px solid #fff;
color: rgba(1, 1, 1, 0.702);
font-weight: 700;
border-radius: 50%;
position: absolute;
width: 47px;
height: 47px;
line-height: 44px;
font-size: 15px;
right: 0;
top: 77px;
text-indent: -3px;
}
.thumb-prev .customer-rating {
top: -20px;
left: 0;
right: auto;
}
.thumb-next .customer-rating {
top: -20px;
right: 0;
}
.customer-rating i {
/* color: rgb(251, 90, 13); */
color: #FF9529;
position: absolute;
top: 10px;
right: 5px;
font-weight: 600;
font-size: 12px;
}
/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
top: 103px;
background-color: #f6f6f6;
/* border: 1px solid rgba(251, 90, 13, 0.1); */
border: 1px solid #000;
border-radius: 10px;
z-index: -1;
}
.thumb-prev,
.thumb-next {
position: absolute;
z-index: 99;
top: 45%;
width: 98px;
height: 98px;
left: -90px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.thumb-next {
left: auto;
right: -90px;
}
.feedback-slider-thumb img {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.feedback-slider-thumb:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.customer-feedback .owl-nav [class*="owl-"] {
position: relative;
display: inline-block;
bottom: 45px;
transition: all 0.2s ease-in;
}
.customer-feedback .owl-nav i {
background-color: transparent;
/* color: rgb(251, 90, 13); */
color: #FF9529;
font-size: 25px;
}
.customer-feedback .owl-prev {
left: -15px;
}
.customer-feedback .owl-prev:hover {
left: -20px;
}
.customer-feedback .owl-next {
right: -15px;
}
.customer-feedback .owl-next:hover {
right: -20px;
}
/* DOTS */
.customer-feedback .owl-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 35px;
}
.customer-feedback .owl-dot {
display: inline-block;
}
.customer-feedback .owl-dots .owl-dot span {
width: 11px;
height: 11px;
margin: 0 5px;
background: #fff;
/* border: 1px solid rgb(251, 90, 13); */
border: 1px solid #000;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
border-radius: 50%;
}
.customer-feedback .owl-dots .owl-dot.active span {
/* background-color: rgb(251, 90, 13); */
background-color: #000;
}
/* RESPONSIVE */
@media screen and (max-width: 991px) {
.customer-feedback .col-sm-offset-2 {
margin-left: 16.666667% !important;
}
section.home-stats.products{
padding: 60px 0;
}
}
@media screen and (max-width: 768px) {
.customer-feedback .col-sm-offset-2 {
margin-left: 23.666667% !important;
}
.feedback-slider-item:after {
left: 30px;
right: 30px;
}
.customer-feedback .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 45px;
bottom: auto;
}
.customer-feedback .owl-prev {
left: 0;
}
.customer-feedback .owl-next {
right: 0;
}
}
@media screen and (max-width: 576px) {
.customer-feedback .col-sm-offset-2 {
margin-left: 12.666667% !important;
}
}
@media screen and (max-width: 480px) {
.customer-feedback .col-sm-offset-2 {
margin-left: 0% !important;
}
section.home-company.scroll-item.animate {
padding: 45px 0 0 0;
}
}
section {
padding: 80px 0;
}
.sidebar {
padding: 80px 15px;
}
main.main {
padding-bottom: 75px;
}
/* --------------- 1.1 Spacer --------------- */
.spacer-5,
.spacer-10,
.spacer-20,
.spacer-30,
.spacer-40,
.spacer-50,
.spacer-60,
.spacer-70,
.spacer-80,
.spacer-90,
.spacer-100 {
display: block;
clear: both;
overflow: hidden;
}
.spacer-5 {
height: 5px
}
.spacer-10 {
height: 10px
}
.spacer-20 {
height: 20px
}
.spacer-30 {
height: 30px
}
.spacer-40 {
height: 40px
}
.spacer-50 {
height: 50px
}
.spacer-60 {
height: 60px
}
.spacer-70 {
height: 70px
}
.spacer-80 {
height: 80px
}
.spacer-90 {
height: 90px
}
.spacer-100 {
height: 100px
}
@media all and (max-width: 991px) {
section {
padding: 60px 0;
}
}
@media all and (max-width: 767px) {
br {
display: none;
}
}
@media all and (max-width: 480px) {
section {
padding: 45px 0;
}
}
/* --------------- Header Styles --------------- */
.logo-top-info {
padding: 25px 0;
}
.top-info {
width: auto;
}
.top-info,
.social {
float: left;
}
.top-info h3 {
font-size: 15px;
/* color: #093EB6; */
color: #22234b;
font-weight: bold;
line-height: 1.2;
margin-top: 0;
}
.top-info p {
margin-bottom: 0;
font-size: 15px;
color: #76797f;
line-height: 1.4;
}
.top-info>div {
padding: 0 20px;
float: left;
border-right: 1px solid #e9ecf2;
}
.top-info>div:last-child {
border: none;
}
.top-info:after {
content: "";
display: block;
clear: both;
}
span.forex {
font-size: 14px;
font-family: "Roboto";
color: rgba(118, 121, 127, 0.6);
line-height: 1.571;
position: relative;
padding-left: 8px;
}
span.forex i {
font-size: 17px;
color: #35db24;
padding-right: 3px;
line-height: 1;
}
.social ul.social-icons {
padding-left: 15px;
}
.social ul.social-icons li {
display: inline-block;
}
.social ul.social-icons li:last-child a {
margin: 0;
}
.social ul.social-icons li a:hover {
/* background: #093eb6; */
background-color: #1593ce;
}
.social ul.social-icons li a {
color: #fff;
font-size: 21px;
display: block;
/* width: 52px; */
/* height: 52px; */
width: 40px;
height: 40px;
line-height: 52px;
text-align: center;
/* background: rgba(9, 62, 182, 0.65); */
background: #0077B5;
color: #fff;
border-radius: 50%;
margin-right: 15px;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
display: flex;
align-items: center;
justify-content: center;
}
.top-info-social {
/* margin-top: 5px; */
margin-top: 10px;
}
.top-info-social:after {
content: "";
display: block;
clear: both;
}
@media all and (max-width: 1199px) {
.top-info>div {
padding: 0 16px;
}
.social ul.social-icons li a {
margin-right: 10px;
}
}
@media all and (max-width: 991px) {
.logo-top-info {
padding: 25px 0 0;
}
.logo {
text-align: left;
margin-bottom: 20px;
}
.top-info-social {
display: none;
}
}
@media all and (max-width: 479px) {
.logo img {
width: 180px;
}
}
/* --------------- Navigation --------------- */
/* nav-menu */
nav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
background-color: #000;
}
.logo {
flex: 2;
display: flex;
align-items: center;
}
.logo a {
text-decoration: none;
font-size: 26px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
}
.bartoggle,
#menubrop {
display: none;
}
.NavMenu {
flex: 10;
list-style: none;
position: relative;
display: flex;
justify-content: start;
}
.NavMenu li {
display: inline-block;
}
.NavMenu li input {
display: none;
}
.NavMenu li a {
display: block;
padding: 20px 25px;
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
font-family: "Roboto Condensed";
/* color: #fff; */
/* color: #22234b; */
color: #61656F;
font-weight: bold;
position: relative;
}
.NavMenu li a label {
cursor: pointer;
appearance: none;
display: block;
position: relative;
}
.NavMenu li a label::after {
content: "+";
position: absolute;
right: 0;
top: 0;
font-size: 20px;
}
.NavMenu>li>a label::after {
right: -15px;
top: -3px;
}
.NavMenu li ul {
position: absolute;
display: flex;
flex-direction: column;
background-color: #fff;
/* min-width: 200px; */
min-width: 350px;
/* min-width: 400px; */
/* border-bottom: 2px solid #2874f0; */
border-bottom: 2px solid #61656f;
top: 100%;
box-shadow: 0 3px 5px rgb(0 0 0/20%);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
visibility: hidden;
opacity: 0;
}
.NavMenu li ul li {
position: relative;
}
.NavMenu li ul li a {
/* color: #2874f0; */
color: #61656F;
padding: 6px 10px;
text-transform: capitalize;
font-size: 16px;
font-family: "Roboto Condensed";
display: block;
border-left: 2px solid transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
}
.NavMenu li ul li ul {
position: absolute;
left: 100%;
top: 0;
}
@media(min-width:992px) {
.NavMenu li ul li a:hover {
/* border-left: 2px solid #2874f0; */
border-left: 2px solid #61656f;
}
.NavMenu li:hover>ul,
.NavMenu li ul li:hover>ul {
visibility: visible;
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
}
@media(max-width:991.98px) {
header {
padding: 6px 5%;
}
.logo {
flex: 6;
}
.bartoggle {
display: flex;
justify-content: center;
font-size: 30px;
align-items: center;
background-color: #fff;
padding: 0 10px;
cursor: pointer;
}
.NavMenu {
width: 500px;
flex: 12;
position: fixed;
flex-direction: column;
/* background-color: #2874f0; */
background-color: #f5f6f7;
left: 0;
/* top: 40px; */
top: 0;
height: 100vh;
z-index: -1;
padding: 15px 0 50px 0;
justify-content: start;
overflow-y: scroll;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
.NavMenu li ul,
.NavMenu li ul li ul {
position: initial;
left: 0;
visibility: visible;
opacity: 1;
top: 0;
display: none;
}
.NavMenu li a {
padding: 8px 15px;
border-bottom: 1px solid #fff;
}
.NavMenu li ul li ul {
/* background: #2874f0; */
background: #f5f6f7;
position: inherit;
margin-top: -10px;
}
.NavMenu li ul li ul li a {
font-size: 14px;
/* color: #fff; */
color: #000;
font-weight: 400;
text-transform: initial;
padding: 7px 15px 7px 30px;
}
.NavMenu li a label::after {
right: 10px;
}
.NavMenu li input:checked+ul,
.NavMenu li ul li input:checked+ul {
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
input:checked+.NavMenu {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
}
@media(max-width:768px) {
.NavMenu {
width: 100%;
}
}
@media(max-width:480px) {
.NavMenu li ul li a {
font-size: 16px;
}
}
/* end nav-menu */
.main-menu {
padding: 0;
background: #f4f5f8;
z-index: 999;
position: relative;
/*height: 62px !important; */
}
ul.main-menu li a {
font-size: 15px;
font-family: "Roboto Condensed";
color: #61656F;
font-weight: bold;
line-height: 1.467;
text-transform: uppercase;
padding: 20px 25px;
display: block;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
ul.main-menu li:last-child a {
padding-right: 0;
}
ul.main-menu li a:hover,
ul.main-menu li.active>a {
/* color: #093eb6; */
color: #22234b !important;
}
ul.main-menu>li {
display: inline-block;
padding: 0;
position: relative;
}
ul.main-menu>li.dropdown ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: 120%;
background: #fff;
/* min-width: 220px; */
/* min-width: 310px; */
min-width: 400px;
/* padding: 10px 0; */
padding: 7px 0;
/* height: 500px;
overflow: scroll; */
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
z-index: 1000;
}
ul.main-menu>li.dropdown-1 ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: 120%;
left: 500px;
background: #fff;
/* min-width: 220px; */
min-width: 310px;
padding: 10px 0;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
z-index: 1000;
}
ul.main-menu>li.dropdown ul li a {
/* padding: 10px 20px; */
padding: 6px 10px;
display: block;
font-size: 16px;
font-weight: normal;
text-transform: none;
}
ul.main-menu>li.dropdown ul:before {
content: "";
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
top: -20px !important;
left: 30px;
border: 10px solid transparent;
border-bottom-color: #fff;
-webkit-transition: 1s ease all;
-o-transition: 1s ease all;
transition: 1s ease all;
}
ul.main-menu>li.dropdown:hover ul,
ul.main-menu>li.dropdown:hover ul:before {
visibility: visible;
opacity: 1;
top: 100%;
}
ul.main-menu>li.dropdown-1:hover ul,
ul.main-menu>li.dropdown-1:hover ul:before {
visibility: visible;
opacity: 1;
top: 100%;
}
ul.main-menu>li.dropdown-1:hover ul,
ul.main-menu>li.dropdown-1:hover ul:before {
visibility: visible;
opacity: 1;
top: 100%;
}
i.fa.dropdown-toggle {
display: none;
}
li.dropdown i.fa.dropdown-toggle {
display: block;
position: absolute;
top: 49%;
right: 5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 12px;
line-height: 1;
color: #aaa;
cursor: pointer;
}
li.dropdown-1 i.fa.dropdown-toggle {
display: block;
position: absolute;
top: 65%;
right: 5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 12px;
line-height: 1;
color: #aaa;
cursor: pointer;
}
/* @media all and (max-width: 992px) {
nav.navbar-collapse {
position: absolute;
right: 0px;
top: 90px;
width: 250px;
opacity: 0;
z-index: 1000;
height: auto !important;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.navbar-collapse.collapse {
display: none !important;
padding: 0;
overflow: inherit;
}
.navbar-collapse.collapsing {
padding: 0;
}
.navbar-collapse.collapse.in {
display: block !important;
opacity: 1;
left: 0px;
width: 100%;
}
.navbar-toggle {
display: block;
right: 0;
position: absolute;
background: none;
top: 0px;
border: none;
padding: 0 10px;
margin: 21px 15px;
}
.navbar-toggle span.icon-bar {
background: #61656f;
height: 3px;
}
ul.main-menu>li {
display: block;
}
ul.main-menu {
padding: 10px 0 0;
width: 100%;
height: auto;
}
ul.main-menu>li>a {
padding: 15px 10px;
}
ul.main-menu>li.dropdown ul {
left: -30px;
}
ul.main-menu>li.dropdown:hover ul,
ul.main-menu>li.dropdown:hover ul:before {
visibility: hidden;
opacity: 0;
top: 100%;
}
ul.main-menu>li.dropdown.open ul,
ul.main-menu>li.dropdown.open ul:before {
visibility: visible;
opacity: 1;
top: 100%;
}
ul.main-menu>li.dropdown.open ul {
left: 0;
}
} */
.NavMenu,
.NavMenu ul {
list-style: none;
margin: 0;
padding: 0;
height: auto;
}
.NavMenu ul {
display: none;
}
.NavMenu input[type="checkbox"] {
display: none;
}
/*
.NavMenu li input:checked+ul {
width: 100% !important;
} */
.toggle {
display: flex;
align-items: center;
cursor: pointer;
}
.navbar-toggle .icon-bar {
background-color: #000;
}
.toggle .fa-chevron-down {
margin-left: auto;
}
.logo {
/* text-align: left; */
margin-bottom: 0px;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.logo-top-info {
padding: 10px 0 !important;
background-color: #eee
}
/* Desktop Styles (above 992px) */
@media screen and (min-width: 992px) {
.logo {
/* text-align: left; */
margin-bottom: 0px;
}
.NavMenu {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.NavMenu>li {
position: relative;
}
.NavMenu ul {
position: absolute;
top: 100%;
left: 0;
background-color: white;
z-index: 999;
padding: 10px 0 0 0;
/* width: 250px; */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* .NavMenu li:hover>ul {
display: block;
} */
/* Disable checkbox toggle behavior on desktop */
.NavMenu input[type="checkbox"] {
display: none;
}
}
/* Mobile Styles (below 992px) */
@media screen and (max-width: 992px) {
.navbar-collapse {
width: 100%;
}
nav.navbar-collapse {
top: 0px !important;
}
header {
padding: 0px !important;
}
ul.main-menu li a {
padding: 10px 15px !important;
}
.NavMenu li input:checked+ul{
padding-left: 0px;
}
.NavMenu {
display: flex;
flex-direction: column;
width: 100%;
}
.NavMenu>li {
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
.NavMenu > li:last-child,
.NavMenu li:last-child a{
border-bottom: 0px;
}
.NavMenu a,
.NavMenu label.toggle {
/* display: block;*/
/* padding: 12px 16px; */
padding: 0px 0px;
/* color: #bcbdbe; */
text-decoration: none;
}
.NavMenu ul {
display: none;
flex-direction: column;
padding-left: 20px;
background-color: #f9f9f9;
}
/* Nested menus shown when checkbox is checked */
input[type="checkbox"]:checked+ul {
display: flex;
}
/* Optional: animated dropdown for better UX */
.NavMenu ul {
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 992px) {
.navbar-toggle{
display: block !important;
}
}
}
/*@media screen and (max-width: 1024px) {
.NavMenu {
display: none !important;
}
} */
@media(max-width: 1290px) {
ul.main-menu li a {
padding: 10px 15px !important;
}
}
/* --------------- BreadCrumb --------------- */
.page-title {
/* background: url('../images/page_title_bg.png') no-repeat left center; */
/* background: url('../img/banner.jpg') no-repeat left center; */
background-size: cover;
padding: 70px 0;
background-color: #4365a3;
}
.page-title h2.title {
margin: 0 0 25px;
font-size: 50px;
color: #fff;
font-weight: bold;
line-height: 1.26;
}
.page-title p.description {
font-size: 20px;
color: #fff;
line-height: 1.6;
margin-bottom: 0;
}
.breadcrumbs {
background: #f4f5f8;
padding: 25px 0;
}
.breadcrumbs span,
.breadcrumbs a {
font-size: 15px;
color: #61656f;
font-weight: bold;
text-transform: uppercase;
}
.breadcrumbs a:hover {
/*color: #093eb6; */
color: #22234b;
}
.breadcrumbs i {
padding-right: 15px;
color: #bebebe;
}
.breadcrumbs span.parent i {
padding-right: 5px;
}
.breadcrumbs span {
padding-right: 15px;
}
@media all and (max-width: 767px) {
.page-title {
padding: 70px 15px;
}
}
@media all and (max-width: 480px) {
.page-title h2.title {
font-size: 42px;
line-height: 1;
}
.page-title p.description {
font-size: 16px;
}
.breadcrumbs {
padding: 25px 0 0;
}
.breadcrumbs span {
margin-bottom: 25px;
display: inline-block;
line-height: 22px;
}
}
/* --------------- Flex Slider --------------- */
.flex-direction-nav a {
width: 54px;
height: 100px;
}
.flex-direction-nav a:before {
content: " ";
display: block;
/* background: url('../images/arrow-left.png') no-repeat; */
background: url('../img/arrow-left.webp') no-repeat;
width: 54px;
height: 100px;
}
.flex-direction-nav a.flex-next:before {
content: " ";
background: url('../img/arrow-right.webp') no-repeat;
/* background: url('../images/arrow-right.png') no-repeat; */
}
.flex-control-nav {
bottom: 40px;
}
.flex-control-paging li a {
background: #aaa;
}
.flex-control-paging li a.flex-active {
background: #ffda44;
}
section.home-slider {
padding: 0;
}
.flexslider {
border: none;
border-radius: 0;
margin: 0;
}
/* .flexslider li.has-overlay:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: " ";
} */
.flexslider li.has-overlay {
position: relative;
overflow: hidden;
}
.flexslider li.has-overlay::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px; /* Adjust based on your bottom image height */
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain; /* Or 'cover' if you want it to stretch */
z-index: 2;
pointer-events: none;
}
.slider-content {
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 5;
width: 100%;
}
.flexslider .slides>li {
position: relative;
}
.slider-content h2 {
font-size: 50px;
color: #fff;
font-weight: bold;
line-height: 1.2;
margin: 0 0 30px;
}
.slider-content p {
font-size: 20px;
color: #fff;
line-height: 1.4;
font-weight: 100;
margin: 0 0 40px;
}
.slider-content .primary-btn {
border-radius: 3px;
/* background: #FFDA44; */
background: #0aaffc;
font-size: 20px;
font-family: "Roboto Condensed";
/* color: #4c443a; */
color: #fff;
font-weight: bold;
padding: 0 40px;
/* line-height: 60px; */
line-height: 50px;
border-radius: 30px;
}
.slider-content .primary-btn i {
padding-left: 10px;
}
.slider-content .primary-btn:hover {
/* background: #ECC124; */
background: #22234b;
}
@media all and (max-width: 991px) {
.slider-content h2 {
font-size: 44px;
margin-bottom: 25px;
}
.slider-content p {
font-size: 18px;
margin-bottom: 36px;
}
.slider-content .primary-btn {
font-size: 18px;
line-height: 54px;
border: none;
}
/* .flexslider .slides>li {
height: 500px;
} */
.flexslider .slides>li img {
height: 100%;
-webkit-object-fit: cover;
-moz-object-fit: cover;
-ms-object-fit: cover;
object-fit: cover;
}
}
@media all and (max-width: 767px) {
.slider-content h2 {
font-size: 40px;
margin-bottom: 20px;
}
.slider-content p {
font-size: 17px;
margin-bottom: 30px;
line-height: 1.6;
}
.slider-content .primary-btn {
font-size: 16px;
line-height: 48px;
padding: 0 30px;
border: none;
}
.flex-direction-nav {
display: none;
}
}
@media all and (max-width: 600px) {
.slider-content h2 {
font-size: 36px;
margin-bottom: 15px;
}
.slider-content p {
font-size: 16px;
margin-bottom: 25px;
line-height: 1.6;
}
/* .flexslider .slides>li {
height: 420px;
} */
}
@media all and (max-width: 480px) {
.slider-content h2 {
font-size: 30px;
margin-bottom: 12px;
}
.slider-content p {
font-size: 14px;
}
/* .flexslider .slides>li {
height: 450px;
} */
}
@media all and (max-width: 400px) {
.slider-content h2 {
font-size: 24px;
margin-bottom: 12px;
}
}
/* --------------- Homepage Content --------------- */
h2.color-title {
font-size: 35px;
font-family: "Roboto";
font-weight: bold;
color: #22234b;
/* background: #ffda44; */
text-align:start;
margin: 0;
/* padding: 0 15px; */
padding: 5px 15px;
line-height: 28px;
}
h4.subtitle {
font-size: 20px;
font-family: "Roboto";
/* color: #093eb6; */
color: #22234b;
font-weight: bold;
line-height: 1.4;
margin: 20px 0;
}
/*Company Section*/
.company-image {
position: relative;
/* min-height: 370px; */
min-height: 330px;
}
.company-image>div {
position: absolute;
}
.company-image .img-left {
width: 55%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.company-image .img-right {
width: 85%;
right: 0;
}
.company-image .img-left img,
.company-image .img-right img {
height: 100%;
min-width: 100%;
-webkit-object-fit: cover;
-moz-object-fit: cover;
-o-object-fit: cover;
-ms-object-fit: cover;
object-fit: cover;
}
.company {
display: flex;
align-items: center;
}
@media all and (max-width: 991px) {
.company {
display: block;
text-align: center;
}
.company>div {
margin: 0 auto 30px;
float: none;
}
.company>div:last-child {
margin-bottom: 0;
}
.company-image {
width: 700px;
max-width: 100%;
margin: 0 auto;
}
.company-image>div.hover-effect {
width: auto;
}
}
@media all and (max-width: 787px) {
.company>div {
margin-bottom: 40px;
}
.company-image>div.hover-effect {
position: relative;
top: 0;
transform: inherit;
}
.company-image .img-left {
margin-bottom: 30px;
}
}
/*Ceo Section*/
section.home-ceo {
background: #f4f5f8;
padding: 0;
}
.row.ceo {
display: flex;
align-items: flex-end;
}
.row.ceo>div {
display: block;
}
.ceo-details {
padding: 45px 0;
}
.ceo-details h4.subtitle {
font-size: 27px;
}
.ceo-details p {
margin-bottom: 32px;
}
.ceo-details p.ceo-name {
margin-bottom: 0;
color: #303539;
}
a.link {
font-size: 16px;
font-family: "Roboto";
color: #ffbe00;
font-weight: bold;
text-transform: uppercase;
}
a.link:hover {
color: #194ABA;
}
@media all and (max-width: 991px) {
.row.ceo {
display: block;
text-align: center;
}
}
/*Home Links Section*/
section.home-links {
background: #f4f5f8;
padding: 30px 0;
}
.row.links>div+div {
width: auto;
}
.links h4.subtitle {
margin: 0;
line-height: 48px;
}
.links .btn-primary {
border-radius: 3px;
background: #fff;
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
font-size: 17px;
font-family: "Roboto";
color: #72777b;
font-weight: bold;
padding: 0 34px;
}
.links .btn-primary:hover {
background: #093EB6;
color: #fff;
}
@media all and (max-width: 1199px) {
section.home-links {
padding: 50px 0;
}
.row.links {
text-align: center;
}
.row.links>div:first-child {
display: block;
float: none;
width: auto;
}
.links h4.subtitle {
line-height: 1;
}
.row.links>div+div {
display: inline-block;
float: none;
margin-top: 30px;
}
}
@media all and (max-width: 480px) {
.row.links>div+div {
display: block;
float: none;
margin-top: 30px;
}
.links .btn-primary {
width: 100%;
}
}
/*Process Section*/
h2.title-2 {
font-size: 40px;
font-family: "Roboto";
/* color: #093EB6; */
color: #22234b;
font-weight: bold;
margin: 0;
}
h4.subtitle-2 {
font-size: 20px;
font-family: "Roboto";
color: #4C4F54;
font-weight: bold;
line-height: 1.4;
margin: 10px 0 20px;
}
@media all and (max-width: 767px) {
h2.title-2 {
font-size: 30px;
}
h4.subtitle-2 {
font-size: 16px;
}
.row.process>div {
margin-bottom: 40px;
}
.row.process>div:last-child {
margin-bottom: 0;
}
}
/* section.home-stats-1.counter-1::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url('../img/footer-top.webp');
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
z-index: 2;
pointer-events: none;
}
section.home-stats-1.counter-1::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url('../img/banner-bottom.webp');
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
z-index: 2;
pointer-events: none;
}
section.home-stats-1 {
position: relative;
padding: 60px 0 !important;
} */
/*Stats Section*/
section.home-stats {
background: #f4f5f8;
padding: 30px 0;
}
section.home-stats.counter-1{
padding: 60px 0;
/*background-image: url(../img/counter-1.webp);*/
background-image: url(../img/fis-background-counter.webp);
background-size: cover;
background-position: center;
position: relative;
}
section.home-stats.counter-1::before{
position: absolute;
top: 0px;
left: 0px;
content: "";
background-color: #00000087;
width: 100%;
height: 100%;
}
.counter-1 .stats-info h4 span.counter{
color: #fff !important;
}
.counter-1 .stats-info p{
color: #fff !important;
}
.counter-1 .stats-info h4{
color: #fff !important;
}
.clients-home .partner-images{
border: 2px solid #22234b !important;
}
.Brands .hover-effect{
border: 1px solid #22234b;
background: transparent;
}
.Brands .hover-effect:hover img{
opacity: 1;
}
.flip {
position: relative;
/* width: 300px; */
height: 250px;
perspective: 1000px;
border: 2px solid #22234b;
}
.front, .back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
transition: transform 0.6s;
}
.front {
z-index: 2;
transform: rotateY(0deg);
}
.front img {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures image fills the container */
}
.back {
display: flex;
flex-direction: column;
justify-content: center; /* Ensures vertical centering */
align-items: center; /* Ensures horizontal centering */
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotateY(-180deg);
background: #22234b;
color: white;
padding: 20px;
box-sizing: border-box;
}
.back h2 {
font-size: 18px;
margin: 0; /* Removes extra space */
padding: 0;
}
.flip:hover .front {
transform: rotateY(180deg);
}
.flip:hover .back {
transform: rotateY(0deg);
opacity: 1;
}
.flip .btn-default:hover{
background: #fff;
color: #000;
}
.back h4 {
font-size: 20px;
font-family: "serif";
/* color: #093eb6; */
color: #fff;
font-weight: bold;
line-height: 1.4;
margin: 20px 0;
}
ul.brands-dropdown {
min-width: 160px !important;
text-align: center;
}
.brands-dropdown img{
width: 70%;
}
.brands-dropdown-1 img{
width: 70%;
}
.Brands-logo{
border: 1px solid #000;
text-align: center;
margin-bottom: 30px;
padding: 20px;
}
.brands-inner{
padding: 70px 0;
}
@media all and (max-width: 991px) {
.brands-dropdown img{
width: 30%;
}
}
.row.stats>div {
padding: 20px 15px;
border-left: 1px solid #dee0e5;
}
.row.stats>div:first-child {
border-left: none;
}
.row.stats>div:after {
display: block;
content: "";
clear: both;
}
.stats img {
float: left;
padding-right: 12px;
}
.stats-info h4.counter {
font-size: 36px;
font-family: "Roboto";
/* color: #093eb6; */
color: #22234b;
font-weight: bold;
margin: 0;
line-height: 1;
}
.stats-info h4 span.counter {
font-size: 36px;
font-family: "Roboto";
/* color: #093eb6; */
color: #22234b;
font-weight: bold;
margin: 0;
line-height: 1;
/* padding-left: 5px; */
}
.stats-info h4 {
font-size: 36px;
}
.stats-info {
float: left;
}
.stats-info p {
margin-bottom: 0;
}
@media all and (max-width: 1099px) {
.stats img {
float: none;
display: inline-block;
padding: 0;
}
.row.stats {
text-align: center;
}
.stats-info {
float: none;
display: block;
margin-top: 20px;
}
}
@media all and (max-width: 991px) {
section.home-stats {
padding: 0;
}
.row.stats>div {
padding: 30px 20px;
border-bottom: 1px solid #dee0e5;
border-left: 1px solid #dee0e5;
}
.row.stats>div:nth-child(3),
.row.stats>div:nth-child(4) {
border-bottom: 0;
}
}
@media all and (max-width: 480px) {
.row.stats>div {
float: none;
display: block;
width: 100%;
}
.row.stats>div:nth-child(3) {
border-bottom: 1px solid #dee0e5;
}
}
/* brands */
.brands_title {
margin-bottom: 30px;
}
.brands_logo {
display: flex;
gap: 40px;
align-items: center;
justify-content: center;
margin-top: 25px;
}
/* end brands */
/*Services Section*/
.services-other .img-box {
float: left;
margin-right: 22px;
display: inline-block;
width: 78px;
height: 78px;
line-height: 74px;
text-align: center;
border: 2px solid #FFDA44;
}
.services-other .services-info {
width: 100%;
padding-left: 100px;
}
.services-other .services-info h4 {
margin: 0 0 10px;
line-height: 1;
}
.services-other .services-info p {
margin-bottom: 0;
}
.row.service-list {
margin: 0;
}
@media all and (max-width: 1099px) {
.row.services-other {
text-align: center;
}
.services-other .img-box {
float: none;
margin: 0;
}
.services-other .services-info {
padding: 30px 0 0;
}
}
@media all and (max-width: 991px) {
.row.services {
text-align: center;
}
.row.services>div {
width: 500px;
margin: 0 auto 40px;
max-width: 100%;
}
.row.services>div:last-child {
margin-bottom: 0;
}
.row.services-other>div {
margin-bottom: 45px;
}
.row.services-other .clearfix {
display: none;
}
.row.services-other>div:last-child {
margin-bottom: 0;
}
.about-services .row.services {
text-align: left;
}
.about-services .row.services>div {
width: 50%;
}
.about-services .row.services a {
display: block;
}
}
@media all and (max-width: 767px) {
.about-services .row.services {
text-align: center;
}
.about-services .row.services>div {
width: 500px;
}
}
/*Testimonials Section*/
section.home-testimonials {
background: #f4f5f8;
}
.section-title h2.title-2 {
margin: 20px 0;
}
.home-testimonials blockquote {
background: #ffffff;
font-size: 19px;
font-family: "Georgia";
color: #677078;
line-height: 1.684;
text-align: left;
border: none;
margin: 0 0 50px;
/* padding: 40px 33px; */
padding: 50px 33px;
position: relative;
text-align: justify !important;
}
.home-testimonials blockquote:hover {
box-shadow: 16px 27px 49px 0px rgba(0, 0, 0, 0.1);
}
.home-testimonials blockquote:before {
content: open-quote;
display: block;
font-size: 121px;
font-family: Georgia, Times, 'Times New Roman', serif;
/* color: rgba(255, 218, 68, 0.3); */
color: #22234ba3;
position: absolute;
line-height: 60px;
left: 20px;
top: 30px;
}
.home-testimonials blockquote:after {
content: close-quote;
font-size: 0;
display: block;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 20px solid #fff;
border-bottom: 0;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
h4.client-name {
font-size: 20px;
font-family: "Roboto";
/* color: #093eb6; */
/* color: #1593ce; */
color: #22234b;
font-weight: bold;
line-height: 1.4;
margin: 10px 0;
text-align: center;
}
p.designation {
text-align: center;
margin: 0;
float: none;
width: 100%;
}
@media all and (max-width: 991px) {
.home-testimonials .row>div {
width: 400px;
max-width: 100%;
margin: 0 auto 50px;
}
.home-testimonials .row>div:last-child {
margin-bottom: 0;
}
section.home-testimonials .spacer-50 {
height: 20px;
}
}
/* Blog Section */
section.home-news {
background: #f4f5f8;
}
.news .blog-date {
position: absolute;
display: block;
padding: 10px;
background: #093eb6;
top: 12px;
right: 12px;
z-index: 100;
}
.blog-img-box {
position: relative;
display: block;
}
.blog-img-box a.hover-effect {
z-index: 0;
width: 100%;
}
.blog-img-box img {
width: 100%;
}
span.month {
display: block;
font-size: 13px;
color: rgba(255, 255, 255, 0.78);
margin-bottom: 8px;
}
span.date {
font-size: 28px;
font-family: "Roboto Condensed";
color: #ffffff;
font-weight: bold;
line-height: 1;
}
.blog-content {
background: #fff;
box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.15);
padding: 25px 20px;
}
.blog-content h3 {
font-size: 20px;
font-family: "Roboto";
color: #41454f;
font-weight: bold;
line-height: 1.4;
margin: 0 0 20px;
}
.blog-content h3 a {
color: #41454f;
}
.blog-content h3 a:hover {
color: #093eb6;
}
.blog-content p {
color: #AEB3B7;
margin-bottom: 0;
}
.blog-content a {
color: #093eb6;
}
.blog-content a:hover {
color: #002D92;
}
.blog-btn {
margin-top: 40px;
}
@media all and (max-width: 991px) {
.row.news {
text-align: center;
}
.row.news>div {
width: 500px;
margin: 0 auto 40px;
max-width: 100%;
}
.row.news>div:last-child {
margin-bottom: 0 !important;
}
.blog-services .row.news>div {
width: 50%;
}
.blog-services .row.news>div.clearfix {
display: none;
}
}
@media all and (max-width: 767px) {
.blog-services .row.news>div {
width: 400px;
margin: 0 auto 40px;
}
}
@media all and (max-width: 400px) {
.blog-content h3 {
font-size: 18px;
}
}
/*blog single styles*/
.blog-slide {
position: relative;
margin-bottom: 50px;
}
.blog-slide .flex-direction-nav a {
width: 32px;
height: 49px;
}
.blog-slide .flex-direction-nav a:before {
background: url('../images/blog-arrow-left.png') no-repeat;
width: 32px;
height: 49px;
}
.blog-slide .flex-direction-nav a.flex-next:before {
content: " ";
background: url('../images/blog-arrow-right.png') no-repeat;
}
.blog-slide:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.blog-slide:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.blog-slide:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.blog-slide:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
p.description a {
text-decoration: underline;
color: #e2ebff;
display: inline-block;
}
p.description a:hover {
color: #aaa;
}
.blog-single .cta {
margin: 60px 0;
}
.blog-single h2.title-2 {
font-size: 30px;
margin-bottom: 25px;
}
.social-share {
padding: 50px 0;
}
.social-share a {
font-size: 15px;
color: #FFFFFF;
text-transform: uppercase;
background: #506abf;
padding: 0 25px;
line-height: 50px;
display: inline-block;
margin: 0 15px;
border-radius: 4px;
}
.social-share a:hover {
background: #2E49A0;
}
.social-share a i {
padding-right: 15px;
font-size: 18px;
}
.social-share a.tweet-share {
background: #00baff;
}
.social-share a.tweet-share:hover {
background: #118EBD;
}
.author-box {
background: #f4f5f8;
padding: 30px;
margin-bottom: 60px;
}
.author-box img {
float: left;
margin-right: 15px;
}
.author-details {
padding-left: 135px;
}
.author-details h4.subtitle {
margin: 0 0 5px;
font-size: 24px;
}
.author-share a {
color: #c5c6c9;
padding-right: 15px;
font-size: 15px;
}
.author-share a:hover {
color: #888;
}
.blog-single .comments h2.title-2 {
margin: 10px 0 35px;
}
.comments {
padding-left: 39px;
}
.comments-single {
padding: 30px 30px 20px 60px;
border-style: solid;
border-width: 1px;
border-color: #bbd4e6;
border-radius: 3px;
margin-bottom: 35px;
position: relative;
}
.comments-single.reply {
margin-left: 40px;
}
.comments-single img {
position: absolute;
left: -39px;
border: 1px solid #bbd4e6;
padding: 4px;
border-radius: 50%;
background: #FFF;
}
.comments-single h3 {
font-size: 20px;
color: #333845;
font-weight: bold;
margin: 0 0 15px;
}
.comments-single h3 span {
font-size: 16px;
color: #677078;
font-weight: normal;
padding-left: 15px;
}
.comments-single a.reply-link {
font-size: 16px;
}
.comment-box {
margin-top: 60px;
}
form.commentform {
padding: 35px 40px;
margin: 10px 0 0;
background: #f4f5f8;
}
form.commentform .form-control {
margin-bottom: 20px;
}
@media all and (max-width: 600px) {
.social-share a {
margin-bottom: 20px;
}
.social-share a:last-child {
margin-bottom: 0;
}
.author-box img {
float: none;
display: inline-block;
margin: 0 0 25px;
}
.author-box {
text-align: center;
}
.author-details {
padding-left: 0;
}
.comments-single {
padding: 50px 25px 25px;
margin: 80px 0px;
}
.comments-single img {
left: 50%;
top: -39px;
transform: translateX(-50%);
}
.comments .comments-single:last-child {
margin-bottom: 0;
}
.comments {
padding: 0;
}
.comments-single p {
font-size: 15px;
}
}
@media all and (max-width: 400px) {
.comments-single p {
font-size: 14px;
}
form.commentform {
padding: 25px 20px;
}
}
/*Career Single Styles*/
.row.career-info {
margin: 0;
}
.row.career-info>div {
padding: 0;
}
.career-box {
padding: 30px 35px;
background: #ffda44;
}
.career-box i {
font-size: 20px;
color: #000;
float: left;
width: 20px;
margin-right: 15px;
text-align: right;
}
.career-box h4 {
font-size: 20px;
color: #000;
font-weight: bold;
margin: 0 0 15px;
padding-left: 35px;
}
.career-box p {
margin-bottom: 0;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding-left: 35px;
}
.job-info h2.title-2 {
padding-bottom: 30px;
font-size: 28px;
line-height: 1;
}
.career-single-job p {
margin-bottom: 30px;
}
.response {
margin-bottom: 50px;
}
.response ul li {
font-size: 16px;
color: #1D1D1F;
padding: 15px 0;
border-bottom: 2px solid #f4f5f8;
position: relative;
padding-left: 30px;
}
.response ul li:first-child {
padding-top: 0;
}
.response ul li:last-child {
border-bottom: 0;
}
.response ul li i.fa {
color: #ffda43;
padding-right: 15px;
font-size: 17px;
position: absolute;
top: 20px;
left: 0;
}
.response ul li:first-child i.fa {
top: 7px;
}
.response-btn {
padding: 30px 15px;
background: #f4f5f8;
}
.response-btn a.btn {
padding: 0 60px;
background: #ffda44;
color: #544d33;
}
.response-btn a.btn:hover {
background: #ECC124;
}
@media all and (max-width: 991px) {
section.career-single-job {
padding-bottom: 30px;
}
}
/* Partners Section */
section.home-partners h2.title-2 {
margin-top: 0;
}
.row.partners {
margin: 0;
}
.partner-images {
border-radius: 3px;
border: 1px solid rgba(244, 244, 244, 0.8);
background: #ffffff;
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
text-align: center;
line-height: 100px;
margin: 10px 0;
}
.owl-carousel .owl-item img {
width: auto;
height: 50%;
display: inline-block;
}
/* Publications Section */
.panel-group,
.plubication-downloads {
border: 1px solid rgba(244, 244, 244, 0.8);
background: #ffffff;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.panel-group .panel-default {
background: #fff;
border: none;
border-radius: 0;
}
.panel-group .panel+.panel {
margin-top: 2px;
}
.panel-default>.panel-heading {
background: #ffffff;
box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.15);
padding: 0;
border-radius: 0;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.panel-default>.panel-heading:hover {
background: #f9f9f9;
}
h4.panel-title {
font-size: 20px;
font-family: "Roboto";
font-weight: bold;
line-height: 1;
padding: 22px;
}
.panel-default>.panel-heading a {
color: #093EB6;
display: block;
position: relative;
}
.panel-default>.panel-heading a:hover {
color: #002D92;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border: none;
padding: 20px 22px;
}
.panel-default .panel-body p {
margin-bottom: 0;
}
.panel-default>.panel-heading a:after {
content: "-";
position: absolute;
font-size: 29px;
font-family: "Roboto";
color: #dadcdd;
line-height: 20px;
right: 0px;
top: 0px;
font-weight: 400;
}
.panel-default>.panel-heading a.collapsed:after {
content: "+";
}
.plubication-downloads h2 {
border: 1px solid #f4f4f4;
background: #093EB6;
font-size: 20px;
font-family: "Roboto";
color: #FFFFFF;
font-weight: bold;
padding: 22px;
margin: 0;
}
.download-file {
border: 1px solid rgba(244, 244, 244, 0.8);
background: #ffffff;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
padding: 0 20px;
margin: 20px 30px;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.download-file i {
color: #fb1212;
font-size: 22px;
line-height: 50px;
}
.download-file:hover {
background: #4C4F54;
}
.download-file:hover i,
.download-file:hover a,
.download-file:hover span {
color: #fff;
}
.download-file a {
font-size: 20px;
font-weight: bold;
padding-left: 15px;
line-height: 50px;
color: #093eb6;
display: block;
}
.download-file span {
float: right;
font-size: 14px;
color: #677078;
line-height: 50px;
display: inline-block;
}
.plubication-downloads ul {
padding: 0 30px 20px;
}
ul.download-list li {
font-size: 17px;
color: #093eb6;
line-height: 1;
padding: 15px 5px;
border-bottom: 1px solid #f4f5f8;
font-weight: 100;
position: relative;
}
ul.download-list li a:hover {
color: #FFDA44;
}
ul.download-list li:last-child {
border-bottom: 0;
}
.plubication-downloads p.download-title {
font-size: 14px;
color: #9EA6AE;
line-height: 1;
padding: 0 30px;
}
ul.download-list li span {
position: absolute;
right: 5px;
}
@media all and (max-width: 767px) {
.publications .panel-group {
margin-bottom: 40px;
}
}
@media all and (max-width: 400px) {
h4.panel-title {
font-size: 18px;
padding: 18px;
}
.download-file {
padding: 0 15px;
margin: 15px 20px 25px;
}
.download-file a {
font-size: 18px;
}
.download-file i {
font-size: 19px;
}
.download-file span {
display: none;
}
ul.download-list li span {
position: relative;
display: block;
margin-top: 10px;
left: 0;
}
.plubication-downloads ul {
padding: 0 20px 20px;
}
}
/* about */
/* .about-banner{
background-image: url(../img/banner-sample.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.about-banner::before{
position: absolute;
top: 0;
left: 0px;
content: "";
width: 100%;
height: 100%;
background-color: #22234ba3;
} */
/* .about-banner {
position: relative;
width: 100%;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
color: white;
}
.about-banner::before{
position: absolute;
top: 0;
left: 0px;
content: "";
width: 100%;
height: 100%;
background-color: #22234ba3;
}
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 35, 75, 0.65);
z-index: -1;
}
.about-banner h2 {
position: relative;
z-index: 9999;
font-size: 3rem;
font-weight: bold;
} */
.page-title {
position: relative;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: rgba(0, 0, 0, 0.6); */
background: #22234ba3;
z-index: 2;
}
.title {
color: white;
font-size: 3rem;
font-weight: bold;
z-index: 3;
position: relative;
text-transform: uppercase;
letter-spacing: 2px;
}
.page-title.text-center.about-banner h2 {
margin: 0px;
}
/*Footer Styles*/
.pre-footer>div {
padding: 0;
}
.contact-box {
padding: 30px 40px;
/* background: #ffda44; */
/* background: #1593cea6; */
background: #1593ce;
}
.pre-footer>div:nth-child(2n) .contact-box {
/* background: #ffd427; */
/* background: #1593cee3; */
/* background: #2fbdffe3; */
background: #2fbdff;
/* padding-bottom: 36px; */
padding-bottom: 5.5px;
}
.pre-footer>div:nth-child(3n) .contact-box {
/* background: #ffd013; */
background: #1593ce;
/* padding-bottom: 36px; */
padding-bottom: 48.5px;
}
@media(min-width:1440px){
.pre-footer>div:nth-child(3n) .contact-box{
padding-bottom:48px
}
}
@media(max-width:1024px){
.pre-footer>div:nth-child(3n) .contact-box{
padding-bottom:24px;
}
}
.contact-box i.fa {
font-size: 20px;
/* color: #000; */
color: #fff;
/* float: left; */
width: 20px;
margin-right: 15px;
text-align: right;
}
/*.contact-details {
padding-left: 35px;
}*/
h4.pre-footer-title {
font-size: 20px;
/* color: #000; */
color: #fff;
margin-right: 30px;
font-weight: bold;
/* margin: 0 0 15px; */
}
.contact-details p {
font-size: 16px;
font-family: "Roboto";
/* color: rgba(0, 0, 0, 0.8); */
color: #fff;
line-height: 1.5;
margin-bottom: 0;
}
.contact-details a {
font-size: 16px;
font-family: "Roboto";
/* color: rgba(0, 0, 0, 0.8); */
color: #fff;
margin-right: 16px;
line-height: 1.5;
margin-bottom: 0;
}
footer .footer {
padding: 0;
/* background: #03153e; */
background: #D3D3D3 !important;
background-image: url(../img/footer-background.jpg);
background-repeat: no-repeat;
background-size: contain;
}
footer .footer .widgets {
padding: 0 0 40px;
}
footer .copyright {
/* padding: 35px 0; */
padding: 15px 0;
background: black;
}
.about-txt img {
margin-bottom: 30px;
}
.about-txt p {
/*color: rgba(255, 255, 255, 0.5);*/
color: black;
text-align: justify;
}
.widgets-social a {
/* background: #ffda44; */
background: #1593ce;
width: 36px;
height: 36px;
/* color: #000; */
color: #fff;
display: inline-block;
line-height: 36px;
text-align: center;
margin-right: 10px;
border-radius: 50%;
font-size: 15px;
}
.widgets-social a:last-child {
margin: 0;
}
.widgets-social a:hover {
transform: rotate(360deg);
/* background: #EABA0E; */
background: #fff;
color: #000;
}
h2.widget-title {
font-size: 20px;
color: black;
font-weight: bold;
line-height: 1;
margin: 30px 0;
text-transform: uppercase;
}
.quick-links ul li a,
.our-services ul li a {
/*color: rgba(255, 255, 255, 0.5);*/
color: black;
line-height: 1.6;
font-size: 16px;
padding-bottom: 15px;
display: block;
}
.quick-links ul li a:hover,
.our-services ul li a:hover {
/*color: rgba(255, 255, 255, 0.7);*/
color: rgb(0 18 119 / 70%);
}
.newsletter p {
color: rgba(255, 255, 255, 0.5);
}
.newsletter .form-group {
margin-bottom: 15px;
}
.newsletter .has-error .help-block {
color: #ECB100;
}
.newsletter input {
padding: 0 15px;
line-height: 48px;
border: none;
font-size: 16px;
width: 100%;
}
.newsletter button {
font-size: 18px;
font-family: "Roboto Condensed";
color: rgb(0, 0, 0);
font-weight: bold;
line-height: 48px;
border: none;
border-radius: 0;
padding: 0;
background: #ffd427;
}
.newsletter button:hover {
background: #ECC124;
color: #000;
outline: none;
}
.copyright-bar p {
font-size: 14px;
/* color: rgba(255, 255, 255, 0.33); */
color: white;
line-height: 1.857;
margin-bottom: 0;
font-weight: bold;
}
.copyright-bar a {
/* color: rgba(255, 255, 255, 0.5); */
padding-right: 15px;
color: white;
font-weight: bold;
}
.copyright-bar a:hover {
/* color: rgba(255, 255, 255, 0.7); */
color: #4fbca9;
}
.copyright-bar span {
padding-right: 15px;
}
.row.pre-footer {
position: relative;
/*top: -73px;*/
top: -40px;
}
@media all and (max-width: 1120px) {
.contact-box {
padding: 30px 18px;
}
}
@media all and (max-width: 991px) {
.widget {
width: 84%;
}
h2.widget-title {
margin-top: 0;
}
.copyright-bar>div {
text-align: center;
padding-top: 15px;
}
.copyright-bar>div:first-child {
padding-top: 0;
}
.row.pre-footer {
padding: 0 15px;
}
.pre-footer>div {
width: 100%;
}
}
@media all and (max-width: 767px) {
.widget {
width: 96%;
max-width: 500px;
margin-bottom: 40px;
}
.widgets>div:last-child .widget {
margin-bottom: 0;
}
.widgets-social {
padding-bottom: 18px;
}
}
@media all and (max-width: 480px) {
.copyright-bar span {
display: block;
visibility: hidden;
height: 5px;
}
}
/*Contact Page Styles*/
.contact-area-box {
border: 1px solid rgba(244, 244, 244, 0.8);
background: #ffffff;
box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
padding: 25px 30px;
}
.contact-area-box h4.subtitle {
margin: 0 0 25px;
}
.contact-area-box i {
font-size: 18px;
color: #e5e5e5;
float: left;
width: 20px;
margin-right: 20px;
margin-top: 7px;
}
.contact-area-box p {
display: block;
padding-left: 40px;
}
.row.form h2.title-2 {
font-size: 30px;
margin-bottom: 35px;
}
.contact-map {
position: relative;
}
.contact-map ul.nav-pills {
position: absolute;
left: 0;
margin: 20px 30px;
z-index: 5;
}
.google-map {
height: 550px;
}
.contact-map ul.nav-pills li a {
font-size: 17px;
color: #677078;
padding: 0 35px;
line-height: 40px;
background: #f4f5f8;
border-right: 1px solid #e8e8e8;
border-radius: 0px;
}
.contact-map ul.nav-pills li:first-child a {
border-radius: 3px 0px 0px 3px;
}
.contact-map .nav-pills>li+li {
margin: 0;
}
.contact-map .nav-pills>li:last-child a {
border: 0;
}
.contact-map ul.nav-pills li a:hover,
.contact-map ul.nav-pills li a:focus,
.contact-map ul.nav-pills li.active a,
.contact-map ul.nav-pills li.active a:hover,
.contact-map ul.nav-pills li.active a:focus,
.contact-map ul.nav-pills li a:hover {
color: #544d33;
background: #ffda44;
border-color: transparent;
}
.contact-map iframe {
width: 100%;
border: none;
}
section.contact-form {
padding: 0 0 80px;
}
.well-form {
padding: 30px;
background: #f4f5f8;
}
.help-block {
margin-top: 15px;
font-size: 14px;
}
.alert {
border-radius: 0;
}
.error-msg {
margin-top: 20px;
margin-bottom: 0;
text-align: center;
}
.form-group {
margin-bottom: 30px;
}
.form-control {
border: 1px solid rgba(244, 244, 244, 0.8);
background: #ffffff;
box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
border-radius: 0;
line-height: 48px;
height: auto;
padding: 0 20px;
}
.form-control:focus {
border: 1px solid rgba(244, 244, 244, 0.8);
box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.2);
}
textarea.form-control {
min-height: 160px;
}
button.btn.btn-warning {
padding: 0;
line-height: 60px;
border-radius: 0;
border: none;
font-size: 19px;
font-weight: bold;
/* background: #093eb6; */
background: #22234b;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.has-error .form-control,
.has-error .form-control:focus {
border-color: #D66260;
-webkit-box-shadow: none;
box-shadow: none;
}
button.btn.btn-warning:hover {
background: #002D92;
}
@media (max-width: 1199px) and (min-width:991px) {
.contact-map ul.nav-pills li a {
font-size: 16px;
padding: 0 24px;
}
}
@media all and (max-width: 991px) {
.row.contact-centers>div {
width: 400px;
max-width: 100%;
margin: 0 auto 40px;
}
.row.contact-centers>div:last-child {
margin-bottom: 0;
}
.row.form {
text-align: center;
}
.row.form>div {
width: 600px;
max-width: 100%;
margin: 0 auto 50px;
}
.row.form>div:last-child {
margin-bottom: 0;
}
.contact-map iframe {
max-width: 100%;
min-height: 500px;
height: auto;
}
}
@media all and (max-width: 600px) {
.contact-map ul.nav-pills li {
float: none;
margin-bottom: 5px;
}
.contact-map ul.nav-pills li a {
border-radius: 3px !important;
border: none;
}
.contact-map iframe {
min-height: 400px;
}
}
@media all and (max-width: 480px) {
.contact-area-box {
padding: 15px 20px;
}
.contact-area-box i {
margin-right: 0;
font-size: 16px;
margin-top: 5px;
}
.contact-area-box p {
padding-left: 25px;
font-size: 14px;
}
.well-form {
padding: 30px 25px;
}
}
/* About Page */
section.about-company {
padding-bottom: 0;
}
.about-content {
float: right;
}
/* Call to action */
section.about-cta {
padding: 50px 0 0;
}
.cta {
padding: 40px 45px;
/* background: #ffda44; */
background: #1593ce;
}
.cta h2 {
font-size: 33px;
/* color: rgb(103, 95, 63); */
color: #fff;
line-height: 1.455;
text-align: left;
margin: 0;
font-family: "Georgia";
}
@media all and (max-width: 991px) {
.about-content {
float: none;
}
}
@media all and (max-width: 480px) {
.cta {
padding: 20px 25px;
}
.cta h2 {
font-size: 26px;
}
}
.feature-list {
list-style: none;
padding: 0;
/* max-width: 700px; */
margin: auto;
}
.feature-item {
display: flex;
align-items: center;
background: #fff;
padding: 10px;
margin: 10px 0;
border-radius: 8px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.feature-item i {
background: #1c1f3a;
color: white;
padding: 10px;
border-radius: 50%;
margin-right: 15px;
}
.feature-text {
font-size: 16px;
color: #555;
}
/* clients */
/* // */
.clients-section {
padding-top: 50px;
}
.clients {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.clients-border>li {
position: relative;
}
.clients li {
height: 150px;
/* margin: 0 41px; */
margin: 35px 41px;
width: 150px;
display: inline-block;
cursor: pointer;
}
.clients>li img {
filter: gray;
/* -webkit-filter: grayscale(1);
filter: grayscale(1); */
position: relative;
z-index: 9;
margin: 0 auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.clients li img {
max-width: 80%;
-webkit-transition: all .35s ease-in-out;
-o-transition: .35s all ease-in-out;
transition: all .35s ease-in-out;
}
.clients-border>li:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
/* border: 1px solid #eee; */
border: 2px solid #22234b;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
top: 0;
}
.slick-slider.clients-slider.slick-initialized {
display: none;
}
.img-responsive:hover {
transform: rotate(-360deg);
/* transition: all 0.5s ease-in-out; */
animation-play-state: paused;
top: 30%;
}
/* // */
.clients_inner {
text-align: center;
}
.clients .col-md-2 {
margin: 15px 15px;
/* margin: 15px 19px; */
border: 1px solid #22234b;
}
/* @media screen and (max-width: 1024px) {
.clients .col-md-2 {
margin: 15px 17px;
}
} */
@media screen and (max-width: 320px) {
.clients .col-md-2 {
margin: 15px 14px;
}
}
/* end clients */
/* Culture */
.culture h2.culture-title {
font-size: 28px;
font-family: "Roboto";
/* color: #093EB6; */
color: #22234b;
font-weight: bold;
line-height: 1;
margin: 0 0 25px;
}
.culture h4.culture-subtitle {
font-size: 20px;
font-family: "Roboto";
color: rgb(76, 79, 84);
font-weight: bold;
line-height: 1.4;
margin: 0 0 15px;
}
.culture-video {
text-align: right;
}
.culture-video img {
border: 10px solid #f9f9f9;
box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}
.Awards img {
padding-right: 33px;
}
@media screen and (max-width: 1024px) {
.Awards img {
padding-right: 0px;
}
}
@media all and (max-width: 767px) {
.culture-video {
text-align: left;
}
}
/* scope */
ul.scope {
padding-left: 20px;
}
ul.scope li {
list-style: disc;
font-size: 16px;
}
/*stats section*/
section.about-stats {
padding-top: 0;
}
.row.stats.stats-2 {
background: #f4f5f8;
}
.row.stats.stats-2>div {
padding: 30px 20px 40px 50px;
border: 1px solid #e9ebef;
}
.row.stats.stats-2>div:first-child {
border-top: 0;
border-left: 0;
}
.row.stats.stats-2>div:nth-child(2) {
border-top: 0;
border-right: 0;
}
.row.stats.stats-2>div:nth-child(3) {
border-left: 0;
border-bottom: 0;
}
.row.stats.stats-2>div:nth-child(4) {
border-right: 0;
border-bottom: 0;
}
@media (max-width: 1099px) {
.row.stats.stats-2>div {
padding: 30px 20px;
}
}
/* Accordion */
section.about-accordion {
padding: 0;
}
@media (max-width: 991px) {
section.about-accordion {
padding: 0 15px;
}
}
section.about-innovations {
padding: 0 0 40px;
}
/*Tools Section*/
section.about-tools {
padding: 5px 0 20px;
}
.row.tools {
margin: 0;
}
.row.tools>div {
padding: 40px 30px;
background: transparent;
border: 1px solid #f9f9f9;
}
.icon-container {
height: 50px;
}
.row.tools>div p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.row.tools>div {
width: 400px;
margin: 0 auto;
max-width: 100%;
}
}
/*Employees Section*/
section.about-employees {
padding-bottom: 0;
}
.row.employees {
display: flex;
align-items: center;
}
.row.employees.top-sec {
display: block;
position: relative;
}
.row.employees.top-sec .text-right {
float: right;
}
.row.employees.top-sec>div:last-child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.employees h4.subtitle {
font-size: 28px;
margin-top: 0;
}
.row.employees img {
border: 10px solid #f9f9f9;
box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}
.row.employees p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.row.employees {
display: block;
}
.row.employees .text-right {
text-align: left;
margin-bottom: 30px;
float: none !important;
}
.row.employees.top-sec>div:last-child {
position: relative;
transform: inherit;
top: 0;
}
section.services-employees .spacer-80 {
height: 50px;
}
.row.employees .text-left {
margin-bottom: 30px;
}
}
/*leaders*/
.row.leaders h4.subtitle {
margin-bottom: 5px;
}
.img-hover-effect:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 0%;
background: rgba(255, 218, 68, 0.7);
top: 0;
left: 0;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.img-hover-effect:hover:after {
height: 100%;
}
.social-links {
position: absolute;
top: 75%;
width: 100%;
z-index: 5;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
.img-hover-effect:hover .social-links {
opacity: 1;
visibility: visible;
top: 50%;
}
.social-links a {
font-size: 22px;
width: 52px;
height: 52px;
line-height: 52px;
margin-right: 8px;
background: rgba(0, 0, 0, 0.66);
display: inline-block;
border-radius: 50%;
color: #fff;
}
.social-links a:last-child {
margin: 0;
}
.social-links a:hover {
background: #000;
}
@media all and (max-width: 991px) {
.row.leaders .img-hover-effect {
display: block;
}
}
@media all and (max-width: 767px) {
.row.leaders>div {
width: 360px;
margin: 0 auto 40px;
max-width: 100%;
}
.row.leaders>div.clearfix {
display: none;
}
.row.leaders>div:last-child {
margin-bottom: 0;
}
}
/* Vision */
.vision h2.title-2 {
padding-bottom: 30px;
font-size: 28px;
line-height: 1;
}
.vision ul li {
font-size: 16px;
color: #1D1D1F;
padding: 15px 0;
border-bottom: 2px solid #f4f5f8;
padding-left: 30px;
border-bottom: 2px solid #f4f5f8;
position: relative;
}
.vision ul li:first-child {
padding-top: 0;
}
.vision ul li:last-child {
border-bottom: 0;
}
.vision ul li i.fa {
/* color: #ffda43; */
color: #22234b;
padding-right: 15px;
font-size: 17px;
position: absolute;
line-height: 30px;
left: 0;
}
@media all and (max-width: 767px) {
.row.vision>div {
margin-bottom: 30px;
}
.row.vision>div:last-child {
margin-bottom: 0;
}
}
/*Sidebar*/
.sidebar-search-form {
position: relative;
}
.sidebar-search-form .btn.search-btn {
position: absolute;
right: 0;
top: 0;
line-height: 48px;
padding: 0 20px;
background: none;
font-size: 18px;
outline: none;
}
h3.sidebar-title {
font-size: 17px;
font-weight: normal;
font-family: "Roboto";
color: #C0C4C7;
text-transform: uppercase;
margin: 0 0 20px;
}
.sidebar-blog-categories ul {
background: #f4f5f8;
}
.sidebar-blog-categories ul li a {
font-size: 17px;
color: #61656F;
/* padding: 24px 30px; */
padding: 20px 20px;
display: block;
text-align: center;
/* line-height: 1; */
line-height: 25px;
/* border-bottom: 1px solid #fcfcfd; */
border: 1px solid #a7adbb;
}
/* .sidebar-blog-categories ul li a {
font-size: 17px;
color: #61656F;
padding: 17px 10px;
display: block;
line-height: 25px;
border: 1px solid #a7adbb;
} */
.sidebar-blog-categories ul li a:hover {
background: #e9e9e9;
}
.sidebar>div {
margin-bottom: 45px;
}
.sidebar>div:last-child {
margin-bottom: 0;
}
.sidebar-download .download-file {
/* background: #093eb6; */
background: #22234b;
margin: 0;
padding: 0 15px;
}
.sidebar-download .download-file:hover {
background: #002D92;
}
.sidebar-download .download-file i {
color: #fff;
}
.sidebar-download .download-file a {
color: #fff;
}
.sidebar-download .download-file span {
color: rgba(255, 255, 255, 0.5);
}
.sidebar-fact {
padding: 20px 25px 25px;
background: #f4f5f8;
}
.sidebar-fact h3 {
font-size: 20px;
font-family: "Roboto";
color: #093eb6;
font-weight: bold;
line-height: 1.5;
margin: 0 0 20px;
}
.sidebar-fact a.btn {
background: #ffda44;
color: #544d33;
}
.sidebar-fact a.btn:hover {
background: #f7cd22;
}
.sidebar-tags a {
background: #f4f5f8;
color: #adadad;
display: inline-block;
padding: 12px 12px;
margin: 0 10px 12px 0;
}
.sidebar-tags a:hover {
background: #ddd;
color: #999;
}
.sidebar-single-links li {
padding: 30px 0;
border-bottom: 1px solid #f4f5f8;
}
.sidebar-single-links li:first-child {
padding-top: 0;
}
.sidebar-single-links li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.sidebar-single-links h4.subtitle {
margin: 0 0 15px;
line-height: 1;
}
p.location-2 {
margin-bottom: 0;
line-height: 1;
}
p.location-2 span {
color: #abafb3;
}
@media all and (max-width: 991px) {
.sidebar {
padding-top: 0;
max-width: 400px;
margin: 0 auto;
}
.response-btn {
text-align: left;
}
}
/*Career Page */
.careers section {
padding-bottom: 0;
}
.careers section:last-child {
padding-bottom: 80px;
}
@media all and (max-width: 767px) {
.culture h2.culture-title {
font-size: 24px;
}
.culture h4.culture-subtitle {
font-size: 16px;
}
}
/*Job stats*/
.stats-box {
border-radius: 3px;
border: 1px solid rgba(244, 244, 244, 0.8);
background: #ffffff;
box-shadow: 1px 1.7px 2px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 10px 15px;
}
.stats-box h4,
.stats-box p {
line-height: 1;
}
@media all and (max-width: 767px) {
.row.job-stats>div {
width: 400px;
margin: 0 auto;
float: none;
max-width: 100%;
}
.row.job-stats>div:last-child .stats-box {
margin-bottom: 0;
}
.stats-box h4 {
line-height: 1.2;
}
}
/*culture styles*/
.company-images>div {
padding: 0;
}
.row.company-images {
margin: 0;
border: 10px solid #fff;
box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}
.company-image-one.hover-effect {
width: 100%;
display: block;
}
.company-image-one img {
width: 100%;
height: 230px;
}
@media all and (max-width: 991px) {
.careers-culture .col-md-5 {
margin-bottom: 50px;
}
.life-box {
margin-bottom: 40px;
}
.careers section:last-child {
padding: 30px 0 60px;
}
}
@media all and (max-width: 600px) {
.company-images>div {
width: 100%;
}
.company-image-one img {
height: auto;
}
}
/*Life Section styles*/
.life-box h4.subtitle {
margin: 30px 0 15px;
}
.life-box .icon-container {
min-height: 50px;
}
/*Open Postitioms styles*/
.open-positions ul li {
padding: 25px 0px;
padding-right: 190px;
border-bottom: 1px solid #f4f5f8;
position: relative;
}
.open-positions ul li:first-child {
padding-top: 0;
}
.designation span {
font-size: 12px;
font-family: "Roboto";
color: #677078;
background: #f4f5f8;
padding: 0 10px;
line-height: 24px;
display: inline-block;
}
.designation h4.subtitle {
margin: 0 0 5px;
}
.designation {
float: left;
width: 82%;
}
.open-positions ul li:after {
content: "";
display: block;
clear: both;
}
.open-positions ul li a.btn {
position: absolute;
right: 0;
padding: 0 25px;
background: #ffda44;
color: #544d33;
}
.open-positions ul li a.btn:hover {
background: #ECC124;
}
.location {
float: right;
text-align: right;
}
.location p.state {
font-weight: 500;
margin-bottom: 0;
}
.location p.country {
color: #abafb3;
}
@media all and (max-width: 767px) {
.designation {
width: 80%;
}
.open-positions ul li {
padding-right: 0;
}
.open-positions ul li a.btn {
position: relative;
margin-top: 20px;
left: 50%;
transform: translateX(-50%);
}
}
@media all and (max-width: 480px) {
.designation {
float: none;
width: 100%;
}
.location {
float: left;
text-align: left;
margin-top: 15px;
display: inline-block;
}
.open-positions ul li a.btn {
float: right;
font-size: 15px;
line-height: 44px;
padding: 0 20px;
transform: inherit;
left: 0;
}
}
/*service page */
.services-content {
float: right;
}
section.services-checmicals {
padding: 0;
}
.services-vision img {
border: 10px solid #fff;
box-shadow: 0 0 43px rgba(0, 0, 0, 0.08);
}
section.services-highlights {
background: #f4f5f8;
}
.feature-box {
text-align: center;
background: #ffffff;
box-shadow: 16px 27px 49px 0px rgba(0, 0, 0, 0.1);
padding: 40px 20px;
}
.feature-box p {
margin-bottom: 0;
}
.service-slider,
.service-slider ul.slides li {
position: relative;
}
.service-slider li img {
width: 100%;
min-height: 280px;
-webkit-object-fit: cover;
-moz-object-fit: cover;
-ms-object-fit: cover;
object-fit: cover;
}
.slider-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.66);
text-align: center;
padding: 0 15px;
}
.slider-caption p {
font-size: 14px;
color: #fff;
line-height: 1.4;
margin-bottom: 0;
padding: 14px 0;
}
.service-slider .flex-direction-nav a {
width: 32px;
height: 49px;
}
.service-slider .flex-direction-nav a:before {
background: url('../images/service-arrow-left.png') no-repeat;
width: 32px;
height: 49px;
}
.service-slider .flex-direction-nav a.flex-next:before {
content: " ";
background: url('../images/service-arrow-right.png') no-repeat;
}
.service-slider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.service-slider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.service-slider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.service-slider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
@media only screen and (max-width: 991px) {
.services-company a.hover-effect {
display: block;
}
.service-slider {
margin-bottom: 40px;
}
.services-content {
float: none;
}
}
@media only screen and (max-width: 767px) {
.services-company a.hover-effect {
display: block;
}
.services-company .row>div {
width: 400px;
max-width: 100%;
margin: 0 0 40px;
}
.services-company .row>div.clearfix {
display: none;
}
.services-company .row>div:last-child {
margin-bottom: 0;
}
.row.vision .text-right {
text-align: left;
}
section.services-vision {
padding-top: 30px;
}
.services-highlights .row>div {
width: 360px;
margin: 0 auto 40px;
max-width: 100%;
}
.services-highlights .row>div:last-child {
margin-bottom: 0;
}
}
/* back to top */
.cd-top {
z-index: 4;
display: inline-block;
height: 36px;
width: 36px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #00A3EF url(../img/cd-top-arrow.webp) no-repeat center 50%;
/* background: #00A3EF url(../images/cd-top-arrow.svg) no-repeat center 50%; */
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:hover {
background-color: #0087C5;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
@media only screen and (min-width: 767px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 40px;
width: 40px;
right: 30px;
bottom: 30px;
}
}
/*Image Hover Effects*/
.hover-effect img,
.img-hover-effect img {
width: 100%;
-webkit-object-fit: cover;
-moz-object-fit: cover;
-ms-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.hover-effect,
.img-hover-effect {
background: #000;
overflow: hidden;
position: relative;
display: inline-block;
/* margin: 0 -1.5px; */
/* border: 1px solid #000; */
border: 2px solid #22234b;
}
.hover-effect:hover img {
opacity: 0.6;
transform: scale(1.1);
}
/* Skillbar */
.skillbar {
position: relative;
display: block;
margin-bottom: 50px;
width: 100%;
background: #f4f5f8;
height: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
div.process-bar>.skillbar:last-child {
margin-bottom: 0;
}
.skillbar-title {
position: relative;
font-size: 15px;
color: #677078;
margin-bottom: 10px;
}
.skillbar-bar {
height: 10px;
width: 0px;
background: #ffda44;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
position: relative;
overflow: inherit !important;
}
.skillbar-bar:after {
content: "";
position: relative;
display: block;
float: right;
width: 26px;
height: 26px;
right: -8px;
top: -8px;
background: #ffda44;
border-radius: 50%;
border: 3px solid #fff;
}
.skill-bar-percent {
position: absolute;
right: 0px;
top: -25px;
line-height: 1;
font-size: 15px;
font-family: "Roboto";
color: #093EB6;
}
/* 404 page */
section.page-not-found {
padding: 120px 0;
}
.error-page h1 {
margin: 0;
font-size: 150px;
font-family: Roboto;
font-weight: bold;
color: #093EB6;
line-height: 1;
}
.error-page h2 {
font-size: 40px;
margin-bottom: 20px;
font-weight: 600;
}
.error-page h4 {
margin-bottom: 30px;
font-size: 21px;
}
/* Shortcodes */
.styled-list ol,
.styled-list ul {
margin: 0px;
list-style-position: inside;
}
.styled-list ol li,
.styled-list ul li {
padding: 15px 0;
border-bottom: 2px solid #f4f5f8;
}
.styled-list ol li:first-child,
.styled-list ul li:first-child {
padding-top: 0;
}
.styled-list ul {
list-style-type: disc;
}
.styled-list ul ul {
margin: 15px 0px 0px 20px;
list-style-type: circle;
}
.styled-list ol ol {
margin: 15px 0px 0px 20px;
}
.styled-list ul ul li,
.styled-list ol ol li {
border-bottom: none;
padding: 8px 0;
}
.styled-list .list-unstyled {
margin-left: 0;
}
.styled-list .list-unstyled ol {
list-style-type: none;
}
.btn-block+.btn-block {
margin-top: 10px;
}
.btn-row a.btn {
line-height: 60px;
padding: 0 36px;
}
.btn-col a.btn {
margin-bottom: 20px;
margin-left: 20px;
float: left;
}
.btn-col a.btn:nth-child(odd) {
margin-left: 0;
clear: both;
}
a.btn.btn-block:nth-child(odd) {
margin-bottom: 15px;
margin-top: 30px;
}
a.btn.btn-block:first-child {
margin-top: 0;
}
.btn-row a.btn.btn-normal {
line-height: 48px;
font-size: 14px;
padding: 0 30px;
}
a.btn.btn-sm {
line-height: 36px;
font-size: 12px;
padding: 0 24px;
}
.quote-post blockquote {
background: #093EB6;
color: #fff;
}
.drop-caps p:first-child::first-letter {
background: #ffda44;
color: #675F3F;
display: block;
float: left;
font-size: 36px;
margin-right: 15px;
margin-top: 5px;
padding: 20px;
border-radius: 4px;
}
.drop-caps.blue p:first-child::first-letter {
background: #093EB6;
color: #fff;
}
.tab-widget {
border: 1px solid rgba(244, 244, 244, 0.8);
background: #ffffff;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.nav-tabs>li {
padding: 0;
border-radius: 0;
margin: 0;
border-right: 1px solid #eee;
-webkit-transition: 0.5s ease all;
-o-transition: 0.5s ease all;
-moz-transition: 0.5s ease all;
-ms-transition: 0.5s ease all;
transition: 0.5s ease all;
}
ul.nav-tabs {
border-bottom: 1px solid #eee;
}
.nav-tabs>li>a {
font-weight: bold;
line-height: 1;
padding: 20px 15px;
background: #ffffff;
color: #093EB6;
border-radius: 0;
border: none;
margin: 0;
}
.nav-tabs>li>a:hover {
background: #f9f9f9;
color: #002D92;
border: none;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
background: #f9f9f9;
color: #002D92;
border: none;
}
.tab-content>.tab-pane {
padding: 22px;
}
@media (max-width: 991px) {
.tab-widget {
margin-bottom: 50px;
}
ul.main-menu>li.dropdown.open ul {
left: 0px;
min-width: 250px;
padding: 5px 0;
}
}
@media (max-width: 767px) {
.btn-col {
margin-bottom: 30px;
}
form.form-horizontal {
margin-top: 50px;
}
.headings {
margin-bottom: 50px;
}
table.table-striped {
margin-bottom: 50px;
}
.row.styled-list h3 {
margin-top: 0;
}
.row.styled-list>div {
margin-bottom: 50px;
}
.row.styled-list>div:last-child {
margin-bottom: 0;
}
}
@media (max-width: 480px) {
.nav-tabs>li {
display: block;
float: none;
border-right: 0;
border-bottom: 1px solid #eee;
}
.btn-col a.btn {
display: inline-block;
margin: 0 0 20px;
clear: both;
}
}
/* Preloader */
.sk-cube-grid {
width: 50px;
height: 50px;
margin: 0px auto;
z-index: 1;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%);
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
/* background-color: #ffda44; */
background-color: #22234b;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Loader and Animation styles
========================================================================== */
.loader-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
/* change if the mask should have another color then white */
opacity: 1;
z-index: 11111;
/* makes sure it stays on top */
height: 100%;
overflow: hidden;
}
/* skid */
.p {
text-align: center;
}
.section.skid-product .row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.products-skid {
text-align: center;
}
.products-skid img {
text-align: center;
}
@media screen and (max-width: 480px) {
.section.skid_product .row .col-md-2 {
float: left;
width: 32.666666% !important;
padding: 7px;
}
}
/* accordion */
.acc-container {
max-width: 700px;
width: 100%;
margin-bottom: 50px;
}
/* .acc {
margin-bottom: 10px;
} */
.acc-head {
/* background-color: rgb(155, 154, 87); */
/* background-color: #22234b; */
padding: 15px 10px;
font-size: 22px;
position: relative;
cursor: pointer;
border-bottom: 2px solid #22234b;
width: 99%;
margin: 0 auto;
}
.acc-head::before,
.acc-head::after {
content: '';
position: absolute;
top: 50%;
/* background-color: #fff; */
background-color: #22234b;
transition: all .3s;
}
.acc-head::before {
right: 30px;
width: 3px;
height: 20px;
margin-top: -10px;
}
.acc-head::after {
right: 21px;
width: 20px;
height: 3px;
/* margin-top: -2px; */
margin-top: -1px;
}
.acc-head p {
/* color: #fff; */
color: #22234b;
font-weight: bold;
margin: 0;
font-size: 20px;
}
.acc-content {
padding: 15px 10px;
display: none;
}
.acc-head.active::before {
transform: rotate(90deg);
}
.acc-content ul li {
list-style: disc;
color: #333;
font-size: 16px;
}
.acc-content ul {
padding-left: 20px;
}
/* .brands {
border: 2px solid #000;
} */
.product-image img {
border: 2px solid #22234b !important;
}
.wrap {
width: 480px;
margin: 20px auto;
}
.wrap .accordion {
border: 1px solid #2b2b2b;
}
.accordion .menu-head {
background-color: #2b2b2b;
color: #fff;
padding: 5px 10px;
overflow: hidden;
zoom: 1;
position: relative;
cursor: pointer;
}
.menu-head h3 {
float: left;
margin-top: 5px;
margin-bottom: 5px;
}
.menu-head .plus-minus {
float: right;
font-size: 16px;
position: absolute;
top: 10px;
right: 10px;
}
.accordion .data {
padding: 5px 10px;
display: none;
}
/* end accordion */
.point ul {
padding-left: 15px;
}
.point ul li {
color: #677078;
font-size: 16px;
list-style: disc;
}
.point-number {
padding-left: 20px;
}
.point-number li {
color: #677078;
font-size: 16px;
list-style: decimal;
text-align: justify;
}
@media (max-width: 767px) {
.hover-effect {
margin-top: 15px;
}
}
/* .about-culture-1 .row{
display: flex;
} */
@media screen and (max-width: 1024px) {
.app-icons {
display: flex;
gap: 11px;
}
}
@media screen and (max-width: 800px) {
.row.main-footer-content .col-md-3.mb-4 {
width: 50%;
}
.row.main-footer-content .col-md-2.mb-4 {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.row.main-footer-content .col-md-3.mb-4 {
width: 100%;
}
.row.main-footer-content .col-md-2.mb-4 {
width: 50%;
}
}
/* testimonials */
/* .pn_testimonial_box {
font-weight: 300;
padding: 2rem;
margin: 2rem;
border: 1px solid #405fbd;
position: relative;
transition: 1s;
transform: scale(0.9);
background-color: #fff;
-webkit-border-radius: 4rem;
-moz-border-radius: 4rem;
-ms-border-radius: 4rem;
border-radius: 4rem;
}
.pn_testimonial_box:hover {
box-shadow: 2px 4px 8px #d6d8da;
border: 1px solid #fff;
transform: scale(1);
position: relative;
z-index: 1;
}
.pn_review_rating img {
width: 20%;
}
.pn_review_profile img {
position: absolute;
margin: -1rem -5rem 0;
}
.pn_review_profile span {
position: absolute;
}
@media (max-width: 575px) {
.pn_reviews {
padding: 3rem 0;
}
.pn_reviews h1 {
font-size: 2rem;
padding-bottom: 1rem !important;
}
.pn_testimonial_box {
padding: 2rem;
margin: 1rem;
border: 1px solid #405fbd;
position: relative;
-webkit-border-radius: 4rem;
-moz-border-radius: 4rem;
-ms-border-radius: 4rem;
border-radius: 4rem;
}
.pn_review_profile img {
position: absolute;
margin: -1.1rem -3rem 0;
}
.pn_review_profile span {
position: absolute;
padding: 1rem;
}
.pn_review_rating img {
width: auto;
}
} */
.testimonials .col-md-4{
margin-top: 100px;
}
article {
/* limit the width of the article container */
/* width: 350px; */
/* display the contents in a column */
display: flex;
flex-direction: column;
align-items: center;
background: hsl(0, 0%, 100%);
line-height: 2;
border-radius: 10px;
margin: 0.5rem;
/* transition for the transform property, updated in the script */
transition: transform 0.2s ease-out;
box-shadow: 0 0 25px -2px hsla(0, 0%, 0%, 0.1);
}
article figure {
/* limit the width and height of the figure to show the image in a circle */
width: 120px;
height: 120px;
border-radius: 50%;
/* specify negative margin matching half the height of the element */
margin-top: -60px;
/* position relative for the pseudo element */
position: relative;
}
article figure:before {
/* add a border around the figure matching the color of the background, faking the clip */
content: "";
border-radius: inherit;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
border: 8px solid hsl(250, 85%, 97%);
/* border: 1rem solid hsl(250, 85%, 97%); */
box-shadow: 0 1px hsla(0, 0%, 0%, 0.1);
}
article figure img {
/* stretch the image to cover the size of the wrapping container */
border-radius: inherit;
width: 100%;
height: 100%;
/* object fit to maintain the aspect ratio and fit the width/height */
object-fit: cover;
}
article div {
/* center the text in the div container */
text-align: center;
margin: 2rem;
}
article div p {
color: hsl(250, 5%, 45%);
font-weight: 400;
font-style: italic;
margin: 1rem 0 3rem;
/* font-family: "Noticia Text", serif; */
/* position relative for the pseudo element */
position: relative;
z-index: 5;
}
article div p:before {
/* with SVG elements include two icons for the quote */
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
z-index: -5;
opacity: 0.05;
/* position the icons at either end of the paragraph, rotate the second to have a mirrorer image */
background: url('data:image/svg+xml;utf8,'),
url('data:image/svg+xml;utf8,');
background-position: 20% 20%, 80% 80%;
background-repeat: no-repeat;
}
article div h1 {
/* considerably reduce the size of the heading */
color: hsl(260, 5%, 55%);
font-family: "Lato", sans-serif;
/* font-size: 0.75rem; */
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05rem;
}
article div h4{
margin: 0px;
}
.mobile-screen-footer {
display: none;
}
.mobile-screen-footer {
float: left;
display: none;
width: 100%;
position: fixed;
z-index: 9999999999 !important;
bottom: 0px;
background: #0e4373;
border-radius: 30px 30px 0px 0px;
}
.mobile-screen-footer {
border-top: 1px solid #fff;
}
.mobile-footer-box a img {
width: 25px;
margin: 0px auto;
}
.mobile-footer-box a h5 {
font-size: 11px;
margin: 5px 0px 0px 0px;
color: #fff;
line-height: 15px;
letter-spacing: 0px;
text-transform: capitalize;
letter-spacing: 1px;
}
.mobile-footer-block {
width: 25%;
float: left;
text-align: center;
padding: 10px 0px;
}
@media (max-width: 650px) {
.mobile-screen-footer {
display: block;
}
.\33 d-button {
display: none !important;
}
section.mobile-screen-footer {
padding: 0px;
}
.cd-top{
bottom: 75px !important;
}
footer .copyright {
padding: 15px 0 75px 0;
background: #020e28;
}
.footer-main-wrapper section p {
text-align: center;
padding-top: 10px;
padding-bottom: 76px;
font-size: 18px !important;
margin: 0 7px;
font-family: 'OpenSans-Semibold';
}
}
@media (max-width: 480px) {
.clients-section .clients li{
height: 110px;
width: 110px;
}
.clients-section {
padding-top: 10px;
}
}
@media (max-width: 420px) and (min-width: 375px) {
.clients-section .clients li{
/* height: 88px;
width: 88px; */
height: 110px;
width: 110px;
}
}
.sidebar-blog-categories ul.brands-logo li a{
border: none;
display: contents;
}
.sidebar-blog-categories ul.brands-logo li a:hover {
background: none;
}
@media (max-width: 991px) {
.sidebar {
padding-top: 0;
max-width: 100% !important;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.clients.brands-logo li{
height: 110px;
width: 110px;
}
}
@media (max-width: 420px) and (min-width: 375px) {
.clients.brands-logo li{
height: 88px;
width: 88px;
}
}
.social.social-header {
display: none;
}
@media (max-width: 991px) {
.social.social-header {
display: block;
}
header {
border-top: 5px solid #22234b;
position: relative;
}
header::before {
position: absolute;
top: -5px;
left: 0px;
width: 140px;
height: 5px;
content: "";
display: block;
/*background-color: #00baff;*/
}
.social.social-header ul.social-icons li a{
width: 35px;
height: 35px;
font-size: 18px;
margin-right: 0px;
}
.social.social-header ul{
padding-left: 0px;
}
.navbar-toggle{
margin-right: 0px;
}
.moblie-right-side {
width: 40%;
display: flex;
align-items: center;
justify-content: end;
gap: 15px;
}
}
@media (max-width: 480px) {
.social.social-header ul.social-icons li a{
width: 29px;
height: 29px;
font-size: 16px;
margin-right: 4px;
}
.moblie-right-side{
width: 55%;
gap: 5px;
}
}
.scrolling-top-line {
top: 0;
left: 0;
width: 100%;
height: 30px;
background-color: #1d1d3c;
overflow: hidden;
z-index: 9999;
display: flex;
align-items: center;
direction: ltr;
}
.scrolling-content {
display: inline-block;
white-space: nowrap;
color: white;
font-size: 14px;
animation: scroll-left 20s linear infinite;
padding-left: 100%;
}
@keyframes scroll-left {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
img.mobile-footer-logo-1 {
display: none;
}
.mobile-footer-logo-{
display:none;
}
@media(min-width:1025px){
.mobile-footer-logo-{
display:block;
}
}
/*.mobile-footer-logo-{
display:none;
}
@media(min-width:1025px){
.mobile-footer-logo-{
display:block;
}
}*/
/*.contact-details a {
font-size: 16px;
margin-right: 16px;
font-family: "Roboto";
color: rgba(0, 0, 0, 0.8);
color: #fff;
line-height: 1.5;
margin-bottom: 0;
}*/
/*h4.pre-footer-title {
font-size: 20px;
color: #000;
color: #fff;
font-weight: bold;
margin-right: 25px;
margin: 0 0 15px;
}*/
/*.contact-details a {
font-size: 16px;
margin-right: 16px;
font-family: "Roboto";
color: rgba(0, 0, 0, 0.8);
color: #fff;
line-height: 1.5;
margin-bottom: 0;
}*/
/* Footer Pre-Footer Section */
.pre-footer .contact-box {
display: flex;
align-items: flex-start;
gap: 15px;
height: 160px; /* fixed height for all boxes */
width: 100%;
}
.pre-footer .contact-box i {
font-size: 24px;
margin-top: 9px;
}
.pre-footer .contact-details a {
font-weight: bold;
}
/* Make columns equal height */
.pre-footer .row {
display: flex;
flex-wrap: wrap;
}
.pre-footer .col-md-4 {
display: flex;
flex: 1; /* ensures equal width */
}
@media (max-width: 320px) {
.contact-details p {
font-size: 15px;
}
}