@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins-Bold.eot');

    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Poppins-Bold.woff2') format('woff2'),

        url('../fonts/Poppins-Bold.woff') format('woff'),

        url('../fonts/Poppins-Bold.ttf') format('truetype'),

        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');

    font-weight: 700;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins-Regular.eot');

    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Poppins-Regular.woff2') format('woff2'),

        url('../fonts/Poppins-Regular.woff') format('woff'),

        url('../fonts/Poppins-Regular.ttf') format('truetype'),

        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');

    font-weight: 400;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins-Light.eot');

    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Poppins-Light.woff2') format('woff2'),

        url('../fonts/Poppins-Light.woff') format('woff'),

        url('../fonts/Poppins-Light.ttf') format('truetype'),

        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins-Medium.eot');

    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Poppins-Medium.woff2') format('woff2'),

        url('../fonts/Poppins-Medium.woff') format('woff'),

        url('../fonts/Poppins-Medium.ttf') format('truetype'),

        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('../fonts/Poppins-SemiBold.eot');

    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),

        url('../fonts/Poppins-SemiBold.woff') format('woff'),

        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),

        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');

    font-weight: 600;

    font-style: normal;

}



body { background-color: #fff; font-size: 16px; color: #444; margin: 0 auto;}



h1 { font-size: 48px;}

h2 { font-size: 36px;}

h3 { font-size: 28px;}

h4 { font-size: 24px; font-weight: 600;}

h5 { font-size: 18px; font-weight: 600;}

h6 { font-size: 16px; font-weight: 600;}



a { color: #ffc800;}

a:hover { color: #222;}



img { max-width: 100%; outline: none;}

strong {font-weight: 600;}

section { padding: 4rem 0;}



/* Header ----------------- */

header { background: #fff; /*position: relative; z-index: 2;*/ box-shadow: 0px 0px 4px rgba(0,0,0,0.4);  position: fixed; width: 100%; top: 0; z-index: 99;}

header #mainNav { padding-top: 8px; padding-bottom: 8px;}

header #mainNav a.navbar-brand { padding: 0;}



/*body.at_sticky { padding-top: 80px;}

body.at_sticky header { position: fixed; width: 100%; top: 0; z-index: 99;}

body.at_sticky header .navbar-brand img { max-height: 65px;}*/





/* Navigation ----------------- */



#mainNav .navbar-nav .nav-item .nav-link:hover { border-bottom: 2px solid #ddd;}

#mainNav .navbar-nav .nav-item .nav-link.active { border-bottom: 2px solid #f0c922;}

#mainNav .navbar-nav .nav-item:hover .nav-link.active { border-bottom: 2px solid transparent;}



#mainNav .navbar-nav .nav-item { margin-right: 10px;}

#mainNav .navbar-nav .nav-item a.nav-link, 

#mainNav .navbar-nav .nav-item span { padding-left: 8px; padding-right: 8px;}



#mainNav .navbar-collapse { justify-content: flex-end;}



#mainNav .navbar-nav li:hover .nav-link { border-bottom: 2px solid transparent;}

#mainNav .navbar-nav li:hover > ul.dropdown-menu { display: block; border: none; box-shadow: 0px 10px 12px rgb(0 0 0 / 20%); min-width: 240px; background-color: #444;}

#mainNav .navbar-nav li:hover > ul.dropdown-menu li { margin-bottom: 1px;}



#mainNav .dropdown-submenu { position:relative;}

#mainNav .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px;}

#mainNav .navbar-nav .nav-item a.dropdown-item { text-transform: none; padding: 10px 15px; color: #fff; font-size: 14px;}

#mainNav .navbar-nav .nav-item a.dropdown-item:hover { background-color: #eec724; color: #222;}



#mainNav .navbar-nav li:hover > ul.dropdown-menu:before {

    content: ''; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #444 transparent; display: block; position: absolute; top: -8px; left: 25px;}



/* rotate caret on hover */

.dropdown-menu > li > a:hover:after {

    text-decoration: underline;

    transform: rotate(-90deg);

} 

/* Navigation ----------------- */



.page-intro {padding: 60px 0px 0px;}

.page-intro .container { max-width: 1060px;}

.page-intro h2 { text-align: center; font-size: 24px; font-weight: 300; line-height: 1.4;}

.page-intro p { font-size: 18px; font-weight: 300; text-align: center; margin: 0 0 20px;}





/*Hero banner ----------------- */

.heroBanner.home { background: url("../images/slide-1.jpg") no-repeat center center; background-attachment: scroll; background-size: cover; padding-top: 10rem; padding-bottom: 10rem;}
.heroBanner.contact { background: url("../images/contact-banner.jpg") no-repeat top center; background-attachment: scroll; background-size: cover; padding-top: 6rem; padding-bottom: 3rem;}
.heroBanner.career { background: url("../images/career-banner.jpg") no-repeat top center; background-attachment: scroll;	background-size: cover;	padding-top: 6rem; padding-bottom: 3rem;}
.heroBanner.aboutus { background: url("../images/about-banner.jpg") no-repeat top center; background-attachment: scroll;	background-size: cover;	padding-top: 6rem; padding-bottom: 3rem;}
.heroBanner.services { background: url("../images/service-banner.jpg") no-repeat top center; background-attachment: scroll; background-size: cover; padding-top: 6rem; padding-bottom: 3rem;}
.heroBanner.career-life {background: url("../images/career-life-banner.jpg") no-repeat top center; background-attachment: scroll;	background-size: cover;	padding-top: 6rem; padding-bottom: 3rem;}
.heroBanner.technology { background: url("../images/technology-banner.jpg") no-repeat top center; background-attachment: scroll;	background-size: cover;	padding-top: 7rem; padding-bottom: 4rem;}
.heroBanner.technology:before {background: rgba(234, 195, 40, 0.5);}
.heroBanner.portfolio {	background: url("../images/portfolio-bg.jpg") no-repeat top center; background-attachment: scroll;	background-size: cover;	padding-top: 6rem; padding-bottom: 3rem;}


.heroBanner { padding-top: 10.5rem; padding-bottom: 6rem; text-align: center; color: #fff; position: relative; margin-top: 99px;}

.heroBanner:before { content: ""; background: rgba(234, 195, 40, 0.8); position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: 1;}

.heroBanner .container { position: relative; z-index: 2;}

.heroBanner .heroBanner-subheading { font-size: 15px; margin-bottom: 1rem; color: #444; text-transform: uppercase; letter-spacing: 1.6px;}

.heroBanner .heroBanner-heading { line-height: 4.5rem; margin: 0 0 50px 0; font-size: 50px; font-weight: 700; color: #000; font-family: "Poppins", sans-serif; text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);}

.heroBanner .heroBanner-heading h1 { font-size: 50px; color: #fff;}

.heroBanner .heroBanner-heading h2 { font-size: 50px;}

.heroBanner .heroBanner-heading h5 { font-size: 20px; font-weight: 300; text-shadow: none; line-height: 1.6; max-width: 880px; margin: 0 auto;}



.heroBanner .heroBanner-heading span { color: #fff;}

.heroBanner .heroBanner-heading p { line-height: 1; vertical-align: top;}

.heroBanner .heroBanner-heading ul { display: inline-block; vertical-align: top; padding: 0 0 0 10px; margin: 0; line-height: 1; color: #fff;}



.heroBanner.services h5 { max-width: 1000px; margin: 0 auto 10px;}

.heroBanner.services p { font-size: 20px; font-weight: 300; text-shadow: none; line-height: 1.4; max-width: 1000px; margin: 0 auto;}



.heroBanner a.action-primary { background-color: #222; color: #fff; font-size: 18px; padding: 12px 25px;}

.heroBanner a.action-primary:hover { background-color: rgba(0,0,0,0.5); color: #fff; }

/*Hero banner ----------------- */





/* Section Title ----------------- */

.section-title { text-align: center; margin: 0 0 25px;}

.section-title h2 span { position: relative; padding-bottom: 20px; line-height: 1; display: inline-block;}

.section-title h2 span:after { content: ''; background-color: #EAC328; width: 110px; height: 2px; display: inline-block; position: absolute; bottom: 0px; left: 50%; margin-left: -55px;}

.section-title .content p { font-size: 18px;}

.section-title p { font-size: 18px; font-weight: 300; padding: 0 4%;}





/* Our Process ----------------- */

.our-process { padding: 60px 0;}

.our-process ul { margin: 0; padding: 0; list-style: none; text-align: center;}

.our-process ul li { display: inline-block; vertical-align: top; padding: 45px 50px 45px 20px; background: url(../images/process-shadow.png) no-repeat 100% 50%; position: relative;}

.our-process ul li:after { content: ''; position: absolute; right: -4px; top: 59%; width: 23px; height: 44px; background: url(../images/process-arw.png) no-repeat 0 0; display: block; z-index: -1; transition: all .3s ease;}

.our-process ul li:hover:after { right: -8px;}

.our-process ul li:last-child { background: none;}

.our-process ul li:last-child:after { display: none;}

.our-process ul li h6 { margin: 15px 0 0; font-weight: 500; text-transform: uppercase;}

.our-process .action-rw { text-align: center; padding: 25px 0 0;}

.our-process .action-rw a.action-primary { min-width: 200px;}





/* Services Technology ----------------- */

.services-technology { background: url(../images/curve-texture.png) no-repeat top center #f8f8f8; padding: 170px 0 60px; background-size: contain;}

.services-technology .service-content { display: flex; justify-content: space-between; align-items: flex-start;}

.services-technology .service-content .img-wrap { width: 40%; text-align: center;}

.services-technology .service-content .txt-wrap { width: 50%;}

.services-technology .service-content .st-min { min-height: 275px;}





/* Tools ----------------- */

.alit-tools { background: url(../images/tools-bg.jpg) no-repeat top center; padding: 70px 0 60px; background-size: cover;}

.alit-tools .container { max-width: 1600px;}

.alit-tools .section-title h2 { color: #fff;}

.alit-tools ul { margin: 0; padding: 0; list-style: none; text-align: center;}

.alit-tools ul li { display: inline-block; vertical-align: top; padding: 10px 5px; width: 12%;}

.alit-tools ul li .img-wrap { display: block; text-align: center; padding: 20px 0; margin-bottom: 20px; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.alit-tools ul li:hover .img-wrap { background-color: rgba(0,0,0,0.4);}

.alit-tools ul li h6 { color: #fff; font-weight: 500;}





/* Our Core Values ----------------- */

.our-core-values { position: relative; padding-bottom: 2rem;}

.our-core-values:before { content: ''; position: absolute; top: 0; right: 0; background: url(../images/particle-motion-bg.jpg) no-repeat 0 0; width: 481px; height: 373px; display: inline-block; z-index: 0;}

.our-core-values .core-value-tree { background: url(../images/map-bg.jpg) no-repeat 50% 50%; padding: 50px 0 25px; position: relative;}

.our-core-values .core-value-tree .tree-items { position: relative; max-width: 920px; padding: 30px 0; margin: 0 auto;}

.our-core-values .core-value-tree .tree-items:before { content: ''; width: 8px; height: 100%; display: block; background-color: #eee; position: absolute; left: 50%; top: 0; border-radius: 50px; z-index: 0; margin-left: -4px;}

.our-core-values .core-value-tree .tree-items .item { background-color: rgba(255,255,255,0.5); border: 2px solid #eee; position: relative; max-width: 45%; padding: 30px 100px 30px 25px; margin: 10px 0;

	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: relative; clear: both;}

.our-core-values .core-value-tree .tree-items .item:hover { background-color: #EEC724; border-color: #EEC724;}

.our-core-values .core-value-tree .tree-items .item h3 { font-size: 18px; font-weight: 600;}

.our-core-values .core-value-tree .tree-items .item p { line-height: 1.4; margin: 0;}

.our-core-values .core-value-tree .tree-items .item img { position: absolute; right: 20px; top: 30px;}

.our-core-values .core-value-tree .tree-items .item:after {

    content: ''; position: absolute; right: -30px; top: 50%; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 30px; border-color: transparent transparent transparent #eee; margin-top: -15px;

}

.our-core-values .core-value-tree .tree-items .item:hover:after { border-color: transparent transparent transparent #EEC724;}

.our-core-values .core-value-tree .tree-items .item:hover.move-right:after { border-color: transparent #EEC724 transparent transparent;}



.our-core-values .core-value-tree .tree-items .item.move-right { float: right;}

.our-core-values .core-value-tree .tree-items .item.move-right:after { right: auto; left: -30px; border-width: 15px 30px 15px 0; border-color: transparent #eee transparent transparent;}





/* Achievements ----------------- */

.our-achievements { background: url(../images/curve-texture-ylw.png) no-repeat top center #EEC724; padding: 170px 0 60px; background-size: contain;}

.our-achievements .section-title h2 span:after { background-color: #FFF;}

.our-achievements .section-title .content { padding: 15px 0 0; max-width: 720px; margin: 0 auto;}

.our-achievements ul.items { margin: 0; padding: 20px 0 0; list-style: none; text-align: center;}

.our-achievements ul.items li { display: inline-block; vertical-align: top; margin: 10px 18px;}

.our-achievements ul.items li span { display: inline-block; background-color: #fff; width: 120px; height: 120px; font-size: 36px; font-weight: 600; margin: 0 0 15px; padding: 36px 0 0; 

	border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;

	box-shadow: 0 10px 10px rgb(0 0 0 / 20%); -moz-box-shadow: 0 10px 10px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 10px 10px rgb(0 0 0 / 20%);

}

.our-achievements ul.items li:hover span { box-shadow: 0 -10px 14px rgb(0 0 0 / 20%); -moz-box-shadow: 0 -10px 14px rgb(0 0 0 / 20%); -webkit-box-shadow: 0 -10px 14px rgb(0 0 0 / 20%);}

.our-achievements ul.items li h5 { font-weight: 500;}





/* Testimonial ----------------- */

.our-testimonial { background: url(../images/testimonial-bg.jpg) no-repeat top center; padding: 80px 0; background-size: cover;}

.our-testimonial .section-title h2 { color: #fff;}

.our-testimonial #customers-testimonials .item { position: relative; background-color: #fff; padding: 55px 25px 35px 25px; margin-top: 50px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; min-height: 360px;}

.our-testimonial #customers-testimonials .item .client-name { padding: 15px 0 5px; font-size: 18px; font-weight: 600; color: #222;}

.our-testimonial #customers-testimonials .item .client-company { font-weight: 300; display: none;}

.our-testimonial #customers-testimonials .item .quote-sign { width: 70px; height: 70px; background-color: #eec724; display: block; padding-top: 15px; 

    position: absolute; left: 50%; top: -35px; margin-left: -35px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;

}

.our-testimonial #customers-testimonials .item .quote-sign img { max-width: 40px; display: inline-block;}



.our-testimonial .owl-nav { display: none;}

.our-testimonial .owl-dots{ text-align: center; padding: 15px 0 0;}

.our-testimonial .owl-dots button.owl-dot { background-color: #ccc; width: 30px; height: 4px; display: inline-block; margin: 0 8px;}

.our-testimonial .owl-dots button.owl-dot.active { background-color: #FFC107; width: 30px; height: 4px; display: inline-block;}



/* Get Free Consultation Form ----------------- */

.get-free-consultation { background: url(../images/get-free-consultation-bg.jpg) no-repeat top center; padding: 90px 0; background-size: cover;}

.get-free-consultation .consultation-panel { background-color: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 20%); display: flex; justify-content: space-between;}

.get-free-consultation .consultation-panel .img-wrap { overflow: hidden;}

.get-free-consultation .consultation-panel .form-wrap { width: 70%; padding: 40px 25px 10px;}

.get-free-consultation .consultation-panel .form-wrap .section-title { /*text-align: left;*/}

.get-free-consultation .consultation-panel .form-wrap .section-title h2 span:after { /*left: 0; margin-left: 0;*/}

.get-free-consultation .consultation-panel .form-box label { display: block;}

.get-free-consultation .consultation-panel .form-box label em { color: #f00; font-style: normal; font-size: 14px;}

.get-free-consultation .consultation-panel .form-box .input-text { width: 100%; border: 1px solid #ccc; height: 40px; margin-bottom: 15px; padding: 0 10px; font-size: 14px;}

.get-free-consultation .consultation-panel .form-box .tarea { width: 100%; border: 1px solid #ccc; height: 75px; margin-bottom: 15px; padding: 10px; font-size: 14px; resize: none;}

.get-free-consultation .consultation-panel .form-box .action-primary { border: none; min-width: 180px;}

.get-free-consultation .consultation-panel .action-rw { text-align: center; padding-top: 10px;}





/* footer ----------------- */

footer{ background-color: #444; padding: 50px 0 10px;}

.footer-block .social ul, 

.footer-block .footer-list ul { list-style: none; margin: 0; padding: 0;}

.footer-block .footer-logo { margin-bottom: 30px;}

.footer-block { margin-bottom: 30px;}

.footer-block .social ul li{ display: inline-block; margin-right: 4px;}

.footer-block .social ul li a{ display: block; text-decoration: none; background: #333; width: 40px; height: 40px; text-align: center; line-height: 40px;}

.footer-block .footer-list h5{ font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 20px;}

.footer-block .footer-list ul li{ display: block;}

.footer-block .footer-list ul li a{ display: inline-block; text-decoration: none; font-size: 14px; color: #fff; font-weight: 400; padding-bottom: 5px;}

.footer-block .footer-list ul li a:hover{ text-decoration: underline; color: #edc624;}

.footer-block .footer-list ul li span { display: inline-block; text-decoration: none; font-size: 14px; color: #fff; font-weight: 400; padding-bottom: 5px;}

.footer-block .footer-list .display-flex { display: flex; justify-content: space-between;}



.copyright{ background-color: #444; padding: 0px 0 30px;}

.copyright .container { border-top: 1px solid #333; padding-top: 30px; text-align: center;}

.copyright p { font-size: 15px; color: #fff; font-weight: 400; margin: 0;}

.copyright p span{color: #edc624;}





/* ABOUT PAGE ----------------- */

.our-vision .content { display: flex; justify-content: space-between; align-items: center;}

.our-vision .content .img-wrap { width: 40%; text-align: center;}

.our-vision .content .txt-wrap { width: 50%;}



.our-mission { background: url(../images/curve-texture.png) no-repeat top center #f8f8f8; padding: 170px 0 60px; background-size: contain;}

.our-mission .content { display: flex; justify-content: space-between; align-items: center;}

.our-mission .content .img-wrap { width: 40%; text-align: center;}

.our-mission .content .txt-wrap { width: 50%;}





.our-timeline { background-color: #f8f8f8; padding: 70px 0 90px 0;}

.our-timeline .container { max-width: 1600px;}

.timeline-panel { margin: 120px 0 25px 0; padding: 0 40px; position: relative;}

.timeline-panel ul { margin: 0; padding: 0 15px; list-style: none; position: relative; text-align: center;}

.timeline-panel ul li { display: inline-block; width: 17.5%; margin: 0 1%; padding: 35px 0 0; vertical-align: top; position: relative;}

/*.timeline-panel ul li:nth-child(odd) { margin-bottom: 25%; vertical-align: bottom;}

.timeline-panel ul li:nth-child(even) { margin-top: 25%; vertical-align: top;}*/

.timeline-panel ul:before { content: ''; width: 100%; height: 6px; display: block; background-color: #EFEFF4; position: absolute; left: 0; top: 0; z-index: 0;}



.timeline-panel ul li:before { content: ''; width: 20px; height: 20px; background-color: #A8ABB2; display: block; position: absolute; left: 50%; top: -8px; border-radius: 100%; margin-left: -10px;}

.timeline-panel ul li:after { content: ''; width: 10px; height: 10px; background-color: #EFEFF4; display: block; position: absolute; left: 50%; top: -3px; border-radius: 100%; margin-left: -5px;}



.timeline-panel ul li:hover:before { background-color: #444;}

.timeline-panel ul li:hover:after { background-color: #EEC724;}



.timeline-panel ul li:hover .item { border-top: 3px solid #ffc800;}

.timeline-panel ul li:hover .tp-items:before { border-color: transparent transparent #ffc800 transparent;}



.timeline-panel .tp-items { position: relative;}

.timeline-panel .tp-items:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 15px 10px; border-color: transparent transparent #efeff4 transparent;

    display: inline-block; position: absolute; left: 50%; top: -14px; margin-left: -10px;

}

.timeline-panel .tp-items .item { padding: 15px; font-size: 13px; border: 2px solid #e5e5e5; border-radius: 8px;}

.timeline-panel .tp-items .item:hover { background-color: #fff; box-shadow: 0 12px 12px #ddd;}

.timeline-panel .tp-items .item .tp-years { font-size: 18px; font-weight: 600; position: absolute; top: -75px; width: 100%; left: 0;}



.timeline-panel .tp-start { position: absolute; top: 0; left: 0; margin-top: -35px; z-index: 9;}

.timeline-panel .tp-result { position: absolute; top: 0; right: 0; margin-top: -35px; z-index: 9;}



.how-we-work { background: url(../images/how-we-work-bg.jpg) no-repeat top center; padding: 70px 0 60px; background-size: cover;}

.how-we-work .section-title h2 { color: #fff;}

.how-we-work .tab-content { color: #fff;}

.how-we-work .hww-panel { display: flex; justify-content: space-between; align-items: center; margin: 40px 0;}

.how-we-work .hww-panel .img-wrap { width: 50%;}

.how-we-work .hww-panel .content { width: 50%; padding-left: 4%;}

.how-we-work .hww-panel .content h3 { font-weight: 600; color: #ffc800;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner { position: relative; display: inline-block;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav { margin: 0; padding: 0; list-style: none; z-index: 1;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li { display: inline-block; text-align: center;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li a { color: #fff; text-decoration: none;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li span { display: block; background-color: #EFEFF4; border: 4px solid #fff; width: 100px; height: 100px; text-align: center; padding-top: 15px; 

	border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;

}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li:hover span { background-color: #EEC724; border: 4px solid #fff; }

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li a strong { font-weight: 500; font-size: 18px; padding-top: 5px; display: inline-block;}



.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-ana { position: absolute; left: 131px; top: 158px;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-des { position: absolute; left: 4px; top: 51px;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-dev { position: absolute; left: 231px; top: 15px;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-tst { position: absolute; left: 334px; top: 161px;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-dep { position: absolute; left: 451px; top: 51px;}

.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-dev strong { padding: 0 0 5px;}





.faq-panel .faq-content { padding: 40px 0 0;}

.faq-panel .accordion h3 { position: relative; width: 100%; padding: 14px 50px 14px 10px; color: #444; font-size: 18px; font-weight: 400; border-bottom: 1px solid #e5e5e5; text-decoration: none; margin-bottom: 0;

  display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;  

}



.faq-panel .accordion h3:hover,

.faq-panel .accordion h3:hover::after { cursor: pointer; color: #222;}



.faq-panel .accordion h3:hover::after { border: 1px solid #bbb;}

.faq-panel .accordion h3.active { background-color:#eee; color: #222; border-bottom: 1px solid #eee;}



.faq-panel .accordion h3::after { content: '+'; position: absolute; float: right; right: 1rem; font-size: 18px; color: #444; padding: 5px; width: 30px; height: 30px; border: 1px solid #e5e5e5; text-align: center;

  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 1.25; margin-top: -4px;}



.faq-panel .accordion h3.active::after { content: '-'; color: #444; border: 1px solid #bbb; line-height: 1.25;}

.faq-panel .accordion .content { display: none; padding: 1rem; border-bottom: 1px solid #e5e5e5; overflow: hidden;}

.faq-panel .accordion .content p { font-size: 1rem; font-weight: 300;}



.faq-panel .accordion-item { border: none;}





/* SERVICES PAGE ----------------- */

.main-services .service-content { display: flex; justify-content: space-between; align-items: center; padding: 0 0 50px;}

.main-services .service-content .img-wrap { width: 40%; padding: 0 20px;}

.main-services .service-content .txt-wrap { width: 60%; padding: 0 20px;}



.main-services .section-intro { max-width: 1050px; margin: 0 auto 25px; text-align: center;}

.main-services .section-intro h4 { font-size: 20px; font-weight: 500;}

.main-services .services-panel { padding: 30px 25px; box-shadow: 0 10px 20px #e5e5e5; -moz-box-shadow: 0 10px 20px #e5e5e5; -webkit-box-shadow: 0 10px 20px #e5e5e5; margin: 20px 0 70px;

	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}



.product-intro { padding: 4rem 0 2rem;}

.product-intro .product-intro-wrapper { display: flex; align-items: center;}

.product-intro .product-intro-wrapper .img-wrap { width: 50%; text-align: center;}

.product-intro .product-intro-wrapper .content { width: 50%; padding-left: 5%;}

.product-intro .product-intro-wrapper .content .section-title { text-align: left;}

.product-intro .product-intro-wrapper .content .section-title h2 span { line-height: 1.4;}

.product-intro .product-intro-wrapper .content .section-title h2 span:after { top: auto; bottom: 0; left: 0; margin-left: 0;}

.product-intro.web-mob { padding: 5rem 0 5rem;}



.what-we-build { background: url(../images/curve-texture.png) no-repeat top center #f8f8f8; padding: 170px 0 60px; background-size: contain;}

.what-we-build .wwb-panel { position: relative; margin: 50px 0 0px;}

.what-we-build .wwb-panel .img-wrap { display: inline-block; position: absolute; left: 50%; top: 0; margin-left: -165px;}

.what-we-build .wwb-panel .content.left { float: left; width: 30%;}

.what-we-build .wwb-panel .content.right { float: right; width: 30%;}

.what-we-build .wwb-panel .content.bottom { clear: both; text-align: center; padding: 30px 0 0; max-width: 880px; margin: 0 auto;}

.what-we-build .wwb-panel .content h3 { font-size: 18px; font-weight: 600; margin: 0 0 15px;}

.what-we-build .wwb-panel .item { min-height: 225px;}

.what-we-build .wwb-panel .content.bottom .item { min-height: auto;}



.our-testimonial.services { background: none #f5f5f5;}

.our-testimonial.services .section-title h2 { color: #444;}



.alit-tools.tech-stack .section-title .content { max-width: 900px; margin: 0 auto; padding: 15px 0 5px; color: #fff;}





/* CONTACT PAGE ----------------- */

.contact-location { text-align: center;}

.contact-location .container { max-width: 1100px;}

.contact-location h6 { font-size: 15px; font-weight: 500; color: #777; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px;}

.contact-location a { color: #444; font-size: 24px; text-decoration: none;}

.contact-location a:hover { color: #ffc800;}

.contact-location address { font-size: 24px;}

.contact-location p { line-height: 1.4; font-size: 15px; color: #666;}



.contact-query { padding: 4rem 15px;}

.contact-query .form-wrap { max-width: 1100px; margin: 0 auto; padding: 90px 50px 50px 50px; box-shadow: 0 0 30px #ddd; -moz-box-shadow: 0 0 30px #ddd; -webkit-box-shadow: 0 0 30px #ddd;

    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; 

}

.contact-query .form-wrap .qsign { width: 110px; height: 110px; background-color: #eec724; display: block; padding-top: 24px; position: absolute; left: 50%; top: -55px; margin-left: -55px;

     border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; text-align: center; border: 4px solid #fff;

	 box-shadow: 0 -10px 10px #e5e5e5; -moz-box-shadow: 0 -10px 10px #e5e5e5; -webkit-box-shadow: 0 -10px 10px #e5e5e5;

}

.contact-query .form-wrap .form-box { padding: 25px 0 0;}

.contact-query .form-wrap h2 { font-size: 24px; font-weight: 600;}

.contact-query .form-wrap .form-box label { display: block; padding-bottom: 5px;}

.contact-query .form-wrap .form-box label em { color: #f00; font-style: normal; font-size: 14px;}

.contact-query .form-wrap .form-box .input-text { width: 100%; border: 1px solid #ccc; height: 40px; margin-bottom: 15px; padding: 0 10px; font-size: 14px;}

.contact-query .form-wrap .form-box .tarea { width: 100%; border: 1px solid #ccc; height: 100px; margin-bottom: 15px; padding: 10px; font-size: 14px; resize: none;}

.contact-query .form-wrap .form-box .action-primary { border: none; min-width: 180px;}

.contact-query .form-wrap .action-rw { text-align: center;}



section.get-free-consultation.contactus { background: none; padding: 30px 0 60px;}



.map-location { padding: 4rem 0 0;}

.map-location .container-fluid { padding-left: 0; padding-right: 0;}



.contact-location .container { max-width: 1320px;}

.contact-location .loc-item { text-align: left; padding: 20px 0 0;}

.contact-location.new .map-location { padding: 8px 8px 2px; border: 1px solid #e5e5e5;}





/* CAREER PAGE ----------------- */

.career-hiring .container,

.career-benefits .container,

.career-opening .container { max-width: 1170px;}



.career-hiring .box { display: flex; justify-content: space-between; align-items: center;}

.career-hiring .box .img-wrap { width: 40%; text-align: center;}

.career-hiring .box .txt-wrap { width: 50%;}

.career-hiring .sub-title { text-transform: uppercase; letter-spacing: 2px; font-size: 15px; font-weight: 500; margin: 0 0 15px;}

.career-hiring .section-title { text-align: left;}

.career-hiring .section-title h2 span:after { left: 0; margin-left: 0;}

.career-hiring .content { font-size: 20px; font-weight: 300;}

.career-hiring a { color: #444; }

.career-hiring a:hover { text-decoration: none;}





.career-opening .item { padding: 30px 25px; box-shadow: 0 0px 20px #e5e5e5; -moz-box-shadow: 0 1px 20px #e5e5e5; -webkit-box-shadow: 0 0px 20px #e5e5e5; margin: 20px 0;

	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;

}

.career-opening .item .job-title { font-size: 20px; font-weight: 600; margin: 0 0 15px; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px;}

.career-opening .item .sub-title { margin-bottom: 5px;}

.career-opening .item .content ul { margin: 0 0 20px; padding: 0; list-style: none;}

.career-opening .item .content ul li { padding: 0 0 8px 24px; font-size: 16px; position:relative; }

.career-opening .item .content ul li:before { content: ''; background: url(../images/bullet-arw.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; position: absolute; left: 0; top: 5px; }

.career-opening .item .action-rw { text-align: center; padding: 25px 0 10px 0; margin-top: 15px; border-top: 1px solid #e5e5e5;}

.career-opening .item .action-rw .send-hr { font-size: 18px;}



.career-benefits .item { text-align: center; padding: 45px 25px 25px; box-shadow: 0 10px 20px #e5e5e5; -moz-box-shadow: 0 10px 20px #e5e5e5; -webkit-box-shadow: 0 10px 20px #e5e5e5; margin: 20px 0;

	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;

}

.career-benefits .item:hover { box-shadow: 0 10px 20px #d5d5d5; -moz-box-shadow: 0 10px 20px #d5d5d5; -webkit-box-shadow: 0 10px 20px #d5d5d5;}

.career-benefits .item h4 { font-size: 18px; font-weight: 600; margin: 30px 0 20px;}


/* Current Position */
.career-opening .cop-item { padding: 25px; margin: 20px 0;
	box-shadow: 0 10px 20px #e5e5e5; -moz-box-shadow: 0 10px 20px #e5e5e5; -webkit-box-shadow: 0 10px 20px #e5e5e5; 
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom: 3px solid #ffc800;
}
.career-opening .cop-item:hover { box-shadow: 0px 0px 30px #d5d5d5; -moz-box-shadow: 0px 0px 30px #d5d5d5; -webkit-box-shadow: 0px 0px 30px #d5d5d5; }
.career-opening .cop-item > div { padding: 15px; }
.career-opening .cop-item .cop-title { font-size: 24px; font-weight: 600; padding-bottom: 5px;}

.career-opening .other-tech ul { margin: 0; padding: 0; text-align: center;}
.career-opening .other-tech ul li { display: inline-block; width: 280px; margin: 20px; padding: 35px 20px; vertical-align: top; border-bottom: 3px solid #ffc800;
	box-shadow: 0 0 20px #e5e5e5; -moz-box-shadow: 0 0 20px #e5e5e5; -webkit-box-shadow: 0 0 20px #e5e5e5; 
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom: 3px solid #ffc800;
}
.career-opening .other-tech ul li:hover {box-shadow: 0 0 20px #d5d5d5; -moz-box-shadow: 0 0 20px #d5d5d5; -webkit-box-shadow: 0 0 20px #d5d5d5; }
.career-opening .other-tech ul li h3 {font-size: 18px; color: #444; font-weight: 600; margin: 20px 0 0;}
.career-opening .other-tech ul li a { text-decoration: none;}

.get-free-consultation.career-opening-form { background: none #f0c922; padding: 90px 0; }
.get-free-consultation .consultation-panel .form-box input[type="file"] { padding-top: 5px;}

@media only screen and (min-width: 768px) {
	.career-opening .cop-item { display: flex; justify-content: space-between; align-items: center;}	
}
@media only screen and (max-width: 450px) {
	.career-opening .cop-item > div { padding: 10px 5px;}
	.career-opening .cop-item .actions a { width: 100%; margin: 5px 0; text-align: center;}
}

/* PROCESS PAGE ----------------- */

.process-steps .item { padding: 30px 25px; box-shadow: 0 10px 20px #e5e5e5; -moz-box-shadow: 0 10px 20px #e5e5e5; -webkit-box-shadow: 0 10px 20px #e5e5e5; margin: 20px 0; text-align: center;

	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.process-steps .item h4 { margin: 20px 0;}



.process-circle { padding: 13px 0px; border-radius: 50%; background-color: #ffc800; color: #222; font-weight: 600; max-height: 50px; z-index: 2; width: 48px; height: 48px;}



.process-item.row .col-2 { align-self: stretch; position: relative;}

.process-item.row .col-2::after { content: ""; position: absolute; border-left: 3px solid #ffc800; z-index: 1;}

.process-item.row .col-2.bottom::after { height: 50%; left: 50%; top: 50%;}

.process-item.row .col-2.full::after { height: 100%; left: calc(50% - 3px);}

.process-item.row .col-2.full-left::after { height: 100%; left: calc(50% - 0px);}

.process-item.row .col-2.top::after { height: 50%; left: 50%; top: 0;}



.process-item.row .col-2.end-half::after { height: 50%; top: 0;}



.process-line div { padding: 0; height: 40px;}

.process-line hr { border-top: 3px solid #ffc800; margin: 0; top: 17px; position: relative; opacity: 1;}

.process-line .col-2 { display: flex; overflow: hidden;}

.process-line .corner { border: 3px solid #ffc800; width: 100%; position: relative; border-radius: 15px;}

.process-line .top-right { left: 50%; top: -50%;}

.process-line .left-bottom { left: -50%; top: calc(50% - 3px);}

.process-line .top-left { left: -50%; top: -50%;}

.process-line .right-bottom { left: 50%; top: calc(50% - 3px);}



.process-steps .content { position: relative; padding-left: 80px;}

.process-steps .content span.img-wrap { position: absolute; left: 0; top: 50%; margin-top: -25px;}

.process-steps .content h3 { font-size: 24px; font-weight: 600; margin: 15px 0 10px;}





.site-underconstruction .wrapper {

    padding: 50px 0;

    display: flex;

    justify-content: space-around;

    align-items: center;

}



#backto-top {

    position:fixed;

    right:10px;

    bottom:10px;

    cursor:pointer;

    width:50px;

    height:50px;

    background-color:#ffc800;

    text-indent:-9999px;

    display:none;

}

#backto-top span {

    position:absolute;

    top:50%;

    left:50%;

    margin-left:-8px;

    margin-top:-12px;

    height:0;

    width:0;

    border:8px solid transparent;

    border-bottom-color:#ffffff;

}

#backto-top:hover {

    background-color:#222;

    opacity:1;filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}



/*Horizontal Sliding*/

.slidingHorizontal{

	display: inline;

	text-indent: 8px;

	margin-right: 18%;

}

.slidingHorizontal span{

	animation: leftToRight 12.5s linear infinite 0s;

	-ms-animation: leftToRight 12.5s linear infinite 0s;

	-webkit-animation: leftToRight 12.5s linear infinite 0s;

	color: #fff;

	opacity: 0;

	overflow: hidden;

	position: absolute;

}

.slidingHorizontal span:nth-child(2){

	animation-delay: 2.5s;

	-ms-animation-delay: 2.5s;

	-webkit-animation-delay: 2.5s;

}

.slidingHorizontal span:nth-child(3){

	animation-delay: 5s;

	-ms-animation-delay: 5s;

	-webkit-animation-delay: 5s;

}

.slidingHorizontal span:nth-child(4){

	animation-delay: 7.5s;

	-ms-animation-delay: 7.5s;

	-webkit-animation-delay: 7.5s;

}

.slidingHorizontal span:nth-child(5){

	animation-delay: 10s;

	-ms-animation-delay: 10s;

	-webkit-animation-delay: 10s;

}



/*leftToRight Animation*/

@-moz-keyframes leftToRight{

	0% { opacity: 0; }

	5% { opacity: 0; -moz-transform: translateX(-50px); }

	10% { opacity: 1; -moz-transform: translateX(0px); }

	25% { opacity: 1; -moz-transform: translateX(0px); }

	30% { opacity: 0; -moz-transform: translateX(50px); }

	80% { opacity: 0; }

	100% { opacity: 0; }

}

@-webkit-keyframes leftToRight{

	0% { opacity: 0; }

	5% { opacity: 0; -webkit-transform: translateX(-50px); }

	10% { opacity: 1; -webkit-transform: translateX(0px); }

	25% { opacity: 1; -webkit-transform: translateX(0px); }

	30% { opacity: 0; -webkit-transform: translateX(50px); }

	80% { opacity: 0; }

	100% { opacity: 0; }

}

@-ms-keyframes leftToRight{

	0% { opacity: 0; }

	5% { opacity: 0; -ms-transform: translateX(-50px); }

	10% { opacity: 1; -ms-transform: translateX(0px); }

	25% { opacity: 1; -ms-transform: translateX(0px); }

	30% { opacity: 0; -ms-transform: translateX(50px); }

	80% { opacity: 0; }

	100% { opacity: 0; }

}



@-moz-keyframes topToBottom{

	0% { opacity: 0; }

	5% { opacity: 0; -moz-transform: translateY(-50px); }

	10% { opacity: 1; -moz-transform: translateY(0px); }

	25% { opacity: 1; -moz-transform: translateY(0px); }

	30% { opacity: 0; -moz-transform: translateY(50px); }

	80% { opacity: 0; }

	100% { opacity: 0; }

}

@-webkit-keyframes topToBottom{

	0% { opacity: 0; }

	5% { opacity: 0; -webkit-transform: translateY(-50px); }

	10% { opacity: 1; -webkit-transform: translateY(0px); }

	25% { opacity: 1; -webkit-transform: translateY(0px); }

	30% { opacity: 0; -webkit-transform: translateY(50px); }

	80% { opacity: 0; }

	100% { opacity: 0; }

}

@-ms-keyframes topToBottom{

	0% { opacity: 0; }

	5% { opacity: 0; -ms-transform: translateY(-50px); }

	10% { opacity: 1; -ms-transform: translateY(0px); }

	25% { opacity: 1; -ms-transform: translateY(0px); }

	30% { opacity: 0; -ms-transform: translateY(50px); }

	80% { opacity: 0; }

	100% { opacity: 0; }

}





/* TABS STYLES ------------------------ */  

ul.tabs, ul.tabs-rdbms { margin: 0; padding: 0; list-style: none; height: auto; width: 100%; text-align: center;} 
ul.tabs li, ul.tabs-rdbms li { margin: 0 4px; padding: 0; line-height: 32px; overflow: hidden; position: relative; display: inline-block;} 
ul.tabs li a { text-decoration: none; font-size: 16px; font-weight: 500; color: #222; outline: none; display: block; padding: 2px 15px; outline: none; background:none;} 
ul.tabs li a:hover { background: #fff;}  
ul.tabs li.active { background: #EAC328; color: #222; }
ul.tabs li.active a 
ul.tabs li.active a:hover  { background: #EAC328; color: #222;}

.tabContainer { border-top: none; overflow: hidden; clear: both; float: left; width:99.9%; min-height:200px; margin-bottom:10px;}  
.tabContent, .tabContent-rdbms { padding: 40px 15px;}  
.tabContent-rdbms .service-content { text-align: center; max-width: 1080px; margin: 0 auto;}

ul.tabs-rdbms li { border: 4px solid #fff; box-shadow: 0 0 8px #ddd; width: 15%; margin: 0 0.5%; padding: 20px 5px; overflow: visible;}
ul.tabs-rdbms li.current { background: #fff; border: 4px solid #EAC328;}
ul.tabs-rdbms li.current:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #EAC328 transparent transparent transparent;
    position: absolute; left: 50%; bottom: -14px; margin-left: -5px;
}
.tech-rdbms { padding: 4rem 0 2rem 0;}

@media only screen and (max-width: 767px) {
ul.tabs { height: auto; display: block; width:100%; border-left:0px;} 
ul.tabs li { width:100%; background-color: #e5e5e5;}
ul.tabs li a { border-top-left-radius:0px; -moz-border-top-left-radius:0px;	-webkit-border-top-left-radius:0px;	border-top-right-radius:0px; -moz-border-top-right-radius:0px; -webkit-border-top-right-radius:0px;
border:0px;}

div.tabContainer { border: 0px;}    
}

@media only screen and (max-width: 540px) {
	ul.tabs-rdbms li { width: 30%; margin: 10px 0.5%; padding: 10px 0px;}  
}



/* Buttons ----------------- */

.action-primary {

    background-color: #ffc800;

    color: #000;

    font-weight: 500;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 2px;

    padding: 12px 25px;

    display: inline-block;

    line-height: 1.2;

    transition: all .3s ease;

}

.action-primary:hover {

    background-color: #222;

    color: #fff;

}

.action-secondary {
    background-color: #fff;
    color: #000;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 25px;
    display: inline-block;
	border: 2px solid #444;
    line-height: 1.2;
    transition: all .3s ease;
}

.action-secondary:hover {
    background-color: #444;
    color: #fff;
}



.curve-section-glb { background: url(../images/curve-texture.png) no-repeat top center #f8f8f8; padding: 170px 0 60px; background-size: contain;}
.curve-section-glb .content { display: flex; justify-content: space-between; align-items: center;}
.curve-section-glb .content .img-wrap { width: 40%; text-align: center;}
.curve-section-glb .content .txt-wrap { width: 50%;}

.curve-section-glb.perks-benefits { 
	background: url("../images/curve-texture.png") no-repeat center top, linear-gradient(#f8f8f8, #ffffff);
}
.curve-section-glb.perks-benefits .img-wrap { width: 48%;}


.heroBanner.career-detail { padding-top: 30px; padding-bottom: 1rem;}
.heroBanner.career-detail:before { /*background-color: #f5f5f5;*/ box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);}
.heroBanner.career-detail .heroBanner-heading { margin: 0 0 15px 0;}
.heroBanner.career-detail .heroBanner-heading h1 { /*color: #444; text-shadow: none;*/}
.heroBanner.career-detail .heroBanner-heading h5 { font-size: 18px;}
.heroBanner.career-detail .heroBanner-heading h5 strong { font-weight: 400;}

.reverse-wrapper ul.items { margin: 0; padding: 0; list-style: none;}
.reverse-wrapper ul.items li { display: flex; padding: 40px 0; align-items: center; background: url(../images/divider-shadow.jpg) no-repeat bottom center;}
.reverse-wrapper ul.items li.last { background: none;}

.reverse-wrapper ul.items li div { padding: 15px;}

.reverse-wrapper ul.items li h3 { margin-bottom: 20px;}
.reverse-wrapper ul.items li h3:after { content: ''; width: 110px; height: 2px; display: block; background-color: #f0c922; margin-top: 12px;}
.reverse-wrapper ul.items li p { font-size: 18px; font-weight: 300;}

.cta-apply { text-align: center; margin: 0 0 20px; display:none;}
.cta-apply a.action-primary { min-width: 240px;}

.cta-apply,
.get-free-consultation.career-opening-form { display:none;}

@media only screen and (max-width: 767px) {
	.reverse-wrapper ul.items li { flex-direction: column; background-size: 100%;}
	.reverse-wrapper ul.items li.rvs-col .txt-wrap { order: 2;}
}

@media only screen and (min-width: 768px) {
	.reverse-wrapper ul.items li .img-wrap { width: 50%;}
	.reverse-wrapper ul.items li .txt-wrap { width: 50%;}	
}



.tech-languages .items { display: flex;}
.tech-languages .items .item { padding: 10px;}
.tech-languages .items .item .box{ background-color: #fff; padding: 35px 30px; height: 100%; border-radius: 6px; box-shadow: 0 0 15px #d5d5d5; display: flex;}
.tech-languages .items .item .box:hover { box-shadow: 0 10px 25px #c5c5c5;}
.tech-languages .items .item .box .img-wrap { width: 28%;}
.tech-languages .items .item .box .txt-wrap { width: 74%; padding-left: 20px;}
.tech-languages .items .item .box .txt-wrap p { font-weight: 300; margin: 0;}

.tech-apps .main-frame { position: relative; padding: 50px 0 35px;}
.tech-apps .main-frame:after { content: ''; width: 100%; height: 26px; display: inline-block; position: absolute; bottom: 0; background: url(../images/tech-app-devider.png) no-repeat center center;}
.tech-apps .main-frame .item { display: flex;}
.tech-apps .main-frame .item .img-wrap { width: 160px; padding: 0 10px;}
.tech-apps .main-frame .item .txt-wrap { width: 75%; padding: 0 10px;}
.tech-apps .main-frame .item .txt-wrap p { font-size: 14px;}
.tech-apps .main-frame .item.reverse .txt-wrap { text-align: right;}
.tech-apps .main-frame .item .txt-wrap p {  font-size: 15px; font-weight: 300;}

.tech-apps .sub-frame { padding: 80px 0 0;}
.tech-apps .sub-frame ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-evenly; flex-shrink: 0;}
.tech-apps .sub-frame ul li { width: 25%; padding:10px;}
.tech-apps .sub-frame ul li .box { background-color: #fff; padding: 45px 15px 15px; text-align: center; height: 100%; position: relative; border-radius: 6px; box-shadow: 0 0 15px #d5d5d5;}
.tech-apps .sub-frame ul li .box:hover { box-shadow: 0 10px 25px #c5c5c5;}
.tech-apps .sub-frame ul li .box img { position: absolute; top: -50px; left: 50%; margin-left: -45px;}
.tech-apps .sub-frame ul li h4 { font-size: 18px; margin: 25px 0 10px;}
.tech-apps .sub-frame ul li p { font-size: 14px;}

.services-technology.tech-data-access { background: url(../images/curve-texture-ylw.png) no-repeat top center #EEC724; padding: 170px 0 60px; background-size: contain;}
.services-technology.tech-data-access .container { max-width: 1080px;}
.services-technology.tech-data-access .section-title h2 { color: #222;}
.services-technology.tech-data-access .section-title h2 span:after { background-color: #fff;}
.services-technology.tech-data-access ul.tabs li a, 
.services-technology.tech-data-access ul.tabs li a:hover { background: #9C800C; color: #fff;}
.services-technology.tech-data-access ul.tabs li.active a, 
.services-technology.tech-data-access ul.tabs li.active a:hover { background: #222; color: #fff;}
.services-technology.tech-data-access .img-wrap { width: 48%;}
.services-technology.tech-data-access h3 { color: #222; font-size: 24px;}
.services-technology.tech-data-access .tabContent { padding-bottom: 0;}

.tech-tools { background: url(../images/tech-tools-bg.jpg) no-repeat 0 0; background-size: cover; padding: 65px 0; }
.tech-tools .section-title { margin-bottom: 50px;}
.tech-tools .section-title h2 { color: #fff;}
.tech-tools ul { margin: 25px 0 0; padding: 0; list-style: none;}
.tech-tools ul li { display: inline-block; width: 24%; vertical-align: top; padding: 15px; color: #fff; font-size: 14px;}
.tech-tools ul li h4 { font-size: 16px; margin: 25px 0 10px; letter-spacing: 1px; font-weight: 500; color: #eec724;}

.our-portfolio ul.tabs li {background-color: #fff;}
.our-portfolio ul.tabs li a { background-color: #EEEEEE; padding: 6px 25px; border-radius: 50px;}
.our-portfolio ul.tabs li.active { background: #fff;}
.our-portfolio ul.tabs li.active a { background-color: #ffc800;}

.our-portfolio .tabContent { padding: 0;}
.our-portfolio .tabContent .item { margin: 15px 0; position: relative;}
.our-portfolio .tabContent .item .img-overlay { position: relative; overflow: hidden; }
.our-portfolio .tabContent .item .img-overlay img { transition: all 300ms ease 0s;}
.our-portfolio .tabContent .item:hover .img-overlay img {transform: scale(1.1);}
.our-portfolio .tabContent .item .img-overlay:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.5) 100%);
}
.our-portfolio .tabContent .item .overlay { position: absolute; left: 0; bottom: 15px; width: 100%; z-index: 1;}
.our-portfolio .tabContent .item .overlay h2 { font-size: 30px; font-weight: 300; color: #fff; text-align: center; margin: 0 0 30px; padding: 0 10px; }
.our-portfolio .tabContent .item .port-view { position: absolute; top: 20px; right: 20px; display: none; border-radius: 6px; background-color: rgba(0,0,0,0.4);}
.our-portfolio .tabContent .item .port-view:hover { background-color: rgba(0,0,0,0.8);}
.our-portfolio .tabContent .item:hover .port-view { display: block;}
.our-portfolio .tabContent .item .tech-port { background-color: #f0c922; padding: 10px; font-size: 15px; color: #000; text-align: center;}


.our-portfolio.case-study { padding-top: 2rem;}
.case-study-banner { background: url(../images/case-study-bnr.jpg) no-repeat 0 0; background-size: 350px; margin-top: 99px; padding-top: 2rem;}
.case-study-banner .container { position: relative; }
.case-study-banner .img-wrap { text-align: center;}
.case-study-banner .intro-wrap { display: flex; flex-direction: column; height: 100%; justify-content: center;}

.case-study-banner .cs-title { font-size: 42px; font-weight: 700; line-height: 1.2; }
.case-study-banner .cs-type { font-size: 18px; text-transform: uppercase; letter-spacing: 2px; }
.case-study-banner .cs-type span { border-bottom: 2px solid #eec724; margin: 0 0 20px; padding-bottom: 10px; display: inline-block; }

.case-study .content { padding: 0 0 50px;}
.case-study h3 { font-weight: 400; color: #000; margin: 30px 0 10px;}
.case-study .other-tech ul { margin: 0; padding: 0; text-align: center;}
.case-study .other-tech ul li { display: inline-block; margin: 15px; padding: 10px 20px; vertical-align: top; box-shadow: 0 0 20px #e5e5e5; -moz-box-shadow: 0 0 20px #e5e5e5; -webkit-box-shadow: 0 0 20px #e5e5e5; border-radius: 8px;}
.case-study .other-tech ul li:hover {box-shadow: 0 0 20px #d5d5d5; -moz-box-shadow: 0 0 20px #d5d5d5; -webkit-box-shadow: 0 0 20px #d5d5d5; }
.case-study .other-tech ul li h3 {font-size: 18px; color: #444; font-weight: 600; margin: 20px 0 0;}
.case-study .other-tech ul li a { text-decoration: none;}

.case-study-result .csr { font-size: 16px; font-weight: 300; text-align: center; max-width: 1080px; margin: 0 auto;}
.case-study-testimonial .ctm { max-width: 970px; margin: 0 auto; text-align: center; font-size: 20px; font-weight: 300;}
.case-study-testimonial .ctm p { font-style: italic;}

.case-study-testimonial .section-title { position: relative; padding-bottom: 80px;}
.case-study-testimonial .section-title:after { content:''; background: url(../images/tstm-comma.png) no-repeat 0 0; width: 63px; height: 60px; display: inline-block; position: absolute; bottom: 0px; left: 50%; margin-left: -31px;}

@media only screen and (min-width: 1200px) {
    .case-study-banner .container {max-width: 1170px;}
}

@media only screen and (max-width: 1024px) {
	.tech-apps .main-frame { padding: 25px 0 35px;}
	.tech-apps .main-frame .item { flex-direction: column; margin: 0px 0 30px;}
	.tech-apps .main-frame .item .txt-wrap { padding: 0 10px; text-align: center; width: 100%;}
	.tech-apps .main-frame .item .img-wrap { width: 100%; padding: 0 0 25px; text-align: center;}
	.tech-apps .main-frame .item.reverse .txt-wrap { order: 2; text-align: center;  width: 100%;}
	
	.tech-apps .sub-frame { padding: 30px 0 0;}
	.tech-apps .sub-frame ul { flex-direction: column;}
	.tech-apps .sub-frame ul li { width: 100%; padding: 10px 10px 10px 50px;}
	.tech-apps .sub-frame ul li .box { padding: 15px 15px 15px 65px; text-align: left;}
	.tech-apps .sub-frame ul li .box img { top: 50%; left: 0; margin-left: -45px; margin-top: -50px;}
}

/* Responsive ----------------- */

@media (max-width: 1200px) {

	.what-we-build .container { max-width: 95%;	}

}



@media only screen and (min-width: 1024px) and (max-width: 1200px) {

	.how-we-work .hww-panel .img-wrap { width: 60%;}

	.how-we-work .hww-panel .content { width: 40%;}

}



@media (max-width: 1024px) {

    header #mainNav .navbar-toggler { font-size: 0; padding: 2px 5px;}
    header #mainNav .navbar-toggler:before { content: ''; background: url(../images/nav-menu.png) no-repeat 0 0; width: 30px; height: 30px;  display: inline-block;}
    header #mainNav .navbar-toggler i { display: none;}
	#mainNav .navbar-nav .nav-item {margin-right:0.5rem !important; }

	#mainNav .navbar-brand img {/*width: 200px;*/ }
	#mainNav .navbar-nav .nav-item .nav-link {font-size: 14px;}	

	.alit-tools ul li { width: 20%;}	

	.timeline-panel { margin: 80px 0 25px 0; padding: 0 0px 0 40px;}
	.timeline-panel .tp-result { top: auto; right: auto; margin-top: 0; bottom: -45px; left: 0;}
	.timeline-panel ul { text-align: left;}
	.timeline-panel ul:before { width: 6px; height: 100%; left: -15px; top: 0;}
	.timeline-panel ul li { display: block; width: 100%;}
	.timeline-panel ul li:hover .item { border-top: 2px solid #e5e5e5; border-left: 3px solid #ffc800;}
	.timeline-panel ul li:before { left: -33px; top: 56px;}
	.timeline-panel ul li:after { left: -33px; top: 61px;}
	.timeline-panel .tp-items .item .tp-years { position: static;}	
	.timeline-panel .tp-items:before { border-width: 7px 10px 7px 0; border-color: transparent #e5e5e5 transparent transparent; left: 0px; top: 22px;}
	.timeline-panel ul li:hover .tp-items:before { border-color: transparent #ffc800 transparent transparent;}	

	.what-we-build .wwb-panel { position: relative; margin: 20px 0 0;}
	.what-we-build .wwb-panel .img-wrap { display: block; margin-left: 0; position: static; text-align: center; margin: 0 0 40px;}
	.what-we-build .wwb-panel .content.left,
	.what-we-build .wwb-panel .content.right { width: 100%;}
	.what-we-build .wwb-panel .content.bottom { text-align: left; padding: 0; max-width: 100%; margin: 0;}
	.what-we-build .wwb-panel .item { min-height: auto;}

    .heroBanner .heroBanner-heading h1 { font-size: 40px; }

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.how-we-work .hww-panel { flex-direction: column;}
	.how-we-work .hww-panel .img-wrap { width: 100%; text-align: center;}
	.how-we-work .hww-panel .content { width: 100%; margin-top: 80px;}
	
	.tech-languages .items .item { width: 50%;}
	.tech-languages .items .item .box { flex-direction: column; text-align: center;}
	.tech-languages .items .item .box .img-wrap { width: 100%;}
	.tech-languages .items .item .box .txt-wrap { width: 100%; padding: 20px 0 0;}

	.tech-tools ul li { width: 49%;}

}



@media only screen and (max-width: 1023px) {

	#mainNav .navbar-nav li:hover > ul.dropdown-menu { position: relative;}	
	#mainNav .navbar-nav .nav-item { border-bottom: 1px solid #e5e5e5;}
	#mainNav .navbar-nav .nav-item .nav-link { padding-left: 10px;}
	#mainNav .navbar-nav .nav-item .nav-link.active { border-bottom: none; border-left: 2px solid #f0c922;}
	
	.our-portfolio .tabContent .item .tech-port { display: none;}
	.our-portfolio .tabContent .item .overlay h2 { font-size: 24px;}

    .case-study-banner { margin-top: 70px; background-size: 60%; padding-top: 90px;}

}


@media only screen and (max-width: 839px) {
	.get-free-consultation .consultation-panel .img-wrap { display: none;}
	.get-free-consultation .consultation-panel .form-wrap { width: 100%; padding: 40px 25px 35px;}	

}


@media only screen and (max-width: 767px) {
    h2 { font-size: 30px;}

	#mainNav .navbar-brand img {width: 225px; }

	.case-study-banner { margin-top: 70px; background-size: 60%; padding-top: 90px;}
	.case-study-banner .intro-wrap { justify-content: flex-start; margin-bottom: 40px;}
	.case-study-banner .cs-title { font-size: 36px;}
	section.case-study { padding-top: 2rem;}

	.heroBanner {padding-top: 5rem; padding-bottom: 5rem; margin-top: 70px;}
	.heroBanner .heroBanner-heading h2 {font-size: 40px;}
	.heroBanner .heroBanner-heading h2.sentence { margin-bottom: 60px;}	
	.heroBanner .heroBanner-heading .slidingHorizontal { margin-right: 0%; display: block; height: 75px; float: left; margin: 50px 0 0 0; overflow: hidden;}
	.heroBanner .heroBanner-heading span { color: #fff; text-align: center; width: 100%; margin-left: -28px;}	

    .heroBanner.contact,
    .heroBanner.career,
    .heroBanner.aboutus,
    .heroBanner.services,
    .heroBanner.career-life,
    .heroBanner.portfolio,
    .heroBanner.technology { padding-top: 4rem; padding-bottom: 2rem;}
    .heroBanner.home { padding-top: 4rem; padding-bottom: 4rem;}
    .heroBanner .heroBanner-heading { margin: 0 0 20px 0;}

	.slidingHorizontal span {
		animation: topToBottom 12.5s linear infinite 0s;
		-ms-animation: topToBottom 12.5s linear infinite 0s;
		-webkit-animation: topToBottom 12.5s linear infinite 0s;
	}	

	.our-process ul li { padding: 45px 30px 45px 10px;}	

	.services-technology { padding: 80px 0 20px;}
	.services-technology .service-content { flex-direction: column;}
	.services-technology .service-content .img-wrap,
	.services-technology .service-content .txt-wrap { width: 100%;}
	.services-technology .service-content .img-wrap { margin-bottom: 30px;}
	.services-technology .section-title h2 span:after { top: 90px;}	

	.alit-tools ul li { width: 31%;}	

	.our-core-values .core-value-tree { padding: 0;}
	.our-core-values .core-value-tree .tree-items:before { display: none;}
	.our-core-values .core-value-tree .tree-items .item { max-width: 100%;}
	.our-core-values .core-value-tree .tree-items .item.move-right { float: none;}
	.our-core-values .core-value-tree .tree-items .item:after { display: none;}	

	.our-achievements { padding: 90px 0 60px;}
	.our-achievements ul.items li { margin: 10px;}	

	.our-testimonial .owl-dots button.owl-dot,
	.our-testimonial .owl-dots button.owl-dot.active { width: 20px; margin: 0 5px;}	

	.get-free-consultation .consultation-panel .form-wrap .section-title h2 span:after { top: 85px;}	

	.contact-query .form-wrap { padding: 90px 25px 50px 25px;}
	.contact-query h2 { font-size: 28px;}
	.contact-query h2 span { line-height: 1.4;}		

	.career-benefits .item { max-width: 400px; margin: 25px auto 15px;}	

	.career-hiring .box { flex-direction: column;}
	.career-hiring .box .img-wrap { width: 100%;}
	.career-hiring .box .txt-wrap { width: 100%; padding-top: 40px;}
	

	.main-services .service-content { padding: 0 0 25px; flex-direction: column; border-bottom: 1px solid #e5e5e5; margin-bottom: 50px;}
	.main-services .service-content .img-wrap { width: 100%; margin-bottom: 40px;}
	.main-services .service-content .txt-wrap { width: 100%; order: 2;}
	.main-services .service-content:last-child { border-bottom: none; margin-bottom: 0;}	

	.process-steps .content { position: relative; padding-left: 0px;}
	.process-steps .content span.img-wrap { position: static; display: block; margin: 0 0 10px;}	

	.how-we-work .hww-panel { flex-direction: column;}
	.how-we-work .hww-panel .img-wrap { width: 100%;}
	.how-we-work .hww-panel .content { width: 100%; margin-top: 80px;}
	.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li a strong { font-size: 14px;}	

	.product-intro .product-intro-wrapper { flex-direction: column;}
	.product-intro .product-intro-wrapper .img-wrap { width: 100%;}
	.product-intro .product-intro-wrapper .content { width: 100%; padding: 20px 0 0;}
    .product-intro .product-intro-wrapper .content .section-title h2 { font-size: 30px;}
	
	.curve-section-glb { padding: 80px 0 60px;}
	.curve-section-glb .content { flex-direction: column;}
	.curve-section-glb.perks-benefits .img-wrap { width: 100%;}
	.curve-section-glb .content .txt-wrap { width: 100%; padding-top: 30px;}
	
	.tech-languages .items,
	.tech-languages .items .item .box { flex-direction: column; text-align: center;}
	.tech-languages .items .item .box .img-wrap { width: 100%;}
	.tech-languages .items .item .box .txt-wrap { width: 100%; padding: 20px 0 0;}

	.tech-tools ul { margin: 0;}
	.tech-tools ul li { width: 100%;}	

    .case-study .other-tech ul li { margin: 15px 5px; max-width: 150px;}

}



@media (max-width: 539px) {

	.contact-query .section-title h2 span:after { top: 85px;}

	

	.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li span { border: 2px solid #fff; width: 60px; height: 60px; padding: 7px 7px;}

	.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-ana { left: 90px; top: 110px;}

	.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-dev { left: 150px; top: 5px;}

	.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-tst { left: 200px; top: 115px;}

	.how-we-work .hww-panel .img-wrap .img-wrap-inner ul#tabs-nav li.step-dep { left: 285px; top: 30px;}

}