html{
overflow-x: hidden;
}
body{
margin: 0px;
overflow-x:hidden;
font-family: "Manrope", sans-serif !important;
}
.autrdealer {
display: flex;
align-items: center;
justify-content: center;
gap: 56px;
padding-bottom: 50px;
}
.autrdealer img {
width: 100%;
max-width: 150px;
}
/* Mobile View */
@media (max-width: 768px) {
.autrdealer {
flex-wrap: wrap;
gap: 20px;
}
.autrdealer img {
max-width: 35%;
margin: 18px 12px 0;
}
}
/*menu*/
.thumb-top {
float: right !important;
/* margin-top: 8px;
border-radius: 20px;
padding: 6px 15px;
border: 1px solid #ca151d;
cursor: pointer;*/
}
.form-screen {
/* max-width: 645px; */
display: block;
padding-left: 60px;
/* margin: 9px auto; */
}
.log_set {
width: 100%;
float: left;
position: relative;
padding: 0 0 17px;
margin-bottom: 15px;
}
.form-screen .log_set label {
width: 100%;
float: left;
position: relative;
font-size: 14px;
/* font-family: 'Open Sans', sans-serif !important; */
font-weight: 500;
color: #fff;
line-height: 25px;
margin: 0 0 9px;
text-align: left;
font-family: 'Isidora Sans' !important;
}
.form-screen .log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select {
width: 100%;
float: left;
position: relative;
height: 55px !important;
border: none;
padding: 10px 10px !important;
font-size: 14px;
line-height: 30px;
color: #fff;
font-weight: 500;
/* border-radius: 4px; */
-moz-border-radius: 4px;
/* -webkit-border-radius: 4px; */
border-radius: 3px;
background: transparent;
outline: none;
border: solid 1px #fff;
padding-left: 0px;
padding-right: 0px;
font-family: 'Isidora Sans' !important;
}
.newrymenu{
width: 100%;
float: left;
}
.newrymenu a {
width: 100%;
float: left;
text-align: center;
font-size: 35px;
font-weight: 400;
text-decoration: none;
color: white;
line-height: 60px;
}
.newrymenu a:hover{
color: #ca141c;
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;
}
/*menu*/
.loader {
width: 40px;
height: 40px;
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: 185px;*/
width: 100%;
animation: filter-animation 3s infinite;
}
.ip-loader {
margin-left: 0px!important;
/*bottom: 38%!important;*/
}
@keyframes filter-animation {
0% { transform: translateY(-3px);}
25% { transform: translateY(3px);}
50% { transform: translateY(-3px);}
75% { transform: translateY(3px);}
100% { transform: translateY(-3px);}
}
.lod-imgee {
width: 40px;
aspect-ratio: 1;
display: grid;
}
.lod-imgee::before,
.lod-imgee::after {
content: "";
grid-area: 1/1;
background: #ca141c;
clip-path: polygon(0 0,101% 0, 0 100%);
animation: l13 2s infinite;
}
.lod-imgee::after {
--s:-1,-1;
}
@keyframes l13 {
0%,
10% {transform:scale(var(--s,1)) translate(0,0) rotate(0deg)}
33% {transform:scale(var(--s,1)) translate(20px,-20px) rotate(0deg)}
66% {transform:scale(var(--s,1)) translate(20px,-20px) rotate(180deg)}
90%,
100% {transform:scale(var(--s,1)) translate(0px,0px) rotate(180deg)}
}
/* HTML: */
/*.loader {*/
/* width: 41px;*/
/* aspect-ratio: 1;*/
/* display: grid;*/
/* float: none;*/
/* margin: auto;*/
/*}*/
/*.loader::before,*/
/*.loader::after {*/
/* content: "";*/
/* grid-area: 1/1;*/
/* background: #ca141c;*/
/* clip-path: polygon(0 0,101% 0, 0 100%);*/
/* animation: l13 2s infinite;*/
/*}*/
/*.loader::after {*/
/* --s:-1,-1;*/
/*}*/
/*@keyframes l13 {*/
/* 0%,*/
/* 10% {transform:scale(var(--s,1)) translate(0,0) rotate(0deg)}*/
/* 33% {transform:scale(var(--s,1)) translate(20px,-20px) rotate(0deg)}*/
/* 66% {transform:scale(var(--s,1)) translate(20px,-20px) rotate(180deg)}*/
/* 90%,*/
/* 100% {transform:scale(var(--s,1)) translate(0px,0px) rotate(180deg)}*/
/*}*/
.head{
width: 100%;
float: left;
padding-top: 25px;
padding-bottom: 25px;
background-color: white;
}
.logo{
width: 30%;
float: left;
}
.logo img{
width: 100%;
float: left;
max-width: 140px;
}
.milphone{
padding-top: 25px;
width: 70%;
float: left;
}
.mail{
padding-right: 20px;
float: right;
}
.mail a{
color: black;
font-weight: 400;
font-size: 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;
}
.mail a:hover{
text-decoration: none;
color:#ca3650; ;
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;
}
.phone{
padding-right: 35px;
float: right;
}
.phone a{
color: black;
font-weight: 400;
font-size: 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;
}
.phone a:hover{
text-decoration: none;
color:#ca3650;
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;
}
.banner-exd{
width: 100%;
float: left;
}
.banner-carousel .owl-nav {
padding: 0px 22px;
top: -354px;
position: relative;
}
.banner-carousel .owl-next{
float: right;
}
.banner-carousel .owl-prev img {
transform: rotate(180deg);
width: 60px;
}
.banner-carousel .owl-next img {
width: 60px;
}
.banner-carousel .owl-item.active .slide2-image {
transform: scale(1.1);
transition: 10s;
}
.banner{
width: 100%;
float: left;
position: relative;
}
.banner img{
width: 100%;
float: left;
}
.banner-hd{
z-index: 111;
width: 100%;
float: left;
position: absolute;
}
.banner-hd h2 {
padding-top: 182px;
width: 100%;
float: left;
text-align: center;
color: white;
font-size: 80px;
font-weight: 500;
margin-bottom: 0px;
padding-bottom: 25px;
}
.read{
width: 100%;
float: left;
}
.read a {
margin: auto;
width: 175px;
padding: 20px 0px;
float: none;
text-align: center;
background-color: #ca141c;
color: white;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: block;
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;
}
.read a:hover{
text-decoration: none;
background-color: white;
color: #ca141c;
border: 1px solid #sca141c;
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;
}
.body1{
padding-top: 65px;
width: 100%;
float: left;
background-color: white;
}
.body-mhd{
width: 100%;
float: left;
}
.body-hd{
width: 55%;
float: left;
}
.body-hd h2{
padding-bottom: 15px;
width: 100%;
float: left;
text-align: left;
color: #ff0000;
font-size: 17px;
font-weight: 500;
margin-bottom: 0px;
}
.body-hd h3{
line-height: 60px;
width: 100%;
float: left;
text-align: left;
color: black;
font-size: 50px;
font-weight: 600;
}
.body-hd h3:after {
left: 472px;;
bottom: 32px;
width: 85px;
height: 3px;
position: absolute;
content: '';
background-color: #e0dfdf;
}
.body-per{
padding-top: 70px;
width: 45%;
float: left;
}
.body-per p{
line-height: 27px;
width: 100%;
float: left;
text-align: left;
font-size: 15px;
font-weight: 500;
color: black;
}
.bdy1leftimg{
width: 55%;
float: left;
}
.bdy1leftimg img{
width: 100%;
max-width: 577px;
float: left;
}
.body1-imgmain{
width: 100%;
float: left;
padding-top: 97px;
position: relative;
}
.body1right {
overflow: hidden;
top: 63px;
right: -119px;
width: 52%;
float: left;
position: absolute;
}
/*.body1right{*/
/*}*/
.body1right:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
.body1right:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
background: linear-gradient(to right, rgb(255 255 255 / 23%) 0%, rgb(255 255 255 / 31%) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.body1right img{
width: 100%;
max-width: 617px;
float: left;
}
.body1-imgmain h2 {
padding-left: 35px;
padding-top: 51px;
width: 76%;
z-index: 11;
position: relative;
float: left;
text-align: left;
color: #c9c1c1;
font-size: 91px;
font-weight: 800;
}
.body1-imgmain h2 span{
float: right;
}
.serv-inxhd{
padding-top: 95px;
width: 100%;
float: left;
padding-bottom: 80px;
}
.serv-inxhd h2{
width: 100%;
float: left;
color: black;
text-align: center;
font-weight: 500;
font-size: 50px;
margin-bottom: 0px;
}
.ser-hadimgfull{
padding-bottom: 57px;
width: 100%;
float: left;
}
.ser-inximg{
width: 43%;
float: left;
}
.ser-inximg img{
width: 100%;
float: left;
max-width: 473px;
}
.ser-inxhd {
padding-top: 45px;
padding-left: 45px;
width: 57%;
float: left;
}
.ser-inxhd h3{
width: 100%;
float: left;
margin-bottom: 0px;
color: black;
font-size: 35px;
font-weight: 500;
text-align: left;
padding-bottom: 20px;
}
.ser-inxhd p{
float: left;
text-align: left;
color: black;
font-size: 16px;
font-weight: 400;
line-height: 30px;
padding-bottom: 15px;
}
.ser-more{
width: 100%;
float: left;
}
.ser-more a{
width: 100%;
float: left;
text-align: center;
width: 179px;
padding: 15px 0px;
background-color: transparent;
border: 1px solid #455ee8;
color: #455ee8;
font-weight: 500;
font-size: 16px;
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;
}
.ser-more a:hover{
color: white;
background-color: #455ee8;
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;
}
.ser-inxhd1 {
padding-top: 70px;
padding-right: 50px;
width: 57%;
float: left;
}
.ser-inxhd1 h3{
width: 100%;
float: left;
margin-bottom: 0px;
color: black;
font-size: 35px;
font-weight: 500;
text-align: right;
padding-bottom: 20px;
}
.ser-inxhd1 p{
float: left;
text-align: right;
color: black;
font-size: 16px;
font-weight: 400;
line-height: 30px;
padding-bottom: 15px;
}
.ser-more1{
width: 100%;
float: left;
}
.ser-more1 a{
float: right;
text-align: center;
width: 179px;
padding: 15px 0px;
background-color: transparent;
border: 1px solid #455ee8;
color: #455ee8;
font-weight: 500;
font-size: 16px;
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;
}
.ser-more1 a:hover{
color: white;
background-color: #455ee8;
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;
}
.ser-inximg1{
padding-top: 91px;
width: 43%;
float: right;
}
.ser-inximg1 img{
width: 100%;
float: left;
max-width: 473px;
}
.read1{
padding-top: 21px;
width: 100%;
float: left;
}
.read1 a {
margin: auto;
width: 195px;
padding: 20px 0px;
float: none;
text-align: center;
background-color: #ca141c;
color: white;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: block;
border: 1px solid #ca141c;
}
.read1 a:hover {
text-decoration: none;
background-color: white;
color: #ca141c;
border: 1px solid #ca141c;
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;
}
.body2{
width: 100%;
float: left;
background-color: white;
padding-bottom: 120px;
}
.bdy2-hd{
padding-top: 100px;
width: 100%;
float: left;
}
.bdy2-hd h2{
padding-bottom: 90px;
width: 100%;
float: left;
text-align: center;
font-size: 50px;
font-weight: 500;
color: black;
}
.sideborderbx{
width: 34%;
float: left;
border-left: 3px solid #b0b0b4;
border-right: 3px solid #b0b0b4;
border-bottom: 3px solid #b0b0b4;
padding: 33px 18px 10px 33px;
}
.sideborderbx h2 {
width: 100%;
float: left;
font-size: 28px;
font-weight: 500;
color: black;
text-align: left;
}
.sideborderbx p{
width: 84%;
float: left;
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: black;
}
.sideborderbx h4 {
padding-left: 10px;
padding-top: 18px;
width: auto;
float: left;
text-align: right;
font-size: 35px;
font-weight: 600;
color: #455ee8;
}
/*03*/
.sideborderbx3{
width: 34%;
float: left;
border-right: 3px solid #b0b0b4;
border-bottom: 3px solid #b0b0b4;
padding: 33px 18px 10px 33px;
}
.sideborderbx3 h2 {
width: 100%;
float: left;
font-size: 28px;
font-weight: 500;
color: black;
text-align: left;
}
.sideborderbx3 p{
width: 82%;
float: left;
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: black;
}
.sideborderbx3 h4 {
padding-left: 10px;
padding-top: 18px;
width: auto;
float: left;
text-align: right;
font-size: 35px;
font-weight: 600;
color: #455ee8;
}
/*05*/
.sideborderbx5{
width: 32%;
float: left;
border-bottom: 3px solid #b0b0b4;
padding: 33px 8px 10px 29px;
}
.sideborderbx5 h2 {
width: 100%;
float: left;
font-size: 28px;
font-weight: 500;
color: black;
text-align: left;
}
.sideborderbx5 p{
width: 83%;
float: left;
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: black;
}
.sideborderbx5 h4 {
padding-left: 10px;
padding-top: 18px;
width: auto;
float: left;
text-align: right;
font-size: 35px;
font-weight: 600;
color: #455ee8;
}
.extrabxgry{
margin-left: 185px;
width: 100%;
float: left;
}
/*02*/
.sideborderbx2{
width: 34%;
float: left;
border-left: 3px solid #b0b0b4;
border-right: 3px solid #b0b0b4;
padding: 33px 18px 10px 33px;
}
.sideborderbx2 h2 {
width: 100%;
float: left;
font-size: 28px;
font-weight: 500;
color: black;
text-align: left;
}
.sideborderbx2 p{
width: 83%;
float: left;
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: black;
}
.sideborderbx2 h4 {
padding-left: 10px;
padding-top: 18px;
width: auto;
float: left;
text-align: right;
font-size: 35px;
font-weight: 600;
color: #455ee8;
}
/*04*/
.sideborderbx4{
width: 34%;
float: left;
border-right: 3px solid #b0b0b4;
padding: 33px 18px 10px 33px;
}
.sideborderbx4 h2 {
width: 100%;
float: left;
font-size: 28px;
font-weight: 500;
color: black;
text-align: left;
}
.sideborderbx4 p{
width: 83%;
float: left;
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: black;
}
.sideborderbx4 h4 {
padding-left: 10px;
padding-top: 18px;
width: auto;
float: left;
text-align: right;
font-size: 35px;
font-weight: 600;
color: #455ee8;
}
.sideborderbx:after {
position: absolute;
content: "";
bottom: 187px;
left: 7px;
background: #fff;
border: 1px solid #ba1e1e;
height: 18px;
width: 18px;
border-radius: 100%;
}
.sideborderbx3:after {
position: absolute;
content: "";
bottom: 187px;
left: 381px;
background: #fff;
border: 1px solid #ba1e1e;
height: 18px;
width: 18px;
border-radius: 100%;
}
.sideborderbx5:after {
right: 363px;
position: absolute;
content: "";
bottom: 187px;
background: #fff;
border: 1px solid #ba1e1e;
height: 18px;
width: 18px;
border-radius: 100%;
}
.sideborderbx2:before {
left: 192px;
position: absolute;
content: "";
bottom: 185px;
background: #fff;
border: 1px solid #ba1e1e;
height: 18px;
width: 18px;
border-radius: 100%;
}
.sideborderbx4:before {
right: 556px;
position: absolute;
content: "";
bottom: 185px;
background: #fff;
border: 1px solid #ba1e1e;
height: 18px;
width: 18px;
border-radius: 100%;
}
.extrabxgry:before {
right: 179px;
position: absolute;
content: "";
bottom: 185px;
background: #fff;
border: 1px solid #ba1e1e;
height: 18px;
width: 18px;
border-radius: 100%;
}
.body3{
width: 100%;
float: left;
background: rgb(239,241,253);
background: linear-gradient(180deg, rgba(239,241,253,1) 0%, rgba(252,253,255,1) 100%);
}
.body3-hd{
padding-bottom: 50px;
width: 100%;
float: left;
padding-top: 66px;
}
.body3-hd h2{
width: 100%;
float: left;
font-size: 50px;
font-weight: 500;
color: black;
text-align: center;
}
.body3-mainbx{
width: 100%;
float: left;
padding-left: 281px;
}
.body3imgbx{
position: relative;
width: 100%;
float: left;
}
.body3imgbx img{
width: 100%;
float: left;
max-width: 100%;
}
.hd3img {
padding: 0px 25px;
position: absolute;
width: 100%;
float: left;
bottom: 40px;
}
.hd3img h2{
width:80%;
float: left;
text-align: left;
font-size: 22px;
font-weight: 400;
color: white;
margin-bottom:0px;
}
.hd3img img{
opacity: 0;
width: 33px !important;
float: right;
text-align: right;
position: absolute;
bottom: 2px;
right: 25px;
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;
}
.body3imgbx:hover .hd3img img{
opacity: 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;
}
.body4{
padding-bottom:70px;
padding-top: 85px;
width: 100%;
float: left;
background-color: white;
}
.body4-hd{
width: 100%;
float: left;
}
.body4-hd h2{
padding-bottom: 35px;
width: 100%;
float: left;
font-size: 50px;
font-weight: 500;
color: black;
text-align: center;
}
.footer {
width: 100%;
float: left;
padding-top: 45px;
padding-bottom: 56px;
background-color: #353748;
}
.ftrbx1{
width: 100%;
float: left;
}
.ftrbx1 h2 {
padding-bottom: 10px;
width: 100%;
float: left;
text-align: left;
color: #ffcfcf;
font-size: 24px;
font-weight: 400;
}
.ftrbx1 a {
line-height: 38px;
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 14px;
font-weight: 400;
}
.ftrbx1 a:hover{
text-decoration: none;
color:#ca3650;
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;
}
.ftrbx2-1 a:hover{
text-decoration: none;
color:#ca3650;
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;
}
.ftrbx2-3 a:hover{
text-decoration: none;
color:#ca3650;
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;
}
.ftrbx3 h3 a:hover{
text-decoration: none;
color:#ca3650;
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;
}
.copy h2 a:hover{
text-decoration: none;
color:#ca3650;
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;
}
.cont7-carousel .owl-prev img {
transform: rotate(90deg);
width: 38px;
}
.cont7-carousel .owl-prev{
float: left;
margin-top: -63px;
}
.cont7-carousel .owl-next img {
transform: rotate(90deg);
width: 38px;
}
.cont7-carousel .owl-nav {
margin-top: -45px;
margin-left: -125px;
float: left;
}
.parnslogo{
width: 100%;
float: left;
margin-bottom: 25px;
}
.parnslogo img{
max-width: 150px;
object-fit: contain;
height: 150px;
}
.foot-img .owl-nav {
display:none;
margin-top: 45px;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.foot-img .owl-prev img {
width: 38px;
margin: 0px 12px;
}
.foot-img .owl-next img {
width: 38px;
margin: 0px 12px;
}
.ftrbx2{
padding-left: 27px;
width: 100%;
float: left;
}
.ftrbx2 h2{
padding-bottom: 10px;
width: 100%;
float: left;
text-align: left;
color: #ffcfcf;
font-size: 24px;
font-weight: 400;
}
.ftrbx2-1{
width: 55%;
float: left;
}
.ftrbx2-1 a{
line-height: 38px;
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 14px;
font-weight: 400;
}
.ftrbx2-3{
width: 45%;
float: left;
}
.ftrbx2-3 a{
line-height: 38px;
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 14px;
font-weight: 400;
}
.ftrbx3{
padding-left: 44px;
width: 100%;
float: left;
}
.ftrbx3 h2{
padding-bottom: 10px;
width: 100%;
float: left;
text-align: left;
color: #ffcfcf;
font-size: 24px;
font-weight: 400;
}
.ftrbx3 h4 {
margin-bottom: 0px;
width: 100%;
float: left;
text-align: left;
font-size: 17px;
color: white;
font-weight: 500;
}
.ftrbx3 h4 p{
margin-bottom: 0px;
width: 100%;
float: left;
line-height: 35px;
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 14px;
font-weight: 400;
}
.ftrbx3 h3{
margin-bottom: 0px;
float: left;
text-align: left;
color:white;
font-size: 14px;
font-weight: 400;
}
.ftrbx3 h3 a{
line-height: 30px;
/* width: 100%;*/
/* float: left;*/
text-align: left;
color: white;
font-size: 14px;
font-weight: 400;
}
.copy{
padding:30px 0px;
width: 100%;
float: left;
background-color: #252837;
}
.copy h2{
width: 100%;
float: left;
text-align: center;
font-size: 14px;
font-weight: 300;
margin-bottom: 0px;
color: white;
}
.copy h2 br{
display:none;
}
.copy h2 a{
color: white;
text-decoration: none;
}
.social{
padding-top: 18px;
width: 100%;
float: left;
}
.social img{
margin-right: 17px;
width: 25px;
float: left;
}
.inners{
background-size: cover;
background-repeat: no-repeat;
background-image: url('../images/top.png');
width: 100%;
float: left;
background-color: white;
padding-top: 30px;
padding-bottom: 60px;
}
.inners h2{
padding-top: 82px;
width: 100%;
float: left;
text-align: left;
color: white;
font-size: 50px;
font-weight: 600;
margin-bottom: 0px;
}
.inner-page{
width: 100%;
float: left;
padding: 50px 0px;
}
.innerpartshed{
width: 100%;
float: left;
}
.innerpartshed h2{
padding-bottom: 25px;
width: 100%;
float: left;
color: black;
font-size: 50px;
font-weight: 500;
margin-bottom: 0px;
text-align: center;
}
.innerpartshed p{
line-height: 27px;
width: 100%;
float: left;
text-align: center;
font-size: 15px;
font-weight: 500;
color: black;
padding: 0px 161px;
}
.client-logo{
padding: 25px;
width: 100%;
float: left;
}
.client-logo img{
float: left;
width: 100%;
}
.whatwe{
width: 100%;
float: left;
padding: 70px 0px;
}
.projectimg{
margin: 25px 0px;
position: relative;
width: 100%;
float: left;
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;
}
.projectimg img{
width: 100%;
float: left;
}
.projectimg p{
display: none;
padding: 40px 3px;
bottom: 0px;
margin-bottom: 0px;
position: absolute;
text-align: center;
color: white;
font-size: 19px;
font-weight: 600;
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;
}
.shedowhide{
width: 100%;
float: left;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgb(255 255 255 / 2%) 0%, rgba(53, 55, 72, 1) 70%);
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;
}
.projectimg:hover.projectimg p{
display: block;
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;
}
.projectinn{
float: left;
width: 100%;
padding: 66px 0px 40px 0px;
}
.b4-hed {
float: left;
width: 100%;
}
.b4-hed h2 {
float: left;
width: 100%;
font-weight: 700;
font-size: 55px;
color: black;
line-height:75px;
margin-bottom: 0px;
}
.b4-para {
padding-bottom: 35px;
float: left;
width: 100%;
/* padding-left: 50px; */
padding-top: 10px;
}
.b4-para p {
float: left;
width: 100%;
font-size: 15px;
line-height: 28px;
font-weight: 400;
color: black;
}
.b4-bx1 {
float: left;
width: 100%;
margin-bottom: 30px;
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;
}
.b4-bx1 img {
float: left;
width: 100%;
height: 355px;
}
.b4-bx1-ttl {
float: left;
width: 100%;
padding: 0px 30px;
margin-top: -92px;
}
.b4-bx1-ttl h2 {
float: left;
font-weight: 700;
font-size: 25px;
color: white;
margin-bottom: 0px;
line-height: 34px;
}
.b4-bx1:hover .b4-bx1-ttl a img {
opacity: 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;
}
.b4-bx1-ttl a img {
float: right;
opacity: 0;
width: 60px;
height: 60px;
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;
}
.b4-bx1 img {
float: left;
width: 100%;
height: 355px;
}
.contactextnew{
width: 100%;
float: left;
}
.contactextnew-img{
width: 50%;
float: left;
}
.contactextnew-img img{
float: left;
width: 100%;
}
/*