@charset "utf-8";
/* CSS Document */
/* @import url('css/font-awesome.min.css');*/
/* In html file */
/*
*/
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
/* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media (max-width: 1400px) {
#job_opening_sec #filters{ width:80%;}
hgroup h2{ font-size: 50px;}
#clientSay_sec .clientSay_heading{ padding-top: 55px; padding-bottom: 55px;}
#clientSay_sec .clientSayTestimonial .clientSayOwlbx .clientSayOwlbxinner{ -webkit-box-shadow: 1px 1px 20px 0px rgb(186 185 185 / 28%);
-moz-box-shadow: 1px 1px 20px 0px rgba(186,185,185,0.28);
box-shadow: 1px 1px 20px 0px rgb(186 185 185 / 28%); }
#clientSay_sec .clientSay_heading{background-position: 220px 118px;}
header nav>ul>li:nth-last-child(2){ margin-left: 30px; }
header nav>ul>li:nth-last-child(2):before{ left: -15px; }
header nav ul li{ margin-left: 20px;}
header nav ul li a{ font-size: 16px;}
header nav ul li:nth-last-child(2) ul li a{ font-size: 18px;}
}
@media (max-width: 1200px) {
#job_opening_sec #filters{ width: 90%;}
.site_btn, .site_btn:hover{ padding: 10px 10px;}
header nav ul li:nth-last-child(2) ul li a{ font-size: 17px;}
header .logo{ width: 120px;}
#whyChooseus_sec .contactBtn{ width: 500px;}
}
@media (max-width: 1069px) {
#job_opening_sec #filters{ width:95%;}
#clientSay_sec .clientSay_heading{ background-image: none;}
header nav>ul>li:nth-last-child(2){ display: none;}
header .logo{ width: 140px;}
#whyChooseus_sec ul li img{ width: 120px;}
}
@media (max-width: 992px) {
footer .footSocial li a{ width: 33px; height: 33px; font-size: 18px; line-height: 37px; border-radius: 4px;}
footer .footSocial li a i{ font-size: 18px;}
footer .footSocial li{ margin-right: 1px !important;}
footer .footSocial li:last-child{ margin-right: 0px !important;}
#getQuote .modal-dialog{ max-width: 94%;}
#getQuote .quoteImg{ height: 100%;}
/* #getQuote .quoteImg img{ height: 90vh;
object-fit: cover;
overflow: hidden;} */
#internshipSec .internshipBx{ width: 40%; margin: auto; margin-bottom: 15px;}
#internshipSec .internshipCnt p{ text-align-last: center; -ms-text-align-last: center; -moz-text-align-last: center;}
#internshipSec button[type="submit"]{ display: block; margin: auto;}
#internshipSec .row h6{ text-align: center;}
#filters li span{ font-size: 16px; padding: 5px 5px;}
#careerSec .careerSecImg{ width: 45%; margin: auto; margin-bottom: 60px;}
#contactPg .contactPgfrm .contactPginfo>ul>li{ float: left; width: 33.333%; padding: 0px 5px; }
#contactPg .contactPgfrm .contactPginfo>ul:after{ content: ''; display: block; clear: both;}
#contactPg .contactPgfrm .contactPginfo>ul>li>ul{ padding: 12px; border-radius: 5px; background-color: #e41d36; display: block !important; text-align: center; min-height: 200px;}
#contactPg .contactPgfrm .contactPginfo h4, #contactPg .contactPgfrm .contactPginfo h6{ text-align: center; color: #000;}
#contactPg .contactPgfrm .contactPginfo h6{ font-size: 16px; color: #e41d36;}
#contactPg .contactPgfrm .contactPginfo h4 span{ display: inline-block; color: #e41d36;}
#contactPg .contactPgfrm {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #fff;}
#contactPg .contactPgfrm .contactPginfo ul li ul li:first-child{ width: auto; margin: 0px;}
#contactPg .contactPgFrmdv{ margin-top: 30px;}
#contactPg .contactPgFrmdv hgroup h2, #contactPg .contactPgFrmdv hgroup h6{ text-align: center;}
#contactPg .contactPgFrmdv button[type="submit"]{ display: block; margin: auto;}
#contactPg .contactPgfrm .contactPginfo ul li ul li:last-child{ width: 100%;}
#contactPg .contactPgfrm .contactPginfo{ background-color: transparent; padding: 0px;}
.howWorksPgSec .howWorksPgCnt h2{ font-size: 50px;}
.howWorksPgSec .howWorksPgCnt h4{ margin-top: -10px;}
#whyChooseus_sec ul.list-unstyled>li{ float: left; width: 49%;}
#whyChooseus_sec ul.list-unstyled>li:nth-child(even){ float: right;}
#whyChooseus_sec hgroup{ margin-top: 30px; margin-bottom: 20px;}
#whyChooseus_sec hgroup h2, #whyChooseus_sec hgroup h6{ text-align: center;}
#whyChooseus_sec ul.list-unstyled:after{ content: ''; display: block; clear: both;}
#whyChooseus_sec .whyChooseUsImg{ width: 50%; margin: auto;}
#about_sec.about_us hgroup h2, #about_sec.about_us hgroup h6, #careerSec hgroup h2, #careerSec hgroup h6{ text-align: center;}
#about_sec .about_cnt { padding-left: 0px;}
#about_sec.about_us p.subHeading, #careerSec p.subHeading{ border:none; text-align: center;}
.dots_ul li{ font-size: 15px;}
/* #about_sec .about_imgdv{ width: 38%; margin: auto;} */
#contactUs_sec .contactUsmnbx{ width: 100%;}
#latesetClients_sec .owl-carousel .owl-item img{ margin: auto;}
#blog_sec .blogBx h4{ font-size: 16px;}
#clientSay_sec .clientSayTestimonial .clientSayOwlbx .clientSayOwlbxinner{ -webkit-box-shadow: 1px 1px 10px 0px rgb(186 185 185 / 28%);
-moz-box-shadow: 1px 1px 10px 0px rgba(186,185,185,0.28);
box-shadow: 1px 1px 10px 0px rgb(186 185 185 / 28%);}
#clientSay_sec .clientSayTestimonial .clientSayOwlbx{ padding: 10px; padding-bottom: 28px;}
#clientSay_sec .clientSay_heading{ padding: 0px;}
#clientSay_sec .clientSay_heading h2 span{ display: inline-block;}
#clientSay_sec .clientSay_heading h2, #clientSay_sec .clientSay_heading h6{ text-align: center;}
#howWeWorkSec .why_choosElement{ display: none;}
#service_sec .service_bx h4{ font-size: 24px;}
#service_sec .service_bx p{ font-size: 15px;}
hgroup h2{ font-size: 40px;}
p.subHeading{ font-size: 20px;}
header nav ul li{ margin-left: 18px;}
header nav ul li a{ font-size: 14px;}
.container-fluid{ padding-left: 15px; padding-right: 15px;}
.site_btn, .site_btn:hover{ font-size: 14px;}
header .logo{ width: 120px;}
#block, #slider_sec{ height: auto !important;}
#block div{ position: static !important; background-position: inherit !important; height: auto !important;}
#block video{ height: auto !important; width: 100% !important; position: static !important; transform: inherit !important; top: 0px !important;}
}
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
#valueAddedServicesSec .valueAddedBx p{ text-align-last: left; -ms-text-align-last: left; -moz-text-align-last: left; }
#valueAddedServicesSec .valueAddedBx{ height: auto; margin-bottom: 25px;}
#motivationVideoModal .modal-dialog{ max-width: 90%; margin: 20px auto;}
.contactWithUs h4, .contactWithUs h6, .contactWithUs p { text-align: center; text-align-last: center !important; -ms-text-align-last: center !important; -moz-text-align-last: center !important;}
.about_lftdv{ width: 100%;}
.contactWithUs{ width: 100%; margin-left: 0px;}
section{ padding: 32px 0px !important;}
section#serviceContactSec, section#slider_sec{ padding: 0px !important;}
#job_opening_sec hgroup{ padding-top: 0px;}
.mobileViewQuote{ -o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-webkit-transform: rotate(
-90deg
);
transform: rotate(
-90deg
);
width: 150px;
padding-left: 8px;
text-decoration: none;
width: 176px;
height: 40px;
display: block;
background-color: #c34a4a;
line-height: 23px;
color: #fff;
font-size: 15px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding-left: 14px;
position: fixed;
top: 84px;
right: 20px;
-webkit-transition: .6s;
transition: .6s;
-webkit-transform-origin: right center;
transform-origin: right center;
overflow: hidden;
z-index: 9999;
}
.mobileViewQuote span{ display: block;
position: relative;
z-index: 2; letter-spacing: 1px;}
.mobileToggle{ display: inline-block; background-color: #e7234d; height: 40px; width: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 18px;}
.mobileToggle i{ display: inline-block; color: #fff; font-size: 18px;}
#getQuote .col-md-5{ display: none;}
#getQuote .modal-dialog{ width: 80%; margin: 20px auto; }
#job_opening_sec .content_describe p{ text-align-last: left; -ms-text-align-last: left; -moz-text-align-last: left;}
#filters.carier_mdiv{ border-bottom:none; display: flex !important;}
#filters.carier_mdiv li{ width:33.333%; float:left;}
#filters.carier_mdiv li span{ display:block; background-color:#616163; color:#fff; margin-bottom:2px; border-right:2px solid #fff;}
#filters.carier_mdiv li span.active{ background-color:#e7234d;}
#filters.carier_mdiv:after{ content:''; clear:both; display:block;}
#filters.carier_mdiv li span .sp_dot{ display:none;}
#careerSec .careerSecImg{ width: 55%;}
#job_opening_sec .job_detail .full_detail h4{ font-size:24px;}
#job_opening_sec .job_detail .full_detail ul.department_ul li, #job_opening_sec .content_describe h6{ font-size:20px;}
#filters li span{ font-size:15px; padding:5px 7px;}
#job_opening_sec #filters{ width: 90%;
margin: auto;
text-align: center;
justify-content: center !important;
flex-flow: wrap;}
#contactPg .contactPgfrm .contactPginfo>ul>li{ width: 100%; float: none; padding: 0px; margin-bottom: 15px;}
#contactPg .contactPgfrm .contactPginfo>ul>li>ul{ min-height: inherit; padding: 28px;}
.howWorksPgSec .howWorksPgCnt{ padding-left: 0px;}
.howWorksPgSec .howWorksPgImg, .howWorksPgSec .howWorksPgCnt h2, .howWorksPgSec .howWorksPgCnt h4{ text-align: center;}
#servicePg_sec .servicePgBx h4{ font-size: 24px;}
.howWorksPgSec .howWorksPgImg{ margin-bottom: 20px !important;}
#whyChooseus_sec ul.list-unstyled>li{ width: 100%; float: none;}
#whyChooseus_sec ul.list-unstyled>li:nth-child(even){ float: none;}
#whyChooseus_sec ul li p{ text-align-last: left; -ms-text-align-last: left; -moz-text-align-last: left;}
#whyChooseus_sec ul li img{ width: 80px;}
#about_sec.about_us .about_cnt, #careerSec .careerSec_cnt{ width: 100%; margin: auto; margin-top: 20px;}
footer{ padding-top: 195px;}
#about_sec.about_us p, #careerSec p{ text-align-last: left; -ms-text-align-last: left; -moz-text-align-last: left;}
#about_sec.about_us p.subHeading, #careerSec p.subHeading{ text-align-last: center; -ms-text-align-last: center; -moz-text-align-last: center;}
footer .footCntmn .footContactInfo{ width: 41.666%; float: left;}
footer .footCntmn .footSocialdv{ width: 58.333%; float: left;}
footer .footCntmn:after{ content: '' ; clear: both; display: block;}
footer .footCntmn{ margin-top: 30px;}
#contactUs_sec .contactSecfrm{ padding: 22px;}
#contactUs_sec button[type="submit"]{ margin: auto; display: block;}
#blog_sec .blogBx h4{ margin-bottom: 50px;}
#blog_sec .blogBx{ margin-bottom: 30px;}
#blog_sec .blogBx p{ text-align-last: left; -ms-text-align-last: left; -moz-text-align-last: left;}
#clientSay_sec .clientSayTestimonial ul{ margin-top: 10px;}
#clientSay_sec .clientSayTestimonial ul li:first-child{ width: 55px;}
#clientSay_sec .clientSayTestimonial h5{ font-size: 16px; margin-bottom: 2px;}
#clientSay_sec .clientSayTestimonial p{ margin-bottom: 0px;}
#clientSay_sec .clientSayTestimonial .clientSayOwlbx .clientSayOwlbxinner{ padding: 25px;}
p, #howWeWorkSec hgroup h2, #howWeWorkSec hgroup h6, #howWeWorkSec hgroup p{ text-align: justify; text-align-last: center; -ms-text-align-last: center; -moz-text-align-last: center;}
#service_sec .service_bx ul{ display: block !important; text-align: center;}
#service_sec .service_bx h4{ font-size: 20px; text-align: center;}
#service_sec .service_bx p{ text-align: center;}
hgroup h2, #contactPg .contactPgfrm .contactPginfo h4{ font-size: 35px;}
#about_sec .about_imgdv{ width: 55%; margin: auto;}
#about_sec hgroup h2, #about_sec hgroup h6{ text-align: center;}
#about_sec p.subHeading{ text-align: center; border: none;}
#about_sec a.site_btn2{ margin: auto; min-width: inherit; width: 140px; display: block;}
#about_sec .about_cnt{ padding-left: 0px;}
body{ overflow-x: hidden;}
header nav{ position: fixed; width: 300px; right: -300px; top: 0px; background-color: #e7234d; z-index: 99999; height: 100%; padding: 0px; transition: .5s; -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
header nav.open{ right: 0px;}
header nav ul{ margin: 0px; padding: 0px; display: block !important; position: relative;}
header nav ul a.mobileMenuCloseBtn{ position: absolute; right: 0px; top: 0px; height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: rgba(0,0,0,.2);}
header nav ul a.mobileMenuCloseBtn i{ display: inline-block; color: #fff; font-size: 18px;}
header nav ul li{ display: block !important; text-align: left; margin: 0px;}
header nav ul li a, header nav ul li a:hover{ display: block; padding: 8px 14px; font-size: 16px; color: #fff; text-align: left; border-bottom: 1px solid rgba(256,256,256,.1); }
header nav>ul>li:nth-last-child(2), header nav>ul>li:last-child{ display: none !important;}
header{ padding: 10px 0px;}
#job_opening_sec .job_detail .short_detail .short_content ul li span{ width: 150px;}
#job_opening_sec .job_detail .short_detail .short_content ul li strong{ width: 60px;}
#job_opening_sec .job_detail .short_detail .short_content ul li span:last-child{ width: calc(100% - 300px);}
}
@media (max-width: 643px) {
#getQuote .modal-dialog{ width: 90%;}
#internshipSec .internshipBx{ width: 60%;}
#careerSec .careerSecImg{ width: 65%;}
#job_opening_sec .content_describe{ padding:10px 0px;}
#testimonialsPg_sec .testimonialsPg_Bx p{ font-size: 16px;}
#testimonialsPg_sec .testimonialsPg_Bx .testiBg h5{ margin-bottom: 0px;}
footer h5{ margin-bottom: 10px;}
hgroup h2, #contactPg .contactPgfrm .contactPginfo h4{ font-size: 32px;}
footer h5{ font-size: 20px;}
footer .col-sm-5, footer .col-sm-7{ width: 100%;}
footer .footCntmn .footContactInfo{ width: 50%; float: left;}
footer .footCntmn .footSocialdv{ width: 50%; float: left;}
footer .footMenuUl li{ float: left; width: 48%;}
footer .footMenuUl:after{ content: ''; display: block; clear: both;}
footer .footCntmn{ margin-top: 0px;}
footer .row>*{ margin-bottom: 20px;}
}
@media (max-width: 576px) {
.element1 , .element2, .element_1 , .element_2{ display: none !important;}
#valueAddedServicesSec .valueAddedBx{ padding: 20px;}
#slider_sec hgroup h6, #slider_sec hgroup h2{ text-align: center;}
#slider_sec hgroup{ margin-bottom: 15px;}
#slider_sec a.site_btn2{ display: block; margin: auto; width: 180px;}
.modal-header{ height: 100px;}
.modal-body .btn-close{ width: 24px; height: 24px; right: -8px; top: -8px;}
#getQuote .modal-dialog{ width: 95%;}
.modal button[type="submit"]{ display: block; margin: auto;}
#job_opening_sec .content_describe p{ text-align-last: left; -ms-text-align-last: left; -moz-text-align-last: left;}
#filters.carier_mdiv li:nth-child(1),#filters.carier_mdiv li:nth-child(2) { width: 50%; }
#job_opening_sec .job_detail .a_btn{ font-size:14px;}
#job_opening_sec .job_detail .hide_contenta { margin-top:10px;}
#job_opening_sec .content_describe ul li{ text-align:justify;}
#job_opening_sec .content_describe ul li{ font-size:15px;}
#job_opening_sec .job_detail .full_detail h4{ font-size:20px;}
#job_opening_sec .job_detail .full_detail ul.department_ul li, #job_opening_sec .content_describe h6{ font-size:17px;}
#job_opening_sec .job_detail .short_detail .short_content ul li span{ width: 150px;}
#job_opening_sec .job_detail .short_detail .short_content ul li strong{ width: 60px;}
#job_opening_sec .job_detail .short_detail .short_content ul li span:last-child{ width: calc(100% - 220px);}
#job_opening_sec #portfoliolist2 .job_detail .short_detail .short_content a.content_a{position: absolute;
right: inherit;
bottom: 10px;
font-size: 16px;
text-decoration: underline !important;
left: 0px;}
#contactPg .contactPgFrmdv{ padding: 30px 0px;}
.howWorksPgSec .howWorksPgCnt h2{ font-size: 40px;}
#whyChooseus_sec ul li img{ width: 100px;}
#about_sec.about_us .about_cnt, #careerSec .careerSec_cnt{ width: 100%;}
/* #innerPgHeadBanner_sec{ height: 220px;} */
#innerPgHeadBanner_sec>img{ height: 100%;
object-fit: cover;
overflow: hidden;}
#about_sec.about_us .play_aboutVideo{ transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%); right: inherit; left: 50%;}
#contactUs_sec .contactSecfrm{ padding: 15px;}
#service_sec .service_bx p{ font-size: 16px;}
#service_sec .service_bx h4{ font-size: 18px;}
#service_sec .service_bx{ padding: 15px;}
#about_sec .about_imgdv{ width: 70%;}
hgroup h2, #contactPg .contactPgfrm .contactPginfo h4{ font-size: 28px;}
hgroup h6, #contactPg .contactPgfrm .contactPginfo h6{ font-size: 16px;}
#about_sec hgroup{ margin-top: 20px;}
p.subHeading{ font-size: 18px;}
#innerPgHeadBanner_sec h1{ font-size: 28px;}
#whyChooseus_sec .whyChooseUsImg{ width: 80%; height: 370px;}
#internshipSec .row h6{ text-align: justify; text-align-last: center; -ms-text-align-last: center; -moz-text-align-last: center;}
}
@media (max-width: 480px) {
#blog_sec .blogBx h4{ margin-top: 0px; margin-bottom: 20px;}
#internshipSec .internshipBx{ width: 80%;}
#job_opening_sec .job_detail .short_detail .short_content ul li span{ width: 100%; font-weight: bold;}
#job_opening_sec .job_detail .short_detail .short_content ul li strong{ display: none;}
#job_opening_sec .job_detail .short_detail .short_content ul li span:last-child{ width: 100%; font-weight: normal; }
#job_opening_sec .job_detail .short_detail .short_content ul li{ margin-bottom: 15px;}
#careerSec .dotsdv{ display: none;}
#careerSec .careerSecImg .careerSec_quote h6{ font-size: 16px;}
#careerSec .careerSecImg .careerSec_quote{ width: 200px;}
#careerSec .careerSecImg .careerSec_quote .careerSec_quoteinner{ padding: 28px 12px;}
#careerSec .careerSec_cnt{ margin-top: 0px;}
#filters{ width:260px;}
.howWorksPgSec .howWorksPgCnt h4{ font-size: 28px;}
.howWorksPgSec .howWorksPgCnt h2{ font-size: 30px;}
#servicePg_sec .servicePgBx h4{ font-size: 20px;}
#servicePg_sec .servicePgBx{ padding: 20px;}
#whyChooseus_sec ul li img{ width: 120px;}
#about_sec.about_us .about_imgdv, #careerSec .careerSecImg{ width: 95%;}
#innerPgHeadBanner_sec nav{ display: none;}
#innerPgHeadBanner_sec h1{ font-size: 24px;}
/* #innerPgHeadBanner_sec{ height: 170px;} */
footer ul.footebxserviceul li, footer .footMenuUl li{ width: 50%;}
footer .footCntmn .footContactInfo{ width: 100%; float: none;}
footer .footCntmn .footSocialdv{ width: 100%; float: none;}
footer .footCntmn{ margin-bottom: 0px;}
footer .footCntmn .footSocialdv h5, footer .footContactInfo h5{ display: none; }
footer .footCntmn .footSocialdv ul{ margin-bottom: 0px; text-align: center;}
footer .footContact { margin-bottom: 15px; text-align: center; justify-content: center;}
p{ font-size: 16px; line-height: 22px;}
#about_sec .about_imgdv{ width: 75%;}
hgroup h2, #contactPg .contactPgfrm .contactPginfo h4{ font-size: 28px;}
hgroup h6, #contactPg .contactPgfrm .contactPginfo h6{ text-transform: uppercase;}
p.subHeading br{ display: none;}
p.subHeading{ width: 90%; margin: auto;}
#job_opening_sec #filters{ width: 96%;}
#filters li span{ font-size: 14px;}
#howWeWorkSec hgroup{ margin-bottom: 25px;}
#howWeWorkSec .row .col-sm-6, #service_sec .service_bx{ margin-bottom: 15px;}
#service_sec .row .col-sm-6:last-child .service_bx{ margin-bottom: 0px;}
}
@media (max-width: 400px) {
#filters.carier_mdiv li span{ padding: 5px 2px;}
#filters.carier_mdiv li span{ font-size:13px;}
.contactWithUs small{ font-size: 15px;}
#whyChooseus_sec .whyChooseUsImg{ height: 300px;}
#whyChooseus_sec .whyChooseUsImg{ width: 90%;}
#whyChooseus_sec ul.list-unstyled>li ul{ display: block !important; text-align: center; padding: 12px; border: 1px solid #eee;}
#whyChooseus_sec ul li h5{ margin-top: 12px;}
#whyChooseus_sec ul li p{ text-align-last: center; -ms-text-align-last: center; -moz-text-align-last: center;}
#whyChooseus_sec ul li img{ width: 80px;}
footer ul.footMenuUl li a{ font-size: 15px;}
#blog_sec .blogBx .d-flex>a{ order: 12;}
#blog_sec .blogBx .d-flex>ul{ order:1; margin-bottom:10px;}
#about_sec .about_imgdv{ width: 85%;}
#blog_sec .blogBx .d-flex {flex-direction: column;}
}
/* Mobile devices */
@media (max-width: 359px) {
#filters.carier_mdiv li span{ font-size:11px;}
p.subHeading{ width: 100%; margin: auto; font-size: 16px;}
}
/**
* 9.0 Print
* ----------------------------------------------------------------------------
*/
/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}
@media print {}