* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*font-size: 14px;*/
}


body{
		font-family: Lato;
		font-size: 14px;
	}
.img1{
background: url("../juniper/resources/images/aatp/Circular_icon.svg");
}
.img2{
background: url("../juniper/resources/images/aatp/diamond_icon.svg");
}
.tabbox,
.font-responsive{
	font-size: 14px;
}
.m-t-20{
	margin-top:20px;
}	
.clear-both{
	clear: both;
}	
#tabcontainer th,
#tabcontainer td, 
.team-container td,
.team-container th
{
	vertical-align: middle !important;
	border: none!important;
}


/******intro******/
.intro-container{
	width: 100%;
	margin: 0 auto;
	color: #5f5f5f;
	
}
.intro-container .intro{
	width: 100%;
	/*margin-bottom: 20px;*/
}
.intro-container .intro img{
	width: 100%;
}
.intro-container .intro .classroom {
    display: block;
    width: 100%;
	max-height: 200px;
    height: 100%;
    background: url("../juniper/resources/images/aatp/classroom_icon.svg") no-repeat;
    background-size: auto;
    background-size: 100%;
}

.intro-container .intro h4{
	font-size: 16px;
	/*font-weight: 600;*/
	margin: 0;
}
.intro-container .intro h5{
	/*font-size: 1.1rem;*/
	font-weight: 600;
	margin: 20px 0;
}
.intro-container .intro .left{
	float: left;
	width: 15%;
	padding-right: 20px;
}
.intro-container .intro .right{
	float: left;
	width: 100%;
	padding-left: 30px;
	border-left:1px solid #9e9e9e;
	margin-bottom: 0px;
}
.intro-container .intro p{
	margin: 20px 0;
}
.intro-container .intro p + p{
	margin: 20px 0 0 0;
}
.intro-container .intro a{
	color: #3c9ac9;
}


#hero{
	min-height: 0px;
}


.whatsnnew-mobile{
	display: none;
	width: 100%;
}
#tabcontainer
{
	width:100%;
}
.tabbox
{
	height:35px;
	/*font-size:1rem;*/
}
.panel
{
	background-color: #F5F5F5;
	height: auto;
	padding: 0;
	padding-top: 10px;
	/* padding-bottom: 30px; */
}
.tab
{
	background: #fff;
	line-height: 33px;
	text-align: center;
	width: 80px;
	float: left;
	font-weight: bold;
	height: 46px;
	width: 44%;
	cursor: pointer;
	border: 1px solid #f5f5f5;
	color: #bdbdbd;
}
.tabbox .tab {
	text-transform: uppercase;
}
.tab a{
	border: 1px solid #f5f5f5;
	display: block;
	height: inherit;
}

.tab-content{
	display:none;
	/* padding-top:10px; */
	/*font-size: 1rem;*/
}
.tab-content tr{
	height: 40px;
}
.tab-content th{
	text-align: left;
	padding: 5px;
	color: #5f5f5f;
	font-size:14px;
	font-weight: bold;
}
.tab-content td{
	padding: 5px;
}
.tab-content tr:nth-child(even){
	background:#fff;
}
.tab-content th:not(:first-child),
.tab-content td:not(:first-child){
	text-align: center;
	color: #5f5f5f;
}

.tab-content:first-child{
	display:block;
}

.tab-content table a{
	color: #3c9ac9;
}


.tab.selected
{
	background-color:#f5f5f5;
	border-top: 3px solid #84b135;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	color: #5f5f5f;
}

#content {
    padding-bottom: 325px;
}

#loginbox
{
min-height:200px;
padding:10px;
}
#signupbox
{
min-height:200px;
padding:10px;
display:none;
}


.tabbox-inner{
	width: 100%;
	margin:0 auto;
}

.whatsnew{
	font-weight: bold;
	color: #5f5f5f;
	font-size: 17px;
	margin: 10px 0;
}

/*team container*/
.team-container{
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;
}
.team-container table{
	color: #5f5f5f;	
	width: 100%;
}
.team-container th{
	/*font-size: 16px; */
	font-weight: bold;
	color: #fff;
	height: 80px;
	text-transform: uppercase;
}
.team-container th:first-child,
.team-container td:first-child{
	padding-left: 9px;
}
.team-container th:not(:first-child),
.team-container td:not(:first-child){
	text-align: center;
}

.team-container th,
.team-container tr{
	height: 30px;
}
.team-container tr:nth-child(odd){
	background: #f5f5f5;
}
.team-container th.gray{
	background: #bdbdbd;
	width: 40%;	
}
.team-container td.green-tick{
	color: #84b135;
}
.team-container td.teal-tick{
	color: #0096a4;
}
.team-container td.purple-tick{
	color: #695c80;
}
.team-container th.green{
	background: #84b135;	
	width: 15%;
}
.team-container th.teal{
	background: #0096a4;	
	width: 15%;
}
.team-container th.purple{
	background: #695c80;	
	width: 210px;
}
.team-container th.btn a{
	border-radius: 5px;
	text-transform: uppercase;
	padding: 0px 0px;
	display: inline-block;
	word-wrap: no-wrap;
	width: 75%;
}
.team-container th.green_btn a{
	color: #2d6a00;
	border: 2px solid #2d6a00;
	font-size: 12px;
}
.team-container th.teal_btn a{
	color: #0096a4;
	border: 2px solid #0096a4;
	font-size: 12px;
}
.team-container th.purple_btn a{
	color: #695c80;
	border: 3px solid #695c80;
}
.teal_btn{
	font-size: 12px;
}
.green_btn{
	font-size: 12px;
}
.team-container .newset{
	width: 75px !important;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: -webkit-box;
	display: inline-block;
	-webkit-box-flex: 1;
	-webkit-box-align: center;
	position: relative;
	text-align: left;
}

.user_para{
	padding-right: 10px;
	padding-bottom: 27px;
}

.team-container .newicon{
	position: absolute;
	line-height: 25px;
	margin-left: 5px;
	left: 25px;
	top:2px;
}

.team-container.mobile{
	width: 90%;
	display: none;
}
.team-container.mobile table{
	width: 100%;	
	margin-bottom: 0px;
}
.team-container.mobile table th{
	width: 24.5%;
	padding-right: 0;
	font-size: 11px;
	text-align: center;
}

.team-container.mobile table th.btn-link{
	background: #f5f5f5;
}
.team-container.mobile table th.btn-link i{
	/*font-size: 20px;*/
}
.team-container.mobile table th.btn-link a{
	border: none;
}

/******************** Apply Container********************/

.apply-container{
	width: 100%;
	margin: 10px;
	color: #5f5f5f;
	font-size: 14px;
	
}
.apply-container .apply-content p{
	font-size: 12px !important;
	margin-bottom: 5px;
	padding-right: 11px;
}
.apply-container .apply-content p a{
	color: #3c9ac9;
	font-size: 12px !important;
}
.apply-container .teal{
	color: #3c9ac9;	
}
/************common***********/
.font-30{
	font-size: 30px !important;
}
.f-left{
	display: inline-block;
}
/********************** Benefit container ********************/
.benefit-container{
	width: 100%;
	margin: 0 auto;
	color: #5f5f5f;
	margin-top: 30px;
}

.benefit-container .left{
	float: left;
	width: 50%;
	padding-right: 40px;
}
.benefit-container .left .inner{
	padding-right: 0px;
}
.benefit-container .right{
	float: left;
	width: 50%;
}
.benefit-container .right .inner{
	padding-left: 20px;
}
.benefit-container .title{
	margin-bottom: 10px;
	font-weight: bold;
	height: 50px;
}
.benefit-container .title img, .benefit-container .title span{
	/* line-height: 50px; */
	vertical-align: middle;
}
.benefit-container .title span{
	padding-left: 10px;
	font-size: 15.5px;
}
.benefit-container .title .green{
	color: #84b135;
	font-size:30px;	
}
.benefit-container .sub-title{
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.benefit-container .content{
	margin-bottom: 10px;
	font-size: 14px;
}
.benefit-container .content .space{
	margin-left: 20px;
}
.benefit-container .content a{
	color: #3c9ac9;
}
.benefit-container .content li{
	list-style: none;
	position: relative;
	margin: 0px 0;
}
.benefit-container .content li::before {
    content: "\f067";
    position: absolute;
    left: -20px;
    top: 5px;
    color: #84b135;
    font: normal normal normal 14px/1 FontAwesome;
}
.benefit-container .diamond{
	width: 40px;
}
.benefit-container{
	font-size: 14px;
}


/***************************accordion menu mobile view ***************/

ul.accordion, ul.accordion ul { list-style-type: none; }
ul.accordion > li{
	background: #9e9e9e;
	margin-bottom: unset !important;
    margin-left: unset !important;
    padding: unset !important;
}
ul.submenu > li{
    margin-left: unset !important;
}
    
/** =======================
 * Contenedor Principal
 ===========================*/


.accordion {
  width: 100%;
  max-width: 90%;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 10px 39px 10px 20px;
  color: #f5f5f5;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  
}
#accordion .link {
text-transform: uppercase;
}
.accordion .link a{
	color: #f5f5f5;
}
.accordion .link.expand{
	/* padding: 5px 44px 5px 20px; */
}
.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  /*right: 12px;
  left: auto;
  font-size: 16px;*/
}



.accordion li.open i { color: #9e9e9e; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.accordion li .link .arrow{
	float: right;
    background: none;
    width: 40px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 0;
}
.accordion li.open .link .arrow{
	background:#f5f5f5 ;
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
}

.submenu li { 
	padding: 5px 20px; 
	color: #5f5f5f;
	line-height: 150%;
}
.submenu li:nth-child(odd) { 
	background: #f5f5f5;
}
.submenu.team li { 
	background: #f5f5f5;
	border-bottom:1px solid #fff;
	/* text-transform: uppercase; */
}
.submenu.team li span.greenbox {
    width: 15px;
    background: #84b135;
    display: inline-block;
    height: 15px;
	vertical-align: middle;
}
.submenu.team li span.tealbox {
	width: 15px;
    background: #0096a4;
    display: inline-block;
    height: 15px;
	vertical-align: middle;
}
.submenu.team li span.purplebox {
	width: 15px;
    background: #695c80;
    display: inline-block;
    height: 15px;
	vertical-align: middle;
}
.submenu.team .text{
	display: inline-block;
	vertical-align: middle;	
	margin-left: 5px;
}
.submenu.team li span.nos {
    float: right;
    /* margin-right: 50px; */
    text-align: center;
    display: block;
    width: 19px;
	position: relative;
}
.submenu.team li span.nos1 {
    float: right;
    /* margin-right: 50px; */
    text-align: center;
    display: block;
    /* width: 19px; */
    position: relative;
}
.submenu.team li span.nos2 {
    float: right;
    /* margin-right: 50px; */
    text-align: center;
    display: block;
    /* width: 19px; */
    position: relative;
}
.submenu.team li span.nosi {
    float: right;
    /* margin-right:90px; */
    text-align: center;
    display: block;
    width: 27px;
	position: relative;
	background: unset !important;
}
.submenu.team li span.nosi i{
	top: 5px;
}
.submenu.team li span.nosi.green i{
	color: #84b135;
}
.submenu.team li span.nosi.teal i{
	color: #0096a4;
}
.submenu.team li span.nosi.purple i{
	color: #695c80;
}

.submenu .newset{
	width: 53px !important;
	display: inline-flex;
	position: relative;
	float: right;
	/* margin-right: 50px; */
}
.submenu .newset.green, .submenu .newset.green i{
	color:#84b135;
	top: 0px;
	left: 0px;
}
.submenu .newset.teal, .submenu .newset.teal i{
	color:#0096a4;
	top: 0px;
	left: 0px;
}
.submenu .newset.purple, .submenu .newset.purple i{
	color:#695c80;
	top: 0px;
	left: 0px;
}
.submenu .newicon{
	position: absolute;
	line-height: 25px;
	margin-left: 5px;
	left: 25px;
	top:2px;
}
.submenu a {

  text-decoration: none;
  color: #0096a4;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#_pInfo_minwidth{
	width: 0px !important;
}

/************* media quries ************************/

@media only screen and (min-width: 1824px){
	.whatsnew{
		/*font-size: 68px;*/
	}
	
	
	.tabbox,
	.font-responsive,
	.benefit-container,
	.benefit-container .title,
	.benefit-container .sub-title,
	.benefit-container .content{
		font-size: 17px;
	}
	/* .tab{
		height: 100px;
		line-height: 100px;
	} */
	.apply-container{
		font-size: 10px;
	}
	/* .panel{
		margin-top: 49px;
	} */
}
@media only screen and (max-width: 1024px){
	.tabbox-inner,
	.team-container,
	.apply-container,
	.benefit-container{
		width: 100%;
		/*padding: 0 20px;*/
	}
	.panel{
		padding: 0 1%;
	}
	/* .whatsnew{
		margin:30px 1%;
	} */
}

/* styles for tablets and iPads */

@media only screen and (max-width: 1180px) {
	
	.team-container th.teal_btn a{
		font-size: 10px;
	}
	.team-container th.green_btn a{
		font-size: 10px;
	}
	.team-container th.btn a{
		width: 85%;
	}
  }
  @media only screen and (max-width: 640px){
	.icon_lrg{
		display: contents;
	}
	#content {
		padding-bottom: 391px !important;
	}
	.user_para{
		padding-bottom: 0px !important;
	}
	.table-cell, table td, table th {
		padding: 2px 5px 2px 5px !important;
	}
  }

  @media only screen and (max-width: 975px){
	.slice-5col .slice-item{
		min-width: 123px !important;
	}

	.footer-wrapper{
		display: contents !important;
	}
  }
  
@media only screen and (max-width: 768px){
	#tabcontainer/*,
	.team-container*/{
		display: none;
	}
	.whatsnnew-mobile{
		display: inline-block;
	}
	#hero h1 {
        font-size: 18px !important;
    }

	
	.whatsnew{
		margin: 0;
		/*padding: 20px;*/
	}
	.intro-container{
		width: 100%;
		padding: 0 20px;
	}
	.intro-container .intro img{
		width: 100% !important;
		margin: 0px 0px 20px 0px !important;
	}
	.intro-container .intro .left{
		display: none;
	}
	.intro-container .intro .right{
		border: none;
		width: 100%;
		padding:0;
		padding: 0;
	}
	
	.tabbox-inner{
		width: 100%;
	}
	.tab
	{
		width: 100%!important;
	}
	.benefit-container .left,
	.benefit-container .right{
		width: 100%;
	}
	
	.benefit-container .right .inner{
		padding-top: 20px;
		padding-left: 0px;
	}
	.team-container{
		display: none;
	}
	.team-container.mobile{
		width: 100%;
		display: block;
	}
	
	.footer-list {
		padding: 20px 20px !important;
	}
}
@media only screen 
  and (max-device-width: 280px){
	.submenu.team li span.nos{
		margin-right: 5px;
	}
	.submenu.team li span.nosi{
		margin-right: 50px;
	}
	.whatsnnew-mobile,
	.team-container{
		padding: 0;
	}	
}

@media only screen and (max-width: 242px){
	.login-nav .nav-bar-text-black{
		visibility: hidden;
	}
}

@media only screen and (max-width: 311px){
	.register-nav .nav-bar-text-black{
		visibility: hidden;
	}
}

@media only screen and (max-width: 480px) {
	/* Styles for phone screens go here */
	.hero{
	min-height: 47px !important;
	}
  }

@media only screen 
  and (max-device-width: 375px){
	.submenu.team li span.nos{
		margin-right: 5px;
	}
	.submenu.team li span.nosi{
		/* margin-right: 50px; */
	}
	.accordion li .link .arrow{
		height: 101%;
	}
	.intro-container .intro .right a{
		/* display: inline-block; */
	}
	.team-container.mobile table th.btn-link a{
		font-size: 12px;
	}
}

@media only screen and (max-width: 333px){
	.header-search .header-search-submit {
		top: 15px;
    left: 32px;
	right: unset;
    transition-duration: .25s;
    position: fixed;
    float: left;
	}
}

@media only screen and (max-width: 300px){
	.user_para{
		padding-bottom: 97px !important;
	}
}

@media only screen and (max-width: 295px){
	#hero h1 {
		font-size: 8px !important;
    padding: 0px 14px;
	}
	.team-container.mobile table th{
		font-size: 7px;
	}
	.team-container.mobile table th.btn-link a{
		font-size: 9px !important;
	}
	.accordion .link{
		font-size: 10px !important;
	}
	a{
		font-size: 10px !important;
	}
	#divContentWrapper p, label, div, span, a {
		font-size: 10px;
	}
}

@media only screen and (max-width: 492px){
	.nav-link-item-left .nav-bar-text-black{
		visibility: hidden;
	}
}
@media only screen and (min-width: 268px) and (max-width: 358px){
	#hero h1 {
		font-size: 10px !important;
    padding: 0px 7px;
	}
}

@media only screen and (min-width: 358px) and (max-width: 465px){
	#hero h1 {
		font-size: 12px !important;
		padding: 0px 40px;
	}
}

@media only screen and (min-width: 464px) and (max-width: 514px){
	#hero h1 {
		font-size: 16px !important;
		padding: 0px 40px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 515px){
	.user_para{
		padding-bottom: 15px !important;
	}
}

@media only screen and (min-width: 400px) and (max-width: 515px){
	.team-container.mobile table th.btn-link a {
		font-size: 8px !important;
	}
}

@media only screen and (min-width: 300px) and (max-width: 400px){
	.team-container.mobile table th.btn-link a{
		font-size: 6px !important;
	}
}

@media only screen and (min-width: 769px) and (max-width: 800px){
	.user_para {
		padding-bottom: 79px;
	}
}

  
/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 768px)
  and (-webkit-min-device-pixel-ratio: 2) {
  
	#tabcontainer{
		display: none;
	}
	.whatsnnew-mobile{
		display: inline-block;
	}
	.intro-container {
		width: 100%;
		padding: 0 20px;
	}
	.intro-container .intro .left{
		display: none;
	}
	.intro-container .intro .right{
		border: none;
		width: 100%;
		padding:0;
	}
	.whatsnnew-mobile{
		display: inline-block;
		/*padding: 20px;*/
	}
	.whatsnnew-mobile .accordion{
		max-width: unset;
		margin: 0;
	}
	.whatsnew{
		margin: 0;
		/*padding: 20px;*/
	}
	
	.tab
	{
		width: 100%!important;
	}
	.tabbox-inner,
	.team-container,
	.apply-container,
	.benefit-container{
		width: 100%;
		/*padding: 0 20px;*/
	}
	.benefit-container .left,
	.benefit-container .right{
		width: 103%;
	}
	.benefit-container .right .inner{
		padding-top: 10px;
		padding-left: 0px;
	}
	.team-container{
		display: none;
	}
	.team-container.mobile{
		width: 100%;
		display: block;
	}
	.team-container.mobile .accordion{
		max-width: unset;
	}

	.user_para {
		padding-right: 10px;
		padding-bottom: 50px;
	}
	
	.accordion li .link .arrow{
		height: 101%;
	}
	.team-container.mobile .accordion{
		margin: 0;
	}
	.team-container.mobile table th.btn-link a{
		font-size: 11px;
	}

}

/* iphone 14 */

@media (max-width: 699px) and (max-height: 999px) and (min-resolution: 399dpi) {
	.team-container.mobile table th.btn-link a{
		font-size: 7px;
	}
  }
  

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	::i-block-chrome,.nav-link-item-lp {
	 float:left;
	}
	::i-block-chrome,.register-nav{
		padding-top:30px !important;
	}
	::i-block-chrome,.login-nav{
		padding-top:30px !important;
	}
	
	::i-block-chrome,.header-search .header-search-submit{
		right: 125px;
	}
	
	::i-block-chrome,.footer-wrapper .footer-section-two .footer-half{
		width: 60%;
	}
	
	::i-block-chrome,.footer-section-social svg{
		height: 20px !important;
	}
	::i-block-chrome,.footer-section-row.footer-section-social > a{
		float: left;
		width: 12%;
	}
	::i-block-chrome,.footer-half{
		width: 60% !important;
	}
	::i-block-chrome,.footer-wrapper .footer-section-two .footer-quarter{
		margin-top: 20px !important;
	}
}