.time-management-wepper{background-color:#fbfcfe;z-index:-1;padding-top:80px;padding-bottom:80px}.about-banner-wrapper,.experience-weeper .experience-weeper-brand,.experience-weeper .section-title-2,.our-team-two-wrapper,.time-management-wepper .section-title,section{position:relative}.time-management-wepper .section-title h2{z-index:100}.time-management-wepper .section-title .yellow-bg{z-index:-1;position:absolute;top:67%;left:33%}@media (max-width:425px){.time-management-wepper .section-title .yellow-bg{top:77%;left:16%}}.time-management-wepper .management{-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out}.time-management-wepper .management .content{overflow:hidden;padding-left:30px;padding-right:30px}.time-management-wepper .management .content .item h3{position:relative;left:16px;top:10px;margin-bottom:0}.time-management-wepper .management .content .item{width:50px;height:50px;border-radius:100%;margin-bottom:20px}.time-management-wepper .management .content h3{text-transform:capitalize;margin-bottom:15px;font-weight:700;color:#323232;font-size:18px;line-height:24px}.time-management-wepper .management .content p{margin-bottom:40px;font-size:16px;color:#202020;line-height:29px}.time-management-wepper .management .content .item-img img{width:auto;height:200px}.time-management-wepper .management:hover{box-shadow:0 20px 50px -8px rgba(212,178,178,.17)}.time-management-wepper .management:hover .item{animation:.5s linear shake-item}.time-management-wepper .mang-1{background-color:#f4f0fb}.time-management-wepper .mang-2{background-color:#fffbf2}.time-management-wepper .mang-3{background-color:#fbeef0}.time-management-wepper .count-1{background-color:#dfccf0}.time-management-wepper .count-1 h3{color:#8838c6}.time-management-wepper .count-2{background-color:#ffe5ca}.time-management-wepper .count-2 h3{color:#ff8d29}.time-management-wepper .count-3{background-color:#fcd4da}.time-management-wepper .count-3 h3{color:#ff6b82}.section-title h5{font-weight:400;font-size:16px;margin-bottom:0;padding-bottom:10px;color:#64729b}.section-title h2{text-transform:capitalize;font-size:37px;margin-bottom:0;padding-bottom:60px;line-height:52px;font-weight:600}.experience-weeper .section-title-2 h1 span,.section-title h2 span,.single-service-card .content .icon-title .service-title h4:hover{color:#ff5e14}.experience-weeper{position:relative;padding-bottom:70px;padding-top:70px}.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}}.experience-weeper .experience-weeper-brand .img-ex{position:absolute;padding-top:10px;top:0;left:-20%;z-index:1}.experience-weeper .experience-weeper-brand .shape-one{position:absolute!important;z-index:1;top:60%!important;left:-30%;animation:6s ease-in-out .4s infinite top-to-down}.experience-weeper .shape-two{position:absolute!important;z-index:1;top:10%!important;left:13%;animation:4s ease-in-out .4s infinite left-to-right}@media (max-width:1730px){.experience-weeper .shape-two{left:7%}}.experience-weeper .section-title-2 h5{margin-bottom:0;padding-bottom:0;color:#001659;font-weight:400;font-size:15px}.experience-weeper .section-title-2 h1{text-transform:capitalize;font-size:34px;margin-bottom:0;padding-bottom:20px;line-height:44px;font-weight:600}@media (max-width:550px){.experience-weeper .section-title-2 h1,.section-title h2{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 .section-title-2 .subtitle{color:#282c39;font-weight:400;font-size:20px;line-height:30px;padding-bottom:10px}.experience-weeper .section-title-2 .info-service{margin:25px 0}@media (max-width:768px){.experience-weeper{padding-bottom:80px}.experience-weeper .ml-40{margin-left:0}.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}.experience-weeper .experience-weeper-brand .img-ex{position:relative!important;padding-top:0;left:0}.experience-weeper .shape-two{left:-2%;top:1%!important}.experience-weeper .section-title-2{margin-top:100px}.experience-weeper .section-title-2 .info-service{display:block!important}}.experience-weeper .section-title-2 .info-service .engineer .text{padding-left:30px;position:relative}.experience-weeper .section-title-2 .info-service .engineer .text::before{-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;bottom:0;left:0;position:absolute;content:"\f058";font-family:"Font Awesome 5 Pro";color:#ff5e14;font-weight:600}.experience-weeper .section-title-2 .info-service .engineer .text:hover::before{color:#d4d6f5}.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}}.img-ex img{width:100%}section.pd-top.container.sectionpadding{padding-top:0}.pad-0.col-xl-3.col-md-3,.pad-0.col-xl-4.col-md-4{padding:0}.single-service-box{padding:40px;position:relative;overflow:hidden;z-index:1;margin-bottom:30px;transition:.4s ease-in-out}.single-service-box:hover::after{opacity:0;visibility:hidden}.single-service-box:hover .service-bg{opacity:1;visibility:visible;transform:scale(1.1)}.single-service-box::after{position:absolute;width:100%;height:100%;content:"";background-color:#fff;opacity:1;visibility:visible;transition:.4s ease-in-out;left:0;top:0;z-index:-1}.single-service-box .icon{color:#ff5e14;font-size:54px;line-height:1}.single-service-box .contents h4 a{margin:20px 0;font-size:22px;font-weight:600;color:#0a7497;text-decoration:none}.single-service-box .contents h4{margin:20px 0;font-size:20px;font-weight:600}.single-service-box .service-bg{position:absolute;width:100%;height:100%;opacity:0;visibility:hidden;z-index:-1;content:"";top:0;left:0;background-position:center center;transition:.4s ease-in-out;transform:scale(.9)}.single-service-card{border:1px solid #ebedf2;background-color:#fff;margin-top:40px}.single-service-card.single-service-card_2{border:0 solid #ebedf2;padding:0 10px;z-index:1;position:relative;background-color:transparent!important}.single-service-card.single-service-card_2 .service-cover-img{height:200px;border-radius:4px}.single-service-card.single-service-card_2 .content{padding:30px 10px 50px!important}.single-service-card.single-service-card_2 .content h4{font-family:Poppins,sans-serif;font-style:normal;font-weight:600;font-size:20px;line-height:30px}.single-service-card.single-service-card_2 .content h4 a{position:relative;padding:0;visibility:visible;opacity:1}.single-service-card.single-service-card_2 .content a{-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;padding:10px 20px;border-radius:4px;text-transform:capitalize;margin-bottom:-15px;position:absolute;bottom:-1%;visibility:hidden;opacity:0}.single-service-card.single-service-card_2::after{position:absolute;content:"";clear:both;display:block;left:0;bottom:0;height:75%;width:100%;background-color:#fff;border-radius:4px;z-index:-1;box-shadow:0 6px 20px rgba(1,1,28,.2)}.single-service-card.single-service-card_2:hover a{visibility:visible;opacity:1}.single-service-card .service-cover-img{height:230px}.single-service-card .content{padding:30px 40px}.member-details p,.project-details-card .project-title{padding-bottom:20px}.single-service-card .content .icon-title{display:flex;align-items:center}.single-service-card .content .icon-title .icon{font-size:55px;color:#ff5e14;line-height:1;margin-right:20px}.single-service-card .content .read-more{color:#ff5e14;text-decoration:underline;text-transform:uppercase;font-weight:700;font-size:14px;display:block;margin-top:15px}.about-cover-bg .our-experience-years p span,.single-service-card .content .read-more:hover{color:#001659}.single-service-card .content .read-more i{margin-left:5px}.single-best-featured{margin-top:50px}@media (min-width:768px){.single-best-featured.right{text-align:right}.single-best-featured.right .icon{float:right;overflow:hidden;font-size:60px;color:#ff5e14;margin-left:20px;margin-right:0}}.single-best-featured .icon{float:left;overflow:hidden;font-size:60px;color:#ff5e14;margin-right:20px}.single-best-featured .content-text,.single-icon-circle-item .contents{overflow:hidden}.single-best-featured .content-text h5{margin-top:-4px;margin-bottom:10px}.single-services-box{padding:70px 40px 65px;background-color:#fff;border-radius:10px;box-shadow:0 30px 50px rgba(20,42,104,.06);text-align:center;margin-top:30px}.single-services-box .icon{width:80px;height:80px;border:1px solid #c8cbf5;line-height:80px;border-radius:10px;margin:0 auto 30px;transition:.3s ease-in-out}.service-gallery,.single__bloge,.single__bloge .icons{margin-bottom:30px}.single-services-box:hover .icon{background:#f2f3fe;border-color:#f2f3fe}.bg-bottom,.bg-contain,.bg-cover,.bg-left,.bg-right,.bg-top{background-repeat:no-repeat}.single-services-box.sb2 .icon{border:1px solid #f2e1d8}.single-services-box.sb3 .icon{border:1px solid #d1ece2}.single-services-box.sb2:hover .icon{background:#f2e1d8;border-color:#f2e1d8}.single-services-box.sb3:hover .icon{background:#d1ece2;border-color:#d1ece2}.service-gallery .single-service-photo{width:100%;height:450px;background-color:#eee}@media (max-width:1199px){.service-gallery .single-service-photo{height:400px}}.service-details-wrapper h2{font-size:32px}.our-team-two-wrapper::before{position:absolute;left:0;top:0;height:90%;width:100%;background-color:#f8f8f8;z-index:-1;content:""}.single-team-card{width:100%;height:450px;position:relative;z-index:1;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:40px;margin-top:30px}.single-team-card::before{position:absolute;left:0;bottom:0;width:100%;height:100%;content:"";z-index:-1;background:#000000eb;opacity:.7}.member-details img{width:85px}.single-team-card:hover .member-info-card .member-social-net{opacity:1;bottom:0;visibility:visible}.single-team-card .member-info-card{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;top:100px}.single-team-card .member-info-card .member-details{position:relative;transition:.4s ease-in-out;opacity:1;visibility:inherit;top:0}.single-team-card .member-info-card .member-details h3{color:#fff;margin-bottom:0;text-transform:capitalize;font-weight:700}.single-team-card .member-info-card .member-details span{color:#fff;font-size:14px}.single-team-card .member-info-card .member-social-net{opacity:0;visibility:hidden;transition:.4s ease-in-out;position:absolute;bottom:20px;left:0;width:100%}.single-team-card .member-info-card .member-social-net a{width:32px;height:32px;text-align:center;font-size:12px;line-height:32px;display:inline-block;margin:0 2px;background-color:#fff;color:#565f7b;border-radius:5px}.single-team-card .member-info-card .member-social-net a:hover{color:#4e5aff}.member-details p{color:#fff;padding-top:10px}a.btn.btn-primary.insidebt.IInfoBtn{font-weight:500!important;padding:11px 22px!important;font-size:15px;border:0;background:#0e8ab2}.bg-gray{background-color:#f9f9f9}section.our-service-wrapper.section-padding.bg-gray{padding-top:70px;padding-bottom:70px}.cta-wrapper.style-2{margin-left:0}.cta-wrapper .cta-text i{font-size:100px;line-height:1;color:#fff;margin-right:25px;display:flex;align-items:center;text-align:center}@media (max-width:991px){.service-gallery .single-service-photo{height:300px}.cta-wrapper .cta-text i{font-size:80px}}@media (max-width:767px){.service-gallery .single-service-photo{height:250px}.single-icon-circle-item .icon{float:none!important}.project-details-card{width:100%!important}.single-team-card{height:350px}.cta-wrapper .cta-text i{font-size:60px}}.cta-wrapper .cta-text h2{font-size:30px;color:#fff}.cta-wrapper .theme-btn{border:1px solid #fff;box-sizing:border-box}.cta-wrapper .theme-btn:hover{border-color:#001659}.cta-wrapper{padding:50px 0 35px}.cta-theme-bg{background-color:#0a8bac}.cta-text.align-items-center.d-md-flex.text-center.text-md-start{display:flex;align-items:center;text-align:left}a.btn.btn-primary.mainbtout.insidebt.IInfoBtn{font-weight:500!important;padding:11px 10px!important;font-size:15px;border:0;background:#0a4559;display:block;position:relative;top:33px;width:246px}.project-details-card{padding:40px 45px 30px;background-image:radial-gradient(#e6e6e6 1px,transparent 0);background-size:15px 15px;background-position:-15px -23px;position:relative;width:80%}.bg-center,.bg-cover{background-position:center}ul.info-list{list-style:none;padding-left:0}ul.info-list li{color:#0076b3}.project-details-card::before{width:0;height:0;content:"";left:45px;top:0;border-top:25px solid #0076b3;border-right:25px solid transparent}.project-details-card .project-client p,.project-details-card .project-date p,.project-details-card .project-title p{color:#53545a}.project-details-card .project-date{padding:20px 0;border-top:1px solid #e4e7ef}.project-details-card .project-client{padding-bottom:30px}.project-details-card .project-estimate{border-top:1px solid #e4e7ef;padding-top:30px}.project-details-card .project-estimate .single-data h6{line-height:1;color:#53545a;margin-bottom:5px}.project-details-card .project-estimate .single-data p{font-size:14px}.project-details-card .project-estimate .single-data .total-ton{display:flex;margin-top:10px}.project-details-card .project-estimate .single-data .total-ton h3{line-height:1;font-weight:400;margin-right:5px}.about-cover-bg .our-experience-years p,.project-details-card .project-estimate .single-data .total-ton span{color:#ff5e14;font-weight:700}.core-bg{position:absolute;width:41%;right:0;height:92%;content:"";z-index:-1;top:0}.bg-cover{background-size:cover}.section-padding{padding:50px 0}.bg-contain{background-size:contain;background-position:left}img.w-100img{width:100%;padding:16px;background:#fff;box-shadow:0 3px 10px rgb(0 0 0 / .2);margin-bottom:10px}.bg-right{background-position:right}.bg-left{background-position:left}.bg-bottom{background-position:bottom}.bg-top{background-position:top}.project-title h3{font-size:27px;font-weight:600;padding-bottom:10px;color:#0076b3}.bg-100{-webkit-background-size:100% 100%;background-size:100% 100%}.single-icon-circle-item .icon{float:left;overflow:hidden;width:100px;height:100px;background:#fff;border:1px solid #ebedf2;border-radius:50%;color:#0076b3;text-align:center;font-size:40px;line-height:84px;position:relative;box-sizing:border-box;margin-right:25px;transition:.4s ease-in-out}.single-icon-circle-item .icon::before{position:absolute;border:3px solid #0076b3b0;content:"";width:100%;height:100%;border-radius:50%;left:0;top:0}.single-icon-circle-item{clear:both;overflow:hidden;margin-top:40px;background-color:#fff;box-shadow:0 3px 10px rgb(0 0 0 / 12%);padding:26px}.contents h3{font-weight:700;color:#2e2e2e;font-size:26px}span.insso{font-weight:900;line-height:15px;font-size:16px;color:#0076b3}.content h4,.single__bloge .content h4{font-size:18px;line-height:27px;margin-bottom:10px}section.bgmainsec1{background:#0076b3;padding-bottom:27px}h2.whitecol.sec-title{color:#fff}p.whitecol.sec-text{color:#fff;padding-top:10px}section.sectionbg-2{padding-top:50px;padding-bottom:50px}.about-cover-bg{height:570px;position:relative}@media (max-width:991px){.cta-wrapper .cta-text h2{font-size:26px}.about-cover-bg{height:450px}}@media (max-width:767px){.about-cover-bg{height:350px}}.about-cover-bg .our-experience-years{position:absolute;right:0;bottom:0;padding:0 40px 10px;background-color:#fff;text-align:center}.about-cover-bg .our-experience-years.our-experience-years_2 .video-play-btn .popup-video{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:rgba(255,94,20,.15);border-radius:50%;font-size:14px;line-height:48px;border:5px solid rgba(255,94,20,.15);text-align:center;margin-right:20px;float:left;color:#ff5e14;animation-name:playVideo1}@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}.about-cover-bg .our-experience-years.our-experience-years_2 .video-play-btn .popup-video{float:none;display:block;margin-bottom:10px}}.about-cover-bg .our-experience-years.our-experience-years_2 .video-play-btn span{line-height:1.5}.about-cover-bg .our-experience-years.our-experience-years__3{padding:40px}.about-cover-bg .our-experience-years .year-outline{background-image:url("../img/outline.jpg");background-repeat:no-repeat;background-position:center bottom;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-cover-bg .our-experience-years .year-outline h2{font-size:115px;margin-bottom:0;line-height:1}.about_content .icon{margin-right:35px;margin-left:20px}.about_content .icon img{width:40px;height:40px;max-width:none!important}.about_content{position:relative;display:flex;align-items:center}.about_content .element__img{top:20%;left:0;position:absolute}.content h4{font-weight:700;color:#262626}.single__bloge .icons img{width:54px}.single__bloge{padding:20px 20px 40px;position:relative;background:rgba(255,94,20,.02);box-shadow:0 8px 20px rgba(1,1,28,.1);z-index:-1}.single__bloge .content h4{font-family:Poppins,sans-serif;font-style:normal;font-weight:600}.single__bloge .content p{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:29px}.single__bloge .vector__icons{z-index:-1;position:absolute;top:0;left:0} .tawk-min-container { display: none !important; } .tawk-min-container, .tawk-min-container .tawk-button { display: none !important; } .page-header { display: block; } .page-header-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .page-header-bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0000003d; background-image: url(../images/overlay-bg.png); background-repeat: repeat; } .page-header__overly { position: absolute; top: 40px; left: 0; right: 0; height: auto; background: #1a150e; background: linear-gradient( 0deg, rgb(26 21 14 / 48%) 35%, rgba(26, 21, 14, 0.9976365546218487) 85% ); opacity: 0.6; z-index: 1; } .page-header__inner { position: relative; display: block; text-align: center; padding: 180px 0 33px; z-index: 15; } .page-header__inner h2 { font-size: 40px; color: #fff; margin-top: 0; line-height: 57px; font-weight: 400; text-transform: capitalize; } .process-card .box-number, .thm-breadcrumb li, .year-counter_text { color: #fff; text-transform: uppercase; } .thm-breadcrumb { position: relative; display: block; margin-bottom: 0; } .thm-breadcrumb li { position: relative; display: inline-block; font-size: 12px; -webkit-transition: 0.5s; transition: 0.5s; font-weight: 500; letter-spacing: 1px; } .thm-breadcrumb li + li { margin-left: 5px; } .thm-breadcrumb li a { position: relative; display: inline-block; color: #fff; -webkit-transition: 0.5s; transition: 0.5s; } .thm-breadcrumb li:hover a { color: #00f; opacity: 1; } .process-card { position: relative; z-index: 2; text-align: center; padding-top: 26px; } .process-card .box-content { background-color: #f7f7f7; padding: 30px 25px; margin: 0 0 18px 18px; position: relative; } .process-card .box-content .box-text { max-width: 221px; margin-left: auto; margin-right: auto; } .process-card .box-content:after { content: ""; position: absolute; border: 1px solid #169fe6; inset: 30px 18px -18px -18px; z-index: -1; -webkit-transition: 0.4s; transition: 0.4s; } .process-card .box-number { background: #169fe6; position: absolute; width: 50px; height: 46px; line-height: 46px; font-size: 24px; font-weight: 600; font-family: var(--title-font); z-index: 1; left: 38px; top: 0; -webkit-transition: 0.4s; transition: 0.4s; } .process-card .box-number:after { content: ""; position: absolute; background: #169fe6; width: 10px; height: 26px; top: 0; right: -10px; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); -webkit-transition: 0.4s; transition: 0.4s; } .process-card .box-title { margin-bottom: 6px; font-size: 20px; font-weight: 600; } @media (max-width: 1399px) { .process-card .box-title { font-size: 18px; } } @media (max-width: 1299px) { .process-card .box-title { font-size: 20px; } } .process-card:hover .box-number, .process-card:hover .box-number:after { background: var(--theme-color2); } .process-card:hover .box-content:after { border-color: var(--theme-color2); } .process-card-wrap:nth-of-type(2n) .process-card.style2:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .img-box2 { position: relative; z-index: 2; padding-bottom: 64px; margin-right: 50px; } .img-box2 .img1 { position: relative; display: inline-block; } .img-box2 .img1 img { border-radius: 0; max-width: 100%; height: auto; } .img-box2 .img1 .year-counter { position: absolute; right: 0; top: 0; padding: 24px 6px 16px; } .img-box2 .img1 .year-counter .year-counter_number { margin-bottom: 5px; font-size: 48px; margin-top: -6px; } .img-box2 .img1 .year-counter .year-counter_text { text-transform: capitalize; color: #fff; text-transform: capitalize; position: relative; z-index: 9; } .img-box2 .img1:after { content: ""; position: absolute; right: 0; top: 0; background: #0293c2; height: 162px; width: 145px; z-index: 1; } .year-counter_number { font-size: 74px; font-weight: 700; color: #fff; line-height: 50px; margin-bottom: 10px; margin-top: 3px; position: relative; z-index: 99; } .img-box2 .img2 { position: absolute; bottom: -5px; right: 0; } .img-box2 .img2 img { border-radius: 0; } .img-box2 .shape1 { position: absolute; top: 60px; right: 14px; -webkit-animation: 5s linear infinite jumpAni; animation: 5s linear infinite jumpAni; } .about-feature-wrap2 .about-feature .box-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } @media (max-width: 575px) { .page-header__inner h2 { font-size: 22px; line-height: 31px; } .page-header__inner { position: relative; display: block; text-align: center; padding: 28px 0 10px; z-index: 15; } .img-box2 { margin-right: 0; margin-left: 62px; padding-right: 0; padding-bottom: 150px; } .about-feature-wrap2 .about-feature { display: block; } .about-feature-wrap2 .about-feature .box-icon { margin-bottom: 20px; line-height: 45px; } } .img-box2 .about-since-wrap { position: absolute; top: 231px; left: -242px; } .img-box2 .about-since-wrap .about-since { font-family: var(--title-font); -webkit-text-stroke: 1px #169fe6; font-size: 74px; font-weight: 700; color: transparent; -webkit-text-stroke: 1px #169fe6; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .jump { -webkit-animation: 7s linear infinite jump; animation: 7s linear infinite jump; } @-webkit-keyframes jump { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .year-counter_text { font-size: 18px; line-height: 26px; font-weight: 400; margin-bottom: -0.32em; max-width: 113px; display: inline-block; } .about-feature-wrap2 .about-feature { max-width: none; gap: 20px; display: flex; align-items: center; } .about-feature-wrap2 .about-feature:not(:last-child) { margin-bottom: 40px; } .about-feature-wrap2 .about-feature .box-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border: 1px solid #000; padding: 15px 16px; border-radius: 50%; line-height: 15px; display: block; } .about-feature-wrap2 .about-feature .about-feature-content .box-title { font-size: 20px; font-weight: 600; margin-bottom: 8px; } .about-feature-wrap2 .about-feature .about-feature-content .about-feature-text { margin-bottom: -0.3em; } @media (max-width: 1500px) { .img-box2 { margin-right: 30px; margin-left: 30px; } } @media (max-width: 1399px) { .img-box2 { margin-right: 10px; margin-left: 50px; } } @media (max-width: 1199px) { .process-card .box-content { padding: 30px 10px; } .img-box2 { display: inline-block; margin-right: 0; margin-left: 90px; padding-right: 155px; } } @media (max-width: 767px) { .process-card .box-content { padding: 30px; } .img-box2 { margin-right: 0; margin-left: 62px; padding-right: 50px; } .img-box2 .about-since-wrap { top: 180px; left: -180px; } .img-box2 .about-since-wrap .about-since { font-size: 54px; } } @media (max-width: 575px) { .img-box2 { margin-right: 0; margin-left: 62px; padding-right: 0; padding-bottom: 150px; } .about-feature-wrap2 .about-feature { display: block; } .about-feature-wrap2 .about-feature .box-icon { margin-bottom: 20px; width: max-content; } .page-header { padding-bottom: 9px; margin: 00px 0 0px; border-bottom: 1px solid #eee; } } .year-counter { max-width: 270px; text-align: center; padding: 22px; border-radius: 0; background-color: #164058; position: relative; z-index: 3; } @media (max-width: 375px) { .img-box2 { padding-bottom: 220px; } } .overflow-hidden { overflow: hidden !important; } #mws_container { position: absolute; opacity: 0; bottom: 0; z-index: -1; } #notification { display: none; position: fixed; z-index: 20; bottom: 0; right: 0; background: #a2c; padding: 0.5em; color: #fff; pointer-events: none; } h3.heading-light { font-size: 28px; } .heading-light { color: #2f2f2f; margin-bottom: 10px; } .column { display: inline; float: left; padding: 0 19px; width: 100%; } .me-box-icon.large i, .me-box-icon.large span { font-size: 84px; line-height: 84px; } .padb40 { padding-bottom: 40px !important; } .madb40 { margin-bottom: 40px !important; } .me-box-icon.large.left .text-container { margin-left: 112px; } .me-box-icon.large.right .text-container { margin-right: 112px; } .me-box-icon.offset-box { background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 5px; border-radius: 5px; padding: 72px 27px 40px; } .me-box-icon.large.offset-box { margin-top: 67px; } .me-box-icon.large.offset-box .icon-shape, .me-box-icon.large.offset-box .text-shape { height: 104px; width: 104px; margin-top: -126px; } .me-box-icon.offset-box .icon-shape, .me-box-icon.offset-box .text-shape { border: 10px solid #fff; } .me-box-icon.large .icon-shape, .me-box-icon.large .text-shape { height: 84px; width: 84px; } #scrollUp, .badge, .box-counter hr, .button, .circle-icon-list i, .comment-text .reply, .contact-form label.focus, .date-blog-information span, .dropcap.circle, .dropcap.square, .highlight, .icon-shape.circle, .icon-shape.radius, .icon-shape.square, .image-content .img-overlay, .information-box, .me-image .image-caption:after, .me-panel.fold, .me-pricing .pricing-title, .me-team .social-icon a, .me-team span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-current, .navigation-container, .pagination li.active a, .pin-team, .pin-team span, .portfolio-filter .button.selected, .progress-bar .progress-content, .promo-box:before, .sharing-box .social-list a, .slideshow .slider-button, .slideshow .slider-list, .slideshow .slider-separator:before, .testimonial-description span, .text-shape.circle, .text-shape.radius, .text-shape.square, blockquote cite span { background-color: #169fe6; } .icon-shape.circle, .icon-shape.radius, .icon-shape.square, .text-shape.circle, .text-shape.radius, .text-shape.square { background: #169fe6; text-align: center; } .icon-shape.circle, .text-shape.circle { -webkit-border-radius: 50%; border-radius: 50%; } .icon-shape, .text-shape { width: 90px; height: 90px; text-align: center; margin: 0 auto; } .sectionpadding { padding: 40px 0 0; } .me-box-icon .title-box { margin-top: 10px; margin-bottom: 15px; font-size: 16px; font-weight: 700; } .circle-separator { text-align: center; font-size: 28px; color: #c9c9c9; background: #e0e0e0; height: 1px; margin: 45px 0; } .circle-separator i { background: #f8f8f8; border: 1px solid #e0e0e0; height: 60px; width: 60px; position: relative; top: -31px; line-height: 60px; display: inline-block; padding-left: 1px; -webkit-border-radius: 50%; border-radius: 50%; } .information-box h4 { color: #fff; font-size: 32px; font-weight: 700; } .information-box p { color: #fff; font-weight: 700; } .information-box { -webkit-border-radius: 5px; border-radius: 5px; background: url(../images/information-box.png) #169fe6; padding: 40px 27px 50px; margin-bottom: 28px; } .information-box ul li { color: #fff; font-weight: 700; list-style: none; } .offset-box { transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out; } .pdtb { padding-bottom: 20px; } .offset-box:hover { background: #f8f8f8; } h4.heading-light { font-size: 22px; color: #169fe6; } .sec-title { font-size: 30px; font-weight: 700; } .services-list svg { position: absolute; } @media (max-width: 991px) { .services-list svg { position: relative !important; } .services-list .service-list-information { margin-left: 0; } .services-list:before { left: -26px !important; } .services-list:after { left: -33px; } } .fun-facts-section { background: url(../images/facts-bg.jpg) center/cover no-repeat fixed; z-index: 1; padding-bottom: 50px; } .fun-facts-section:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: -1; } .box-counter span { color: #169fe6; font-size: 30px; } .service-card2 { border: 1px solid #f5f5f5; padding: 30px 30px 23px; margin-bottom: 30px; } .service-card2 .box-img { position: absolute; right: 0; bottom: 0; opacity: 0.2; -webkit-transition: 0.4s; transition: 0.4s; } .service-card2 .box-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #0293c2; padding-bottom: 20px; margin-bottom: 20px; } .service-card2 .box-content .service-card-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-transition: 0.4s; transition: 0.4s; } .service-card2 .box-content .box-title { font-size: 20px; font-weight: 600; margin-bottom: -0.3em; margin-top: 0; } .service-card2 .box-text { margin-top: -0.4em; margin-bottom: 13px; } .process-card:hover .box-icon img, .service-card2:hover .service-card-icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } @media (max-width: 991px) { .service-card2 { padding: 25px 25px 18px; } .service-card2 .box-content { gap: 15px; } } @media (max-width: 360px) { .service-card2 .box-content { display: block; } .service-card2 .box-content .service-card-icon { margin-bottom: 20px; } } @media(max-width:991px){ .need-help{ overflow: hidden; } } .box-counter h4{ color: #fff; } @charset "UTF-8"; .ResponsivImg{width:100%} .PaddLR0{padding-left:0!important;padding-right:0!important} .PaddR0{padding-right:0!important} .PaddL0{padding-left:0!important} .PaddLR5{padding-left:5px!important;padding-right:5px!important} .PaddR5{padding-right:5px!important} .PaddL5{padding-left:5px!important} .DesktopDisplay{display:block} .DesktopInlineDisplay{display:inline-block} .TabDisplay{display:none} .TabInlineDisplay{display:none} .pull-left1{float:left} .pull-right1{float:right} .text-left1{text-align:left} .text-right1{text-align:right} .PositionR{position:relative} body{font-family:'Lato',sans-serif;line-height:32px;font-size:17px} .navbar-brand{height:auto;padding:0} .navbar-default .navbar-collapse,.navbar-default .navbar-form{border:transparent} .navbar-default{background-color:transparent;border:0} .carousel-caption{z-index:1030} .carousel-control{z-index:1030} .carousel-indicators{z-index:1030} .navbar-default .navbar-nav > li > a{color:rgba(255,255,255,0.8);font-size:14px;text-transform:uppercase;font-family:'Lato',sans-serif} .navbar-default .navbar-nav.navbar-navInPg > li > a{color:#333!important} .navbar-default .navbar-nav > li > a:hover{color:#fff} .top-nav-collapse .navbar-default .navbar-nav > li > a{color:#000} .btn{text-transform:uppercase;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;position:relative;overflow:hidden} .btn-primary{color:#fff;background-color:#5695ab;border-color:#5695ab} .btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#5695ab;border-color:#5695ab} .btn-primary:hover{color:#5695ab;background-color:#fff;border-color:#5695ab} .btn-primary:hover:before{left:0} .btn-info{color:#fff;background-color:#b86a9e;border-color:#b86a9e} .btn-info:focus,.btn-info.focus{color:#fff;background-color:#b86a9e;border-color:#b86a9e} .btn-info:hover{color:#b86a9e;background-color:#fff;border-color:#b86a9e} .btn-info span,.btn-default span,.btn-primary span{position:relative;z-index:2} .btn{padding:9px 12px;margin:0 4px} .nav-tabs.nav-tabsI > li{float:none;display:inline-block;margin-left:5px;margin-right:5px} .nav-tabs.nav-tabsI > li > a{border-radius:4px 4px 4px 4px;background-color:#e3e7ec;line-height:26px;font-weight:500} .nav-tabs.nav-tabsI{border-bottom:0} .nav.nav-tabsI > li > a{padding:5px 15px} .nav-tabs.nav-tabsI > li{margin-bottom:30px} .nav-tabs.nav-tabsI > li.active > a,.nav-tabs.nav-tabsI > li.active > a:hover,.nav-tabs.nav-tabsI > li.active > a:focus{color:#555;background-color:#e3e7ec} /************************************ **************************/ .aside-form{ position:fixed; width:300px; padding:15px; background-color:#fff; right:-300px; transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s;-o-transition:all ease-in-out 0.7s;-moz-transition:all ease-in-out 0.7s;-ms-transition:all ease-in-out 0.7s; border:1px solid #0d55a6; } .aside-form.book-enquiry .form-control{font-size:15px;border-radius:0;height:40px;box-shadow:none!important;border:1px solid #ced4da} .aside-form.book-enquiry textarea.form-control{height:90px} .aside-form.book-enquiry .form-control:focus,.aside-form.book-enquiry .form-control:hover{border:1px solid #888;outline:0} .aside-form.book-enquiry .btn.btn-primary{border:1px solid #0d55a6;font-size:14px;font-family:Raleway,sans-serif;font-weight:600;padding:10px 35px;background:#0d55a6} .aside-form.book-enquiry h4{font-weight:600;color:#000;margin:11px 0} .aadishakti-feedback{z-index:299} .book-enquiry{top:160px;z-index:9999} .on-click-display{right:0} .on-click-display2{right:0} .aside-form-button{width:42px;height:132px;position:absolute;left:-42px;display:inline-block;cursor:pointer;background:#0293c2} .aside-form-button span{color:#fff;font-weight:600;transform:rotate(90deg);display:block;width:101px;text-align:center;position:relative;right:30px;top:56px; font-family:'Lato'} .book-enquiry-btn{ background-position:0 0; top:0;} .aadishakti-feedback-btn{ background-position:0 -160px; top: 320px;} .book-enquiry .form-control::-moz-placeholder{ font-size:13px;font-weight:500;color:#666;} .book-enquiry .form-control:-moz-placeholder{font-size:13px;font-weight:500;color:#666;} .book-enquiry .form-control::-webkit-input-placeholder{font-size:13px;font-weight:500;color:#666;} .book-enquiry .form-control::-ms-input-placeholder{font-size:13px;font-weight:500;color:#666;} .d-none-lg{ display:none;} .d-none-md{ display:block;} .mobile_btn1 { display: block !important; position: absolute; right: 8px; top: 8px; width: 35px; height: 35px; background: #0293c2; color: #fff; font-weight: 600; text-align: center; line-height: 35px; } .aside_mob_btn {display:none;} /*.mobile_btn1 {display:none !important;}*/ .aside-form .mobile_btn2 {display:none;} .main_banner_btn{padding: 13px 30px;font-size: 14px;line-height: 1.3333333;font-family: 'Lato', sans-serif;font-weight: 500; border-radius: 3px;background-color: #2192c0;text-transform: capitalize;border-color: #0d55a6;outline: none;display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;letter-spacing: .50px;-webkit-user-select: none;background-image: none;border: 1px solid transparent;margin: 20px auto;color: #fff} /***********************************************************************************************************/ @media (max-width: 500px) { .ResponsivImg{ height: 150px !important; } .tawk-min-container { display: none; } /*.pc_whatsapp { width: 50%; bottom: 0 !important; } .form_open_b { padding: 5px 19px !important; }*/ } @media (min-width: 600px) and (max-width: 768px) { .pc_whatsapp { display: block; position: fixed; bottom: 60px; z-index: 9999; left: 0; background: #34ab49; text-align: center; width: 25%; } .form_open_b { padding: 5px 19px !important; } } @media (min-width: 768px) { .navbar-nav>li>a{padding-top:8px;padding-bottom:8px} } a{color:#4389a2;text-decoration:none} a:hover,a:focus{color:#b86a9e;text-decoration:underline} .carousel-indicators li{width:65px;height:6px;border:1px solid rgba(255,255,255,0.5)} .carousel-indicators .active{width:65px;height:6px;background-color:rgba(255,255,255,0.5)} @media screen and (min-width: 768px) { .carousel-control .iconc-left{margin-left:-10px} .carousel-control .iconc-right{margin-right:-10px} .carousel-control .iconc-left,.carousel-control .iconc-right{width:61px;height:93px;margin-top:-10px;font-size:30px} } .carousel-control .iconc-left,.carousel-control .iconc-right{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px;background-image:url(../images/ban-icon.png);background-repeat:no-repeat} .carousel-control .iconc-left{left:50%;margin-left:-10px;background-position:0 0} .carousel-control .iconc-right{right:50%;margin-right:-10px;background-position:-61px 0} .item:hover{text-decoration:none} .input-group-addon{padding:0 6px;font-size:14px;font-weight:400;line-height:1;color:rgba(255,255,255,0.7);text-align:center;background-color:transparent;border:0;border-radius:0} .alert{margin-bottom:0} .col-md-7a,.col-md-5a{position:relative;min-height:1px;padding-right:15px;padding-left:15px} .table>thead>tr>th{color:#fff;background-color:#7DA9C0} @media (min-width: 992px) { .col-md-7a,.col-md-5a{float:left} .col-md-7a{width:56%} .col-md-5a{width:44%} .col-md-offset-1a{margin-left:4.1555%} .col-md-offset-1b{margin-left:12.511%} .col-md-offset-2a{margin-left:21%} } @media screen and (min-width: 768px) { .carousel-caption{right:20%;left:13%;padding-bottom:30px} } .carousel-caption{position:absolute;right:15%;bottom:340px !important} /* .carousel-inner>.item{ display: block !important; } */ @media screen and (min-width: 768px) { .carousel-indicators{bottom:30%} } .carousel-control.left,.carousel-control.right{background-image:none;background-image:none;background-image:none;background-image:none;filter:none;} .modal{z-index:105000} .modal-backdrop{z-index:104000} .logo{width:220px;margin-top:12px;transition-duration:.4s;margin-bottom:12px} .navbar-brand>img.Scroll-logo{display:none} .ScrollFix991InPg .navbar-brand>img.Scroll-logo{display:block!important;width:190px;margin-top:10px;margin-bottom:8px} .ScrollN{display:none} .ScrollY{display:block;width:150px;margin-top:12px} .top-nav-collapse .HRSecScroll{margin-top:20px!important} .ScrollY{display:block;width:150px;margin-top:12px;margin-bottom:12px} .grid{max-width:1200px} .grid:after{content:'';display:block;clear:both} .element-item{position:relative;float:left;width:350px;height:294px;margin:5px;padding:10px;color:#262524} .element-item > *{margin:0;padding:0} .MarTB30{margin-top:30px!important;margin-bottom:30px!important} .PostName{color:#0075B2;margin-top:0;padding-bottom:10px;border-bottom:1px solid #e2e2e2} .Head1a-b{font-size:13px;color:#fff} .Head1a-b a{color:#fff} .Head1a-b span{display:inline-block;padding:0 16px} .FbFrame{position:fixed;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);right:-70px;top:200px;z-index:200000} .CustomeAlert{margin-top:30px!important;margin-bottom:30px!important} .Header1{z-index:999;left:0;right:0} .top-nav-collapse{background-color:#fff;padding-bottom:0;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.12)} .Scroll-logo{transition:all .3s} .top-nav-collapse .Scroll-logo{display:block!important;max-width:180px;padding:2px; margin: 8px 0;} .top-nav-collapse .logo{display:none} .top-nav-collapse .HRSec .navbar .navbar-collapse .navbar-nav li a{color:#333} .top-nav-collapse .HRSec{margin-top:38px} .top-nav-collapse .HRSec .DomainLa{color:#333} .top-nav-collapse .HRSec .Head-form-control{background-color:rgba(244,249,255,0.73);color:#333;height:29px;padding:1px 12px;border:1px solid #ccc} .top-nav-collapse .HRSec .Head-btn-primary{background-color:rgba(51,143,189,0.91);border-color:#47adde;padding:4px 12px} .top-nav-collapse .HRSec .navbar-nav > li > a{padding-top:8px;padding-bottom:8px} .CaroBg:before{background:-moz-linear-gradient(left,#5c268d 0%,#4389a2 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#5c268d),color-stop(100%,#4389a2));background:-webkit-linear-gradient(left,#5c268d 0%,#4389a2 100%);background:-o-linear-gradient(left,#5c268d 0%,#4389a2 100%);background:-ms-linear-gradient(left,#5c268d 0%,#4389a2 100%);background:linear-gradient(to right,#5c268d 0%,#4389a2 100%);content:'';position:absolute;width:100%;height:100%;z-index:1000;opacity:.8;display:block} .Services-Ban{position:absolute;z-index:1030;bottom:0;left:0;right:0} .BanServices{color:rgba(255,255,255,0.67)} .BanServices div{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 37%,rgba(0,0,0,0.4)) 46%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 37%,rgba(0,0,0,0.4) 46%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 37%,rgba(0,0,0,0.4) 46%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#ff0000',GradientType=0);padding-top:30px;padding-bottom:30px} .BanServices div p{color:#fff} .BanServices:hover{text-decoration:none} .navbar{min-height:auto;margin-bottom:0} .ArrowLi{width:0;height:0;position:absolute;display:block;border-bottom:15px solid #e2e2e2;border-top:0; /* border-left:15px solid transparent;border-right:15px solid transparent;*/ top:-14px;left:30px} /*.ArrowLi:before{width:0;height:0;position:absolute;display:block;border-bottom:13px solid #fff;border-top:0;border-left:13px solid transparent;border-right:13px solid transparent;top:2px;left:-13px;content:''}*/ .ArrowLi:before{ width: 0; height: 0; border-bottom: 13px solid #958f8f; border-left: 13px solid transparent; border-right: 13px solid transparent; /* top: -13px; left: 30px;*/ content: ''; border-top: 0; position: absolute; display: block; rotate: 0deg; } .navbar-nav li ul{z-index:200000;position:absolute;width:210px;text-align:left;background-color:rgba(255,255,255,1);padding-left:0;display:none;border:1px solid #e2e2e2} .navbar-nav li ul li{list-style-type:none} .navbar-nav li ul li a{display:block;padding:7px 12px;color:#333;font-size:13px;border-bottom:1px solid #e2e2e2} .navbar-nav li:hover ul{display:block} .HRSec{color:#fff;margin-top:55px} .InPgHRSec{margin-top:30px!important} .Head-form-control{background-color:rgba(192,189,189,0.28);background-image:none;border:1px solid rgba(255,255,255,0.48);border-radius:17px!important;color:#fff;padding:0 12px;font-size:10px;height:27px!important; margin-top:0;} .Head-form-control:focus{border-color:#fff;outline:0;-webkit-box-shadow:none;box-shadow:none} select.Head-form-control option{background-color:#333} .Head-form-controlIn{background-color:rgba(244,249,255,0.73)!important;color:#333!important;height:29px!important;padding:1px 12px!important;border:1px solid #ccc!important} .Head-btn-primary{background-color:rgba(51,143,189,0.91);border-color:#47adde;padding:3px 12px;border-radius:18px} .GetAQuate{padding:7px 12px;background-color:#0075B2;color:#fff;display:inline-block;text-transform:uppercase} .Head-btn-primary:hover{background-color:#fff;color:#333} .BnIcons{font-size:50px;text-shadow:3px 3px 0 rgba(0,0,0,0.5)} .carousel-caption div{text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,0.5);font-size:55px;line-height:70px} .BnIcons1{font-size:55px!important} .WelcomeTxt{padding-top:50px;padding-bottom:60px;text-align:center} .WelcomeTxt h1{line-height:40px;font-size:33px;color:#31384d} .WelcomeTxt p{width:70%;margin-left:15%;color:#848e97} .BtnP{margin-top:60px} .IContact{margin-left:20px} .Sec3{padding-top:100px;padding-bottom:100px;background-image:url(../images/bg2.jpg);background-repeat:no-repeat;background-size:cover} .Sec3Indi div div{text-align:center} .Sec3Indi div div i{color:rgba(255,255,255,0.7);font-size:50px;border-radius:50%;padding-top:25px} .Sec3IndiSec{padding:20px 15px 15px;background-color:rgba(255,255,255,0.14)} .Sec3Indi{text-align:justify} .Sec3Indi h4{color:#FFF;text-align:center;margin-top:25px;margin-bottom:25px} .Sec3Indi p{color:#FFF;font-size:12px;line-height:21px} .hoverCont i{border:2px solid #fff;width:100px;height:100px;border-radius:50%;text-align:center;padding-top:25px;font-size:47px;color:#fff;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s} .hoverCont{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,117,178,0.83);opacity:0;display:inline-block;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;color:#fff;z-index:2;text-align:center} .hoverCont h3{text-transform:uppercase;font-size:22px;position:relative;padding-bottom:5px;margin-bottom:15px;padding-left:10px} .hoverCont h3:before{content:'';display:block;position:absolute;bottom:-10px;width:0;left:50%;height:2px;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;background-color:#fff} .hoverCont:hover h3:before{width:100%;left:0} .hoverCont p{padding-left:20px;padding-bottom:20px;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;margin-top:20px;font-size:15px} .hoverCont span{display:inline-block;padding:0 10px;font-weight:700;font-size:13px;background-color:rgba(255,255,255,0.8);color:#333} .hoverCont h4{margin-top:100px;margin-bottom:20px} .hoverCont h4 span{display:inline-block;padding:11px 10px;border-bottom:1px solid #72acca;background-color:transparent;color:#cbd5da;font-size:22px} .ProP{margin-bottom:30px} .Pro{position:relative;display:block} .Pro .Border:before,.Pro .Border:after{content:'';position:absolute;display:block;width:1px;height:0;background-color:#fff;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s} .Pro .Border:before{left:10px;bottom:10px} .Pro .Border:after{right:10px;top:10px} .Pro:hover .Border:before{left:10px;top:10px;height:auto} .Pro:hover .Border:after{right:10px;bottom:10px;height:auto} .Pro:hover .hoverCont{opacity:1} .Pro:hover .hoverCont i{font-size:30px;width:60px;height:60px;padding-top:13px} .Pro:hover .hoverCont p{margin-top:10px} .Pro img{box-shadow:0 2px 2px 0 rgba(0,0,0,.3),0 3px 1px -2px rgba(0,0,0,.5),0 1px 5px 0 rgba(0,0,0,.3)} .IWork{padding-top:35px;padding-bottom:80px} .IWorkSub h1{font-weight:300;line-height:50px;font-size:38px;margin-bottom:30px;color:#31384d;position:relative} .IWorkSub h1:before{width:100px;height:3px;background-color:#b86a9e;content:'';display:block;position:absolute;bottom:0;left:46%} .IworkBtn{margin-top:30px} .DomainLa{font-weight:400;color:rgba(255,255,255,0.7)} .Sec5{background-image:url(../images/slider-3.jpg);background-attachment:fixed;background-size:cover;position:relative;padding-top:60px;padding-bottom:80px;text-align:center;color:#fff;background-position:center} .Sec5:before{content:'';display:block;position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background:rgba(92,38,141,0.7);background:-moz-linear-gradient(top,rgba(92,38,141,0.7) 0%,rgba(67,137,162,0.7) 100%);background:-webkit-linear-gradient(top,rgba(92,38,141,0.7) 0%,rgba(67,137,162,0.7) 100%);background:linear-gradient(to bottom,rgba(92,38,141,0.7) 0%,rgba(67,137,162,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c268d',endColorstr='#4389a2',GradientType=0)} .Sec5In{position:relative;z-index:3} .Sec5In h2{font-weight:600;font-size:42px;text-shadow:2px 2px 0 rgba(0,0,0,0.5)} .Sec5In p{font-size:18px;line-height:30px;text-shadow:1px 1px 0 rgba(0,0,0,0.5)} .TestIndi{text-align:justify;padding:15px;border:1px solid rgba(255,255,255,0.4)} .TestIndi p{position:relative} .TestIndi p:before{content:'"';display:block;position:absolute;font-size:40px;color:#4389a2;font-family:Georgia,"Times New Roman",Times,serif;left:-15px} .TestIndi p:after{content:'"';display:block;position:absolute;font-size:40px;color:#4389a2;font-family:Georgia,"Times New Roman",Times,serif;right:130px} .TEstimonials{padding-top:50px;padding-bottom:100px;background-image:url(../images/bg2.jpg);background-repeat:no-repeat;color:#fff} .TEstimonialsC h2{text-align:center;font-weight:300;line-height:50px;position:relative;font-size:33px;margin-bottom:50px;color:#FFF} .TEstimonialsC h1:before{width:100px;height:3px;background-color:#b86a9e;content:'';display:block;position:absolute;bottom:0;left:45%} .TestWriter{font-weight:500;display:block;text-align:right} .TestIndi2 p:after{right:10px!important} .TestIndi3 p:after{right:170px} .TestIndi4 p:after{right:60px} .footer{font-size:15px;padding-top:20px;position:relative;background-size:cover;color:#31384D;background-color:#E6E4E4} .footer:before{content:'';display:block;position:absolute;width:100%;height:100%;z-index:1;left:0;top:0} .SocialIcons a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(49,56,77,0.5);color:rgba(49,56,77,0.5)!important;display:inline-block;text-align:center;padding-top:6px} .SocialIcons a i{font-size:21px; font-family: 'FontAwesome'; } .Footer1{padding-bottom:30px} .Footer2{padding-top:10px;padding-bottom:10px;background-color:rgba(0,0,0,0.1);position:relative;z-index:2} .foot1 ul li,.foot2 ul li{list-style-image:url(../images/list-icon.png)} .foot1 ul,.foot2 ul{padding-left:20px} .foot1{padding-left:0} .Foot{position:relative;z-index:2} .foot1 ul li a,.foot2 ul li a{color:#31384D!important;padding-top:3px;padding-bottom:3px;display:block;line-height:25px;font-size:15px;font-weight:700} .footer a{color:#31384D} .FootPhoneNo{background-color:#F90;color:#fff;position:relative;padding:15px 20px;margin-bottom:25px;display:inline-block;font-size:22px;font-weight:700;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);z-index:2} .FootPhoneNo:before{content:'';display:block;position:absolute;width:0;height:0;border-bottom:20px solid #F39406;border-left:20px solid transparent;left:-20px;bottom:-10px;z-index:1} .FootPhoneNo:after{content:'';display:block;position:absolute;width:0;height:0;border-bottom:20px solid #F39406;border-right:20px solid transparent;right:-20px;bottom:-10px;z-index:1} .enquiry_btn { position: fixed; right: 10px; bottom: 20px; background: #0076b3; width: 80px; height: 80px; border: 0;z-index:99; border-radius: 80px; padding: 26px 21px 16px; cursor:pointer; } .enquiry_btn span {display:none;} .enquiry_btn img { max-width: 100%; } .enquiry_btn:hover,.enquiry_btn:focus {outline:none;} .enquiry_frm {} .enquiry_frm h1{margin:0 0 15px;font-size:24px;color:#000;} .form_button { position: absolute; right: 0; top: 0; background: #0076b3; color: #000; border: 0; width: 38px; height: 38px; }.navbar-brand>img.logo{ } #contact:hover { background: #666; } #contact:active { background: #444; } #contactForm { display: none; box-shadow: 0 0 10px #858585; padding: 1.5em; width: 320px; text-align: center; background: #fff; position: fixed; top:55%; left:auto;right:0;z-index:999; transform: translateY(-50%); } .form{width: 100%; padding: 5px; background: 0 0!important; border: 1px solid #c5c5c5; margin-bottom: 5px;color:#727272!important;font-size:13px;transition:all .4s} .form:focus,.form:hover{color:#fff;outline:0;border:1px solid #777} .textarea {height:100px;max-height:100px;max-width:100%} input, textarea { margin: .8em auto; font-family: inherit; text-transform: inherit; font-size: inherit; display: block; width: 280px; padding: .4em; } textarea { height: 80px; resize: none; } .formBtn { width: 120px; display: inline-block; background: #0076b3; color: #fff; font-size: 18px; border: none; height: 48px; font-weight: 400; border-radius: 6px; } .TabSpan:before{content:'';display:block;position:absolute;width:0;height:0;border-top:20px solid #F39406;border-left:20px solid transparent;left:-20px;bottom:10px;z-index:1} .TabSpan:after{content:'';display:block;position:absolute;width:0;height:0;border-top:20px solid #F39406;border-right:20px solid transparent;right:-20px;bottom:10px;z-index:1} .TabTriangle:before{content:'';display:block;position:absolute;width:0;height:0;border-top:10px solid #D07F05;border-left:10px solid transparent;left:0;bottom:-10px;z-index:1} .TabTriangle:after{content:'';display:block;position:absolute;width:0;height:0;border-top:10px solid #D07F05;border-right:10px solid transparent;right:0;bottom:-10px;z-index:1} .TabTriangle2:before{content:'';display:block;position:absolute;width:0;height:0;border-bottom:10px solid #F39406;border-right:10px solid transparent;left:0;bottom:-10px;z-index:1} .TabTriangle2:after{content:'';display:block;position:absolute;width:0;height:0;border-bottom:10px solid #F39406;border-left:10px solid transparent;right:0;bottom:-10px;z-index:1} .FootHead{color:#31384D;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.5);font-weight:700;font-size:19px} .BloggerI{width:24px;height:24px;background-image:url(../images/blogger-icon.png);background-repeat:no-repeat;margin:-2px auto;display:inline-block} .IEnquiry{background-color:#31384d;padding-top:18px;padding-bottom:0} .IEnquiryContact{padding-top:10px;padding-bottom:10px;background-color:#31384d} .ContactPanel{padding:15px;margin-bottom:30px} .IForm .form-group .form-control{color:#fff;border-radius:0!important;background-color:rgba(0,0,0,0.3);border:2px solid rgba(255,255,255,0.5);height:34px} .IForm .form-group .form-control::-webkit-input-placeholder{color:#fff} .IForm .form-group .form-control::-moz-placeholder{color:#fff} .IForm .form-group .form-control:-ms-input-placeholder{color:#fff} .IForm .form-group .form-control:-moz-placeholder{color:#fff} .Enquire{color:#fff;font-weight:300;text-align:right;line-height:50px} .IESubmt{padding-top:40px} .IInfoBtn{font-weight:500!important;padding:11px 22px!important;font-size:15px} .FServicesIndi i{color:#fff;font-size:43px;text-shadow:3px 3px 0 rgba(0,0,0,0.5);height:55px} .FServicesIndi h2{font-size:24px} .FServicesIndi p{font-size:14px;line-height:25px;text-shadow:none} .FServicesIndi{color:#fff} .FServicesIndi:hover{color:#fff;text-decoration:none} .FServices h3{font-weight:300;font-size:30px;margin-top:80px;position:relative;margin-bottom:50px} .FServices h3:before{content:'';position:absolute;display:block;width:75px;height:3px;background-color:#fff;bottom:-15px;left:45%} .EnquireHead{color:#fff;font-weight:700;font-size:24px;margin-top:10px} .LearnMore{text-decoration:underline} .InPgHead{color:#0075B2;font-weight:700;margin-top:25px;margin-bottom:25px;font-size:33px;font-family:'Roboto',sans-serif} .InPgHead span{font-weight:300} .re{font-size:12px} .InPgNav{box-shadow:0 2px 2px 0 rgba(0,0,0,0),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.07);background-color:#fff} .InPgBan{background-image:url(../images/in-pg-bg.jpg);background-repeat:no-repeat;margin-top:130px;background-attachment:fixed} .M-Regi{color:#333} .CUstomeCssAddOn .input-group-addon{color:#FFF;font-size:13px} .ToggleIcon{display:none} .navbar-nav li a .glyphicon-menu-down{font-size:13px;margin-left:5px;transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s} .DispY600{display:none} .DispN600{display:block} .M410{display:none} .M410-390{display:none} .HRSecScroll .CUstomeCssAddOn .input-group-addon{color:#333} .services_bullets{font-size:40px;margin-bottom:20px;color:#FFF;margin-bottom:20px;font-weight:700;text-align:left;line-height:50px} .Span1,.Span2{font-weight:300;text-transform:uppercase} .services_bullets2{font-size:27px;margin-bottom:0;color:#0075B2;text-align:left;line-height:50px} .services_bullets3{font-size:30px} .MarsBig{font-size:50px} .AbtSec1-a h5{line-height:30px;font-size:18px;font-weight:300;color:#F0961E} .AbtSec1-a p{font-size:18px;line-height:35px} .AbtSec1-a{padding-top:40px;padding-bottom:40px} .AbtSec1-c{background-color:#fff;padding-top:50px;padding-bottom:50px} .InPgCont{background-color:#f9f9f9;background-image:url(../images/bg.png);background-repeat:no-repeat;background-size:100%;background-attachment:fixed} .InPgTxt{text-align:justify;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);padding:20px;margin-top:60px;margin-bottom:60px;line-height:30px;font-size:16px;border-top:4px solid #D6EEF5} .AbtSec1-b{background-color:#164058;position:absolute;height:100%;padding:15px} .AbtSec1-b h5{font-size:16px;line-height:25px;font-weight:400;color:rgba(255,255,255,0.62);font-family:'Lato',sans-serif;margin-top:50px} .AbtSec1-b p{font-family:'Lato',sans-serif;margin-top:20px} .AbtCompany1{background-color:#fff;padding-top:40px;padding-bottom:40px} .AbtCompany2-a{padding:30px} .QualityA{background-color:#fff;padding-top:30px;padding-bottom:30px} .QualityB{height:100%;position:absolute;padding-top:30px} .WriTextimonials{margin-top:30px} .RightSec h4{color:rgba(92,38,141,0.7)} .RightSec ul{padding-left:20px} .RightSec ul li{list-style-type:none} .RightSec ul li a{padding-top:5px;padding-bottom:5px;display:block} .FormSideBar{position:absolute;height:100%;background-color:#338fbd} .ResumeForm{border:1px solid #e2e2e2;padding:20px;background-color:#fff} .Exp{height:48px} .AbtSec1{padding-bottom:40px;background-color:#fff;padding-top:50px} .AbtSec2{background-image:url(../images/bg2.jpg);background-repeat:no-repeat;padding-top:60px;padding-bottom:60px;color:#fff;background-size:100%;margin-top:40px} .UploadRe{padding:8px;border:1px solid #5695ab;border-radius:20px;color:#5695ab;font-weight:400} .UploadRe:hover{background-color:#5695ab;color:#fff} #UpladResume{display:none} .LAMTagLine{background-image:url(../images/life-at-mars.jpg);background-repeat:no-repeat;background-size:100%;position:relative;padding-top:60px;padding-bottom:60px;text-align:center} .LAMTagLine:before{content:'';display:block;position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background:rgba(92,38,141,0.7);background:-moz-linear-gradient(top,rgba(92,38,141,0.7) 0%,rgba(67,137,162,0.7) 100%);background:-webkit-linear-gradient(top,rgba(92,38,141,0.7) 0%,rgba(67,137,162,0.7) 100%);background:linear-gradient(to bottom,rgba(92,38,141,0.7) 0%,rgba(67,137,162,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c268d',endColorstr='#4389a2',GradientType=0)} .LAM_SubHead{color:#fff;position:relative;z-index:2000;display:block;font-weight:700;margin-bottom:0} .Panel{padding:10px;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)} .ContactUs i{width:50px;height:50px;border-radius:50%;background-color:#5695ab;color:#fff;text-align:center;padding-top:15px;display:inline-block;margin-bottom:10px;font-size:20px} .ContactUs{font-size:16px;padding-bottom:20px} .EnquiryForm h3{font-weight:300;color:#5695ab} .EnquiryForm h5{font-weight:700;color:#F0961E} .ContactPg strong{color:#5695ab} .Scroll-LogoWi{width:150px} .Head1a{background-color:#164058} .TestiCaroInner{width:80%;margin-left:10%} .Captcha em{height:45px;background-color:#0075B2;padding:7px;color:#fff;font-size:18px;position:relative;top:3px} .UlList{padding-left:20px} .UlList li{margin-bottom:10px;width:50%;float:left;list-style-image:url(../images/list-icon.png)} .UlList2{padding-left:20px} .UlList2 li{margin-bottom:10px;list-style-image:url(../images/list-icon.png)} .CounterUp{background-image:url(../images/counter-bg.jpg);background-repeat:no-repeat;background-size:100%;padding-top:70px;padding-bottom:60px;text-align:center;color:#000;font-size:20px} .countP span{font-weight:700;font-size:35px} .countP{padding:25px 20px 15px;background-color:rgba(255,255,255,0.5);color:#000;position:relative} .countP:before,.countP:after{content:'';display:block;position:absolute;height:1px;background-color:rgba(0,0,0,0.3);width:auto;left:20px;right:20px} .countP:after{top:5px} .countP:before{bottom:5px} .countP div:before,.countP div:after{content:'';display:block;position:absolute;height:auto;background-color:rgba(0,0,0,0.3);width:1px;top:20px;bottom:20px} .countP div:after{left:5px} .countP div:before{right:5px} .CounterTxt,.CounterTxt span{font-size:14px;line-height:19px} .CounterTxt{margin-top:20px;margin-bottom:0} .CounterTxt span{display:block} .LifeAtMars{padding-top:40px;padding-bottom:40px;text-align:center} .LifeAtMars2{background-color:#fff} .LifeAtMars2-a{padding:30px} .ServiceSec2{padding:30px} .ServiceSec1{font-size:19px;line-height:38px} .ExtraBoxS{box-shadow:0 2px 2px 0 rgba(0,0,0,0),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.07)} .ExtraBoxS2{box-shadow:0 2px 7px 0 rgba(0,0,0,0.17),0 2px 2px 0 rgba(0,0,0,0),0 3px 1px -2px rgba(0,0,0,0.12)} .PaddTBPD{padding-top:40px;padding-bottom:40px} .BgColor{background-color:rgba(255,255,255,0.4)} .SoftDSec3{padding-top:40px;padding-bottom:40px} .ContactSec{background-color:#f9f9f9} .FormNew .form-group .input-group-addon{padding:6px 12px;min-width:50px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0} .FormNew .form-group .input-group{position:relative;display:table;border-collapse:separate} .FormNew .form-group .input-group .form-control{height:48px;border-top-right-radius:4px;border-bottom-right-radius:4px} .filter-button-group .button{border-radius:4px 4px 4px 4px!important;background-color:#e3e7ec!important;line-height:26px!important;font-weight:500!important;padding:5px 15px;color:#23527c;margin:5px;border:1px solid transparent} .filter-button-group{margin-bottom:20px} .is-checked{color:#333!important} .filter-button-group .button:hover{color:#b86a9e} .Foot3 p{padding-left:20px;position:relative;font-size:15px;font-weight:700} .Foot3 p i{position:absolute;left:0;top:8px} .Foot2MArT{margin-top:5px} .MDomain .form-group{margin-bottom:0} .DeskMarTop5{margin-top:10px} .navbar-default .navbar-nav > li > a:hover{} .TestimonialIndi{position:relative;border-radius:5px;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);padding:10px;font-size:16px;line-height:26px} .TestimonialIndi .Arrow{position:absolute;display:block;border-top:15px solid #ccc;border-bottom:0;border-left:15px solid transparent;border-right:15px solid transparent;bottom:-15px;right:20px} .TestimonialIndi .Arrow:before{content:'';position:absolute;display:block;border-top:13px solid #fff;border-bottom:0;border-left:13px solid transparent;border-right:13px solid transparent;bottom:2px;right:-13px} .testimonial_name{text-align:right;font-style:italic;margin-top:15px;font-size:14px;color:#0075B2} .TopPadd30Testi{padding-top:30px} .BottomFormSubmit{position:relative;top:-35px} .BottomFormCaptcha{display:inline-block} .BottomFotmMarT{margin-top:20px} .BottomFotmMarB{margin-bottom:15px} .MarTopPortfolio{margin-top:40px} .PortBg{background-color:rgba(0,0,0,0.4)} .PagInHead{color:rgba(0,117,178,1)} .ThankYouRight{position:absolute;height:100%;border-radius:0;top:0;margin-top:0!important;line-height:45px;font-size:25px} .logoIn{margin-top:10px;margin-bottom:10px; width: 190px;} .nav>li>a{padding:10px} .PageNotFound p{font-size:14px;} .PageNotFound{color:#999} .MarT120Pg404{margin-top:120px} .SiteMapUl li{list-style-image:url(../images/list-icon.png)} .SiteMapUl li a{color:#333} .sticky{background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.07)} .HRSec{transition:all .5s} .sticky .navbar-default .navbar-nav > li > a{color:#333} .sticky .HRSec{margin-top:35px!important} .sticky .Scroll-logo,.sticky .logoIn{display:block!important;max-width:150px;margin:15px 0} .sticky .logo{display:none} .Scroll-logo{transition:all .5s} .i-head .navbar-collapse{margin-top:20px} .top-nav-collapse.i-head .navbar-collapse{margin-top:18px;transition-duration:.4s} .banner_btn2 { width: 150px; height: 46px; border: 0; font-weight: 500; text-transform: uppercase; font-size: 14px; border-radius: 40px; margin: auto; display: block; background: #000; color: #fff; } .floating-form {width:300px;padding:25px;background:#fff;right:10px;z-index:99999;position:fixed;top:110px;box-shadow:0 1px 13px 0 rgb(0 0 0 / 20%)} .form_open_b {position:fixed;left:auto;right:-43px;top:200px;font-size:16px;transform:rotate(-90deg);background:#0293c2;padding:15px 19px;color:#fff;z-index:9999;opacity:1;font-weight:600;} .contact-opener {cursor:pointer;text-shadow:inherit;} .float_formw .contact-form{display:inline-block;width:100%} .float_formw .contact-form .form-group{display:inline-block;width:100%;margin:0} .enqur_form1 {width:100%;padding:10px;height:38px;background:#fff;border-radius:4px;border:1px solid #a1841e;margin-bottom:8px;color:#333!important;font-size:13px;font-weight:500;transition:all .4s} .enqur_form1:focus,.enqur_form1:hover{color:#fff;outline:0;border:1px solid #333} .close_btn_1:focus,.close_btn_1:hover{outline:none;background:;} .enqur_form1::-webkit-input-placeholder{color:#555} .enqur_form1:-ms-input-placeholder{color:#555} .enqur_form1::placeholder{color:#555} .float_formw .textarea{height:110px;max-height:110px;max-width:100%} .form_head_1 {font-size:19px;text-align:center;font-weight:600;margin:0 0 10px} .close_btn_1 {width:30px;height:30px;background:#d40000;border:0;color:#fff;font-weight:700;font-size:14px;padding:0;line-height:32px;position:absolute;right:0;top:0} /* ============================= custome responsive =============================== */ @media (max-width:1200px) { .carousel-caption{bottom:280px} .Services-Ban{bottom:50px} .BanServices div{padding-top:20px;padding-bottom:20px} .Head1a-b span{padding:0} } @media (max-width:1170px) { .carousel-caption{bottom:153px} .Services-Ban{bottom:133px} .BanServices div{padding-top:10px;padding-bottom:10px} .carousel-caption div{font-size:46px;line-height:60px} } @media (max-width:1024px) { .carousel-caption div{font-size:45px} .carousel-caption{bottom:185px} .Services-Ban{bottom:161px} } @media only screen and (min-width:600px) and (max-width: 1024px) { .Services-Ban{bottom:-94px} } @media(min-width:991px){ .msm-ic { display: none; } } @media (max-width:991px) { .PageNotFound p{line-height: 23px;} .TabPaddLR0{padding-left:0!important;padding-right:0!important} .TabPaddR0{padding-right:0!important} .TabPaddL0{padding-left:0!important} .TabDisplay{display:block} .TabInlineDisplay{display:inline-block} .DesktopDisplay{display:none} .DesktopInlineDisplay{display:none} .TabTxtCenter{text-align:center} .pull-left1{float:none} .pull-right1{float:none} .text-left1{text-align:center} .text-right1{text-align:center} .DivToggle991{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .DivToggle991 .first_div991{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2} .DivToggle991 .second_div991{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1} .navbar-brand>img.logo{display:none} .navbar-brand>img.Scroll-logo{display:inline-block;width:160px;float: left; margin: 8px 0; object-fit: contain;} .navbar-brand{ display: inline-block; float: left; width: max-content; text-align: center; /* display:inline-block; float:none; width:100%; text-align:center*/ } .navbar-header{width:100%;text-align:center;padding:0px 0;line-height:0} .banner_btn2 { width: 150px; height: 46px; border: 0; font-weight: 500; text-transform: uppercase; font-size: 14px; border-radius: 40px; margin: auto; display: block; background: #000; color:#fff} .top-nav-collapse .head2{position:fixed;width:100%;top:0;background-color:#fff;border-bottom:1px solid #e2e2e2} .sticky .Scroll-logo,.sticky .logoIn{/*display:inline-block!important*/;margin:10px 0;} .sticky .navbar-default .navbar-nav > li > a{color:#fff} .Head1a-b span.head-mail{display:none} .top-nav-collapse.i-head .navbar-collapse{margin-top:0} .TabMarTopContactUs{margin-top:30px} .Foot3 p i{position:relative;margin-right:10px;top:0} .DeskMarTop5{margin-top:0} .M-Logo{width:140px;margin-top:10px} .navbar-fixed-top{position:relative} .navbar-collapse{ /* position:fixed; height:100%; width:220px; background-color:rgba(0,118,179,0.8);*/ right:0;z-index:200;top:0;border-radius:0;display:none; /* padding-top:50px*/ } .i-head .navbar-collapse{margin-top:0} .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:100%} .navbar-nav > li{float:none;border-bottom: 1px solid #C4C4C4;} .navbar-nav > li:last-child{border-bottom: 0px solid #C4C4C4 !important;} .navbar-right{float:none!important;margin-right:0; /* text-align:right*/ } .navbar-default .navbar-nav > li > a{color:#000 !important;padding-top:10px;padding-bottom:10px} .navbar-default .navbar-nav.navbar-navInPg > li > a{color:#000 !important; cursor: pointer;} .ArrowLi{display:none} .navbar-nav li ul{width:100%} .navbar-nav li ul li { list-style-type: none; border-top: 1px solid #C4C4C4; border-left: 0; border-right: 0; } .navbar-nav li ul li:last-child { list-style-type: none; border-bottom: 0px solid #C4C4C4; } .FbFrame{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);left:-70px} .ToggleIcon{width:30px;display:inline-block;cursor:pointer;z-index:9999;position:fixed;right:10px;top:96px;height:40px;transition-duration:.3s} .ToggleIconScroll{top:17px} .HRSec{margin-top:10px} /*.MarTop10TI{top:10px}*/ .ToggleIcon span{display:block;width:100%;height:2px;background-color:#0075B2;margin-top:6px;margin-bottom:6px;transition:all ease-in-out .1s;-webkit-transition:all ease-in-out .1s;-o-transition:all ease-in-out .1s;-moz-transition:all ease-in-out .1s;-ms-transition:all ease-in-out .1s} .DisapearL{transform:translate(-20px,0);-webkit-transform:translate(-20px,0);-o-transform:translate(-20px,0);-moz-transform:translate(-20px,0);-ms-transform:translate(-20px,0);opacity:0;background-color:#fff} .RotateM{transform:rotate(45deg) translate(12px,14px); -webkit-transform:rotate(45deg) translate(12px,14px); -o-transform:rotate(45deg) translate(12px,14px); -moz-transform:rotate(45deg) translate(12px,14px); -ms-transform:rotate(45deg) translate(12px,14px); /* background-color:#fff!important;*/ margin-top:-11px!important} .RotateP{transform:rotate(-45deg) translate(-3px,1px);-webkit-transform:rotate(-45deg) translate(-3px,1px); -o-transform:rotate(-45deg) translate(-3px,1px);-moz-transform:rotate(-45deg) translate(-3px,1px); -ms-transform:rotate(-45deg) translate(-3px,1px); /* background-color:#fff!important;*/ margin-top:0!important} .navbar-nav li:hover ul{display:none} .navbar-nav li ul{position:relative; /* text-align:right*/ } .ArrowRotate{transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg)} .CUstomeCssAddOn .input-group-addon{color:#333} .navbar-nav{margin:7.5px 0} .navbar-collapse{padding-right:0;padding-left:0} .navbar-nav li ul li a{padding:7px 26px;border-bottom:1px solid rgba(255,255,255,0.4)} .navbar-nav li ul{ /* background-color:rgba(0,0,0,0.12);*/ border:0} .navbar-nav li ul li a{color:#000} .MDomain{background-color:#E0E2E6;margin-left:-15px;margin-right:-15px;padding-top:5px;padding-bottom:5px} .Head-form-control{background-color:#fffdfd;border:2px solid rgba(255,255,255,0.48);color:#333;padding:1px 3px} .MDomain .form-group{margin-bottom:0} .MDomain .Head-btn-primary{padding:3px 6px;background-color:#15394F;border:0} .Services-Ban{bottom:47px} .carousel-caption{bottom:150px} .carousel-caption div{font-size:35px;line-height:47px} .ScrollFix991Act{position:fixed;background-color:#fff;padding-bottom:10px;left:0;right:0;z-index:200;top:0;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.12)} .WelcomeTxt{padding-top:35px;padding-bottom:80px} .WelcomeTxt h1{line-height:38px;font-size:25px} .Sec3IndiSec{margin-bottom:15px} .Sec5{background-size:100% 100%} .TEstimonialsC h1{font-size:25px;line-height:35px} .TestIndi{margin-bottom:30px} .IForm .form-group{margin-bottom:15px;text-align:left} .TEstimonials{padding-top:60px;padding-bottom:60px} /*.foot1 ul li,.foot2 ul li{list-style-position:inside}*/ .foot1 ul li a, .foot2 ul li a { text-align: left; } .footer{background-size:100% 100%} .top-nav-collapse .HRSec .navbar .navbar-collapse .navbar-nav li a{color:#fff} .carousel-indicators{bottom:10px;left:0;right:0;width:100%;padding-left:0;margin-left:0} .TEstimonialsC h1:before{left:0;right:0;margin:0 auto} .FServices h3:before{left:0;margin:0 auto;right:0} .FServices h3{font-size:25px} .IWorkSub h2{font-size:25px} .IWorkSub h2:before{left:0;right:0;margin:0 auto} .nav-tabs.nav-tabsI > li{margin-bottom:5px} .Sec5In h1{font-size:35px} .FormSideBar{display:none} .Pro .ResponsivImg{max-width:400px!important} .Pro{max-width:400px!important} .g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0} .InPgBan{margin-top:0} .AbtSec1-b{position:relative} .QualityB{position:relative} .countP{margin-top:20px} .CounterUp{background-size:cover} .CounterTxt{margin-top:10px;margin-bottom:20px} .logoIn{width:150px; object-fit: contain;/*margin-top:0;margin-bottom:0;display:inline-block!important*/} .InPgHRSec{margin-top:0!important} .UlList li{width:auto;float:none} .ThankYouRight{position:relative;height:auto;padding-top:20px;line-height:34px;font-size:20px;margin-top:30px!important} .MarT120Pg404{margin-top:0} } @media (max-width:768px) { .PositionR767{position:relative} .N767{display:none} } @media (max-width:767px) { .BanServices div{display:inline-block;max-width:300px;width:100%;background:transparent;background-color:#0698D0;margin-bottom:30px} .Services-Ban{position:relative;bottom:0;margin-top:50px; z-index: 9;} .BnIcons{color:#fff;text-shadow:none} .carousel-caption{bottom:70px} .Services-Ban{bottom:36px} .AbtSec2{background-size:100% 100%} .whatsapp_ico{float:left;margin-top:5px} .pc_whatsapp{right:2px!important;top:auto!important;bottom:5px} } @media (max-width:600px) {.tawk-min-container, .tawk-min-container .tawk-button { display: none!important; }.tawk-bubble-container .tawk-icon-right{ display:none}.pc_whatsapp { padding: 11px 19px; } .GetAQuate{padding:4px 12px;} .whatsapp_ico a{top:0px!important} /* .aside_mob_btn{width:50%;height:54px;position:fixed;bottom:0;top:auto;box-shadow:0 0 12px #dcdcdc;right:0;display:inline-block;cursor:pointer; background:#0698d0;z-index:9999; text-align:center}*/ /* .aside_mob_btn span{display:inline-block;width:100%;text-align:center;font-size:17px;font-weight:600;color:#fff;line-height:52px}*/ /* .aside-form.book-enquiry{position:fixed;left:0;top:auto;bottom:0;width:100%;z-index:-1;height:0%;overflow:auto}*/ .aside-form.book-enquiry.on-click-display{ /* height:100%;*/ z-index:99999999} .aside-form.book-enquiry .aside-form-button{display:none} .aside-form .mobile_btn2{display:inline-block;width:30px;height:30px;position:absolute;right:5px;top:5px;background:#e40000;border:1px solid #e40000;color:#fff;font-size:17px} /*.form_open_b { position: fixed; left: 0; right: 0; top: auto; bottom: 0; transform: inherit; width: 100%; text-align: center;box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 47%); }*/ .pc_whatsapp { width: 50%; bottom: 0 !important; padding: 11px 19px!important; } .form_open_b { position: fixed; padding: 5px 19px !important; /*left: 0;*/ right: 0; top: auto; bottom: 0; transform: inherit; width: 50%; text-align: center; box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 47%); } select.Head-form-control option{background-color:#fff} .carousel-caption{position:absolute} .Foot.Foot3 img{margin:0 auto} .LAMTagLine{background-image:url(../images/life-at-mars.jpg);background-repeat:no-repeat;background-size:cover;position:relative;padding-top:60px;padding-bottom:60px;text-align:center;background-position:center center} .DivToggle600{display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .DivToggle600 div .first_div600{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3} .DivToggle600 div .second_div600{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1} .DivToggle600 div .third_div600{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2} .DispY600{display:block} .DispN600{display:none} .carousel-caption{bottom:10px;left:0;right:0} .carousel-caption div{font-size:28px;line-height:38px} .Services-Ban{bottom:0} .WelcomeTxt p{width:100%;margin-left:0;color:#848e97} .WelcomeTxt h1{line-height:38px;font-size:25px;margin-top:0} .WelcomeTxt{padding-top:35px;padding-bottom:40px} .Sec5{padding-top:30px;padding-bottom:40px;background-size:cover} .Sec5In h2{font-weight:600;font-size:32px;margin-top:0} .Sec5In p{font-size:16px;line-height:24px} .FServicesIndi h2{font-size:22px;margin-bottom:4px} .FServicesIndi p{margin-bottom:4px} .FServicesIndi{margin-bottom:15px} .carousel-caption div{font-size:20px;line-height:26px;height:auto;margin-bottom:8px} .carousel-caption p{font-size:15px;line-height:23px} .PositionR767 .carousel .carousel-indicators{bottom:0;margin-bottom:0} .WelcomeTxt .BtnP{margin-top:30px} .TEstimonialsC h2{text-align:center;font-weight:300;line-height:50px;position:relative;font-size:33px;margin-bottom:20px;color:#FFF} .TEstimonials{padding-top:20px;padding-bottom:60px} } @media (max-width:480px) { .M470{display:block} .btn{white-space:inherit} .BottomFormCaptcha{display:block} .BottomFormSubmit{top:0;display:block} .element-item{width:100%;height:auto} .grid_inner .element-item{padding:0;margin-bottom:10px} } @media (max-width:420px) { .M410{display:block} .M410-390{display:block} .M470{display:none} .countP span{font-size:29px} .CounterTxt span{font-size:14px} .TEstimonials{background-size:cover;background-position:center} } @media (max-width:390px) { .IContact{margin-left:0} .IInfoBtn{display:block;margin-bottom:10px} .M410-390{display:none!important} } @media (max-width:380px) { .SocialIcons a i{font-size:20px} .SocialIcons a{width:45px;height:45px} } @media (max-width:320px) { .carousel-caption div{font-size:20px;line-height:27px} .WelcomeTxt h1{line-height:29px;font-size:19px} .Sec5In h2{font-size:25px} .Sec5In p{font-size:14px;line-height:23px} .FServicesIndi h2{font-size:20px} .TEstimonialsC h2{font-size:20px;line-height:27px} .EnquireHead{font-size:20px} } @media (max-width:240px) { .Wrap240{white-space:inherit} } .animate-item-size-item{float:left} .animate-item-size-item,.animate-item-size-item__content{width:60px;height:60px} .animate-item-size-item__content{background:#8DF;border:2px solid #333;border-color:hsla(0,0%,0%,0.7);-webkit-transition:width 0.4s,height .4s;-moz-transition:width 0.4s,height .4s;-o-transition:width 0.4s,height .4s;transition:width 0.4s,height .4s} .animate-item-size-item:hover .animate-item-size-item__content{border-color:#fff;background:#4BF;cursor:pointer} .animate-item-size-item.is-expanded,.animate-item-size-item.is-expanded .animate-item-size-item__content{width:180px;height:120px} .animate-item-size-item.is-expanded{z-index:2} .animate-item-size-item.is-expanded .animate-item-size-item__content{background:#F90} .grid--animate-item-size-responsive .animate-item-size-item,.grid--animate-item-size-responsive .grid-sizer{width:20%} .grid--animate-item-size-responsive .animate-item-size-item__content,.grid--animate-item-size-responsive .animate-item-size-item.is-expanded .animate-item-size-item__content{width:100%;height:100%} .grid--animate-item-size-responsive .animate-item-size-item.is-expanded{width:60%} .element-item{margin-bottom:30px} .grid--fixed-width{width:304px} .grid--has-stamp{position:relative} .grid--fit-width{margin:0 auto} .grid-image-item,.grid--images .grid-sizer{width:33.33%} .grid-image-item{float:left} .grid-image-item img{display:block;max-width:100%} .grid-item{float:left;width:50px;height:50px;background:#e6e5e4;border:2px solid #b6b5b4;border-color:hsla(0,0%,0%,0.4)} .grid-item--width2{width:100px} .grid-item--height2{height:100px} .grid-item--width3{width:150px} .grid-item--height3{height:150px} .grid-item--gigante{width:150px;height:200px} .grid--clickable .grid-item:hover{border-color:#28F;background:#8CF;cursor:pointer} .grid-item .number{line-height:50px;text-align:center;color:#333;margin:0;font-size:1.3rem} .grid--fluid-5-col .grid-item,.grid--fluid-5-col .grid-sizer{width:20%} .grid--fluid-5-col .grid-item--width2{width:40%} .grid--has-gutter .grid-item--width2{width:110px} .grid--masonry-gutter-bottom .grid-item{margin-bottom:10px} .grid--masonry-gutter-bottom .grid-item--height2{height:110px} .grid--packery-gutter .grid-item--width2{width:110px} .grid--packery-gutter .grid-item--height2{height:110px} .grid--fluid-gutter .grid-item,.grid--fluid-gutter .grid-sizer{width:22%} .grid--fluid-gutter .gutter-sizer{width:4%} .grid--fluid-gutter .grid-item--width2{width:48%} .grid--masonry-horizontal-gutter .grid-item--height2{height:110px} .grid--masonry-horizontal-gutter-right .grid-item{margin-right:10px} .grid--masonry-horizontal-gutter-right .grid-item--width2{width:110px} .grid--cells-by-row-element-sizing .grid-item{width:13%} .grid--cells-by-row-element-sizing .grid-item--width2{width:23%} .grid--cells-by-row-element-sizing .grid-sizer{width:25%;height:110px} .grid--cells-by-column-element-sizing .grid-item{height:13%} .grid--cells-by-column-element-sizing .grid-item--width2{height:23%} .grid--cells-by-column-element-sizing .grid-sizer{height:25%;width:110px} .grid--fit-rows-gutter .grid-item--width2{width:110px} .grid--fit-rows-gutter .grid-item--width3{width:170px} .grid-splash-item{float:left;width:100px;height:100px;margin:5px;padding:20px;background:red;color:#fff;font-size:3rem;font-weight:700;line-height:1} .grid-splash-item--width2{width:210px} .grid-splash-item--height2{height:210px} .in-use-grid .grid-sizer,.in-use-grid__item{width:23.5%} .in-use-grid .gutter-sizer{width:2%} .in-use-grid__item{display:block;background:#161615;float:left;margin-bottom:20px;border-radius:5px} .in-use-grid__item__title{margin:0;padding:10px} .in-use-grid__item__image{display:block;max-width:100%;border-radius:0 0 5px 5px} .metafizzy-wordmark{fill:#fff} .grid-multi-item{float:left;width:100px;height:100px;background:#e6e5e4;border:2px solid #b6b5b4;border-color:hsla(0,0%,0%,0.4)} .grid-multi-item[data-color="blue"]{background:#19F} .grid-multi-item[data-color="red"]{background:#D00} .grid-multi-item[data-color="yellow"]{background:#FD0} .grid-multi-item .number{font-size:4rem;font-weight:600;color:#fff;padding-top:.1em;text-align:center;line-height:90px;margin:0} .nav__title{float:left;margin:0;line-height:44px;font-size:1.5rem} .nav__title a{padding:0 .8em;display:block;color:#4FB} .nav__title a:hover{background:#D26;color:#fff} @media screen and ( min-width: 768px ) { .nav__title{line-height:1.25;float:none;font-size:2rem} .nav__title a{padding:7px 20px} .page--index .nav__title{visibility:hidden} } .other-products{margin-bottom:30px} .other-products__product > a{position:relative;display:block;padding:0;background:#262524;border-radius:5px;color:#4BF} .other-products__product > a:hover{background:#1FB;color:#262524} .other-products__product > a:after{content:'';display:block;clear:both} .other-products__product__image{float:left;display:block;width:100%;max-width:140px;margin-right:1em;border-radius:5px 0 0 5px} .other-products__product__title{font-weight:700;font-size:2em;margin-bottom:.25em;margin-top:0;padding-top:5px} .other-products__product__description{line-height:1.2} .page-nav{padding:1em 10px;font-size:.8rem} .page-nav__item{display:inline-block} .page-nav__item:after{content:' •';margin:0 .3em;opacity:.5} .page-nav__item:last-child:after{content:none} .page-nav a{color:#4BF} .page-nav a:hover{color:#FB4} @media screen and ( min-width: 768px ) { .page-nav{list-style:none;padding:0;padding-top:20px} .page-nav.is-fixed{position:fixed;left:0;top:0;width:200px} .page-nav__item{display:block;margin:0} .page-nav__item:after{content:none} .page-nav__item a{display:block;padding:3px 20px} .page-nav__item--h3 a,.page-nav__item--h4 a{padding-left:30px} } .primary-content{margin-left:10px;margin-right:10px;max-width:1200px} .main .primary-content > *{max-width:700px} .main .primary-content .go-wide,.main .primary-content .example{max-width:none} @media screen and ( min-width: 768px ) { .primary-content{margin-left:220px} .main .primary-content > *{max-width:900px} } @media screen and ( min-width: 960px ) { .primary-content{margin-right:6%} } .refactor-shirt{margin:40px 0} .refactor-shirt__title{font-size:1.6rem} .refactor-shirt__image{display:block;width:100%;max-width:1000px;margin-bottom:10px} .site-footer{position:relative;margin-top:60px;padding:50px 0;background:#161615;z-index:20} .site-footer__brand{padding:0 10px} .site-footer .metafizzy-logo{display:inline-block;width:50px} .site-footer .metafizzy-wordmark{display:inline-block;width:160px;height:auto} .site-footer__brand__link:hover .metafizzy-wordmark{fill:#4BF} .footer-copy{font-size:1.2rem} @media screen and ( min-width: 768px ) { .site-footer{min-height:240px} .site-footer__brand{width:200px;position:absolute;left:10px;top:50px} .site-footer .metafizzy-logo{display:block;width:100px;margin:20px auto 10px} .site-footer .metafizzy-wordmark{display:block;width:140px;margin:0 auto} } .site-nav{list-style:none;margin-bottom:0;padding:0} .site-nav:after{content:'';display:block;clear:both} .site-nav__item{display:block;float:left;line-height:44px} .site-nav__item__link{display:block;padding:0 1em} .site-nav__item__link:hover{background:#161615;color:#fff} .page--filtering .site-nav__item--filtering .site-nav__item__link,.page--sorting .site-nav__item--sorting .site-nav__item__link,.page--layout .site-nav__item--layout .site-nav__item__link,.page--layout-modes .site-nav__item--layout-modes .site-nav__item__link,.page--options .site-nav__item--options .site-nav__item__link,.page--methods .site-nav__item--methods .site-nav__item__link,.page--events .site-nav__item--events .site-nav__item__link,.page--draggable .site-nav__item--draggable .site-nav__item__link,.page--license .site-nav__item--license .site-nav__item__link,.page--appendix .site-nav__item--appendix .site-nav__item__link,.page--faq .site-nav__item--faq a{color:#4Bf;background:#161615} @media screen and ( min-width: 768px ) { .site-nav__item{float:none;float:none;font-size:1.1rem;line-height:1.25} .site-nav__item__link{padding:7px 20px} } .stamp{position:absolute;width:30%;height:60px;background:orange;border:4px dotted #161615} .stamp--stamp-option-demo-stamp1{left:30%;top:10px;width:20%;height:100px} .stamp--stamp-option-demo-stamp2{right:10%;top:20px;width:70%;height:30px} .stamp--packery{right:20%;top:80px;width:45%;height:90px} .grid--stamp-methods-demo .grid-item{opacity:.8} .stamp--stamp-methods-demo{left:10px;top:10px} .sub-nav{display:none} @media screen and ( min-width: 768px ) { .sub-nav-parent{position:relative;max-height:2em} .sub-nav{display:block;position:absolute;left:100%;top:0;list-style:none;width:0;overflow:hidden;opacity:0;transition:width 0.2s,opacity .2s;margin:0;padding:0} .sub-nav-parent:hover .sub-nav{opacity:1;width:190px;z-index:2} .sub-nav-parent:hover,.sub-nav{background:#161615} .sub-nav-parent > a:after{content:'...'} .sub-nav-parent:hover > a:after{content:none} .sub-nav__item__link{display:block;padding:5px 10px} .sub-nav__item{font-size:1rem} } .variable{margin:.5em 0;padding:5px 10px;border-radius:5px;background:hsla(0,0%,100%,0.1)} .variable__type{color:#ADF} .variable__type,.variable__description{margin-left:10px} .variable__type:before,.variable__description:before{content:'·';padding-right:.4em;display:inline-block} .ui-group{display:inline-block} .ui-group__title{display:inline-block;vertical-align:top;font-size:1.2rem;line-height:40px;margin:0 10px 0 0;font-weight:700} .ui-group .button-group{display:inline-block;margin-right:20px} .vertical-list{list-style:none;margin:0;padding:0;border:2px solid #484542;background:hsla(0,0%,0%,0.15)} .vertical-list__item{width:100%;border-top:1px solid #484542} .vertical-list__item > *{display:inline-block;padding:3px 4px} .vertical-list__item .name{width:20%} .vertical-list__item .symbol{width:10%} .vertical-list__item .weight{width:15%} .vertical-list__item .number{width:10%} .vertical-list__item .category{width:25%} code .string,code .tag .value{color:#0C4} code .number,/* integer */ code .cp,/* doctype */ code .literal{color:#38F} code .keyword{color:#F73} code .kd,/* storage */ code .attribute{color:#DC8} code .title{color:#9CF} code .params{color:#98D} code .regexp{color:#FC8} code .o{color:#F63} code .nb{color:#AA97AC} code .comment{color:#999;font-style:italic} code .tag{color:#6CF} code .id{color:#ABC} code .class{color:#A63} code .rules{color:#FED} code .m{color:#DE8E50} code .nd{color:#9FAD7E} code .hexcolor{color:#F63} code .at_rule{color:#088} code .isotope_var{color:#F3F} code .jquery_var{color:#DF8} code .isotope_keyword{color:#0FF;text-decoration:underline} .code-display code{font-size:18px} @font-face{font-family:'Texta';font-weight:700;font-style:normal;src:url(../fonts/2D333F_0_0.woff2) format("woff2"),url(../fonts/2D333F_0_0.woff) format("woff")} @font-face{font-family:'Texta';font-weight:400;font-style:italic;src:url(../fonts/2D333F_1_0.woff2) format("woff2"),url(../fonts/2D333F_1_0.woff) format("woff")} .icon-file-download:before{content:"\e001"} .icon-folder-download:before{content:"\e002"} .icon-github:before{content:"\e000"} .main h1{font-size:3.8rem} .main h2{font-size:1.6rem;font-weight:400;border-top:2px solid #484542;padding-top:1.1em;margin-top:1.4em} .main h2:target{padding-left:.5em;background:#D26;color:#fff} .main h3{font-size:1.3rem;border-top:1px solid #484542;padding-top:.8em;margin:1.4em 0 .5em} @media screen and ( min-width: 800px ) { .main{padding-top:20px;min-height:540px} .main h2{font-size:2.4rem} .main h3{font-size:1.5rem;padding-top:30px} } .instruction{font-size:18px;margin-bottom:.2em;color:#888} .top-nav-collapse .logo{width:160px;margin-top:12px;margin-bottom:8px} /*.pc_whatsapp{display:block;position:fixed;bottom:60px;z-index:9999;left:2px} */ /*.pc_whatsapp { display: block; position: fixed; bottom: 0px; z-index: 9999; left:0; background: #34ab49; padding:5px 19px; text-align: center; } .pc_whatsapp i{ color: #fff; font-size: 20px; } .pc_whatsapp a{color: #fff;font-size: 16px;font-weight: 600;text-align: center;} .pc_whatsapp img{max-width:123px}*/ .whatsapp_ico{display:inline-block;position:relative} .whatsapp_ico img{max-width:23px;position:relative} .whatsapp_ico a{display:flex;align-items:center;height:35px;position:relative;top:5px} #mws_container{position:absolute;opacity:0;bottom:0;z-index:-1} #notification{display:none;position:fixed;z-index:20;bottom:0;right:0;background:#A2C;padding:.5em;color:#fff;font-size:20px;pointer-events:none} .support-button{font-size:20px} /* new mobile menu css */ .mma-menu .mmm-ic { display: flex; /* align-items: center; */ padding: 5px 0 5px; box-shadow: 0 0 10px #00000020; background: #fff; } .mma-box { width: 100%; position: relative; } .mma-box a span { display: block; font-size: 11px; line-height: 12px; color: #333; font-weight: 600; letter-spacing: 0.2px; } .mma-box a { text-align: center; display: block; } .mma-menu { position: fixed; bottom: 0; width: 100%; /* background: #fff; */ z-index: 99; display: none; } .mma-services a { margin-top: -24px; background: #fff; padding: 10px 0 0; border-radius: 50px 50px 0 0; position: relative; max-width: 95px; min-width: 95px; margin-inline: auto; } .mma-box i { color: #1a74af; font-size: 22px; } span.arrow i { font-size: 14px; } .mma-menu:before { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; left: 50%; transform: translateX(-50%); top: 0; border-radius: 50px 50px 0 0; z-index: -999; box-shadow: 0 -20px 20px #00000020; max-width: 95px; min-width: 95px; } .msm-ser-menu { position: fixed; bottom: -100%; background: #000000d1; z-index: 9999; width: 100%; height: 100%; display: flex; justify-content: center; align-items: end; backdrop-filter: blur(2px); transition: bottom 0.9s ease-in-out; } .msm-block{ bottom: 0; transition: bottom 0.9s ease-in-out; /* transition: bottom 0.7s ease-in-out;*/ /* transition: allease-in-out 0.7s; -webkit-transition: allease-in-out 0.7s;*/ } .msm-ic { /* background: #fff; */ width: 100%; padding: 80px 0px 0px; position: relative; } .msm-ttt span { background: #2773ac; color: #fff; width: 50px; display: inline-flex; height: 50px; align-items: center; justify-content: center; border-radius: 100%; font-size: 30px; margin-bottom: 4px; } .msm-ul ul li{ list-style: none; margin: 0; text-align: center; } .msm-ul ul li a:hover{ background-color: rgb(48 114 169); color: #fff; transition:all ease-in-out .7s;-webkit-transition:all ease-in-out .7s;-o-transition:all ease-in-out .7s; -moz-transition:all ease-in-out .7s;-ms-transition:all ease-in-out .7s; } .msm-ul ul{ padding-left: 0; } .msm-ttt { text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: -30px; } .msm-ttt p{ font-weight: 600; color: #333; margin-bottom: 0; font-size: 18px; } .msm-ic:before { content: ""; position: absolute; width: 120%; height: 100px; background: #fff; top: -10px; left: 50%; transform: translateX(-50%); border-radius: 50% 50% 0 0; z-index: -1; } .msm-ul { background: #fff; padding: 0 10px; } .msm-ul ul li a { padding: 5px 10px 5px 15px; display: block; border-bottom: 1px solid #efefefb0; color: #666; font-size: 15px; } .msm-close { position: absolute; top: 30px; right: 30px; color: #fff; font-size: 30px; cursor: pointer; } .msm-ul ul li a:hover { /* color: #3072a9;*/ } @media(max-width:991px){ .Foot3 p { padding-left: 0px; } .InPgCont { overflow: hidden; } .footer { text-align: left !important; } .Head1a-b span { display: inline-block; padding: 0 16px; } .ws-icon { display: none !important; } .mma-menu { display: block; } .banner-section.style-three .more-content { bottom: 0 !important; } .mbnn{ display: none; } .header-upper { display: none; } .main-header.style-three .header-lower .outer-box .main-box { padding-left: 20px; top: 0; border-radius: 0; } .fixed-header { top: 0; } .header-lower .container{ width: 100%; padding: 0; } .main-header.style-three .menu-area .mobile-nav-toggler { margin-top: 8px; } } @media(min-width:991px){ .columns-2{ columns: 2; } .columns-3{ columns: 3; } .dsknn{ display: none; } } /*final.css */ .page-header { display: block; } .page-header-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .page-header-bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0000003d; background-image: url(../images/overlay-bg.png); background-repeat: repeat; } .page-header__overly { position: absolute; top: 40px; left: 0; right: 0; height: auto; background: #1a150e; background: linear-gradient( 0deg, rgb(26 21 14 / 48%) 35%, rgba(26, 21, 14, 0.9976365546218487) 85% ); opacity: 0.6; z-index: 1; } .page-header__inner { position: relative; display: block; text-align: center; padding: 140px 0 33px; z-index: 15; } .page-header__inner h2 { font-size: 40px; color: #fff; margin-top: 0; line-height: 57px; font-weight: 400; text-transform: capitalize; } .process-card .box-number, .thm-breadcrumb li, .year-counter_text { color: #fff; text-transform: uppercase; } .thm-breadcrumb { position: relative; display: block; margin-bottom: 0; } .thm-breadcrumb li { position: relative; display: inline-block; font-size: 12px; -webkit-transition: 0.5s; transition: 0.5s; font-weight: 500; letter-spacing: 1px; } .thm-breadcrumb li + li { margin-left: 5px; } .thm-breadcrumb li a { position: relative; display: inline-block; color: #fff; -webkit-transition: 0.5s; transition: 0.5s; } .thm-breadcrumb li:hover a { color: #00f; opacity: 1; } .process-card { position: relative; z-index: 2; text-align: center; padding-top: 26px; } .process-card .box-content { background-color: #f7f7f7; padding: 30px 25px; margin: 0 0 18px 18px; position: relative; } .process-card .box-content .box-text { max-width: 221px; margin-left: auto; margin-right: auto; } .process-card .box-content:after { content: ""; position: absolute; border: 1px solid #169fe6; inset: 30px 18px -18px -18px; z-index: -1; -webkit-transition: 0.4s; transition: 0.4s; } .process-card .box-number { background: #169fe6; position: absolute; width: 50px; height: 46px; line-height: 46px; font-size: 24px; font-weight: 600; font-family: var(--title-font); z-index: 1; left: 38px; top: 0; -webkit-transition: 0.4s; transition: 0.4s; } .process-card .box-number:after { content: ""; position: absolute; background: #169fe6; width: 10px; height: 26px; top: 0; right: -10px; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); -webkit-transition: 0.4s; transition: 0.4s; } .process-card .box-title { margin-bottom: 6px; font-size: 20px; font-weight: 600; } @media (max-width: 1399px) { .process-card .box-title { font-size: 18px; } } @media (max-width: 1299px) { .process-card .box-title { font-size: 20px; } } .process-card:hover .box-number, .process-card:hover .box-number:after { background: var(--theme-color2); } .process-card:hover .box-content:after { border-color: var(--theme-color2); } .process-card-wrap:nth-of-type(2n) .process-card.style2:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .img-box2 { position: relative; z-index: 2; padding-bottom: 64px; margin-right: 50px; } .img-box2 .img1 { position: relative; display: inline-block; } .img-box2 .img1 img { border-radius: 0; max-width: 100%; height: auto; } .img-box2 .img1 .year-counter { position: absolute; right: 0; top: 0; padding: 24px 6px 16px; } .img-box2 .img1 .year-counter .year-counter_number { margin-bottom: 5px; font-size: 48px; margin-top: -6px; } .img-box2 .img1 .year-counter .year-counter_text { text-transform: capitalize; color: #fff; text-transform: capitalize; position: relative; z-index: 9; } .img-box2 .img1:after { content: ""; position: absolute; right: 0; top: 0; background: #0293c2; height: 162px; width: 145px; z-index: 1; } .year-counter_number { font-size: 74px; font-weight: 700; color: #fff; line-height: 50px; margin-bottom: 10px; margin-top: 3px; position: relative; z-index: 99; } .img-box2 .img2 { position: absolute; bottom: -5px; right: 0; } .img-box2 .img2 img { border-radius: 0; } .img-box2 .shape1 { position: absolute; top: 60px; right: 14px; -webkit-animation: 5s linear infinite jumpAni; animation: 5s linear infinite jumpAni; } .about-feature-wrap2 .about-feature .box-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } @media (max-width: 575px) { .page-header__inner h2 { font-size: 22px; line-height: 31px; } .page-header__inner { position: relative; display: block; text-align: center; padding: 28px 0 10px; z-index: 15; } .img-box2 { margin-right: 0; margin-left: 62px; padding-right: 0; padding-bottom: 150px; } .about-feature-wrap2 .about-feature { display: block; } .about-feature-wrap2 .about-feature .box-icon { margin-bottom: 20px; line-height: 45px; } } .img-box2 .about-since-wrap { position: absolute; top: 231px; left: -242px; } .img-box2 .about-since-wrap .about-since { font-family: var(--title-font); -webkit-text-stroke: 1px #169fe6; font-size: 74px; font-weight: 700; color: transparent; -webkit-text-stroke: 1px #169fe6; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .jump { -webkit-animation: 7s linear infinite jump; animation: 7s linear infinite jump; } @-webkit-keyframes jump { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .year-counter_text { font-size: 18px; line-height: 26px; font-weight: 400; margin-bottom: -0.32em; max-width: 113px; display: inline-block; } .about-feature-wrap2 .about-feature { max-width: none; gap: 20px; display: flex; align-items: center; } .about-feature-wrap2 .about-feature:not(:last-child) { margin-bottom: 40px; } .about-feature-wrap2 .about-feature .box-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border: 1px solid #000; padding: 15px 16px; border-radius: 50%; line-height: 15px; display: block; } .about-feature-wrap2 .about-feature .about-feature-content .box-title { font-size: 20px; font-weight: 600; margin-bottom: 8px; } .about-feature-wrap2 .about-feature .about-feature-content .about-feature-text { margin-bottom: -0.3em; } @media (max-width: 1500px) { .img-box2 { margin-right: 30px; margin-left: 30px; } } @media (max-width: 1399px) { .img-box2 { margin-right: 10px; margin-left: 50px; } } @media (max-width: 1199px) { .process-card .box-content { padding: 30px 10px; } .img-box2 { display: inline-block; margin-right: 0; margin-left: 90px; padding-right: 155px; } } @media (max-width: 767px) { .process-card .box-content { padding: 30px; } .img-box2 { margin-right: 0; margin-left: 62px; padding-right: 50px; } .img-box2 .about-since-wrap { top: 180px; left: -180px; } .img-box2 .about-since-wrap .about-since { font-size: 54px; } } @media (max-width: 575px) { .img-box2 { margin-right: 0; margin-left: 62px; padding-right: 0; padding-bottom: 150px; } .about-feature-wrap2 .about-feature { display: block; } .about-feature-wrap2 .about-feature .box-icon { margin-bottom: 20px; width: max-content; } .page-header { padding-bottom: 9px; margin: 00px 0 0px; border-bottom: 1px solid #eee; } } .year-counter { max-width: 270px; text-align: center; padding: 22px; border-radius: 0; background-color: #164058; position: relative; z-index: 3; } @media (max-width: 375px) { .img-box2 { padding-bottom: 220px; } } .overflow-hidden { overflow: hidden !important; } #mws_container { position: absolute; opacity: 0; bottom: 0; z-index: -1; } #notification { display: none; position: fixed; z-index: 20; bottom: 0; right: 0; background: #a2c; padding: 0.5em; color: #fff; pointer-events: none; } h3.heading-light { font-size: 28px; } .heading-light { color: #2f2f2f; margin-bottom: 10px; } .column { display: inline; float: left; padding: 0 19px; width: 100%; } .me-box-icon.large i, .me-box-icon.large span { font-size: 84px; line-height: 84px; } .padb40 { padding-bottom: 40px !important; } .madb40 { margin-bottom: 40px !important; } .me-box-icon.large.left .text-container { margin-left: 112px; } .me-box-icon.large.right .text-container { margin-right: 112px; } .me-box-icon.offset-box { background: #fff; border: 1px solid #e0e0e0; -webkit-border-radius: 5px; border-radius: 5px; padding: 72px 27px 40px; } .me-box-icon.large.offset-box { margin-top: 67px; } .me-box-icon.large.offset-box .icon-shape, .me-box-icon.large.offset-box .text-shape { height: 104px; width: 104px; margin-top: -126px; padding-top: 20px; } .me-box-icon.offset-box .icon-shape, .me-box-icon.offset-box .text-shape { border: 10px solid #fff; } .me-box-icon.large .icon-shape, .me-box-icon.large .text-shape { height: 84px; width: 84px; } #scrollUp, .badge, .box-counter hr, .button, .circle-icon-list i, .comment-text .reply, .contact-form label.focus, .date-blog-information span, .dropcap.circle, .dropcap.square, .highlight, .icon-shape.circle, .icon-shape.radius, .icon-shape.square, .image-content .img-overlay, .information-box, .me-image .image-caption:after, .me-panel.fold, .me-pricing .pricing-title, .me-team .social-icon a, .me-team span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-current, .navigation-container, .pagination li.active a, .pin-team, .pin-team span, .portfolio-filter .button.selected, .progress-bar .progress-content, .promo-box:before, .sharing-box .social-list a, .slideshow .slider-button, .slideshow .slider-list, .slideshow .slider-separator:before, .testimonial-description span, .text-shape.circle, .text-shape.radius, .text-shape.square, blockquote cite span { background-color: #169fe6; } .icon-shape.circle, .icon-shape.radius, .icon-shape.square, .text-shape.circle, .text-shape.radius, .text-shape.square { background: #169fe6; text-align: center; } .icon-shape.circle, .text-shape.circle { -webkit-border-radius: 50%; border-radius: 50%; } .icon-shape, .text-shape { width: 90px; height: 90px; text-align: center; margin: 0 auto; } .sectionpadding { padding: 40px 0 0; } .me-box-icon .title-box { margin-top: 10px; margin-bottom: 15px; font-size: 16px; font-weight: 700; } .circle-separator { text-align: center; font-size: 28px; color: #c9c9c9; background: #e0e0e0; height: 1px; margin: 45px 0; } .circle-separator i { background: #f8f8f8; border: 1px solid #e0e0e0; height: 60px; width: 60px; position: relative; top: -31px; line-height: 60px; display: inline-block; padding-left: 1px; -webkit-border-radius: 50%; border-radius: 50%; } .information-box h4 { color: #fff; font-size: 32px; font-weight: 700; } .information-box p { color: #fff; font-weight: 700; } .information-box { -webkit-border-radius: 5px; border-radius: 5px; background: url(../images/information-box.png) #169fe6; padding: 40px 27px 50px; margin-bottom: 28px; } .information-box ul li { color: #fff; font-weight: 700; list-style: none; } .offset-box { transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out; } .pdtb { padding-bottom: 20px; } .offset-box:hover { background: #f8f8f8; } h4.heading-light { font-size: 22px; color: #169fe6; } .sec-title { font-size: 30px; font-weight: 700; } .services-list svg { position: absolute; } @media (max-width: 991px) { .services-list svg { position: relative !important; } .services-list .service-list-information { margin-left: 0; } .services-list:before { left: -26px !important; } .services-list:after { left: -33px; } } .fun-facts-section { background: url(../images/facts-bg.jpg) center/cover no-repeat fixed; z-index: 1; padding-bottom: 50px; } .fun-facts-section:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: -1; } .box-counter span { color: #169fe6; font-size: 30px; } .service-card2 { border: 1px solid #f5f5f5; padding: 30px 30px 23px; margin-bottom: 30px; } .service-card2 .box-img { position: absolute; right: 0; bottom: 0; opacity: 0.2; -webkit-transition: 0.4s; transition: 0.4s; } .service-card2 .box-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 25px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #0293c2; padding-bottom: 20px; margin-bottom: 20px; } .service-card2 .box-content .service-card-icon { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-transition: 0.4s; transition: 0.4s; } .service-card2 .box-content .box-title { font-size: 20px; font-weight: 600; margin-bottom: -0.3em; margin-top: 0; } .service-card2 .box-text { margin-top: -0.4em; margin-bottom: 13px; } .process-card:hover .box-icon img, .service-card2:hover .service-card-icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } @media (max-width: 991px) { .service-card2 { padding: 25px 25px 18px; } .service-card2 .box-content { gap: 15px; } } @media (max-width: 360px) { .service-card2 .box-content { display: block; } .service-card2 .box-content .service-card-icon { margin-bottom: 20px; } } @media(max-width:991px){ .need-help{ overflow: hidden; } } .box-counter h4{ color: #fff; } .services-list { margin-bottom: 65px; list-style: none; } .services-list:before { height: 100%; width: 3px; left: 100px; } .services-list:after { height: 17px; width: 17px; -webkit-border-radius: 50%; border-radius: 50%; top: 0; left: 93px; } .services-list i { font-size: 65px; color: #169fe6; float: left; } .services-list .service-list-information { margin-left: 150px; } .services-list:after,.services-list:before { content: ""; background: #e4e4e4; position: absolute } @media(max-width: 991px) { .services-list svg { position:relative!important } .services-list .service-list-information { margin-left: 0 !important } .services-list:before { left: -26px!important } .services-list:after { left: -33px !important } } .column, .fun-facts-section, .services-list, .whatsapp_ico, .whatsapp_ico a, .whatsapp_ico img { position: relative; }