/* Connext Consulting */
/*
font-family:'L Futura W01';
book: 200
heavy: 700
bold: 500
*/
* {margin:0;padding:0;}
body{font-family:'L Futura W01',Arial;overflow-x:hidden;font-size:16px;font-weight:200;}
@media screen and (max-device-width: 767px){body{-webkit-text-size-adjust: 100%;}}
a {text-decoration:none;outline:none;cursor:pointer;}
.content {width:950px;text-align:left;position:relative;}
a#logo {position:absolute;left:0;top:0;}
a#btn-nav {position:absolute;right:0;top:30px;}
#header {height:90px;}
#header .content{height:90px;}
.year10{height:100%;position:absolute;left:360px;top:0;}
#home #top {background:url(/i/home1920.jpg) no-repeat center top;height:664px;}
#top h1 {font-size:3.125em;font-weight:200;color:#fff;text-transform:uppercase;padding-top:450px;}
#top h1 strong {font-weight:500;}
.float {float:left;}
.float-right {float:right;}
.w700 {width:700px;}
.w630 {width:630px;}
.w570 {width:570px;}
.w410 {width:410px;}
.w380 {width:380px;}
.w325 {width:325px;}
.w320 {width:320px;}
.w305 {width:305px;position:relative;}
.w250 {width:250px;}
.pr65 {padding-right:65px}
.pl65 {padding-left:65px;}
h2 {font-size:1.375em;color:#343434;padding-top:60px;}
h2.v {background:url(/i/dots-ver.png) no-repeat left top;}
h2.h {background:url(/i/dots-hor.png) no-repeat left 70px;padding-left:60px;color:#fff;margin-left:-60px;}
.container {position:relative;}
#home .lcolor {position:absolute;width:50%;background:#eee;height:460px;left:0;top:0;}
#home .rcolor {position:absolute;width:50%;background:#42464D;right:0;top:0;height:460px;}
p {font-size:1em;line-height:1.750em;color:#6b6b6b;margin:20px 0;}
.c42464D p {color:#dde6e6;}
.c42464D h2 {color:#dde6e6;}
p a {color:#88c364;}
a.section {background-repeat:no-repeat;background-position:left center;line-height:54px;padding-left:90px;font-size:1.375em;margin:15px 0;height:54px;color:#c4c4c4;display:block;}
#nav {position:fixed;top:0;min-height:100%;background:#363636;text-align:left;padding:0 20px;width:200px;right:-250px;z-index:2;box-shadow:-1px 0px 12px #222}
#nav #btn-close-nav {color:#fff;margin:30px 0;display:block;font-weight:500;font-size:1.250em;}
#nav ul {list-style-type:none;}
#nav ul li {padding:10px 0;}
#nav ul a {color:#b8b8b8;line-height:20px;display:inline-block;padding-left:20px;cursor:pointer;background-repeat:no-repeat;background-position:left center;background-image:url(/i/bullet.png);}
#nav ul a span{color:#8DC63F;}
#nav ul a.fx-ignore {color:#fff;background-image:url(/i/bullet-h.png);}
#nav ul a.fx-clear {background-image:none;}
#footer {font-size:0.750em;color:#6e6e6e;padding:20px 0;background:#fff;}
#footer .content {min-height:0.75em}
#footer a {color:#6e6e6e}
#home .container .content {min-height:460px;}
.inner #top {height:429px;}
.inner #top h1 {padding-top:150px;}
.inner .container {background:#eff4f4}
.inner .container.cfff {background:#fff;}
.inner .container.c42464D {background:#42464d;}
.inner .container .content {top:-70px;background:#EFF4F4;padding:10px 75px;}
.inner .container.cfff .content {min-height:430px;background:#fff;top:0;}
.inner .container.cfff .float img {margin-top:60px;}
.inner .container.c42464D .content {background:#42464D;top:0;padding:50px 0;}
.inner .container.c42464D h3 {color:#fff;font-size:1.25em;font-weight:500}
a.btn-learn {font-size:1em;color:#8dc63f;font-weight:700;margin:20px 0;display:block;}
p strong.b {font-size:22px;font-weight:500}
#about #top {background:url(/i/about.jpg) no-repeat center top}
#difference #top {background:url(/i/difference.jpg) no-repeat center top}
#services #top {background:url(/i/services.jpg) no-repeat center top}
#community #top {background:url(/i/community.jpg) no-repeat center top}
#news #top {background:url(/i/news.jpg) no-repeat center top}
#events #top {background:url(/i/contact.jpg) no-repeat center top}
#questionaire #top, #contact #top {background:url(/i/events.jpg) no-repeat center top}
#testimonials #top {background:url(/i/testimonials.jpg) no-repeat center top}
#media #top {background:url(/i/media.jpg) no-repeat center top}
#events .container .fx-slides div {min-height:1px;}
#difference .container .content {min-height:500px}
#community a.com {margin:13px 13px 0 0;display:inline-block;box-shadow:3px 3px 3px #ccc;}
#community a.com img {display:block;}
#community .container.c42464D h2 {color:#fff;}
#community .container.c42464D a.com {box-shadow:3px 3px 3px #000;}
#news .container .content {min-height:300px;}
#news div.next-past div {text-align:center;line-height:42px;}
#services div.fx-list div div {background:url(/i/circle-green.png) no-repeat center top ;min-height:180px;text-align:center;font-size:22px;color:#fff;opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}
#services div.fx-list div img {display:inline-block;margin-left:14px;margin-top:30px;margin-bottom:38px;}
#services div.fx-slides p {color:#fff;}
#services div.fx-slides div {background:#42464D;}
.fx-left-arrow,.fx-right-arrow {cursor:pointer;}
.mr60 {margin-right:60px;}
.testimonials {margin-top:40px;color:#6b6b6b;padding-bottom:20px;border-bottom:1px solid #E0E8E8;}
.testimonials span {font-weight:700;color:#6b6b6b;}
.testimonials p {margin-top:5px;padding-left:35px;background:url(/i/quote-left.png) no-repeat left 8px;}
.testimonials p span {background:url(/i/quote-right.png) no-repeat;display:inline-block;width:25px;height:17px;}
#testimonials .fx-list div {text-align:right;}
#contact .container .content {min-height:635px;}
#questionaire .container .content { min-height: 1685px; }
#emailform {font-size:18px;color:#6b6b6b;}
#emailform input[type=text] {width:285px;background:#fff;border:0;color:#cccccc;font-family:'L Futura W01';font-weight:200;padding:10px;margin-bottom:15px;font-size:16px;}
#emailform input[type=text]:focus, #emailform textarea:focus {color:#343434;}
#emailform a.btn-send {float:left;clear:both;color:#fff;font-size:16px;font-weight:500;background:#8DC63F;padding:15px;width:200px;text-align:center;margin:15px 0;box-shadow:3px 3px 3px #8DC63F}
#emailform #response {float:left;clear:both;}
#emailform textarea {background:#fff;resize:none;border:0;width:610px;padding:10px;color:#ccc;font-family:'L Futura W01';font-weight:200;margin-bottom:15px;min-height:80px;font-size:16px;}
#emailform select {display:block;}
#emailform select.hasCustomSelect {width:270px;height:40px !important;line-height:40px;margin-bottom:15px;}
#emailform span.customSelect {background:url(/i/select.png) no-repeat 280px center #fff;margin-bottom:15px;}
#emailform span.customSelectInner {padding:10px;color:#ccc}
#social {background:#363636;position:fixed;left:0;top:50%;margin-top:-100px;padding:5px 0;}
#social a {display:block;}
#social a:nth-child(2) img {width: 30px; height: 15px; margin: 10px 0; object-fit: contain;}
#questionaire h3 { color: #000; }
#questionaire label { display: inline-block; margin: 5px 0 10px 40px; }
#questionaire #emailform textarea { color: #000; outline: none; }

.article {padding:15px 0;border-bottom:1px solid #D8E0E0;}
.article span {color:#a4a4a4;}
.article p {margin:0;}
div.photo,div.video {display:inline-block;width:300px;margin-right:13px;position:relative;margin-top:20px;color:#fff;}
div.photo span {position:absolute;bottom:0px;left:0;padding:10px;color:#fff;background:url(/i/shadow.png) repeat;display:block;width:280px;}
div.video {height:80px;}

/* div.next-past {height:42px;} */
div.next-past div {background-position:center center;background-repeat:no-repeat;height:42px;cursor:pointer;border-bottom:1px solid #30353D;}
table.event-list {width:100%;}
table.event-list td {background:#F5F8F8;}
table.event-list tr.even td {background:#EAF0F0;}
table.event-list div {border-left:1px solid #C8CDCD;margin:10px 0;padding:10px 0 10px 40px;}
table.event-list p {margin:0;}
table.event-list p.date {text-align:center;width:110px;}
table.event-list p.date span {font-size:22px;font-weight:500;}
table.event-list div a {font-weight:700;color:#6b6b6b}
#events .fx-list a, #news .fx-list a {text-align:center;width:80px;line-height:45px;display:inline-block;}
a.btn-sign-up {display:inline-block;background:#8DC63F;color:#fff;font-weight:700;padding:7px 10px;width:50%;box-sizing:border-box;}

#events .innerSlide {width: 200%;}
#events .innerSlider .fx-left-arrow, #events .innerSlider .fx-right-arrow {top: 0 !important}
#events .innerSlider .fx-list {margin: 0 40px !important;}

#news .innerSlide {width: 200%;}
#news .innerSlider .fx-left-arrow, #news .innerSlider .fx-right-arrow {top: 0 !important}
#news .innerSlider .fx-list {margin: 0 40px !important;}

@media screen and (max-width: 80em) /*1280px*/
{
	#home #top {background:url(/i/home1280.jpg) no-repeat center top;height:644px;}
	#about #top {background:url(/i/about1280.jpg) no-repeat center top}
	#difference #top {background:url(/i/difference1280.jpg) no-repeat center top}
	#services #top {background:url(/i/services1280.jpg) no-repeat center top}
	#community #top {background:url(/i/community1280.jpg) no-repeat center top}
	#news #top {background:url(/i/news1280.jpg) no-repeat center top}
	#events #top {background:url(/i/contact1280.jpg) no-repeat center top}
	#questionaire #top, #contact #top {background:url(/i/events1280.jpg) no-repeat center top}
	#testimonials #top {background:url(/i/testimonials1280.jpg) no-repeat center top}
	#media #top {background:url(/i/media1280.jpg) no-repeat center top}
	#top h1 {padding-top:300px;}
}
@media screen and (max-width: 70em) /*1120px*/
{
	.inner .container .content {padding:10px 25px;}
}
@media screen and (max-width: 62.5em) /*1000px*/
{
	.content {padding:20px 5%;width:90%;float:left}
	#header .content{height:50px;}
	.year10{margin-left:5%}
	.container .content {padding:0 5% 50px 5% !important;}
	.container.c42464D .content {padding:50px 5% !important}
	.inner .container .content {top:0;}
	.container {float:left;width:100%;}
	a#logo {left:5%;}
	a#btn-nav {right:5%}
	a.btn-sign-up {padding:7px 3%;width:94%;}
	.w700 {width:100%;}
	.w630 {width:100%;}
	.w570 {width:100%;}
	.w410 {width:100%;}
	.w380 {width:100%;}

	.w320 {width:100%;}

	.w250 {width:100%;}
	.mr60 {margin-right:0;width:100%;}
	.lcolor {display:none;}
	.rcolor {display:none;}
	#home .w410 {background:#eee;padding:0 5% 50px 5%;width:90%}
	#home .w410.c42464D {background:#42464D;}
	#home .container .content {width:100%;padding:0 !important}
	#home h2.h {background:url(/i/dots-ver.png) no-repeat left top;padding-left:0;margin-left:0;}
	.pr65,.pl65 {padding:0;}
    #social {position:relative;float:left;width:90%;padding:10px 5%;margin:0;}
    #social a {display:inline;}
    #social a:nth-child(2) img {margin: 5px 0;}
    #footer .float, #footer .float-right {width:100%;padding:0px 0 10px 0;}
    #news .twitter_feed {display: none;}
}
@media screen and (max-device-width: 767px), screen and (max-width: 47.9375em) /* smartphones */
{
	#nav #btn-close-nav {margin-bottom:20px;}
	#nav ul li {padding:7px 0;}
	.inner #top {height:280px;}
	#top h1 {padding-top:120px;font-size:2.3em;}
	#top h1 img{max-width:90%}
	#top h1 span {display:inline-block;}
	#home #top {background:url(/i/home767.jpg) no-repeat center top;height:430px;}
	#about #top {background:url(/i/about767.jpg) no-repeat center top}
	#difference #top {background:url(/i/difference767.jpg) no-repeat center top}
	#services #top {background:url(/i/services767.jpg) no-repeat center top}
	#community #top {background:url(/i/community767.jpg) no-repeat center top}
	#news #top {background:url(/i/news767.jpg) no-repeat center top}
	#events #top {background:url(/i/contact767.jpg) no-repeat center top}
	#questionaire #top, #contact #top {background:url(/i/events767.jpg) no-repeat center top}
	#testimonials #top {background:url(/i/testimonials767.jpg) no-repeat center top}
	#media #top {background:url(/i/media767.jpg) no-repeat center top}
	a.section {font-size:1.2em;}
	#footer {font-size:0.9em;}


	.inner #top h1 {padding-top:50px;}
  div.fx-list div div {opacity:1;filter:alpha(opacity=100);}
  a#logo img {width:220px;}
  .year10{left:230px;}
  #header {height:70px;}
  #header .content{height:30px;}
  .w325 {width:100%;}
  .w305 {width:100%;}
   #emailform input[type=text] {padding:10px 3%;width:94%;}
   #emailform textarea {padding:10px 3%;width:94%;}
   #emailform a.btn-send {padding:10px 3%;width:94%;}
   #emailform select {width:100% !important;}
   /* #emailform select.hasCustomSelect {width:100%;} */
	 #emailform span.customSelect {background:url(/i/select.png) no-repeat 92% center #fff;width:100%;}
}
@media screen and (max-device-width: 767px) and (orientation:portrait)
{
	#community a.com img {width:100%}
}
@media screen and (max-width: 374px)
{
	.year10{left:224px;height:50%;top:20%;}
}


/******* UPDATE PSW *******/
#update_pw #logo ,#reset_pw #logo {left: 50%; transform: translateX(-50%);}
#update_pw #logo img,#reset_pw #logo img {max-width: 400px;}
#update_pw header,#reset_pw header {background:#fff; margin-top: 0; padding: 20px 0;}
#update_pw header::after, #reset_pw header::after {display: none;}
#update_pw header .content,#reset_pw header .content {height:90px; justify-content: center;}
#update_pw section h1,#reset_pw section h1 {margin-bottom: 0.6em; font-size: 2rem;line-height: 1em; text-align: left; display: inline-block; color: #343434;}
#update_pw section p,#reset_pw section p {margin: 0;}
#update_pw section p span,#reset_pw section p span {color:#ff0000;}
#update_pw section .content,#reset_pw section .content {width: auto; max-width:1100px; margin: 2rem 5% 0 5%; text-align: center;}
#update_pw section .form-buttons a,#reset_pw section .form-buttons a {cursor: pointer; transition: all 0.25s ease; display: inline-block; padding: 1em 2em; color: #343434; border: 1px solid #88c364; margin-right: 2em; font-weight: 400; text-transform: uppercase; font-size: 1em; letter-spacing: 0.075em}
#update_pw section .form-buttons a:hover,#reset_pw section .form-buttons a:hover {color:#fff; background: #88c364; border: solid 1px #88c364;}
#update_pw section .form-buttons,#reset_pw section .form-buttons {margin-top: 2rem;}
#update_pw section .fx-field input,#reset_pw section .fx-field input,#update_pw section .fx-field textarea,#reset_pw section .fx-field textarea {border: 1px solid #00000080; font-size: 1.125em; padding: 0.5em; width:100%; color: #000;}
#update_pw section .fx-field,#reset_pw section .fx-field {margin-right: 5%; margin-bottom: 2rem;}
#update_pw section label,#reset_pw section label {font-size: 1.125em; color:#abb7c4; background:#fff; left: 0.5em; padding: 0 0.25em;}
#update_pw section textarea,#reset_pw section textarea {resize:none; height: 10em;}
#update_pw section .fx-msg,#reset_pw section .fx-msg {left: 0 !important; top: 100% !important; color:#ff0000; font-size: 0.875em;}
#update_pw section .fx-input:focus ~ label,#reset_pw section .fx-input:focus ~ label,#update_pw section .fx-input.hasData ~ label,#reset_pw section .fx-input.hasData ~ label {left: 0.75em;}
#update_pw section,#reset_pw section {padding: 3em 0;}
#update_pw,#reset_pw {background:#fff;}