html{
overflow-x: hidden;
scroll-behavior: smooth;
}
body{
margin: 0;
font-family: "Rubik", sans-serif !important;
overflow: hidden;
}
// : Use a unique and descriptive class name
// : Use a value from 300 to 900
.rubik- {
font-family: "Rubik", sans-serif;
font-optical-sizing: auto;
font-weight: ;
font-style: normal;
}
@media only screen and (max-width: 600px) {
.sticky-icon img{width:25px;}
.sticky-icon{width:207px;}
}
a{
text-decoration: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
button{
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.ovr-img{
float: right;
width: 163px;
/* transform: rotate(359deg); */
position: relative;
bottom: 19px;
}
a:hover{
text-decoration: none;
}
.ip-loader{
margin-left: 0px!important;
bottom: 40%!important;
}
.loader {
width: 236px;
height: 120px;
display: inline-block;
box-sizing: border-box;
position: relative;
opacity: 1;
animation: filter-animation 3s infinite;
/* stroke: darkred;*/
/*transition: fill .3s ease-in-out;*/
/*animation: chng 1s linear infinite;*/
/* transform-origin: bottom;*/
/*-webkit-animation: colorchange 20s infinite alternate;*/
/*margin-left: 80px;*/
}
.loader img{
max-width: 242px;
width: 100%;
/* margin-top: -71px; */
}
@keyframes filter-animation {
0% { transform: translateY(-3px); opacity: 1;}
25% { transform: translateY(3px); opacity: 1;}
50% { transform: translateY(-3px); opacity: 1;}
75% { transform: translateY(3px); opacity: 1;}
100% { transform: translateY(-3px); opacity: 1;}
}
@media(max-width:1024px)
{
.menuarea{
position: inherit;
}
.menuarea > ul > li > a{
float: left;
}
.menuarea > ul {
width: 100%;
position: absolute;
top: 100%;
left: 0px;
min-height: auto;
visibility: hidden;
opacity: 0;
z-index: 9 !important;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
top: 62px;
text-align: center;
}
.menuarea ul.view {
margin-top: -15px;
padding-left: 0px!important;
width: 100%;
padding-top: 20px;
padding-bottom: 50px;
visibility: visible;
opacity: 1;
z-index: 100;
z-index: 1111 !important;
/* transform: rotate(0deg) translate3d(0, 0, 0); */
}
.menu li:hover>ul {
width: 100% !important;
visibility: visible;
opacity: 1;
position: unset;
transform: initial;
/* height: 122px; */
z-index: 99999;
margin-top: 60px;
}
.menu ul:after{
display: none;
}
.menuarea > ul > li > a {
font-size: 17px;
width: 100%!important;
padding: 30px 17px 0px 17px;
}
.header_menu_area > ul > li > a {
margin: 8px 0px 0px 0px;
}
.sub-menu {
margin-top: 73px!important;
}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
/*position: unset;*/
transform: initial;
/* height: 122px; */
z-index: 99999;
margin-top: 36px;
}
.menu ul {
visibility: hidden;
opacity: 0;
top: 0;
left: 0 !important;
width: 100%;
transform: initial;
border-radius: 0px;
}
.buttonarea{
text-align: center;
float: none;
margin-top: 30px;
margin-bottom: 40px;
margin-left: 0px;
}
.buttonarea a{
padding: 11px 12px 10px 12px;
font-size: 14px;
font-weight: 600;
float: none;
text-align: center;
}
.header_menu a svg{
display: none;
}
.overlay{
display:none ;
}
.cli-btn{
display: none;
}
.menu ul li a {
text-align: center;
}
}
/* mobilemenu*/
.cd-dropdown-wrapper {
display: inline-block;
position: relative;
height: 0px;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-dropdown-trigger {
display: block;
position: relative;
/* padding: 0 36px 0 20px;*/
line-height: 40px;
background-color: transparent;
color: #ffffff;
top: 0;
border-radius: 3px;
z-index: 999;
}
.no-touch .cd-dropdown-trigger:hover {
background-color: #171b46;
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
/* this is the arrow inside the dropdown trigger*/
/* content: ''; */
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 9px;
background: #ffffff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-dropdown-trigger::before {
/* right: 22px; */
/* -webkit-transform: rotate(45deg); */
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
/* transform: rotate(45deg); */
}
.cd-dropdown-trigger::after {
right: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
.cd-dropdown-trigger {
font-size: 1.5rem;
}
.cd-dropdown-trigger.dropdown-is-active {
background-color: #3f8654;
}
.no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
background-color: #47975f;
}
.cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
/* transform the arrow into a 'X' */
width: 14px;
}
.cd-dropdown-trigger.dropdown-is-active::before {
/* transform the arrow into a 'X' */
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-dropdown-trigger.dropdown-is-active::after {
/* transform the arrow into a 'X' */
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
height: 50px;
line-height: 50px;
}
@media only screen and (min-width: 768px) {
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
height: 60px;
line-height: 60px;
}
}
@media only screen and (min-width: 1024px) {
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
height: 50px;
line-height: 50px;
}
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
padding: 0 40px;
}
.cd-dropdown {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0b172d;
color: #ffffff;
visibility: hidden;
/* Force Hardware Acceleration */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
/* dropdown title - mobile version only */
position: relative;
z-index: 1;
color: #585a70;
background-color: #111433;
border-bottom: 1px solid #242643;
}
.cd-dropdown .cd-close {
/* 'X' close icon - mobile version only */
position: absolute;
z-index: 1;
right: 24px;
top: 18px;
height: 50px;
width: 50px;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
/* this is the 'X' icon */
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
height: 20px;
width: 2px;
background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
.cd-dropdown .cd-close {
top: 5px;
}
}
@media only screen and (min-width: 1025px) {
.cd-dropdown {
position: absolute;
top: calc(100% - 2px);
/* reset style*/
height: auto;
width: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
background-color: #ffffff;
color: #111433;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.open-to-left .cd-dropdown {
/* use the .open-to-left class if you want to open the dropdown on the left */
right: 0;
left: auto;
}
.cd-dropdown h2, .cd-dropdown .cd-close {
/* on desktop - hide title and 'X' */
display: none;
}
.cd-dropdown.dropdown-is-active {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
}
}
.cd-dropdown-content, .cd-dropdown-content ul {
position: absolute;
/* z-index: 111111; */
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
padding-top: 50px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
display: block;
color: #ffffff !important;
font-size: 17px;
color: #ffffff;
/* truncate text with ellipsis if too long */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-top-width: 1px;
border-color: transparent;
border-style: solid;
font-weight: 400;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
padding-top: 10px;
padding-bottom: 10px;
background-color: #0b0e23;
font-size: 1.1rem;
font-weight: bold;
letter-spacing: 1px;
color: #585a70;
text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
/* push the secondary dropdown items to the right */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* push the dropdown items to the left when secondary dropdown slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
.cd-dropdown-content, .cd-dropdown-content ul {
padding-top: 60px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
font-size: 17px;
}
}
@media only screen and (min-width: 1025px) {
.cd-dropdown-content, .cd-dropdown-content ul {
padding-top: 0;
overflow: visible;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
color: #111433;
height: 50px;
line-height: 50px;
font-size:17px;
border-color: #ebebeb;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
background-color: transparent;
color: #b3b3b3;
border-top: 1px solid #ebebeb;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
border-top-width: 1px;
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* reset mobile style */
opacity: 1;
}
}
.cd-dropdown-content .see-all a {
/* different style for the See all links */
color: #e8d975;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
/* items with picture (or icon) and title */
height: 80px;
line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
/* truncate text with ellipsis if too long */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
padding-left: 75px;
position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
color: #111433;
font-size: 1.3rem;
/* hide description on small devices */
display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
/* item icon */
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
background-image: url("../img/nucleo-icon-1.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
background-image: url("../img/nucleo-icon-2.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
background-image: url("../img/nucleo-icon-3.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
background-image: url("../img/nucleo-icon-4.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
background-image: url("../img/nucleo-icon-5.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
background-image: url("../img/nucleo-icon-6.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
background-image: url("../img/nucleo-icon-7.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
background-image: url("../img/nucleo-icon-8.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
background-image: url("../img/nucleo-icon-9.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
background-image: url("../img/nucleo-icon-10.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
background-image: url("../img/nucleo-icon-11.svg");
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
background-image: url("../img/nucleo-icon-12.svg");
}
@media only screen and (min-width: 1025px) {
.cd-dropdown-content {
/* reset mobile style */
position: static;
height: auto;
width: 280px;
}
.cd-dropdown-content > li:last-of-type a {
border-bottom: none;
}
.no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
color: #3f8654;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 100%;
height: auto;
background-color: #ffffff;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}
.cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
clear: both;
content: "";
display: table;
}
.open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
/* use the .open-to-left class if you want to open the dropdown on the left */
left: auto;
right: 100%;
}
.cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
-webkit-animation: cd-fade-in 0.2s;
-moz-animation: cd-fade-in 0.2s;
animation: cd-fade-in 0.2s;
}
.cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
-webkit-animation: cd-fade-out 0.2s;
-moz-animation: cd-fade-out 0.2s;
animation: cd-fade-out 0.2s;
}
.cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
position: absolute;
bottom: 20px;
height: 45px;
text-align: center;
}
.cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
margin: 0;
height: 100%;
line-height: 45px;
background: #ebebeb;
pointer-events: auto;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
color: #ffffff;
background-color: #111433;
}
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
border: none;
}
.cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
padding: 20px 30px 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
width: calc(100% - 60px);
}
.cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
width: 50%;
float: left;
}
.cd-dropdown-content .cd-secondary-dropdown {
overflow: hidden;
width: 550px;
padding-bottom: 65px;
}
.cd-dropdown-content .cd-secondary-dropdown::before {
/* this is the separation line in the middle of the .cd-secondary-dropdown element */
position: absolute;
content: '';
top: 290px;
left: 15px;
height: 1px;
width: 520px;
background-color: #ebebeb;
}
.cd-dropdown-content .cd-secondary-dropdown > li > a {
color: #3f8654;
font-size: 1.6rem;
margin-bottom: 10px;
line-height: 30px;
height: 30px;
pointer-events: none;
}
.cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
/* hide the arrow */
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-content .cd-secondary-dropdown > li {
margin: 20px 0;
border-right-width: 1px;
border-color: #ebebeb;
border-style: solid;
padding: 0 30px;
height: 250px;
}
.cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
border-right-width: 0;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul {
/* reset mobile style */
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
position: relative;
height: auto;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown a {
line-height: 25px;
height: 25px;
font-size: 1.3rem;
padding-left: 0;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
color: #3f8654;
}
.cd-dropdown-content .cd-secondary-dropdown ul {
padding-bottom: 25px;
overflow: hidden;
height: auto;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a {
padding-left: 20px;
color: transparent;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
color: transparent;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
left: 0;
}
.cd-dropdown-content .cd-secondary-dropdown .see-all {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.cd-dropdown-content .cd-dropdown-gallery {
width: 600px;
padding-bottom: 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > li {
width: 48%;
float: left;
margin-right: 4%;
}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
margin-right: 0;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding: 0;
height: auto;
line-height: normal;
color: #3f8654;
margin-bottom: 2em;
}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
.cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
margin-bottom: 0;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: static;
height: auto;
width: 100%;
margin: 0 0 0.6em;
}
.cd-dropdown-content .cd-dropdown-icons {
width: 600px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
background: #ebebeb;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
color: #3f8654;
font-weight: bold;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
display: block;
font-size: 1.2rem;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
left: 25px;
}
.cd-dropdown-content > .has-children > ul {
visibility: hidden;
}
.cd-dropdown-content > .has-children > ul.is-active {
/* when hover over .cd-dropdown-content items - show subnavigation */
visibility: visible;
}
.cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
/* if .cd-secondary-dropdown is visible - show also subnavigation */
visibility: visible;
}
.cd-dropdown-content > .has-children > a.is-active {
/* hover effect for .cd-dropdown-content items with subnavigation */
box-shadow: inset 2px 0 0 #3f8654;
color: #3f8654;
}
.cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
background: #3f8654;
}
.open-to-left .cd-dropdown-content > .has-children > a.is-active {
box-shadow: inset -2px 0 0 #3f8654;
}
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@-moz-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
.cd-search input[type="search"] {
width: 100%;
height: 50px;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #242643;
color: #ffffff;
border: none;
border-radius: 0;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]::-moz-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:-moz-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:-ms-input-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:focus {
background: #ffffff;
color: #111433;
outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
@media only screen and (min-width: 1024px) {
.cd-search input[type="search"] {
background-color: #ebebeb;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]::-moz-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]:-moz-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]:-ms-input-placeholder {
color: #b3b3b3;
}
}
.has-children > a, .go-back a {
position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
/* arrow icon in CSS - for element with nested unordered lists */
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 1px;
width: 10px;
background: #878d98;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
float: left;
text-align: left;
}
.has-children > a::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
background: #b3b3b3;
}
}
.has-children > a {
padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
/* arrow goes on the right side - children navigation */
left: 120px;
-webkit-transform-origin: 9.5px 50%;
-moz-transform-origin: 9.5px 50%;
-ms-transform-origin: 9.5px 50%;
-o-transform-origin: 9.5px 50%;
transform-origin: 9.5px 50%;
}
@media only screen and (min-width: 1024px) {
.open-to-left .cd-dropdown-content > .has-children > a {
padding-left: 40px;
padding-right: 20px;
}
.open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
right: auto;
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
}
.cd-dropdown-content .go-back a {
padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
.cd-main-content {
background-color: #e6e6e6;
min-height: calc(100vh - 100px);
padding: 2em 5%;
line-height: 2;
}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.no-js .cd-dropdown-wrapper .cd-close {
display: none;
}
@media(max-width:575px)
{
.menu-img {
width: 29px !important;
}
.cd-dropdown-wrapper {
margin: 0;
}
}
.mobile-menu-tag {
float: right;
}
@media (min-width: 1025px) and (max-width: 9999px) {
.mobile-menu-tag {
display: none;
}
}
/* mobilemenu*/
.mainheader{
width: 100%;
float: left;
background: white;
/* position: relative; */
z-index: 999;
/* height: 0px; */
}
.total-header{
width: 100%;
/* padding-top: 20px; */
float: left;
}
.logopart{
width: auto;
padding: 10px 0px 5px 0px;
float: left;
position: relative;
z-index: 11;
}
.logobox{
float: left;
}
.logopart img{
float: left;
width: 200px;
}
.menuarea{
/* border-bottom: 1px solid #bab9b6; */
/* padding: 48px 0px 0px 0px; */
width: auto;
float: right;
text-align: center;
}
.menuarea > ul{
padding-left: 80px !important;
width: 100%;
display: inline-block;
vertical-align: middle;
margin-bottom: 0px;
padding-bottom: 27px;
padding-top: 45px;
float: left;
padding-left: 0px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.menuarea > ul > li{
width: auto;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 0px 18px 0px 18px;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.menuarea > ul > li > a{
padding-bottom: 10px;
/* padding-bottom: 30px; */
width: auto;
color: #000;
font-weight: 500;
float: left;
position: relative;
/* padding-bottom: 30px; */
font-size: 14px;
letter-spacing: 0px !important;
z-index: 1;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-decoration: none;
text-align: center;
}
.menuarea > ul > li > a:hover{
color: #4d63a5;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-decoration: none;
}
.sp-li:hover{
color: #4d63a5;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-decoration: none;
}
.activeli{
color: #4d63a5!important;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-decoration: none;
}
.submenu-indicator-chevron {
margin-top: 1px;
margin-left: 13px;
float: right;
height: 7px;
width: 7px;
display: block;
border-style: solid;
border-width: 0 1px 1px 0;
/* border-color: #ffffff #70798b #70798b white; */
transform: rotate(45deg);
transition: border 0.2s;
}
.menu li:hover > ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
visibility: visible;
opacity: 1;
z-index: 99999;
transform: scale(1.0);
}
.tgmenu__navbar-wrap > ul > li .sub-menu {
}
/*.sub-menu {
margin-top: 73px!important;
}*/
.menu ul {
overflow: hidden;
height: 230px;
position: absolute;
left: -87px;
top: 19px;
min-width: 386px;
background: #ffffff;
margin: 0;
/* -webkit-transform: scale(1, 0); */
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
transform-origin: 0 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
/* transition: all 0.3s ease-out 0s; */
-webkit-box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
box-shadow: 0 0px 5px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
display: block;
visibility: hidden;
opacity: 0;
z-index: 9;
}
.menu ul li {
padding: 13px 13px;
display: block;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
margin: 0;
text-align: left;
}
.menu ul li a {
color: #0d316e;
font-weight: 400;
font-size: 14px;
font-weight: 500;
/* padding: 35px 10px; */
/* line-height: 1; */
position: relative;
z-index: 1;
text-shadow: -.25px -.25px 0 transparent,
.25px .25px transparent;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.menu ul li a:hover {
text-shadow: -.25px -.25px 0 #c2b261,
.25px .25px #c2b261 !important;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-decoration: none;
}
.menu ul li:hover a{
text-decoration:none;
}
.menu ul li:hover .menu2 a{
text-decoration:none;
}
.menu-padding{
padding-top: 0px;
}
/*triangle on hoverul*/
.menu ul:after {
}
/*.sp-li {
padding: 0px 80px 0px 0px !important;
}*/
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
right: 0;
overflow-y: scroll;
transition: 0.5s;
z-index: 99999;
/* background-image: linear-gradient(to right, #4e1b6a 0%, #b31666 51%, #b31666 100%); */
background: linear-gradient(198deg, rgba(22, 44, 83, 1) 69%, rgb(22 44 83) 99%);
}
.overlay-content {
position: relative;
/* top: 25%; */
width: 100%;
text-align: center;
/* margin-top: 30px; */
/* z-index: 111111111111111111111; */
}
.overlay a {
/* padding: 8px; */
text-decoration: none;
font-size: 30px;
color: white;
z-index: 11;
display: block;
transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlay .closebtn {
position: absolute;
top: 0px;
right: 11px;
font-size: 48px;
font-weight: 100;
}
@media screen and (max-height: 450px) {
.overlay {overflow-y: auto;}
.overlay a {font-size: 20px}
.overlay .closebtn {
text-decoration: none;
font-size: 40px;
top: 15px;
right: 35px;
}
}
.ov-box1{
-webkit-box-shadow: 3px 13px 61px -26px rgba(0,0,0,0.69);
-moz-box-shadow: 3px 13px 61px -26px rgba(0,0,0,0.69);
box-shadow: 3px 13px 61px -26px rgba(0,0,0,0.69);
float: left;
width: 100%;
padding: 55px 20px 35px 20px;
border: 2px solid #21417b;
border-radius: 20px;
}
.ov-box1 h2{
float: left;
width: 100%;
font-size: 30px;
color: #fff;
font-weight: 500;
margin-bottom: 20px;
}
.ov-box1 p{
line-height: 29px;
float: left;
width: 100%;
color: #fff;
font-weight: 400;
font-size: 14PX;
margin-bottom: 37PX;
}
.ov-box1 h2{
float: left;
width: 100%;
color: #ffe9e9;
font-weight: 400;
font-size: 15PX;
line-height: 30px;
margin-bottom: 20px;
}
.ov-box1 h2 a{
float: left;
/* width: 100%; */
color: #fff;
font-weight: 400;
font-size: 15PX;
margin-bottom: 20px;
}
.ov-box1 img{
margin-bottom: 31px;
width: 31px;
object-fit: cover;
float: left;
margin-right: 20px;
}
.enq-bg form{
float:left;
width:100%;
}
.frm-enq{
float:left;
width:100%;
margin-bottom: 30px;
}
.frmq-title{
float:left;
width:100%;
color:black;
font-size:14px;
font-weight: 400;
padding-top: 0px;
}
::placeholder{
color:#7f8ba0
}
.field-enq{
border-left: none;
border-bottom: 1px solid #ffffff;
color: #ffffff;
display: block;
font-size: 14px;
/* text-transform: uppercase; */
height: 55px;
margin-bottom:2px !important;
padding: 0 20px;
outline: none;
background: #162c53;
width: 100%;
padding-left: 0px;
/* border: none; */
transition: all 500ms ease;
/* border: solid 1px #d4d3d3; */
margin-top: 3px;
width: 100%;
float: left;
padding: 15px 15px 15px 0px;
margin-top: 9px;
/* border-radius: 10px; */
border-right: none;
border-top: none;
}
.error-message {
color: red;
}
.hidden-input-field {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
.subscribe-btn {
width: 162px;
text-decoration: none !important;
height: 50px;
font-size: 15px;
margin: 20px auto 0;
display: table;
font-weight: 500;
color: #ffffff;
border-radius: 10px;
padding: 18px 0px;
text-align: center;
background: white;
/* background-size: 400%; */
/* width: 100%; */
float: left;
cursor: pointer;
border: 0;
color: #162c53;
}
.subscribe-btn:hover {
background: #0d1a30;
/* background-position: 100% 0; */
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .5s ease-in-out;
color: #fff;
text-decoration: none;
/* background-image: linear-gradient(to right, #3ea169, #e4af2a, #379962, #f6bc2f); */
}
.buttonarea {
float: right;
margin-top: -12px;
/* margin-left: 40px; */
}
.buttonarea a {
float: right;
}
.buttonarea a:hover {
}
.buttonarea img{
/* float: right; */
width: 33px;
margin-top: 2px;
}
.hd-tel span {
float: left;
width: 100%;
font-size: 30px;
font-weight: 400;
color: #ffffff;
letter-spacing: 1px;
margin-bottom: 10px;
}
.left-bg{
float:left;
height: 100vh;
padding: 20px 66px;
}
.right-bg{
padding: 135px 68px;
height: 100vh;
/* background-color: #ab1666; */
/* padding:0px !important; */
float:left;
}
/* ===== Scrollbar CSS ===== */
.overlay::-webkit-scrollbar-track
{
border-radius
: 50px;
background-color: #000;
height: 3px;
border-top-left-radius: 50px;
}
.overlay::-webkit-scrollbar
{ border-radius: 50px;
width: 5px;
height: 3px;
background-color: #000;
}
.overlay::-webkit-scrollbar-thumb
{
border-radius: 50px;
background-color: #000;
height: 3px;
}
.slide {
float: left;
width: 100%;
top: 0px;
background: url(../images/home.svg);
background-size: cover;
/* background-position: center; */
position: relative;
z-index: 1;
/* min-height: 850px; */
/* max-height: 1000px; */
height: 670px;
}
.scroll-down {
float: left;
width: 100%;
text-align: center;
position: absolute;
bottom: 30px;
z-index: 999999;
}
.scroll-down img{
width: 56px;
}
.bounce2 {
animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.slide .item {
height: 670px;
width: 100%;
float: left;
position: relative;
}
.slide .item .slide-image {
height: 670px;
float: right;
margin-left: 0px;
/* position: absolute; */
/* width: auto !important; */
/* z-index: 9999; */
width: 100%;
right: 0;
object-fit: cover;
top: 0;
}
.slider-ban .owl-item.active .slide-image{
transform: scale(1.1);
transition: 10s;
}
.slider-ban .owl-item.active .header-content h5{
transform: auto !important;
transition: auto !important;
}
.slider-ban .owl-item.active .header-content p{
transform: auto !important;
transition: auto !important;
}
.slider-ban .owl-item.active .header-content h2{
transform: auto !important;
transition: auto !important;
}
.slide .item .header-content {
width: 100%;
position: absolute;
padding-top: 191px !important;
overflow: hidden;
}
.header-content h5 {
text-transform: uppercase;
position: relative;
z-index: 9999999;
float: left;
font-size: 19px;
color: #fff;
font-weight: 500;
text-align: left;
/* padding-left: 30px; */
letter-spacing: 2px;
width: 100%;
padding-bottom: 20px;
}
.header-content h2 {
position: relative;
z-index: 9999999;
float: left;
font-size: 74px;
margin-left: -4px !important;
color: #fff;
font-weight: 400;
text-align: left;
/* padding-left: 30px; */
line-height: 80px;
width: 100%;
padding-bottom: 10px;
}
.header-content p {
position: relative;
z-index: 9999999;99; */
float: left;
font-size: 15px;
color: #d3dff4;
font-weight: 400;
text-align: left;
line-height: 30px;
width: 50%;
}
/*sticky*/
.sticky-icon img{
width:35px;
margin-left:4px;
margin-right:10px;
float: left;
}
.sticky-icon span{
margin-top: 11px;
float: left;
}
.banner2{
float: left;
width: 100%;
padding: 70px 0px 0px 0px;
background-color: #162c53;
}
.banner2 h2{
float: left;
width: 100%;
text-align: left;
font-size: 55px;
font-weight: 400;
line-height: 70px;
color: #fff;
}
.banner2 h2 span{
font-weight: bold;
}
.ban-1{
float: left;
width: 100%;
padding-top: 40px;
}
.ban-1 p{
float: left;
font-size: 15px;
color: #d3dff4;
font-weight: 400;
text-align: left;
line-height: 30px;
width: 100%;
padding-bottom: 40px;
}
.btn1{
float: left;
width: 100%;
}
.btn1 a{
width: 140px;
height: 50px;
color: #fff;
font-size: 14px;
float: left;
font-weight: 400;
text-align: center;
background: #0b1e3e;
padding: 18px 0;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.btn1 a:hover{
background: #ffffff;
color: #0b1e3e;
text-decoration: none;
}
.vision-ban{
float: left;
width: 100%;
padding-top: 55px;
}
.vision-ban .item {
width: 100%;
float: left;
position: relative;
}
.vision-ban img{
float: left;
width: 80px !important;
object-fit: cover;
margin-bottom: 50px;
margin-right: 30px;
}
.vision-ban h3{
/* float: left; */
font-weight: 600;
font-size: 25px;
color: #fff;
}
.vision-ban h4{
/* padding-right: 178px; */
line-height: 25px;
/* float: left; */
font-weight: 400;
font-size: 14px;
color: #fff;
padding-top: 25px;
}
.mission-ban .owl-nav {
position: relative;
margin: 10px 0;
left: 107px;
}
.mission-ban .owl-nav .owl-next img {
width: 40px !important;
margin-bottom: unset !important;
margin-right: unset !important;
}
.mission-ban .owl-nav .owl-prev img{
width: 40px !important;
margin-bottom: unset !important;
margin-right: 10px !important;
}
.ban-2{
float: left;
width: 100%;
padding-top: 135px;
}
.ban-img{
position: relative;
z-index: 999;
float: left;
width: 55%;
background-image: url("../images/bg.png");
background-repeat: no-repeat;
background-size: 90%;
background-position: top;
}
.ban-img img{
margin-top: -38px;
width: 100%;
object-fit: cover;
float: left;
}
.ban-mob-img{
position: relative;
z-index: 999;
float: left;
width: 64%;
background-image: url("../images/bg.png");
background-repeat: no-repeat;
background-size: 90%;
background-position: top;
}
.ban-mob-img img{
margin-top: 26px;
width: 100%;
object-fit: cover;
float: left;
}
@media(min-width:576px){
.ban-mob-img{
display: none;
}
}
@media(max-width:575px)
{
.ban-img{
display: none;
}
}
.ban-cont{
float: left;
width: 45%;
padding-left: 104px;
}
.line-cont{
margin-top: 30px;
width: 4px;
float: left;
background-color: #1c3d76;
height: 310px;
position: relative;
}
.points{
padding-top: 91px;
width: 96%;
float: left;
padding-left: 20px;
}
.points h6{
margin-bottom: 32px;
float: left;
width: 100%;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 30px;
position: relative;
}
.points h6:after{
position: absolute;
content: "";
top: 10px;
left: -29px;
background: #3fc36f;
height: 12px;
width: 12px;
border-radius: 100%;
}
.line-cont:before {
position: absolute;
content: "";
top: 0px;
left: -126px;
background: #1c3d76;
height: 4px;
width: 128px;
}
.line-cont:after {
position: absolute;
content: "";
bottom: 0px;
left: 0px;
background: #1d458c;
height: 4px;
width: 182px;
}
.sp-img
{
float: right;
position: relative;
}
.sp-img img{
width: 100%;
position: relative;
bottom: -96px;
left: 12px;
}
.sp-img:after{
position: absolute;
content: "";
top: 60px;
right: 0px;
background: #1d458c;
height: 36px;
width: 4px;
}
.b4-1 h2{
margin-bottom: 45px;
float: left;
width: 100%;
font-size: 40px;
font-weight: 600;
line-height: 48px;
color: #000;
padding: 30px 0px;
text-align: left;
border-bottom: 1px solid #f0f0f0;
}
.b4-1 h2 span{
font-size: 30px;
font-weight: 600;
float: right;
text-align: center;
border-radius: 100%;
/* padding: 10px 18px; */
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
display: flex;
}
.b4-1 h3{
margin-bottom: 45px;
float: left;
width: 100%;
font-size: 40px;
font-weight: 600;
line-height: 48px;
color: #000;
padding: 30px 0px;
text-align: left;
border-bottom: 1px solid #f0f0f0;
}
.b4-1 h3 span{
margin-top: -32px;
font-size: 30px;
font-weight: 600;
float: right;
text-align: center;
border-radius: 100%;
/* padding: 10px 18px; */
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
display: flex;
}
.banner3{
float: left;
width: 100%;
padding: 70px 0px;
background-color: #fafafa;
}
.pading{
padding-bottom: 70px;
}
.b3-1{
float: left;
width: 100%;
}
.b3-h1{
float: left;
width: 100%;
font-size: 17px;
font-weight: 400;
text-decoration: underline;
color: #08783c;
padding-bottom: 30px;
}
.b3-1 h2{
float: left;
width: 100%;
font-size: 35px;
font-weight: 300;
line-height: 48px;
color: #000;
padding-bottom: 40px;
}
.b3-1 h2 span{
font-weight: bold;
color: #0d316e;
}
.b3-1 p{
float: left;
font-size: 15px;
color: #000;
font-weight: 400;
text-align: left;
line-height: 30px;
width: 100%;
padding-bottom: 40px;
}
.btn2{
float: left;
width: 100%;
}
.btn2 a{
width: 140px;
height: 50px;
color: #fff;
font-size: 14px;
float: left;
font-weight: 400;
text-align: center;
background: #0b1e3e;
padding: 18px 0;
border-radius: 10px;
position: relative;
overflow: hidden;
border:1px solid #0b1e3e;
}
.btn2 a:hover{
background: #ffffff;
color: #0b1e3e;
text-decoration: none;
}
.b3-box{
padding: 35px 20px;
float: left;
width: 100%;
background-color: #ffffff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b3-box img{
float: left;
width: 70px;
object-fit: cover;
margin-bottom: 20px;
}
.b3-box h4{
color: #000;
float: left;
width: 100%;
font-weight: 600;
font-size: 22px;
margin-bottom: 20px;
}
.b3-box h6{
float: left;
font-size: 15px;
color: #515050;
font-weight: 400;
text-align: left;
line-height: 26px;
width: 100%;
}
.p-0{
padding: 0px;
}
.b-r{
border-right: 2px solid #fafafa;
}
.b-rad1{
border-radius: 20px 0px 0px 20px;
}
.b-rad2{
border-radius: 0px 20px 20px 0px;
}
.banner4{
float: left;
width: 100%;
padding: 70px 0px;
}
.banner4 h6
{
float: left;
width: 100%;
font-size: 17px;
font-weight: 400;
text-decoration: underline;
color: #08783c;
padding-bottom: 20px;
}
.banner4 h5{
float: left;
width: 48%;
font-size: 35px;
font-weight: 300;
line-height: 48px;
color: #000;
padding-bottom: 40px;
}
.banner4 h5 span{
font-weight: bold;
color: #0d316e;
}
.b4-1{
margin-bottom: 41px;
float: left;
width: 100%;
/* padding: 30px 0px; */
}
.b4-1 img{
float: left;
width: 559px;
margin-right: 50px;
margin-bottom: 30px;
}
.b4-1 p{
margin-top: 34px;
float: left;
font-size: 18px;
color: #000;
font-weight: 400;
text-align: left;
line-height: 33px;
width: 41%;
padding-bottom: 23px;
}
.btn3{
float: left;
/* width: 100%; */
}
.btn3 a{
width: 140px;
height: 50px;
color: #fff;
font-size: 14px;
float: left;
font-weight: 400;
text-align: center;
background: #0b1e3e;
padding: 18px 0;
border-radius: 10px;
position: relative;
overflow: hidden;
border:1px solid #0b1e3e;
}
.btn3 a:hover{
background: #ffffff;
color: #0b1e3e;
text-decoration: none;
}
.btn4{
padding: 30px 0px 0px 0px;
float: left;
width: 100%;
margin: auto;
display: block;
text-align: center;
}
.btn4 a{
display: inline-block;
width: 160px;
height: 54px;
color: #000;
font-size: 14px;
float: none;
font-weight: 400;
text-align: center;
border: 1px solid #0b1e3e;
padding: 19px 0 17px 0px;
border-radius: 15px;
position: relative;
overflow: hidden;
}
.btn4 a:hover{
background: #0b1e3e;
color: #ffffff;
text-decoration: none;
}
.banner5{
position: relative;
float: left;
width: 100%;
padding: 70px 0px 70px 0px;
background-color: #162c53;
}
.banner5 h6
{
float: left;
width: 100%;
font-size: 17px;
font-weight: 400;
text-decoration: underline;
color: #fff;
padding-bottom: 20px;
}
.banner5 h5{
float: left;
width: 48%;
font-size: 35px;
font-weight: 300;
line-height: 48px;
color: #fff;
padding-bottom: 80px;
}
.banner5 h5 span{
font-weight: bold;
color: #fff;
}
.b5-1{
float: right;
width: 71%;
padding: 0px 30px 80px 30px;
border-left: 2px dashed #515d76;
position: relative;
}
.b5-1 h2{
float: left;
width: 100%;
color: #fff;
font-size: 20px;
font-weight: 600;
}
.b5-1 h2 span{
position: relative;
}
.b5-2 h2 span{
position: relative;
}
.b5-3 h2 span{
position: relative;
}
.b5-4 h2 span{
position: relative;
}
.b5-1 h2 span:after{position: absolute;content: "";top: 3px;background: #fff;height: 19px;width: 2px;}
.b5-1 p{
margin-top: 25px;
float: left;
font-size: 15px;
color: #b4c1d8;
font-weight: 400;
text-align: left;
line-height: 29px;
width: 100%;
padding-bottom: 23px;
}
.b5-1:after{
position: absolute;
content: "";
bottom: -9px;
left: -10px;
background: #fff;
height: 18px;
width: 18px;
border-radius: 100%;
}
.b5-2{
float: right;
width: 100%;
padding: 0px 30px 85px 30px;
border-left: 2px dashed #515d76;
position: relative;
}
.b5-2 h2{
float: left;
width: 100%;
color: #fff;
font-size: 20px;
font-weight: 600;
}
.b5-2 h2 span:after{position: absolute;content: "";top: 3px;background: #fff;height: 19px;width: 2px;}
.b5-2 p{
margin-top: 20px;
float: left;
font-size: 15px;
color: #b4c1d8;
font-weight: 400;
text-align: left;
line-height: 29px;
width: 100%;
padding-bottom: 23px;
}
.border-div{
width: 100%;
height: 2px;
float: left;
background: linear-gradient(90deg, rgba(228,231,236,1) 36%, rgba(60,80,115,1) 70%, rgba(31,54,95,1) 89%);
}
.b5-2:after{
z-index: 999;
position: absolute;
content: "";
bottom: -9px;
left: -9px;
background: #fff;
height: 18px;
width: 18px;
border-radius: 100%;
}
.b5-3{
float: right;
width: 100%;
padding: 85px 37px 0px 30px;
border-left: 2px dashed #515d76;
position: relative;
}
.b5-3 h2{
float: left;
width: 100%;
color: #fff;
font-size: 20px;
font-weight: 600;
}
.b5-3 h2 span:after{position: absolute;content: "";top: 3px;background: #fff;height: 19px;width: 2px;}
.b5-3 p{
margin-top: 20px;
float: left;
font-size: 15px;
color: #b4c1d8;
font-weight: 400;
text-align: left;
line-height: 29px;
width: 100%;
padding-bottom: 23px;
}
.b5-3:after{
position: absolute;
content: "";
top: -10px;
left: -9px;
background: #fff;
height: 18px;
width: 18px;
border-radius: 100%;
}
.b5-4{
float: left;
width: 71%;
padding: 80px 30px 0px 30px;
border-left: 2px dashed #515d76;
position: relative;
}
.b5-4 h2{
float: left;
width: 100%;
color: #fff;
font-size: 20px;
font-weight: 600;
}
.b5-4 h2 span:after{position: absolute;content: "";top: 3px;background: #fff;height: 19px;width: 2px;}
.b5-4 p{
margin-top: 25px;
float: left;
font-size: 15px;
color: #b4c1d8;
font-weight: 400;
text-align: left;
line-height: 29px;
width: 100%;
padding-bottom: 23px;
}
.b5-4:after{
position: absolute;
content: "";
top: -9px;
left: -10px;
background: #fff;
height: 18px;
width: 18px;
border-radius: 100%;
}
.etc-img{
float: right;
position: absolute;
bottom: 49px;
right: 0px;
width: 184px;
object-fit: cover;
}
.banner6{
float: left;
width: 100%;
padding: 70px 0px;
background-color: #fafafa;
}
.banner6 h6
{
float: left;
width: 100%;
font-size: 17px;
font-weight: 400;
text-decoration: underline;
color: #08783c;
padding-bottom: 20px;
}
.banner6 h5{
float: left;
width: 48%;
font-size: 35px;
font-weight: 300;
line-height: 48px;
color: #000;
padding-bottom: 40px;
}
.banner6 h5 span{
font-weight: bold;
color: #0d316e;
}
.main-img{
float: left;
width: 100%;
/* height: 496px; */
object-fit: cover;
}
.bb{
float: left;
width: 100%;
padding: 41px 0px;
border-radius: 20px;
background-color: #fff;
}
.b6main{
width: 100%;
float: left;
}
.b6-1{
height: 290px;
float: left;
width: 50%;
padding: 41px 44px;
}
.box-img{
float: left;
width: 50px;
margin-bottom: 20px;
object-fit: cover;
}
.b6-1 h2{
float: left;
width: 100%;
color: #000;
font-weight: bold;
font-size: 20px;
margin-bottom: 15px;
}
.b6-1 p{float: left;font-size: 15px;color: #000;font-weight: 400;text-align: left;line-height: 26px;width: 100%;}
.footer{
width: 100%;
float: left;
padding: 70px 0px;
background-color: #000;
border-bottom: 1px solid #1f1f1f;
}
.ft-logo{
float: left;
width: 100%;
}
.ft-logo img{
float: left;
width:100%;
object-fit: cover;
}
.ftr-cont{
float: left;
width: 100%;
}
.ftr-cont h1{
font-size: 30px;
font-weight: 500;
color: #fff;
float: left;
width: 100%;
line-height: 45px;
margin-bottom:25px;
}
.ftr-cont p{
font-size: 14px;
font-weight: 400;
color:#cdcccc;
float: left;
width: 100%;
line-height: 26px;
padding-right: 30px;
}
.link{
float: left;
width: 100%;
}
.link h3{
font-size: 18px;
font-weight: 500;
color: #fff;
float: left;
width: 100%;
line-height: 45px;
margin-bottom:40px;
}
.ql-1
{
float: left;
width: 50%;
}
.ql-1 a{
float: left;
width: 100%;
color: #cdcccc;
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
}
.ql-1 a:hover{
color: #fff;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}.q-2
{
float: left;
width: 100%;
}
.q-2 a{
float: left;
width: 100%;
color: #cdcccc;
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
}
.footer-last{
border-bottom: 1px solid #1f1f1f;
float: left;
width: 100%;
padding: 50px 0px;
background-color: #000;
}
.footer-last h1{
MARGIN-BOTTOM: 40px;
letter-spacing: 10px;
float: left;
width: 100%;
font-size: 120px;
font-weight: 300;
text-align: center;
background: linear-gradient(180deg, rgba(89,89,89,1) 28%, rgba(33,33,33,1) 52%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.footer-last h3{
font-size: 25px;
font-weight: 400;
color: #cdcccc;
float: right;
width: 59%;
line-height: 45px;
}
.footer-last h4 {
font-size: 25px;
font-weight: 400;
color: #cdcccc;
float: left;
text-align: LEFT;
width: 100%;
LINE-HEIGHT: 43PX;
}
.footer-last h4 a{
color: #cdcccc;
}
.footer-last h2 {
TEXT-ALIGN: CENTER;
font-size: 25px;
font-weight: 400;
color: #cdcccc;
float: left;
width: 100%;
line-height: 45px;
}
.footer-last h2 a{
color: #cdcccc;
float: left;
width: 100%;
line-height: 45px;
}
.copy{
float: left;
width: 100%;
padding: 40px 0px;
background-color: #000;
}
.copy h6{
font-size: 14px;
font-weight: 400;
color:#cdcccc;
float: left;
width: 100%;
line-height: 26px;
text-align: center;
}
.copy h6 a{
color: #cdcccc;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.copy h6 a:hover{
text-decoration: underline;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
@media(max-width:767px)
{
.q-box{
height: auto !important;
}
}
@media(min-width:1025px) and (max-width:1200px)
{
.q-box {
height: 353px !important;
}
.menuarea > ul {
width: 730px !important;
padding-left: 13px !important;
}
.menuarea > ul > li{
padding: 0 10px;
}
.banner2 h2{
font-size: 40px;
line-height: 50px;
}
.ban-1 {
float: left;
width: 100%;
padding-top: 13px;
}
.ban-1 p {
padding-bottom: 20px;
}
.vision-ban {
float: left;
width: 100%;
padding-top: 34px;
}
.ban-img img {
margin-top: 18px;
}
.ban-cont {
float: left;
width: 45%;
padding-left: 57px;
}
.b3-box h4 {
font-size: 20px;
}
.banner4 h5 {
float: left;
width: 53%;
}
.b4-1 img {
float: left;
width: 425px;
}
.b4-1 p {
margin-top: 0px;
float: left;
font-size: 17px;
}
.b4-1 h2 {
font-size: 45px;
}
.banner5 h5 {
width: 54%;
}
.banner6 h5 {
float: left;
width: 54%;
}
.b6-1 {
float: left;
width: 50%;
padding: 17px 25px;
height: 244px;
}
.ftr-cont h1 {
font-size: 28px;
line-height: 39px;
margin-bottom: 17px;
}
.footer-last h3{
width: 66%;
}
}
@media(min-width:991px) and (max-width:1024px)
{
.menu-img {
width: 28px;
margin-top: 36px;
}
.menuarea > ul {
padding-left: 13px !important;
}
.banner2 h2{
font-size: 40px;
line-height: 50px;
}
.ban-1 {
float: left;
width: 100%;
padding-top: 13px;
}
.ban-1 p {
padding-bottom: 20px;
}
.vision-ban {
float: left;
width: 100%;
padding-top: 34px;
}
.ban-img img {
margin-top: 18px;
}
.ban-cont {
float: left;
width: 45%;
padding-left: 57px;
}
.b3-box h4 {
font-size: 20px;
}
.banner4 h5 {
float: left;
width: 53%;
}
.b4-1 img {
float: left;
width: 425px;
}
.b4-1 p {
margin-top: 0px;
float: left;
font-size: 17px;
}
.b4-1 h2 {
font-size: 45px;
}
.banner5 h5 {
width: 54%;
}
.banner6 h5 {
float: left;
width: 54%;
}
.b6-1 {
float: left;
width: 50%;
padding: 17px 25px;
}
.ftr-cont h1 {
font-size: 28px;
line-height: 39px;
margin-bottom: 17px;
}
.footer-last h3{
width: 66%;
}
}
@media(min-width: 768px) and (max-width: 990px)
{
.info-left {
width: 15% !important;
}
.line-cont:before {
position: absolute;
content: "";
top: 0px;
left: -137px;
background: #1c3d76;
height: 4px;
width: 137px;
}
.points {
padding-top: 91px;
}
.line-cont:after {
width: 166px;
}
.main-img {
display: none;
}
.menu-img {
width: 28px;
margin-top: 36px;
}
.menuarea > ul {
padding-left: 13px !important;
}
.banner2 h2{font-size: 35px;line-height: 49px;}
.ban-1 {
float: left;
width: 100%;
/* padding-top: 13px; */
}
.ban-1 p {
/* padding-bottom: 20px; */
}
.vision-ban {
float: left;
width: 100%;
/* padding-top: 56px; */
}
.b3-box h4 {
font-size: 20px;
}
.banner4 h5 {
float: left;
width:80%;
}
.b4-1 img {
float: none;
/* width: 425px; */
margin: auto;
display: block;
}
.b4-1 p {
/* padding: 0px 9px; */
margin-top: 30px;
float: left;
font-size: 18px;
width: 100%;
text-align: center;
}
.b4-1 h2 {
font-size: 45px;
}
.banner5 h5 {
width: 80%;
}
.banner6 h5 {
float: left;
width:80%;
}
.b6-1 {
height: 230px;
float: left;
width: 50%;
padding: 17px 25px 17px 0px;
}
.ftr-cont h1 {
font-size: 28px;
line-height: 39px;
margin-bottom: 17px;
}
.footer-last h3 {
width: 100%;
font-size: 20px;
line-height: 34px;
}
.footer-last h2 {
TEXT-ALIGN: CENTER;
font-size: 20px;
}
.footer-last h4 {
font-size: 20px;
text-align: right;
}
.header-content h2 {
font-size: 60px;
line-height: 65px;
}
.slide{
height: 630px;
}
.slide .item{
height: 630px;
}
.slide .item .slide-image {
height: 630px;
}
.vision-ban h4 {
padding-right: 178px;
}
.ban-2 {
float: left;
width: 100%;
padding-top: 60px;
}
.ban-cont {
float: left;
width: 45%;
padding-left: 107px;
}
.sp-img:after{
right: 35px;
background: #1d458c;
height: 88px;
width: 4px;
top: 59px;
}
.sp-img img {
width: 100%;
position: relative;
bottom: -134px;
left: -23px;
}
.b3-1 h2 {
padding-bottom: 25px;
}
.b-rad1 {
border-radius: 20px 0px 0px 0px;
}
.b-rad2 {
border-radius: 0px 0px 20px 0px;
}
.b-rad3 {
border-radius: 0px 20px 0px 0px;
}
.b-rad4 {
border-radius: 0px 0px 0px 20px;
}
.btn3 {
float: none;
/* width: 100%; */
text-align: center;
display: block;
}
.btn3 a {
float: none;
display: inline-block;
}
.b5-1{
padding: 0px 25px 50px 25px;
}
.b5-2{
padding: 0px 25px 55px 25px;
}
.b5-3 {
padding: 55px 25px 0px 25px;
}
.b5-4 {
padding: 50px 25px 0px 25px;
}
.bb{
padding: 0px;
}
.link h3 {
margin-top: 33px;
}
}
@media(min-width:576px) and (max-width: 767px)
{
.b4-1 h3 br{
display: none;
}
.b4-1 h3 span {
margin-top: -30px;
}
.b4-1 h3{
font-size: 34px;
font-weight: 600;
line-height: 42px;
}
.b4-1 h2{
font-size: 34px;
font-weight: 600;
line-height: 42px;
}
.slide .item .header-content {
padding-top: 146px !important;
}
.header-content p{
width: 80%;
}
.scroll-down{
bottom: 77px;
}
.banner2 h2 br{
display: none;
}
.main-img {
display: none;
}
.menu-img {
width: 28px;
margin-top: 36px;
}
.menuarea > ul {
padding-left: 13px !important;
}
.banner2 h2{font-size: 35px;line-height: 49px;}
.ban-1 {
float: left;
width: 100%;
/* padding-top: 13px; */
}
.ban-1 p {
/* padding-bottom: 20px; */
}
.vision-ban {
float: left;
width: 100%;
/* padding-top: 56px; */
}
.b3-box h4 {
font-size: 20px;
}
.banner4 h5 {
float: left;
width: 100%;
}
.b4-1 img {
float: none;
width: 100%;
margin: auto;
display: block;
}
.b4-1 p {
/* padding: 0px 9px; */
margin-top: 30px;
float: left;
font-size: 18px;
width: 100%;
text-align: center;
}
.b4-1 h2 {
font-size: 45px;
}
.banner5 h5 {width: 100%;}
.banner6 h5 {
float: left;
width: 100%;
}
.b6-1 {
float: left;
width: 50%;
padding: 17px 25px 17px 0px;
}
.ftr-cont h1 {
text-align: center;
font-size: 28px;
line-height: 39px;
margin-bottom: 17px;
}
.footer-last h3 {
text-align: center;
width: 100%;
font-size: 20px;
line-height: 34px;
}
.footer-last h2 {
margin-top: 20px;
TEXT-ALIGN: center;
font-size: 20px;
}
.footer-last h4 {
font-size: 20px;
text-align: center;
margin-top: 20px;
}
.header-content h2 br{
/* display: none; */
}
.header-content h2 {
font-size: 48px;
line-height: 62px;
}
.slide{
height: 630px;
}
.slide .item{
height: 630px;
}
.slide .item .slide-image {
height: 630px;
}
.vision-ban h4 {
padding-right: 61px;
}
.ban-2 {
float: left;
width: 100%;
padding-top: 60px;
}
.ban-cont {
float: left;
width: 45%;
padding-left: 39px;
}
.sp-img:after{
right: 22px;
background: #1d458c;
height: 55px;
width: 4px;
top: 43px;
}
.sp-img img {
width: 100%;
position: relative;
bottom: -86px;
left: -10px;
}
.b3-1 h2 {
padding-bottom: 25px;
}
.b-rad1 {
border-radius: 20px 0px 0px 0px;
}
.b-rad2 {
border-radius: 0px 0px 20px 0px;
}
.b-rad3 {
border-radius: 0px 20px 0px 0px;
}
.b-rad4 {
border-radius: 0px 0px 0px 20px;
}
.btn3 {
float: none;
/* width: 100%; */
text-align: center;
display: block;
}
.btn3 a {
float: none;
display: inline-block;
}
.b5-1{
width: 100%;
padding: 0px 15px 55px 25px;
}
.b5-2{
padding: 0px 15px 55px 25px;
}
.b5-3 {
padding: 0px 15px 55px 25px;
}
.b5-4 {
width: 100%;
padding: 0px 15px 0px 25px;
}
.bb{
padding: 0px;
}
.link h3 {
text-align: center;
margin-top: 33px;
}
.points {
padding-top: 65px;
}
.points h6 {
margin-bottom: 16px;
}
.line-cont {
height: 220px;
}
.line-cont:after {
width: 166px;
}
.b5-1:after {
bottom: unset;
left: -10px;
top: 0px;
}
.b5-2:after {
z-index: 999;
bottom: unset;
top: 0px;
left: -10px;
}
.b5-3:after {
top: 0;
left: -10px;
}
.b5-4:after {
top: 0px;
left: -10px;
}
.ql-1 a {
text-align: center;
}
.q-2 a {
text-align: center;
}
.border-div {
display: none;
}
.ft-logo img {
margin-left: auto;
width: 249px;
margin-bottom: 35px;
margin-right: auto;
float: none;
display: block;
}
.footer-last h1 {
font-size: 90px;
}
.ftr-cont p {
text-align: center;
}
.banner5{
padding: 70px 0px 120px 0px;
}
.etc-img {
bottom: 17px;
left: 16px;
right: unset;
}
}
@media (min-width:450px) and (max-width:575px)
{
.b4-1 h3 br{
display: none;
}
.b4-1 h3 span {
display: none;
}
.b4-1 h2 span {
display: none;
}
.b4-1 h3{
text-align: center;
float: left;
width: 100%;
font-size: 34px;
font-weight: 600;
line-height: 42px;
}
.b4-1 h2{
text-align: center;
float: left;
width: 100%;
font-size: 34px;
font-weight: 600;
line-height: 42px;
}
.slide .item .header-content {
padding-top: 148px !important;
}
.header-content p{
width: 80%;
}
.scroll-down{
bottom: 77px;
}
.banner2 h2 br{
display: none;
}
.main-img {
display: none;
}
.menu-img {
width: 28px;
margin-top: 36px;
}
.menuarea > ul {
padding-left: 13px !important;
}
.banner2 h2{font-size: 33px;line-height: 47px;}
.ban-1 {
float: left;
width: 100%;
/* padding-top: 20px; */
}
.ban-1 p {
/* padding-bottom: 20px; */
}
.vision-ban {
float: left;
width: 100%;
/* padding-top: 56px; */
}
.b3-box h4 {
font-size: 20px;
}
.banner4 h5 {
float: left;
width: 100%;
font-size: 32px;
}
.b4-1 img {
float: none;
width: 100%;
margin: auto;
display: block;
}
.b4-1 p {
/* padding: 0px 9px; */
margin-top: 30px;
float: left;
font-size: 18px;
width: 100%;
text-align: center;
}
.b4-1 h2 {
font-size: 40px;
}
.banner5 h5 {width: 100%;}
.banner6 h5 {
float: left;
width: 100%;
font-size: 32px;
}
.b6-1 {
height: auto;
float: left;
width: 90%;
padding: 17px 25px 17px 0px;
}
.ftr-cont h1 {
text-align: center;
font-size: 28px;
line-height: 39px;
margin-bottom: 17px;
}
.footer-last h3 {
text-align: center;
width: 100%;
font-size: 20px;
line-height: 34px;
}
.footer-last h2 {
margin-top: 20px;
TEXT-ALIGN: center;
font-size: 20px;
}
.footer-last h4 {
font-size: 20px;
text-align: center;
margin-top: 20px;
}
.header-content h2 {
font-size: 49px;
line-height: 57px;
}
.header-content h2 br{
display: none;
}
.slide{
height: 630px;
}
.slide .item{
height: 630px;
}
.slide .item .slide-image {
height: 630px;
}
.vision-ban h4 {
padding-right: 15px;
}
.ban-2 {
float: left;
width: 100%;
padding-top: 0px;
padding-bottom: 0;
}
.ban-cont {
float: left;
width: 100%;
padding-left: 15px;
}
.sp-img:after{
display: none;
right: 187px;
background: #1d458c;
height: 59px;
width: 4px;
top: 16px;
}
.sp-img img {
display: none;
width: 100%;
position: relative;
bottom: -64px;
right: 175px;
left: unset;
}
.b3-1 h2 {
padding-bottom: 20px;
font-size: 30px;
line-height: 41px;
}
.b-rad1 {
border-radius: 20px 20px 0px 0px;
}
.b-rad2 {
border-radius: 0px 0px 20px 20px;
}
.b-rad3 {
border-radius: 0px 0px 0px 0px;
}
.b-rad4 {
border-radius: 0px 0px 0px 0px;
}
.btn3 {
float: none;
/* width: 100%; */
text-align: center;
display: block;
}
.btn3 a {
float: none;
display: inline-block;
}
.b5-1{
width: 100%;
padding: 0px 15px 55px 25px;
}
.b5-2{
padding: 0px 15px 55px 25px;
}
.b5-3 {
padding: 0px 15px 55px 25px;
}
.b5-4 {
width: 100%;
padding: 0px 15px 0px 25px;
}
.bb{
padding: 0px;
}
.link h3 {
text-align: center;
margin-top: 33px;
}
.points {
margin: auto;
max-width: 156px;
padding-top: 44px;
padding-left: 0px;
width: 100%;
display: block;
float: none;
}
.points h6 {
margin-bottom: 16px;
/* text-align: center; */
}
.line-cont {
height: 224px;
margin-top: 0px;
display: none;
}
.line-cont:after {
width: 164px;
display: none;
}
.line-cont:before {
display: none;
}
.b5-1:after {
bottom: unset;
left: -10px;
top: 0px;
}
.b5-2:after {
z-index: 999;
bottom: unset;
top: 0px;
left: -10px;
}
.b5-3:after {
top: 0;
left: -10px;
}
.b5-4:after {
top: 0px;
left: -10px;
}
.ql-1 a {
text-align: center;
}
.q-2 a {
text-align: center;
}
.border-div {
display: none;
}
.ft-logo img {
margin-left: auto;
width: 249px;
margin-bottom: 35px;
margin-right: auto;
float: none;
display: block;
}
.footer-last h1 {
font-size: 67px;
}
.ftr-cont p {
text-align: center;
}
.banner5{
padding: 70px 15px 120px 15px;
}
.etc-img {
bottom: 17px;
left: 16px;
right: unset;
}
.ban-img {
position: relative;
z-index: 999;
float: left;
width: 100%;
background-image: url(../images/bg.png);
background-repeat: no-repeat;
background-size: 71%;
background-position: top;
background-position-x: 1%;
}
.ban-img img {
margin-top: -53px;
width: 73%;
object-fit: cover;
float: none;
margin-left: auto;
margin-right: auto;
/* display: block; */
}
.points h6:after {
position: absolute;
content: "";
top: 9px;
/* left: 121px; */
}
.copy{
padding-left: 15px;
padding-right: 15px;
}
.ban-mob-img {
margin-top: 30px;
position: relative;
z-index: 999;
/* float: none; */
/* margin: auto; */
display: inline-block;
width: 100%;
background-image: url(../images/bg.png);
background-repeat: no-repeat;
background-size: 59%;
background-position: top;
}
.ban-mob-img img {
margin-top: 26px;
width: 65%;
object-fit: cover;
float: none;
margin: auto;
display: block;
}
}
.b3-box:hover{
background-color: #d5deed;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
@media (max-width:449px)
{
.b4-1 h3 br{
display: none;
}
.b4-1 h3 span {
display: none;
}
.b4-1 h2 span {
display: none;
}
.b4-1 h3{
text-align: center;
float: left;
width: 100%;
font-size: 34px;
font-weight: 600;
line-height: 42px;
}
.b4-1 h2{
text-align: center;
float: left;
width: 100%;
font-size: 34px;
font-weight: 600;
line-height: 42px;
}
h2.contact-title {
text-align: center;
}
.section-bg {
padding: 70px 0px !important;
}
.contact-info p {
text-align: center !important;
}
ul.contact-info li {
display: inline-block !important;
width: 100%;
}
.info-right h4 {
margin-top: 20px;
text-align: center;
}
.info-left {
float: left;
width: 100% !important;
}
.info-right{
float: left;
width: 100% !important;
}
.info-right h4 {
margin-top: 20px;
text-align: center;
line-height: 38px;
color: #edf5ff;
font-size: 15px;
font-weight: 400;
}
.info-left img {
margin-left: auto;
float: none !important;
width: 40px;
object-fit: cover;
margin-top: 7px;
margin-right: auto;
display: block;
}
.contact-info {
width: 100%;
float: left;
}
.ban-mob-img {
margin-top: 67px;
position: relative;
z-index: 9;
/* float: none; */
/* margin: auto; */
display: inline-block;
width: 100%;
background-image: url(../images/bg.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
}
.ban-mob-img img {
margin-top: -44px;
width: 100%;
object-fit: cover;
float: none;
margin-left: auto;
display: block;
margin-right: auto;
}
.banner3 {
padding: 60px 0px 40px 0px
}
.slide .item .header-content {
padding-top: 148px !important;
}
.header-content p{
width: 100%;
}
.scroll-down{
bottom: 59px;
}
.banner2 h2 br{
display: none;
}
.main-img {
display: none;
}
.menu-img {
width: 28px;
margin-top: 36px;
}
.menuarea > ul {
padding-left: 13px !important;
}
.banner2 h2{/* line-height: 25px; */font-size: 26px;line-height: 37px;}
.banner2 h2 br{
display: none;
}
.ban-1 {
float: left;
width: 100%;
padding-top: 24px;
}
.ban-1 p {
padding-bottom: 20px;
}
.vision-ban {
float: left;
width: 100%;
/* padding-top: 56px; */
}
.b3-box h4 {
font-size: 20px;
}
.banner4 h5 {
float: left;
width: 100%;
font-size: 32px;
}
.b4-1 img {
float: none;
width: 100%;
margin: auto;
display: block;
}
.b4-1 p {
/* padding: 0px 9px; */
margin-top: 30px;
float: left;
font-size: 18px;
width: 100%;
text-align: center;
}
.b4-1 h2 {
font-size: 30px;
}
.b4-1 h2 span{
font-size: 26px;
height: 50px;
width: 50px;
}
.banner5 h5 {width: 100%;}
.banner6 h5 {
float: left;
width: 100%;
font-size: 32px;
}
.b6-1 {
height: auto;
float: left;
width: 90%;
padding: 17px 25px 17px 0px;
}
.ftr-cont h1 {
text-align: center;
font-size: 28px;
line-height: 39px;
margin-bottom: 17px;
}
.footer-last h3 {
text-align: center;
width: 100%;
font-size: 20px;
line-height: 34px;
}
.footer-last h2 {
margin-top: 20px;
TEXT-ALIGN: center;
font-size: 20px;
}
.footer-last h4 {
font-size: 20px;
text-align: center;
margin-top: 20px;
}
.header-content h2 br{
display: none;
}
.header-content h5 {
font-size:14px;
}
.header-content h2 {
font-size: 41px;
line-height: 47px;
}
.slide{
height: 580px;
}
.slide .item{
height: 580px;
}
.slide .item .slide-image {
height: 580px;
}
.vision-ban h4 {
padding-right: 15px;
}
.ban-2 {
float: left;
width: 100%;
padding-top: 20px;
padding-bottom: 0px;
}
.ban-cont {
float: left;
width: 100%;
padding-left: 0px;
}
.sp-img:after{
display: none;
right: 187px;
background: #1d458c;
height: 59px;
width: 4px;
top: 16px;
}
.sp-img img {
display: none;
width: 100%;
position: relative;
bottom: -64px;
right: 175px;
left: unset;
}
.b3-1 h2 {
padding-bottom: 20px;
font-size: 30px;
line-height: 41px;
}
.b-rad1 {
border-radius: 20px 20px 0px 0px;
}
.b-rad2 {
border-radius: 0px 0px 20px 20px;
}
.b-rad3 {
border-radius: 0px 0px 0px 0px;
}
.b-rad4 {
border-radius: 0px 0px 0px 0px;
}
.btn3 {
float: none;
/* width: 100%; */
text-align: center;
display: block;
}
.btn3 a {
float: none;
display: inline-block;
}
.b5-1{
width: 100%;
padding: 0px 15px 55px 25px;
}
.b5-2{
padding: 0px 15px 55px 25px;
}
.b5-3 {
padding: 0px 15px 55px 25px;
}
.b5-4 {
width: 100%;
padding: 0px 15px 0px 25px;
}
.bb{
padding: 0px;
}
.link h3 {
text-align: center;
margin-top: 33px;
}
.points {
padding-top: 0px;
max-width: 171px;
margin: auto;
display: block;
float: none;
}
.points h6 {
margin-bottom: 16px;
}
.line-cont {
height: 224px;
margin-top: 0px;
display: none;
}
.line-cont:after {
width: 164px;
display: none;
}
.line-cont:before {
display: none;
}
.b5-1:after {
bottom: unset;
left: -10px;
top: 0px;
}
.b5-2:after {
z-index: 999;
bottom: unset;
top: 0px;
left: -10px;
}
.b5-3:after {
top: 0;
left: -10px;
}
.b5-4:after {
top: 0px;
left: -10px;
}
.ql-1 a {
text-align: center;
}
.q-2 a {
text-align: center;
}
.border-div {
display: none;
}
.ft-logo img {
margin-left: auto;
width: 249px;
margin-bottom: 35px;
margin-right: auto;
float: none;
display: block;
}
.footer-last h1 {
font-size: 50px;
}
.ftr-cont p {
text-align: center;
}
.banner5{
padding: 70px 15px 120px 15px;
}
.etc-img {
bottom: 17px;
left: 16px;
right: unset;
}
.ban-img {
position: relative;
z-index: 9;
float: left;
width: 100%;
background-image: url(../images/bg.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
background-position-x: 1%;
}
.ban-img img {
margin-top: -53px;
width: 100%;
object-fit: cover;
float: none;
margin-left: auto;
margin-right: auto;
/* display: block; */
}
.points h6:after {
position: absolute;
content: "";
top: 9px;
}
.copy{
padding-left: 15px;
padding-right: 15px;
}
}
/*aboutus*/b-r.about-one__img img {
width: 100%;
transform: scaleX(1);
transition: transform 1s ease-in-out;
}
/*aboutus*/
.abt-banner1{
padding: 150px 0px;
float: left;
width: 100%;
/* height: 500px; */
background-image: url("../images/bgh.png");
background-color: #162c53;
object-fit: cover;
background-repeat: no-repeat;
background-size: cover;
background-position: left;
}
.abt-banner1 h1{
text-align: left;
float: left;
width: 100%;
color: #fff;
font-size: 53px;
line-height: 51px;
/* padding-top: 200px; */
position: relative;
font-weight: 500;
}
.abt-banner1 h1 span{
width: 100%;
float: left;
font-size: 15px;color: #9b9898;font-weight: 400;}
.abt-banner1 a{
/* padding-top: 55px; */
text-align: left;
float: left;
color: #fff;
font-weight: 400;
font-size: 15px;
position: relative;
right: 0;
}
.abt-banner2{
float: left;
width: 100%;
padding: 70px 0px;
}
.abt-banner2-img{
float: right;
width: 500px;
height: 495px;
margin-left: 40px;
margin-bottom: 30px;
object-fit: cover;
}
.abt-banner2 h5{
font-size: 35px;
font-weight: 300;
line-height: 48px;
color: #000;
padding-bottom: 20px;
}
.abt-banner2 h5 span{
font-weight: bold;
color: #0d316e;
}
.abt-para {
font-size: 15px;
color: #000;
font-weight: 400;
text-align: left;
line-height: 30px;
padding-bottom: 20px;
}
.feature {
display: inline-block;
margin-top: 15px;
width: 51%;
}
.feature li{
margin-bottom: 20px !important;
}
.feature img {
width: 50px;
display: inline-block;
margin-right: 20px;
vertical-align: middle;
}
.feature-content {
display: inline-block;
vertical-align: middle;
width: 85%;
}
.feature-content h2{
font-size: 20px;
font-weight: bold;
color:#0d316e;
padding-bottom: 3px;
}
.feature-content p{
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 30px;
padding-bottom: 0px;
}
.abt-banner3{
/* height: 600px; */
float: left;
width: 100%;
padding: 70px 0px 0px 0px;
/* background-color: #162c53; */
background-image: url("../images/bg2.png");
background-repeat: no-repeat;
position: relative;
background-position: top;
}
.abt-banner3 h6
{
float: left;
width: 100%;
font-size: 17px;
font-weight: 400;
text-decoration: underline;
color: #fff;
padding-bottom: 20px;
}
.abt-banner3 h5{
float: left;
width:100%;
font-size: 35px;
font-weight: 300;
line-height: 48px;
color: #fff;
padding-bottom: 80px;
}
.abt-banner3 h5 span{
font-weight: bold;
color: #fff;
}
.ab-p{
padding-top: 45px;
float: left;
font-size: 15px;
color: #fff;
font-weight: 400;
text-align: right;
line-height: 30px;
width: 100%;
}
.b5-bx1{
border-bottom: 5px solid #ff9800;
margin-top: 64px;
z-index: 9;
position: relative;
float: left;
background: #0d316e;
padding: 30px 0px;
/* margin-top: -100px; */
width: 100%;
border-radius: 25px;
}
.count{
float: left;
width: 100%;
}
.count .item1:after {
content: '+';
position: absolute;
color: #fff;
}
.count-cont{
float: left;
width: 100%;
}
.count .item1 {
color: #fff;
font-size: 58px;
font-weight: 600;
float: left;
width: 100%;
line-height: 120%;
text-align: center;
position: relative;
margin-top: 6px;
padding-right: 35px;
/* padding: 0px 75px; */
}
.count .item p {
color: white!important;
font-size: 16px !important;
font-weight: 400 !important;
width: 100%;
margin-bottom: 0px;
float: left !important;
text-align: center;
line-height: 20px;
}
.countimg{
width: 83px;
height: 83px;
border-radius: 100%;
background-color: #395585;
float: none;
padding: 18px 22px;
margin-left: auto;
display: block;
margin-right: auto;
margin-top: -61px;
}
.countimg img{
width: 44px;
/* float: none; */
/* margin: auto; */
/* display: block; */
align-items: center;
justify-content: center;
}
.abt-white{
/* top: -251px; */
/* position: relative; */
width: 100%;
float: left;
/* padding-top: 159px; */
padding: 81px 0px 100px 0px;
}
.abt-white h1{
margin-bottom: 34px;
float: left;
width:100%;
font-size: 45px;
font-weight: 300;
line-height: 56px;
color: #000;
text-align: center;
}
.abt-white h1 span{
font-weight: bold;
color: #0d316e;
}
.call-action {
float: left;
width: 100%;
padding-bottom: 90px;
background-image: url(../images/cta.png);
background-size: cover;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed !important;
}
.call-bg {
padding-top: 80px;
}
.call-bg h5{
letter-spacing: 10px;
font-size: 16px;
color: #d3d6d8;
float: left;
font-weight: 500;
margin-bottom: 25px;
width: 100%;
text-align: center;
}
.call-bg h1{
line-height: 65px;
font-size: 52px;
color: #fff;
float: left;
font-weight: 600;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.cta-btn{
text-align: center;
float: left;
width: 100%;
/* display: inline-block; */
/* margin: auto; */
}
.call-nav {
width: 140px;
height: 50px;
color: #fff;
font-size: 14px;
float: none;
display: inline-block;
font-weight: 400;
text-align: center;
background: #0b1e3e;
padding: 18px 0;
border-radius: 10px;
position: relative;
overflow: hidden;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.btn-img-cta{
margin-left: 2px;
margin-top: -1px;
float: none;
width: 25px !important;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.call-nav:hover {
background: #ffffff;
color: #0b1e3e;
text-decoration: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
/*service*/
.electrical-sec-full {
width: 100%;
float: left;
padding: 90px 0;
}.electrical-sec-full img {
float: left;
}.electrical-sec-full h2 {
line-height: 50px;
font-size: 35px;
color: #101010;
padding-top: 20px;
float: left;
width: 100%;
font-weight: 700;
}
.electrical-sec-full p {
width: 100%;
float: left;
font-size: 15px;
color: #101010;
line-height: 29px;
padding: 10px 0 0;
margin: 0;
}.service-right {
width: 100%;
float: left;
background: #fff;
/* box-shadow: 2px 1px 6px 7px rgb(0 0 0 / 5%); */
}.service-right h6 {
padding: 6px 10px;
width: 100%;
/* border-top: 1px solid #cccccc52; */
background: #d1d1d1ab;
margin-bottom: 10px;
height: auto;
float: left;
/* border-radius: 10px; */
font-weight: 700;
text-align: left;
}
.service-right h6:hover {
background: #0d316e;
}
.service-right h6 a:hover{
text-decoration:none;
color: #fff;
}
.service-right h6 a {
line-height: 24px;
font-size: 15px;
color: #000;
text-transform: uppercase;
padding: 8px 5px;
float: left;
width: 100%;
}.service-right svg {
width: 46px;
height: 46px;
fill: #000;
margin-top: -15px;
float: right;
display: none;
padding: 15px;
background: #fff;
/* border-radius: 10px; */
}.active-serv {
background: #0d316e !important;
}.active-serv a {
color: #fff !important;
}.active-serv svg {
/* background: #1e1f20 !important; */
/* fill: #fff !important; */
/* filter: brightness(273); */
}
@media(min-width:1025px) and (max-width:1200px)
{
.abt-banner2-img {
margin-top: 78px;
width: 396px;
height: 400px;
}
.feature-content{
width: 82%;
}
.points {
padding-top: 98px;
}
.sp-img:after {
position: absolute;
content: "";
top: 52px;
right: -1px;
background: #1d458c;
height: 36px;
width: 4px;
}
.sp-img img {
width: 100%;
position: relative;
bottom: -75px;
}
}
@media(min-width:991px) and (max-width:1024px)
{
.abt-banner2-img {
margin-top: 78px;
width: 396px;
height: 400px;
}
.feature-content{
width: 82%;
}
}
@media(min-width:768px) and (max-width:990px)
{
.abt-banner2-img {
height: auto;
float: none;
width: 500px;
margin-left: auto;
margin-bottom: 30px;
margin-right: auto;
display: block;
}
.abt-banner2 h5 {
text-align: center;
width: 100%;
float: left;
}
.abt-para {
text-align: center;
width: 100%;
float: left;
}
.feature{
width: 100%;
}
.feature img {
display: block;
float: none;
margin: auto;
vertical-align: unset;
}
.feature-content {
display: inline-block;
vertical-align: unset;
width: 100%;
text-align: center;
margin-top: 20px;
}
.abt-banner3 h5 {
padding-bottom: 20px;
}
.ab-p {
padding-top: 0px;
text-align: left;
}
.abt-banner3 {
height: 692px;
background-position: center;
background-size: cover;
}
.abt-white{
padding: 146px 0px 100px 0px;
}
}
@media(min-width:576px) and (max-width:767px)
{
.abt-white h1 {
margin-bottom: 27px;
font-size: 33px;
}
.b5-bx1 {
margin-top: 40px;
}
.call-bg h1 {
line-height: 48px;
font-size: 39px;
margin-bottom: 26px;
}
.abt-banner1 h1 {
font-size: 50px;
}
.electrical-sec-full h2 {
font-size: 35px;
padding-top: 27px;
text-align: center;
}
.electrical-sec-full p {
text-align: center;
}
.service-right {
margin-top: 39px;
}
.service-right h6 a {
text-align: center;
}
.service-right h4{
text-align: center!important;
}
.abt-banner2-img {
float: none;
width: 100%;
height: auto;
margin-left: auto;
margin-bottom: 30px;
margin-right: auto;
display: block;
}
.abt-banner2 h5 {
text-align: center;
width: 100%;
float: left;
}
.abt-para {
text-align: center;
width: 100%;
float: left;
}
.feature{
width: 100%;
}
.feature img {
display: block;
float: none;
margin: auto;
vertical-align: unset;
}
.feature-content {
display: inline-block;
vertical-align: unset;
width: 100%;
text-align: center;
margin-top: 20px;
}
.abt-banner3 h5 {
padding-bottom: 20px;
}
.ab-p {
padding-top: 0px;
text-align: left;
}
.abt-banner3 {
height: 692px;
background-position: center;
background-size: cover;
}
.abt-white{
padding: 146px 0px 100px 0px;
}
}
@media(min-width:450px) and (max-width:575px)
{
.abt-white h1 br{
display: none;
}
.abt-banner1 {
padding: 90px 0px;
}
.call-action {
padding-right: 15px;
padding-left: 15px;
}
.b5-bx1{
padding: 30px 15px;
}
.count .item1 {
color: #fff;
font-size: 45px;
}
.abt-white h1 {
margin-bottom: 27px;
font-size: 33px;
}
.b5-bx1 {
margin-top: 40px;
}
.call-bg h1 {
line-height: 48px;
font-size: 39px;
margin-bottom: 26px;
}
.abt-banner1 h1 {
font-size: 42px;
line-height: 47px;
}
.electrical-sec-full h2 {
font-size: 35px;
padding-top: 27px;
text-align: center;
}
.electrical-sec-full p {
text-align: center;
}
.service-right {
margin-top: 39px;
}
.service-right h6 a {
text-align: center;
}
.service-right h4{
text-align: center!important;
}
.abt-banner2-img {
height: auto;
float: none;
width: 100%;
margin-left: auto;
margin-bottom: 30px;
margin-right: auto;
display: block;
}
.abt-banner2 h5 {
text-align: center;
width: 100%;
float: left;
}
.abt-para {
text-align: center;
width: 100%;
float: left;
}
.feature{
width: 100%;
}
.feature img {
display: block;
float: none;
margin: auto;
vertical-align: unset;
}
.feature-content {
display: inline-block;
vertical-align: unset;
width: 100%;
text-align: center;
margin-top: 20px;
}
.abt-banner3 h5 {
padding-bottom: 20px;
}
.ab-p {
padding-top: 0px;
text-align: left;
}
.abt-banner3 {
height: 692px;
background-position: center;
background-size: cover;
}
.abt-white{
padding: 146px 0px 100px 0px;
}
.info-left {
width: 13% !important;
}
}
@media(max-width:449px)
{
.vision-ban img {
margin-bottom: 96px;
}
.contact-form input {
text-align: center;
}
.contact-form textarea {
text-align: center;
}
.contact-snd{
float: none !important;
margin-left: auto;
margin-right: auto;
display: block;
}
.abt-white h1 br{
display: none;
}
.abt-banner1 h1 br{
display: none;
}
.abt-banner1 {
padding: 90px 0px;
}
.call-action {
padding-right: 15px;
padding-left: 15px;
}
.b5-bx1{
padding: 27px 7px;
}
.count .item1 {
color: #fff;
font-size: 45px;
}
.abt-white h1 {
margin-bottom: 27px;
font-size: 35px;
line-height: 44px;
}
.b5-bx1 {
margin-top: 40px;
}
.call-bg h1 {
line-height: 48px;
font-size: 39px;
margin-bottom: 26px;
}
.abt-banner1 h1 {
font-size: 35px;
line-height: 44px;
}
.electrical-sec-full h2 {
font-size: 35px;
padding-top: 27px;
text-align: center;
}
.electrical-sec-full p {
text-align: center;
}
.service-right {
margin-top: 39px;
}
.service-right h6 a {
text-align: center;
}
.service-right h4{
text-align: center!important;
}
.abt-banner2-img {
height: auto;
float: none;
width: 100%;
margin-left: auto;
margin-bottom: 30px;
margin-right: auto;
display: block;
}
.abt-banner2 h5 {
text-align: center;
width: 100%;
float: left;
font-size: 32px;
font-weight: 300;
line-height: 43px;
}
.abt-para {
text-align: center;
width: 100%;
float: left;
}
.feature{
width: 100%;
}
.feature img {
display: block;
float: none;
margin: auto;
vertical-align: unset;
}
.feature-content {
display: inline-block;
vertical-align: unset;
width: 100%;
text-align: center;
margin-top: 20px;
}
.abt-banner3 h5 {
padding-bottom: 20px;
font-size: 30px;
line-height: 40px;
}
.ab-p {
padding-top: 0px;
text-align: left;
}
.abt-banner3 {
height: 710px;
background-position: center;
background-size: cover;
}
.abt-white{
padding: 120px 0px 100px 0px;
}
.electrical-sec-full img {
width: 100%;
float: left;
height: auto;
object-fit: cover;
}
.electrical-sec-full {
width: 100%;
float: left;
padding: 70px 0;
}
.call-bg h1 br{
display: none;
}
.abt-banner3{
background-image: url("../images/mob.png");
}
}
.quality-ban{
float: left;
width: 100%;
padding: 70px 0px;
background-color: #162c53;
}
.q-box{
height: 300px;
float: left;
width: 100%;
padding: 30px 30px;
background-color: #fafafa;
border-radius: 20px;
border: 1px dashed #515d76;
margin-bottom: 20px;
}
.q-box img{
float: none;
display: block;
margin:auto;
width: 50px;
}
.q-box h5{
color: #000;
float: left;
width: 100%;
font-weight: 600;
font-size: 22px;
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
}
.q-box p{
float: left;
font-size: 15px;
color: #515050;
font-weight: 400;
text-align: left;
line-height: 26px;
width: 100%;
text-align: center;
}
/*.overlay2 {
background-image: linear-gradient(to right, rgb(28 63 149), rgb(28 63 149 / 44%));
width: 100%;
height: 100%;
z-index: 1;
position: relative;
padding: 79px 0;
}*/
.section-bg {
background-size: cover;
position: relative;
background-position: left;
z-index: 0;
padding: 100px 0px;
min-height: auto;
overflow: hidden;
float: left;
width: 100%;
}
.contact-form {
float: left;
position: relative;
padding: 45px 0 45px 60px;
width: 100%;
}
.contact-form:before {
position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 20px;
background: #ffffff;
box-shadow: 10px 40px 40px rgba(0,0,0,.2);
pointer-events: none;
right: auto;
width: 100vw;
}
.particles-js-canvas-el {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.contact-form input {
border: 0;
background: transparent;
display: block;
width: 100%;
min-height: 50px;
padding: 11px 0;
font-size: 16px;
font-weight: 600;
line-height: 27px;
background-color: transparent;
background-image: none;
border-radius: 0;
-webkit-appearance: none;
transition: .3s ease-in-out;
border: 2px solid transparent;
border-bottom-color: rgba(0,0,0,.1);
}
.contact-form textarea {
border: 0;
background: transparent;
display: block;
width: 100%;
min-height: 50px;
padding: 11px 0;
font-size: 15px;
font-weight: 500;
line-height: 27px;
background-color: transparent;
background-image: none;
border-radius: 0;
-webkit-appearance: none;
transition: .3s ease-in-out;
border: 2px solid transparent;
border-bottom-color: rgba(0,0,0,.1);
}
.contact-form input::placeholder {
color:#222;
}
.contact-form textarea::placeholder {
color:#222;
}
.contact-form input {
margin-bottom: 30px;
font-size: 15px;
font-weight: 500;
height: 55px;
}
.contact-form input:hover, .contact-form input:focus{
outline: none;
box-shadow: none;
background: transparent;
border: 2px solid transparent;
border-bottom-color: rgb(28 63 149);
}
.contact-form textarea:hover, .contact-form textarea:focus{
background: transparent;
outline: none;
box-shadow: none;
border: 2px solid transparent;
border-bottom-color: rgb(27 61 144);
}
.taso-btn {
background-color: #fff;
margin: 25px 0;
color: #214dcb;
-webkit-box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.32);
box-shadow: 0px 10px 30px 0px rgba(255, 255, 255, 0.17);
}
.contact-info {
/* padding: 0 30px 0px 0; */
}
h2.contact-title {
font-size: 35px;
font-weight: 600;
color: #fff;
margin-bottom: 30px;
}
.contact-info p {
/* margin-top: 20px; */
float: left;
font-size: 15px;
color: #b8c6d5;
font-weight: 400;
text-align: left;
line-height: 29px;
width: 100%;
padding-bottom: 23px;
}
ul.contact-info {
/* margin-top: 30px; */
}
ul.contact-info li {
margin-bottom: 22px;
}
ul.contact-info span {
font-size: 20px;
line-height: 26px;
}
ul.contact-info li {
display: flex;
width: 100%;
}
.info-left {
width: 14%;
float: left;
display: flex;
align-items: center;
justify-content: center;
}
.info-left i {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 30px;
color: #ffffff;
}
.info-right h4 {
line-height: 38px;
color: #edf5ff;
font-size: 15px;
font-weight: 400;
}
.info-right h4 a{
line-height: 38px;
color: #edf5ff;
font-size: 15px;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.contact-form {
padding: 30px;
}
.contact-form:before {
width: 100%;
}
}
.info-left img{
float: left;
width: 40px;
object-fit: cover;
/* margin-top: 7px; */
}
.contact-snd {
background: #1c3f95;
border: 0;
width: 140px;
height: 50px;
font-size: 14px;
color: #fff;
padding: 18px 0px;
float: left;
margin-top: 10px;
position: relative;
border-radius: 10px;
cursor: pointer;
}
.contact-snd:hover{
background-color: #011442;
transition: all 0.4s ease-in-out 0s;
z-index: auto;
color: #fff;
}
.service-right h4
{
padding: 12px 10px;
float: left;
width: 100%;
text-align: left;
font-size: 33px;
color: #0d316e;
font-weight: 700;
margin-bottom: 10px;
background-color: #e0e0e0;
}
@media(max-width:575px)
{
.abt-banner1 h1 {
text-align: center;
}
.abt-banner1 h2{
width: 100%;
float: left;
text-align: center;
}
.abt-banner1 h2 a{
float: none;
}
}
@media(min-width:1400px) and (max-width:1490px)
{
.left-bg {
float: left;
height: 100vh;
padding: 94px 66px;
}
}
@media (max-width: 575px) {
.ip-logo, .ip-loader {
position: absolute;
left: 9px !important;
width: 100%;
opacity: 0;
cursor: default;
pointer-events: none;
}
}
.hd-presence p a{
float: left;
width: 100%;
font-size: 15px;
color: #a7c1dd;
line-height: 27px;
padding-top: 5px;
font-weight: 400;
}
.hidden-input-field {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
.grecaptcha-badge {
visibility: hidden;
}he