body {
    line-height: 1;
    font-family: 'Jost', sans-serif;
    overflow-x: hidden;
    counter-reset: my-sec-counter;
    letter-spacing: 1px;
    font-size: 18px;
    color: #212121;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

a:hover,
a:focus {
    text-decoration: none;
}

.header {
    position: fixed;
    z-index: 9999;
    width: 100%;
}

.header .header-top-right p {
    text-align: right;
}

.header .header-top-right p img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.header .header-top-right p a {
    color: #121458;
    font-size: 16px;
    font-weight: 700;
}

.toggle,
[id^=drop] {
    display: none;
}

.banner-content h2 {
    font-size: 46px;
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    margin-bottom: 27px;
}

.ylc {
    color: #ffc600;
}

.banner-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    margin-bottom: 50px;
    width: 542px;
}

.banner-content {
    position: absolute;
    top: 157px;
    left: 19%;
    margin-top: 60px;
}

.banner-content a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 25px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #fff;
}

.header .header-top-right {
    margin-top: 32px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2000;
}

.header .header-top-right p a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    margin-top: 40px;
}
.header .header-top-right p span{padding-left:10px;}

.ui_habout {
    margin: 0px 0;
    padding: 40px 0 10px 0;
}

.ui_hservices {
    margin-top: 0px;
}

.ui_services {
    margin-top: 15px;
}

.ui_hservices h3 {
    font-size: 32px;
    font-weight: 600;
    color: #ebb600;
    /* text-transform: capitalize; */
    text-align: center;
	letter-spacing:0px;
    margin-bottom: 15px;
}

.ui_habtcnt{
	text-align:center;
	padding-bottom:30px;
}

/* .ui_habtcnt::before { */
    /* content: ""; */
    /* background: url(../images/vline.png) no-repeat; */
    /* width: 30px; */
    /* height: 78px; */
    /* display: inline-block; */
    /* position: absolute; */
    /* left: 20px; */
    /* margin-top: 10px; */
/* } */

.ui_habtcnt img {
    margin-left: 30px;
}

.ui_habtcnt h3 {
    font-size: 45px;
    font-weight: 600;
    color: #054f82;
    letter-spacing: 95;
    margin-top: 0;
    margin-left: 30px;
}

.ui_habtcnt p {
    font-size: 18px;
    line-height: 40px;
    margin-top: 30px;
}

.ui_habout img {
    border-radius: 10px;
}

.ui_habout .abtimg:after {
    content: '';
    position: absolute;
    left: 4px;
    top: -10px;
    border: 4px solid #e2e4e5;
    width: 83%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    border-width: thin;
}

/* .ui_offer .empimg:after { */
    /* content: ''; */
    /* position: absolute; */
    /* left: 0px; */
    /* top: -18px; */
    /* border: 2px solid #000; */
    /* width: 83%; */
    /* height: 100%; */
    /* z-index: -1; */
    /* border-radius: 10px; */
    /* border-width: thin; */
/* } */

/* .ui_offer .cndimg:after { */
    /* content: ''; */
    /* position: absolute; */
    /* left: 0px; */
    /* top: -18px; */
    /* border: 2px solid #000; */
    /* width: 83%; */
    /* height: 100%; */
    /* z-index: -1; */
    /* border-radius: 10px; */
    /* border-width: thin; */
/* } */

.ui_what img:after {
    content: '';
    position: absolute;
    left: -14px;
    top: -23px;
    border: 2px solid #d49d3b;
    width: 83%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    border-width: thin;
}

.focusimg:after {
    content: '';
    position: absolute;
    left: 15px;
    top: -18px;
    border: 2px solid #000;
    width: 80%;
    height: 37%;
    z-index: -1;
    border-radius: 10px;
    border-width: thin;
}

.fastimg:after {
    content: '';
    position: absolute;
    left: 15px;
    top: -18px;
    border: 2px solid #000;
    width: 80%;
    height: 40%;
    z-index: -1;
    border-radius: 10px;
    border-width: thin;
}

.knowimg:after {
    content: '';
    position: absolute;
    left: 15px;
    top: -18px;
    border: 2px solid #000;
    width: 80%;
    height: 40%;
    z-index: -1;
    border-radius: 10px;
    border-width: thin;
}

.ui_habtcnt a {
    color: #03244d;
    font-size: 16px;
    font-weight: 400;
    padding: 11px 20px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #03244d;
    margin-top: 35px;
}

.ui_what {
    margin: 20px 0;
}

.ui_what h2 {
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    color: #ebb600;
    margin-bottom: 40px;
    text-transform: uppercase;
    margin-top: 20px;
}

.ui_what img {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.knowmore {
    text-align: center;
}

.ui_what .knowmore a {
    color: #03244d;
    font-size: 16px;
    font-weight: 400;
    padding: 11px 20px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #03244d;
    margin-top: 40px;
}

.ui_what .knowmore a::after {
    content: "";
    background: url(../images/next.png) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    left: 724px;
    margin-top: -20px;
}

.what_block h3,
.what_blockl h3 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.what_block p,
.what_blockl p {
    font-size: 18px;
    line-height: 35px;
}

.what_block {}

.what_block::after {
    content: "";
    width: 1px;
    height: 400px;
    background: #d5d5d5;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 0px;
}

.what_block:not(:last-child)::after {
    content: "";
    width: none;
}

.what_block:last-child::after {
    content: "";
    width: none;
}

.what_block:nth-last-child(3)::after {
    content: "";
    width: 0;
}

nav>li:last-child>a:before {
    width: 0;
}

.what_block:not(:last-child) {
    content: "";
    width: 0;
}

.ui_offer {
    padding-top: 50px;
    padding-bottom: 110px;
	
}
.ui_offer1{
	background:#f1f1f1;
}

.ui_offer h3 {
    text-transform: uppercase;
    font-size: 45px;
    font-weight: 700;
    font-weight: bold;
    color: #03244d;
    text-align: center;
    margin-bottom: 50px;
}

.footer-bg {
    background: url(../images/footer-bg.jpg) no-repeat;
    width: 100%;
    background-size: 100% 100%;
    text-align: center;
    margin-top: 60px;
    padding-bottom: 30px;
}

.cpy-rght p {
    color: #fff;
}

.footer_info {
    color: #fff;
    margin: 0;
}

.cpyrght {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.cpyrght p a {
    color: #fff;
}

.footer-sec1,
.footer-sec2,
.footer-sec3 {}

.footer-sec1 h3,
.footer-sec2 h3,
.footer-sec3 h3 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    line-height: 30px;
    margin-bottom: 10px;
}

.footer-sec1 h4,
.footer-sec2 h4 {
    text-align: left;
    line-height: 30px;
}

.footer-sec2 h4 a {
    color: #fff;
    text-decoration: none;
}

.footer-sec3 p img {
    text-align: left;
    float: left;
    margin-right: 10px;
}

.sbanner-content {
    text-align: center;
}

.sbanner-content h2 {
    font-size: 46px;
    font-weight: 600;
    color: #fff;
    display: block;
    position: absolute;
    top: 190px;
    text-align: center;
    margin-top: 60px;
    text-align: center;
    left: 0;
    right: 0;
}

.footer-logo img {
    margin: 0 auto;
    padding: 20px 20px;
    background-color: #fff;
    border-radius: 30px;
    position: relative;
    bottom: 25px;
	width:37%;
}

.logo-menu {
    background-color: #fff;
    border-radius: 36px;
    padding-top: 20px;
}

.employees h3,
.candidates h3 {
    font-size: 18px;
	font-family:'Roboto', sans-serif;
	line-height:28px;
    font-weight: 500;
    text-transform: none;
    text-align: left;
    color: #282828;
    margin-bottom: 10px;
}

.candidatess{margin-top:35px;}

.employees p,
.candidates p {
    font-size: 16px;
	font-family:'Roboto', sans-serif;
    /* font-weight: 500; */
	line-height:26px;
	letter-spacing:0px;
    text-transform: none;
    /* text-align: justify; */
    color: #282828;
    margin-bottom: 10px;
}

.ui_habtcnt2 a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 25px;
    border-radius: 35px;
    display: inline-block;
	background:#054f81;
    /* border: 1px solid #03244d; */
    margin-top: 0px;
}

.employees h4,
.candidates h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
    text-align: left;
    color: #282828;
    margin-bottom: 5px;
	margin-top:0px;
	background:#f1f1f1;
	padding:10px;
}

.employees h4 img{width:20px;margin-right:5px;}
.employees .emp_ul{margin:0 0 15px;padding:0px;columns:2;}
.candidatess video{border:5px solid #c3d3df;}


.courc_img img{
	border:4px solid #c3d3df;
	border-radius:15px;
}

.employees ul li,
.candidates ul li {
    list-style: none;
    line-height: 30px;
    margin-left: 30px;
}

.employees ul li::before {
    content: "";
    background: url(../images/check.png) no-repeat;
    width: 30px;
    height: 38px;
    display: inline-block;
    position: absolute;
    left: 20px;
    margin-top: 10px;
}

.candidates ul li::before {
    content: "";
    background: url(../images/check.png) no-repeat;
    width: 30px;
    height: 38px;
    display: inline-block;
    position: absolute;
    left: 20px;
    margin-top: 10px;
}

nav ul li a:before {
    content: "";
    width: 1px;
    height: 16px;
    background: #ada8a7;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 0px;
}

nav ul li:last-child>a:before {
    width: 0;
}

.srvc-block {
    margin-top: 30px;
}

.srvc-block h3 {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    text-transform: none;
    font-weight: 400;
}

.ui_srvinfo {
    background: url(../images/services-bg.jpg) no-repeat;
    width: 100%;
    border-radius: 15px;
    text-align: center;
    padding: 20px 0 20px 56px;
    background-size: cover;
}

.srvc-block h3 img {
    display: inline-block;
    margin-left: 10px;
}

.ui_srvinfo .srvc-pport h3 {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    text-transform: none;
    font-weight: 400;
    background: url(../images/passport.png) left center no-repeat;
    background-size: 45px;
    background-position: 0 -1px;
    padding-left: 30px;
}

.ui_srvinfo .srvc-salary h3 {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    text-transform: none;
    font-weight: 400;
    background: url(../images/salary.png) left center no-repeat;
    background-size: 100px;
    background-position: 0 -1px;
    padding-left: 30px;
}

.ui_srvinfo ul li img {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.ui_srvinfo ul li {
    display: inline-block;
}

.ui_srvinfo ul li::before {
    content: "";
    background: url(../images/vseperator.png) no-repeat;
    width: 30px;
    height: 60px;
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    right: -7px;
}

.ui_srvinfo ul li:last-child:before {
    width: 0;
}

.ui_services .ui_srvinfo ul li h3 {
    font-size: 25px;
    color: #fff;
    line-height: 30px;
    text-transform: none;
    font-weight: 400;
    display: inline-block;
}

.allserv {
    margin-top: 40px;
}

.servblock h2 {
    font-size: 23px;
    color: #fff;
    line-height: 38px;
    text-transform: none;
    font-weight: 400;
    position: relative;
    /* padding-left: 70px; */
}

.servblock h2 .sec_span{
	font-size:18px;
}
.servblock h2 span{
	font-size:32px;
}

.servblock h2 img {
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
}

.ui_techslider {
    margin: 40px 0;
}

.ui_techslider2 h4 {
    font-size: 45px;
    color: #03244d;
    text-align: center;
    margin-top: 40px;
}

.ui_techslider2 p {
    color: #212121;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}

.ui_techslider2 {
    margin-top: 0;
    margin-bottom: 0;
}

.ui_techslider h3 {
    text-align: center;
    font-size: 45px;
    color: #ebb600;
    margin-bottom: 50px;
    font-weight: 600;
}

.owl-carousel .owl-item img {}

.techslider .owl-nav .fa {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 30px;
    background: #03244d;
}

.techslider .owl-nav .owl-next {
    right: -65px;
    color: #fff;
}

.techslider .owl-nav .owl-next,
.clientslider .owl-nav .owl-prev {
    position: absolute;
    top: 25%;
}

.techslider .owl-nav .fa {
    left: -65px !important;
    color: #fff;
    position: absolute;
    top: 0;
}

.techslider .owl-nav .fa-chevron-left {
    left: -25px !important;
    color: #fff;
    position: absolute;
    top: 34px;
}

.techslider .item {
    color: white;
    font-size: 30px;
    padding: 10px;
    border: 1px solid #ececec;
    border-radius: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.ui_techslider img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}

.ui_techslider h4 {
    font-size: 45px;
    color: #03244d;
    text-align: center;
    margin-top: 40px;
}

.ui_techslider p {
    color: #212121;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}

.ui_about {
    margin-top: 50px;
    background: url(../images/about-globe.png) no-repeat center;
    width: 100%;
    padding: 60px 0 10px 0;
}

.ui_values {
    margin-top: 30px;
}

.ui_values h2 {
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    color: #ebb600;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.ui_values img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}

.ourvalues ul li {
    list-style: none;
    line-height: 35px;
    padding-bottom: 25px;
    margin-left: 50px;
}

.ourvalues ul li::before {
    content: "";
    background: url(../images/check2.png) no-repeat;
    width: 30px;
    height: 38px;
    display: inline-block;
    position: absolute;
    left: 73px;
    margin-top: 13px;
}

.ui_process h2 {
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    color: #ebb600;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.ui_process {
    margin-top: 40px;
}

.ui_process img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}

.ui_process h3 {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #d49d3b;
    margin-bottom: 20px;
}

.ui_process p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #323232;
    line-height: 35px;
    padding: 0 28px;
}

.ui_process .row {}

.recruit_info h3 {
    font-size: 45px;
    font-weight: 600;
    line-height: 55px;
    text-transform: uppercase;
    margin-top: 70px;
    color: #03244d;
    text-align: center;
}

.recruit_info p {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.recruit_block h3 {
    font-size: 30px;
    color: #ebb600;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 25px;
}

.recruit_block p {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.recruit_block img {
    display: flex;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.ui_roles {
    margin-top: 40px;
}

.ui_roles h3,
.ui_crcouncil h3,
.ui_recruit h3,
.roletxt h3 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #03244d;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.ui_roles h3 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #03244d;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 40px;
    width: 873px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.role-paid h3,
.role-devlop h3,
.role-h1b h3 {
    font-size: 20px;
    line-height: 30px;
    color: #2c2c2c;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 15px;
}

.role-paid p,
.role-devlop p,
.role-h1b p {
    font-size: 18px;
    line-height: 35px;
}

.role-devlop,
.role-devpimg,
.role-h1b,
.role-h1bimg {
    margin-top: 40px;
}

.dining-det img,
.role-devpimg img,
.role-h1bimg img {
    border-radius: 10px;
}

.ui_crcouncil {
    margin-top: 40px;
}

.ui_crcouncil p {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 30px;
    text-align: center;
}

.ui_recruit h3 {
    margin-top: 30px;
}

.recruit-icons ul {
    list-style: none;
}

.recruit-icons ul li {
    display: inline-block;
}

/*Clients Page */

.clientshd h3,
.ui_resource h3 {
    font-size: 45px;
    font-weight: 600;
    line-height: 55px;
    text-transform: uppercase;
    margin-top: 30px;
    color: #03244d;
    text-align: center;
}

.clientshd p,
.ui_resource p {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.resource_block h3 {
    font-size: 23px;
    color: #ebb600;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 25px;
}

.resource_block p {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.resource_block img {
    display: flex;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.ui_resource p {
    margin-top: 0;
}

.resource_block h3 {
    margin-bottom: 0;
}

.roletxt p {
    font-size: 18px;
    line-height: 35px;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.roletxt h4 {
    font-size: 40px;
    font-weight: 400;
    color: #03244d;
    text-align: center;
}

.roletxt h3 {
    margin-top: 30px;
}

.serviceinfo h3,
.serviceinfo2 h3 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
    color: #ebb600;
    margin-bottom: 15px;
}

.serviceinfo p,
.serviceinfo2 p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}

.serviceinfo ul li::before,
.serviceinfo2 ul li::before {
    content: "";
    background: url(../images/check2.png) no-repeat;
    width: 30px;
    height: 38px;
    display: inline-block;
    position: absolute;
    left: 36px;
    margin-top: 10px;
}

.serviceinfo ul li,
.serviceinfo2 ul li {
    list-style: none;
    line-height: 30px;
    margin-left: 0px;
}

.serviceinfo ul,
.serviceinfo2 ul {
    padding-left: 30px;
}

.ui_services ul li .serviceinfo {
    text-align: left;
    float: left;
    padding: 30px 30px 30 30px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    padding: 15px 30px;
    min-height: 327px;
}

.ui_services ul li .serviceinfo2 {
    text-align: left;
    float: left;
    padding: 30px 30px 30 30px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    padding: 15px 30px;
    min-height: 280px;
}

.ui_services ul li {
    list-style: none;
    /*border: 1px solid #3d597e;*/
    padding: 0;
}

.footer-sec1 {
    border: 1px solid #3d597e;
    border-right: none;
}

.footer-sec2 {
    border: 1px solid #3d597e;
    border-right: none;
}

.footer-sec3 {
    border: 1px solid #3d597e;
}

.footer_info ul li {
    list-style: none;
    padding: 0;
}

.footer_info ul li .footer-sec1 {
    text-align: left;
    min-height: 115px;
    padding: 30px 30px 30px 80px;
}

.footer_info ul li .footer-sec2 {
    text-align: left;
    min-height: 115px;
    padding: 30px 30px 30px 30px;
}

.footer_info ul li .footer-sec3 {
    text-align: left;
    min-height: 202px;
    padding: 30px 30px 30px 80px;
}

.footer_info1{
	padding-top:0px;
}
.footer_info1 ul{
	background:#f1f1f1;
}
.footer_info1 ul li{
	display:inline-block;
	padding:12px 22px;
	border-right:1px solid #cdcaca;
}
.footer_info1 ul li:last-child{
	border-right:0px;
}
.footer_info1 ul li a{
	font-size:18px;
	color:#282828;
	
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.techslider .owl-nav .fa .fa-chevron-left {
    top: 10px;
}

.fa-chevron-left {
    top: 10px;
}

/*Contact Page */

.contacthd h3 {
    font-size: 45px;
    font-weight: 600;
    line-height: 55px;
    text-transform: none;
    margin-top: 70px;
    color: #03244d;
    text-align: center;
}

.contacthd p {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.contactinfo {
    background-color: #092851;
}

.cntdetails h4 {
    font-size: 21px;
    color: #ffe139;
    text-transform: uppercase;
}

.cntdetails p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: left;
}

.cntdetails {
    margin: 50px 30px;
}

.cntdetails p img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.cntdetails p.address:before {
    content: url(../img/compass.png);
    padding-right: 8px;
    float: left;
    height: auto;
}

.cntdetails p.mail:before {
    content: url(../img/mail.png);
    padding-right: 20px;
    float: left;
    height: auto;
}

.cntdetails p.call:before {
    content: url(../img/phonec.png);
    padding-right: 20px;
    float: left;
    height: auto;
}

.ui_about::before {
    content: "";
    background: url(../images/flight-left.png) no-repeat;
    width: 101px;
    height: 300px;
    display: inline-block;
    position: absolute;
    left: 20px;
    margin-top: 10px;
}

.ui_about::after {
    content: "";
    background: url(../images/flight-right.png) no-repeat;
    width: 135px;
    height: 78px;
    display: inline-block;
    position: absolute;
    right: -39px;
    margin-top: -141px;
}

.ui_stublock {
    height: 250px;
    border: 1px solid #ccc;
    padding: 15px 0;
}

.stu {
    padding-right: 0;
    padding-left: 0;
}

.ui_recruiter {
    background: url(../images/about-globe.png) no-repeat center;
    width: 100%;
    padding: 0px 0 10px 0;
}

.ui_recruiter::before {
    content: "";
    background: url(../images/flight-left.png) no-repeat;
    width: 183px;
    height: 300px;
    display: inline-block;
    position: absolute;
    left: -4px;
    margin-top: 171px;
}

.ui_recruiter::after {
    content: "";
    background: url(../images/flight-right.png) no-repeat;
    width: 130px;
    height: 78px;
    display: inline-block;
    position: absolute;
    margin-top: -275px;
    right: -25px;
}

.recruit-icons {
    text-align: center;
}

.recruit-icons ul li:before {
    content: "";
    width: 1px;
    height: 70px;
    background: #ada8a7;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 0px;
}

.recruit-icons ul li:last-child:before {
    width: 0;
}

.recruit-block h4 {
    font-size: 18px;
    color: #03244d;
    font-weight: 600;
    margin-top: 25px;
}

.ui_cntfm {
    margin-top: 70px;
    margin-bottom: 100px;
}

.contfm h3 {
    font-size: 35px;
    color: #04163f;
    margin-bottom: 20px;
    text-align: left;
}

.contfm .form-control {
    background: none;
    font-family: 'Jost', sans-serif;
    border: 1px solid #e4e4e4;
    color: #717171;
    height: 50px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 0;
    margin-top: 3px;
}

.ui_cntfm .contfm select .formcontrol {
    background: none;
    font-family: 'Jost', sans-serif;
    border: 1px solid #e4e4e4;
    color: #717171;
    height: 50px;
    font-size: 17px;
    font-weight: 400;
    border-radius: 0;
}

.ui_cntfm .contfm .txt_area {
    height: 80px;
}
.contacthd{padding-top:50px;}
.ui_cntfm .contfm .submit {
    background: url(../img/submit.jpg) no-repeat;
    width: 83px;
    height: 82px;
    color: #686868;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    margin-top: 0px;
    color: #ffffff;
    font-size: 18px;
    margin-top: 0;
    display: inline-block;
}

.pirqf {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 2;
}

.ctarotate {
    transform: rotate(-90deg);
    position: fixed;
    right: -65px;
}

.ctarotate a {
    background: #900;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    font-size: 20px;
}

.cta {
    width: 400px;
    display: none;
    transform: none;
}

.pirqf .req_quote {
    background: #900;
    padding: 20px 100px 20px 20px;
    width: 450px;
    position: fixed;
    top: 30%;
}

.req_quote .form-group {
    padding: 0 5px;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
}

.pirqf {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 2;
}

.pirqf .req_quote {
    background: #03244d;
    padding: 20px 100px 20px 20px;
    width: 450px;
    position: fixed;
    top: 30%;
}

.cta {
    width: 400px;
    display: none;
    transform: none;
}

.ctarotate {
    transform: rotate(-90deg);
    position: fixed;
    right: -85px;
    z-index: 2;
}

.ctarotate a {
    background: #03244d;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    font-size: 20px;
    z-index: 999;
    border: 1px solid #c1c1c1;
    padding: 10px 30px;
    border-top-right-radius: 35px;
    border-top-left-radius: 35px;
}

/*end of popup contact css*/

.ui_what::before {
    content: "";
    background: url(../images/triangleleft.png) no-repeat;
    width: 101px;
    height: 300px;
    display: inline-block;
    position: absolute;
    left: 20px;
    margin-top: 10px;
}

.recruit-block img {
    display: inline-block;
}

.role-paid h4,
.role-devlop h4,
.role-h1b h4,
.role-h1b h4 {
    font-size: 20px;
    line-height: 30px;
    color: #2c2c2c;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 15px;
    font-weight: 600;
}

/*Menu code */

nav ul li a:before {
    content: "";
    width: 1px;
    height: 16px;
    background: #ada8a7;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 0px;
}

nav ul li:last-child>a:before {
    width: 0;
}

nav a {
    display: block;
    padding: 0 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    padding: 18px 15px;
}

.logo-menu img {
    margin-top: 10px;
}

.logo-menu {
    background-color: #fff;
    border-radius: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
}

nav a.active {
    color: #ffc600;
    font-weight: 400;
}

nav {
    margin: 0;
    padding: 0;
    background-color: transparent;
    margin-top: 10px;
}

.locmap img {
    min-height: 630px;
}

.home-banner img {
    width: 100%;
}

.main_menu .navbar-fixed-top {
    background: none;
    border: none;
}

.main_menu nav ul {
    background: none;
}

.main_menuc {
    background: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    margin-top: 70px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-toggle span.icon-bar {
    transition: all 0.15s;
}

.navbar-toggle span:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle span:nth-child(3) {
    opacity: 0;
}

.navbar-toggle span:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
    transform: rotate(0);
}

.navbar-toggle.collapsed span:nth-child(3) {
    opacity: 1;
}

.main_menu .navbar-brand {
    height: auto;
}

.main_menu .navbar-nav>li>a {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    color: #000;
}

.main_menu .navbar-default .navbar-nav>.active>a {
    color: #2542ad;
    background: none;
    box-shadow: none;
}

.main_menu .navbar-default .navbar-collapse {
    float: right;
    margin-top: 17px;
}

.main_menu .navbar-default {
    box-shadow: none;
}

header.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    background: #fff;
    height: 112px;
    z-index: 9999;
}

header.sticky .header-top-right {
    display: none;
}

header.sticky .main_menuc {
    margin-top: 0;
    border-radius: 0;
	padding:0 20px;
}

.employees h3 {
    margin-top: 0;
}

.employees ul {
    padding: 0;
}

.employees ul li {
    margin-left: 0;
    padding-left: 25px;
}

.candidates h3 {
    margin-top: 0;
}

.candidates ul {
    padding: 0;
}

.candidates ul li {
    margin-left: 0;
    padding-left: 25px;
}

.ui_habtcnt p {
    text-align: justify;
}

.employees {
    float: right;
}

.candidates {
    float: right;
}

.abtinfo {
    float: right;
}

.abtinfo_more {}

.abtinfo_more h2 {
    color: #fff;
    font-size: 19px;
	line-height:26px;
    font-weight: 500;
    padding: 11px 10px;
    border-radius: 0px;
    display: inline-block;
	letter-spacing:0px;
    /* border: 1px solid #054f81; */
    background: #054f81;
    margin-top: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
}

.what_block::after {
    right: 6px;
}

.ui_what .knowmore a::after {
    left: inherit;
}

.ui_what h2 {
    margin-bottom: 50px;
}

.ui_what::before {
    width: 257px;
    height: 375px;
    left: 0;
    top: 250px;
}

.ourvalues ul li {
    margin-left: 0;
    position: relative;
    padding-left: 30px;
}

.ourvalues ul li::before {
    left: 0;
}

.ui_recruit {
    background: url(../images/job_recruit_bg.jpg) center;
    padding: 30px 0;
}

.ui_recruit h3 {
    margin-top: 0;
}

.recruit-icons ul li {
    position: relative;
}

.recruit-icons ul li::before {
    top: 30%;
}

.recruit-icons {
    padding: 0;
}

.recruit-icons ul {
    padding: 0;
}

.footer-bg {
    margin-top: 0;
}

.cntdetails p {
    position: relative;
    padding-left: 48px;
}

.cntdetails p.address::before {
    position: absolute;
    left: 0;
    top: 0;
}

.locmap img {
    min-height: 605px;
}

.cntdetails p.mail::before {
    position: absolute;
    left: 0;
    top: 0;
}

.cntdetails p.call::before {
    position: absolute;
    left: 0;
    top: 0;
}

.cntdetails p.followus {
    padding-left: 0;
}

.pirqf .req_quote {
    top: 34%;
}

.what_block:last-child:after {
    display: none;
}

.what_block {
    border-right: 1px solid #ddd;
}

.what_block.three {
    border: none;
}

.what_block h3 {
    font-weight: 300;
    color: #212121;
}

.ui_techslider h4 {
    font-weight: 300;
}

.ui_techslider p {
    font-weight: 300;
}

.what_blocks {}

.what_block {
    padding: 0 20px 0 0;
}

.fastimg::after {
    height: 37%;
}

.knowimg::after {
    height: 37%;
}

.focusimg.three::after {
    height: 35%;
}

.trianglergt {
    position: absolute;
    right: 0;
    top: 15%;
}

.footer-sec1 h4 {
    font-weight: 300;
    margin: 0;
}

.footer-sec2 h4 a {
    font-weight: 300;
}

.footer-sec2 h4 {
    margin: 0;
}

.footer_info ul li .footer-sec3 {
    min-height: 132px;
}

.cpyrght .left p {
    font-weight: 300;
    text-align: left;
}

.cpyrght .right p {
    font-weight: 300;
}

.footer-sec1 h3,
.footer-sec2 h3,
.footer-sec3 h3 {
    margin-top: 0;
}

.ui_habout1 {
    background: #f1f1f1;
    padding-top: 50px;
    padding-bottom: 50px;
}
.ui_habtcnt1 {
    text-align: left;
    padding-bottom: 30px;
}
.ui_habtcnt1 h3 {
    font-size: 45px;
    font-weight: 700;
    color: #054f82;
    letter-spacing: 0px;
    margin-top: 0;
	font-family: 'Montserrat', sans-serif;
    /* margin-left: 30px; */
}
.ui_habtcnt1 h4 {
    font-size: 18px;
    font-weight: 500;
    color: #282828;
    line-height:32px;
    margin-top: 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
    /* margin-left: 30px; */
}
.ui_habtcnt1 p {
    font-size: 17px;
    line-height: 30px;
    margin-top: 10px;
	color:#282828;
	letter-spacing:0px;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
}
.ui_habtcnt1 a {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    padding: 13px 35px;
    border-radius: 35px;
    display: inline-block;
	background:#054f81;
    /* border: 1px solid #03244d; */
    margin-top: 0px;
}
.ui_habtcnt1 h5{
	background:#ddd;
	padding:10px;
	font-size:18px;
	text-transform:uppercase;
}
.ui_habtcnt1 ul{
	margin:0px;
	/* columns:2; */
	padding:0px;
}
.abt_col{columns:2;}
.ui_habtcnt1 ul li{
	font-size:17px;
	color:#282828;
	font-family: 'Roboto', sans-serif;
	position:relative;
	padding-left:23px;
	margin:14px 0;
	line-height:26px;
}
.ui_habtcnt1 ul li i{
	position:absolute;
	left:0px;
	top:4px;
	color:#054f81;
}



.ui_habout {
    background: url(../images/about_bg.png);
    background-size: cover;
    padding-bottom: 170px;
}

.employeess {
    padding: 0;
}

.candidatess {
    padding: 0;
}

.what_block hr {
    margin-top: 0;
}

.what_block h3 {
    margin-bottom: 15px;
}

.what_block p {
    font-weight: 300;
}

.ourvallftabs {
    position: absolute;
    left: 0;
    bottom: 0;
}

.ourvalrgtabs {
    position: absolute;
    right: 0;
    bottom: 0;
}

.ui_techslider h3 {
    margin-top: 0;
}

.ui_clients {
    padding: 60px 0 0 0;
}

.clientshd h3 {
    margin-top: 0;
}

.client_globe {
    background: url(../images/about_bg.png) 20px no-repeat;
    background-size: contain;
}

.resource_block {
    border-right: 1px solid #cccccc;
    padding-right: 20px;
    padding-left: 0;
    min-height: 425px;
}

.resource_block img {
    width: 100%;
}

.resource_block.last {
    border-right: none;
}

.ui_resource_abs {
    position: absolute;
    left: 0;
    top: 0;
}

.ui_roles_abs1 {
    position: absolute;
    top: 15%;
    left: 0;
}

.ui_roles_abs2 {
    position: absolute;
    top: 15%;
    right: 0;
}

.ui_roles_abs3 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.roletxt p {
    margin-top: 0;
}

.roletxt {
    padding-top: 30px;
}

.role-devlop {
    float: right;
}

.role-devpimg img {
    float: left;
    width: 100%;
}

.dining-det img {
    width: 100%;
}

.technology_roles {
    min-height: 260px;
}

.role-h1bimg img {
    width: 100%;
}

.tech_role {}

.tech_role ul {}

.tech_role ul li {
    list-style: none;
}

.tech_role ul li .tech_role_info {}

.tech_role ul li .tech_role_img {}

.ui_recruiter::before {
    width: 135px;
    height: 309px;
}

.footer_info ul li .footer-sec2 {
    min-height: 132px;
}

.ctarotate a {
    border: 1px solid rgba(255, 255, 255, .3);
}

.main_menu .navbar-default .navbar-nav>.active>a:after {
    content: '';
    border-bottom: 1px solid #2542ad;
    width: 20px;
    display: block;
    margin: 0px auto;
}

.servblockc {
    padding: 0;
}

.servblock {
    text-align: center;
}

.ui_techslider p {}

.ui_techslider h6 {
    font-size: 20px;
    padding: 20px 0;
}

.home-banner .owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.wbiltpb {}

.wbiltpb h3 {
    text-align: center;
    color: #03244d;
    font-size: 35px;
    margin-bottom: 30px;
}

.wbiltpb ul {
    text-align: center;
}

.wbiltpb ul li {
    display: inline-block;
    padding: 10px;
}

.wbiltpb ul li .wbiltpbs {
    background: #ebb600;
    padding: 10px;
}

.wbiltpb ul li .wbiltpbs p {
    min-height: 36px;
    color: #03244d;
    margin: 0;
}

.wstnkub {}

.wstnkub_logo {
    text-align: center;
}

.wstnkub_logo a {
    background: #092851;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}

.wstnkub_logo a.logo {
    background: none;
}

.wstnkub_logo p {
    font-size: 18px;
    color: #000;
}

.wstnkubinfo {}

.wstnkubinfo p {
    font-size: 18px;
    color: #000;
}

.wstnkubinfo p a {
    text-decoration: none;
    color: #000;
}

.wstnkubinfo h6 {
    font-size: 22px;
}

.wstnkubinfos {
    padding-top: 10px;
}

.wstnkubinfo p .fa {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    background: #ffe139;
    color: #fff;
    margin-right: 7px;
}

.wstnkub hr {
    border-top: 1px solid #1f283a;
}

/*************************************************
Testimonials
*************************************************/

.testimonial_inner {
    padding: 60px 0;
}
.says {
    width: 100%;
    /* height: 360px; */
    box-shadow: 0 0 5px #98d7d9;
    padding: 30px;
    border-radius: 20px 0 20px 0;
    margin: 20px 0;
    background: #fff7f7;
    border: 1px solid #74d5d9;
}
.says p {
    /* height: 240px; */
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    color: #4d4e50;
	font-family:'Roboto', sans-serif;
}
.says h2 {
    color: #1e327b;
	font-family:'Roboto', sans-serif;
    font-size: 22px;
    padding-bottom: 0px;
    font-weight: bold;
    padding-top: 5px;
}
.satr i {
    color: #ffa500;
    font-size: 15px;
}


/*************************************************
Gallery
*************************************************/

#gallery {
  padding-top: 40px;
  @media screen and (min-width: 991px) {
    padding: 60px 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  img {
    width: 100%;
  }
}
.img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  i {
    color: #fff;
    font-size: 3em;
  }
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
    @media screen and (min-width:768px) {
        width: 60%;
    }
    @media screen and (min-width:1200px) {
        width: 50%;
    }
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}




/*************************************************
Develop our Own Code
*************************************************/

.navbar-brand{padding:2px 5px;}
.navbar-brand img{width:100%;}