/********** Template CSS **********/
:root {
    --primary: #F77D0A;
    --secondary: #003249;
    --purelight: #FFFFFF;    
    --light: #F4F5F8;
    --dark: #0E7C7B;
    --semidark: #17BEBB;
    --second:#1C1E32;
}
.bg-footer{background-color:var(--secondary)!important}
.bg-second{background-color:var(--second)!important}
.bg-light{background-color:var(--light)!important}
.bg-purelight{background-color:var(--purelight)!important}
.bg-semidark{background-color:var(--semidark)!important}
textarea.form-control{height:auto;padding:5px 10px 0!important}
@media (max-width: 992px) {
nav a{width:50%;height:auto}
nav img{width:100%;height:auto}
.navbar-nav a{width:100%;height:auto}
.navbar-toggler{padding:.25rem 1rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent}
a.nav-item.nav-link:before{content:"\f054";font-family:"FontAwesom";font-style:normal;font-weight:400;text-decoration:inherit;color:#000;font-size:18px;padding-right:.5em}
}
.footer{position:relative;z-index:1}
.footer::before{position:absolute;left:0;top:0;background-image:url(../img/map.png);background-repeat:no-repeat;width:100%;height:100%;content:"";z-index:-1}
.page-header h2{color:var(--primary)}
.page-header h3{color:var(--purelight)}
.contact-map-wrap iframe{height:450px}
i.fa.fa-bars{color:#003249}
h1,h2,.font-weight-bold{font-weight:700!important}
h3,h4,.font-weight-semi-bold{font-weight:600!important}
h5,h6,.font-weight-medium{font-weight:500!important}
.btn-square{width:36px;height:36px}
.btn-sm-square{width:28px;height:28px}
.btn-lg-square{width:46px;height:46px}
.btn-square,.btn-sm-square,.btn-lg-square{padding-left:0;padding-right:0;text-align:center}
.back-to-top{position:fixed;display:none;right:30px;bottom:30px;z-index:99}
.nav-bar::before{position:absolute;content:"";width:100%;height:50%;top:0;left:0;background:var(--purelight)}
.nav-bar::after{position:absolute;content:"";width:100%;height:50%;bottom:0;left:0;background:#fff}
.navbar-dark .navbar-nav .nav-link{padding:30px 12px;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--secondary);outline:none}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active{color:var(--primary)}
@media (max-width: 991.98px) {
.navbar-dark .navbar-nav .nav-link{padding:10px 15px}
}
.carousel-caption{top:0;left:0;right:0;bottom:0;background:rgba(28,30,50,.7);z-index:1}
@media (max-width: 576px) {
.carousel-caption h4{font-size:14px;font-weight:500!important}
.carousel-caption h1{font-size:18px;font-weight:600!important}
}
.op{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/carousel-1.jpg)}
.esu{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/24_conductors.png)}
.esu2{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/12_conductors.png)}
.uit{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/ultra_isolation_transformer.png)}
.eld{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/32_fuse-dark.jpg)}
.facs1{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(https://margtechnologies.in/mlm/electric/assets/images/gallerynew/ELDELD.JPG)}
.facs2{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/24_Fuse_FACS.png)}
.page-header{height:400px;margin-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:contain;background-position:0}
.contactus{height:400px;margin-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/contact-us.jpg);background-attachment:inherit;background-size:contain;background-position:0}
@media (max-width: 991.98px) {
.page-header{height:300px}
}
@media (min-width: 1400px) {
.navbar-dark .navbar-nav .nav-link{font-size:15px}
}
.service-item{height:320px;background:var(--light);transition:.5s}
.service-item:hover,.service-item.active{background:var(--secondary)}
.service-item h1,.service-item h4{transition:.5s}
.service-item:hover h1,.service-item.active h1{color:var(--dark)!important}
.service-item:hover h4,.service-item.active h4{color:var(--light)}
.rent-item{padding:30px;text-align:center;background:var(--purelight);transition:.5s}
.rent-item:hover,.rent-item.active{background:var(--purelight)}
.rent-item h4{transition:.5s}
.rent-item:hover h4,.rent-item.active h4{color:var(--second)}
.team-item{padding:30px 30px 0;text-align:center;background:var(--light);transition:.5s}
.team-item:hover,.owl-item.center .team-item{background:var(--secondary)}
.team-item h4{transition:.5s}
.owl-item.center .team-item h4,.owl-item.center .rent-item h4{color:var(--light)}
.team-item .team-social{top:0;left:0;opacity:0;transition:.5s;background:var(--light)}
.owl-item.center .team-item .team-social,.owl-item.center .rent-item{background:var(--secondary)}
.team-item:hover .team-social{opacity:1;background:var(--secondary)}
.team-carousel .owl-nav,.related-carousel .owl-nav{position:absolute;width:100%;height:60px;top:calc(50% - 30px);left:0;display:flex;justify-content:space-between;z-index:1}
.team-carousel .owl-nav .owl-prev,.team-carousel .owl-nav .owl-next,.related-carousel .owl-nav .owl-prev,.related-carousel .owl-nav .owl-next{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#FFF;background:var(--primary);font-size:22px;transition:.5s}
.team-carousel .owl-nav .owl-prev:hover,.team-carousel .owl-nav .owl-next:hover,.related-carousel .owl-nav .owl-prev:hover,.related-carousel .owl-nav .owl-next:hover{background:var(--secondary)}
.vendor-carousel .owl-dots,.testimonial-carousel .owl-dots{margin-top:30px;display:flex;align-items:center;justify-content:center}
.vendor-carousel .owl-dot,.testimonial-carousel .owl-dot{position:relative;display:inline-block;margin:0 5px;width:20px;height:20px;background:var(--secondary);transition:.5s}
.vendor-carousel .owl-dot.active,.testimonial-carousel .owl-dot.active{width:40px;height:40px;background:var(--primary)}
.testimonial-carousel .owl-item img{width:80px;height:80px}
.testimonial-carousel .owl-item .testimonial-item{height:350px;transition:.5s;background:var(--light)}
.testimonial-carousel .owl-item.center .testimonial-item{background:var(--secondary)}
.testimonial-carousel .owl-item .testimonial-item h1,.testimonial-carousel .owl-item .testimonial-item h4{transition:.5s}
.testimonial-carousel .owl-item.center .testimonial-item h1{color:var(--dark)!important}
.testimonial-carousel .owl-item.center .testimonial-item h4{color:var(--light)}
.bg-banner{background:linear-gradient(rgba(28,30,50,.9),rgba(28,30,50,.9)),url(../img/bg-banner.jpg);background-attachment:fixed}

/*Test css*/
.btn-wepper .theme-btns{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:5px;padding:20px 40px;color:#001659;font-family:"Roboto",sans-serif;font-weight:500;background-color:transparent}
.btn-wepper .theme-btns:hover{color:#FFF;background-color:#FF5E14}
.btn-wepper .theme-btns{padding:20px 20px;border:0 solid #C2C5D7;color:#FFF;background-color:#FF5E14}
.btn-wepper .theme-btns:hover{background-color:#001659}
.btn-wepper a{font-size:16px!important;font-family:"Roboto",sans-serif!important;font-weight:500!important;font-size:16px!important;line-height:34px!important}
.single-fun-fact h2{font-size:50px;margin-bottom:0}
.single-fun-fact h3{margin-bottom:0}
.experience-weeper{position:relative;padding-bottom:120px}
@media (max-width: 768px) {
.experience-weeper{padding-bottom:80px}
.experience-weeper .ml-40{margin-left:0}
}
.experience-weeper .experience-weeper-brand{position:relative}
.experience-weeper .experience-weeper-brand .count-item{z-index:10;top:0;right:0;position:absolute;border-radius:10px;background-color:#F3F2F9;display:inline-block}
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact{padding:30px}
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact h2{font-family:"Roboto";font-weight:600;font-size:48px;line-height:56px;color:#FF5E14}
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact h3{text-transform:capitalize}
@media (max-width: 900px) {
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact{padding:10px}
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact h2{font-size:48px;line-height:56px}
}
@media (max-width: 768px) {
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact{padding:20px}
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact h2{font-size:48px;line-height:56px}
}
@media (max-width: 500px) {
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact{padding:10px}
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact h2{font-size:29px;line-height:30px}
.experience-weeper .experience-weeper-brand .count-item .single-fun-fact h3{font-size:16px}
}
.experience-weeper .experience-weeper-brand .img-ex{position:absolute;padding-top:10px;top:0;left:-20%;z-index:1}
@media (max-width: 768px) {
.experience-weeper .experience-weeper-brand .img-ex{position:relative!important;padding-top:0;left:0}
}
.experience-weeper .experience-weeper-brand .shape-one{position:absolute!important;z-index:1;top:60%!important;left:-30%;-webkit-animation:top-to-down 6s .4s ease-in-out infinite;animation:top-to-down 6s .4s ease-in-out infinite}
.experience-weeper .shape-two{position:absolute!important;z-index:1;top:10%!important;left:13%;-webkit-animation:left-to-right 4s .4s ease-in-out infinite;animation:left-to-right 4s .4s ease-in-out infinite}
@media (max-width: 1730px) {
.experience-weeper .shape-two{left:7%}
}
@media (max-width: 768px) {
.experience-weeper .shape-two{left:-2%;top:1%!important}
}
.experience-weeper .section-title-2{position:relative}
.experience-weeper .section-title-2 h5{margin-bottom:0;padding-bottom:0;color:#001659;font-weight:400;font-family:"Roboto",sans-serif;font-size:15px;padding-bottom:15px}
.experience-weeper .section-title-2 h1{text-transform:capitalize;font-size:36px;margin-bottom:5px;padding-bottom:0;margin-bottom:5px;padding-bottom:10px}
@media (max-width: 550px) {
.experience-weeper .section-title-2 h1{font-size:27px!important}
}
.experience-weeper .section-title-2 .yellow-bg{z-index:-1;position:absolute;top:20%;left:0}
@media (max-width: 578px) {
.experience-weeper .section-title-2 .yellow-bg{top:12%}
}
.experience-weeper .shape{position:absolute;bottom:5%;right:5%}
@media (max-width: 1730px) {
.experience-weeper .shape{right:1%}
}
@media (max-width: 1200px) {
.experience-weeper .shape{display:none}
}
.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.justify-content-center:before,.justify-content-center:after{content:none}
.bg-cover{background-repeat:no-repeat;background-size:cover;position:relative;background-position:center}
button{border:none}
.plus-text-btn{display:inline-block;overflow:hidden;clear:both;margin-top:20px}
.plus-text-btn:hover{color:#001659}
.plus-text-btn:hover .icon{background:#001659;color:#fff}
.plus-text-btn .icon{width:60px;height:60px;line-height:60px;text-align:center;color:#fff;background:#FF5E14;border-radius:50px;margin-right:20px;float:left;overflow:auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.plus-text-btn .link-text{float:left;overflow:auto;padding-top:3px}
.plus-text-btn span{display:block}
.block-contents .section-title{position:relative}
.block-contents .section-title span{font-weight:700;text-transform:uppercase;color:#FF5E14}
@media (max-width: 1191px) {
.block-contents .section-title h2{font-size:46px}
}
@media (max-width: 991px) {
.block-contents .section-title h2{font-size:42px}
}
@media (max-width: 767px) {
.block-contents .section-title h2{font-size:36px}
}
@media (max-width: 500px) {
.block-contents .section-title h2{font-size:32px}
}
.block-contents p{margin-top:15px}
.img-block-pop-video{position:relative}
@media (max-width: 1200px) {
.img-block-pop-video{margin-bottom:60px}
}
.img-block-pop-video .popup-video-block{width:230px;height:280px;background:#eee;border:15px solid #fff;position:relative;z-index:1;margin-top:-250px;margin-left:-80px}
@media (max-width: 1200px) {
.img-block-pop-video .popup-video-block{margin-left:0}
}
.img-block-pop-video .popup-video-block::before{position:absolute;width:80%;height:80%;background:#fff;opacity:.3;content:"";z-index:-1}
.img-block-pop-video .popup-video-block .video-play-btn .popup-video{font-size:30px;line-height:1;color:#fff}
.tab-inner-contents{clear:both;overflow:hidden}
.tab-inner-contents .img-box{float:left;overflow:hidden;margin-right:20px}
.tab-inner-contents .checked-features-list{float:left;overflow:hidden}
.tab-content-block{margin-top:30px}
.tab-content-block .nav-pills{position:relative;margin-bottom:30px!important}
.tab-content-block .nav-pills::after{position:absolute;height:1px;width:75%;background-color:#EBEDF2;content:"";left:0;bottom:0;z-index:-1}
@media (max-width: 767px) {
.tab-content-block .nav-pills::after{width:90%}
}
@media (max-width: 500px) {
.tab-content-block .nav-pills::after{width:100%}
}
.tab-content-block .nav-pills .nav-link{font-size:18px;font-weight:700;color:#001659;text-transform:uppercase;position:relative;z-index:1;font-family:"Exo 2",sans-serif}
@media (max-width: 430px) {
.tab-content-block .nav-pills .nav-link{font-size:16px;padding:8px 14px}
}
.tab-content-block .nav-pills .nav-link::after{position:absolute;height:6px;width:100%;content:"";left:0;bottom:0;z-index:-1;opacity:0;background:transparent;-webkit-transform:translateY(2.5px);transform:translateY(2.5px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden}
.tab-content-block .nav-pills .nav-link.active{color:#001659;background:transparent}
.tab-content-block .nav-pills .nav-link.active::after{opacity:1;visibility:visible;background:#FF5E14}
.block-contents{padding-right:40px}
@media (max-width: 1199px) {
.block-contents{padding-right:0}
}
@media (max-width: 991px) {
.block-contents{margin-left:0}
}
.block-contents span{margin-bottom:5px}
.section-title h2{text-transform:capitalize;font-size:1.125rem;margin-bottom:5px;padding-bottom:0;font-family:"Roboto",sans-serif;margin-bottom:0}
@media (max-width: 550px) {
.section-title h2{font-size:27px!important}
}
.brand-client-img{position:relative}
@media (max-width: 991px) {
.brand-client-img img{max-width:70%}
}
@media (max-width: 600px) {
.brand-client-img img{max-width:100%}
}
.company-year{background:#FB0;position:absolute;padding:10px 20px;border-radius:10px;display:inline-block;bottom:38px;left:-60px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
@media (max-width: 1191px) {
.company-year{left:-20px}
}
.company-year h2{font-size:36px;line-height:1;color:#161616;margin-bottom:0}
@media (max-width: 600px) {
.company-year h2{font-size:48px}
}
.company-year p{color:#161616;position:relative;z-index:1;background:#FB0}
.company-year p::before{position:absolute;right:0;height:1px;width:34%;content:"";background:#161616;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1}