html{
overflow-x:hidden;
}
body{
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif !important;}
::-webkit-scrollbar {
width: 5px; }
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px #000;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px; }
::-webkit-scrollbar-thumb {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #000;
-webkit-box-shadow: inset 0 0 6px #000; }
::-webkit-scrollbar-thumb:window-inactive {
background: #000; }
p{
font-family: 'Poppins', sans-serif !important;
}
.form-sec input{
color:#000 !important;
}
h1{
font-family: 'Poppins', sans-serif !important;
}
h2{
font-family: 'Poppins', sans-serif !important;
}
h3{
font-family: 'Poppins', sans-serif !important;
}
h4{
font-family: 'Poppins', sans-serif !important;
}
h5{
font-family: 'Poppins', sans-serif !important;
}
a{
transition: all ease-in-out .5s;
-webkit-transition:all ease-in-out .5s;
-moz-transition:all ease-in-out .5s;
}
.panel4-box:hover h6{
background: linear-gradient(125deg, rgba(0,15,44,1) 22%, rgb(15 128 170) 74%);
}
.slide .item .cover {
/* padding: 10px 60px; */
position: absolute;
width: 100%;
height: 100%;
/* top: 37px; */
left: 0;
/* background: rgba(0, 0, 0, 0.6); */
display: flex;
align-items: center;
}.slide .item .cover .header-content {
padding: 46px 0 0 98px;
position: absolute;
/* margin-top: -60px; */
width: auto;
text-align: center;
width: 100%;
/* margin-left: 65px; */
/* padding: 56px; */
overflow: hidden;
background: transparent;
z-index: 9999;
}.slide .item {
height: 630px;
width: 100%;
float: left;
position: relative;
}.header-content h6 {
margin-top: -40px;
font-size: 51px;
color: #fff;
font-weight: 500;
text-align: left;
background-image: url('../images/line3.png');
background-repeat: no-repeat;
height: 331px;
padding: 94px 50px;
line-height: 70px;
}.slide .item .cover {
/* padding: 10px 60px; */
position: absolute;
width: 100%;
height: 100%;
/* top: 37px; */
left: 0;
/* background: rgba(0, 0, 0, 0.6); */
display: flex;
align-items: center;
}
.nav-pro ul li a.active{
background: #45a8a7;
}
.p4-carousel .item img{
width: 60px;
height: 60px;
border: 1px solid #092256;
padding: 6px;
border-radius: 5px;
}
.quick-link-box{
width: 100%;
float: left;
text-align: left;
margin-top: 30px;
}.nav-pro ul li a:hover
{
background-color: #45a8a7;
}
.ftr-address h6 a:after{
display: none;
}
.ftr-address h6 a{
padding: 0 0 0;width: auto;font-size: 13px;
}
.line2{
position: absolute;
left: 23%;
top: 51%;
}
.slide{
width: 100%;
float: left;
height: auto;
margin-top: 124px;
}
.slider-ban .owl-nav{
display:none;
}
.slide .item{
}
.slide .item img{
width:100%;
height: 630px;
}
.electrical-sec-full {
width: 100%;
float: left;
padding: 50px 5%;
}.contact-box:hover {
height: 230px;
width: 100%;
float: left;
padding: 30px 25px;
/* border: 1px solid #1a1a2b; */
}
.contact-box {
height: 230px;
width: 100%;
/* float: left; */
display: grid;
align-items: center;
padding: 30px 25px;
/* border: 1px solid #ccc; */
background: #fff;
position: relative;
box-shadow: 3px 7px 13px 8px #45a8a70a;
/* text-align: center; */
margin-top: 30px;
transition: all ease-in-out .5s;
}.contact-box img {
position: absolute;
right: -2px;
top: 0;
}.contact-full h5 {
font-size: 19px;
color: #45a8a7;
font-weight: 700;
text-transform: uppercase;
}.contact-box h4 {
font-size: 15px;
color: #000000;
text-transform: uppercase;
font-weight: 700;
padding: 10px 0;
}.contact-box h6 {
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 26px;
}.contact-bg h2 {
font-size: 35px;
font-weight: 700;
color: #000;
width: 100%;
}.contact-bg p {
font-size: 14px;
color: #000;
line-height: 28px;
padding-top: 20px;
}.contact-bg form {
width: 100%;
float: left;
margin-top: 10px;
}.contact-bg input {
border: 0;
width: 100%;
float: left;
margin-bottom: 30px;
padding: 15px;
font-size: 14px;
color: #000;
}.contact-bg button {
transition: all ease-in-out .5s;
background: #041840;
border: 0;
font-size: 14px;
color: #fff;
padding: 15px 40px;
font-weight: 600;
cursor: pointer;
}.contact-bg button:hover {
background: #45a8a7;
}.contact-bg {
width: 100%;
float: left;
background: url(../images/contact-bg.png);
background-position: center;
background-size: cover;
padding: 60px 6%;
}.contact-bg textarea {
border: 0;
width: 100%;
float: left;
margin-bottom: 30px;
padding: 15px;
font-size: 14px;
color: #000;
height: 110px;
}
.service-box{
width: 100%;
float: left;
box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.05);
padding-bottom: 30px;
margin-bottom: 30px;
}
.service-box h5{
font-size: 20px;
color: #000;
font-weight: 600;
margin-top: 20px;
float: left;
width: 100%;
padding-left: 15px;
}
.service-box p{
color: #000;
margin-bottom: 10px;
padding-left: 15px;
/*display: -webkit-box;*/
/*-webkit-line-clamp: 3;*/
/*-webkit-box-orient: vertical;*/
/*overflow: hidden;*/
}
.service-box a{
font-size: 14px;
color: #fff;
background: #000f2c;
padding: 10px 26px;
float: left;
margin-left: 15px;
}
.service-box a:hover{
color: #fff;
text-decoration: none;
background: #45a8a7;
}
.electrical-sec-full img {
width: 100%;
float: left;
height: 418px;
object-fit: cover;
}
.service-right h6:hover a{
color: #fff;text-decoration: none;
}
.service-right h6:hover svg{
background: #50c2bc;
fill: #fff;
}
.electrical-sec-full h2 {
font-size: 30px;
color: #101010;
padding-top: 20px;
float: left;
width: 100%;
text-transform: uppercase;
font-weight: 700;
}.active-serv a {
color: #fff !important;
}.electrical-sec-full p {
width: 100%;
float: left;
font-size: 14px;
color: #101010;
line-height: 29px;
padding: 10px 0 0;
margin: 0;
}.electrical-sec-full h4 {
font-size: 20px;
font-weight: 700;
margin-top: 20px;
float: left;
text-transform: uppercase;
width: 100%;
}.electrical-sec-full ul {
width: 100%;
float: left;
padding: 0;
margin-top: 10px;
}.electrical-sec-full ul li {
font-size: 14px;
line-height: 30px;
list-style: none;
position: relative;
padding-left: 30px;
}.electrical-sec-full ul li:after {
position: absolute;
content: '';
background: url(../images/list-icon.png);
width: 17px;
height: 17px;
left: 0;
top: 7px;
}.service-right {
width: 100%;
float: left;
background: #fff;
}.service-right h6:hover {
background: #000f2c;
}.active-serv svg {
background: #50c2bc !important;
fill: #fff !important;
/* filter: brightness(273); */
}
.service-right svg {
width: 46px;
height: 46px;
fill: #000;
margin-top: -14px;
float: right;
padding: 15px;
background: #fff;
}.service-right h6 a {
font-size: 15px;
color: #000;
text-transform: uppercase;
padding: 12px 5px;
float: left;
width: 100%;
}
.service-right h6 {
padding: 15px 10px;
width: 100%;
/* border-top: 1px solid #cccccc52; */
background: #f2f6f7;
margin-bottom: 15px;
height: 70px;
float: left;
}.active-serv {
background: #000f2c !important;
}
.nav-pro ul li a:hover{
text-decoration: none;
color: #ffffff;
}
.abt-sec2 {
width: 100%;
float: left;
padding: 60px 7% 60px;
background: #e0f3ff;
position: relative;
margin-top: 0;
z-index: -1;
}.abt-sec2 h2 {
font-size: 30px;
color: #000;
margin-top: 15px;
font-weight: 700;
}.abt-sec2 p {
font-size: 14px;
line-height: 30px;
color: #000;
margin: 0;
}
.top-tel{
width: auto;
float: right;
padding: 10px 0;
margin-top: 20px;
}
.top-tel img{
float: left;
margin-right: 10px;
}
.top-tel h6{
font-size: 13px;
color: #000;
float: left;
width: auto;
text-align: right;
margin: 0;
padding: 3px 0;
}
.top-tel a{
float: left;
border-right: 2px solid #ccc;
padding: 0 14px;
height: 16px;
}
.ftr-last{
width: 100%;
float: left;
text-align: center;
padding: 20px 15px;
}
.ftr-last p{
font-size: 14px;
color: #000;
font-weight: 400;
margin: 0;
}
.ftr-last p a {
color: #000;
}
.ftr-last a:hover{
text-decoration: none;
color: #041840;
}
.social-ftr{width: 100%;float: left;margin-top: 30px;}
.social-ftr a{
margin: 0 30px 0 0;
float: left;
}
.social-ftr a:hover{
margin-top: -6px;
float: left;
}
.social-ftr a img{
width: 20px;
height: 20px;
}
.ftr-address{
width: 100%;
float: left;
margin-bottom: 20px;
margin-top: 10px;
}
.quick-link-box h6{
font-size: 13px;
color: #fff;
font-weight: 300;
margin: 0;
padding-top: 6px;
}
.quick-link-box img{
float: left;
margin-right: 10px;
width: 30px;
}
.quick-link-box h2{
font-size: 20px;
color: #fff;
text-transform: uppercase;
margin-bottom: 15px;
}
#footer p{
color: #fff;
font-size: 13px;
font-weight: 300;
margin-top: 30px;
width: 93%;
line-height: 30px;
}
.quick-link-box a{
width: 100%;
float: left;
position: relative;
color: #fff;
font-size: 14px;
padding: 10px 0px 10px 30px;
}
.quick-link-box a:hover{
color: #50c2bc;
text-decoration: none;
margin-left: 5px;
}
.quick-link-box a:after{
position: absolute;
content: '';
background: url('../images/next.png');
height: 16px;
width: 16px;
left: 0;
top: 13px;
}
.panel7{
width: 100%;
float: left;
background: url('../images/bg3.png');
background-size: cover;
background-attachment: fixed;
background-position: center;
padding: 115px 0 100px;
text-align: center;
}.serv-overlay {
width: 100%;
float: left;
text-align: center;
padding: 15px;
background: #00387f;
height: 499px;
opacity: 1;
/* padding: 40px 0; */
position: absolute;
border-radius: 10px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
/* height: 0; */
left: 0;
top: 0;
}.serv-inner-overlay {
border: 1px dashed #fff;
padding: 113px 15px;
border-radius: 10px;
}.serv-overlay h3 {
font-size: 21px;
/* line-height: 30px; */
font-weight: 700;
color: #fff;
}.serv-overlay h4 {
font-size: 14px;
font-weight: 400;
line-height: 30px;
color: #fff;
}.serv-overlay a {
float: none !important;
top: 20px !important;
width: 180px !important;
display: inline-block;
}
.panel7 h2{
font-size: 30px;
color: #fff;
font-weight: 500;
line-height: 45px;
}
.panel7 a{
background: #0E2D6C;
color: #fff;
font-size: 14px;
padding: 15px 29px;
text-align: center;
display: table;
margin: 20px auto;
border-radius: 8px;
}
.panel7 a:hover{
text-decoration: none;
background: #50c2bc;
color: #fff;
}
.panel6{
width: 100%;
float: left;
background: url('../images/bg2.png');
background-size: cover;
background-position: center;
padding: 60px 0;
}
.panel6 img{margin-bottom: 20px;width: 548px;height: 470px;margin-right: 70px;object-fit: contain;float: left;}
.panel6 h5{
color: #0E2D6C;
font-size: 20px;
font-weight: 500;
}
.panel6 h2{
font-size: 30px;
color: #000;
font-weight: 500;
line-height: 45px;
}
.panel6 p{
font-size: 14px;
color: #000;
line-height: 30px;
margin-bottom: 20px;
}
.panel6 h6{
position: relative;
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 40px;
padding-left: 59%;
}
.panel6 h6:after{
position: absolute;
content: '';
background: url('../images/tick.svg');
width: 25px;
height: 25px;
left: 56%;
top: 5px;
}
.panel6 a{float: left;background: #0E2D6C;color: #fff;font-size: 14px;padding: 12px 30px;margin-top: 30px;border-radius: 8px;font-weight: 500;}
.panel6 a:hover{
color: #fff;
text-decoration: none;
background: #50c2bc;
}
.p4-carousel .owl-nav .owl-prev{
float: left;
position: relative;
top: -177px;
left: -81px;
}
.count {
width: 100%;
float: left;
margin-top: 80px;
}.count .item1 {
color: #fff;
font-size: 61px;
padding-right: 47px;
font-weight: 500;
float: right;
width: 100%;
text-align: center;
position: relative;
/* margin: 19px 15px 0 !important; */
}
.panel5{
width: 100%;
float: left;
position: relative;
padding: 60px 0;
background: url('../images/bg1.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
}
.panel5 h5{
}
.panel5 h6{
}
.p4-carousel .owl-nav .owl-next{
float: right;
position: relative;
top: -177px;
right: -81px;
}
.nav-pro {
width: 100%;
position: absolute;
/* justify-content: center; */
float: left;
z-index: 99;
background: #000f2c;
text-align: center;
height: 43px;
top: 82px;
}.nav-pro ul {
width: 100%;
text-align: center;
float: left;
display: block;
margin: auto;
padding: 0;
}.nav-pro ul li {
/* border-right: 1px solid; */
list-style: none;
/* float: left; */
width: auto;
display: inline-block;
}.nav-pro ul li a {
float: left;
border-right: 1px solid #041436;
color: #fff;
/* margin: 11px 0; */
padding: 11px 42px;
font-size: 13px;
font-weight: 400;
}
.panel2{
width: 100%;
float: left;
background: #F8F7F2;
padding: 60px 0;
}
.panel2 h6{
text-align: center;
font-size: 18px;
color: #0E2D6C;
font-weight: 500;
}
.panel2 h2{
text-align: center;
font-size: 30px;
color: #000;
font-weight: 500;
padding: 10px 300px;
line-height: 45px;
}
.panel2 p{font-size: 14px;color: #000;line-height: 30px;margin: 0;}
.panel2-box{
position: relative;
width: 94%;
float: left;
background: #fff;
padding: 30px 20px 30px 56px;
border-left: 5px solid #5978B8;
margin-top: 20px;
}
.panel2-box:after{
position: absolute;
content: '';
background-image: url('../images/img2.svg');
width: 98px;
height: 98px;
left: -50px;
top: 29%;
}.box2:after{
position: absolute;
content: '';
background-image: url('../images/img3.svg');
width: 98px;
height: 98px;
left: -50px;
top: 29%;
}
.panel2-box h5{
font-size: 20px;
color: #000;
font-weight: 500;
}
.panel4{
background: linear-gradient(125deg, rgba(0,15,44,1) 22%, rgba(14,45,109,1) 74%);
width: 100%;
float: left;
padding: 60px 0;
}
.panel4 h5{
font-size: 18px;
color: #fff;
font-weight: 500;
}
.panel4-box img{
margin: 20px;
}
.panel4 h2{
font-size: 30px;
color: #fff;
font-weight: 500;
margin-bottom: 30px;
}
.panel4-box{width: 100%;float: left;background: #fff;border-radius: 5px;}
.panel4-box h6{font-size: 20px;color: #fff;background: linear-gradient(125deg, rgba(0,15,44,1) 22%, rgba(14,45,109,1) 74%);padding: 10px 15px;}
.panel4-box p{font-size: 14px;color: #000;padding: 10px 15px;margin: 0;line-height: 28px;}
.panel4-box a{font-size: 16px;color: #0d2c6c;font-weight: 500;padding: 5px 15px 25px;float: left;}
.panel4-box a:hover{
color: #2688ad;
text-decoration: none;
}
.apl-carousel{
float: left;
display: block !important;
}
.panel4-last {width: 100%;float: left;text-align: center;padding: 0 12%;}
.panel4-last p{float: left;width: 79%;color: #fff;text-align: left;font-size: 15px;margin-top: 8px;}
.panel4-last a{float: left;/* margin-top: 30px; */color: #0D2A66;background: #fff;font-size: 15px;padding: 10px 30px;border-radius: 8px;font-weight: 500;}
.panel4-last a:hover{
text-decoration: none;
color: #fff;
background: #50c2bc;
}
.panel1{
width: 100%;
float: left;
padding: 60px 0;
}
.panel1 img{
width: 561px;
margin-top: 10px;
height: 360px;
object-fit: contain;
float: left;
margin-right: 40px;
}
.panel1 h6{
font-size: 18px;
color: #0E2D6C;
font-weight: 500;
text-transform: uppercase;
}
.panel1 h2{
font-size: 30px;
color: #000;
line-height: 43px;
font-weight: 500;
padding-top: 0px;
margin: 0;
}
.panel1 p{
font-size: 14px;
color: #000;
line-height: 28px;
margin: 0;
padding-top: 4px;
}
.panel1 a{
float: left;
background: #0e2d6c;
font-size: 14px;
color: #fff;
text-align: center;
padding: 12px 30px;
margin-top: 20px;
border-radius: 5px;
}
.panel1 a:hover{
color: #fff;
text-decoration: none;
background: #50c2bc;
}
.classified_box a{
width: 170px;
background: #000;
color: #fff;
float: right;
cursor: pointer;
height: 46px;
text-align: center;
font-size: 14px;
font-weight: 700;
padding: 12px;
transform: skew(
-20deg
);
/* transform: skew(
8deg
,
6deg
); */
margin-top: 10px;
margin-left: 28px;
box-shadow: 0 1px 14px rgb(0 0 0 / 46%);
}.log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="file"], .log_set input[type="tel"], .log_set select, .log_set textarea {
background: transparent;
width: 100%;
float: left;
position: relative;
height: 50px !important;
border: solid 1px rgb(206 206 206) !important;
padding: 10px 15px;
font-size: 15px;
line-height: 30px;
color: #fff;
font-weight: 500;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
outline: none;
}
.classified_box a span{
float: left;
transform: skew(
20deg
);
color: #fff;
width: 100%;
}
.copy a:hover{
color: #454545;
text-decoration:none;
}
.social-box a img {
height: 43px;
width: 43px; object-fit: contain;
fill: rgb(0 0 0 / 73%);
/* opacity: .9; */
background: #fff;
padding: 11px 0;
border-radius: 65%;
margin-right: 5px;
}
.classified_box {
/* width: 50%; */
float: left;
position: relative;
background: #fff;
padding: 5px;
/* border: 1px solid #000; */
margin: 30px 0 30px;
overflow: hidden;
border-radius: 0.3rem;
box-shadow: 0px 3px 8px 4px #f1f1f1;
-moz-box-shadow: 0px 3px 8px 4px #f1f1f1;
-webkit-box-shadow: 0px 1px 2px 2px #0000001f;
}.job_content {
width: 100%;
float: left;
position: relative;
padding: 30px;
}.job_title {
width: calc(100% - 150px);
float: left;
position: relative;
font-size: 20px;
font-weight: 600;
color: #000;
line-height: 25px;
padding: 0;
margin: 0 0 5px;
}.job_content > span {
width: auto;
float: right;
position: relative;
font-size: 13px;
font-weight: 500;
color: #000;
line-height: 25px;
padding: 0;
margin: 0 0 5px;
}
.blue_btn {
width: 125px;
float: right;
position: relative;
font-size: 14px;
color: #000;
line-height: 20px;
text-align: center;
margin: 0px;
border-radius: 30px;
font-weight: 700;
padding: 13px 11px;
background: #fff;
/* border: 3px solid #98ca39; */
-moz-border-radius: 30px;
/* -webkit-border-radius: 30px; */
cursor: pointer;
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;
outline: none;
}
.job_content h5 {
width: 100%;
float: left;
position: relative;
font-size: 14px;
font-weight: 500;
color: #000;
line-height: 20px;
padding: 0;
margin: 0 0 15px;
}.job_content p {
/* font-family: 'SFProDisplay-Regular'; */
font-size: 14px;
color: #fff;
line-height: 30px;
margin-bottom: 10px;
float: left;
text-align: left !important;
padding: 0 !important;
}
.contact-full h2 {
width: 100%;
float: left;
font-size: 36px;
color: #000;
font-weight: 700;
text-align: center;
/* margin-top: 60px; */
}
.contact-full p{
float: left;
width: 100%;
float: left;
text-align: center;
color: #000;
font-size: 14px;
line-height: 26px;
padding: 10px 88px;
}
.mail-tel{
/* float: left; */
/* width: 100% !important; */
color: #101010 !important;
font-weight: 400 !important;
background: none !important;
box-shadow: none !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
font-weight: normal !important;
transform: none !important;
padding: 0px !important;
height: auto !important;
margin: 0px !important;
display: inline !important;
}
.mt30{
position: relative;
top: 79px;
font-weight: 500 !important;
font-size: 51px !important;
line-height: 31px !important;
}
.line-app{
float: left;
transform: skew(
20deg
);
margin-left: 6px !important;
}
.rev_slider a:hover{
text-decoration: none;
}
.rev_slider a span{
transform: skew(20deg);
color: #000;
float: left;
width: 100%;
font-size: 14px !important;
line-height: 24px !important;
}
.about-sec2{
width: 100%;
float: left;
background: url(../images/vmq-bg.png);
text-align: center;
padding: 80px 5%;
}
.about-sec2 svg{
width: 100px;
height: 100px;
fill: #fff;
}
.about-sec2 h6{
font-size: 30px;
color: #fff;
font-weight: 700;
padding: 20px 0 0;
}
.about-sec2 p{
color: #fff;
font-size: 14px;
line-height: 28px;
width: 100%;
float: left;
text-align: center;
padding-top: 10px;
}
.menu ul li a:hover{
text-decoration: none;
color: #fff;
background-color: #000;
}
.active-menu:after{
position: absolute;
content: '';
/* height: 22px !important; */
/* width: 8px !important; */
/* background: #3c3a3a !important; */
}
.menu ul li{
width: 100%;
float: left;
}
.menu ul:after {
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 6px;
margin-left: -6px;
}
.menu li {
display: inline-block;
position: relative;
}
.menu ul li a {
font-size: 13px;
font-weight: 600;
text-align: left;
/* display: block; */
color: #000;
padding: 7px;
background: #fff;
text-align: left;
width: 100%;
float: left;
/* border-bottom: 1px solid #cecece94; */
}
.menu ul {
visibility: hidden;
text-align: left;
opacity: 0;
margin: 0;
padding: 0;
top: 75px;
width: 213px;
position: absolute;
left: 0px;
background: #fff;
z-index: 99;
transform: translate(0,20px);
transition: all 0.2s ease-out;
}.menu li:hover>ul {
visibility: visible;
opacity: 1;
transform: translate(0,0);
}
.service-full{
width: 100%;
float: left;
padding: 60px 5%;
}
.service-full h2{
font-size: 35px;
font-weight: 700;
line-height: 48px;
padding-bottom: 10px;
}
.service-full p{
font-size: 14px;
line-height: 28px;
}
.service-full img{
width: 100%;
float: left;
height: 300px;
object-fit: cover;
}
.contact-full{
width: 100%;
float: left;
padding: 60px 5%;
}
.map{
width: 100% ;
float: left;
}
.map iframe{
filter: grayscale(1);
}
.map iframe:hover{
filter: brightness(1);
}
.form-sec{
}
.form-sec h2{
}
.form-sec p{
}
.form-sec form{
margin-top: 40px;
float: left;
}
.form-sec form h4{
font-size: 14px;
line-height: 27px;
color: #101010;
}
.form-sec button{
width: 170px;
background: #000;
color: #fff;
float: right;
cursor: pointer;
height: 46px;
text-align: center;
font-size: 14px;
font-weight: 700;
padding: 12px;
transform: skew(
-20deg
);
/* transform: skew(
8deg
,
6deg
); */
margin-top: 10px;
margin-left: 28px;
box-shadow: 0 1px 14px rgb(0 0 0 / 46%);
}
.form-sec button span{
float: left;
transform: skew(
20deg
);
color: #fff;
width: 100%;
}
.ct-box{
width: 100%;
float: left;
text-align: center;
margin-top: 30px;
}
.ct-box img{
}
.ct-box h5{
font-size: 18px;
font-weight: 700;
color: #000;
margin-top: 20px;
}
.ct-box h6{
color: #101010;
font-size: 15px;
}
.team-box{
width: 90%;
margin-top: 30px;
}
.trading-full{
float: left;
width: 100%;
padding: 60px 5% 0;
}
.trading-full h2{
font-size: 35px;
font-weight: 700;
padding-bottom: 10px;
}
.trading-full p{
font-size: 14px;
color: #101010;
line-height: 28px;
}
.trading-full img{
width: 100%;
float: left;
}
.trade-box{
float: left;
width: 100%;
margin-bottom: 50px;
}
.about-sec3 {
width: 100%;
float: left;
padding: 60px 5%;
text-align: center;
}
.about-sec3 p{
font-size: 14px;
color: #101010;
line-height: 28px;
padding: 0 344px 10px;
}
.about-sec3 h2{
font-size: 38px;
padding-bottom: 5px;
font-weight: 700;
}
.about-sec3 img{
width: 100%;
}
.about-sec3 h6{
font-size: 16px;
color: #101010;
}
.about-sec3 h5{
font-size: 20px;
color: #101010;
font-weight: 700;
padding-top: 15px;
}
.about-box{
width: 90%;
float: left;
}
.rev_slider a{
box-shadow: 0 1px 14px rgb(0 0 0 / 46%);
width: 180px;
background: #fff;
color: #000;
float: left;
height: 50px;
text-align: center;
font-size: 14px;
font-weight: 700;
padding: 12px;
transform: skew(
-20deg
);
/* transform: skew(
8deg
,
6deg
); */
margin-top: -26px !important;
margin-left: 30px !important;
}
.text-white br{
padding-left: 30px !important;
}
.rev_slider h6{
padding-top: 0px !important;
position: relative;
color: #fff;
font-size: 51px !important;
font-weight: 400 !important;
line-height: inherit !important;
padding-left: 30px !important;
margin: 0 !important;
}
.text-white:after{position: absolute;content: '';background: url('../images/line.png');left: 0;width: 358px;height: 329px;top: 0;display:none;}
.text-white{
padding-top: 0px !important;
position: relative;
font-size: 50px !important;
font-weight: 700 !important;
line-height: 128px !important;
padding-left: 30px !important;
}
.about-full{
width: 100%;
float: left;
padding: 60px 5%;
}
.about-full h2{
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
}
.about-full p{
line-height: 28px;
font-size: 14px;
color: #101010;
}
.about-full h6{
font-size: 14px;
color: #000;
line-height: 27px;
font-weight: 600;
padding-top: 14px;
padding-bottom: 10px;
}
.about-full img{
width: 100%;
}
.tp-parallax-wrap{
top:150px !important;
}
.rev_slider p{
position: relative;
margin-bottom: 0;
color: #fff;
font-size: 14px !important;
line-height: 25px !important;
/* width: 200px !important; */
/* top: 28px; */
height: 100px !important;
margin-top: 55px !important;
padding-left: 30px !important;
}
#header{
float:left;
width:100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
/* background: #000; */
z-index: 999;
padding: 0 2%;
}
.feature2{
width: 100%;
float: left;
padding: 60px 0;
}
.feature2 h2{
font-size: 30px;
font-weight: bold;
text-align: center;
color: #101010;
margin-bottom: 20px;
}
.close_form {
display: block;
position: absolute;
width: 40px;
height: 40px;
right: -50px;
top: 0px;
background: transparent url(../images/close.svg) no-repeat center center;
background-size: 20px 20px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: none;
cursor: pointer;
}
.feature3 h4{
position: absolute;
right: 18px;
top: -8px;
font-size: 13px;
background: #747272;
color: #fff;
padding: 6px 12px;
border-radius: 5px;
}
li{
list-style-type: none;
}
.h-social{margin: 0 5px;}
.h-social svg{
fill:#fff;
width: 20px;
height: 20px;
opacity: .9;
}
.h-social svg:hover{opacity: 1;}
#logo img{
margin-top: 11px;
width: 193px;
height: 62px;
object-fit: contain;
}
.quick-a{}
.quick-a:hover{
}
.feature3{width: 100%;float: left;padding: 50px 0;}
.feature3 h2{font-size: 22px;font-weight: 700;}
.feature3 p{font-size: 13px;line-height: 28px;color: #101010;margin: 0;}
.facilities{width: auto;float: left;border: 1px solid #ccc;/* padding: 10px; */border-radius: 10px;background: whitesmoke;margin-bottom: 20px;margin-top: 10px;}
.facilities h6{float: left;font-size: 13px;margin: 15px 0;border-right: 1px solid #ccc;padding: 0 15px;/* background: aliceblue; */}
.detail-right{width: 100%;float: left;position: relative;padding: 0 30px 0 0;}
.detail-right h5{float: left;width: 34%;font-size: 27px;color: #aa24c4;font-weight: 700;}
.detail-right a{float: left;/* width: 50%; */background: #101010;color: #fff;padding: 7px 18px;font-size: 13px;border-radius: 30px;box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.05);}
.detail-right a:hover{background: #aa24c4;color: #fff;text-decoration: none;}
.detail-text{width: 100%;float: left;margin-top: 20px;}
.detail-text strong{font-size: 14px;font-weight: 700;float: left;width: 100%;margin-bottom: 5px;}
.detail-text p{
}
.dnld-hd:hover{
text-decoration: none;
}
.dnld-hd{
width: 172px;
height: 53px;
float: right;
background: #101010;
font-size: 14px;
color: #fff;
padding: 13px 0;
margin-top: 15px;
margin-left: 10px;
font-weight: 600;
}
.copy-r{
margin-top: 68px !important;
margin-bottom: 0;
}
.arrow-imgs img{float: right;margin-top: -37px;}
.copy-p{
margin-top: 160px !important;
margin-left: 50px;
margin-bottom: 0;
}
.copy-p a{
color: #fff;
}
.left-6{
float: right;
width: 100%;
margin-top: 50px;
}
.vehicle{
margin-top: 50px;
}
.i4-img{
width: auto !important;
margin: 80px auto 0;
display: block;
}
.del{
margin-top: 0 !important;
text-align: center;
}
.del-text{
text-align: center;
}
.panel4 h5{/* font-size: 23px; *//* font-weight: 700; *//* color: #101010; */}
.panel4 h6{
}
.innerban h2{font-size: 32px;color: #fff;text-align: left;font-weight: 300;/* line-height: 50px; *//* margin-top: 150px; */text-transform: uppercase; margin: 0;}
.bc a{font-size: 13px;color: #fff;}
.bc a:hover{
text-decoration: none;
color: #ab25c4;
}
.foot-box-white{width: 100%;float: left;background: #fff;padding: 14px 15px;text-align: center;height: 461px;}
.foot-box-in{border: 1px dashed #ccc;height: 430px;padding: 92px 0;}
.foot-box-white h5{font-size: 27px;color: #101010;font-weight: 700;margin-bottom: 25px;}
.foot-box-white h6{font-size: 14px;color: #101010;font-weight: 400;line-height: 26px;}
.foot-box-white a{width: 154px;background: #000;color: #fff;padding: 10px 20px;/* float: left; */box-shadow: 0 1px 14px rgb(0 0 0 / 46%);height: 50px;text-align: center;font-size: 14px;font-weight: 700;padding: 14px 30px;transform: skew(
-20deg
) !important;/* transform: skew(
8deg
,
6deg
); *//* margin-top: 30px; */clear: both;/* margin-left: 28px; */margin: 40px auto;display: block;text-align: center;padding-left: 45px;}
.foot-box-white a:hover{
}
.foot-box-white a span{
transform: skew(
17deg
);
float: left;
color: #fff;
}.count .item1:after {
content: 'k+';
position: absolute;
height: 0;
}.count .item h6 {
color: #D5E3FF !important;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 28px !important;
/* margin-top: 5px !important; */
margin-bottom: 0px;
float: left !important;
width: 100%;
/* padding: 0 15px;*/
}
.service-2{
}
.pm-l{ padding-left: 10px;
margin-left: 38px;}
.p1-call {width: 100%;float: left;border-left: 2px dashed #ccc;margin-top: 30px;}
.p1-call img{width: 100%;float: left;}
.p1-call h5{width: 100%;float: left;font-size: 13px;font-weight: 400;margin-top: 10px;}
.p1-call span{
width: 100%;
font-size:14px;
float: left;
font-weight: 800;
padding-top: 5px;
}
.icon-box svg:hover{
background: #000;
}
.icon-box svg{height: 60px;width: 60px;background: #ab25c4;padding: 10px 0;border-radius: 100%;fill: #fff;}
.abt2{width: 100%;float: left;background: linear-gradient(176deg, rgba(0,0,0,1) 34%, rgba(171,37,196,1) 141%);/* background: #000; */padding: 50px 2%;text-align: center;}
.vision-1{width: 100%;float: left;}
.vision-1 h2{font-size: 20px;font-weight: 700;text-transform: uppercase;color: #fff;padding: 20px 0 0;}
.vision-1 p{font-size: 14px;color: #fff;line-height: 28px;margin: 0;padding: 0 15px;}
.vision-1 img{
height: 80px;
width: 80px;
}
.ct-full{
margin-top: 50px;
float: left;
width: 100%;
}
.bc{
width: 100%;
text-align: center;
}
.feature2 p{
font-size: 14px;
color: #101010;
font-weight: 400;
line-height: 28px;
text-align: center;
padding: 0 337px;
}
.log_set {
width: 100%;
float: left;
position: relative;
padding: 0 0 20px;
}
.log_set label {
width: 100%;
float: left;
position: relative;
font-size: 14px;
font-weight: 500;
color: #454545;
line-height: 25px;
margin: 0 0 5px;
text-align: left;
}
.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 select, .log_set textarea {
background: transparent;
width: 100%;
float: left;
position: relative;
height: 50px !important;
border: solid 1px rgb(206 206 206) !important;
padding: 10px 15px;
font-size: 15px;
line-height: 30px;
color: #fff;
font-weight: 500;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
outline: none;
}.submit_frm:hover {
background: #000 !important;
color: #fff;
}
.submit_frm {
width: 100%;
float: left;
margin-top: 5px;
position: relative;
height: 50px;
cursor: pointer;
background: #9416ac !important;
color: #fff;
border: none;
text-transform: uppercase;
font-size: 15px;
line-height: 30px;
font-weight: 500;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 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;
outline: none !important;
}
.feature2 h3{
font-size: 20px;
font-weight: 700;
text-align: left;
color: #101010;
margin-bottom: 20px;
}
.feature2 h3 span{
font-weight: 300;
}
.innerban{
height: auto;
background: url('../images/ban.png');
width: 100%;
float: left;
background-position: center;
background-size: cover;
margin-top: 124px;
padding: 20px 4%;
z-index: 99;
position: relative;
}
.featured .owl-nav{
display: block !important;
text-align: center;
width: 100%;
margin-top: 30px;
}
.featured{margin-top: 30px;}
.feature-box{border: 1px solid #dbdbdb;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;width: 100%;float: left;background: #fff;height: 390px;margin-bottom: 20px;box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.05);border-radius: 10px;position: relative;}
.f-img{overflow: hidden;}
.f-img img{float: left;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;height: 232px;object-fit: cover;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.feature-box:hover img{transform: scale(1.2);}
.feature-box h3{font-size: 19px;font-weight: bold;color: #101010;margin: 0;padding: 15px 10px 0;}
.feature-box p{padding: 0 10px;text-align: left;font-size: 13px;}
.feature-box a{background: #9416ac;font-size: 13px;color: #fff;padding: 5px 5px;width: 83px;border-radius: 20px;height: 30px;float: left;text-align: center;margin-left: 9px;box-shadow: -1px 1px 0px 0px rgb(171 37 196 / 32%);font-weight: 500;}
.feature-box a:hover{color: #fff;text-decoration: none;background: #000;}
.feature-box h6{position: absolute;right: 8px;top: 214px;background: #4b484c;color: #fff;text-align: center;font-size: 13px;padding: 7px 2px;border-radius: 5px;width: 66px;font-weight: 300;}
.feature-box:hover{
background: #9416ac;
}
.feature-box:hover h3{color: #fff;}
.feature-box:hover p{color: #fff;}
.feature-box:hover a{
background: #fff;
color: #101010;
}
#logo{
float:left;
}
.banner {
float:left;
width:100%;
background:#000;
margin-top: 125px;
}
.banner img{
width: 100%;
}
.pos{
position: absolute;
}
.ban-tex{
position: absolute;
width: auto !important;
float: left;
z-index: 1;
top: 206px;
left: 52px;
}
.menu-panel{
float:right;
/* margin-right: 45px; */
}
.menu-nav{
float: right;
}
.header_menu_area {
/* width: 100%; */
float: right;
position: relative;
text-align: center;
/* margin-top: 6px; */
}
.header_menu_area > .mob_nav {
display: none; }
.header_menu_area > ul {
width: auto;
display: inline-block;
vertical-align: middle;
margin-bottom: 0px;
padding-left: 0px;
/* padding-right: 20px; */
/* border-right: 1px solid #292828; */
margin-top: 0;
}
.header_menu_area > ul > li {
width: auto;
display: inline-block;
vertical-align: middle; }
.header_menu_area > ul > li > a {
width: auto;
float: left;
position: relative;
font-size: 14px;
font-weight: 400;
color: #000;
/* line-height: 84px; */
letter-spacing: 0px !important;
padding: 0px 27px;
z-index: 1;
border-right: 1px solid #ccc;
margin: 31px 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;
/* text-transform: uppercase; */
text-decoration: none;
/* padding-left: 18px; */
/* padding-right: 18px; */
}
.header_menu_area > ul > li > a:hover {
color: #50c2bc;
}
.header_menu_area > ul > li > a::after {
/* content: ''; */
position: absolute;
width: 100%;
text-decoration:none !important;
height: 0px;
/* background: #ab25c4; */
left: 31px;
top: 0;
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;
}
.header_menu_area > ul > li > a:hover::after {
/* height: 100%; */
/* height: 22px; */
/* width: 8px; */
/* background: #50c2bc; */
left: 0;
}
@media (max-width: 1024px) {
.top-tel{
display: none;
}
.nav-pro{
display: none;
}
.header_menu_area > ul > li > a:hover::after{
}
.active-menu:after{
display: none;
}
.menu ul{
width: 100%;top: 50px;
}
.tel{
display: none;
}
.header_menu_area {
position: inherit; }
.header_menu_area > .mob_nav {
display: block;
float: right;
width: 28px;
height: 28px;
margin: 18px 0px;
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;
}
.header_menu_area > .mob_nav > div {
background: #000f2c;
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%;
}
.header_menu_area > .mob_nav > div:nth-child(1) {
top: 2px; }
.header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
top: 13px; }
.header_menu_area > .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) {
background: #000f2c;
-webkit-transform: rotate(45deg);
/* transform: rotate(45deg); */
-ms-transform: rotate(45deg);
/* -webkit-transform: rotate(45deg); */
}
.mob_nav.open > div:nth-child(3) {
background: #000f2c;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.header_menu_area > ul {
width: 0;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
/* padding: 20px 0px !important; */
min-height: 100vh;
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: 86px;
}
.header_menu_area > ul > li {
width: 100%;
float: left;
}
.header_menu_area > ul > li > a {
color: #000;
width: 100%;
line-height: 30px;
padding: 10px 20px;
text-align: left;
margin: 0;
background: #fff;
border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
.header_menu_area > ul > li > a::after {
width: 0px;
height: 100%;
background: #fff; }
.header_menu_area > ul > li > a:hover::after {
width: 4px; }
.header_menu_area ul.view {
visibility: visible;
opacity: 1;
z-index: 100;
z-index: 1111 !important;
width: 100%;
}
.header_user_area {
right: calc(5% + 70px); } }
.active-menu{
background: #ffffff;
color: #000f2c !important;
/* border-bottom: solid 3px #fff; */
}
.tel{
float:right;
width: 230px;
padding-top: 28px;
}
.tel h1{
font-size: 19px;
color:#fff;
margin-bottom: 0px;
}
.icontel{
float: left;
margin-right: 10px;
}
.tel span{
font-size: 15px;
color:#fff;
font-weight: 300;
}
#panel_one{
float:left;
width:100%;
/* margin-bottom: 50px; */
}
.p0{
padding:0px !important;
}
.bluebg{
float:left;
height:155px;
padding-left:35px;
padding-right: 45px;
padding-top: 45px;
background: #ab25c4;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
/* width: 126px; */
}
.bluebg:hover{
background:#000;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.quotes{
/* float:left; */
width:100%;
height:155px;
background:#1a1513;
}
.push-left{
float:left;
}
.quotes p{
float:left;
font-size: 24px;
color: rgba(255, 255, 255, 0.88);
/* width:100%; */
padding-left: 20px;
padding-top: 34px;
line-height: 36px;
width: 529px;
font-weight: 300;
}
.quotes p span{
color:#fff;
}
.quote-icon{
float: left;
margin-right: 13px;
}
.vision_panel{
float:left;
height:208px;
width:50%;
padding-top:25px;
background: #ffffff;
padding-left:30px;
margin-top: -53px;
padding-right: 36px;
}
.bg-black{
background:#f1efef;
}
.vision_panel h1{
float:left;
width:100%;
color: #101010;
font-size: 19px;
font-weight:bold;
text-transform: uppercase;
}
.vision_panel p{
float:left;
width:100%;
color: #101010;
line-height: 28px;
/* padding-right: 30px; */
padding-top: 5px;
font-size: 14px;
}
.nav-view{
float:left;
color: #ab25c4;
font-weight: 500;
font-size: 14px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.nav-view:hover{
text-decoration:none !important;
font-weight: 500;
font-size: 14px;
color: #ab25c4;
padding-left:10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.pl5{
padding-left:5px;
}
.bg-black h1{
float:left;
width:100%;
color:#000000;
font-size:18px;
font-weight:bold;
}
.bg-black p{float:left;
width:100%;
color: rgba(0, 0, 0, 0.85);
line-height: 28px;
/* padding-right: 30px; */
padding-top: 5px;
font-size: 15px;
}
#welcome{
float:left;
width:100%;
background-color: #171311;
}
.bg-welcome{
float:left;
width:100%;
background: url(../images/abt1.png);
background-repeat:no-repeat;
height:621px;
}
#welcome h1{
color:#ffffff;
font-size:25px;
line-height: 45px;
padding-top: 55px;
padding-bottom: 23px;
}
#welcome span{
}
#welcome p{
font-size:15px;
color: #ffffff;
font-weight:bold;
line-height: 30px;
padding-right: 114px;
padding-bottom: 10px;
}
.abt-details{
float:left;
width:100%;
padding-right: 114px;
font-size:15px;
color:#ffffff !important;
line-height: 31px !important;
font-weight:normal !important;
}
.nav-abt{
float:left;
width:148px;
border: 1px solid;
height:49px;
background:#1a1513;
color:#fff !important;
text-align:center;
font-weight:normal !important;
font-style:italic;
text-decoration:none !important;
line-height: 43px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-top: 20px;
}
.nav-abt:hover{
margin-left:10px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.nav-padding{
padding-left:10px;
}
.pad{
padding: 0 !important;
}
.lft{
float: left;
}
#panel_two{
float:left;
background:#282828;
width:100%;
}
.nav-service {
float: left;
text-align: center;
width: 100%;
}
.image-area{
width: 100%;
float: left;
}
.blue-box {
margin-top: -666px;
width: 20%;
height: 666px;
float: left;
left: 0;
background-color: #365aa9f5;
}
.white-box {
margin-right:0px;
position: absolute;
width: 497px;
min-height: 331px;
right: 0;
bottom: 0;
float: right;
background-color: white;
padding: 35px 55px;
}
.white-box h2{
width: 100%;
float: left;
font-size: 25px;
text-align: left;
color: #000000c2;
}
.white-box h2 span{
}
.white-box p{
width: 100%;
float: left;
text-align: left;
font-size: 15px;
color: rgba(0, 0, 0, 0.85);
line-height: 30px;
}
.black_area{
width: 100%;
float: left;
padding: 60px 16px;
}
.black_area h2{
width: 100%;
float: left;
font-size: 25px;
text-align: left;
color: #ffffff;
}
.black_area h2 span{
}
.black_area p{
width: 100%;
float: left;
font-size: 14px;
color: #ffffff;
line-height: 28px;
}
.black_area a{
float: left;
color: #ffffff;
font-size: 15px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.black_area a:hover{
color: #3257a8;
}
#panel_three{
float:left;
background:#171311;
width:100%;
min-height: 414px;
}
.logo-area{
width: 100%;
float: left;
padding: 65px 0px;
}
.logo-sec{
width: 100%;
float: left;
float: left;
}
.mar-top{
margin-top: 57px;
}
#panel_four{
float:left;
background:#1b1919;
width:100%;
padding: 30px 0px;
}
.img-sec{
width: 100%;
float: left;
}
.txt-sec{
max-width: 524px;
float: left;
background-image: url(../images/txt-sec.png);
padding: 70px 43px;
position: absolute;
min-height: 42px;
margin-left: -280px;
margin-top: 22px;
}
.txt-sec h2{
width: 100%;
float: left;
font-size: 32px;
text-align: left;
color: #ffffff;
}
.txt-sec h2 span{
}
.txt-sec p{
width: 100%;
float: left;
text-align: left;
color: #ffffff;
font-size: 15px;
line-height: 30px;
}
#panel_five{
float:left;
background:#080809;
width:100%;
}
#panel_five .img-bx {
width: 100%;
float: left;
height: 235px;
}
#panel_five .owl-carousel .owl-item {
margin: 0 !important;
}
#panel_five .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
/* display: none; */
}
.topgallery {
margin: 92px auto;
width: auto !important;
}
.ih-item.square.effect6 {
overflow: hidden;
}
.ih-item.square {
position: relative;
/* width: 288px; */
/* float: right;
height: 233px;*/
margin-bottom:0px;
}
.height-adj {
/* height: 204px !important; */
margin-right: 1px;
}
.ih-item.square.effect6 .img {
margin-bottom:0px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect6 .info {
background: #1c1005;
color: #FFF;
text-transform: uppercase;
line-height: 27PX;
font-size-adjust: 17px;
visibility: hidden;
opacity: .85 !important;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ih-item.square.effect6 {
overflow: hidden;
height: 234px;
}
.ih-item.square.effect6.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ih-item.square.effect6 .info {
background: #3257a8;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111111;
margin: 30px 0 0 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
font-style: italic;
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px 20px 20px;
text-align: center;
-webkit-transition: all 0.35s 0.1s linear;
-moz-transition: all 0.35s 0.1s linear;
transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect6.from_top_and_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1;
}
.ih-item.square.effect6.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.ih-item.square.effect6.top_to_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ih-item.square.effect6.bottom_to_top .info h3 {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
#panel_six{
float:left;
background:#231f1d;
width:100%;
padding: 66px 25%;
}
#panel_six .head{
width: 100%;
float: left;
text-align: center;
}
#panel_six .head h2{
width: 100%;
float: left;
font-size: 30px;
text-align: center;
color: #ffffff;
}
#panel_six .head h2 span{
}
#panel_six .team{
width: 100%;
height: auto;
float: left;
margin-top:50px;
}
#panel_six .team .img-bx {
width: 100%;
float: left;
}
#panel_six .team p{
width: 100%;
float: left;
text-align: center;
color: white;
margin-top: 17px;
}
.nav-next {
float: left;
text-align: center;
width: 100%;
}
.nav-next [type=reset], [type=submit], button, html [type=button] {
background-color: transparent;
border: 0;
}
.nav-next [type=reset], [type=submit], button, html [type=button]:focus {
outline: none;
}
#panel_seven{
width: 100%;
float: left;
background-size: cover;
background-image: url('../images/connect-bg.png');
}
.play_video{
width: 100%;
float: left;
padding: 92px 0px;
}
.play_video h2{
width: 100%;
float: left;
font-size: 30px;
color: #ffffff;
text-align: left;
line-height: 40px;
font-weight: 300;
text-transform: uppercase;
}
.play_video h2 span{font-weight: 700;}
.play_video p{
width: 100%;
float: left;
font-size: 15px;
text-align: left;
margin-top: 12px;
color: #ffffffd1;
margin-bottom: 26px;
float: left;
}
.pan7_btn {
font-size: 16px;
color: #fff;
border: 2px solid #fff;
float: left;
/*margin: 0px 30px;*/
/*width: 181px;
height: 50px;*/
transition: all .5s;
padding: 12px 48px;
border-radius: 30px;
margin-left: 25px;
}
.pan7_btn:hover{
text-decoration: none;
background: white;
color: black;
}
.pan7_btn_blue{
font-size: 16px;
color: #ffffff;
background: #ab25c4;
border: 2px solid transparent;
float: left;
/*margin: 0px 30px;*/
/*width: 181px;
height: 50px;*/
transition: all .5s;
padding: 12px 48px;
border-radius: 30px;
}
.pan7_btn_blue:hover{
background: #fff;
/* border: 2px solid #1f51a7; */
text-decoration: none;
color: #aa24c4;
}
#footer{
width: 100%;
float: left;
background: #041840;
padding: 60px 0;
background-size: cover;
}
.foot-box{
width: 100%;
float: left;
min-height: 267px;
padding: 50px 0 0;
}
.foot-box h2{
width: 100%;
float: left;
font-size: 23px;
line-height: 27px;
color: #ffffff;
font-weight: 700;
position: relative;
text-align: left;
/* text-transform: uppercase; */
margin-bottom: 25px;
margin-left: 18px;
}
.foot-box h2:after{
position: absolute;
content: '';
background:url('../images/ftr-strip.png');
left: 0;
top: 33px;
z-index: 9999;
width: 100px;
height: 7px;
background-position: left;
background-size: contain;
background-repeat: no-repeat;
}
.foot-box p{
width: 93%;
float: left;
font-size: 14px;
color: #fff;
text-align: left;
line-height: 27px;
margin-top: 15px;
}
.foot-box p span{color: #9416ac;font-weight: 700;}
.contact-sec{
width: 86%;
float: left;
padding-bottom: 15px;
}
.social-sec{
width: 100%;
float: left;
padding-top: 12px;
}
.social-box{
width: auto;
height: auto;
float: left;
margin-top: 5px;
}
.mg-left{
margin-left: 9px;
}
.bor-right{
/* border-right: 1px solid #1f1e1c; */
}
.border-bot{
/* border-bottom: 1px solid #1f1e1c; */
}
.quick{
width: 100%;
float: left;
padding: 0px 21px;
margin-left: 20px;
}
.quick .box{
width: 100%;
float: left;
}
.social-box a svg{height: 43px;width: 43px;fill: rgb(0 0 0 / 73%);/* opacity: .9; */background: #fff;padding: 11px 0;border-radius: 65%;margin-right: 5px;}
.social-box a svg:hover{fill: #00000099;}
.quick a:hover{
color: #fff;
text-decoration: none;
opacity: 1;
}
.quick .box p{
width: 100%;
float: left;
font-size: 14px;
text-align: left;
}
.call{
width: 100%;
float: left;
padding: 0px 21px;
}
.copy-sec{
width: 100%;
float: left;
padding-top: 19px;
/* padding-bottom: 27px; */
}
.ftr_last {
float: right;
color: rgba(255, 255, 255, 0.82);
opacity: .7;
padding: 0 25px;
font-size: 14px;
}
.ftr_last a {
color: #ffff;
text-decoration: none;
font-size: 14px;
}
.ftr_last a:hover{
color: #ffff;
text-decoration: none;
}
/************************************aboutus*****************************/
#about-area{
width: 100%;
float: left;
background: #171311;
}
.about-ban{
width: 100%;
float: left;
height: auto;
}
.about-bar{
width: 100%;
float: left;
background-color: #171311;
min-height: 70px;
}
.mg-top{
margin-top: -37px;
}
.line-80 {
display: inline-block;
width: 100%;
height: 80px;
}
.content-area{
width: 100%;
float: left;
}
.content-area .text-area{
width: 100%;
float: left;
}
.content-area .text-area h2{
width: 100%;
float: left;
text-align: left;
font-size: 38px;
line-height: 45px;
color: #ffffff;
}
.content-area .text-area h2 span{
}
.content-area .text-area h2:before {
position: absolute;
content: '';
width: 86px;
height: 1px;
background: #ffffff;
left: 15px;
bottom: -156px;
}
.pd-right{
padding-right: 20px;
}
.content-area .text-area p{
float: left;
width: 100%;
float: left;
text-align: justify;
color: #ffffff;
font-size: 15px;
line-height: 30px;
}
.mar-top{
margin-top: 35px;
}
.content-area .image-area{
width: 100%;
float: left;
background: #1b1919;
}
.content-area .quote-sec{
width: 100%;
height: 100px;
float: left;
bottom: 0;
background: #1f51a7;
}
.content-area .quote-sec p{
}
/**********************************contact*****************************/
#contact{
width: 100%;
float: left;
background: #171311;
}
.get-sec{
width: 100%;
float: left;
}
.get-sec .text{
width: 100%;
float: left;
}
.get-sec .text h2{
width: 100%;
float: left;
font-size: 30px;
color: #000;
}
.get-sec .text p{
float: left;
width: 100%;
float: left;
text-align: left;
color: #000;
font-size: 14px;
line-height: 26px;
}
.get-sec .icon-box{
width: 100%;
float: left;
}
.pad-ri{
padding-right: 34px;
}
.get-sec .icon-box p{
float: left;
width: 100%;
float: left;
text-align: left;
text-align: l;
color: #000;
font-size: 14px;
line-height: 26px;
padding-top: 6px;
}
.mr-btm{
margin-bottom: 20px;
}
.m-b{
margin-bottom: 6px;
}
.form-sec {
width: 100%;
/* float: left; */
/* padding-left: 30px; */
display: block;
max-width: 700px;
margin: 40px auto;
}
.form-sec p{
float: left;
width: 100%;
float: left;
text-align: center;
color: #000;
font-size: 14px;
line-height: 26px;
padding: 10px 88px;
}
.field_area {
width: 100%;
float: left;
position: relative;
margin: 0 0 30px;
}
.field_area input[type="text"], .field_area input[type="email"], .field_area textarea {
width: 100%;
float: left;
position: relative;
font-size: 15px;
color: #000;
line-height: 20px;
margin: 0px;
padding: 10px 10px;
background: transparent;
border: none;
border-bottom: solid 1px #949494e0;
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;
}
.field_area input[type="text"]:hover, .field_area input[type="text"]:focus, .field_area input[type="mail"]:hover, .field_area input[type="email"]:focus, .field_area textarea:hover, .field_area textarea:focus {
border-bottom: solid 1px #aa24c4;
outline: none;
}
.form_titels {
float: left;
width: 100%;
color: #000;
font-size: 13px;
padding-bottom: 10px;
padding-top: 5px;
}
.form-sec h2{
width: 100%;
float: left;
font-size: 36px;
color: #000;
font-weight: 700;
text-align: center;
margin-top: 60px;
}
.mct_form {
border-bottom: 1px solid #b0aaaa;
color: #272626;
display: block;
font-size: 13px;
text-transform: uppercase;
height: 45px;
margin-bottom: 30px !important;
padding: 0 20px;
outline: none;
width: 100%;
transition: all 500ms ease;
}
.msg_send {
border-radius: 30px;
float: left;
padding: 10px 38px;
font-size: 14px;
color: #FFF;
/* padding-left: 25px; */
line-height: 25px;
background: #aa24c4;
/* padding-right: 25px; */
margin-top: 0px;
float: left;
/*border: solid 1px rgba(255, 255, 255, 0.92);*/
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.msg_send:hover {
background: #000000 !important;
color: #FFF !important;
text-decoration: none !important;
}
.m-bo{
margin-bottom: 35px;
}
/*****************************************career**************************/
#career{
width: 100%;
float: left;
background: #171311;
}
#career .text-area{
width: 100%;
float: left;
}
#career .text-area h2 {
width: 100%;
float: left;
text-align: center;
font-size: 30px;
color: #ffffff;
}
#career .text-area h2 span{
}
#career .text-area p {
float: left;
width: 100%;
float: left;
text-align: center;
color: #ffffff;
font-size: 15px;
line-height: 30px;
padding: 0px 22%;
}
#career .form-area{
width: 100%;
float: left;
}
.g-margin {
margin-bottom: 25px;
}
/*****************************************service*********************************/
#service{
width: 100%;
float: left;
background:#171311;
}
#service .head{
width: 100%;
float: left;
text-align: center;
}
.mb{
margin-bottom: 10px;
}
#service .head h2{
width: 100%;
float: left;
text-align: center;
font-size: 30px;
color: #ffffff;
}
#service .head h2 span{
}
.service-sec{
width: 100%;
float: left;
}
.service-sec .img-area{
width: 100%;
float: left;
}
.medis-spotbg {
float: left;
width: 100%;
background: #0d0d0d;
padding: 20px;
}
.medis-spotbg h1{
color: #ffffff;
font-size: 16px;
line-height: 26px;
text-align: left;
text-transform: uppercase;
}
.medis-spotbg p {
float: left;
width: 100%;
text-align: justify;
color: #ffffff;
font-size: 15px;
line-height: 28px;
}
.date-hover {
float: left;
font-size: 15px;
border: solid 1px #3257a8;
padding-left: 25px;
padding-right: 25px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 13px;
color: #ffffff;
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;
}
.date-hover:hover {
background: #3257a8;
color: #ffffff;
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;
border: solid 1px #3257a8;
}
.mr30{
margin-bottom: 30px;
}
/******************************resposive********************************/
@media(max-width: 600px){
.social-ftr {
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
.panel1 {
width: 100%;
float: left;
padding: 40px 0 50px;
}.abt-sec2 p {
font-size: 14px;
line-height: 30px;
color: #000;
margin-bottom: 25px;
}
.tparrows{
display:none !important;
}
#header{
position: relative;
/* background: black; */
}
.tel{
display: none;
}
.logo100{
/* width: 209px !important; */
/* margin-top: 10px !important; */
height: 41px !important;
float: left;
width: auto !important;
margin-top: 15px !important;
}
.menu-panel{
/* margin-right: 19px; */
}
.vision_panel{
width: 100%;
}
.hei250{
height: 255px !important;
}
}
@media(min-width: 320px) and (max-width:425px){
.quotes{
display: none;
}
.bluebg{
display: none;
}
#welcome p{
padding-right: 0;
}
.vision_panel{
margin-top: 0;
}
.bg-welcome{
display: none;
}
.nav-abt{
margin-bottom: 20px;
}
.txt-sec{
position: relative;
margin-left: 0;
background-position: 97%
}
#panel_six{
padding: 66px 6%;
}
.pan7_btn{
margin-left: 3px;
/* margin-top: 13px; */
}
#panel_seven{
background-position: 52%;
}
.bor-right {
border-right: none;
}
.ftr_last a img{
display: none;
}
.quick{
padding:0;
margin-left: 0;
}
.call{
padding:0;
}
.foot-box{
min-height: auto !important;
margin-bottom: 10px;
}
.ftr_last{
padding: 0px 11px
}
}
@media(max-width: 320px){
.ban-tex{
top: 161px !important;
left:20px !important;
width:100px !important;
}
}
@media(min-width: 425px){
.pan7_btn {
margin-left: 15px !important;
margin-top: 0;
}
}
.bg-service{
float: right;
position: relative;
z-index: 111;
background: #282828;
height: 340px;
}
.tp-caption img{
margin: 182px 0 0 37px !important;
}
.rev_slider_wrapper{
/* height: 676px !important; */
}
.mt334{
margin-top:-334px;
}
.loop2 .owl-nav{
display: block !important;
text-align: center;
margin-top: 30px;
}.tooltip1 {
position: relative;
display: inline-block;
border-bottom: 1px dotted #000;
}.tooltip1 .tooltiptext {
visibility: hidden;
width: 182px;
background-color: #05090c;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
line-height: 20px;
z-index: 1;
font-size: 13px;
bottom: 101%;
left: 50%;
margin-left: -72px;
font-style: normal !important;
}.tooltip1:hover .tooltiptext {
visibility: visible;
}.tooltip1 .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
}
.tooltip2 {
position: relative;
display: inline-block;
border-bottom: 1px dotted #000;
}.tooltip2 .tooltiptext2 {
visibility: hidden;
width: 182px;
background-color: #05090c;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
line-height: 20px;
z-index: 1;
font-size: 9px;
bottom: 0;
left: 40%;
margin-left: -72px;
font-style: normal !important;
}.tooltip2:hover .tooltiptext2 {
visibility: visible;
}.tooltip2 .tooltiptext2::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
}
.box a{
font-size: 13px;
color: #fff;
float: left;
padding: 0 21px;
margin: 13px 0;
width: 100%;
opacity: .9;
line-height: 1;
/* line-height: 34px; */
/* border-right: 1px solid #fff; */
/* width: auto; */
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.ft-ct h2:after{top: 59px;}
@media(max-width: 991px){
.panel4 p{
padding: 10px;
}
.feature2 p{
padding: 0 15px;
}
.feature2 h3{
width: auto;
}
}
@media(max-width: 767px){
.mob-slide1 .item{
height:auto;
}
.slide2{
display:none;
}
.slide .item img{
height:auto;
}
.line2{
display: none;
}
.trade-box{
text-align: center;
}
.service-full{
/* text-align: center; */
}
.innerban{
padding: 70px 60px;
}
.about-box{
width: 100%;
text-align: center;margin-bottom: 20px;
}
.about-sec3 p {
font-size: 14px;
color: #101010;
line-height: 28px;
padding: 0 15px;
}
.about-full{
text-align: center;
}
.arrow-imgs img{
display: none;
}
.p1-call{
border:0;
}
.copy-r{
margin-top: 20px !important;
}
.foot-box p{
margin-top: 0 !important;
margin-left: 0;
}
.banner{
margin-top: 0;
}
.tp-parallax-wrap {
top: 23px !important;
}
.tp-parallax-wrap span{
font-size: 20px !important;line-height: 35px !important;
}.text-white:after {
position: absolute;
content: '';
background: url(../images/line.png);
left: 0;
width: 250px;
height: 91px;
top: 0;
background-size: contain;
background-repeat: no-repeat;
}
.vehicle{
width: 100% !important;
}
.quick-a{
margin-bottom: 20px;
}
.h-social{
display: none;
}
.dnld-hd{
display: none !important;
}
.panel4 h2 {
text-align: center;
font-size: 35px;
}.panel4 img{
display: block;
/* margin: auto; */
}
.panel4 h5{
text-align: center;
}
.panel4 h6{
text-align: center;
}
.count .item1{
text-align: center;font-size: 50px;
}
.count h6{
text-align: center;
}
.rev_slider_wrapper{
height: auto !important;
}
.tp-caption img {
margin: 49px 0 0 15px !important;
}
.p1-call img{
width: auto;
margin: auto;
display: block;
float: none;
}
}
@media(max-width: 575px){
.service-box .col-lg-4{
padding:0;
}
.service-box .col-lg-8{
padding:0;
}
.slide{
margin-top:0; height: auto;
}
.service-box p{
-webkit-line-clamp: 3 !important;
}
.service-full img{
margin-top:0 !important;
}
.panel7 h2 br{
display:none;
}
.panel5{
display:none;
}
.contact-full p{
padding:10px;
}
.panel6 img {
margin-bottom: 20px;
width: 100%;
height: auto;
margin-right: 70px;
object-fit: contain;
float: left;
}.panel6 h6 {
padding-left: 35px;
}.panel6 h6:after{
left:0;
}
.p4-carousel .owl-nav{
display: none;
}
.line2{
display: none !important;
}
.panel1 img{
margin-bottom: 20px;
width: 100%;
height: auto;
}.panel7 {
padding: 43px 0 30px;
text-align: center;
}
.panel5 img{
width: 65px;display: block;margin: auto;
}.count .item1 {
text-align: center !important;
font-size: 23px;
width: 100%;
float: left;
}
.panel4-last a{
/* float: none; */
/* display: table; */
/* margin: auto; */
margin-top: 15px;
margin-bottom: 30px;
}
.panel2-box:after{
display: none;
}.panel4-last p{
width: 100%;
text-align: left;
margin-top: 10;
padding-left: 0;
margin-bottom: 0 !important;
}
.panel2-box{
width: 100%;padding: 30px 20px 30px 20px;
} .panel2 h6{
text-align: left;
padding: 0 10px 0;
margin: 0;
}
.panel2 h2{
padding: 10px;
text-align: left;
}
.social-box a{
}.tooltip1 .tooltiptext {
visibility: hidden;
width: 182px;
background-color: #05090c;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
line-height: 20px;
z-index: 1;
font-size: 11px;
bottom: 101%;
left: -48px;
margin-left: 0;
font-style: normal !important;
}
.play_video h2{
text-align: center;
}
.play_video p{
text-align: center;
}
.custom-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
width: 146px;
border: none !important;
margin-top: -58px;
}
.social-box{
/* margin-bottom: 15px; */
/* width: 33%; */
margin-left: 0;
display: contents;
float: none;
}
.ft-ct h2:after {
top: 59px !important;
}
.foot-box h2:after {
position: absolute;
content: '';
background: url(../images/ftr-strip.png);
left: 0;
top: 33px;
z-index: 9999;
width: 100%;
height: 7px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#footer{
/* text-align: center; */
}
.foot-box h2{
text-align: center;
margin-left: 0;
}
.contact-sec{
width: 100%;
}
.foot-box p{
text-align: center;
margin-top: 0px !important;
margin-bottom: 0;
margin-left: 0;
font-size: 13px !important;
width: 100%;
}
.innerban{padding: 30px 37px;height: auto;margin-top: 0;}
.innerban h2{
font-size: 30px;
line-height: 38px;
/* margin-top: 76px; */
/* padding: 15px 0; */
}
.close_form {
right: -1px;
top: -1px;
z-index: 9999;
background-color: black;
}
.pan7_btn_blue{
padding: 12px 35px;
}
.pan7_btn{
padding: 12px 35px;
}
}
@media (min-width: 576px){
.modal-dialog {
max-width: 500px !important;
}
}
@media(min-width: 576px) and (max-width: 767px){
.slide{
height:auto;margin-top:100px;
}
.panel2-box {
position: relative;
width: 100%;
float: left;
background: #fff;
padding: 30px 20px 30px 20px;
border-left: 5px solid #5978B8;
margin-top: 20px;
}
.panel6 h6:after{
left:0;
}
.panel2-box:after{
display:none;
}
.panel6 h2 {
font-size: 21px;
color: #000;
font-weight: 500;
line-height: 32px;
}.panel6 h6{
padding-left:30px;
}
.panel6 img {
margin-bottom: 20px;
width: 200px;
height: auto;
margin-right: 30px;
object-fit: contain;
float: left;
}
.innerban{
margin-top: 100px;
}
.panel4-last p{
width: 47% !important;padding-top: 0;
margin-top: 6px;
text-align: left;
}.panel4-last a{
margin-top: 20px;
}
.panel1 img{
width: 245px;height: auto;
}.panel2 h2{
padding: 10px;
}
.banner {
margin-top: 100px !important;
}
.panel1 h2 {
font-size: 19px;
color: #000;
line-height: inherit;
}}
.ftr_last a:hover{
color: #aa24c4;
}
@media(min-width:1025px) and (max-width:1148px){
.header_menu_area > ul > li > a {
width: auto;
float: left;
position: relative;
font-size: 13px;
font-weight: 500;
color: #000000;
line-height: inherit;
letter-spacing: 0px !important;
padding: 0px 6px;
z-index: 1;
margin: 31px 1px;
}.nav-pro ul li a {
padding: 11px 11px;}.panel6 img {
margin-bottom: 20px;
width: 504px;}
.panel4 .owl-nav{
display:none;
}
}
@media(min-width: 1025px){
.submenu ul{
display: none;
}
}
@media only screen and (max-width:1024px) {
.dnld-hd{margin-right: 20px; margin-top: 10px;}
#header{padding-bottom: 15px; padding-top: 10px;}
.h-social svg{margin-top:26px;}
.hide-mt{display:none;}
.wd-full{width:50% !important; flex:100% !important; min-width:50% !important; max-width:50% !important;}
}
@media(min-width:768px){
.mob-slide1{
display:none;
}
}
@media only screen and (max-width:768px) {
.mb-wd{width:100% !important; flex:100% !important; min-width:100% !important; max-width:100% !important;}
.mb-hide{display:none;}
.count .item1{text-align:center;}
.count{text-align:center;margin-top: 20px;}
.panel4 img{/* float:right; */}
.panel4 h6{margin-bottom: 30px;}
.work-md{width:100% !important; flex:100% !important; min-width:100% !important; max-width:100% !important; text-align: center;}
.left-6{margin-top: 20px;}
.i4-img{margin-top:5px;}
.foot-box-white{margin-top: 20px; height: auto !important;}
.foot-box-in{padding: 20px 0;}
.foot-box-in{height: auto !important;}
.foot-box-white a{ margin-bottom: 20px;}
.quick{margin-left:0px; padding-left:0px;}
.foot-box h2{padding-left:0px;}
.copy-r{margin-top:30px !important;}
.copy-p{ margin-top: 11px !important;
margin-left: 0px;
margin-bottom: 0;}
}
@media only screen and (max-width:425px) {
.panel4 img{/* float:none; */}
.panel4 p{margin-bottom: 10px;}
.panel4{ padding-bottom: 30px;}
.wd-full{width:100% !important; flex:100% !important; min-width:100% !important; max-width:100% !important;}
.left-6{ margin-top: 20px;}
.foot-box-white{margin-top: 20px; height: auto !important;}
.foot-box-in{padding: 20px 0;}
.foot-box-in{height: auto !important;}
.foot-box-white a{ margin-bottom: 20px;}
.box a{width: 33%;
float: left;
border: none !important;
padding: 0;
}
.foot-box{padding-top:30px;}
.hvr-radial-out{width:100%;margin-left:0px;}
.rev_slider a{display:none !important;}
.text-white:after{display:none !important;}
.rev_slider h6{padding-left:10px !important;font-size: 21px !important;line-height:49px !important;margin-bottom:0px !important;}
.tp-parallax-wrap span{padding-left:10px !important;}
.mt30{top:14px;font-size: 20px !important;}
.rev_slider p{padding-left:10px !important; padding-top:0px !important; margin-top:0px!important; font-size:13px !important;}
}
@media (min-width:426px) and (max-width:767px) {
.rev_slider h6{
font-size: 20px !important;line-height: 35px !important; }
}
@media(min-width: 768px) and (max-width: 991px){
.slide .item {
height: 499px;
width: 100%;
float: left;
position: relative;
}.slide .item img {
width: 100%;
height: 506px;object-fit:cover;
}.header-content h6 {
margin-top: -40px;
font-size: 36px;
color: #fff;
font-weight: 500;
text-align: left;
background-image: url(../images/line3.png);
background-repeat: no-repeat;
height: 331px;
padding: 105px 50px;
line-height: 56px;
}
.slide {
width: 100%;
float: left;
height: auto;
margin-top: 100px;
}
.contact-box {
height: 305px;}
.panel4 .owl-nav{
display:none;
}.line2 {
position: absolute;
left: 0;
top: 51%;
width: auto;
}.panel6 img {
margin-bottom: 20px;
width: 318px;
height: auto;
margin-right: 30px;
object-fit: contain;
float: left;
}.panel6 h6 {
position: relative;
font-size: 15px;
color: #000;
font-weight: 400;
line-height: 40px;
padding-left: 30px;
}.panel6 h6:after{
left:0;
}
.panel1 img {
width: 239px;
margin-top: 10px;
height: auto;}
.panel2 h2{
padding:10px;
}
.service-right h6 a {
font-size: 12px;}
.innerban{
padding: 60px;
}
.about-sec3 p{
padding: 0 5px;
}
}
@media(min-width: 992px) and (max-width: 1024px){
.slide {
width: 100%;
float: left;
height: auto;
margin-top: 100px;
}
.panel2 h2{
padding:10px;
}
.panel4 .owl-nav{
display:none;
}.panel6 img {
margin-bottom: 20px;
width: 497px;}
.panel1 img {
width: 490px;
margin-top: 10px;
height: auto;}
.innerban{
padding: 60px;height: auto;
}
}
@media(min-width: 1025px) and (max-width: 1249px){
.innerban{
padding: 60px;height: auto;
}
}
@media(min-width:1400px){
.rev_slider li.tp-revslider-slidesli{
height: 712px !important;
}
.rev_slider {
position: relative;
overflow: visible;
/* top: 161px; */
/* background: url(../images/slider_bg.jpg) no-repeat; */
background: #333;
height: 712px !important;
}
.tp-revslider-mainul{
height: 712px !important;
}
.slotholder{
height: 712px !important;
}
.defaultimg{
height: 712px !important;
}
.rev_slider_wrapper{
height: 712px !important;
}
.nav-pro ul li a {
padding: 11px 45px;
}.panel1 {
width: 100%;
float: left;
padding: 60px 0;
margin-top: 15px;
}.banner {
float: left;
width: 100%;
background: #000;
margin-top: 92px;
}
}