/* Import css*/
@import "plugins.css";
*,
a:focus { outline:none; }
html { font-size:16px; }/*For rem*/
body { font-family: "Poppins Regular", Helvetica, Arial, sans-serif; overflow-x: hidden; /*font-size: 1rem;*/ }
html,
body {/* height: 100%;*/ }
a { cursor: pointer;     text-decoration: none; }
a:hover,
a:focus { text-decoration: none; }
:invalid {
box-shadow: none;
}
:-moz-submit-invalid {
box-shadow: none;
}
:-moz-ui-invalid {
box-shadow:none;
}
/*Align tag*/
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }
/*Padding*/
.p-t { padding-top:15px !important; }
.p-r { padding-right:15px !important; }
.p-b { padding-bottom:15px !important; }
.p-l { padding-left:15px !important; }
/*Margin*/
.m-t { margin-top:15px !important; }
.m-r { margin-right:15px !important; }
.m-b { margin-bottom:15px !important; }
.m-l { margin-left:15px !important; }
.m-10 { margin: 10px auto !important; }
.m-20 { margin: 20px auto !important; }
.m-30 { margin: 30px auto !important; }
.m-40 { margin: 40px auto !important; }
.m-50 { margin: 50px auto !important; }
.m-60 { margin: 60px auto !important; }

@media(max-width:768px) {

.m-xs-0 {margin:0  !important;}
}
.divide0 { width: 100%; height: 0px; }
.divide2 { width: 100%; height: 2px; }
.divide3 { width: 100%; height: 3px; }
.divide5 { width: 100%; height: 5px; }
.divide10 { width: 100%; height: 10px; }
.divide15 { width: 100%; height: 15px; }
.divide20 { width: 100%; height: 20px; }
.divide25 { width: 100%; height: 25px; }
.divide30 { width: 100%; height: 30px; }
.divide35 { width: 100%; height: 35px; }
.divide40 { width: 100%; height: 40px; }
.divide45 { width: 100%; height: 40px; }
.divide50 { width: 100%; height: 50px; }
.divide55 { width: 100%; height: 55px; }
.divide60 { width: 100%; height: 60px; }
.divide65 { width: 100%; height: 65px; }
.divide70 { width: 100%; height: 70px; }
.divide75 { width: 100%; height: 75px; }
.divide80 { width: 100%; height: 80px; }
.divide85 { width: 100%; height: 85px; }
/*Vertical Align*/
.vAlign-Top { vertical-align:top; }
.vAlign-Bottom { vertical-align:bottom; }
.vAlign-Middle { vertical-align:middle; }
.vAlign-Baseline { vertical-align:baseline; }
/*Position*/
.pRelative { position:relative; }
.pAbsolute { position:absolute; }
.pFixed { position:fixed; }
.pStatic { position:static; }
select { display: inline-block; font: inherit; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }
/* Font Size*/
.text-00x { font-size: 0.750rem !important; }
.text-0x { font-size: 0.875rem !important; }
.text-x { font-size: 1rem !important; }
.text-1x { font-size: 1.313rem !important; }
.text-2x { font-size: 1.500rem !important; }
.text-3x { font-size: 1.750rem !important; }
.text-4x { font-size: 2rem !important; }
.text-5x { font-size: 2.313rem !important; }
.text-6x { font-size: 2.500rem !important; }
.text-7x { font-size: 2.750rem !important; }
.text-8x { font-size: 3rem !important; }
.text-9x { font-size: 3.313rem !important; }
.text-10x { font-size: 3.500rem !important; }
.text-11x { font-size: 3.750rem !important; }
.text-12x { font-size: 4rem !important; }
.text-13x { font-size: 4.313rem !important; }
.text-14x { font-size: 4.500rem !important; }
.text-15x { font-size: 4.750rem !important; }
.text-16x { font-size: 5rem !important; }
/*Font Weight*/
.Font-bold { font-weight:bold !important; }
.font-w-600 { font-weight: 600 !important; }
.font-w-400 { font-weight: 400 !important; }
.font-w-100 { font-weight: 100 !important; }
.font-noraml { font-weight: normal!important; }
/*Font Style*/
.italicFont { font-style:italic !important; }
/*Text Decoration*/
.underlineFont { text-decoration:underline !important; }
.overlineFont { text-decoration:overline !important; }
.linethroughFont { text-decoration:line-through !important; }
/*Text Transform*/
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-lowercase { text-transform: lowercase; }
/*FontAwesome*/
.fa-1x { font-size: 1.6rem !important; }
.fa-2x { font-size: 2rem !important; }
.fa-3x { font-size: 3rem !important; }
.fa-4x { font-size: 4rem !important; }
.fa-5x { font-size: 4.5rem !important; }
.pull-left { float:left; }
.pull-right { float:right; }
.circle { border-radius: 100px; }
.rounded-corner { border-radius: 10px; }
.w-100 { width: 100%; }
.d-block { display: block }
.d-inlineblock { display: inline-block }
.d-inline { display: inline }
.m-90 { margin:90px 0; }
.bdr { border-width: 1px; border-style: solid; }
.bdr-top { border-top-width: 1px; border-top-style: solid; }
.bdr-rht { border-right-width: 1px; border-right-style: solid; }
.bdr-btm { border-bottom-width: 1px; border-bottom-style: solid; }
.bdr-lft { border-left-width: 1px; border-left-style: solid; }
.bdr-3 { border-width: 3px; border-style: solid; }
/*Text area*/
textarea { height:75px !important; resize:none; }
/*Pre*/
pre { height:75px !important; resize:none; }
.wrapper { overflow: hidden; }
.wrapper.animated { animation-duration:0.1s; animation-fill-mode:both; opacity:1 }
.preloader { position:fixed; left:0; top:0; bottom:0; right:0; z-index:10000; display:flex; justify-content:center; align-items:center; padding:20px; transition:.3s all ease
}
.preloader.loaded { display: none; }
.preloader-body { text-align:center }
.preloader-body p { position:relative; right:-8px }
.fv-spinner { font-size:30px; margin:10px; }
/* Reveal on scroll*/
.revealOnScroll { opacity: 0; }
.main-body { margin-top: 0; }

.navbar-brand img {width: 80%;  transition: all linear .5s}
.navbar-light.navbar-shadow .navbar-brand img {width: 65%;}
.navbar-shadow { -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; -ms-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; }

.img-responsive { display: block; max-width: 100%; height: auto; margin:auto; }
.za-message .za-message-margin { margin:90px 0; }
.worldMap { min-height:512px; }
.za-achivement { margin:90px 0; }
 @media(max-width:992px) {
.za-achivement {
margin:10px 0;
}
.za-message .za-message-margin {
margin:40px 0;
}
}
.section-header { margin-bottom: 50px; position: relative; }
.section-header:before { content: ""; position: absolute; width: 140px; bottom: -25px; left: 50%; margin-left: -70px; height: 4px; }
.section-text h6 { line-height:30px; font-size:1.25rem; }
.footer-header { margin: 0px 0 50px 0; position: relative; }
/*.footer-header:after { content: ""; position: absolute; z-index: 99; width: 100%; bottom: -25px; left:0; height: 4px;}*/
.footer-header:before { content: ""; position: absolute; z-index: 100; width: 25%; bottom: -10px; left:0; height: 2px; }
.nav-item { margin: 5px 0; }
.nav-item:last-child { margin-right: 0px; }
.index-page-header .navbar-light .navbar-nav .nav-link { font-size:1rem; font-weight:600; }
 @media(min-width:992px) {
.nav-item {
margin-right: 10px;
}
}
.footer-container { margin-top:50px; }
.footer-menu { padding: 0; }
.footer-menu li { list-style-type: none; margin: 10px 0; }
.footer-news { padding: 0; }
.footer-news li { list-style-type: none; margin: 10px 0; display: inline-block; }
.footer-news .news-box { width: 120px; height: 120px; border-width: 3px; float: left; margin-right: 15px; }
.footer-news .news-text { display: table; }
/*Check box - Radio Btn*/

.checkbox-customView { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 21px; }
/* Hide the browser's default checkbox */
.checkbox-customView input.checkbox-custom { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkbox-custom-label { position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; border-radius: 3px; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-custom-label:after { content: ""; position: absolute; display: none; left: 0; top: 0; }
/* Show the checkmark when checked */
.checkbox-customView input:checked ~ .checkbox-custom-label:after { /*display: block;*/
display: inline-block;
-webkit-mask-size: cover;
mask-size: cover;
width:20px;
height:20px;
border:none;
}
/* Style the checkmark/indicator */


.radiobox-customView { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 21px; }
/* Hide the browser's default radio button */
.radiobox-customView input.radio-custom { position: absolute; opacity: 0; cursor: pointer; }
/* Create a custom radio button */
.radio-custom-label { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 50%; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-custom-label:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radiobox-customView input:checked ~ .radio-custom-label:after { /*display: block;*/
display: inline-block;
-webkit-mask-size: cover;
mask-size: cover;
width:20px;
height:20px;
border:none;
}
/* Style the indicator (dot/circle) */
.radiobox-customView .radio-custom-label:after { top: 0px; left: 0px; width: 8px; height: 8px; border-radius: 50%; background: white; }
.index-page-header { height:100px; }
.header-slider .radiobox-customView label { top :0 !important; padding: 0 !important; left: 0 !important; cursor: pointer; }
.header-slider .radiobox-customView span { margin-right: 30px; }
.page-header { position: relative; overflow: hidden; display:block; }
.header-slider { position:relative; margin: 0; }
.layout-item-left { width: 100%; max-width: 100%; /*padding: 60px 0 0 0px;*/ position: relative; text-align:center; }
.layout-item-left img { padding: 70px 0; }
.layout-item-right { width: 100%; position:relative; }
.slider-text h1 { margin:90px auto 30px; font-size:3.3rem; font-weight:bold; text-align:center; width: 100%; text-transform:uppercase; }
.slider-text h5 {/*margin:0 auto -3%;*/ font-size:1.2rem; font-weight:400; text-align:center; width: 100%; line-height:30px; text-align:justify; }
.slider-text a { border-radius:10px; padding:15px 70px; margin:20px auto 0px; }
.serviceImg { width:140px; height:140px; float:left; padding:30px; }
.serviceText { display:table; margin-top:15px; }
.benefitsImg { width:120px; height:120px; margin:auto; text-align:center; }
.benefitsText { display:table; text-align:center; }
.benefitsText h6 { line-height:25px; }
 @media screen and (min-width: 240px) and (max-width: 1199px) {
 .header-slider {
margin: 0;
}
}
 @media (min-width: 576px) and (max-width: 767px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1599px) {
.header-slider {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.layout-item-left {
width: 90%; /*padding: 145px 0 0 30px;*/
}
.layout-item-right {
width: 90%;
}
}
 @media (min-width: 1600px) {
.header-slider {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.layout-item-left {
width: 35%; /*padding: 145px 0 0 100px;*/
}
.layout-item-right {
width: 61%;
}
}
.btn-social-icon > :first-child { font-size: 1rem; }
.center-heading { text-align: center; }
.left-heading { text-align: left; }
.right-heading { text-align: right; }
.center-block { display: block; margin-right: auto; margin-left: auto; }

.mod-newsflash-adv__history { margin-left:10%; margin-right:10%; margin-top:40px; position:relative }
.mod-newsflash-adv__history>.row+.row .item { padding-top:30px }
.mod-newsflash-adv__history>.row+.row .item:before { z-index:1; left:0; top:0 }
.mod-newsflash-adv__history>.row+.row .item figcaption+.item_title:before { top:30px }
.mod-newsflash-adv__history:before { content:''; position:absolute; left:15px; bottom:0; width:14px; height:14px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#2cb2c3 }
.mod-newsflash-adv__history article.item { margin-bottom:0; padding-left:85px }
.mod-newsflash-adv__history article.item .item_img { margin-bottom:20px }
.mod-newsflash-adv__history article.item figcaption { font-size:14px; font-weight:700; color:#2cb2c3 ; margin-bottom:2px }
.mod-newsflash-adv__history article.item figcaption+.item_title { margin-bottom:10px }
.mod-newsflash-adv__history article.item figcaption+.item_title .item_introtext { padding-right:35% }
.mod-newsflash-adv__history article.item figcaption+.item_title:after,
.mod-newsflash-adv__history article.item figcaption+.item_title:before { content:''; position:absolute }
.mod-newsflash-adv__history article.item figcaption+.item_title:after { left:21px; top:0; bottom:0; border-left:2px solid #2cb2c3  }
.mod-newsflash-adv__history article.item figcaption+.item_title:before { z-index:1; left:15px; top:0; width:14px; height:14px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#2cb2c3  }

.item__module {position:relative;}

/* ===== Service setion =====*/
.services-section { padding-top: 75px; padding-bottom: 75px; position: relative }
.service-list .service-box { padding: 30px; background-color: rgba(0, 0, 0, 0.03); margin-bottom: 30px; border-radius: 15px; -webkit-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; min-height:270px; }
/*.service-list .service-box:hover { background-color: rgba(0, 166, 92, 1); background-image: url(../images/service-bg.svg); background-repeat: no-repeat; background-position: bottom; background-size: cover; color: #fff; -webkit-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.service-list .service-box:hover h5 { color: #fff; -webkit-transition: color 500ms linear; -ms-transition: color 500ms linear; transition: color 500ms linear; }
.service-list .service-box:hover p { color: rgba(255, 255, 255, 0.5); -webkit-transition: color 500ms linear; -ms-transition: color 500ms linear; transition: color 500ms linear; }*/
.service-list .service-box .icon { color: #00A65C; font-size: 40px; display: inline-block; }
/*.service-list .service-box:hover .icon { color: rgba(255, 255, 255, 0.5); -webkit-transition: color 500ms linear; -ms-transition: color 500ms linear; transition: color 500ms linear; }*/
.service-box h5 { font-weight: bold; }

.softwareDevelopment { }
.softwareDevelopment ul { }
.softwareDevelopment li {/* list-style-type:none; */width: 100%; display: inline-block;}
.softwareDevelopment li span.icon { padding: 12px 0; float: left; }
.softwareDevelopment li span.text { display: flex; padding: 20px 17px; }


.domainExpertise {/* margin:0; padding:0;*/ position:relative;}
.domainExpertise ul {}
.domainExpertise li { /*list-style-type:none;*/ width: 100%; display: inline-block; margin: 10px 0; }
/*.domainExpertise:before { content:''; position:absolute; left:0; bottom:0; width:14px; height:14px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#2cb2c3 }
*/
.domainExpertise li span {width:14px; height:14px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#2cb2c3; display: inline-block; margin-left: -25px;margin-right: 24px; }
.domainExpertise li span:after,
.domainExpertise li span:before { content:''; position:absolute }
.domainExpertise li span:after { left: 13px; top: 24px; bottom: 27px; border-left:2px solid #2cb2c3  }
.domainExpertise li span:before { z-index:1; left:15px; top:0; }

#valuableClient {}

#valuableClient .apollo {background: url("../images/client-logo/apollo-trans.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .beckman {background: url("../images/client-logo/beckman-trans.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .bio-rad {background: url("../images/client-logo/bio-rad-trans.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .cnci {background: url("../images/client-logo/cnci-trans.png") no-repeat; width: 106px; height: 100px;}
#valuableClient .sbcons {background: url("../images/client-logo/sbcons-trans.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .nishan {background: url("../images/client-logo/nishan-trans.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .bellevue {background: url("../images/client-logo/bellevue-trans.png") no-repeat; width: 170px; height: 100px;}

#valuableClient .apollo:hover ,
#valuableClient .slick-current .apollo{background: url("../images/client-logo/apollo.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .beckman:hover ,
#valuableClient .slick-current .beckman {background: url("../images/client-logo/beckman.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .bio-rad:hover ,
#valuableClient .slick-current .bio-rad {background: url("../images/client-logo/bio-rad.png") no-repeat; width: 170px; height: 100px;}
#valuableClient .cnci:hover  ,
#valuableClient .slick-current .cnci{background: url("../images/client-logo/cnci.png") no-repeat; width: 106px; height: 100px;}
#valuableClient .sbcons:hover ,
#valuableClient .slick-current .sbcons {background: url("../images/client-logo/sbcons.png") no-repeat; width: 170px; height:100px;}
#valuableClient .nishan:hover ,
#valuableClient .slick-current .nishan {background: url("../images/client-logo/nishan.png") no-repeat; width: 170px; height:100px;}
#valuableClient .bellevue:hover ,
#valuableClient .slick-current .bellevue {background: url("../images/client-logo/bellevue.png") no-repeat; width: 170px; height:100px;}

.slider {/* width: 50%;*/ margin: 40px auto; }
.slick-slide { margin: 0px 20px; }
.slick-slide img { width: 100%; }
.slick-prev:before,
.slick-next:before { color: black; }
.slick-slide {/* transition: all ease-in-out .3s; opacity: .2;*/ }
.slick-active { opacity: 1; }
.slick-current { opacity: 1; }
.slick-initialized .slick-slide {position:relative; height:100px; cursor:pointer;}
.slick-slide div div div { margin:auto; position:absolute; top:0; right:0; bottom:0; left:0;}

.partner {}
.partner .partner-image-left{float:left; margin-right:25px;}