/*
*******************************************
*******************************************
** - Default Btn Style 
** - Section Title Style
** - Top Header Style
** - Navbar Area Style
** - Main Banner Area Style
** - Banner Bottom Area Style
** - Inner Banner Area Style
** - About Area Style
** - Security Area Style
** - Services Area Style
** - Work Area Style
** - Build Area Style
** - Counter Area Style
** - Case Study Area Style
** - Team Area Style
** - Other Area Style

*******************************************/

/* @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');  */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-size: 17px;
  line-height: 26px;
  font-family: "Public Sans", sans-serif;
  color: #505050;
  font-weight: 400;
}
p {
  color: #505050;
  font-weight: 400;
}

a {
	color:#2EC99B;
}

a:hover {
	color:#2EC99B;
}

h1, h2, h3 {
	color:#505050;
}

h1.termsHd{
	font-size: 28px !important;
}

.pb-50 {
  padding-bottom: 50px;
}

.default-btn {
  font-size: 16px;
  padding: 15px 26px;
  font-weight: 600;
  padding: .5rem 1.5rem
}
.default-btn::before {
   /* transform: skew(18deg) !important; */
}
.btn-bg-two {
   background-color: #2EC99B;
	color:#152430;
	border: 2px #2EC99B solid;
}

.btn-bg-four {
  background-color: #fff;
	border:2px solid #2EC99B;
	color:#292828;
	margin-right: .75rem;
}

.default-btn:hover, .btn-bg-four:hover {
  background-color: #252525
}

.emailIcon {
	margin-right: 8px;
	position:relative;
	top:-1px;
}

.phoneIcon {
	position:relative;
	top:-1px;
	margin-right: 8px; 
	margin-left: 8px	
}

.top-header-bg {
  background-color: #383431;
  border-top: 3px solid #2EC99B;
}

.top-head-left {
  float:none;
}

.top-head-center {
  text-align: center;
}

.top-head-left .top-contact:hover i {
  background-color: #2EC99B;
  color: #ffffff;
}

.top-head-left .top-contact:hover h3 a {
   color: #e61515; 
}

.top-contact {
	color: #fff;
}

.top-contact a {
	color: #fff;
}

.top-contact a:hover {
	color: #efa706;
}

.main-nav nav .navbar-nav .nav-item:hover a, .main-nav nav .navbar-nav .nav-item .active {
  color: #383431 !important;
}

.main-nav nav .navbar-nav .nav-item:hover a i, .main-nav nav .navbar-nav .nav-item .active i {
  color: #383431;
}

.main-nav nav .navbar-nav .nav-item a {
  color: rgb(21 36 48);
  font-weight: 400;
}

.main-nav nav .navbar-nav .nav-item a::before {
  background-color: #383431;
}

.main-nav nav .navbar-nav .nav-item a i {
  color: #383431;
}

.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a :focus {
  color: #383431 !important;
}

.main-nav nav .navbar-nav .nav-item a:hover i, .main-nav nav .navbar-nav .nav-item a :focus i {
  color: #383431;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
	padding: 12px;
}

.main-nav nav .navbar-nav .nav-item a::before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.main-nav nav .navbar-nav .nav-item a.active i {
  color: #383431;
}

.main-nav nav .navbar-nav .nav-item a.active {
  color: #383431 !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  color: #262626 !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #2EC99B;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active i {
  color: #383431;
}

/*MouseOver text for drop downs */
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active {
  color: #FFF !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus i, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active i {
  color: #383431;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus i, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active i {
  color: #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active {
  color: #383431 !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active i {
  color: #383431;
}

.main-nav .nav-side .nav-side-item .search-box:hover i {
  color: #383431;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button i {
  color: #383431;
}

.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button:hover {
  background-color: #383431;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
    font-weight: 500;
}

.main-nav li li {
	margin-top:0px !important;
	margin-bottom: 0px !important;
}

.grey-patch {
	color:rgb(21 36 48);
	}

/*==================================
HOMEPAGE STYLES
=====================================*/

.ourSoftwareLeft {
	background: var(--Primary-DOT-Grey-1, #F3F3EF);
}

.ourSoftwareRight {
	background: var(--Primary-DOT-Grey-1, #F3F3EF);
}

.ourSoftware p {
	color:#515C62; 
	font-family: "Public Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%;  
	margin: 0px; 
	padding: 0px;
}

.ourSoftware h3 {
	/* color:#2ec99b; 
	font-size: 1.2em; 
	margin-bottom: 1.1em */
	color: var(--Primary-DOT-Forest, #152430);

/* P1/P1 SemiBold */
font-family: "Public Sans";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%; /* 28.8px */
margin-bottom: 16px;
}

.ourSoftware h2 {
color: var(--Primary-DOT-Forest, #152430);

/* H3/H3  Medium */
font-family: "Public Sans";
font-size: 33px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 39.6px */
letter-spacing: -0.66px;
margin-bottom: 16px;
/* color:#fff; 
	font-size: 30px; 
	font-weight: bold; */
}

.ourSoftware .softHeaders {
color: var(--Primary-DOT-Forest, #153015);
/* P1/P1 SemiBold */
font-family: "Public Sans";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%; /* 28.8px */
margin-bottom: .75rem;
margin-top: .75rem;
}

.ourSoftware ul {
		list-style: none;
		padding-left:0;
}
.ourSoftware ul li {
	background-image: url('../images/home/jade-check.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
  line-height: 30px;
    padding-left: 30px;
	/* list-style: none;
	margin:18px 0px 18px 28px;
	padding:0 !important; */
}

.ourSoftware li {
	margin-bottom: 1rem;
}
.softwareFeatures {
	margin-bottom: 16px !important;
	margin-top: 16px !important;
	color:#152430;
	font-weight: 700 !important;
}

.forest {
	color:#152430;
}
.jade {
	color:#2EC99B !important;
}
.purple {
	color:#2ec99b !important;
}

.grey {
color: var(--primary-dot-grey-6-body-text, #515C62);
font-family: "Public Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 28.8px */
margin-bottom: 2rem;
}

.white {
	color:#ffffff;
}

.yellow {
	color:#efa706;
}

.rounded {
	border-radius: 15px;
}

.size10 {
	font-size:10px !important;
}
.top0 {
	top:0 !important;
}

.banner-item {
	background-color: #152430;
}
/* Overlay for banner images */
.banner-item::before {
  opacity: 0.1;
}

.banner-item-content h1 {
  margin-top: 25px;
  font-size: 55px;
  color: #ffffff;
  max-width: 750px;
  margin-bottom: 20px;
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 120%;
	/* or 58px */
	letter-spacing: -0.02em;
}

.banner-item-content {
	padding-top: 70px;
	padding-bottom: 70px
	}
	
.banner-item-content p {
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
  }

.banner-btn {
	margin: 1.5rem 0 1.5rem 0;
}
.item-bg1 {
	background-image: url(../images/home/wafer.png) !important;
	background-repeat: no-repeat;
	background-position-x:85%;
	background-position-y: 38%;
	background-size: 558px 491px;
	overflow:hidden; 
}

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

.banner-item-content h1 {
  margin-top: 25px;
  font-size: 40px;
  color: #ffffff;
  font-weight: 400;
  max-width: 1040px;
  margin-bottom: 20px;
}

.banner-item-content {
	padding-top: 30px;
	padding-bottom: 50px;
	text-align:left;
	}
	
.banner-item-content p {
	font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    max-width: 660px;
    margin-bottom: 35px;
    }
    	
.banner-btn {
	font-size: .7rem;
	margin: 1.5rem 0 1.5rem 0;
	}
}	

@media only screen and (max-width: 767px){
.banner-item-content h1 {
  margin-top: 25px;
  font-size: 40px;
  color: #ffffff;
  font-weight: 400;
  max-width: 1040px;
  margin-bottom: 20px;
}

.banner-item-content {
	padding-top: 30px;
	padding-bottom: 70px
	}
	
.banner-item-content p {
	font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    max-width: 660px;
    margin-bottom: 35px;
    }	
.banner-btn {
	font-size: .7rem;
	}
}
.banner-item {
	background-color:#152430;
}

.footer-bg {
  background-color: #242424;
}

.go-top {
  background: #907680;
}

.btn-bg-one {
/* padding: 16px 40px; */
border: 2px solid var(--black-white-white, #FFF);
background: transparent;
color:#fff;
}

.footer-widget h5 {
	font-size: 1.2em;
	font-weight: 400;
	color:#bdbdbd;
}

.footer-widget hr {
	color:#676767; 
	margin-bottom: 30px; 
	margin-top: 30px;
}

.footer-address {
	color:#adadad !important;
	}

.footer-address a {
	color:#ffffff;
}

.footer-hds {
	color: #ffffff;
	text-decoration:none; 
}

.footer-hds :hover {
	color: #bb38e;
	text-decoration:none; 
}

.nav-link a:hover{
	color: #2ec99b;
	text-decoration:none; 
}

.nav-item-ft a{
	color: #adadad !important;
}

.nav-item-ft a:hover{
	color: #2ec99b !important;
}

/*==================================
Preloader CSS 
=====================================*/
.preloader {
  background: #2EC99B;
}

.spinner {
  background-color:#293640;
}

.footer-widget p {
    margin-bottom: 20px;
    color: #adadad;
    /* max-width: 300px; */
}


/*==================================
Expertise Area 
=================================*/
.expertise-process-area {
	background-color: #fff;
}

.program-text-area {
	color: #515C62 !important;
	font-family: "Public Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; 
	margin-top: 2rem !important;
	padding-left:75px !important;
  padding-right:75px !important;
}

.expertise-text-area {
	padding-left: 75px; 
	padding-right: 75px;
}

.expertise {
color: var(--Primary-DOT-Forest, #152430);
text-align: center;
font-family: "Public Sans";
font-size: 33px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 39.6px */
letter-spacing: -0.66px;
padding: 0 3rem 0 3rem;
}

.expertise-text-area p {
	color: var(--primary-dot-grey-6-body-text, #515C62);
text-align: center;
font-family: "Public Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
	line-height: 26px
}

.expertise-area {
  background-color: #070b3b;
  position: relative;
}

.expertise-area .section-title h2 {
  max-width: 500px;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}

.expertise-area .section-title p {
  color: #ffffff;
  max-width: 760px;
}

.expertise-card {
  padding: 0px 20px 25px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
	border-left: 1px solid var(--Primary-DOT-Grey-2, #DBDFD4);
}
/*
.expertise-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background-color: #0071dc;
  border-radius: 272px 0 0 0;
  opacity: 0.1;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.expertise-card::after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 75px;
  height: 75px;
  background-color: #0071dc;
  border-radius: 170px 0 0 0;
  opacity: 0.1;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}*/

.expertise-card i {
  color: #0071dc;
  font-size: 60px;
  line-height: 1;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.expertise-card h3 {
  color: var(--Primary-DOT-Forest, #152430);

/* H5/H5 Regular */
font-family: "Public Sans";
font-size: 19px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 32.2px */
letter-spacing: -0.46px;

/* margin-top: 20px;
  margin-bottom: 12px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  font-size: 20px; */
}

.expertise-card h3 a {
  display: block;
  color: #505050;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.expertise-icons {
	margin-bottom: 20px;
}
.expertise-card p {
  margin-bottom: 18px !important;
	margin-top: 18px !important;
	color: var(--primary-dot-grey-6-body-text, #515C62);
/* P2/P2 Regular */
font-family: "Public Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 25.6px */
}

.expertise-card .learn-btn {
  color: #252525;
  font-size: 15px;
  font-weight: 600;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.expertise-card .learn-btn i {
  font-size: 20px;
  position: relative;
  top: 5px;
  color: #252525;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.inner-banner {
    background-color: #222222;
}

.inner-banner .inner-title {
    padding-top:0px;
    padding-bottom:0px
}

/*.expertise-card .learn-btn:hover {
  color: #ffffff;
}

.expertise-card .learn-btn:hover i {
  color: #ffffff;
}

.expertise-card:hover::before {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  opacity: 1;
}

.expertise-card:hover i {
  color: #ffffff;
}

.expertise-card:hover h3 a {
  color: #ffffff;
}

.expertise-card:hover p {
  color: #ffffff;
}

.expertise-card:hover .learn-btn {
  color: #ffffff;
}

.expertise-card:hover .learn-btn i {
  color: #ffffff;
}*/
/*==================================
Product Pages
=====================================*/
	.main {
		margin-bottom: 50px;
	}
	.main p {
			color:#505050;
			font-size: 17px;
			line-height: 26px;
			margin-bottom: 13px;
		}
	.whitelarge{
		color:#fff !important;
		font-size: 1.1rem !important;
	}
	.main h2 {
		margin-bottom: 15px;
		color: #505050;
		font-weight: 500;
		font-size: 1.65rem;
	}
	
	.product-name {
		margin:0; 
		padding-top: 5px; 
		padding-bottom:13px; 
		font-size: 17px; 
		line-height: 26px;
		font-weight:bold; 
		color:#2ec99b;
	}
	
	.product-mid-weight {
		font-weight: normal;
	}
	.subhead {
		font-weight: bold;
		margin-bottom: 7px !important;
		line-height: 1.5rem !important;
		color: #505050 !important;
	}
	.subhead-mb {
		font-weight: 500;
		margin-top: 0px;
		margin-bottom: 0px !important;
		line-height: 1.4rem;
	}
	.illustrationHd {
		margin-top:35px;
	}
	
	.figure {
		margin-bottom: 30px;
		margin-top: 12px;
	}
	.FigCaption {
		font-size: .9rem !important; 
		line-height: 1.2rem !important;
		margin-bottom: 35px !important;
		margin-top: 0px;
		background-color: #f5f3f6;
		color: #666;
		padding: 25px;
	}
	.FigCaption-col {
		font-size: .9rem !important; 
		line-height: 1.2rem !important;
		margin-bottom: 35px !important;
		margin-top: 0px;
		background-color: #f5f3f6;
		color: #666;
		padding: 10px;
	}

	.FigPara {
		margin-bottom: 50px !important;
	}
	ul {
		list-style:disc; 
		color:#505050;
	}
	
	li {
		font-size: 16px;
		line-height: 24px;
		/*margin-bottom: 5px;*/
	}
	
	li li {
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 5px;
	}
	
	li ul {
		list-style: circle
	}
	li ul li {
		margin-top: 5px;
	}
	
	.articles {
		list-style: none;
		margin-left:13px;
		padding: 0px;
	}
	
	/*.bxs-check-circle {
		color: #777777;
		margin-right: 6px;
	}*/

	a {
		display:inline;
	}
	.read {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAMlJREFUSEvtlcERAiEMRX8qsQQtxRLcAznbgbZBLlrCtmIHWgkOzuisyIbAuo7OyJFAXvg/QwgzL5o5P14AzLwGsAOw0uBEdPTed6UCc4AzgEXpYoxbIDlAKCUPIXREdLBAmgAiQs65jQXSDIjVWyCTABaICohS3P1g5oc3w/0UksaaAFoTVAFK3ZSLfxcgrWbsRZo/Zg80uZoBfw9uf1Uqg6bn203+WQ/MAyfzwpOIPE3CsZG5B7CslOgCYCsi/fDe54d+ZdXF41eCxoUZBQGuQQAAAABJRU5ErkJggg==');
		background-repeat: no-repeat;
		background-position-y:4px;
		background-size: 18px 18px;
		padding-left: 30px;
		margin-bottom: 12px;
	}
	
	.pdf {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAARtJREFUSEvtlsFtwzAMRT8J75ER4kyQbtCO4Bysc9AFkoxhXZoR0g28QjZwBxEZsHCKtHEs2YaBHEpAJ1H/iZREijCz0cz6uAM4594A7ADkfXAiOlZVtYltsAvQAFjEFtp8CqQLoDFxVd0Q0UcKZBTAe09lWRYpkNEA230KZBIgBTIZ8Bdi6bs9w1GAvkvwD4g9ETxXitoHlROR1Seo6inLMgkhvANomPkYQlgQUX0NbVAE5uycq5l5LyIvAGwsmXklIoWqNkRUAFhPAewBvAL4bAE5M+cGYOZaREzcfL5tTATX4ne4SdEBwLnVtNL+Y4MA0SvT4fAUgOSG0xHA2Xv/qxM+apl2aMuBKfoCsPXen3qL3UDRqPvsv4oLLn6pGZm7owIAAAAASUVORK5CYII=');
		background-repeat: no-repeat;
		background-position-y:4px;
		background-size: 18px 18px;
		padding-left: 30px;
		margin-bottom: 12px;
	}
	
	.yt {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAASVJREFUSEvtlcFRhEAQRf8MVVwlgzUDzcA1As1gudDFTTPQENYb1XNwzUAjUDPQDAxhTWDaagooURdaarntXOn/H/2bHhxmPm5mfxwAown3IirLchljvBKRzDmXATgddQAgIi9a573/iDHehRDeWl0HaMyfLYZjNd7786qqamgHKIri0Tl3MSa2PBeRpxDCZQ9AREo8sxgYal6ZefkTIENCbTvGuAGwMADAzHU6XURENAhoBUR0C+AawNEQaDJATfM8z9I0XQNY7YLsA3DTdPInYzKAiDQeNdc92Xn+DWiGfA/g2DDkT2auX+D7kHX7TgxiS8nvz3SfiwbggZnzXgezXxVKayBKbnO2bvY7gK2IbJMkWbf3UK8DS7BTag5/tNHUZo/oCwUKeRlfUvARAAAAAElFTkSuQmCC');
		background-repeat: no-repeat;
		background-position-y:0px;
		background-size: 24px 24px;
		padding-left: 30px;
		margin-bottom: 12px;
	}
	
	.yt2 {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAN1JREFUSEvtldENwiAQhv8jgVe7gTqBOoEdBV+ajtTci91AR3CUdgNdoBiMNLVpQlF4MCmP5O5+7vvhICRelLg+FgEv4R5RWZZ513VnABtv1mdAI4Q4VVV1m8rrBYqiaACsA4u78IaZtz4B82XxVxozDw9bM7O2+8PNnwW01pmU8kJEuROMJmCMORCR9XA/7CiaAIA7gMxhjt7B2L+/FHgAWCVD9Da5BrBLYrJlbq+pUuoK4BjdgzkPzV6znmHgq26ZeXKGjYedZRg6j1ohhPYOu8ATzw5ffjQvquSIng3uXhl6KjEeAAAAAElFTkSuQmCC');
		background-repeat: no-repeat;
		background-position-y:0px;
		background-size: 24px 24px;
		padding-left: 30px;
		margin-bottom: 12px;
	}

	.product-intro {
		font-weight:500;
		font-size: 27px !important;
		line-height: 36px !important;
	}
	
	.download-trial {
		background-color: #f5f3f6;
		margin-top:25px; 
		margin-bottom:25px;
		padding-left: 20px;
	}
	
	.download-trial-R {
		padding: 10px;
	}
	
	
	.productHR {
		border: thin solid #c9c9c9;
		margin: 40px 0px 40px 0px;
	}
		
	.download-trial-txt {
		margin: 0px; 
		padding:8px; 
		font-size: 15px !important; 
		line-height: 22px !important;
		margin-bottom: 0px  !important;
	}
	
	a.popup-image {
		position: relative;
	    display: inline-block;
	}
	a.popup-image::after {
	    content: "";
	    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
		background: no-repeat bottom 20px right url("/assets/images/zoom-mag.png");
	}
	
	.modal-content {
		border:none;
		border-radius:0.0rem;;
	}
	
	.modal-body {
		padding:1.5rem;
	}

/*==================================
Information Sections
=====================================*/
.downloads {
	color: #ffffff;
}

.downloads-btn {
	font-size: .75em;
    display: inline-block;
    padding: 8px 16px;
    color: #ffffff;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
   }

.downloads-btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  left: -69%;
  top:0;
  /* -webkit-transform: skew(45deg);
          transform: skew(45deg); */
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  /* -webkit-transform-origin: top left;
          transform-origin: top left; */
  width: 0;
}

.downloads-btn:hover {
  color: #ffffff !important;
}

.downloads-btn:hover:before {
  height: 100%;
  width: 175%;
  background-color: #2EC99B;
}

.btn-bg-three {
  background-color: #383431;
  color: #ffffff;
}

.downloadsHd {
	color: #ffffff;
	background-color: #5b5a58;
	padding: 5px;
}

.downloadsOS-Hd {
	color: #ffffff;
	font-weight: bold;
}

.downloadsLogos {
	padding: 8px 0px 8px 0px;
	margin-top:20px;
	margin-bottom: 20px;
}

.normal {
	border-bottom:#e6e6e6 thin solid;
}
/*==================================
FAQ STYLES
=====================================*/
.faq-heading {
	font-weight: bold;
	font-size: 20px !important;
}

.faq-q {
	font-weight: bold;
}

.normal {
	border-bottom:#e6e6e6 thin solid;
}
.faq-articles {
		list-style: none;
		text-indent: 0px;
		padding: 0px;
	}
.list-wrapper {
    counter-reset: ol-index;
    counter-reset: li-index;
}

.wrap {
    list-style: none;
    list-style-position:inside;
    margin-left: 20px;
    text-indent: -28px;
    counter-increment: ol-index;
    counter-reset: li-index;
}

.wrap li {
    counter-increment: li-index;
}

.wrap li::before {
  content: counter(ol-index) counter(li-index, lower-alpha) ". ";
}
/*==================================
Sidebard Navigation
=====================================*/
	h4 {
		margin-top: 9px;
		color: #383431;
		font-weight: 500;
	}
	
	.sidebar-menu {
		margin-bottom:0px
	}
	
	.sidebar-header {
		margin:0; 
		padding:5px; 
		font-size: 17px; 
		font-weight:bold; 
		color:#2ec99b;
	}
	.sidebar-items {
		background-color: #fff; 
		margin:0; 
		padding:5px 20px 30px 6px; 
		color:#1a1a1a;
		border-bottom-left-radius: 15px; 
		border-bottom-right-radius: 15px;
	}
	.sidebar-items a {
		display:inline;
	}
	
	.sidebar-submenu {
		font-weight:500; 
		color:#2ec99b; 
		font-size: 1.2em;
		margin-top: 8px;
	}
	
	.sidebar-li .sidebar-active {
		color:#2ec99b !important;
	}
	
	.sidebar-ul {
		list-style: none; 
		margin: 0px; 
		padding: 0px;
	}
	
	.sidebar-li {
		line-height: 1.2em;
		padding-bottom:8px;
		padding-top: 8px;
		padding-left: 10px;
		border-top: thin solid #c7c7c7;
		border-left: medium solid #2ec99b;
		font-size: 1.0em;
		margin-bottom: 0px;
	}
	
	.sidebar-li.last {
		border-bottom: thin solid #c7c7c7 !important;
	}
	
	.sidebar-li a {
		color:#000;
		font-weight:400 
	}
	
	.sidebar-li a:hover {
		color:#2ec99b;
		font-weight:400 
	}

/*==================================
PRICING DROP DOWN BUTTON AND MENU
=====================================*/
	.dropbtn {
		color: white;
		font-size: 16px;
		border: none;
		cursor: pointer;
	}
	
	.dropbtn:hover, .dropbtn:focus {
		
	}
	.dropdown {
		position: relative;
		display: inline-block;
	}
	
	.dropdown-content {
		display: block;
		position: absolute;
		/* background-color: #f1f1f1;
		min-width: 160px;
		overflow: auto;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
		z-index: 50000;
	}
	
	.dropdown-content li {
		margin-bottom: 0px;
	}
	
	.dropdown-content a {
		/* color: black;
		padding: 12px 16px;
		text-decoration: none; */
		display: block;
		color:#000;
		font-size: .85rem;
	}
	
	.dropdown-content a:hover {
		color:#fff;
		background-color: #2EC99B;
	}
	
	/* .dropdown a:hover {background-color: #ddd;} */
	
	/* .show {display: none;} */
	
	#myDropdown {
		display:none;
		transition: all .2s ease-in-out;
	}

/*==================================
Product PRICING PAGES
=====================================*/
	.card {
		transition: all 0.15s;
		border-radius:10px;
		border:thin solid rgba(0,0,0,0.13);
		width:100%;		
	}

	.card-text {
		font-size: .75rem !important;
		line-height: 1.2rem !important;
		padding: 0px 15px 0px 15px;
		min-height: 90px;
	}

	.card:hover {
		z-index: 5000;
		transform-origin: bottom center;
		transform: scale(1.08, 1.08);
		translate: 0px -25px;
		background-color: #eee;
		box-shadow: 2px 0px 9px 4px rgba(0,0,0,0.13);
		-webkit-box-shadow: 2px 0px 9px 4px rgba(0,0,0,0.13);
		-moz-box-shadow: 2px 0px 9px 4px rgba(0,0,0,0.13);
	}
	
	.card:hover .buy-now {
		background-color: #2ec99b;
	}

	.card:hover .circlePrice {
		background: #2ec99b;
	}

	.card:hover .price {
		color: #fff;
	}

	.card:hover .card-title {
		color:#2ec99b;
	}

	.card:hover .card-tab {
		display:block;
	}

	.card:hover .card-tab-arrow {
		display:block;
	}

	.buy-now {
		transition: all 0.15s;
		border-radius: 20px;
		background-color: #000;
		color:#fff;
		padding:8px 25px 8px 25px;
		border:0px;	
		margin-bottom: 30px;
	}

	.card-title {
		margin-top:2rem;
	}

	.card-tab {
		text-transform: uppercase;
		text-align: center;
		background-color: #373430;
		color:#fff;
		padding:5px;	
		font-size: .8rem;	
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		display:none;
		transition: all 0.15s;
	}

	.card-tab-arrow {
		margin:0 auto;
		padding:0;
		display:none;
		transition: all 0.15s;
	}

	.card-tab-arrow img {
		vertical-align: top !important;
		text-align: center;
		margin:0;
		padding:0;
	}

	.circlePrice {
		border-radius:50%;
		width:150px;
		height:150px;
		font-size:25px;
		text-align: center;
		border:thin solid rgb(203, 201, 201);
		margin:30px auto 30px auto;
		line-height: 20px;
		transition: background 0.15s linear;
		-webkit-transition: background 1000ms linear;
    	-ms-transition: background 1000ms linear;
    	transition: background 1000ms linear;
	}

	.price {
		transition: all 0.3s;
		position:relative;
		top:37%;
		font-weight: bold;
	}

/* Accordion */
	.accordion-item {
    	background-color:none !important;
		border-bottom:thin solid #ccc !important;
		border-left: none !important;
		border-right: none !important;
		border-top: none !important;
	}
	
	.accordion-button:not(.collapsed) {
    	color:inherit;
   	 	background-color: #f6f6f6;
    	box-shadow: none !important;
	}

	.accordion-button, .accordion-body, .accordion-item {
    	background-color:#f6f6f6 !important;
	}
	
	.accordion-button {
    	/* position: relative;
    	display: flex;
    	align-items: center;
    	width: 100%;
    	padding: 1rem 1.25rem; */
    	font-size: 1.2rem !important;
    	/* color: #212529;
    	text-align: left;
    	background-color: #fff;
    	border: 0;
    	border-radius: 0;
    	overflow-anchor: none;
    	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; */
	}
	.accordion-button:after {
  		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23797979'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
		}
	/*Academic and Gov buttons */

	.btnContainer {
		border:thin solid rgb(203, 201, 201); 
		padding:5px; 
		border-radius:50px;
		width: fit-content; 
		margin:50px auto 70px auto;
	}

	.pricingTypeBtn {
		padding:10px 30px 10px 30px; 
		border-radius: 50px;
		display: inline-block; 
		color:#000; 
		font-size: .9rem;
		font-weight: bold;
	}

	.pricingTypeBtn.active {
		background-color: #2ec99b !important;
		color:#fff !important;  
	}

	.pricingTypeBtn:hover {
		background-color: #2EC99B; 
		color:#fff !important; 
	}
	
	.pricingTypeBtn.inactive {
		background-color:#fff; 
		color:#000; 
	}

	.pricingTypeBtn.inactive:hover {
		background-color:#fff; 
		color:#000 !important; 
	}

	/* .pricingTypeBtn-active a {
		color:#fff !important; 
	}

	.pricingTypeBtn-inactive {
		background-color:#fff; 
		padding:10px 30px 10px 30px;
		border-radius: 50px;
		display: inline-block; 
		color:#000; 
		font-size: .9rem; 
		font-weight: bold
	}

	.pricingTypeBtn-inactive a {
		color:#000 !important; 
	} */
	
	.hidden {
    	display: none;
  	 }

	.subscription{
		padding-right: 10px;
	}

	.subscriptionInfo {
		font-size: 15px !important;
		line-height: 20px !important;
	}

/*==================================
Request trial styles
=====================================*/
.demo-btn {
    padding: 10px 20px 10px 20px;
    width:130px !important;
}
.table-hd {
    color:#2EC99B;
    font-weight: bold;
    font-size:20x;
    padding:30px 0px 30px 0px;
}
.top-border {
border-top:thin solid #ececec;
}
.bot-border {
border-bottom:thin solid #ececec;
}
.light-grey {
    background-color: #f5f5f5;
}

.light-grey:hover {
    background-color: #ececec;
}
.dark-grey {
    background-color: #ececec;
}
td {
    vertical-align: middle;
}
.product-hd {
    padding:40px 30px 40px 30px;
    font-weight: bold;
}
.product-desc {
    padding:0px 30px 0px 30px;
}
.modal-content {
    background: #2EC99B;
    background: radial-gradient(circle, #2EC99B) 0%, #2EC99B 100%);
    border:15px solid #2EC99B;
}
.request {
    text-align: center;
    font-size: 18px !important;
    color:#2EC99B !important;
    margin-bottom: 20px;
}
.start {
    text-align: center;
    font-size:30px !important;
    font-weight: bold !important;
    color:#fff !important;
    padding-bottom: 30px;
}
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
.modal-body {
    padding:1.5rem 4.5rem 1.5rem 4.5rem;
}

/*==================================
Product Headers
=====================================*/
.bottom-hd-slice{
	vertical-align:top;
}

.header-row {
	background-color:#222222;
}

.header-row2 {
	background-color:#222222;
}

.bottom-header-slice {
	background-color:#ffffff
}

/* NEXTGENE  */
#nextgene-beagle {
	margin-right: 85px	
}

#nextgene-logo {
	margin-bottom: 90px
}



/*==================================
Utilities
=====================================*/
.pt-10 {
  padding-top: 10px;
}

.mr-8 {
	margin-right: 8px;
}

.mrl-8 {
	margin-right: 8px; margin-left: 8px
}

/*==================================
New for Dotmatix
=====================================*/
h1 {
font-family: 'Public Sans';
font-style: normal;
font-weight: 500;
font-size: 33px;
line-height: 120%;
letter-spacing: -0.02em;
}

.infoIcon {
	margin-bottom:20px;
}
/*==================================
Global Dotmatix Bar
=====================================*/	
@font-face{
  font-family:"fontello";
  src:url(/assets/fonts/fontello.eot);
  src:url(/assets/fonts/fontello.eot#iefix) format("embedded-opentype"),url(/assets/fonts/fontello.woff2) format("woff2"),url(/assets/fonts/fontello.woff) format("woff"),url(/assets/fonts/fontello.ttf) format("truetype"),url(/assets/fonts/fontello.svg#fontello) format("svg");
  font-weight:normal;
  font-style:normal
}

section.topbar {
  font-family: "Public Sans", "Arial", Sans-serif;
  padding: 0.75rem 0;
  background-color: #152430;

  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #ffffff;
}

section.topbar .topbar-collapsible {
	position: absolute;
	width: 100%;
	z-index: 3000;
    background-color: #152430;
	background-image: url("/assets/images/dotmatics-bar/topbar-nav-graphic.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 451px auto
}
section.topbar .topbar-block-link {
      position: relative;
	  background-color: rgba(26, 40, 54, 1);
	  z-index: 1;
	  padding: 0.6rem 0.8rem 0.2rem;
	  border: 1px solid rgba(243, 243, 239, 0.21);
	  -webkit-border-radius: 0.5rem;
	  border-radius: 0.5rem;
	  height:100%
	  text-decoration: none;
	  transition: background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s);
}

section.topbar .topbar-block-link a {
  text-decoration: none;
}

section.topbar .topbar-block-link:hover {
	  border: 1px solid #2EC99B;
	  -webkit-border-radius: 0.5rem;
	  border-radius: 0.5rem;
	  background-color: rgba(33, 47, 58, 0.94);
	  text-decoration: none;
  }
  

section.topbar .link {
      color: #2EC99B;
  }
  
section.topbar .link.collapsed {
	  color: #ffffff;
  }

section.topbar .link:hover {
    color: #2EC99B;
    text-decoration: none;
  }  
  
section.topbar .text-l {
	  font-size: 16px;
	  font-weight: 600;
	  line-height: 22px;
	  color: white;
  }

section.topbar .text-s {
	  font-size: 14px;
	  font-weight: 400;
	  line-height: 21px;
	  color: #ffffff;
  }
section.topbar .text-xs {
	  font-size: 12px;
	  font-weight: 400;
	  line-height: 16.8px;
	  color: #ffffff;
}
  
section.topbar .text-color-2 { color:#2EC99B !important; }
  
section.topbar .btn  {
	display:inline-block;
	border:2px solid transparent;
	-webkit-border-radius:50px;
	border-radius:50px;
	padding:1rem 1.75rem;
   font-family: "Public Sans", "Arial", Sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height:1;
	color:#fff;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	vertical-align:middle;
	background-color:transparent;
	background-image:none;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-webkit-transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
	-o-transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
	transition:color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out
}
section.topbar .btn:hover {
	text-decoration:none
}
section.topbar .btn:active {
	outline:none
  }
section.topbar .btn:active:focus {
	outline:none
  }
section.topbar .btn:focus {
	outline:none
  }

section.topbar .btn-xs {
	padding: 12px 24px !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
  }

section.topbar .btn-outline2-secondary {
	  border:2px solid #2EC99B;color:#fff;background-color:rgba(0,0,0,0);outline:none;
  }
  
section.topbar .btn-outline2-secondary:hover {
	  border: 2px solid #2EC99B;
	  color: black;
	  background-color:#2EC99B;
	  outline:none;
  }
  
section.topbar .btn-outline2-secondary:focus {
	  outline:none;
  }
section.topbar .btn-outline2-secondary:active {
	  outline:none;
  }
  
section.topbar .btn-outline2-secondary:disabled,
    .btn-outline2-secondary.disabled {
	  border:2px solid #82dfc3;color:rgba(255,255,255,0.5);background-color:rgba(0,0,0,0);outline:none;cursor:default;pointer-events:none;
  }
  
section.topbar .btn-outline2-secondary:disabled:hover, .btn-outline2-secondary:disabled:active, .btn-outline2-secondary:disabled:focus,
    .btn-outline2-secondary.disabled:hover, .btn-outline2-secondary.disabled:active, .btn-outline2-secondary.disabled:focus {
	  border:2px solid #82dfc3;color:rgba(255,255,255,0.5);background-color:rgba(0,0,0,0);outline:none;cursor:default;pointer-events:none;
  }

section.topbar .wrapper-icon {
    position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:"fontello";
    font-size:1rem;font-style:normal;font-weight:normal;font-variant:normal;text-rendering:auto;line-height:1;speak:none;
   }
section.topbar .wrapper-icon--s { font-size: 16px; }

section.topbar .wrapper-icon.wrapper-icon-angle-down::before {content:"\e800"; }
section.topbar .wrapper-icon.wrapper-icon-angle-left::before {content:"\e801"}
section.topbar .wrapper-icon.wrapper-icon-angle-right::before {content:"\e802"}
section.topbar .wrapper-icon.wrapper-icon-angle-up::before {content:"\e803"}
section.topbar .wrapper-icon.wrapper-icon-link-ext::before { content:"\e82f"; }


/* update dropdopwn caret */
section.topbar [data-bs-toggle="collapse"]:after {
       display: inline-block;
       font: normal normal normal 16px/1 fontello;
       font-size: inherit;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
     content: "\e800";
     transform: rotate(180deg) ;
     transition: all linear 0.25s;
     }   
section.topbar [data-bs-toggle="collapse"].collapsed:after {
     transform: rotate(0deg) ;
     color: #2EC99B;
   }

}


/**************************************
		MEDIA QUERIES
***************************************/
/* MOBILE */
@media only screen and (max-width: 575px) {
	.program-text-area {
		padding-left: 35px; 
		padding-right: 35px;
	}
	
	.expertise-text-area {
		padding-left: 35px; 
		padding-right: 35px;
	}	
	
	.item-bg1 {
		background-image: url(../images/home/wafer.png) !important;
		background-repeat: no-repeat;
		background-position-x:105%;
		background-position-y: 38%;
		background-size: 212px 161px !important;
		overflow:visible !important; 
	}
}

@media only screen and (max-width: 767px) {
	.program-text-area {
		padding-left: 35px; 
		padding-right: 35px;
	}
	
	.expertise-text-area {
		padding-left: 35px; 
		padding-right: 35px;
	}
	.item-bg1 {
		background-image: none !important;
		overflow:visible !important; 
		padding-top: 70px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.program-text-area {
		padding-left: 35px; 
		padding-right: 35px;
	}
	
	.expertise-text-area {
		padding-left: 35px; 
		padding-right: 35px;
	}
	
	.item-bg1 {
		background-image: url(../images/home/wafer.png) !important;
		background-repeat: no-repeat;
		background-position-x:132%;
		background-position-y: 80%;
		background-size: 422px 371px !important;
		overflow:visible !important;
   	padding-top:80px; 
	}
}

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

	.mobile-nav nav .navbar-nav {
    	height: 400px;
    	overflow-y: scroll;
	}
	/* NEXTGENE  */
	#nextgene-beagle {
		margin-right: 0px;
		margin-top: 50px;
		width: 70%;	
	}
	#nextgene-logo {
		margin-top: 100px
	}
}

/* TABLET VERTICAL */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.item-bg1 {
		background-image: url(../images/home/wafer.png) !important;
		background-repeat: no-repeat;
		background-position-x:105%;
		background-position-y: 38%;
		background-size: 512px 461px !important;
		overflow:hidden; 
	}
	.main-nav .navbar .navbar-brand img {
	    max-width: 240px;
	}
	
	.banner-item-content {
		max-width: 1000px
	}
	.banner-item-content h1 {
		font-size: 42px;
	}
	
	.home-banner-sub p {
		font-size: 20px; 
		font-weight: bold; 
		text-transform: uppercase
	}
}

/* DESKTOP  SMALL */	
@media only screen and (min-width: 1200px) {
	#nextgene-beagle {
		border: thin dashed aqua;	
	}

	#nextgene-logo {
		border: thin dashed aqua;
	}
}