/* EXISTING CSS */


@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');


.boxHeaderTitle a, .boxHeaderTitle {
       font-family: 'Montserrat', sans-serif !important;
       color: #0056dd !important;
       text-decoration: none !important;
}

.read-more {
       font-family: 'Montserrat', sans-serif !important;
       color: #0056dd !important;
       text-decoration: none !important;
       font-size: 16px;
}

.read-more:hover{
    text-decoration: underline !important;
}


.WaGadgetBlog.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a, .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a{
        font-family: 'Montserrat', sans-serif !important;
        color: #0056dd !important;
        text-decoration: none !important;
}


.postedByLabel{
   display: none !important;
}


.gadgetTitle, .gadgetTitleH4 {
   color: #001e4d !important;
   font-family: Montserrat !important;
   font-size: 18px !important;
   font-weight: 300 !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
}



.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton, .board-login a {
    color: #0056dd;
    font-size: 14px !important;
    margin-left: 30px;
    text-decoration: none;
    font-family: Montserrat !important;
    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important;
}


.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
   color: #001e4d !important;
   font-family: Montserrat, sans-serif !important;
   font-weight: 500;
}


.WaGadgetEvents.WaGadgetEventsStateRegistrationsList .titleContainer h1.pageTitle a, .WaGadgetEvents.WaGadgetEventsStateRegistration .titleContainer h1.pageTitle a, .WaGadgetEvents.WaGadgetEventsStateSelfRegistrationsList .titleContainer h1.pageTitle a {
   color: #001e4d !important;
   font-family: Montserrat, sans-serif !important;
   font-weight: 500;

}


/* NEW CSS */

.zoneWAbranding {
    display: none;
}


.WaPlaceHolder>div {
    max-width: 1020px;
}


/* Typography */

body {
    background: #fff !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}

p {
    font-size: 22px;
}



[class*='EditableArea'] ol li {
    margin-bottom: 5px;
    margin-left: 5px;
}

[class*='EditableArea'] ul li {
    margin-bottom: 10px;
}

[class*='EditableArea'] ul {
    margin: 1em 0 1em 24px;
}

strong {
    font-weight: 600;
}

@media (max-width: 600px) {
html:not([class*="WaPlaceHolder"]) body {
    font-size: 20px;
    line-height: 1.4;
}
}

h1 {
   font-family: 'Montserrat', sans-serif;
   text-transform: none;
   letter-spacing: 0.02em;
}

@media (max-width: 762px) {
html:not([class*="WaPlaceHolder"]) .h1, html:not([class*="WaPlaceHolder"]) h1 {
    font-size: 36px !important;
    line-height: 1.2;
}
}

h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  text-transform: none;
  letter-spacing: 0.02em;
}

@media (max-width: 600px) {
html:not([class*="WaPlaceHolder"]) .h2, html:not([class*="WaPlaceHolder"]) h2 {
    font-size: 34px;
    line-height: 1.3;
}
}

h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: none;
  font-size: 26px !important;
  color: #001E4D;
}

h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 22px !important;
  text-transform: none;
  letter-spacing: 0.01em;
  font-style: normal;
}


@media (min-width: 1024px) {
.skills {
    max-width: 900px; 
    margin: 0 auto;
}
}

.pull-quote h3 {
font-weight: 200 !important;
font-size: 36px !important;
}

@media (max-width: 767px) {
.pull-quote h3 {
font-size: 30px !important;
}
}

.pull-quote-wide h3 {
font-weight: 200 !important;
font-size: 30px !important;
}

@media (max-width: 767px) {
.pull-quote-wide h3 {
font-size: 30px !important;
}
}

.pull-quote-small h3 {
font-weight: 200 !important;
font-size: 36px !important;
}

@media (max-width: 767px) {
.pull-quote-small h3 {
font-size: 30px !important;
}
}

@media (min-width: 1024px) {
.pull-quote {
    max-width: 760px; 
    margin: 0 auto;
}
}

.pull-quote-border {
    border-bottom: 8px solid #fff;
    width: 80px;
    margin: 0 auto;
}

.pull-quote-border-dark {
    border-bottom: 8px solid #001E4D;
    width: 80px;
    margin: 0 auto;
}


.thick-border-dark {
    border-bottom: 8px solid #0256dd;
    width: 80px;
    margin: 0 auto;
}

.formTitleOuterContainer h3.formTitle {
    color: #001E4F;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px !important;
}

.project-application ol {
    color: #fff;
}

/* Header */

#id_Header.WaPlaceHolder>div {
    max-width: 1460px;
}

@media (max-width: 600px) {
.logo {
text-align: center;
}
}

.header-button {
text-align: right;
}

@media (max-width: 600px) {
.header-button {
text-align: center;
margin-top: 20px;
}
}


.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
    font: normal 18px/30px 'WA-theme-icons';
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    width: 30px;
    height: 30px;
    color: #6e7c96;
    vertical-align: top;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover {
background: transparent;
    color: #0256DD;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink {
    width: 30px;
    height: 30px;
    background: transparent;
    color: #6e7c96;
    vertical-align: bottom;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover {
background: transparent;
color: #0256DD;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before {
    font: normal 18px/30px 'WA-theme-icons';
}


#id_jl2TmgO.WaLayoutItem, #id_6qk4NQI.WaLayoutItem, #id_Nns4FMp.WaLayoutItem {
vertical-align: middle;
}

@media (max-width: 767px) {
#id_wRCZIsS.WaLayoutItem, #id_5haDWih.WaLayoutItem, #id_NC5wj5q.WaLayoutItem {
vertical-align: middle;
}
}

@media (max-width: 600px) {
.WaGadgetLoginForm.LoginFormStyle001 {
    display: none;
}
}



/* Mobile Panel */

.WaGadgetMobilePanel .mobilePanel {
    background: #001e4d;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: transparent;
    color: #68c4ff;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    background: #001e4d;
    border-top: 1px solid #001e4d;
    font-weight: 400;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    padding: 0;
    background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li>.item:hover>a {
    color: #68c4ff;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a:hover {
    color: #68c4ff;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .loginInner {
    background: #001e4d;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl'] {
    background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before {
    background: transparent;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
    background: #6e7c96;
    font: normal 18px 'Montserrat','Arial',sans-serif !important;
    text-transform: none;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    font-size: 16px !important;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul
{
background: #001e4d;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul .item a
 {
    padding: 5px 16px 4px 42px;
    color: #ffffff;
    font-weight: normal;
    text-transform: none;
}


/* Navigation */

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
    font: bold 16px/23px 'Montserrat','Arial',sans-serif !important;
    text-transform: none;
    padding: 8px 25px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:first-child a {
    color: #001e4d !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:first-child a:hover {
    color: #0256DD !important;
}

#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
    color: #001e4d;
    font-size: 16px;
}

#id_Header .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover> a {
    color: #0256DD;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
    margin: 0 auto;
    text-align: center;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item>a {
    color: #001e4d;
    font: normal 16px/1.5 'Montserrat','Arial',sans-serif !important;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul {
    background: #fff;
    border: none;
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul ul li>.item:hover>a {
    background: transparent;
    color: #0256DD;
}



/* Standard Buttons */

a.buttonStyle001, a:link.buttonStyle001 {
    padding: 10px 30px;
    background: #0256DD;
    border-radius: 20px;
    font-family: 'Montserrat','Arial',sans-serif;
}

a.buttonStyle001:hover, a:link.buttonStyle001:hover {
    background: #6e7c96;
    color: white;
}

a.buttonStyle004, a:link.buttonStyle004 {
    padding: 8px 30px;
    border: 2px solid white;
    border-radius: 20px;
    font-family: 'Montserrat','Arial',sans-serif;
    font-size: 18px;
}

a.buttonStyle005, a:link.buttonStyle005 {
    padding: 10px 30px;
    background: transparent;
    border: 2px solid #0256dd;
    color: #0256dd;
    border-radius: 20px;
    font-family: 'Montserrat','Arial',sans-serif;
}

a.buttonStyle005:hover, a:link.buttonStyle005:hover {
    background: #0256dd;
    border: 2px solid #0256dd;
    color: white;
}


/* Content */

@media (min-width: 1024px) {
.narrow-block {
width: 730px; 
margin: 0 auto;
}
}


/* Current Projects */

.current-projects {
    min-height: 252px;
}

#id_kFlJDO5.WaLayoutItem, #id_Hj8T1Fo.WaLayoutItem, #id_O1VIKxd.WaLayoutItem, #id_MCIgvdL.WaLayoutItem, #id_PDOtnVx.WaLayoutItem, #id_pCazJD2.WaLayoutItem {
    vertical-align: middle;
}


/* Blog */

 .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {
    font-size: 30px;
    font-weight: 600;
}


/* Footer */

.footer-elements p {
    font-size: 16px !important;
    font-weight: 200 !important;
    letter-spacing: 0.03em;
    color: #fff;
}

.footer-elements p a {
color: #fff !important;
}

.footer-elements p a:hover {
color: #68c4ff !important;
}

@media (max-width: 600px) {
.footer-elements {
text-align: center;
}
}

.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li>.item>a {
    font: 200 16px/1.5 'Montserrat','Arial',sans-serif;
    letter-spacing: 0.03em;
    text-transform: none;
}

.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel {
    background: transparent;
    border: transparent;
    width: 100%;
}

.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li.sel>.item>a {
    color: #fff;
}


@media (max-width: 600px) {
.WaGadgetMenuVertical.VerticalMenuStyle002 ul.firstLevel>li>.item>a>span {
    width: 100%;
    text-align: center;
}
}

@media (max-width: 600px) {
.WaGadgetMenuVertical.VerticalMenuStyle002  {
    margin-top: 30px;
    margin-bottom: 30px;
}
}



/* Industry Partners Slider */

.camera_wrap {
    background: transparent;
}

@media (max-width: 767px) {
#id_wxz283E .WaLayoutTable .WaLayoutRow, #id_sQU1ngn .WaLayoutTable .WaLayoutRow {
display: flex !important;
flex-flow: column !important;
}
}

@media (max-width: 767px) {
#id_D7DFrT1.WaLayoutItem, #id_pBC8Voj.WaLayoutItem {
order: 1;
}
}

@media (max-width: 767px) {
#id_gJSM9rN.WaLayoutItem, #id_Pamlqxr.WaLayoutItem {
order: 2;
}
}


@media (max-width: 767px) {
#id_pMQ5uZR.WaGadgetLast.WaGadgetContent.last-column-left.gadgetStyleNone {
margin-bottom: 60px !important;
}
}


/* Events */

.WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
    color: #0256dd !important;
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 20px;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    color: #0256dd;
    font-family: 'Montserrat','Arial',sans-serif;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 25px;
}

.eventBackLink {
font-size: 18px;
}

.importEventText {
font-size: 18px;
}

/* Scroll to top button */

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #cccccc;
    color: #fff;
    cursor: pointer;
    padding: 15px 20px;
    border-radius: 30px;
    font-size: 24px;
    font-weight: 700;
}

#myBtn:hover {
    background-color: #3e7adb;
}

html {
  scroll-behavior: smooth;
}


/* Verticle Menu Stle 001 for dark background */

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel {
box-sizing: border-box;
width: 300px;
margin: 0;
padding: 8px 0;
background: #001E4D;
border: 0px solid #c1c1c1;
list-style: none;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a {
position: relative;
display: block;
padding: 12px 16px;
overflow: hidden;
background: inherit;
color: #fff;
font: bold 16px/1.0 'Lato','Montserrat', sans-serif;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul.firstLevel>li>.item>a:hover {
color: #68c4ff;
}

/* Hide search field from directory pages */

.WaGadgetMemberDirectoryStateList .memberDirectorySearchAreaOuterContainer {
    Display: none;
}

/* Hide 'Bundle Member' labels from application and profile */

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_selectedLevel_group {
display: none;
}

#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_group {
display: none;
}

/* Remove Author name from forum topics */

.WaGadgetForumStateMessageList table.forumMessageTable td.left a
{
display:none;
}

.WaGadgetForumStateTopicList td.lastReplyTD span
{
   display: none;
}

div.itemInfoContainer
{
  display: none;
}

/* Make videos responsive */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Remove Jotform Banner Footer */
div.formFooter.f6 {
display: none !important;
}

div.formFooter-wrapper.formFooter-rightSide{
display: none !important;
}

/* Styling of verticle extra menu items */

.WaGadgetMenuVertical.VerticalMenuStyle001 ul ul li>.item:hover>a {
background: #0256dd;
color: white;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul ul li>.item:hover>a {
color: white;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul ul {
background: #ffffff;
border: 0px solid #ffffff;
}

.WaGadgetMenuVertical.VerticalMenuStyle001 ul ul li>.item>a, .WaGadgetMenuVertical.VerticalMenuStyle001 ul ul li>.item>a:link {
color: ##001E4D;
font: normal 16px/1.5 'Montserrat', sans-serif;
text-align: left;
text-transform: none;
}


/* Make Video Responsive */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* START field instructions text styling for levels */

.typeInstruction {
color:red;
}

.fieldSubContainer .fieldBody > .typeInstruction, .fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction {
color:red;
font-weight: 500;
font-size: 16px;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl00_levelView_group {
display:none;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl01_levelView_group {
display:none;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl00_levelView_renewal {
display:none;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl01_levelView_renewal {
display:none;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl02_levelView_renewal {
display:none;
}

.textLine.typeInstruction {
padding:0px 0px 0px;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl03_levelView_renewal {
display:none;
}

.groupContainer .fieldItem+.fieldItem {
margin-top: 24px;
}

.levelPrice {
    display:none;
}

/* END field instructions text styling for levels */

/* START styling for counter */


.anyDiv{
height:1220px;
 background:#ccc;
  margin:
}
.counter{
  height:30px;
  display:flex;
  color:#fff;
}
.counter div{
  flex:1;
  text-align:center;
    padding:0px;
}
.counter div:first-child{
  background:none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:36px;
  font-weight:700;
}
.counter div:nth-child(2){
    background:none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:36px;
  font-weight:700;
}
.counter div:nth-child(3){
   background:none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:36px;
  font-weight:700;
}
.counter div:nth-child(4){
   background:none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:36px;
  font-weight:700;
}

/* END styling for counter */

/* START Make Video Responsive */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* END Make Video Responsive */


/* START ordered and unordered lists */

ol, ul, .secondLevel .item a, .thirdLevel .item a {
    font-family: Montserrat, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
}

/* END ordered and unordered lists */