html{
overflow-x: hidden;
}
body{
margin: 0;
font-family: 'poppins', sans-serif !important;
}
a{
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;
}
.mainheader{
width: 100%;
float: left;
background: white;
position: relative;
z-index: 999;
height: 0px;
}
.total-header{
width: 100%;
border-bottom: 2px solid #6e6e70;
height: 125px;
}
.logopart{
width: 30%;
padding: 30px 0px 0px 0px;
float: left;
position: relative;
z-index: 11;
}
.logobox{
float: left;
}
.logopart img{
float: left;
width: 330px;
}
.menuarea{
padding: 54px 0px 0px 0px;
width: 70%;
float: left;
text-align: center;
}
/*mediasidemenu*/
.menuarea > .mob_nav {
margin-top: 43px;
display: block;
float: right;
width: 28px;
height: 20px;
cursor: pointer;
transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
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;
position: relative;
z-index: 11111;
}
.menuarea > .mob_nav > div {
background-color:#fff;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
display: block;
height: 3px;
left: 0;
position: absolute;
transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
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;
width: 100%;
}
.menuarea > .mob_nav > div:nth-child(1) {
top: 8px;
width: 19px;
}
.menuarea > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
top: 16px;
}
.menuarea > .mob_nav > div:nth-child(4) {
top: 23px;
}
.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
left: 50%;
top: 18px;
width: 0%;
}
.mob_nav.open > div:nth-child(2) {
top: 1px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.mob_nav.open > div:nth-child(3) {
background: #fff;
top: 1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.menuarea > ul{
width: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 0px;
float: left;
padding-left: 74px !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;
}
.menuarea > ul > li{
width: auto;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 0px 15px 0px 15px;
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{
width: auto;
color: #e8e9e9;
font-weight: 200;
float: left;
position: relative;
padding-bottom: 35px;
font-size: 16px;
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: #fff;
-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: #fff;
-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: #fff!important;
font-weight: 400 !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 li:hover > ul {
visibility: visible;
opacity: 1;
z-index: 99999;
margin-top: 45px;
transform: translate(0,0);
}
/*.sub-menu {
margin-top: 73px!important;
}*/
.menu ul {
border-radius: 10px;
visibility: hidden;
opacity: 0;
margin: 0;
top: 0px;
padding: 0;
width: 314px;
position: absolute;
left: -76px;
background: white;
z-index: 99;
float: none;
transform: translate(0,20px);
transition: all .2s ease-out;
}
.menu ul li {
display: block;
float: none;
background: 0 0;
margin: 0;
padding: 13px 10px;
width: 100%;
position: relative;
z-index: 100;
}
.menu ul li a {
border-bottom: none;
width: 100%;
font-size: 15px;
font-weight: 400;
text-align: left;
padding: 0px 10px;
display: block;
color: #00215b;
background: transparent;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.menu li:first-child {
margin-left: 0;
}
.menu li:nth-child(2) {
border-bottom: none;
}
.menu ul li a:hover{
text-decoration: none;
padding-left: 20px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.menu-padding{
padding-top: 0px;
}
/*triangle on hoverul*/
.menu ul:after {
bottom: 100%;
left: 43%;
border: solid #fff;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
border-width: 6px;
}
.sp-li {
padding: 0px 0px 0px 15px !important;
}
.slide {
float: left;
width: 100%;
top: 0px;
background: url(../images/home.svg);
background-size: cover;
/* background-position: center; */
position: relative;
z-index: 1;
height: 780px;
}
.slide .item {
width: 100%;
float: left;
position: relative;
height: 780px;
}
.slide .item .slide-image {
float: right;
margin-left: 0px;
/* position: absolute; */
/* width: auto !important; */
/* z-index: 9999; */
width: 100%;
right: 0;
object-fit: cover;
top: 0;
height: 780px;
}
.slider-ban .owl-item.active .slide-image{
transform: scale(1.1);
transition: 10s;
}
.slide .item .cover {
padding: 0px 0px;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0;
display: flex;
align-items: center;
}
.slide .item .cover .header-content {
padding-top: 100px !important;
}
.slide .item .cover .header-content {
width: 100%;
position: relative;
/* padding: 56px; */
overflow: hidden;
}
.header-content h1 {
float: left;
font-size: 70px;
color: #fff;
font-weight: 600;
text-align: left;
/* padding-left: 30px; */
line-height: 80px;
width: 100%;
}
.header-content h1 span{
font-weight: 400;
}
.header-content p {
float: left;
margin-top: 20px;
font-size: 15px;
color: #fff;
font-weight: 400;
line-height: 32px;
width: 50%;
text-align: left;
margin-bottom: 30px
}
.w-1{
float: left;
width: 100%;
}
.buttonarea2{
float: left;
display: inline-block;
margin-top: 13px;
}
.buttonarea2 a{
border: 1px solid transparent;
box-shadow: inset 400px 0 0 0 #00215b;
background-color: #00215b;
text-decoration: none;
float: left;
width: 182px;
height: 60px;
text-align: left;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
display: flex;
border-radius: 16px;
color: #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.buttonarea2 a:hover{
box-shadow: inset 0 0 0 0 #00215b;
background-color: transparent;
text-decoration: none;
color:#fff;
border: 1px solid #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.btn-img{
margin-left: 10px;
margin-top: -1px;
float: right;
width: 25px !important;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.buttonarea1{
margin-left: 30px;
float: left;
display: inline-block;
margin-top: 13px;
}
.buttonarea1 a{
border: 1px solid transparent;
box-shadow: inset 400px 0 0 0 #fff;
background-color: #fff;
text-decoration: none;
float: left;
width: 182px;
height: 60px;
text-align: left;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
display: flex;
border-radius: 16px;
color: #1b1c1b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.buttonarea1 a:hover{
box-shadow: inset 0 0 0 0 #fff;
background-color: transparent;
text-decoration: none;
color:#fff;
border: 1px solid #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.banner1{
float: left;
width: 100%;
padding-top: 80px;
padding-bottom: 100px;
}
.b1-box1{
width: 100%;
float: left;
}
.b1-box1 h5{
letter-spacing: 10px;
font-size: 16px;
color: #284475;
float: left;
font-weight: 500;
margin-bottom: 25px;
width: 100%;
text-align: left;
margin-top: 35px;
}
.b1-box1 h3{
line-height: 65px;
font-size: 52px;
color: #000;
float: left;
font-weight: 600;
margin-bottom: 30px;
width: 100%;
text-align: left;
}
.b1-box1 h4{
font-size: 15px;
color: #000;
float: left;
font-weight: 700;
margin-bottom: 35px;
width: 100%;
text-align: left;
}
.b1-box1 p{
float: left;
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 29px;
width: 100%;
text-align: left;
}
.b1-box2{
float: left;
width: 100%;
}
.b1-box1 img{
object-fit: cover;
float: left;
}
.banner2{
float: left;
width: 100%;
padding-top: 0px;
padding-bottom: 100px;
}
.banner2 h5{
letter-spacing: 10px;
font-size: 15px;
color: #284475;
float: left;
font-weight: 500;
margin-bottom: 25px;
width: 100%;
text-align: center;
}
.banner2 h3{
line-height: 65px;
font-size: 52px;
color: #000;
float: left;
font-weight: 600;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.banner2 h4{
font-size: 17px;
color: #000;
float: left;
font-weight: 500;
margin-bottom: 80px;
width: 100%;
text-align: center;
}
.b2-box1{
width: 100%;
float: left;
}
.b2-1{
width: 100%;
float: left;
position: relative;
}
.b2-1 img{
width: 100%;
float: left;
height: 475px;
object-fit: cover;
}
.overlay-slide{
background-color: #1e3a6ce8;
width: 100%;
height: 475px;
position: relative;
}
.loop-con{
float: left;
width: 100%;
position: absolute;
padding-left: 65px;
padding-top: 55px;
padding-right:42px ;
height: 100%;
padding-bottom: 55px;
}
.loop-con h2{
width: 100%;
float: left;
color: #fff;
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin-bottom: 30px;
}
.loop-con p{
padding-right: 61px;
float: left;
color: #bac0cd;
font-size: 15px;
font-weight: 400;
line-height: 30px;
}
.arrow-class{
float: left;
width: 100%;
position: absolute;
bottom: 60px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.arrow-class a img {
float: left;
width: 30px !important;
height: auto;
object-fit: fill;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.arrow-class-2{
position: absolute;
bottom: 60px;
float: left;
width: 100%;
display: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.arrow-class-2 a img {
float: left;
width: 30px !important;
height: auto;
object-fit: fill;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.arrow-class-2 a {
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b2-1:hover .overlay-slide
{
background-color: #fefefee0;
}
.b2-1:hover .loop-con{
padding-top: 70px;
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b2-1:hover h2{
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b2-1:hover p{
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b2-1:hover .arrow-class-2{
bottom: 40px;
display: block;
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b2-1:hover .arrow-class-2 img{
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b2-1:hover .arrow-class{
display: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.banner-4{
float: left;
width: 100%;
padding-top: 0px;
padding-bottom: 100px;
}
.banner-4 h5{
letter-spacing: 10px;
font-size: 16px;
color: #284475;
float: left;
font-weight: 500;
margin-bottom: 25px;
width: 100%;
text-align: center;
}
.banner-4 h3{
line-height: 65px;
font-size: 52px;
color: #000;
float: left;
font-weight: 600;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.banner-4 h2{
font-size: 17px;
color: #000;
float: left;
font-weight: 500;
margin-bottom: 35px;
width: 100%;
text-align: center;
}
.b4-box1{
padding-top: 50px;
float: left;
width: 100%;
}
.b4-1{
float: left;
width: 100%;
border: 1px solid #05255e;
border-radius: 20px;
padding: 45px 30px;
}
.b4-1 img{
width: 120px;
float: none;
display: block;
margin: auto;
}
.b4-1 h4{
margin-top: 33px;
color: #000;
font-weight: 700;
font-size: 27px;
width: 100%;
text-align: center;
}
.b4-1 p {
padding: 0px 36px;
color: #000;
float: left;
width: 100%;
text-align: center;
font-size: 15px;
margin-top: 20px;
line-height: 32px;
font-weight: 500;
}
.b4-1:hover{
background: linear-gradient(180deg, rgba(0,33,91,1) 9%, rgba(0,33,91,1) 100%);
}
.b4-1:hover h4{
color: #bac0cd;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b4-1:hover p{
color: #bac0cd;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.b4-1:hover img{
filter: invert(1);
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.banner5{
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 148px;
background: linear-gradient(180deg, rgba(0,33,91,1) 9%, rgba(0,33,91,1) 100%);
}
.banner5 h5{
letter-spacing: 10px;
font-size: 15px;
color: #c7cedb;
float: left;
font-weight: 500;
margin-bottom: 25px;
width: 100%;
text-align: center;
}
.banner5 h3{
line-height: 65px;
font-size: 52px;
color: #fff;
float: left;
font-weight: 600;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.banner5 h2{
font-size: 17px;
color: #c7cedb;
float: left;
font-weight: 500;
margin-bottom: 100px;
width: 100%;
text-align: center;
}
.gallery1 {
float: left;
width: 100%;
overflow: hidden;
display: flex;
position: relative;
}
.gallery1 img {
float: left;
width: 100%;
object-fit: cover;
height: 710px;
transition: all ease-in-out 0.5s;
}
.gallery2 {
float: left;
width: 100%;
overflow: hidden;
margin-bottom: 30px;
position: relative;
}
.gallery2 img {
float: left;
width: 100%;
object-fit: cover;
height: 340px;
transition: all ease-in-out 0.5s;
}
.hover-class{
width:100%;
padding: 300px 10px;
background-color: #224174ed;
opacity: 0;
position: absolute;
top: 0;
height: 710px;
float: left;
flex-wrap: wrap;
}
.hover-class h6 {
text-align: center;
letter-spacing: 10px;
width: 100%;
font-size: 15px;
font-weight: 500;
color: #d9dfe8;
}
.hover-class h1 {
line-height: 40px;
font-size: 24px;
font-weight: 600;
text-align: center;
color: #fff;
margin-top: 15px;
margin-bottom: 30px;
}
.hover-btn img{
text-align: center;
display: block;
float: none;
margin: auto;
height: auto !important;
width: 25px !important;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.hover-class-2{
padding:100px 10px;
width:100%;
background-color: #224174ed;
opacity: 0;
position: absolute;
top: 0;
height: 340px;
float: left;
flex-wrap: wrap;
}
.hover-class-2 h6 {
text-align: center;
letter-spacing: 10px;
width: 100%;
font-size: 15px;
font-weight: 500;
color: #d9dfe8;
}
.hover-class-2 h1 {
line-height: 40px;
font-size: 24px;
font-weight: 600;
text-align: center;
color: #fff;
margin-top: 15px;
margin-bottom: 30px;
}
.hover-class-2 a img{
text-align: center;
display: block;
float: none;
margin: auto;
height: auto;
width: 25px !important;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.gallery1:hover .hover-class{
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;
opacity: 1;
}
.gallery2:hover .hover-class-2{
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;
opacity: 1;
}
.banner6{
float: left;
width: 100%;
padding-top:120px;
padding-bottom: 100px;
}
.banner6 h5{
letter-spacing: 10px;
font-size: 15px;
color: #284475;
float: left;
font-weight: 500;
margin-bottom: 25px;
width: 100%;
text-align: center;
}
.banner6 h3{
line-height: 65px;
font-size: 52px;
color: #000;
float: left;
font-weight: 600;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.banner6 h2{
font-size: 17px;
color: #000;
float: left;
font-weight: 500;
margin-bottom: 35px;
width: 100%;
text-align: center;
}
.s3box{
float: left;
width: 100%;
height: auto;
border: solid 10px #fff;
border-radius: 30px;
margin-top: 67px;
}
.s3box img{
float: left;
width: 100%;
border-radius: 30px;
margin-top: -1px;
}
/* Default slide */
.center-slider .slick-slide{
/* background-color: #b32532; */
/* color: #FFF; */
height: 390px;
margin: 0 15px 0 0;
display: flex;
align-items: center;
justify-content: center;
transform: scale(0.8);
transition: all 0.4s ease-in-out;
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
transform: scale(0.8, 0.8);
transition: all 0.4s ease-in-out;
}
/* Active center slide (You can change anything here for cenetr slide)*/
.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
transform: scale(1.1);
background-color: #ffffff;
}
.center-slider .slick-current.slick-active{
transform: scale(1.6);
background-color: #ffffff;
position: relative;
z-index: 999;
}
.slick-next, .slick-prev{
z-index: 5;
}
.slick-next{
right: 15px;
}
.slick-prev{
left: 15px;
}
.slick-next:before, .slick-prev:before{
color: #000;
font-size: 26px;
}
.call-action {
float: left;
width: 100%;
padding-bottom: 90px;
background-image: url(../images/cta-bg.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 {
text-align: center;
padding: 17px 0px;
border: 1px solid transparent;
box-shadow: inset 400px 0 0 0 #fff;
background-color: #fff;
text-decoration: none;
float: none;
width: 195px;
height: 59px;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
display: inline-block;
border-radius: 16px;
color: #00215b;
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 {
box-shadow: inset 0 0 0 0 #fff;
background-color: transparent;
text-decoration: none;
color:#fff;
border: 1px solid #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.call-nav:hover .btn-img-cta{
filter: opacity(1) brightness(0) invert(1);
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
/*footer*/
.footer{
float: left;
width: 100%;
background: rgb(0,25,68);
background: linear-gradient(90deg, rgba(0,25,68,1) 43%, rgba(0,33,91,1) 40%);
padding: 89px 0px 90px 0px;
}
.f-1 {
width: 100%;
float: left;
}
.f-1 p{
float: left;
width: 75%;
font-size: 15px;
font-weight: 400;
line-height: 31px;
color: #dfe2e8;
margin-top: 40px;
}
.f-1 img {
float: left;
width: 360px;
}
.link-1
{
float: left;
padding-top: 20px;
}
.link-1 h4{
margin-top: 15px;
letter-spacing: 7px;
font-size: 16px;
color: #606f89;
float: left;
font-weight: 500;
margin-bottom: 25px;
text-align: left;
width:100%;
}
.link-1 h2{
float: left;
color: #fff;
font-weight: 500;
width: 100%;
text-align: left;
}
.link-1 a{
color: #fff;
font-weight: 500;
font-size: 32px;
}
.link-1 a:hover{
text-decoration: none;
color: #606f89;
}
.f-2{
width: 100%;
float: left;
padding-top: 20px;
padding-left: 80px;
}
.link-2{
float: left;
width: 40%;
}
.link-2 h3{
color: #606f89;
letter-spacing: 4px;
font-weight: 400;
font-size: 17px;
float: left;
width: 100%;
margin-bottom: 40px;
}
.link-2 a {
float: left;
width: 100%;
font-size: 17px;
color: #dfe2e8;
font-weight: 300;
margin-bottom: 10px;
}
.link-2 a:hover{
text-decoration: none;
color: #606f89;
}
.link-3{
float: left;
width: 60%;
}
.link-3 h3{
color: #606f89;
letter-spacing: 4px;
font-weight: 400;
font-size: 17px;
float: left;
width: 100%;
margin-bottom: 40px;
}
.link-3 p{
line-height: 30px;
float: left;
font-weight: 400;
font-size: 15px;
color:#dfe2e8 ;
}
.link-3 a{
font-weight: 400;
font-size: 16px;
color:#dfe2e8 ;
text-decoration: none;
}.link-3 a:hover{
text-decoration: none;
color: #606f89;
}
.sm{
padding-top: 10px;
float: left;
width: 100%;
}
.sm h3{
color: #606f89;
letter-spacing: 4px;
font-weight: 400;
font-size: 17px;
float: left;
width: 100%;
margin-bottom: 30px;
}
.sm a{
width: auto;
float: left;
}
.sm img{
margin-right: 15PX;
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;
}
.sm img:hover{
text-decoration: none;
color: #1BB177;
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;
transform: rotateY(360deg);
transform-style: preserve-3d;
transition: transform 0.8s;}
.sm a:hover{
text-decoration: none;
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;
}
.footerlast{
float: left;
width: 100%;
padding: 35px 0px;
background-color: #fff;
}
.copyright{
float: left;
width: 100%;
}
.copyright p {
width: 100%;
text-align: left;
float: left;
font-size: 15px;
color: #001944;
font-weight: 500;
padding-top: 3px;
}
.copyright h3 {
float: left;
width: 50%;
text-align: left;
font-weight: 500;
font-size: 16px;
color: #001944;
margin-bottom: 0px;
}
.copyright h4 {
float: left;
width: 50%;
text-align: right;
font-weight: 500;
font-size: 16px;
color: #001944;
margin-bottom: 0px;
}
.copyright a {
color: #001944;
font-weight: 500;
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;
}
.copyright a:hover{
color: #D5A928;
text-decoration: none;
}
/*aboutus*/
.ab-ban1{
width: 100%;
float: left;
background-image: url("../images/inner-3.png");
background-repeat: no-repeat;
background-size: cover;
padding: 200px 0 100px 0px;
margin-top: 0px;
}
.ab-ban1 h2 {
margin: 0;
font-size: 45px;
color: #fff;
font-weight: 500;
}
.ab-ban2{
float: left;
width: 100%;
padding: 100px 0px 100px 0px;
}
.ab-ban2-1{
float: left;
width: 100%;
padding-bottom: 70px;
}
.ab-ban2-1 img{
float: right;
margin: auto;
display: block;
object-fit: cover;
margin-left: 30px;
margin-bottom: 20px;
}
.ab-ban2-1 h3{
line-height: 65px;
font-size: 52px;
color: #000;
font-weight: 600;
margin-bottom: 30px;
text-align: left;
}
.ab-ban2-1 h4{
font-size: 15px;
color: #000;
font-weight: 700;
margin-bottom: 35px;
text-align: left;
}
.ab-ban2-1 p{
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 29px;
text-align: left;
}
.all-vision {
float: left;
width: 100%;
padding-top: 75px;
padding-bottom: 80px;
background: url("../images/bg.png");
}
.vision {
float: left;
width: 100%;
/* border: 1px solid #d3d3d3; */
padding: 50px 40px;
border-radius: 20px;
background-image: url(../images/specialities-pattern-white.png);
background-size: 100px;
background-repeat: no-repeat;
background-position: top right;
background-color: #fff;
}
.vision h2 {
float: left;
width: 100%;
color: black;
font-weight: 500;
font-size: 30px;
text-align: left;
}
.vision p {
float: left;
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 29px;
width: 100%;
text-align: left;
}
.vision img {
float: left;
margin-left: auto;
margin-right: auto;
display: block;
width: 70px;
margin-bottom: 20px;
filter: brightness(0);
}
.vision:hover {
background: linear-gradient(180deg, rgba(0,33,91,1) 9%, rgba(0,33,91,1) 100%);
}
.vision:hover h2{
color: #fff;
}
.vision:hover p{
color: #fff;
}
.vision:hover img{
filter: invert(1);
}
.arc-img1{
float: left;
width: 100%;
}
.arc-img1 img{
float: none;
margin: auto;
display: block;
object-fit: cover;
width: 460px;
border-radius: 20px;
}
/*services*/
.s-banner2{
float: left;
width: 100%;
padding-top: 0px;
}
.s-banner2 h5{
letter-spacing: 10px;
font-size: 15px;
color: #284475;
float: left;
font-weight: 500;
margin-bottom: 25px;
width: 100%;
text-align: center;
}
.s-banner2 h3{
line-height: 65px;
font-size: 52px;
color: #000;
float: left;
font-weight: 600;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.s-banner2 h4{
font-size: 17px;
color: #000;
float: left;
font-weight: 500;
margin-bottom: 80px;
width: 100%;
text-align: center;
}
.s-b2-box1{
width: 100%;
float: left;
}
.s-b2-box1-img{
margin-left: 30px;
width: 431px !important;
float: right;
/* margin: auto; */
display: block;
object-fit: cover;
margin-bottom: 20px;
}
.s-b2-1{
width: 100%;
float: left;
position: relative;
}
.s-b2-1 img{
width: 100%;
float: left;
height: 475px;
object-fit: cover;
}
.s-overlay-slide{
background-color: #1e3a6ce8;
width: 100%;
height: 475px;
position: relative;
}
.s-loop-con{
float: left;
width: 100%;
position: absolute;
padding-left: 65px;
padding-top: 55px;
padding-right:42px ;
height: 100%;
padding-bottom: 55px;
}
.s-loop-con h2{
width: 100%;
float: left;
color: #fff;
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin-bottom: 30px;
}
.s-loop-con p{
padding-right: 61px;
float: left;
color: #bac0cd;
font-size: 15px;
font-weight: 400;
line-height: 30px;
}
.s-arrow-class{
float: left;
width: 100%;
position: absolute;
bottom: 60px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-arrow-class a img {
float: left;
width: 30px !important;
height: auto;
object-fit: fill;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-arrow-class-2{
position: absolute;
bottom: 60px;
float: left;
width: 100%;
display: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-arrow-class-2 a img {
float: left;
width: 30px !important;
height: auto;
object-fit: fill;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-arrow-class-2 a {
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-b2-1:hover .s-overlay-slide
{
background-color: #fefefee0;
}
.s-b2-1:hover .s-loop-con{
padding-top: 70px;
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-b2-1:hover h2{
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-b2-1:hover p{
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-b2-1:hover .s-arrow-class-2{
bottom: 40px;
display: block;
color: #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-b2-1:hover .s-arrow-class-2 img{
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.s-b2-1:hover .s-arrow-class{
display: none;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
/*gallery*/
.sp-overlay{
width: 89.5% !important;
}
.b3slide{
width: 100%;
float: left;
padding-bottom: 80px;
padding-top: 80px;
background-color: #f0f0f0;
}
.b3slidebox{
position: relative;
margin-top: 20px;
height: 350px;
width: 100%;
float: left;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
}
.b3slidebox img{
width: 100%;
float: left;
border-radius: 15px;
height: 310px;
object-fit: cover;
}
.overlay-slide-gallery{
background: rgb(0,30,66);
background: linear-gradient(180deg, rgb(0 0 0 / 0%) 9%, rgb(66 72 77) 100%);
position: relative;
width: 100%;
height: 310px;
border-radius: 10px;
}
.loop-con-g{
float: left;
width: 100%;
bottom: 17px;
/* padding-top: 128px; */
position: absolute;
padding-left: 20px;
padding-right: 20px;
}
.loop-con-g h2{
width: 100%;
float: left;
color: #fff;
font-weight: 600;
font-size: 20px;
text-align:center;
}
.loop-con-g a{
font-size:17px;
font-weight: 500;
color:#7a8189 ;
text-align: left;
}
.b3slidebox:hover a{
text-decoration: none;
/* color:#da8309 ; */
/* text-decoration: none; */
/* margin-left: 5px; */
}
.b3slidebox:hover .overlay-slide-gallery
{
background: linear-gradient(180deg, rgb(0 0 0 / 27%) 9%, rgb(0 0 0) 100%);
}
.b3slidebox:hover h4{
/* width: 80px; */
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
/*see-more-gallery*/
.detail-gal {
width: 100%;
float: left;
padding: 0 0 70px;
background-color: #f0f0f0;
}
.detail-gal img {
border-radius: 10px;
width: 100%;
float: left;
height: 310px;
object-fit: cover;
}
.fr-overlay-background {
float: left;
width: 100%;
height: 100%;
background: #000 !important;
opacity: .9;
filter: alpha(opacity=90);
}
.fr-overlay-ui-fullclick .fr-overlay-background {
background: #292929;
opacity: 1;
filter: alpha(opacity=100);
}
/*project*/
.nav{
margin-bottom: 30px !important;
}
.nav-pills .active.show{
background: #00215b !important;
color: #fff !important;
}
#exTab1 .nav-pills > li > a {
border-radius: 5px;
background: #ccc;
color: #00215b;
margin-right: 15px;
width: 124px;
text-align: center;
padding: 10px 0px;
float: left;
}
#exTab1 .nav-pills > li > a:hover{
text-decoration: none;
}
/*past-com*/
.com-table{
float: left;
width: 100%;
padding: 100px 0px;
}
#example th {
color: #fff;
font-size: 14px;
background: #001e42;
}
/*contactus*/
.abt-panel {
width: 100%;
float: left;
padding: 20px 0px 80px 0px;
}
.git{
float: left;
width: 100%;
}
.git h1{
float: left;
width: 100%;
color: #000;
font-size: 40px;
font-weight: 600;
text-align: left;
margin-bottom: 15px;
}
.git p{
float: left;
font-size: 15px;
color: rgba(0, 0, 0, 0.93);
text-align: left;
/* margin-top: 15px; */
line-height: 28px;
margin-bottom: 30px;
padding-right: 50px;
}
.contact2{
margin-top: 60px;
float: left;
width: 100%;
height: auto;
}
.contactform{
margin-top: 35px;
width: 100%;
float: left;
}
.contact-label {
float: left;
width: 100%;
text-align: left;
font-size: 15px;
color: #001e42;
font-weight: 500;
}
.mct_form {
border-bottom: 1px solid #b0aaaa;
color: #272626;
display: block;
font-weight: 300;
font-size: 15px;
/* text-transform: uppercase; */
height: 43px;
margin-bottom: 15px !important;
padding: 0 20px;
outline: none;
background: #ffffff;
width: 100%;
padding-left: 0px;
border: none;
transition: all 500ms ease;
border: solid 1px rgba(46, 67, 110, 0.22);
margin-top: 3px;
width: 100%;
float: left;
padding: 8px 10px;
margin-top: 10px;
border-radius: 5px;
}
.info-tag {
float: left;
font-size: 14px;
color: rgba(0, 0, 0, 0.93);
text-align: left;
/* margin-top: 15px; */
line-height: 28px;
margin-top: 15px;
}
.contact-snd2 {
margin-top: 15px;
border: 1px solid transparent;
box-shadow: inset 400px 0 0 0 #00215b;
background-color: #00215b;
text-decoration: none;
float: right;
width: 182px;
height: 60px;
text-align: left;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
display: flex;
border-radius: 16px;
color: #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.contact-snd2:hover{
box-shadow: inset 0 0 0 0 #00215b;
background-color: transparent;
text-decoration: none;
color:#00215b;
border: 1px solid #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.adr-section {
float: left;
width: 100%;
margin-bottom: 50px;
padding-left: 30px;
}
.adr-section h1 {
float: left;
width: 100%;
color: #000;
font-size: 30px;
font-weight: bold;
margin-top: 0px;
margin-top: 10px;
border-bottom: solid 1px #e6e6e6;
padding-bottom: 16px;
}
.india {
float: left;
width: 100%;
}
.india span {
float: left;
width: 100%;
color: #1a2832;
font-size: 18px;
font-weight: bold;
text-align: left;
/* letter-spacing: 1px; */
margin-top: 20px;
text-transform: uppercase;
}
.india p {
float: left;
width: 100%;
text-align: left;
font-size: 14px;
color: rgba(0, 0, 0, 0.93);
line-height: 25px;
margin-top: 11px;
margin-bottom: 0px;
}
/*careerpage*/
.careerban2{
float: left;
width: 100%;
padding-bottom: 65px;
padding-top: 100px;
}
.cr-wd {
margin-right: auto;
margin-left: auto;
width: 800px;
}
.cr-wd h2 {
text-align: center;
font-weight: 600;
color: #000;
font-size: 46px;
line-height: 65px;
margin-bottom: 15px;
}
.cr-wd p {
float: left;
width: 100%;
text-align: center;
font-weight: 400;
color: black;
font-size: 15px;
line-height: 27px;
margin-bottom: 50px;
}
.contact-snd {
margin-top: 15px;
border: 1px solid transparent;
box-shadow: inset 400px 0 0 0 #00215b;
background-color: #00215b;
text-decoration: none;
float: right;
width: 182px;
height: 60px;
text-align: left;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
display: flex;
border-radius: 16px;
color: #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.contact-snd:hover{
box-shadow: inset 0 0 0 0 #00215b;
background-color: transparent;
text-decoration: none;
color:#00215b;
border: 1px solid #00215b;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.contact-label {
float: left;
width: 100%;
text-align: left;
font-size: 15px;
color: #000;
font-weight: 500;
}
.hidden-input-field {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
.grecaptcha-badge {
visibility: hidden;
}
@media(max-width:420px)
{
.s3box img {
padding: 10px 15px;
}
.logopart img {
float: left;
width: 265px;
}
.total-header{
height: 110px;
}
.menuarea > .mob_nav {
margin-top: 22px;
width: 26px;
}
.center-slider .slick-slide {
/* background-color: #b32532; */
/* color: #FFF; */
height: 340px;
}
.center-slider .slick-current.slick-active{
transform: scale(1.1);
background-color: #ffffff;
position: relative;
z-index: 999;
}
.slick-track{
padding-top: 0px!important;
}
.slide{
height: 550px;
}
.slide .item{
height:550px;
}
.slide-image{
height:550px;
}
.header-content h1 {
text-align: center;
font-size: 30px;
line-height: 46px;
}
.slide .item .cover .header-content {
padding-top: 100px!important;
}
.w-1 {
text-align: center;
display: inline-block;
}
.buttonarea2{
float: none;
}
.buttonarea1{
margin-left: 10px;
float: none;
}.buttonarea2 a {
width: 136px;
height: 49px;
text-align: left;
font-size: 13px;
}
.buttonarea1 a {
width: 136px;
height: 49px;
text-align: left;
font-size: 13px;
}
.btn-img{
width: 20px!important;
}
.header-content p {
padding: 0px 30px;
text-align: center;
margin-top: 11px;
font-size: 14px;
line-height: 29px;
width: 100%;
margin-bottom: 20px;
}
.banner1 {
padding-top: 40px;
padding-bottom: 50px;
}
.b1-box1 h5 {
text-align: center;
}
.b1-box1 h3 {
font-size: 30px;
line-height: 41px;
margin-bottom: 25px;
text-align: center;
}
.b1-box1 h4 {
padding: 0px 10px;
font-size: 14px;
line-height: 25px;
margin-bottom: 25px;
text-align: center;
}
.b1-box1 p {
font-size: 14px;
line-height: 29px;
text-align: center;
}
.b1-box2 img{
float: none;
margin: auto;
display: block;
width: 100%;
}
.banner2 h3 {
font-size: 27px;
line-height: 36px;
}
.banner2 h4{
padding: 0px 30px;
line-height: 24px;
font-size: 15px;
margin-bottom: 60px;
}
.loop-con h2 {
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.loop-con h2 br{
display: none;
}
.arrow-class a img {
margin-left: auto;
margin-right: auto;
float: none;
display: block;
}
.arrow-class-2 a img {
margin-left: auto;
margin-right: auto;
float: none;
display: block;
}
.overlay-slide {
height:400px;
}
.b2-1 img{
height: 400px;
}
.loop-con p{
padding-right: 30px;
padding-left: 30px;
text-align: center;
}
.loop-con {
padding-left: 0px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 0px;
}
.banner2{
padding-bottom: 65px;
}
.banner-4{
padding-bottom:60px;
}
.banner-4 h3 {
font-size: 27px;
line-height: 36px;
}
.banner-4 h2{
padding: 0px 30px;
line-height: 24px;
font-size: 15px;
margin-bottom: 0px;
}
.b4-1 {
float: none;
width: 100%;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
.b4-1 p{
padding: 0px;
float: none;
}
.banner5 h3 {
font-size: 27px;
line-height: 36px;
padding: 0px 15px;
}
.banner5 h2{
padding: 0px 30px;
line-height: 24px;
font-size: 15px;
margin-bottom: 50px;
}
.banner5 {
padding-top: 80px;
padding-bottom:80px;
}
.gallery1{
padding-bottom: 30px;
}
.gallery1 img {
height: 100vh;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.gallery2 img {
height: auto;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.hover-class-2 {
padding: 45px 0px;
}
.hover-class{
height:100vh;
padding: 150px 0px;
}
.s-hover-class{
height:100vh;
padding: 150px 0px;
}
.s-hover-class-2 {
padding: 45px 0px;
}
.banner6{
padding-bottom:60px;
padding-top: 90px;
}
.banner6 h3 {
font-size: 27px;
line-height:36px;
}
.banner6 h2{
padding: 0px 30px;
line-height: 24px;
font-size: 15px;
margin-bottom: 0px;
}
.call-action{
padding-bottom: 70px;
}
.call-nav{
padding: 13px 0px;
width: 163px;
height: 53px;
font-size: 15px;
}
.btn-img-cta {
width: 23px!important;
}
.call-bg h1 {
line-height: 36px;
font-size: 25px;
}
.footer{
padding-top: 70px;
background: linear-gradient(180deg, rgba(0,25,68,1) 32%, rgba(0,33,91,1) 32%);
}
.f-1 img {
float: none;
width: 282px;
margin: auto;
display: block;
}
.f-1 p {
width: 100%;
padding: 0px 10px;
text-align: center;
margin-top: 23px;
}
.link-1 a {
color: #fff;
font-weight: 500;
font-size: 29px;
}
.link-1 {
float: none;
}
.link-1 h4{
text-align: center;
}
.link-1 h2{
text-align: center;
}
.link-2{
margin-top: 20px;
width: 100%;
}
.link-3{
margin-top: 20px;
width: 100%;
}
.link-2 h3 {
text-align: center;
}
.link-2 a{
text-align: center;
}
.link-3 h3{
text-align: center;
}
.link-3 p{
padding: 0px 72px;
text-align: center;
float: none;
}
.link-3 a{
text-align: center;
}
.f-2{
padding-left: 0px;
padding-top: 50px;
}
.sm a {
float: none;
}
.sm{
text-align: center;
margin: auto;
display: block;
float: none;
}
.copyright h3 {
float: left;
width: 100%;
text-align: center;
font-size: 14px;
}
.copyright h4 {
float: left;
width: 100%;
text-align: center;
font-size: 14px;
}
/*aboutus*/
.ab-ban1{
padding: 172px 0 63px 0px;
background-position-x: 25%;
}
.ab-ban1 h2 {
font-size: 36px;
}
.ab-ban2 {
padding: 60px 0px 40px 0px;
}
.ab-ban2-1 h3 {
text-align: center;
line-height: 43px;
font-size: 31px;
margin-bottom: 30px;
}
.ab-ban2-1 h4 {
text-align: center;
line-height: 25px;
margin-bottom: 30px;
}
.ab-ban2-1 p {
font-size: 13px;
line-height: 25px;
text-align: center;
}
.ab-ban2-1 img{
float: none;
width: 100%;
margin-left: auto;
margin-bottom: 40px;
}
.ab-ban2-1 {
padding-bottom: 30px;
}
.vision {
margin-bottom: 30px;
padding: 38px 31px;
}
.vision img {
float: none;
}
.vision h2 {
text-align: center;
}
.vision p{
text-align: center;
font-size: 15px;
}
/*sevicepage*/
.s-b2-box1-img {
width: 100%!important;
}
.s-banner2 h3 {
font-size: 27px;
line-height: 36px;
}
.s-banner2 h4{
padding: 0px 30px;
line-height: 24px;
font-size: 15px;
margin-bottom: 60px;
}
.s-loop-con h2 {
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.s-loop-con h2 br{
display: none;
}
.s-arrow-class a img {
margin-left: auto;
margin-right: auto;
float: none;
display: block;
}
.s-arrow-class-2 a img {
margin-left: auto;
margin-right: auto;
float: none;
display: block;
}
.s-overlay-slide {
height:400px;
}
.s-b2-1 img{
height: 400px;
}
.s-loop-con p{
padding-right: 30px;
padding-left: 30px;
text-align: center;
}
.s-loop-con {
padding-left: 0px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 0px;
}
/*project*/
.nav {
width: 100%;
float: left;
margin-bottom: 30px !important;
text-align: center;
}
#exTab1 .nav-pills > li{
width: 48%;
/* width: 40%; */
margin-right: 5px;
}
#exTab1 .nav-pills > li > a {
width: 100%!important;
margin-right: 0px;
}
/*gallery*/
.b3slide {
padding-bottom: 0px;
}
.detail-gal{
padding-top: 0px !important;
}
/*careers*/
.cr-wd h2 {
font-size: 33px;
line-height: 45px;
}
.careerban2{
padding-top: 70px;
}
.cr-wd p {
padding: 0px 18px;
font-size: 13px;
line-height: 27px;
}
.careerban2 {
padding-left: 15px;
padding-right: 15px;
}
.contact-snd{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
/*contactsus*/
.git h1{
font-size: 36px;
font-weight: 600;
text-align: center;
}
.git p{
text-align: center;
padding-right: 0px;
}
.contact-label br{
display: none;
}
.contact-snd2{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
.india span {
font-size: 16px;
text-align: center;
}
.india p{
text-align: center;
}
.adr-section h1 {
text-align: center;
}
.india p a{
text-align: center !important;
}
.abt-panel {
padding: 20px 0px 40px 0px !important;
}
}
@media(min-width:421px) and (max-width:489px)
{
.hover-class-2 {
height:100vh;
padding: 45px 0px;
}
.hover-class{
height:100vh;
padding: 150px 0px;
}
.gallery1 img {
height: 100vh;
width:100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.gallery2 img {
height: auto;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.logopart img {
float: left;
width: 295px;
}
.total-header{
height: 128px;
}
.menuarea > .mob_nav {
margin-top: 29px;
}
.center-slider .slick-current.slick-active{
transform: scale(1.1);
background-color: #ffffff;
position: relative;
z-index: 999;
}
.slick-track{
padding-top: 0px!important;
}
.slide{
height: 600px;
}
.slide .item{
height: 600px;
}
.slide-image{
height: 600px;
}
.header-content h1 {
text-align: center;
font-size: 36px;
line-height: 49px;
}
.slide .item .cover .header-content {
padding-top: 110px!important;
}
.w-1 {
text-align: center;
display: inline-block;
}
.buttonarea2{
float: none;
}
.buttonarea1{
margin-left: 12px;
float: none;
}.buttonarea2 a {
width: 146px;
height: 55px;
text-align: left;
font-size: 14px;
}
.buttonarea1 a {
width: 146px;
height: 55px;
text-align: left;
font-size: 14px;
}
.btn-img{
width: 22px!important;
}
.header-content p {
padding: 0px 30px;
text-align: center;
margin-top: 11px;
font-size: 15px;
line-height: 29px;
width: 100%;
margin-bottom: 20px;
}
.banner1 {
padding-top: 40px;
padding-bottom: 50px;
}
.b1-box1 h5 {
text-align: center;
}
.b1-box1 h3 {
font-size: 34px;
line-height: 44px;
text-align: center;
}
.b1-box1 h4 {
padding: 0px 30px;
margin-bottom: 30px;
text-align: center;
}
.b1-box1 p {
font-size: 15px;
line-height: 29px;
text-align: center;
}
.b1-box2 img{
float: none;
margin: auto;
display: block;
width: 100%;
}
.banner2 h3 {
font-size: 34px;
line-height: 44px;
}
.banner2 h4{
padding: 0px 65px;
line-height: 24px;
font-size: 15px;
margin-bottom: 60px;
}
.loop-con h2 {
font-size: 21px;
line-height: 28px;
margin-bottom: 15px;
}
.overlay-slide {
height: 435px;
}
.b2-1 img{
height: 435px;
}
.loop-con {
padding-left: 26px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 0px;
}
.banner2{
padding-bottom: 65px;
}
.banner-4{
padding-bottom:60px;
}
.banner-4 h3 {
font-size: 34px;
line-height: 44px;
}
.banner-4 h2{
font-size: 15px;
padding: 0px 65px;
line-height: 24px;
margin-bottom: 0px;
}
.b4-1 {
float: none;
width: 100%;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
.b4-1 p{
padding: 0px;
float: none;
}
.banner5 h3 {
font-size: 34px;
line-height: 44px;
}
.banner5 h2{
font-size: 15px;
padding: 0px 65px;
line-height: 24px;
margin-bottom: 50px;
}
.banner5 {
padding-top: 80px;
padding-bottom:80px;
}
.gallery1{
padding-bottom: 30px;
}
.banner6{
padding-bottom:60px;
}
.banner6 h3 {
font-size: 34px;
line-height: 44px;
}
.banner6 h2{
font-size: 15px;
padding: 0px 65px;
line-height: 24px;
margin-bottom: 0px;
}
.call-action{
padding-bottom: 70px;
}
.call-nav{
padding: 13px 0px;
width: 163px;
height: 53px;
font-size: 15px;
}
.btn-img-cta {
width: 23px!important;
}
.call-bg h1 {
line-height: 44px;
font-size: 28px;
}
.footer{
padding-top: 70px;
background: linear-gradient(180deg, rgba(0,25,68,1) 35%, rgba(0,33,91,1) 35%);
}
.f-1 img {
float: none;
width: 340px;
margin: auto;
display: block;
}
.f-1 p {
width: 100%;
padding: 0px 55px;
text-align: center;
margin-top: 23px;
}
.link-1 a {
color: #fff;
font-weight: 500;
font-size: 29px;
}
.link-1 {
float: none;
}
.link-1 h4{
text-align: center;
}
.link-1 h2{
text-align: center;
}
.link-2{
margin-top: 20px;
width: 100%;
}
.link-3{
margin-top: 20px;
width: 100%;
}
.link-2 h3 {
text-align: center;
}
.link-2 a{
text-align: center;
}
.link-3 h3{
text-align: center;
}
.link-3 p{
padding: 0px 72px;
text-align: center;
float: none;
}
.link-3 a{
text-align: center;
}
.f-2{
padding-left: 0px;
padding-top: 70px;
}
.sm a {
float: none;
}
.sm{
text-align: center;
margin: auto;
display: block;
float: none;
}
.copyright h3 {
float: left;
width: 100%;
text-align: center;
font-size: 14px;
}
.copyright h4 {
float: left;
width: 100%;
text-align: center;
font-size: 14px;
}
/*aboutus*/
.ab-ban1{
padding: 172px 0 63px 0px;
background-position-x: 25%;
}
.ab-ban1 h2 {
font-size: 36px;
}
.ab-ban2 {
padding: 60px 0px;
}
.ab-ban2-1 h3 {
text-align: center;
line-height: 50px;
font-size: 39px;
margin-bottom: 30px;
}
.ab-ban2-1 h4 {
text-align: center;
line-height: 25px;
margin-bottom: 30px;
}
.ab-ban2-1 p {
font-size: 14px;
line-height: 25px;
text-align: center;
}
.ab-ban2-1 img{
float: none;
width: 100%;
margin-left: auto;
margin-bottom: 40px;
}
.ab-ban2-1 {
padding-bottom: 30px;
}
.vision {
margin-bottom: 30px;
padding: 38px 31px;
}
.vision img {
float: none;
}
.vision h2 {
text-align: center;
}
.vision p{
text-align: center;
font-size: 15px;
}
/*sevicepage*/
.s-b2-box1-img{
width: 75%!important;
}
.s-banner2 h3 {
font-size: 34px;
line-height: 44px;
}
.s-banner2 h4{
padding: 0px 65px;
line-height: 24px;
font-size: 15px;
margin-bottom: 60px;
}
.s-loop-con h2 {
font-size: 21px;
line-height: 28px;
margin-bottom: 15px;
}
.s-overlay-slide {
height: 435px;
}
.s-b2-1 img{
height: 435px;
}
.s-loop-con {
padding-left: 26px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 0px;
}
/*project*/
.nav {
width: 100%;
float: left;
margin-bottom: 30px !important;
text-align: center;
}
#exTab1 .nav-pills > li{
width: 48%;
/* width: 40%; */
margin-right: 5px;
}
#exTab1 .nav-pills > li > a {
width: 100%!important;
margin-right: 0px;
}
/*gallery*/
.detail-gal{
padding-top: 0px !important;
}
.b3slide {
padding-bottom: 0px;
}
/*careers*/
.cr-wd h2 {
font-size: 33px;
line-height: 45px;
}
.careerban2{
padding-top: 70px;
}
.cr-wd p {
padding: 0px 18px;
font-size: 13px;
line-height: 27px;
}
.careerban2 {
padding-left: 15px;
padding-right: 15px;
}
.contact-snd{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
/*contactsus*/
.git h1{
font-size: 36px;
font-weight: 600;
text-align: center;
}
.git p{
text-align: center;
padding-right: 0px;
}
.contact-label br{
display: none;
}
.contact-snd2{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
.india span {
font-size: 16px;
text-align: center;
}
.india p{
text-align: center;
}
.adr-section h1 {
text-align: center;
}
.india p a{
text-align: center !important;
}
.abt-panel {
padding: 20px 0px 40px 0px !important;
}
}
@media(min-width:490px) and (max-width:575px)
{
.hover-class-2 {
height:100vh;
padding: 90px 0px;
}
.hover-class{
height:100vh;
padding: 108px 0px;
}
.gallery1 img {
height:100vh;
width:100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.gallery2 img {
height: auto;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.center-slider .slick-current.slick-active{
transform: scale(1.1);
background-color: #ffffff;
position: relative;
z-index: 999;
}
.s3box img{
width: 75%;
margin: auto;
float: none;
}
.s3box{
margin-top: 35px;
}
.center-slider .slick-slide
{
height: 370px;
}
.banner6{
padding-top: 90px;
}
.slick-track{
padding-top: 0px!important;
}
.slide{
height: 600px;
}
.slide .item{
height: 600px;
}
.slide-image{
height: 600px;
}
.header-content h1 {
text-align: center;
font-size: 44px;
line-height: 57px;
}
.slide .item .cover .header-content {
padding-top: 115px!important;
}
.w-1 {
text-align: center;
display: inline-block;
}
.buttonarea2{
float: none;
}
.buttonarea1{
margin-left: 12px;
float: none;
}
.buttonarea2 a{
width: 151px;
height: 57px;
text-align: left;
font-size: 15px;
}
.buttonarea1 a{
width: 151px;
height: 57px;
text-align: left;
font-size: 15px;
}
.header-content p {
padding: 0px 30px;
text-align: center;
margin-top: 11px;
font-size: 15px;
line-height: 29px;
width: 100%;
margin-bottom: 20px;
}
.banner1 {
padding-top: 40px;
padding-bottom: 50px;
}
.b1-box1 h5 {
text-align: center;
}
.b1-box1 h3 {
font-size: 40px;
line-height: 51px;
text-align: center;
}
.b1-box1 h4 {
margin-bottom: 30px;
text-align: center;
}
.b1-box1 p {
font-size: 15px;
line-height: 29px;
text-align: center;
}
.b1-box2 img{
float: none;
margin: auto;
display: block;
width: 100%;
}
.banner2 h3 {
font-size: 40px;
line-height: 51px;
}
.banner2 h4{
padding: 0px 65px;
line-height: 24px;
font-size: 15px;
margin-bottom: 60px;
}
.loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.loop-con {
padding-left: 34px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 0px;
}
.banner2{
padding-bottom: 80px;
}
.banner-4{
padding-bottom: 70px;
}
.banner-4 h3 {
font-size: 40px;
line-height: 51px;
}
.banner-4 h2{
font-size: 15px;
padding: 0px 65px;
line-height: 24px;
margin-bottom: 0px;
}
.b4-1 {
float: none;
width: 100%;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
.b4-1 p{
padding: 0px;
float: none;
}
.banner5 h3 {
font-size: 40px;
line-height: 51px;
}
.banner5 h2{
font-size: 15px;
padding: 0px 65px;
line-height: 24px;
margin-bottom: 50px;
}
.banner5 {
padding-top: 80px;
padding-bottom: 120px;
}
.gallery1{
padding-bottom: 30px;
}
.banner6{
padding-bottom: 0px;
}
.banner6 h3 {
font-size: 40px;
line-height: 51px;
}
.banner6 h2{
font-size: 15px;
padding: 0px 65px;
line-height: 24px;
margin-bottom: 30px;
}
.call-action{
padding-bottom: 70px;
}
.call-nav{
padding: 15px 0px;
width: 178px;
height: 57px;
}
.call-bg h1 {
line-height: 50px;
font-size: 34px;
}
.footer{
padding-top: 70px;
background: linear-gradient(180deg, rgba(0,25,68,1) 35%, rgba(0,33,91,1) 35%);
}
.f-1 img {
float: none;
width: 340px;
margin: auto;
display: block;
}
.f-1 p {
width: 100%;
padding: 0px 100px;
text-align: center;
margin-top: 23px;
}
.link-1 {
float: none;
}
.link-1 h4{
text-align: center;
}
.link-1 h2{
text-align: center;
}
.link-2{
margin-top: 20px;
width: 100%;
}
.link-3{
margin-top: 20px;
width: 100%;
}
.link-2 h3 {
text-align: center;
}
.link-2 a{
text-align: center;
}
.link-3 h3{
text-align: center;
}
.link-3 p{
padding: 0px 72px;
text-align: center;
float: none;
}
.link-3 a{
text-align: center;
}
.f-2{
padding-left: 0px;
padding-top: 70px;
}
.sm a {
float: none;
}
.sm{
text-align: center;
margin: auto;
display: block;
float: none;
}
.copyright h3 {
float: left;
width: 100%;
text-align: center;
font-size: 15px;
}
.copyright h4 {
float: left;
width: 100%;
text-align: center;
font-size: 15px;
}
/*aboutus*/
.ab-ban1{
padding: 172px 0 63px 0px;
background-position-x: 25%;
}
.ab-ban1 h2 {
font-size: 36px;
}
.ab-ban2 {
padding: 60px 0px;
}
.ab-ban2-1 h3 {
text-align: center;
line-height: 43px;
font-size: 31px;
margin-bottom: 30px;
}
.ab-ban2-1 h4 {
text-align: center;
line-height: 25px;
margin-bottom: 30px;
}
.ab-ban2-1 p {
font-size: 13px;
line-height: 25px;
text-align: center;
}
.ab-ban2-1 img{
float: none;
width: 80%;
margin-left: auto;
margin-bottom: 40px;
}
.ab-ban2-1 {
padding-bottom: 30px;
}
.vision {
margin-bottom: 30px;
padding: 38px 31px;
}
.vision img {
float: none;
}
.vision h2 {
text-align: center;
}
.vision p{
text-align: center;
font-size: 15px;
}
/*sevicepage*/
.s-b2-box1-img{
width: 75% !important;
}
.s-banner2 h3 {
font-size: 27px;
line-height: 36px;
}
.s-banner2 h4{
padding: 0px 30px;
line-height: 24px;
font-size: 15px;
margin-bottom: 60px;
}
.s-loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.s-loop-con {
padding-left: 34px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 0px;
}
/*project*/
/*gallery*/
.b3slide {
padding-bottom: 0px;
}
.detail-gal{
padding-top: 0px!important;
}
/*careers*/
.cr-wd h2 {
font-size: 33px;
line-height: 45px;
}
.careerban2{
padding-top: 70px;
}
.cr-wd p {
padding: 0px 18px;
font-size: 13px;
line-height: 27px;
}
.careerban2 {
padding-left: 15px;
padding-right: 15px;
}
.contact-snd{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
/*contactsus*/
.git h1{
font-size: 36px;
font-weight: 600;
text-align: center;
}
.git p{
text-align: center;
padding-right: 0px;
}
.contact-label br{
display: none;
}
.contact-snd2{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
.india span {
font-size: 16px;
text-align: center;
}
.india p{
text-align: center;
}
.adr-section h1 {
text-align: center;
}
.india p a{
text-align: center !important;
}
.abt-panel {
padding: 20px 0px 40px 0px !important;
}
}
@media(max-width:575px)
{
.cr-wd .row{
width:auto!important;
}
.contact-form .row{
width:auto!important;
}
.contact-snd2{
float:left;
}
.contact-snd{
float:left;
}
.adr-section {
padding-left:0px;
}
}
@media(min-width:576px) and (max-width:767px)
{
.center-slider .slick-current.slick-active{
transform: scale(1.1);
background-color: #ffffff;
position: relative;
z-index: 999;
}
.s3box img{
width: 75%;
margin: auto;
float: none;
}
.s3box{
margin-top: 0px;
}
.center-slider .slick-slide
{
height: 300px;
}
.banner6{
padding-top: 90px;
}
.slide{
height: 600px;
}
.slide .item{
height: 600px;
}
.slide-image{
height: 600px;
}
.header-content h1 {
font-size: 44px;
line-height: 57px;
}
.slide .item .cover .header-content {
padding-top: 115px!important;
}
.buttonarea2 a{
width: 151px;
height: 57px;
text-align: left;
font-size: 15px;
}
.buttonarea1 a{
width: 151px;
height: 57px;
text-align: left;
font-size: 15px;
}
.header-content p {
margin-top: 11px;
font-size: 15px;
line-height: 29px;
width: 75%;
margin-bottom: 20px;
}
.banner1 {
padding-top: 40px;
padding-bottom: 50px;
}
.b1-box1 h5 {
text-align: center;
}
.b1-box1 h3 {
font-size: 44px;
line-height: 57px;
text-align: center;
}
.b1-box1 h4 {
margin-bottom: 30px;
text-align: center;
}
.b1-box1 p {
font-size: 15px;
line-height: 29px;
text-align: center;
}
.b1-box2 img{
float: none;
margin: auto;
display: block;
width: 100%;
}
.banner2 h3 {
font-size: 40px;
line-height: 51px;
}
.banner2 h4{
font-size: 15px;
margin-bottom: 60px;
}
.loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.loop-con {
padding-left: 54px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 4px;
}
.banner2{
padding-bottom: 80px;
}
.banner-4{
padding-bottom: 70px;
}
.banner-4 h3 {
font-size: 40px;
line-height: 51px;
}
.banner-4 h2{
font-size: 15px;
margin-bottom: 0px;
}
.b4-1 {
float: none;
width: 60%;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
.b4-1 p{
padding: 0px;
float: none;
}
.banner5 h3 {
font-size:35px;
line-height: 51px;
}
.banner5 h2{
font-size: 15px;
margin-bottom: 50px;
}
.banner5 {
padding-top: 80px;
padding-bottom: 120px;
}
.gallery1{
padding-bottom: 30px;
}
.hover-class-2 {
height:100vh;
padding: 90px 0px;
}
.hover-class{
height:100vh;
padding: 140px 0px;
}
.gallery1 img {
height:100vh;
width:100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.gallery2 img {
height: auto;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.banner6{
padding-bottom: 50px;
}
.banner6 h3 {
font-size: 40px;
line-height: 51px;
}
.banner6 h2{
font-size: 15px;
margin-bottom: 30px;
}
.call-action{
padding-bottom: 70px;
}
.call-nav{
padding: 15px 0px;
width: 178px;
height: 57px;
}
.call-bg h1 {
line-height: 50px;
font-size: 34px;
}
.footer{
padding-top: 70px;
background: linear-gradient(180deg, rgba(0,25,68,1) 49%, rgba(0,33,91,1) 49%);
}
.f-1 img {
float: none;
width: 340px;
margin: auto;
display: block;
}
.f-1 p {
width: 100%;
padding: 0px 100px;
text-align: center;
margin-top: 23px;
}
.link-1 {
float: none;
}
.link-1 h4{
text-align: center;
}
.link-1 h2{
text-align: center;
}
.link-2 h3 {
text-align: center;
}
.link-2 a{
text-align: center;
}
.link-3 h3{
text-align: center;
}
.link-3 p{
text-align: center;
float: none;
}
.link-3 a{
text-align: center;
}
.f-2{
padding-left: 34px;
padding-top: 80px;
}
.sm a {
float: none;
}
.sm{
text-align: center;
margin: auto;
display: block;
float: none;
}
.copyright h3 {
float: left;
width: 100%;
text-align: center;
}
.copyright h4 {
float: left;
width: 100%;
text-align: center;
}
.menuarea > .mob_nav {
margin-top: 27px;
}
/*aboutus*/
.ab-ban1{
padding: 172px 0 63px 0px;
background-position-x: 25%;
}
.ab-ban1 h2 {
font-size: 45px;
}
.ab-ban2 {
padding: 60px 0px;
}
.ab-ban2-1 h3 {
text-align: center;
line-height: 59px;
font-size: 42px;
margin-bottom: 30px;
}
.ab-ban2-1 h4 {
text-align: center;
line-height: 25px;
margin-bottom: 30px;
}
.ab-ban2-1 p {
font-size: 14px;
line-height: 25px;
text-align: center;
}
.ab-ban2-1 img{
float: none;
width: 80%;
margin-left: auto;
margin-bottom: 40px;
}
.ab-ban2-1 {
padding-bottom: 30px;
}
.vision {
margin-bottom: 30px;
padding: 38px 31px;
}
.vision img {
float: none;
}
.vision h2 {
text-align: center;
}
.vision p{
text-align: center;
font-size: 15px;
}
/*sevicepage*/
.s-b2-box1-img {
width:70% !important;
}
.s-banner2 h3 {
font-size: 37px;
line-height: 40px;
}
.s-banner2 h4{
padding: 0px 30px;
line-height: 24px;
font-size: 15px;
margin-bottom: 60px;
}
.s-loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.s-loop-con {
padding-left: 54px;
padding-top: 49px;
padding-right: 0px;
padding-bottom: 4px;
}
/*project*/
/*gallery*/
.b3slide {
padding-bottom: 0px;
}
.detail-gal{
padding-top: 0px!important;
}
/*careers*/
.cr-wd h2 {
line-height: 59px;
font-size: 42px;
}
.careerban2{
padding-top: 70px;
}
.cr-wd p {
padding: 0px 10px;
font-size: 14px;
line-height: 27px;
}
.careerban2 {
padding-left: 15px;
padding-right: 15px;
}
.contact-snd{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
/*contactsus*/
.git h1{
font-size: 42px; font-weight: 600;
text-align: center;
}
.git p{
text-align: center;
padding-right: 0px;
}
.contact-label br{
display: none;
}
.contact-snd2{
width: 143px;
height: 48px;
text-align: center;
font-size: 15px;
}
.india span {
font-size: 16px;
text-align: center;
}
.india p{
text-align: center;
}
.adr-section h1 {
text-align: center;
}
.india p a{
text-align: center !important;
}
.abt-panel {
padding: 20px 0px 40px 0px !important;
}
}
@media(min-width:768px) and (max-width:991px)
{
.center-slider .slick-current.slick-active{
transform: scale(1.1);
background-color: #ffffff;
position: relative;
z-index: 999;
}
.s3box img{
width:75%;
margin: auto;
float: none;
}
.s3box{
margin-top: 0px;
}
.center-slider .slick-slide
{
height: 370px;
}
.slide{
height: 700px;
}
.slide .item{
height: 700px;
}
.slide-image{
height: 700px;
}
.header-content h1 {
font-size: 55px;
line-height: 70px;
}
.slide .item .cover .header-content {
padding-top: 115px!important;
}
.header-content p{
width: 70%;
}
.banner1 {
padding-top: 70px;
padding-bottom: 90px;
}
.b1-box1 h5 {
text-align: center;
}
.b1-box1 h3 {
text-align: center;
}
.b1-box1 h4 {
text-align: center;
}
.b1-box1 p {
text-align: center;
}
.b1-box2 img{
float: none;
margin: auto;
display: block;
width: 100%;
}
.banner2 h3 {
line-height: 49px;
font-size: 43px;
}
.loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.loop-con {
padding-left: 31px;
padding-top: 38px;
padding-right: 6px;
padding-bottom: 4px;
}
.banner-4 h3 {
line-height: 49px;
font-size: 43px;
}
.b4-1 {
float: none;
width: 60%;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}
.b4-1 p{
float: none;
}
.banner5 h3 {
line-height: 49px;
font-size: 43px;
}
.banner5 H2{
margin-bottom: 70PX;
}
.banner5 {
padding-top: 80px;
padding-bottom: 120px;
}
.gallery1 {
margin-bottom: 30px;
}
.hover-class-2 {
height:100vh;
padding: 35px 0px;
}
.hover-class{
height:100vh;
padding: 155px 0px;
}
.gallery1 img {
height:100vh;
width:100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.gallery2 img {
height: auto;
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.banner6 h3 {
line-height: 49px;
font-size: 43px;
}
.call-bg h1 {
line-height: 65px;
font-size: 47px;
}
.footer{
padding-top: 70px;
background: linear-gradient(180deg, rgba(0,25,68,1) 49%, rgba(0,33,91,1) 49%);
}
.f-1 img {
float: none;
width: 340px;
margin: auto;
display: block;
}
.f-1 p {
width: 100%;
padding: 0px 100px;
text-align: center;
margin-top: 23px;
}
.link-1 {
float: none;
}
.link-1 h4{
text-align: center;
}
.link-1 h2{
text-align: center;
}
.link-2 h3 {
text-align: center;
}
.link-2 a{
text-align: center;
}
.link-3 h3{
text-align: center;
}
.link-3 p{
text-align: center;
float: none;
}
.link-3 a{
text-align: center;
}
.f-2{
padding-left: 34px;
padding-top: 80px;
}
.sm a {
float: none;
}
.sm{
text-align: center;
margin: auto;
display: block;
float: none;
}
.copyright h3 {
float: left;
width: 100%;
text-align: center;
}
.copyright h4 {
float: left;
width: 100%;
text-align: center;
}
.ab-ban2-1 img{
width:45%;
margin-top: 15px;
}
.ab-ban2 {
padding: 100px 0px 0px 0px;
}
.s-loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.s-loop-con {
padding-left: 31px;
padding-top: 38px;
padding-right: 6px;
padding-bottom: 4px;
}
.menuarea > .mob_nav {
margin-top: 30px;
}
.ab-ban2-1 h3{
margin-bottom: 20px;
line-height: 47px;
font-size: 33px;
}
.ab-ban2-1 h4{
margin-bottom: 20px;
line-height: 24px;
}
.ab-ban2-1 p{
}
.vision {
margin-bottom: 30px;
padding: 38px 31px;
}
.vision img {
float: none;
}
.vision h2 {
text-align: center;
}
.vision p{
text-align: center;
font-size: 15px;
}
.all-vision{
padding-left: 150px;
padding-right: 150px;
}
.s-b2-box1-img {
width: 290px !important;
}
.ab-ban2-1 img{
width:45%;
margin-top: 15px;
}
.s-banner2 h3 {
line-height: 49px;
font-size: 43px;
}
.git h1 {
text-align: center;
}
.git p {
padding-right: 0;
text-align: center;
}
.adr-section h1 {
text-align: center;
}
.india span {
text-align: center;
}
.india p{
text-align: center;
}
.adr-section h1 {
text-align: center;
}
.india p a{
text-align: center;
}
}
@media(min-width:992px) and (max-width:1200px)
{
.hover-class {
width: 100%;
padding: 271px 0px;
}
.slide{
height: 700px;
}
.slide .item{
height: 700px;
}
.slide-image{
height: 700px;
}
.header-content h1 {
font-size: 60px;
line-height: 74px;
}
.slide .item .cover .header-content {
padding-top: 115px!important;
}
.b1-box1 h3 {
line-height: 51px;
font-size: 41px;
margin-bottom: 24px;
}
.b1-box1 h4 {
font-size: 13px;
margin-bottom: 18px;
}
.b1-box1 p {
font-size: 15px;
line-height: 27px;
}
.b1-box2 img{
width: 462px;
margin-top: 21px;
}
.banner2 h3 {
line-height: 49px;
font-size: 43px;
}
.loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.loop-con {
padding-left: 31px;
padding-top: 38px;
padding-right: 6px;
padding-bottom: 4px;
}
.banner-4 h3 {
line-height: 49px;
font-size: 43px;
}
.arrow-class {
float: left;
padding-top: 132px;
}
.arrow-class-sp2 {
float: left;
padding-top: 63px;
}
.b4-1 h4 {
font-size: 23px;
}
.b4-1 p {
padding: 0px 26px;
}
.banner5 h3 {
line-height: 49px;
font-size: 43px;
}
.banner6 h3 {
line-height: 49px;
font-size: 43px;
}
.call-bg h1 {
line-height: 65px;
font-size: 47px;
}
.f-1 img {
float: left;
width: 340px;
}
.copyright h3 {
font-size: 15px;
}
.contact-label br{
display: none;
}
.adr-section h1{
font-size: 26px;
}
.india span {
font-size: 14px;
}
.ab-ban2-1 h3 {
line-height: 57px;
font-size: 46px;
margin-bottom: 25px;
}
.ab-ban2-1 h4 {
margin-bottom: 25px;
}
.s-loop-con h2 {
font-size: 25px;
line-height: 35px;
margin-bottom: 15px;
}
.s-loop-con {
padding-left: 31px;
padding-top: 38px;
padding-right: 6px;
padding-bottom: 4px;
}
.s-b2-box1-img {
width: 365px !important;
}
.ab-ban2-1 img{
width:45%;
margin-top: 15px;
margin-left: 20px;
}
.ab-ban2{
padding-bottom: 0px;
}
.menuarea > .mob_nav {
margin-top: 31px;
}
}
@media(min-width:1200px) and (max-width:1376px)
{
.loop-con h2 {
font-size: 30px;
}
.s-loop-con h2 {
font-size: 30px;
}
}
@media(min-width:1230px)
{
.mob_nav{
display: none !important;
}
}
@media(max-width:1229px)
{
.call-action{
background-attachment: inherit!important;
}
.header2{
background-color: transparent;
position: absolute;
top: 13px;
}
.menuarea{
position: inherit;
padding-top: 26px;
}
.menuarea > ul > li > a{
float: left;
}
.menuarea > ul {
width: 100%;
position: absolute;
top: 100%;
left: 0px;
background: #00215b;
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 > li > a:hover{
border-bottom: none!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;
}
.activeli {
border-bottom: none !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;
}
.menuarea > ul > li {
width: 100%;
padding: 0px;
}
.menuarea ul.view {
margin-top: 39px;
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;
}
}.p6-box h5 {
font-size: 24px;
color: #000;
font-weight: 700;
margin-bottom: 23px;
}.p6-box h6 {
font-size: 18px;
color: #000;
font-weight: 400;
position: relative;
padding-left: 30px;
}.p6-box h6:after {
position: absolute;
content: '';
background-image: url(../images/vector.png);
width: 19px;
height: 20px;
left: 0;
background-size: contain;
}
.job-list-full .p6-box{border: 1px solid #cecece;margin-top: 10px;margin-bottom: 10px;}
.job-list-full h2{}
.job-list-full h2 span{font-family: 'Monotype Corsiva';font-size: 75px;float: left;width: 100%;}
.job-list-full p{
font-size: 15px;
float: right;
width: 100%;
color: #000;
line-height: 180%;
padding: 20px 0;
}/* SECTION */
.apply {
border: 1px solid #001944;
box-shadow: inset 400px 0 0 0 #001944;
background-color: #00215b;
text-decoration: none;
float: right;
width: 46%;
height: 60px;
margin: 0 2%;
text-align: left;
font-size: 16px;
font-weight: 500;
align-items: center;
justify-content: center;
display: flex;
border-radius: 16px;
color: #fff;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}.know {
border: 1px solid transparent;
box-shadow: inset 400px 0 0 0 #ffffff;
background-color: #fff;
text-decoration: none;
float: right;
width: 46%;
height: 60px;
text-align: left;
font-size: 16px;
font-weight: 500;
align-items: center;
margin: 0 2%;
justify-content: center;
display: flex;
border-radius: 16px;
color: #000000;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.boxes-cr {
width: 100%;
float: left;
margin-bottom: 70px;
}.know:hover {
box-shadow: inset 0 0px 0 0 #00215b;
background-color: transparent;
text-decoration: none;
color: #001944;
border: 1px solid #001944;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.apply:hover {
box-shadow: inset 0 0px 0 0 #00215b;
background-color: transparent;
text-decoration: none;
color: #001944;
border: 1px solid #001944;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.p6-box {
width: 100%;
float: left;
background: #f0f5ff;
padding: 30px;
border-radius: 20px;
}
.boxes-cr h2{
text-align: center;
font-weight: 600;
color: #000;
font-size: 46px;
line-height: 65px;
margin-bottom: 20px;
}#enroll3 .modal-content {
width: 100%;
float: left;
/* background: linear-gradient(76deg, rgb(10 20 57) 32%, rgb(10 20 57) 89%), url(../images/footer-overlay.webp); */
background-size: cover;
}.close_form {
display: block;
position: absolute;
width: 40px;
height: 40px;
right: 0;
z-index: 999;
top: 2px;
background: #0a1439 url(../images/close.svg) no-repeat center center;
background-size: 20px 20px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: none;
cursor: pointer;
}.mod-new {
padding: 15px;
}
.mod-new {
width: 100%;
float: left;
padding: 30px;
}.jb-apy {
float: left;
width: 100%;
}.jb-apy h2 {
float: left;
width: 100%;
color: #153197;
font-size: 25px;
font-weight: 600;
padding-bottom: 10px;
text-transform: uppercase;
}#enroll3 p {
color: #fff;
font-size: 16px;
line-height: 180%;
font-weight: 400;
margin: 0;
}
.jb-apy p {
float: left;
width: 100%;
color: black !important;
}#enroll p {
color: #fff;
font-size: 15px;
line-height: 180%;
font-weight: 400;
margin: 0;
}span.year::before {
content: "\f133";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-right: 8px;
font-size: 14px;
vertical-align: middle;
}
.blog-full{
width: 100%;
float: left;
padding: 70px 0;
}
.blog-box{
width: 100%;
float: left;
border: 1px solid #cccc;
background: #f6f8ff;
padding: 20px;
margin-bottom: 20px;
position: relative;
}
.blog-box img{
width: 245px;
margin-right: 20px;
height: 300px;
object-fit: cover;
float: left;
}
.blog-box h2{font-size: 24px;float: right;width: 46%;margin-top: 180px;color: #000;font-weight: 500;}
.year{
float: right;
font-size: 16px;
color: #81879f;
}
.blog-full2{
width: 100%;
float: left;
padding: 70px 0;
}
.bl-left{
width: 70%;
float: left;
}
.bl-left h2{
font-size: 45px;
color: #000;
font-weight: 500;
}
.bl-left p{
float: left;
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 29px;
width: 100%;
text-align: left;
}
.bl-right{
width: 30%;
float: right;
padding-left: 40px;
}
.rel-box{
width: 100%;
float: left;
border: 1px solid #cecece;
padding: 20px;
border-radius: 20px;
}
.rel-box h6{
font-size: 20px;
color: #000;
font-weight: 500;
border-bottom: 1px solid #cecece;
padding-bottom: 10px;
}
.rel-box a{
width: 100%;
float: left;
margin-top: 15px;
}
.rel-box a img{
width: 79px;
height: 63px;
float: left;
border-radius: 15px;
margin-right: 15px;
}
.rel-box a span{
font-size: 15px;
color: #000;
font-weight: 500;
}
.share-bt{
}
.share-bt h5{
margin-top: 20px;
float: left;
width: 100%;
font-size: 20px;
color: #000;
font-weight: 500;
}
.share-bt a{
float: left;
margin: 0 10px 0 0;
}.share-bt a:hover img{
opacity: 1;
}
.share-bt a img{
filter: invert(1);
opacity: .7;
width: 30px;
}
@media(max-width:575px){
.know{
width:100%;
}
.apply{
width:100%;margin-bottom:10px;
}
.bl-left {
width: 100%;
float: left;
}.bl-left h2 {
font-size: 30px;
color: #000;
font-weight: 500;
}.bl-right {
width: 100%;
float: right;
padding-left: 0;
}
.blog-box img {
width: 114px;
margin-right: 10px;
height: 210px;
object-fit: cover;
float: left;
}.blog-box h2 {
font-size: 14px;
float: right;
width: 46%;
margin-top: 126px;
color: #000;
font-weight: 500;
}.boxes-cr h2 {
text-align: center;
font-weight: 600;
color: #000;
font-size: 32px;
line-height: 40px;
margin-bottom: 20px;
}
}
@media(min-width:576px) and (max-width:767px) {
.know{
width:100%;
}
.apply{
width:100%;margin-bottom:10px;
}
.blog-box img {
width: 215px;
margin-right: 20px;
height: 300px;
object-fit: cover;
float: left;
}.blog-box h2 {
font-size: 22px;
} .bl-left {
width: 100%;
float: left;
}.bl-left h2 {
font-size: 30px;
color: #000;
font-weight: 500;
}.bl-right {
width: 100%;
float: right;
padding-left: 0;
}
}
@media(min-width:768px) and (max-width:991px){.know{
width:100%;
}
.apply{
width:100%;margin-bottom:10px;
}
.bl-left h2 {
font-size: 32px;
color: #000;
font-weight: 500;
}.bl-left {
width: 60%;
float: left;
}.bl-right {
width: 40%;
float: right;
padding-left: 30px;
}.rel-box a img {
width: 70px;
height: 60px;
float: left;
border-radius: 15px;
margin-right: 10px;
}.rel-box a span {
font-size: 14px;
color: #000;
font-weight: 500;
}
.blog-box img {
width: 134px;
margin-right: 20px;
height: 210px;
object-fit: cover;
float: left;
}.blog-box h2 {
font-size: 14px;
float: right;
width: 46%;
margin-top: 126px;
color: #000;
font-weight: 500;
}
}
@media(min-width:992px) and (max-width:1024px){
.rel-box a img {
width: 70px;
height: 60px;
float: left;
border-radius: 15px;
margin-right: 10px;
}.rel-box a span {
font-size: 13px;
color: #000;
font-weight: 500;
}
.blog-box img {
width: 190px;
margin-right: 20px;
height: 220px;
object-fit: cover;
float: left;
}.blog-box h2 {
font-size: 18px;
float: right;
width: 46%;
margin-top: 120px;
color: #000;
font-weight: 500;
}
}
@media(min-width:1025px) and (max-width:1199px){
.bl-right {
width: 35%;
float: right;
padding-left: 40px;
}.bl-left {
width: 65%;
float: left;
}
.blog-box img {
width: 195px;
margin-right: 20px;
height: 300px;
object-fit: cover;
float: left;
}.blog-box h2 {
font-size: 20px;
float: right;
width: 46%;
margin-top: 175px;
color: #000;
font-weight: 500;
}
}