  @import url("https://use.typekit.net/tkv2nku.css");
  @import url('https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap');
 .threeColumn  .WaGadgetContent {
    column-count: 3;
}
.zoneWAbranding {
    display: none;
}
.logoImg {
    /* margin-top: -45px; */
}
.logoImg img {
      max-width: 450px;
      width: 100%;
}
.learnmoreBox {
    border-left: 1px solid #f4cb8d
}
.ctaText p{
    font-size: 21px;
}
.WaGadgetLoginForm.LoginFormStyle002 .alignRight {
    text-align: center;
}
/* Contact Profile */
#idSendMailMainContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.memberDirectoryDetailsHeaderContainer > h2 {
  
}
.memberDirectoryDetailsHeaderContainer {
    display: block;
    /* display: flex;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: center; */
}
.memberDirectoryDetailsHeaderContainer h2 img {
    width: 150px; 
    border-radius: 20px;
    float: left;
    margin: 0 20px 0 0;
}
.WaGadgetEmailMember #idSendMailMainContainer .memberDirectoryDetailsHeaderContainer h3 {
    margin: .24em 0 .15em;
    color: #644472;
        font-size: 24px;
}
#idSendMailMainContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.memberDirectoryDetailsHeaderContainer > h3:nth-child(2) {
    float: left;
    display: block;
    width: 80%;
}
#idSendMailMainContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.memberDirectoryDetailsHeaderContainer > h3:nth-child(3) {
    /* float: left;
    display: block;
    width: 80%; */
}
/* END Contact Profile */
/* FORUMS */
@media screen and (max-width: 767px) {
  .WaGadgetForumStateMessageList .messageListOuterContainer ul.boxesList li.boxesListItem {

    border-left: 5px solid #f4cb8d;
  }
}
.WaGadgetForumStateMessageList .messageListOuterContainer ul.boxesList li.boxesListItem .boxHeaderOuterContainer table.forumMessageHeaderTable td.forumMessageHeaderInfoContainer {

  border-right: 4px solid #f4cb8d;
}
.WaGadgetForumStateMessageList .messageListOuterContainer ul.boxesList li.boxesListItem .boxBodyOuterContainer table.forumMessageTable td.left {
  border-right: 4px solid #f4cb8d;
}
.jobBoard #FunctionalBlock1_ctl00_topicList_addTopicBottom,
.jobBoard #FunctionalBlock1_ctl00_topicList_addTopicTop {
  background-image: url(/resources/Theme/submit-job-listing.png);
  background-repeat: no-repeat;
  text-indent: -9999999999999px;
  width: 238px;
  background-size: 200px;
  background-position: 20px;
}
.jobBoard #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.repliesCountTD, .jobBoard #idTopicListContainer .boxHeaderOuterContainer table td.repliesCountTD {
display: none;
}
.jobBoard #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.threadTD, .jobBoard #idTopicListContainer .boxHeaderOuterContainer table td.threadTD {
width: 70%;
}
.jobBoard #idTopicListContainer .boxHeaderOuterContainer table td.lastReplyTD, .jobBoard #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.lastReplyTD {
    width: 30%;
}

/* END FORUMS */

/* Quotes */
.quotedText {
    border-left: 0px solid #0f948f;
    font-family: 'georgiapro','Arial',sans-serif;
}
.quotedText::after, .gadgetStyle002 .quotedText::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 0px;
  position: relative;
  top: 35px;
  color: #c8a7d6;
font-size: 6em;
font-family: open;
float: right;
}
.quotedText:before, .gadgetStyle002 .quotedText:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #c8a7d6;
font-size: 6em;
font-family: open;
}
/* END QUOTES */

/* Page title edit */
.pageTitle {
    padding-bottom: 0px;
   max-width: 1250px;

}

.pageTitle.WaGadgetBreadcrumbs ul li + li::before {
display: none;
}
.pageTitle.borul li+li:before {
display: none;
}
.pageTitle li:not(:last-child) {
display: none;
}
.pageTitle li 
{
Font-size: 2em;
color: #330e3b;
font-weight: 400;
text-transform: capitalize; 
font-style: none;
font-family: 'Radley', sans-serif;
}
.pageTitle ul li+li:before {
    display: none;
}
/* End Page Title */

/* DIVIDER */
.WaContentDivider.dividerStyle001 {
    height: 25px;
    margin: 0 auto;
    background: url(/resources/Theme/divider.png);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    text-align: center;
    align-content: center;
    background-position: center;
    padding: 40px 0;
}
/* END DIVIDER */
/* BUTTON STYLES */
a.buttonStyle001, a:link.buttonStyle001 {
    padding: 8px 40px;
    font-size: 18px;
}
a.buttonStyle002, a:link.buttonStyle002 {
    padding: 8px 40px;
    font-size: 18px;
}
a.buttonStyle003, a:link.buttonStyle003 {
    padding: 8px 40px;
    font-size: 18px;
}
a.buttonStyle004, a:link.buttonStyle004 {
    padding: 8px 40px;
    font-size: 18px;
}
a.buttonStyle005, a:link.buttonStyle005 {
    padding: 8px 40px;
    font-size: 18px;
}

/* END BUTTON STYLES */

/* SLIDER */
.camera_next:hover, .camera_prev:hover {
  background: #644472;
}
.camera_commands, .camera_next, .camera_prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: #f4cb8d;
  cursor: pointer;
  border-radius: 30px;
}
.camera_thumbs {
    display: none;
}
.camera_wrap {
    background: #644472;
}
.camera_caption {
    position: absolute;
    display: block;
    width: 100%;
    background: rgba(49,12,60,.95);
    width: 100%;
    max-width: 600px;
    border-radius: 40px;
    bottom: 20px!important;
    left: 12vw;
    padding: 0 20px 20px;
}
.camera_caption>div H1:not(.promo):not(.header):not(.h1Alt), .camera_caption>div .gadgetStyleNone H1:not(.promo):not(.header):not(.h1Alt), .camera_caption h2, .camera_caption .h2, .camera_caption h3, .camera_caption .h3{
color: #fff;
}
.camera_caption>div A:not(.stylizedButton),  .camera_caption>div A:link:not(.stylizedButton), .camera_caption>div .gadgetStyleNone a:not(.stylizedButton) {
    color: #f4cb8d;
}
.camera_caption>div A:not(.stylizedButton):hover,  .camera_caption>div A:link:not(.stylizedButton):hover, .camera_caption>div .gadgetStyleNone a:not(.stylizedButton):hover {
    color: #f4cb8d;
}
.camera_caption>div {
    padding: 16px 16px;
    color: white;
    font-size: 21px;
    line-height: 1.57em;
}

/* END SLIDER */


/* SEARCH */
.WaGadgetSiteSearch .searchBoxField {
    box-sizing: border-box;
    width: 230px;
    max-width: calc(100% - 41px);
    height: 40px;
    vertical-align: top;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}
/* END SEARCH */
/* TYPOGRAPHY */

/* Set base font size */
html {
    font-size: 18px;
}

/* Default typography styles for all devices */
[class*="EditableArea"] ul {
    margin: 1em 0 1em 45px;
}

/* System Fonts */
.WaGadgetUpcomingEvents.upcomingEventsStyle001 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle002 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle003 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .title a, .WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .title a {
    font-size: 1.2rem;
}
.WaGadgetEventsStateDetails .pageTitleOuterContainer .eventsTitleContainer h1, .WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle{
    font-family: 'Radley', serif;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
color: #000;
}
.WaGadgetEventsStateCalendar .sectionTitle{
    color: #000;
}

/* Quoted text */
.quotedText {
    text-transform: none;
    /* Add your styles for quotedText here */
}

/* Small content */
.contStyleSmaller {
    text-transform: none;
    /* Add your styles for contStyleSmaller here */
}

/* Content caption */
.contStyleCaption {
    text-transform: none;
    /* Add your styles for contStyleCaption here */
}

/* Common styles for headings */
.h1, .h2, .h3, .h4, .h5 {
    text-transform: none;
    font-weight: 300;
}

/* Heading 1 */
h1, .header, h1.header {
    font-size: 2.3333rem; /* Equivalent to 42px */
    text-transform: none;
    margin: 0em;

}

.h1Alt, h1.h1Alt {
    font-size: 1rem;
    text-transform: none;
}

/* Promo Heading */
.promo, h1.promo {
    font-size: 2.3333rem; /* Equivalent to 42px */
    text-transform: none;
}

/* Heading 2 */
h2, .h2 {
    font-size: 2.1111rem; /* Equivalent to 38px */
    text-transform: none;
    margin: 0 0 0;
}

/* Heading 3 */
h3, .h3 {
    font-size: 1.7778rem; /* Equivalent to 32px */
    margin: 0 0 0;
}

/* Heading 4 */
h4, .h4 {
    font-size: 1.5556rem; /* Equivalent to 28px */
}

.h4Alt, h4.h4Alt {
    font-size:1rem;
}

/* Heading 5 */
h5, .h5 {
    font-size: 1.3333rem; /* Equivalent to 24px */
}

/* Special styles for specific classes */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
    text-transform: none;
    font-size: 1.3333rem; /* Equivalent to 24px */
}

/* Dark theme quoted text */
.gadgetStyle002 .quotedText {
    text-transform: none;
    /* Add your styles for dark theme quotedText here */
}

/* Dark theme small content */
.gadgetStyle002 .contStyleSmaller {
    text-transform: none;
    /* Add your styles for dark theme contStyleSmaller here */
}

/* Dark theme content caption */
.gadgetStyle002 .contStyleCaption {
    text-transform: none;
    /* Add your styles for dark theme contStyleCaption here */
}

/* Dark theme Heading 1 */
.gadgetStyle002 h1, .gadgetStyle002 h1.header, .gadgetStyle002 h1.promo {
    text-transform: none;
 margin: .42em 0 .45em;
}

.gadgetStyle002 .h1Alt, .gadgetStyle002 h1.h1Alt {
    text-transform: none;
    font-size: 1rem; /* Equivalent to 42px */
}



/* Dark theme Heading 2 */
.gadgetStyle002 h2 {
    font-size: 2.1111rem; /* Equivalent to 38px */
    text-transform: none;
}
.gadgetStyle002 H1:not(.promo):not(.header):not(.h1Alt) {
   
    text-transform: none;
}

/* Dark theme Heading 3 */
.gadgetStyle002 h3 {
    font-size: 1.7778rem; /* Equivalent to 32px */
}

/* Dark theme Heading 4 */
.gadgetStyle002 h4 {
    font-size: 1.5556rem; /* Equivalent to 28px */
}

.gadgetStyle002 .h4Alt, .gadgetStyle002 h4.h4Alt {
    text-transform: none;
    font-size: 1rem; 
}

/* Dark theme Heading 5 */
.gadgetStyle002 h5 {
    font-size: 1.3333rem; /* Equivalent to 24px */
}



/* Media queries for tablet */
@media (max-width: 768px) and (min-width: 481px) {
    /* Adjust font sizes for tablet using rem units */
    h1, .header, h1.header, .promo, h1.promo {
        font-size: 2.1rem; /* Equivalent to 37.8px */
    }
    h2, .h2 {
        font-size: 1.9rem; /* Equivalent to 34.2px */
    }
    h3, .h3 {
        font-size: 1.6rem; /* Equivalent to 28.8px */
    }
    h4, .h4 {
        font-size: 1.4rem; /* Equivalent to 25.2px */
    }
    h5, .h5 {
        font-size: 1.2rem; /* Equivalent to 21.6px */
    }
    /* Adjust other classes' font sizes for tablet here */
}

/* Media queries for mobile */
@media (max-width: 480px) {
    /* Adjust font sizes for mobile using rem units */
    h1, .header, h1.header, .promo, h1.promo {
        font-size: 1.8667rem; /* Equivalent to 33.6px */
    }
    h2, .h2 {
        font-size: 1.6889rem; /* Equivalent to 30.4px */
    }
    h3, .h3 {
        font-size: 1.4222rem; /* Equivalent to 25.6px */
    }
    h4, .h4 {
        font-size: 1.2444rem; /* Equivalent to 22.4px */
    }
    h5, .h5 {
        font-size: 1.0667rem; /* Equivalent to 19.2px */
    }
    /* Adjust other classes' font sizes for mobile here */
}
/* End media queries */

/* END TYPOGRAPHY */





/* MEMBER LEVELS */
#idMembershipLevelRadioGroupContainer  .fieldSubContainer>.fieldBody {
    width: 100%;
}

#idMembershipLevelRadioGroupContainer .fieldSubContainer {
  font-size: 21px;
}
#idMembershipLevelRadioGroupContainer .fieldSubContainer .typeInstruction {
    width: 550px;
    padding: 2px 0 0;
}
.groupContainer span.label {
padding: 20px;
background: #f9f9f9;
}
#idMembershipLevelRadioGroupContainer .fieldSubContainer .typeInstruction {
    width: 100%;

}
/* END MEMBER LEVELS */



/* LOGIN */
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink{
  width: 145px;
  height: 40px;
  background: #f4cb8d;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {
    font: normal 18px/40px 'georgiapro';
    content: 'Login';
    color: #000
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {
    font: normal 18px/40px 'georgiapro';
    content: 'My Account';
    color: #fff;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton {
      background: #f4cb8d;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginButton:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover {
    background: #d6874e;
    color: white;
}
/* END LOGIN */
/* BULLETS */
[class*='EditableArea'] ul {
    margin: 1em 0 1em 2.5em;
}
/* END BULLETS */
/* Social Icons */
.WaGadgetSocialProfile.socialProfileStyle002 .orientationHorizontal li, .WaGadgetSocialProfile.socialProfileStyle003 .orientationHorizontal li, .WaGadgetSocialProfile.socialProfileStyle004 .orientationHorizontal li {
    margin-left: 24px;
    background: #a383b1;
    padding: 20px;
    border-radius: 50px;

}
.WaGadgetSocialProfile.socialProfileStyle002 li a, .WaGadgetSocialProfile.socialProfileStyle003 li a, .WaGadgetSocialProfile.socialProfileStyle004 li a {
         line-height: 29px;
    font-size: 30px;
     width: 28px
}

.WaGadgetSocialProfile.socialProfileStyle001 li a {
    border-radius: 50px;
}
.WaGadgetSocialProfile.socialProfileStyle003 li a:hover {
    color: #f1f1f1;
}
/* End Social Icons */
/* Menu */
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel>li>.item>a {
    text-transform: none;
}
#id_6NfRKGL > div > div.menuInner > ul > li:nth-child(1) > div {
  display: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .menuInner ul.firstLevel {
    /* float: right */
    margin: 0 auto;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active .firstLevel {
    margin: 0 auto;
     float: none;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu.active {
        opacity: 0;
    animation: fadeIn ease .5s;
    animation-fill-mode: forwards;
    animation-delay: 0.1s;

    background-color: #fcf5ff;
    border-bottom: 2px solid #fff;
    BOX-SHADOW: 0 0 20px rgba(0,0,0,.2);
}
/* End Menu */
/* Events */
@media screen and (min-width: 766px) {
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer {
    float: left;
    width: 400px;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer {
    float: right;
    width: calc(98% - 500px);
}
}
.inner .gadgetEventEditableArea img:first-child {
  width: 85%;
  border-radius: 5px;
  box-shadow: 0 1px 15px rgba(0,0,0,.2);
  text-align: center;
  margin: 0 auto;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 245px;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
  background: #f9f9f9;
  border-radius: 5px;
}
.WaGadgetEventsStateCalendar .sectionTitle {
  color: #330e3b
}

.WaGadgetEventsStateList .boxesList .boxesListItem::after {
    display: block;
    content: '';
    height: 60px;
    padding: 20px 0;
    background-image: url('/resources/theme/divider.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 30px;
}


/* End Events */
.infoOuterContainer {
   background: #f9f9f9;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle {
  color: #330e3b;
}
/* SYSTEM BUTTONS */
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton, .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton, .WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton, .navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type="submit"], .generalFieldsContainer .fieldSubContainer input.typeButton, .generalFieldsContainer .fieldSubContainer input[type=submit], .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton {
border-radius: 5px;
    background: #310c3c;
}

.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover, .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover, .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover, .forumPanelOuterContainer .forumPanelContainer input.typeButton:hover, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover,.WaGadgetLoginForm.LoginFormStyle001 .loginButton, .WaGadgetLoginForm.LoginFormStyle002 .loginButton:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type="submit"]:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type=submit]:hover, .generalFieldsContainer .fieldSubContainer input.typeButton:hover, .generalFieldsContainer .fieldSubContainer input[type=submit]:hover, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover {
background: #644472;
}
/* END SYSTEM BUTTONS */

/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
    color: #d6874e;
}
.WaGadgetMobilePanel .mobilePanel {
  position: relative;
  height: 50px;
  background: #330e3b;
  color: white;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
  background: #644472;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
    background: #644472;
  border-top: 1px solid #644472;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
  padding: 0;
  background: #644472;
  font-weight: normal;
  text-transform: none;
  list-style: none;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
  background: #644472;
  color: white;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a {
    color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a{
    color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$="TextBox"] input[class$="TextBoxControl"], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label::before {
      background: #644472;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
    background: #f4cb8d;
    color: #644472;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover {
        background: #d6874e;

}
/* END MOBILE PANEL */

/* BACK TO TOP */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #644472;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #644472;
}
#back-to-top.show {
    opacity: 1;
}






/* Mobile View */
@media screen and (max-width: 766px) {
    .learnmoreBox {
    border-left: 0px solid #f4cb8d;
;
}
    .camera_caption {
    position: absolute;
    display: block;
    width: 100%;
    background: rgba(49,12,60,.95);
    width: 100%;
    max-width: 600px;
    border-radius: 0px;
    bottom: 0px!important;
    left: 0px;
    padding: 0px;
}
    .camera_caption>div {
    color: white;
    font-size: 18px;

}
    .logoImg {
        margin-top: 0px;
        
    }
.logoImg img{
    max-width: 300px;
    text-align: center;
}
.mobileText {
    text-align: center;
}
.non-mobile {
    display: none;
}
}


/* Tablet View */
@media screen and (max-width: 961px) and (min-width: 766px) {
}




@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}