@charset "utf-8";
/* CSS Document */
/* allow wider width */
.members .container, .members #footerwrapper, .members .classes{max-width:1400px; height:100%;
margin: 0 auto;}
.members header, .members .main-nav, .intro-banner   {max-width:1400px } /* EXTRA wide header */
/* Wide width containers  80em */
strong {font-family: 'Montserrat', Helvetica, sans-serif;
	font-weight: 700 !important;
}
.intro-banner {	margin: 0 auto;}
.intro-banner a.class {
	padding: 12%;
}
.members {color:#333e48}


.members	header {background-color:#fff}
.members .main-nav {	
background: #0064A8;
border-top: solid 4px #4E4D52;
border-bottom: solid 4px #B3D235;
}
.members .main-nav .container{	border:none; }
/* end wider width */

.intro-banner {
	background: url(../jpg/member-header.jpg) no-repeat left top;
	font-family: 'Montserrat', Helvetica, sans-serif;
	padding: 0 2.5em;
	min-height: 200px;
	max-height: 315px;
}


		
@media (max-width: 80em) { 
.intro-banner { padding: 0px; } 
}

.intro-banner h1 {
	font: 40px  'Montserrat', Helvetica, sans-serif;
	text-transform: uppercase;
	color: #Ffffff;
	margin-left: 5%;
margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 30px;
	font-weight: 500;
	
}
.intro-banner h1 a, .intro-banner a.h1 {color:#ffffff }
.boxrow{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    justify-content: center;
flex-wrap: nowrap;
margin-top: 42px;
}


.boxrow a{	max-width: 234px;
background-color: #ffffff;
box-shadow: 0 3px 6px rgba(10,10,10,0.21);
flex: 1 1 0;
 -webkit-box-flex: 1;
      -ms-flex: 1;
margin: 0 5px;
z-index:5;

}

.title {min-height:64px; margin:0px; padding: 8px 10px 0 10px; display:flex } /* used for v-center text */
.title h2 { align-self: center;
  margin: 0 auto;}

.boxrow a:hover {text-decoration:none }
.boxrow a h2,  .boxrow a:hover h2, .boxrow a h2:hover {
	color: #0064a8;
	font: 700 14px 'Montserrat', Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	
}
.bgbox {
height: 152px;
width: 100%;
}
.boxes {  padding-bottom: .5em; background-color: #ffffff; }

.boxes .conf{	background: url(../jpg/conference.jpg); background-position: center top; background-size: cover;}
.boxes .network {background: url(../jpg/networking.jpg);background-position: center top; background-size: cover;}
.boxes .market {background: url(../jpg/econ-intelligence.jpg);background-position: center top; background-size: cover;}
.boxes .govt{background: url(../jpg/government.jpg);background-position: center top; background-size: cover;}
.boxes .training {background: url(../jpg/training.jpg);background-position: center top; background-size: cover;}
.boxes .global {background: url(../jpg/global-commerce.jpg); background-position: center top; background-size: cover;}
.boxes .issue {background: url(../jpg/issue-management.jpg); background-position: center top; background-size: cover;}
.boxes .award {background: url(../jpg/awards.jpg); background-position: center top; background-size: cover;}

.webimg img {margin-top: -12px }  /* allows a larger logo image */

.boxes a {text-decoration:none}
.boxes:hover {opacity:0.8; background: #D6E792;}


.members .landing {
    background-color: #ffffff;
	padding:36px 2% 50px 2%;	}
.members h2 {
	color: #0064a8;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, sans-serif;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.3em;
}
.thirds { /* this should be full width */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	font-family: 'Montserrat', Helvetica,  sans-serif;
	overflow:hidden;
}
.thirds-text {Max-width:60%; margin-right:3%;
	color: #455560;	
	font-size: 16px;
	line-height:1.6em;
	font-weight:400;
	 }
.thirds-video, .thirds-sidebar { width:36% }
.thirds-video {align-self:center }
.thirds-video h3, .thirds-sidebar h3{
    background-color: #0064a8;
    color: white;
  font-family: 'Montserrat', Helvetica, sans-serif;  
    text-transform: uppercase;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
	margin:0px
}
.thirds-video a:hover h3, .interview a:hover .bluetab {
	background-color: #2c76a8;
}
.thirds-video a:hover {
	text-decoration: none;}
.thirds-video img {max-width:100% }

a.button h4 {font-family: 'Montserrat', Helvetica, sans-serif; font-size: 22px; background-color: #b3d044; color:#ffffff; padding:14px; text-align:center; width: 100%; margin-top:38px; margin-bottom:20px; text-transform:uppercase; font-weight:500;}
a.button:hover {text-decoration:none;}
a.button:hover h4 {
	background: #A6C431;
}
.gray
{background-color:#e3e5e7; }
.gray h2 { font-family: 'Montserrat', Helvetica, sans-serif;
text-transform:uppercase;
font: 32px;
color: #0064a8;
text-align:center; margin:0; padding-top:26px}
.gray h3 { font-family: 'Montserrat', Helvetica, sans-serif;
font-weight:400; font-size:20px;
color:#455560;text-align:center; margin:10px auto 30px}


.gray-cols {  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	font-family: 'Montserrat', Helvetica,  sans-serif;
	overflow:hidden;
	flex-wrap: wrap;
	padding:20px 5%;
	}
.gray-cols a {width:45%; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Montserrat', Helvetica,  sans-serif;
  font-weight: 400;
  font-size:14px;
  color:#455560;
  margin-bottom: 20px;
  
  }
.gray a:hover {text-decoration:none; background: #d6d7d5; opacity: .8;}

.gray .ben { height:108px; width:108px; border:solid 1px #455560; padding:4px;
flex: 1 0 108px;
margin-right: 20px;
margin-top:5px; /* line up w/ text */
}
.gray .ben img { max-width:100% }
.gray h4 {margin :0px auto 7px;
	font-family: 'Montserrat', Helvetica,  sans-serif;
	font-weight: 600;
	font-size:14px }
.action {border-top: solid 1px #0064a8 ;
padding: 30px 1%;
overflow: hidden;
margin: 0 5% }
.button-req {
    color: #0064a8;
    width: 50%;
    border-right: solid 1px #0064a8;
    float: left;
	padding: 5px 25px;
	text-align:right;
	text-decoration:none;
	
}

.action  .button-req  a h2{
    font-family: 'Montserrat', Helvetica, sans-serif;
    font-size: 32px;
	text-decoration:none; color: #ffffff;
-webkit-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.5);
background-color:#0064a8;
border: 1px solid #0064a8;
border-radius: 15px;
padding:20px;
line-height:1.1em;
text-shadow: 2px 2px 8px rgba(0,0,0,.7);
margin: 0;

}
.button-req .triangle{ font-size: 62px;
float: left;
padding: 0;
float: left;
margin-right: -15px;
 text-decoration:none;
	 }
.action .arrow-sm {    width: 12px;
    margin-top: -3px;
    Margin-right: 10px;
}
.action .button-req a h2 {color:#ffffff; text-decoration:none;}


.action div {padding-left: 5%;
    font-family: 'Montserrat', Helvetica, sans-serif;
	font-size:14px;
	float:left;
}
.action span { font-weight:400; font-size:32px; line-height:1.5em }
.quotes {text-align:center; font-family: 'Montserrat', Helvetica, sans-serif;
font-size:16px; }
.quotes h3 { 
text-transform:uppercase;
font-size: 32px;
	color: #0064a8;
	line-height:1.4em;
}
.quotes img {max-width:55px; margin:22px; }
.quotes em {
	font-size: 24px;
	color: #0064a8;
 	font-style: italic;
	line-height:2em;
}

.members #footerwrapper {padding-top:0px }


/*////////////////////////**********benefit  pages **************************|||||||||||||||||||||| */
.banner {margin-bottom: 30px; max-width:100% }
.ben-pages h1 {
	font: 32px 'Montserrat', Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:500;
	color: #0064a8;
	margin: 0 0 20px 0;
}
.ben-pages thirds-text {max-width:55% }
ul.ben-links { margin:0 0 50px 0; padding:0;}
.ben-links li {padding:10px 20px; background-color:#f6f7f7; border-bottom: solid 1px #c7cccf; }
.ben-links a {color:#455560; text-decoration:none; font-weight:500; }
.ben-lins a:hover {text-decoration:underline }
.pagequote {Position:relative; align-self:center }
.pagequote p {margin-left:14%; padding-left:9%; border-left:  solid 2px #0064a8;
line-height:1.7em; align-self: center; }
.pagequote p::before {
    display: block;
    content: ' ';
    background-image: url('../svg/quote-cropped.svg');
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    position: absolute;
    top: 25%;
    left: 6.8%;
}
.pagequote span,  .gray .thirds-solution .quote {font-weight:400; font-size:16px; }
.bluetab {    background-color: #0064a8;
    color: white;
  font-family: 'Montserrat', Helvetica, sans-serif;  
    text-transform: uppercase;
    padding: 15px 20px;
    font-size: 23px;
    font-weight: 500;
	margin:0px;
	width:350px;}
.gray .thirds {padding:20px 6% 50px }
.gray .thirds-problem {
	border-right: solid 3px #0064a8;
	padding-top: 30px;
	text-align: right;
	padding-right: 5%;
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 400;
	width:32%;
}
.gray .thirds-solution {
	
	padding-left: 5%;
	width: 68%;
	font-size: 16px;
	line-height: 1.5em;

}

.gray .thirds-solution h3 {
	
	text-transform: uppercase;
	font: 30px 'Montserrat', Helvetica, sans-serif;
	color: #0064a8;
	font-weight:500;
	text-align:left;
	margin-top:0;
	margin-bottom:10px;
}
.gray .thirds-solution span {font-size: 20px; display:block; margin-bottom:30px }
.memberlinks {background-color: white;
padding-top: 40px;}
.action a:link,  .action a:visited, .thirds-text a:link, .thirds-text a:visited {color:#0064a8;}
.action a img {    height: 12px;
    margin-top: -4px;
    margin-right: 4px;
}
.action a:hover,.thirds-text a:hover {color:#455560; text-decoration:none}
.gray .action a:hover {background:none }




/* My buttons 
.mem-req {display:flex }
.mem-req .bluetab {
	display: block;
	align-self: center;
	text-align: center;
	line-height: 1.5em;
	color: #fff !important;
	text-transform: uppercase;
	text-decoration: none;
	padding: 20px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	transition: all 0.3s ease 0s;
	
}
.mem-req a:hover.bluetab  {
background: #38424b;
letter-spacing: 1px;

}*/



/**************Specific pages only **************************************/
.interlinks { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; flex-wrap:wrap;
  padding-top:10px; }
.interlinks .logo img {max-width:89px; }  /* RISE*/
.interlinks .logo .wow {max-width:100px; margin-top:9px }
.interlinks .logo .idea {max-width:100px; }
.interlinks .logo .hyg {max-width:110px; margin-top:4px }
.interlinks .logo .filt {max-width:96px; margin-top:8px }
ul.disc {margin-left:40px;  font-size:14px }
ul.disc  li:before {margin-left: -15px;
padding-right: 5px;
content: url('../gif/bullets.gif');}

.market .thirds-text {font-size:14px }

.edu-links { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  
align-items: center;
   }
.edu-links img{margin-top: 30px; max-width:200px}
.award-links { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
justify-content:space-around;
flex-wrap:wrap;
}
.award-links img {max-height:130px; margin-top:35px}
.interview img {max-width:155px; float:left; margin-right:25px; margin-bottom:25px }
.interview .bluetab {font-size: 18px;
width: auto;
float: left;}
.interview strong {font-size:1.5em  }


@media (max-width: 980px) {  

.intro-banner {	background-color:#004f8a; max-height:1000px }

.boxrow{
	margin-top: 12px;
flex-wrap:wrap;
justify-content: space-around;
}
.boxrow a { min-width:150px; max-width:150px; margin-bottom: 20px }


.boxrow h4 { margin:0px;text-align:center;}
.boxrow h4 img {max-width:100%; max-height: 64px;}
.thirds-video h3, .thirds-sidebar h3 {padding: 8px 10px;
font-size: 15px;}

.action .button-req a h2 {font-size:22px }
.button-req  {width:48%; border-right:none; }
.action div {padding-left:2% }
}


@media (max-width: 800px) {  


.members .container, .members #footerwrapper, .members .classes {max-width:100%; width: 100%}
.boxes {padding-bottom: 1px }

.boxrow .webimg img {margin-top: 0px; max-height:48px} 

.members .landing  {    padding: 5px 20px 10px;
    background-color: #ffffff;
    margin-top: -3px;}
.gray-cols {padding:10px 2% }
.gray-cols a {width:49%}
.action a  h2{text-decoration:underline }


.pagequote p { margin-left:6%; padding-left:4%}
.pagequote p::before {background-size: 20px 20px;
height: 20px;
width: 20px;
top: 25%;
left: 0.8%;}

.interlinks {margin-right:-65%; margin-bottom:30px }
.interlinks .logo .idea { margin-top:0px }

.gray .thirds-solution h3, .ben-pages .action h2 {font-size:22px }
.arrow {background-size:contain; height:46px; width:63px }
}

@media (max-width:600px) { 

  
.boxrow .bgbox {display:none;}
.boxrow h4 img {max-width:100%; max-height: 46px; margin: 1px 0}
.webimg img {margin-top:0}  /* allows a larger logo image */
.intro-banner{
	min-height: 150px
}

.intro-banner h1, .intro-banner h1.indalearning { font-size: 1.5em; padding-left: 5%;
}
.title {padding: 5px }
.members h2 {font-size: 30px;
margin: 10px 20px; }
.thirds {flex-wrap: wrap-reverse; }
.thirds-text {width:100%; max-width:100%; padding-top:20px}
.gray-cols a {width:100% }
.gray .action a h2 {border-right:none; width:100%; float:none }
.thirds-video {width:100% }
.button-req  {width:100%; margin-bottom: 25px }
.button-req .triangle {margin:0 0 0 -20px }
.action {border-top:none; }
.quotes h3 {font-size: 17px; font-weight:600}
.quotes img {max-width:27px; margin:1px }
.quotes em {font-size:17px }
.members .landing.quotes {padding-bottom:20px }
.action span {font-size:25px}
.ben-pages .thirds {flex-wrap: wrap; }
.thirds-sidebar {width:100%}
.interlinks {margin-right:0px }
.gray .thirds-problem, .gray .thirds-solution {width:100%; padding:20px 3px; text-align:left; border:none}
.gray .thirds-solution h4 {font-size:24px }
.ben-pages .action  {padding: 0px; width:100% }
ul.ben-links {margin-bottom: 10px }
.mem-req .bluetab { max-width:100%; width:auto; font-size:20px}
.arrow {display:none }

.banner {margin-bottom:10px }
.ben-pages h1 {font-size:24px }


}

@media (max-width:400px) { 
.members .landing { padding: 2px}
.bluetab { max-width:90%; font-size:20px}
.gray .thirds {padding:0px 1% }
}