* { box-sizing: border-box;
} :root {
--roboto :  'Roboto', sans-serif;
--opensans :  'Open Sans', sans-serif;
--robotocondensed :  'Roboto Condensed', sans-serif;
--merriweather :  'Merriweather', serif;
}
body{
font-family: var(--roboto);
}
a {
text-decoration: none !important;
}
.logo {
position: relative;
display: block;
float: left;
width: 20%;
}
header {
position: fixed;
top: 0;
width: 100%;
padding-top: 32px;
transition: 0.5s;
z-index: 9;
}
header.stickmenu {
margin-top: -97px;
background: #191c4ae6;
backdrop-filter: blur(3px);
-moz-backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
z-index: 999;
}
.logo a {
position: relative;
display: block;
transition: 0.5s;
}
.stickmenu .logo {
height: 156px;
width: 20%;
padding-top: 46px;
overflow: hidden;
}
.logo img {
transition: 0.5s;
}
.stickmenu .logo img { transform: scale(0.65);
}
.menu {
transition: all 0.5s ease;
position: relative;
padding: 10px 0;
width: 100%;
display: block;
text-align: right;
float: left;
margin-top: 45px;
z-index: 99;
margin-left: 0;
}
.nav-click {
position: absolute;
display: block;
width: 16px;
height: 9px;
background-position: center center;
top: 10px;
right: 0;
z-index: 999;
background-repeat: no-repeat;
}
.topmenu {
position: relative;
display: flex;
justify-content: flex-end;
padding: 0;
align-items: center;
text-align: right;
}
.topmenu ul {
position: relative;
list-style: none;
display: flex;
align-items: center;
margin-bottom: 0;
}
.menu>ul>li.has-child>.nav-click {
top: 40px;
right: 19px;
}
.subshow {
display: block !important;
transition: all 0.5s;
}
.subshow>li {
padding: 13px 0 !important;
}
.stickmenu .menu {
margin-top: 52px;
} .menu>ul {
padding: 0;
margin: 0;
}
.inn .menu>ul {
margin: 0px 0 0 75px;
}
.sub-menu a {
font-size: 14px !important;
}
.menu>ul>li>ul {
position: absolute;
max-height: 0px; 
text-align: left;
overflow: hidden; margin: 0; padding: 0;  width: 260px;
}
.menu>ul>li>ul>li>ul {
position: absolute;
height: 0px;
overflow: hidden;
background: #191919;
margin: 0 99px;
width: 150px;
padding: 0;
display: none;
top: 5px;
z-index: 999;
}
.menu > ul li:hover ul {
max-height: 426px;
padding: 0;
background: #10405c;
top: 44px;
right: auto;
left: 0;
width: 260px;
background: #fff !important;
}
.menu > ul > ul li:hover a {
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 45px;
text-align: left;
color: #214c85!important;
}
.menu>ul>li>ul>li:hover ul {
overflow: visible;
background: #191919;
height: auto;
padding: 8px 34px;
display: block;
}
.menu>ul>li>ul>li {
display: block;
}
.menu>ul>li>ul>li>ul>li {
display: block;
}
.menu>ul>li>ul>li:last-child {
background: transparent; border-bottom: 0;
}
.menu>ul>li>ul>li:last-child::after {
background: none;
}
.menu>ul>li {
display: inline-block;
list-style: none;
padding: 10px 18px;
position: relative;
}
.stickmenu .current-menu-item a::after {
content: '';
position: absolute;
display: block;
top: 24px;
left: 0;
width: 100%;
height: 2px;
background: #fff;
}
.stickmenu .current-menu-ancestor a::after{
content: '';
position: absolute;
display: block;
top: 24px;
left: 0;
width: 100%;
height: 2px;
background: #fff;
}
.stickmenu .menu-item-has-children .sub-menu a::after{
display: none;
} .menu>ul>li>ul>li a {
color: #fff;
}
.menu > ul > li:hover{
background: #fff;
}
.menu > ul > li:hover a{
color: #273453!important;
}
li.logospace {
width: 115px;
margin: 0 !important;
}
.menu>ul>li>ul>li {
padding: 10px 15px;
text-align: left;
border-bottom: none;
}
.menu>ul>li>a {
font-size: 15px; letter-spacing: 0.78px;
color: #FFFFFF !important;
position: relative;
}
.menuwrap .menu>ul>li>a:after {
position: absolute;
display: block;
bottom: -6px;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
transition: 0.5s;
transform: scale(0);
}
.menuwrap .menu ul>li a:hover:after {
transform: scale(1);
}
li.current_page_item>a:after {
width: 100%;
height: 2px;
background: #fff;
content: '';
transform: scale(1) !important;
}
.menu>ul>li a:hover ul {
display: block;
opacity: 1;
transition: all 1s;
}
.menu>ul>li>ul>li a:hover ul {
display: block;
opacity: 1;
transition: all 1s;
}
.menu ul>li a:hover {
text-decoration: none !important;
color: #273453 !important;
}
.res-menu, #menu-toggle {
display: none;
}
.res-menu>span {
display: block;
height: 3px;
width: 40px;
background-color: #fff;
margin: 8px 0px;
border-radius: 5px;
transition: all 1s;
}
.sub-menu li a {
color: #fff;
text-align: left;
}
#menu-toggle span {
display: block;
background: rgb(255 255 255);
border-radius: 2px;
}
#menu-toggle {
width: 50px;
height: 50px;
margin: 0;
position: absolute;
cursor: pointer;
background: transparent;
right: 0;
top: 12px;
z-index: 999;
}
#menu-toggle:hover {
background: transparent;
}
#menu-toggle #hamburger {
position: absolute;
height: 100%;
width: 100%;
}
#menu-toggle #hamburger span {
width: 32px;
height: 4px;
position: relative;
top: 6px;
left: 10px;
margin: 6px 0;
}
#menu-toggle #hamburger span:nth-child(1) {
transition-delay: .5s;
}
#menu-toggle #hamburger span:nth-child(2) {
transition-delay: .625s;
}
#menu-toggle #hamburger span:nth-child(3) {
transition-delay: .75s;
}
#menu-toggle #cross {
position: absolute;
height: 100%;
width: 100%;
transform: rotate(45deg);
}
#menu-toggle #cross span:nth-child(1) {
height: 0%;
width: 4px;
position: absolute;
top: 10%;
left: 24px;
transition-delay: 0s;
}
#menu-toggle #cross span:nth-child(2) {
width: 0%;
height: 4px;
position: absolute;
left: 12%;
top: 23px;
transition-delay: .25s;
}
#menu-toggle.open #hamburger span {
width: 0%;
}
#menu-toggle.open #hamburger span:nth-child(1) {
transition-delay: 0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
transition-delay: .125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
transition-delay: .25s;
}
#menu-toggle.open #cross span:nth-child(1) {
height: 80%;
transition-delay: .625s;
}
#menu-toggle.open #cross span:nth-child(2) {
width: 80%;
transition-delay: .375s;
}
.mobile-login {
display: none;
} .menu>ul>li.login a {
background: #16618D;
padding: 8px 24px;
border-radius: 6px;
text-transform: uppercase;
} .menu>ul>li.login a:hover {
background: #2895d5;
}
.menuwrapper {
position: relative;
display: block;
float: left;
width: 80%;
}
.topmenu ul li a{
font-size: 15px;
font-weight: 300;
display: block;
color: #FFFFFF;
}
.topmenu a span {
margin-left: 9px;
}
.topmenu li {
padding: 0 18px;
}
.topmenu li:first-child {
border-right: 1px solid #fff;
}
.member {
position: relative;
display: block;
font-family: var(--opensans);
font-weight: 600;
font-size: 13px;
padding: 8px 25px 8px 58px;
background-color: #00449C;
box-shadow: 0px 3px 6px #00000029;
border-radius: 28px;
background-image: url(//usaslcc.org/wp-content/themes/slusa/assets/img/feather-lock.png);
background-position: 28px center;
background-repeat: no-repeat;
color: #fff;
transition: 0.5s;
}
.member:hover {
color: #fff;
background-color: #083977;
} .menu ul ul li:last-child {
display: block;
}
@media only screen and (max-width: 980px) {
body.fix {
overflow: hidden;
}
button:focus { 
outline: 0 !important;
}
.menu {
float: none;
width: 100%;
background: none;
z-index: 999;
padding: 0;
}
.menu ul li ul {
position: relative;
max-height: 0px;
transition: all 1s;   
max-height: 0px;
text-align: left;
overflow: hidden;
background: transparent !important;
backdrop-filter: blur(3px);
margin: 0;
width: 100%;
padding: 0;
top: 0;
left: 0;
transition: 0.5s;
}
a.btn.member {
display: none;
}
.menu.open ul li ul {
max-height: 0;
}
.menu ul li ul.open {
position: relative;
max-height: 350px;
transition: all 0.5s;
}
.menu.open ul li ul.subshow {
max-height: 250px;
}
.menu>ul>li>ul>li {
padding: 10px 0;
text-align: left;
border-bottom: 0;
padding-left: 15px !important;
}
.menu ul li:last-child {
display: block;
}
.res-menu {
display: block;
position: absolute;
background: #8c1e1e;
width: 50px;
height: 50px;
right: 0;
transition: all 0.3s ease;
top: 7px;
}
.menu>ul {
padding: 0;
margin: -10px 0 0 0px;
}
li.logospace {
display: none !important;
}
.menu>ul>li>a {
font-size: 18px;
}
.mobile_menu {
display: block;
top: -88px;
position: relative;
width: 40px;
float: right;
margin-left: 20px;
}
.mobile_menu span {
height: 3px;
margin-bottom: 8px;
width: 40px;
display: block;
background-color: #fff;
border-radius: 5px;
}
#menu-toggle {
width: 50px;
height: 50px;
margin: 0;
position: absolute;
cursor: pointer;
background: transparent;
left: 0; top: -27px;
z-index: 999;
display: block;
}
.inn #menu-toggle {
top: -16px;
}
.menu>ul li {
display: block;
list-style: none;
margin: 0;
padding: 16px 10px;
text-align: left;
border-bottom: 1px solid #333;
}
.menu>ul {
padding: 40px 0 0 0;
margin: 0;
transition: all 1s ease;
position: absolute;
width: 320px;
height: 100vh;
right: -200%;
top: -136px;
z-index: 9;
background: #0e1b40fc;
backdrop-filter: blur(3px);
transition: 0.5s;
border-left: 5px solid #07306d;
}
.stickmenu .menu>ul {
top: -41px;
}
.menu.open > ul {
right: -17px;
padding-top: 70px;
}
.arrowup .nav-click {
transform: rotate(225deg);
}
.navbar-toggler {   
z-index: 999;
position: absolute;
}
.stickmenu .menu.open>ul {
right: -17px;
top: -43px;
}
.stickmenu .navbar-toggler {  
top: 105px;
}
.stickmenu .logo img { transform: scale(0.5);
}
.menu>ul.open-menu {
margin: 0;
width: 410px;
right: 500px;
}
.nav-click {
position: absolute;
display: block;
z-index: 999;
top: 20px;
transform: rotate(40deg);
right: 17px;
cursor: pointer;
width: 12px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
height: 12px;
transition: 0.5s;
}
.menu>ul>li.has-child>.nav-click {
top: 28px;
right: -99%;
}
.menu ul li ul {
margin: 0 auto;
}
.subshow li {
padding: 10px 0 !important;
}
.topmenu a span {
display: none;
}
.topmenu {
justify-content: center;
padding-left: 130px;
}
.menu>ul>li>ul.subshow>li {
padding: 10px 15px;
text-align: left;
} .animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.animated-icon1 span {
background: #ffffff;
}
.animated-icon1 span:nth-child(1) {
top: 0px;
}
.animated-icon1 span:nth-child(2) {
top: 10px;
}
.animated-icon1 span:nth-child(3) {
top: 20px;
}
.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.menu>ul>li {
margin: 0 !important;
}
} .container {
max-width: 1200px;
}
.banner-wrap {
position: relative;
display: flex;
height: 100vh;
align-items: center;
background-size: cover;
justify-content: left;
width: 100%;
}
.banner-wrap h1{
font-family: Roboto;
font-weight: normal;
font-size: 51px;
line-height: 63px;
text-align: left;
color: #fff;
}
.banner-contents {
position: relative;
display: flex;
height: 100%;
align-items: center;
width: 65%;
text-align: left;
margin-left: 6.5%;
padding-top: 12%;
}
a.learnmore {
position: relative;
bottom: -170px;
min-width: 132px;
left: -84%;
display: block;
font-size: 18px;
letter-spacing: 2.18px;
color: #FFFFFF;
text-transform: uppercase;
border-bottom: 1px solid #fff;
padding-bottom: 8px;
}
.boxwrapper {
position: relative;
display: flex;
align-items: self-start;
margin-top: -20px;
margin-left: 47px;
}
.bannerbox-wrap {
position: relative;
overflow: hidden;
margin-bottom: 80px;
margin-top: -5%;
z-index: 1;
}
.covid-box {
position: relative;
display: block;
background-color: #D40C35;
background-image: url(//usaslcc.org/wp-content/themes/slusa/assets/img/arrow-up-left.png);
background-repeat: no-repeat;
background-position: 300px 48px;
box-shadow: 0px 3px 6px #0000003b;
padding: 57px 32px 26px;
transition: 0.5s;
width: 425px; }
.covid-box:hover {
background-color: #de0505;
}
.covid-box h5{
font-size: 32px;
font-weight: 700;
line-height: 39px;
letter-spacing: 0px;
color: #FFFFFF;
}
.event-box {
height: 100%;
background: #0C2546;
color: #fff !important;
position: relative;
display: flex;
padding: 48px 40px 22px 24px;
transition: 0.5s;
}
.eventdate {
text-align: center;
}
.eventdate h5 {
font-size: 24px;
font-weight: 400;
letter-spacing: -0.67px;
margin-bottom: 0;
}
.eventdate h6{
font-size: 52px;
font-weight: 600;
letter-spacing: -1.46px;
}
.eventtitle {
position: relative;
display: flex;
align-items: center;
margin-left: 35px;
}
.eventtitle p {
font-size: 23px;
line-height: 34px;
font-weight: 400;
letter-spacing: -0.64px;
}
.eventtitle:after {
content: '';
position: absolute;
display: block;
top: 32%;
right: -31px;
width: 12px;
height: 21px;
background-image: url(//usaslcc.org/wp-content/themes/slusa/assets/img/arrow-down.png);
}
a.event-box:after {
content: '';
display: block;
position: absolute;
top: 0;
right: -100%;
background: #0C2546;
width: 100%;
height: 100%;
}
.introimg {
position: relative;
display: block;
z-index: 9;
}
.introimg img{
box-shadow: 0px 0px 23px #00000021;
border-radius: 8px;
}
.intro {
position: relative;
display: block;
padding-right: 40px;
}
.intro h2 {
font-size: 34px;
font-weight: 700;
color: #214C85;
margin-bottom: 42px;
}
.intro p{
font-size: 15px;
line-height: 26px;
}
.why-join-wrap {
position: relative;
display: block;
background-color: #191C4A;
color: #fff;
padding-top: 120px;
padding-bottom: 100px; }
.why-join-wrap h3{
font-size: 40px;
font-weight: 700;
}
.why-join-wrap p {
font-weight: 300;
font-size: 18px;
line-height: 32px;
padding-left: 60px;
}
.whyjoin-points {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 4px 14px #00000029;
border-radius: 4px;
padding: 23px 42px;
margin-right: 25px;
}
.whyjoin-points h4 {
font-size: 20px;
font-weight: 700;
color: #0C2546;
margin-bottom: 0;
}
.tickwrap {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
width: 52px;
left: -11px;
height: 52px;
background-image: url(//usaslcc.org/wp-content/themes/slusa/assets/img/checked.png);
}
.hmnews-wrap {
position: relative;
display: block;
background: #F6F6F6;
padding-top: 54px;    
}
.newsbox-title {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.newsbox-title h3 {
font-size: 34px;
font-weight: 700;
color: #23455E;
margin-bottom: 50px;
}
.newslist-box {
position: relative;
display: flex;
margin-bottom: 22px;
}
.newsthumb-img {
width: 258px;
height: 215px;
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-end;
background-size: cover;
}
.newsthumb-img span {
background: #286594;
color: #fff;
width: 68px;
height: 68px;
justify-content: center;
flex-direction: column;
display: flex;
text-align: center;
margin-top: 23px;
}
.newsthumb-img h5{
font-size: 14px;
font-weight: 400;
letter-spacing: -0.39px;
margin-bottom: 0;
}
.newsthumb-img h6{
font-size: 27px;
font-weight: 600;
letter-spacing: -0.76px;
margin-bottom: 0;
}
.newslist-col2 {
position: relative;
display: block;
background: #fff;
padding: 25px;
}
.newslist-col2 h4 {
margin-bottom: 20px;
}
.newslist-col2 h4 > a{
font-size: 17px;
font-weight: 700;
display: block;
color: #0C2546;
}
.newslist-col2 p{
font-size: 14px;
line-height: 24px;
color: #424243;
} 
.news-readmore {
position: relative;
display: inline-block;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.33px;
border-bottom: 1px solid #363847;
padding-bottom: 5px;
color: #363847;
text-transform: uppercase;
}
.box-wrapper {
position: relative;
display: flex;
margin-top: 40px;
align-items: center;
z-index: 99;
box-shadow: 0px 1px 16px #0000001c;
}
a.boxwrap {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
background: #FEFEFE;
align-items: center;
height: 190px;
border-right: 1px solid #7070701f;
width: 25%;
transition: 0.5s;
}
a.boxwrap:nth-child(3) {
display: none;
}
.bxoimg {
position: relative;
display: block;
margin-bottom: 25px;
transition: 0.5s;
}
.boxwrap h6 {
font-size: 17px;
font-weight: 700;
font-family: var(--merriweather);
color: #607587;
transition: 0.5s;
position: relative;
}
.boxwrap h6:before {
content: '';
position: absolute;
left: 0;
bottom: -11px;
width: 0%;
transform: scale(0);
height: 1px;
background: transparent;
transition: 0.5s;
transform-origin: center;
}
.boxwrap:hover h6:before {
background: #fff;
width: 100%;
transform: scale(1);
transition-delay: 0.3s;
}
.boxwrap:hover{
background: #33398F;    
}
.boxwrap:hover h6{
color: #fff !important;
}
.bxoimg img {
transition: 0.5s;
filter: invert(0);
}
.boxwrap:hover .bxoimg img {
filter: invert(1) brightness(100);
}
.boxwrap .bxoimg{
transition: 0.5s;
}
.boxwrap:hover .bxoimg { transform: translateY(-10px);
}
.boxwrap:hover h6 {
transform: translateY(-6px);
}
div.partner-wrap {
position: relative;
display: block;
background: #fff;
padding-top: 170px;
margin-top: -95px;
padding-bottom: 25px;
}
#partner-slider .owl-item img {
width: auto;
}
.partner-wrap h3{
font-size: 27px;
font-weight: 400;
line-height: 39px;
font-family: var(--roboto);
color: #125C94;
}
.newsletter-wrap {
position: relative;
display: block;
color: #fff;
top: -99px;
z-index: 9;
margin-top: 12.5%;
}
.newsletter-wrap h5 {
line-height: 37px;
font-size: 26px;
position: relative;
font-weight: 500;
}
.newsletterinfo {
padding: 70px 0;
position: relative;
z-index: 99;
}
.newsletter-wrapper {
position: relative;
display: block;
height: 100%;
}
.newsletter-wrapper:before{
position: absolute;
top: 0;
left: -44%;
width: 208px;
height: 100%;
content: '';
display: block;
background: rgb(42,46,101);
background: -moz-linear-gradient(-45deg,  rgba(42,46,101,1) 0%, rgba(42,46,101,1) 50%, rgba(44,49,109,1) 51%, rgba(44,49,109,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(42,46,101,1) 0%,rgba(42,46,101,1) 50%,rgba(44,49,109,1) 51%,rgba(44,49,109,1) 100%);
background: linear-gradient(130deg,  rgba(42,46,101,1) 0%,rgba(42,46,101,1) 50%,rgba(44,49,109,1) 51%,rgba(44,49,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2e65', endColorstr='#2c316d',GradientType=1 );
}
.newsletter-wrapper:after {
content: '';
position: absolute;
display: block;
width: 111%;
background: #2C316D;
height: 100%;
top: 0;
right: 15px;
}
.newletter {
position: relative;
display: block;
z-index: 9;
top: 75px;
margin-left: -8%;
}
div.sendpress-signup-form input[type="text"] {
width: 208%;
font-family: Roboto;
font-weight: 300;
font-size: 18px;
line-height: 55px;
text-align: left;
color: #dedee2;
background: transparent;
border: none;
border-bottom: 1px solid #fff;
z-index: 10;
position: relative;
}
div.sendpress-signup-form input[type="text"]:focus{
outline: none;
}
#form-wrap .sendpress-submit {
margin-top: 0;
display: inline-block !important;
margin-left: 145%;
background: #e6b309;
font-family: Roboto;
font-weight: bold;
font-size: 19px;
line-height: 55px;
text-align: left;
color: #fff;
border: none;
padding: 0 25px;
border-radius: 4px;
cursor: pointer;
}
.newsletterinfo::before {
content: '';
position: absolute;
display: block;
width: 200%;
height: 100%;
top: 0;
left: -156%;
background: #2A2E65;
}
footer.footer-wrap {
position: relative;
display: block;
background: #24273E;
color: #fff;
padding-top: 165px;
margin-top: -220px;
}
.flogo {
position: relative;
display: block;
margin-left: 65px;
}
.flinks {
position: relative;
display: block;
margin-bottom: 40px;
}
.fcol h4 {
font-size: 17px;
font-weight: 400;
line-height: 27px;
margin-bottom: 18px;
}
.fcol p{
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.fcol a {
font-size: 14px;
position: relative;
display: inline-block;
color: #fff;
font-weight: 300;
transition: 0.5s;
}
.fcol a:hover {
color: #b7b9f3;
}
.flinks ul {
list-style: none;
padding: 0;
line-height: 26px;
}
.fcol.col1 h4 {
margin-bottom: 33px;
}
.fcol.col1 {
padding-left: 57px;
}
.copyright {
position: relative;
display: flex;
border-top: 1px solid #70707059;
padding-top: 35px;
justify-content: space-between;
}
.copyright p , .copyright a{
font-size: 14px;
font-weight: 300;
color: #ACB0B7;
transition: 0.5s;
}
.copyright a:hover{
color: #b7b9f3;
}
.fcol.col1 {
padding-left: 26px;
}
.fcol.col2{
padding-left: 62px;
}
.fcol.col3 {
padding-left: 0;
} .sub-p-banner-wrap {
height: 510px;
background-size: cover;
background-position: center center;
width: 100%;
position: relative;
}
.sub-covid-box {  }
.member-img-wrap img {
border-radius: 50%;
}
.sub-p-banner-in-wrap {
position: relative;
display: flex;
max-width: 1200px;
margin: 0 auto;
justify-content: space-between;
top: 60%;
}
.sub-covid-box .covid-box {
padding: 20px;
width: 215px;
background-position: 95% 18%;
background-image: url(//usaslcc.org/wp-content/themes/slusa/assets/img/covid-icon.png);
}
.sub-title-wrap {  }
.sub-title-wrap h1 {
font-family: Roboto;
font-weight: 500;
font-size: 40px;
text-align: left;
color: #fff;
width: 625px;
}
.sub-covid-box .covid-box h5{
font-family: Roboto;
font-weight: bold;
font-size: 18px;
line-height: 22px;
text-align: left;
color: #fff;
}  
.sub-main-con-wrap {
margin-top: -5%;
}
.container.sub-con-m-wrap {
background: #fff;
position: relative;
padding: 10px 30px 30px 30px;
}
.breadcum-txt, .breadcum-txt a {
font-family: Roboto;
font-weight: normal;
font-style: italic;
font-size: 14px;
line-height: 66px;
text-align: left;
color: #696a6b;
}
.breadcum-txt span {
margin-left: 10px;
}
.main-disc-wrap p {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 26px;
text-align: left;
color: #000;
}
.main-disc-wrap p:first-child {
font-family: Roboto;
font-weight: 500;
font-style: italic;
font-size: 19px;
line-height: 32px;
text-align: left;
color: #000;
}  
.main-disc-wrap h4 {
font-family: Roboto;
font-weight: 500;
font-size: 18px;
line-height: 26px;
text-align: left;
color: #000;
margin-bottom: 0;
margin-top: 20px;
}
.main-disc-wrap h6 {
font-family: Roboto;
font-weight: 500;
font-style: italic;
font-size: 15px;
line-height: 26px;
text-align: left;
color: #000;
}
.mzg-box-wrap {
background: #0e3581;
width: 74%;
margin-left: 10%;
margin-top: -6%;
position: relative;
}
.mzg-box-in-wrap {
padding: 3% 5% 7% 5%;
}
.mzg-q-disc {
font-family: Roboto;
font-weight: bold;
font-size: 21px;
line-height: 30px;
text-align: right;
color: #fff;
padding-left: 18%;
}
.sub-main-con-in-wrap h3 {
font-family: Merriweather;
font-weight: normal;
font-size: 30px;
line-height: 66px;
text-align: left;
color: #445a9e;
margin-bottom: 30px;
margin-top: 40px;
}
.member-item-wrap {
background: #fff;
filter: drop-shadow(0px 1px 20px rgba(0, 0, 0, 0.07));
border-top-left-radius: 19%;
border-bottom-left-radius: 15%;
display: flex;
padding: 10px;
margin-bottom: 30px;
border-radius: 92px 8.85px 8.85px 92px;
background: #fff;
box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.07);
}
.member-con-wrap h2 {
font-family: Merriweather;
font-weight: normal;
font-size: 17px;
line-height: 20px;
text-align: left;
color: #85878f;
margin-bottom: 0;
}
.member-con-wrap h3 {
font-family: Roboto;
font-weight: 500;
font-size: 24px;
line-height: 40px;
text-align: left;
color: #445a9e;
margin: 0 0 21px 0;
}
.member-con-wrap h4 {
font-family: Merriweather;
font-weight: normal;
font-size: 14px;
line-height: 25px;
text-align: left;
color: #7b91d8;
margin-bottom: 0;
}
.member-con-wrap h5 {
font-family: Merriweather;
font-weight: normal;
font-size: 18px;
line-height: 25px;
text-align: left;
color: #7b91d8;
margin-bottom: 0;
}
.member-con-wrap {
display: flex;
flex-direction: column;
width: 65%;
align-self: center;
}
.member-img-wrap {
width: 35%;
}  
.member-con-wrap.direc-con-wrap h2 {
font-family: Roboto;
font-weight: 500;
font-size: 24px;
line-height: 30px;
text-align: left;
color: #445a9e;
margin-bottom: 10px;
}
.member-con-wrap.direc-con-wrap h3 {
font-family: Merriweather;
font-weight: normal;
font-size: 15px;
line-height: 26px;
text-align: left;
color: #7b91d8;
margin-bottom: 0;
}
.member-con-wrap.direc-con-wrap h4 {
font-family: Merriweather;
font-weight: normal;
font-size: 15px;
line-height: 26px;
text-align: left;
color: #7b91d8;
}
body {
background: #f6f6f6;
overflow-x: hidden;
}
.join-nw-con-wrap {
margin: 2% 0 4% 0;
}
.join-nw-con-wrap h2 {
font-family: Roboto;
font-weight: bold;
font-size: 30px;
line-height: 41px;
text-align: center;
color: #214c85;
padding: 0 10%;
}  
.join-nw-btn-wrap {
text-align: center;
margin-top: 25px;
}
.join-nw-btn-wrap a {
font-family: Roboto;
font-weight: bold;
font-size: 19px;
line-height: 55px;
text-align: left;
color: #fff;
background: #00449c;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
padding: 0 40px;
display: inline-block;
border-radius: 3px;
}
.row.join-c-wrap {
margin-bottom: 50px;
}
.join-disc-wrap {
display: flex;
align-items: center;
height: 100%;
}
.join-disc-in-wrap h2 {
font-family: Roboto;
font-weight: bold;
font-size: 33px;
line-height: 45px;
text-align: left;
color: #214c85;
margin-bottom: 25px;
}
.join-disc-in-wrap p {
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 27px;
text-align: left;
color: #000;
padding-right: 4%;
margin-bottom: 20px;
}
.join-m-link {
margin-top: 30px;
}
.join-m-link a {
font-family: Roboto;
font-weight: bold;
font-size: 18px;
line-height: 27px;
text-align: left;
color: #214c85;
}
.join-m-link img {
margin-left: 10px;
}  
.join-nw-form-m-wrap {
margin: 35px 0;
}
.join-head-wrap h2 {
font-family: Roboto;
font-weight: bold;
font-size: 35px;
line-height: 45px;
text-align: center;
color: #214c85;
margin-bottom: 5px;
}
.join-head-wrap p {
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 27px;
text-align: center;
color: #000;
}
.row.frm-w-con-wrap {
background: #fff;
filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.16));
border-radius: 5px;
padding: 25px 40px 35px 40px;
margin: 0 3%;
}
.tba-head-con-wrap {
display: flex;
padding: 15px 20px;
align-items: center;
background: #fbfbfb;
border-radius: 5px;
}
.tab-head-icon {
width: 19%;
}
.tab-head-title {
width: 81%;
}
.tab-head-title h3 {
font-family: Roboto;
font-weight: 500;
font-size: 24px;
line-height: 25px;
text-align: left;
color: #6a89b1;
margin-bottom: 0;
}
.active .tab-head-title h3 {
color: #fff;
}
.tab-head-title h5 {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 27px;
text-align: left;
color: #989898;
margin-bottom: 0;
}
.nav.nav-tabs a {
width: 50%;
}
.nav.nav-tabs {
border-bottom: none;
}
.active .tba-head-con-wrap {
background: #00449c;
filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.16));
border-radius: 5px;
}
.active .tab-head-title h5 {
color: #fff;
}
.sub-main-con-wrap {
background: #fff;
}
.tab-con-in-wrap h6 {
font-family: Roboto;
font-weight: normal;
font-size: 19px;
line-height: 27px;
text-align: center;
color: #000;
margin-top: 40px;
}
.download-frm-wrap a {
background: #d40c35;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
font-family: Roboto;
font-weight: 500;
font-size: 18px;
line-height: 55px;
text-align: left;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
}
.download-frm-wrap img {
margin-right: 10px;
}
.download-frm-wrap {
text-align: center;
}  
.tab-con-in-wrap.frm-con {
padding: 0 5%;
margin-top: 4%;
}
.u-fi-wrap label {
display: block;
margin-bottom: 5px;
font-family: Roboto;
font-weight: 500;
font-size: 15px;
line-height: 27px;
text-align: left;
color: #353640;
}
.u-input {
width: 100%;
height: 47px;
border-radius: 4px;
background: #fff;
border: 1px solid #929191;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
padding: 0 10px;
}
.u-fi-wrap {
margin-bottom: 17px;
}
.u-input.text-area {
height: 104px;
}
.tab-con-in-wrap.frm-con h4 {
font-family: Merriweather;
font-weight: normal;
font-size: 23px;
line-height: 66px;
text-align: left;
color: #445a9e;
}
.submit-frm-wrap {
text-align: center;
margin-top: 25px;
margin-bottom: 10px;
}
.submit-btn {
font-family: Roboto;
font-weight: 500;
font-size: 18px;
line-height: 40px;
text-align: left;
color: #fff;
background: #d40c35;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
border: none;
padding: 4px 40px;
border-radius: 5px;
cursor: pointer;
}
.search-filter-wrap input {
height: 59px;
border-radius: 4px;
background: #fff;
border: 1px solid #a49f9f;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
width: 100%;
padding: 0 10px;
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 27px;
text-align: left;
color: #8d8282;
}
.search-filter-wrap {
margin: 3% 0 4% 0;
}
.annual-report-item {
display: flex;
margin: 35px 0;
}
.report-img-wrap {
width: 30%;
}
.annual-report-con-wrap {
width: 70%;
margin-left: 5%;
}
.annual-report-con-wrap h3 {
font-family: Roboto;
font-weight: 500;
font-size: 22px;
line-height: 45px;
text-align: left;
color: #3d5b82;
margin: 0;
margin-bottom: 10px;
}
.annual-report-con-wrap p {
font-family: Roboto;
font-weight: normal;
font-size: 13px;
line-height: 21px;
text-align: left;
color: #4b4646;
margin-bottom: 10px;
padding-right: 4%;
}
.file-upload {
display: flex;
}
.pdf-file {
width: 60%;
}
.down-btn {
width: 40%;
}
.pdf-txt {
font-family: Roboto;
font-weight: normal;
font-size: 13px;
line-height: 45px;
text-align: left;
color: #6b6c6d;
margin-left: 10px;
}
.down-btn a {
font-family: Roboto;
font-weight: 500;
font-size: 14px;
line-height: 45px;
text-align: left;
color: #6b6c6d;
border: 1px solid #707070;
padding: 8px 20px;
}
.row.annual-report-list-wrap .col-md-6 {
border-top: 1px solid #cfcfcf;
}
.row.annual-report-list-wrap .col-md-6:first-child, .row.annual-report-list-wrap .col-md-6:nth-child(2){
border-top: none;
}
.row.annual-report-list-wrap .col-md-6:first-child .annual-report-item , .row.annual-report-list-wrap .col-md-6:nth-child(2) .annual-report-item {
margin-top: 0;
}  
.publication-item-wrap {
border-radius: 6px;
background: #fbfbfb;
border: 1px solid #d8d8d8;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
padding: 25px;
margin-bottom: 32px;
}
.publication-item-wrap h6 {
font-family: Roboto;
font-weight: normal;
font-size: 18px;
line-height: 50px;
text-align: left;
color: #a4a7aa;
margin-bottom: 5px;
}
.publication-item-wrap h2 {
font-family: Merriweather;
font-weight: normal;
font-size: 26px;
line-height: 37px;
text-align: left;
color: #607587;
margin-bottom: 50px;
}
.pub-read-txt {
font-family: Roboto;
font-weight: 500;
font-size: 18px;
line-height: 27px;
text-align: left;
color: #707e8f;
margin-right: 15px;
}  
.related-articles-in-wrap h3 {
font-family: Roboto;
font-weight: normal;
font-size: 19px;
line-height: 45px;
text-align: center;
color: #7c94b4;
text-transform: uppercase;
margin: 2.5% 0 1.5% 0;
}
.inn-main-con-wrap {
font-family: Roboto;
font-weight: 500;
font-style: italic;
font-size: 19px;
line-height: 31px;
text-align: left;
color: #000;
}
.inner-discwrap p {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: left;
color: #000;
}
.inner-discwrap h4 {
font-family: Roboto;
font-weight: bold;
font-size: 22px;
text-align: left;
color: #445a9e;
margin: 5.5% 0 3.5% 0;
}
.inner-discwrap ul {
margin: 0;
padding: 0;
padding-left: 15px;
}
.inner-discwrap ul li {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: left;
color: #000;
margin-bottom: 15px;
}
.inner-disc-img h5 {
font-family: Roboto;
font-weight: normal;
font-size: 13px;
line-height: 31px;
text-align: left;
color: #7e7a7a;
margin-top: 15px;
}
.publish-txt {
font-family: Roboto;
font-weight: bold;
font-size: 13px;
line-height: 24px;
text-align: left;
color: #505050;
margin-left: 5px;
}
.publish-date {
font-family: Roboto;
font-weight: normal;
font-size: 13px;
line-height: 24px;
text-align: left;
color: #4d4c4c;
margin-left: 10px;
}
.authour-txt {
font-family: Roboto;
font-weight: bold;
font-size: 13px;
line-height: 24px;
text-align: left;
color: #505050;
margin-left: 30px;
}
.authour-txt-name {
font-family: Roboto;
font-weight: normal;
font-size: 13px;
line-height: 24px;
text-align: left;
color: #4d4c4c;
margin-left: 10px;
}
.row.publish-main-wrap {
margin-top: 25px;
padding-top: 20px;
border-top: 1px solid #dfdfdf;
}
.publish-history-wra {
margin-bottom: 20px;
}
.browse-alfa-bitically h5 {
font-family: Roboto;
font-weight: 500;
font-size: 16px;
line-height: 45px;
text-align: left;
color: #6a6a6a;
}
.business-directory-list-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: 20px;
margin-bottom: 20px;
}
.business-directory-item-wrap {
width: 24%;
margin: 0 0.5%;
border-radius: 6px;
background: #fff;
border: 1px solid #e5e2e2;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.08);
padding: 20px 20px 0 20px; margin-bottom: 10px;
}
.business-directory-item-wrap:hover{
transition: all ease 0.6s;
padding: 20px;
margin-bottom: 0;
}
.business-d-img-wrap {
text-align: center;
min-height: 105px;
margin-bottom: 10px;
}
.business-directory-item-in-wrap h3 {
font-family: Roboto;
font-weight: bold;
font-size: 18px;
line-height: 26px;
text-align: center;
color: #214c85;
padding: 0 5%;
margin: 15px 0 0 0;
}
.b-more-details-wrap a {
font-family: Roboto;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.06em;
line-height: 20px;
text-align: center;
color: #b2b2b2;
text-transform: uppercase;
}
.b-more-details-wrap {
margin: 0 auto;
text-align: center;
visibility: hidden;
transition: all ease 0.6s;
}
.business-directory-item-wrap:hover .b-more-details-wrap{
visibility: visible;
transition: all ease 0.6s;
}
.row.business-main-con-wrap {
margin-top: 15px;
}
.business-disc-wrap h2 {
font-family: Roboto;
font-weight: bold;
font-size: 30px;
line-height: 45px;
text-align: left;
color: #214c85;
margin-bottom: 26px;
}
.business-disc-wrap p {
font-family: Roboto;
font-weight: normal;
font-size: 14px;
line-height: 23px;
text-align: left;
color: #4c4f54;
margin-bottom: 20px;
}
.business-disc-wrap {
padding-right: 4%;
}
.business-details-wrap {
border-radius: 6px;
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
padding: 20px 25px 20px 25px;
}  
.business-details-img-wrap {
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #dedede;
margin-bottom: 20px;
}
.business-box-wrap h3 {
font-family: Roboto;
font-weight: 500;
font-size: 16px;
line-height: 30px;
text-align: left;
color: #214c85;
margin: 15px 0 4px 0;
}
.address-txt {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 25px;
text-align: left;
color: #4c4f54;
}
.phone-txt a {
font-family: Roboto;
font-weight: bold;
font-size: 21px;
line-height: 17px;
text-align: left;
color: #00449c;
}
.email-txt a {
font-family: Roboto;
font-weight: bold;
font-size: 21px;
line-height: 15px;
text-align: left;
color: #00449c;
}
.visit-web-link-wrap {
margin: 25px 0 5px 0;
}
.visit-web-link-wrap a {
font-family: Roboto;
font-weight: 500;
font-size: 18px;
line-height: 50px;
text-align: left;
color: #fff;
background: #00449c;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
display: block;
text-align: center;
border-radius: 6px;
}
.news-head-wrap h2 {
font-family: Roboto;
font-weight: bold;
font-size: 33px;
line-height: 45px;
text-align: left;
color: #214c85;
}
.news-head-wrap h2 {
font-family: Roboto;
font-weight: bold;
font-size: 33px;
line-height: 45px;
text-align: left;
color: #214c85;
margin-bottom: 3.5%;
margin-top: 1%;
}
.news-item-wrap {
display: flex;
margin-bottom: 7%;
}
.news-item-img-wrap {
width: 50%;
margin-right: 10px;
}
.news-item-con-wrap {
width: 50%;
margin-left: 10px;
display: flex;
align-items: center;
}
.news-item-con-in-wrap h6 {
font-family: Merriweather;
font-weight: 300;
font-style: italic;
font-size: 14px;
line-height: 35px;
text-align: left;
color: #9e9d9d;
}
.news-item-con-in-wrap h4 {
font-family: Merriweather;
font-weight: bold;
font-size: 20px;
line-height: 32px;
text-align: left;
color: #1e1818;
margin-bottom: 20%;
}
.news-disc {
font-family: Roboto;
font-weight: normal;
font-size: 14px;
line-height: 22px;
text-align: left;
color: #1e1818;
padding-right: 11%;
}
.news-read-more a {
font-family: Roboto;
font-weight: 500;
font-size: 14px;
line-height: 27px;
text-align: left;
color: #707e8f;
}
.news-read-more {
margin-top: 15px;
}
.r-s-icon {
margin-left: 5%;
}
.news-inner-main-img img {
width: 100%;
}
.inner-date {
font-family: Merriweather;
font-weight: normal;
font-style: italic;
font-size: 17px;
line-height: 35px;
text-align: left;
color: #484545;
margin: 1.8% 0 1.8% 0;
}
.inner-sec-1 h2 {
font-family: Merriweather;
font-weight: bold;
font-size: 31px;
line-height: 46px;
text-align: left;
color: #214c85;
margin-bottom: 25px;
}
.inner-sec-1 p {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: left;
color: #000;
margin-bottom: 20px;
}
.inner-sec-2 h3 {
font-family: Roboto;
font-weight: bold;
font-size: 27px;
line-height: 24px;
text-align: left;
color: #214c85;
margin: 35px 0 25px;
}
.inner-sec-2 p {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: left;
color: #000;
margin-bottom: 20px;
}
.n-in-p-img img {
width: 100%;
margin: 20px 0 20px 0;
}
.news-inner-sec-4 h4 {
font-family: Roboto;
font-weight: bold;
font-size: 27px;
line-height: 24px;
text-align: left;
color: #214c85;
margin: 20px 0 25px 0;
}
.news-inner-sec-4 p {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: left;
color: #000;
margin-bottom: 20px;
}
.sep-line {
border-bottom: 1px solid #e3e2e2;
margin: 20px 0 35px 0;
}
.authour-wrap h5 {
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: left;
color: #374f70;
}
.share-txt {
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: left;
color: #374f70;
}
.share-wrap {
margin-bottom: 20px;
display: flex;
align-items: center;
}
.popular-news-wrap h2 {
font-family: Roboto;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.07em;
line-height: 27px;
text-align: left;
color: #707e8f;
text-transform: uppercase;
margin-bottom: 25px;
}
.popular-news-item {
background: #fefefe;
box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.11);
padding: 25px;
margin-bottom: 25px;
}
.popular-news-item h5 {
font-family: Merriweather;
font-weight: 300;
font-style: italic;
font-size: 14px;
line-height: 35px;
text-align: left;
color: #9e9d9d;
margin-bottom: 10px;
}
.popular-news-item h2 {
font-family: Merriweather;
font-weight: bold;
font-size: 20px;
line-height: 32px;
text-align: left;
color: #1e1818;
text-transform: unset;
}
.popular-news-wrap {
padding-left: 5%;
}
.contact-main-disc-wrap h4 {
font-family: Roboto;
font-weight: bold;
font-size: 24px;
line-height: 45px;
text-align: left;
color: #214c85;
margin: 25px 0 20px 0;
}
.cn-p-c-wrap {
margin-bottom: 20px;
}
.cn-p-c-wrap h5 {
font-family: Roboto;
font-weight: 300;
font-size: 17px;
line-height: 28px;
text-align: left;
color: #214c85;
margin-bottom: 0;
}
.cn-disx-txt,.cn-disx-txt a {
font-family: Roboto;
font-weight: normal;
font-size: 18px;
line-height: 31px;
text-align: left;
color: #00449c;
}
.contact-main-disc-wrap h4.spt {
margin-top: 35px;
}
.get-d-txt-wrap {
font-family: Roboto;
font-weight: normal;
font-size: 24px;
line-height: 60px;
text-align: left;
color: #214c85;
margin-top: 15px;
}
.get-d-btn-wrap {
margin-top: 20px;
}
.get-d-btn-wrap a {
font-family: Roboto;
font-weight: bold;
font-size: 20px;
line-height: 55px;
text-align: center;
color: #fff;
height: 54px;
background: #00449c;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
display: block;
border-radius: 6px;
}
.contact-map-img img {
width: 100%;
}
.row.get-in-toucg-main-wrap {
margin-top: 45px;
}
.get-in-touch-line {
width: 75px;
height: 4px;
background: #c1c1c1;
text-align: center;
margin: 0 auto;
}
.get-in-touch-wrap h2 {
font-family: Merriweather;
font-weight: normal;
font-size: 35px;
line-height: 45px;
text-align: center;
color: #214c85;
margin: 35px 0 0 0;
}
.get-in-touch-wrap h4 {
font-family: Roboto;
font-weight: 300;
font-size: 20px;
line-height: 45px;
text-align: center;
color: #7f8a98;
}
.contact-form-wrap {
margin-top: 35px;
padding: 0 8%;
}
.frm-f-wrap label {
font-family: Roboto;
font-weight: 500;
font-size: 16px;
line-height: 27px;
text-align: left;
color: #7c8091;
display: block;
margin-bottom: 5px;
}
.cnf-input {
height: 48px;
border-radius: 6px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
width: 100%;
padding: 0 10px;
}
.frm-f-wrap {
margin-bottom: 15px;
}
.cn-f-submit-inq-wrap {
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}
.cn-f-submit-inq-wrap input {
background: #00449c;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
border: none;
cursor: pointer;
padding: 0 10%;
font-family: Roboto;
font-weight: bold;
font-size: 22px;
line-height: 55px;
text-align: left;
color: #fff;
border-radius: 6px;
}
.cnf-input.mzg {
height: 146px;
}  
.row.galley-list-wrap {
margin-top: 2%;
}
.gallery-item-wrap {
position: relative;
margin-bottom: 30px;
}
.gal-item-con-wrap {
position: absolute;
bottom: 5%;
left: 5%;
}
.gal-item-con-wrap h4 {
font-family: Roboto;
font-weight: normal;
font-size: 31px;
line-height: 42px;
text-align: left;
color: #fff;
}
.gal-item-con-wrap h6 {
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 37px;
text-align: left;
color: #fff;
margin-top: 20px;
margin-bottom: 0;
}
.gallery-item-wrap img {
width: 100%;
}
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right : 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
.fancybox-thumbs__list {
text-align: center;
margin: 0 auto;
}
.fancybox-thumbs__list a {
border: 1px solid #fff;
border-radius: 6px;
}
.fancybox-thumbs__list a.fancybox-thumbs-active {
border: none;
}
.members-log-frm-wrap {
width: 50%;
margin: 3% auto 4% auto;
border-radius: 0px 8px 8px 0px;
background: #fff;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
padding: 3%;
}
.memlog-img-wrap {
text-align: center;
}
.members-log-frm-wrap h2 {
font-family: Roboto;
font-weight: bold;
font-size: 27px;
line-height: 45px;
text-align: center;
color: #214c85;
margin: 10px 0 35px 0;
}
.mem-log-frm-wrap label {
font-family: Roboto;
font-weight: 500;
font-size: 15px;
line-height: 27px;
text-align: left;
color: #7b7272;
display: block;
margin-bottom: 2px;
}
.mem-log-frm-wrap input {
background: #fff;
border: 1px solid #ccc;
filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.06));
border-radius: 2px;
width: 100%;
height: 47px;
margin-bottom: 15px;
}
#rememberme{
width: 18px;
height: 18px;
background: transparent;
border: 1px solid #bbb;
}
.login-remember label {
font-family: Roboto;
font-weight: normal;
font-size: 15px;
line-height: 26px;
text-align: left;
color: #7b7272;
margin-left: 10px;
}
.lgin-submit {
text-align: right;
margin-top: 10px;
}
#wp-submit {
font-family: Roboto;
font-weight: bold;
font-size: 19px;
line-height: 44px;
text-align: center;
color: #fff;
background: #00449c;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
border-radius: 6px;
border: none;
padding: 0 10%;
cursor: pointer;
width: auto;
margin: 0 auto;
}
.login-submit {
text-align: center;
}
.remember-wrap {
margin-top: 20px;
}
.home.page-template-default.page.page-id-5 {
background: #fff;
}
.optionbox {
background: #fff;
position: relative;
}
.optionbox::after{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
display: inline-block;
content: "";
background: #f6f6f6;
}
.home.page-template-default div.partner-wrap{
background: #fff;
padding-bottom: 0;
}
.home.page-template-default .optionbox {
background: #F6F6F6;
}
.cd-tab-filter {
background: transparent;
float: none;
flex-direction: column;
align-items: baseline;
padding: 0;
}
.filtertxt {
display: block;
font-family: Roboto;
font-weight: 500;
font-size: 16px;
line-height: 45px;
text-align: left;
color: #6a6a6a;
margin-bottom: 10px;
}
.cd-tab-filter ul {    
width: 100%;
padding: 0;
}
.get-in-touch-wrap .wpcf7-response-output{
margin: 0 8%!important;
}
.get-in-touch-wrap .wpcf7 .ajax-loader {
top: 31% !important;
position: absolute;
}
.share-wrap .ssba img {
width: auto !important;
padding: 6px 13px;
}
.share-txt {
width: 45%;
}
.ssba-classic-2.ssba.ssbp-wrap.left.ssbp--theme-1 {
width: 55%;
}
#form-wrap {
display: flex;
}
.sub-main-con-wrap .cd-tab-filter {
background: transparent;
align-items: baseline;
padding: 0;
width: 100%;
}
.sub-main-con-wrap #sort_designers {
width: 100%;
margin: 0;
padding: 0;
}
.sub-main-con-wrap .filter a {
font-family: Roboto;
font-weight: bold;
font-size: 15px;
line-height: 30px;
text-align: left;
color: #7a8ca1;
padding: 10px 16px;
}
.sub-main-con-wrap .cd-tab-filter .filter.open::before {
display: none;
}
.sub-main-con-wrap .filter.open a {
background: #00449c;
color: #fff;
}
.newsletter-wrapper .sendpress-signup-form #error {
color: #E63636;
}
.publication-p-in-wrap form,  .annual-report-p-in-wrap form{
display: flex;
}
.search-filter-wrap input:first-child{
width: 95%;
}
.search-filter-wrap input:last-child{
width: 5%;
background: #00449c;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
text-indent: -999999999px;
cursor: pointer;
background-image: url(//usaslcc.org/wp-content/themes/slusa/assets/img/search-icon.png);
background-position: center center;
background-repeat: no-repeat;
border: none;
}
.wpcf7 input[type="file"] {
margin-top: 16px;
}
.u-fi-wrap h6 {
margin: 0;
text-align: left;
font-family: Roboto;
font-weight: normal;
font-style: italic;
font-size: 13px;
line-height: 15px;
text-align: left;
color: #7b7272;
}
#upload select {
background: url(//usaslcc.org/wp-content/themes/slusa/assets/img/select-icon.png) !important;
background-repeat: no-repeat !important;
background-position: 95% center !important;
appearance: none;
-moz-appearance: none;
}
#error {
position: absolute;
bottom: -40%;
}
.search-title {
font-size: 20px;
margin-bottom: 3%;
}
.tp-loop-wrap a {
color: #fff;
padding-bottom: 9px !important;
border-bottom: 1px solid #fff !important;
text-transform: uppercase;
}
.newsletter-wrapper .sendpress-signup-form #thanks{
margin: 0px 0px;
}
.members-log-frm-wrap .login-msg {
font-size: 14px;
color: #fb0808;
margin-bottom: 5px;
}
.members-log-frm-wrap .login-msg strong{
display: none;
}
.cd-gallery img {
display: block !important;
width: auto  !important;
max-height: 100px;
margin: 0 auto;
}
.pagination-wrap {
text-align: center;
margin: 0 auto;
}
.page-numbers.current {
background: #2C316D;
}
.page-numbers {
color: #fff;
padding: 5px 10px;
background: #00449C;
margin: 0 4px;
}
.page-numbers:hover{
color: #fff;
}
.newsletter-wrap{
background: #2C316D;
}
#menu-item-352 {
display: none;
}.cd-header {
position: relative;
height: 150px;
background-color: #331d35;
}
.cd-header h1 {
color: #ffffff;
line-height: 150px;
text-align: center;
font-size: 2.4rem;
font-weight: 300;
}
@media only screen and (min-width: 1170px) {
.cd-header {
height: 180px;
}
.cd-header h1 {
line-height: 180px;
}
}
.cd-main-content {
position: relative; }
.cd-main-content:after {
content: "";
display: table;
clear: both;
}
.cd-main-content.is-fixed .cd-tab-filter-wrapper { top: 0;
left: 0;
width: 100%;
}
.cd-main-content.is-fixed .cd-gallery {
padding-top: 76px;
}
.cd-main-content.is-fixed .cd-filter {
position: fixed;
height: 100vh;
overflow: hidden;
}
.cd-main-content.is-fixed .cd-filter form {
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.cd-main-content.is-fixed .cd-filter-trigger {
position: fixed;
}
@media only screen and (min-width: 768px) {
.cd-main-content.is-fixed .cd-gallery {
padding-top: 90px;
}
}
@media only screen and (min-width: 1170px) {
.cd-main-content.is-fixed .cd-gallery {
padding-top: 100px;
}
} .cd-tab-filter-wrapper {
background-color: #ffffff;
z-index: 1;
}
.cd-tab-filter-wrapper:after {
content: "";
display: table;
clear: both;
}
.cd-tab-filter { position: relative;
height: 50px;
width: 140px;
margin: 0 auto;
z-index: 1;
}
.cd-tab-filter::after { content: '';
position: absolute;
right: 14px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
background: url(//usaslcc.org/wp-content/themes/slusa/assets/img/cd-icon-arrow.svg) no-repeat center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.cd-tab-filter ul {
position: absolute;
top: 0;
left: 0;
background-color: #ffffff;
box-shadow: inset 0 -2px 0 #41307c;
}
.cd-tab-filter li {
display: none;
}
.cd-tab-filter li:first-child { }
.cd-tab-filter a {
display: block; height: 50px;
width: 140px;
line-height: 50px;
padding-left: 14px;
}
.cd-tab-filter a.selected {
background: #41307c;
color: #ffffff;
}
.cd-tab-filter.is-open::after { -webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul {
box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-tab-filter.is-open ul li {
display: block;
}
.cd-tab-filter.is-open .placeholder a { opacity: .4;
}
@media only screen and (min-width: 768px) {
.cd-tab-filter {  cursor: auto;
}
.cd-tab-filter::after { display: none;
} .cd-tab-filter ul {
background: transparent;
position: relative;
box-shadow: none;
display: flex;
padding: 7px 0 0 0;
margin-left: 27px;
text-align: left;
margin-bottom: 0;
width: 80%;
height: 50px;
overflow: hidden; 
transition: 0.5s;
} .cd-tab-filter li {
display: inline-block; }
.cd-tab-filter li.placeholder {
display: none !important;
}
.cd-tab-filter a {
display: inline-block;
padding: 0 15px;
width: auto;
color: #bababa;
text-transform: uppercase;
font-size: 20px;
font-family: 'futuralight';
}
.no-touch .cd-tab-filter a:hover {
color: #41307c;
}
.cd-tab-filter a.selected {
background: transparent;
color: #000000;
font-weight: 600;
}
.cd-tab-filter a:hover{
color: #000000;
}
.cd-tab-filter.is-open ul li {
display: inline-block;
} .cd-tab-filter .filter.open:before {
content: '';
position: absolute;
display: block;
width: 8px;
height: 8px;
top: -3px;
left: 27px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg);
}
}
@media only screen and (min-width: 1170px) {
.cd-tab-filter {
width: 100%;
float: right;
background: #f9f9f9;
display: flex;
padding: 55px 0;
align-items: center;
margin: 0;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
}
.cd-tab-filter.filter-is-visible { width: 80%;
}
} .cd-gallery {
padding: 26px 5%;
width: 100%;
}
.cd-gallery .business-directory-item-wrap {
margin-bottom: 1.6em; display: none;
}
.cd-gallery li.gap { opacity: 0;
height: 0;
display: inline-block;
}
.cd-gallery img {
display: block;
width: 100%;
}
.cd-gallery .cd-fail-message {
display: none;
text-align: center;
}
@media only screen and (min-width: 768px) {
.cd-gallery {
padding: 40px 3%;
}
.cd-gallery .business-directory-list-wrap {
text-align: justify;
}
.cd-gallery .business-directory-list-wrap:after {
content: "";
display: table;
clear: both;
}
.cd-gallery .business-directory-item-wrap {
width: 48%;
margin-bottom: 2em;
}
}
@media only screen and (min-width: 1170px) {
.cd-gallery {
padding: 50px 0 0;
float: right;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
}
.cd-gallery .business-directory-item-wrap {
width: 23%;
position: relative;
}
.cd-gallery.filter-is-visible { width: 80%;
}
.cd-gallery .business-directory-list-wrap {
padding: 0;
}
} .cd-filter {
position: absolute;
top: 0;
left: 0;
width: 280px;
height: 100%;
background: #ffffff;
box-shadow: 4px 4px 20px transparent;
z-index: 2; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
-moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
transition: transform 0.3s, box-shadow 0.3s;
}
.cd-filter::before { content: '';
position: absolute;
top: 0;
left: 0;
height: 50px;
width: 100%;
background-color: #41307c;
z-index: 2;
}
.cd-filter form {
padding: 70px 20px;
}
.cd-filter .cd-close {
position: absolute;
top: 0;
right: 0;
height: 50px;
line-height: 50px;
width: 60px;
color: #ffffff;
font-size: 1.3rem;
text-align: center;
background: #37296a;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 3;
}
.no-touch .cd-filter .cd-close:hover {
background: #32255f;
}
.cd-filter.filter-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.cd-filter.filter-is-visible .cd-close {
opacity: 1;
}
@media only screen and (min-width: 1170px) {
.cd-filter {
width: 20%;
}
.cd-filter form {
padding: 70px 10%;
}
}
.cd-filter-trigger {
position: absolute;
top: 0;
left: 0;
height: 50px;
line-height: 50px;
width: 60px; overflow: hidden;
text-indent: 100%;
color: transparent;
white-space: nowrap;
background: transparent url(//usaslcc.org/wp-content/themes/slusa/assets/img/cd-icon-filter.svg) no-repeat center center;
z-index: 3;
}
.cd-filter-trigger.filter-is-visible {
pointer-events: none;
}
@media only screen and (min-width: 1170px) {
.cd-filter-trigger {
width: auto;
left: 2%;
text-indent: 0;
color: #9a9a9a;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 700;
padding-left: 24px;
background-position: left center;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.no-touch .cd-filter-trigger:hover {
color: #41307c;
}
.cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
color: #ffffff;
}
} .cd-filter-block {
margin-bottom: 1.6em;
}
.cd-filter-block h4 { position: relative;
margin-bottom: .2em;
padding: 10px 0 10px 20px;
color: #9a9a9a;
text-transform: uppercase;
font-weight: 700;
font-size: 1.3rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.no-touch .cd-filter-block h4:hover {
color: #41307c;
}
.cd-filter-block h4::before { content: '';
position: absolute;
left: 0;
top: 50%;
width: 16px;
height: 16px;
background: url(//usaslcc.org/wp-content/themes/slusa/assets/img/cd-icon-arrow.svg) no-repeat center center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-filter-block h4.closed::before {
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
-o-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before { font-family: "Open Sans", sans-serif;
border-radius: 0;
background-color: #ffffff;
border: 2px solid #e6e6e6;
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
width: 100%;
padding: .8em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
outline: none;
background-color: #ffffff;
border-color: #41307c;
}
.cd-filter-block input[type='search'] { border-color: transparent;
background-color: #e6e6e6; font-size: 1.6rem !important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
display: none;
}
.cd-filter-block .cd-select { position: relative;
}
.cd-filter-block .cd-select::after { content: '';
position: absolute;
z-index: 1;
right: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 16px;
height: 16px;
background: url(//usaslcc.org/wp-content/themes/slusa/assets/img/cd-icon-arrow.svg) no-repeat center center;
pointer-events: none;
}
.cd-filter-block select {
cursor: pointer;
font-size: 1.4rem;
}
.cd-filter-block select::-ms-expand {
display: none;
}
.cd-filter-block .list li {
position: relative;
margin-bottom: .8em;
}
.cd-filter-block .list li:last-of-type {
margin-bottom: 0;
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] { position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0;
z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
padding-left: 24px;
font-size: 1.4rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after { content: '';
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
width: 16px;
height: 16px;
left: 0;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after { display: none;
}
.cd-filter-block .checkbox-label::after { width: 16px;
height: 16px;
background: url(//usaslcc.org/wp-content/themes/slusa/assets/img/cd-icon-check.svg) no-repeat center center;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
border-radius: 50%;
}
.cd-filter-block .radio-label::after { width: 6px;
height: 6px;
background-color: #ffffff;
left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
border-color: #41307c;
background-color: #41307c;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
display: block;
}
@-moz-document url-prefix() { .cd-filter-block .cd-select::after {
display: none;
}
}@media( max-width: 1200px) {
.menu>ul>li { 
margin: 0 0 0 25px;
}
.menu ul li a {
padding-right: 0;
}
.boxwrapper {   
margin-left: -15px;
}
.whyjoin-points h4 {
font-size: 17px;
}
.tickwrap {
width: 44px;
background-size: cover;  
height: 44px;
}
.whyjoin-points {
margin-right: 0;
}
.tickwrap {
left: 8px;
}
.newsletterinfo:before {
left: -154%;
}
.banner-contents {
width: 70%;
}
}
@media( max-width: 800px) {
.banner-contents {
width: 80%;
margin-left: 171px;
padding-top: 12%;
}
a.learnmore {   
left: -77%;
}
.covid-box h5 {
font-size: 23px;
line-height: 30px;
}
.eventtitle p {
font-size: 16px;
line-height: 21px;  
}
.covid-box {
background-position: 234px 48px;
}
.eventdate h6 {
font-size: 43px;
}
.eventdate h5 {
font-size: 18px;
}
.why-join-wrap {
margin-top: 0;
}
.intro h2 {
font-size: 28px;   
margin-bottom: 28px;
}
.introimg {  
margin-top: 80px;
}
.newslist-col {
width: 51%;
}
.newsthumb-img {
width: 258px;
height: 100%;
}
.newsbox-title {
margin-bottom: 45px;
}
.boxwrap h6 {
font-size: 14px;
}
.newsletterinfo:before {
left: -151%;
}
.fcol.col1 {
padding-left: 9px;
}
.fcol.col2 {
padding-left: 36px;
}
.flogo {
margin-left: 27px;
}
.newsletter-wrapper:after {
width: 92%;
}
.newsbox-title h3 {  
margin-bottom: 0;
}
}
@media( max-width: 767px) {
body {
overflow-x: hidden;
}
.covid-box {
background-position: 90% 48px;
}
.banner-contents {
width: 100%;
margin-left: 0;
justify-content: center;
padding-top: 0;
left: 43%;
text-align: center;
transform: translateX(-33%);
}
.banner-wrap h1 {
font-size: 30px;
line-height: 49px;   
}
a.learnmore {
left: 18%;
transform: translateX(-281%);
bottom: -15%;
font-size: 15px;
text-align: left;
min-width: 115px;
}
.topmenu {
padding-left: 0;
}
.mobile_menu {
top: -73px;
}
.stickmenu .logo {
height: 140px;
width: 20%;
padding-top: 64px;
overflow: hidden;
}
.stickmenu .logo img {   
transform: scale(0.8);
}
.boxwrapper {
margin-left: 0;
flex-direction: column;
}
.covid-box {
width: 100%;
}
a.event-box:after{
display: none;
}
.why-join-wrap {
margin-top: 0;
text-align: center;
padding-top: 65px;
}
.why-join-wrap p {  
padding-left: 0;
}
.whyjoin-points h4 {
font-size: 13px;
}
.whyjoin-points {
margin-right: 0;
text-align: left;
}
.why-join-wrap {  
padding-bottom: 30px;
}
.hmnews-wrap {
padding-top: 18px;
}
.newsbox-title h3 {
font-size: 28px;
}
.newslist-box {  
flex-direction: column;
}
.newslist-col {
width: 100%;
}
.newsthumb-img {
width: 100%;
height: 220px;
}
.newsbox-title {
margin-bottom: 20px;
}
.box-wrapper {
position: relative;
display: flex;
margin-top: 0;
align-items: center;
flex-direction: column;
}
.boxwrap h6 {    
margin-bottom: 0;
}
a.boxwrap {
position: relative;
height: 126px;
width: 100%;
border-bottom: 1px solid #ccc;
}
.partner-wrap h3 {
line-height: 32px;
font-size: 26px;
text-align: center;
}
.newsletterinfo:before {
display: none;
}
.newsletter-wrapper:before, .newsletter-wrapper:after{
display: none;
}
.newsletter-wrap {   
top: 0;
background: rgb(42,46,101);
}
footer.footer-wrap { 
background: #24273E;
color: #fff;
text-align: center;
padding-top: 20px;
margin-top: 0;
}
.flogo {
margin-left: 0;
}
.fcol.col2 {
padding-left: 0;
}
.copyright {
flex-direction: column;
}
.newletter {  
top: 0;
text-align: center;
padding-bottom: 30px;
}
div.partner-wrap {   
padding-top: 35px;
margin-top: 0;
padding-bottom: 35px;
}
.newsletter-wrap h5 {   
text-align: center;
}
.intro {   
padding-right: 0;
text-align: center;
}
.why-join-wrap h3 {
font-size: 30px;    
}
.why-join-wrap .mb-5 {
margin-bottom: 25px !important;
}
.newsbox-title h3 {
margin-bottom: 0;
}
} @media screen and (min-width:1550px){
.banner-contents {
width: 42%;
margin-left: 22%;
}
.sub-title-wrap {
bottom: 27%;
left: 20%;
}
.sub-covid-box {
bottom: 25%;
right: 20%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
.sub-p-banner-wrap {
height: 420px;
}
.sub-title-wrap h1 {
font-size: 28px;
}
.sub-title-wrap {
bottom: 34%;
}
.sub-covid-box {
bottom: 28%;
}
.sub-main-con-wrap {
margin-top: -8%;
}
.newsletter-wrap {
margin-top: 19%;
}
.mzg-box-wrap {
width: 90%;
}
.mzg-q-disc {
padding-left: 4%;
}
.sub-main-con-in-wrap h3 {
font-size: 24px;
margin-bottom: 20px;
margin-top: 15px;
}
.member-con-wrap {
padding-left: 15px;
}
.member-con-wrap h2 {
font-size: 14px;
line-height: 17px;
}
.member-con-wrap h3 {
font-size: 20px;
line-height: 31px;
margin: 0 0 10px 0;
}
.member-con-wrap h5 {
font-size: 16px;
line-height: 20px;
}
.member-con-wrap.direc-con-wrap h2 {
font-size: 16px;
line-height: 24px;
}
.member-con-wrap.direc-con-wrap h2 {
font-size: 16px;
line-height: 24px;
}
.member-con-wrap.direc-con-wrap h3 {
font-size: 13px;
line-height: 24px;
}
.member-con-wrap.direc-con-wrap h4 {
font-size: 13px;
line-height: 24px;
}
.join-nw-con-wrap h2 {
padding: 0;
}
.join-disc-in-wrap h2 {
font-size: 28px;
margin-bottom: 15px;
}
.join-disc-in-wrap p {
font-size: 14px;
line-height: 24px;
padding-right: 0;
margin-bottom: 15px;
}
.join-m-link a {
font-size: 16px;
}
.join-m-link {
margin-top: 20px;
}
.row.frm-w-con-wrap {
padding: 20px 0;
margin: 0;
}
.tab-head-title h3 {
font-size: 19px;
line-height: 23px;
}
.tab-head-title h5 {
font-size: 12px;
line-height: 24px;
}
.tba-head-con-wrap {
padding: 15px 15px;
}
.tab-head-icon {
margin-right: 6px;
}
.annual-report-con-wrap h3{
font-size: 18px;
margin-bottom: 5px;
margin-top: 0;
}
.pdf-txt {
font-size: 11px;
line-height: 45px;
margin-left: 4px;
}
.down-btn a {
font-size: 13px;
padding: 6px 14px;
}
.sub-title-wrap h1 {
width: 400px;
}
.business-directory-item-in-wrap h3 {
font-size: 14px;
line-height: 20px;
margin: 15px 0 0 0;
}
.business-d-img-wrap {
min-height: 78px;
}
.business-directory-list-wrap {
margin-bottom: 0;
}
.business-disc-wrap h2 {
margin-bottom: 20px;
}
.business-disc-wrap {
padding-right: 2%;
}
.business-box-wrap h3 {
font-size: 16px;
line-height: 30px;
margin: 15px 0 4px 0;
}
.phone-txt a, .email-txt a {
font-size: 19px;
}
.visit-web-link-wrap a {
font-size: 17px;
line-height: 48px;
}
.news-head-wrap h2 {
font-size: 28px;
margin-bottom: 3%;
margin-top: 0%;
}
.news-item-con-in-wrap h6 {
font-size: 12px;
line-height: 12px;
}
.news-item-con-in-wrap h4 {
font-size: 14px;
line-height: 22px;
margin-bottom: 8%;
}
.news-disc {
font-size: 12px;
line-height: 18px;
padding-right: 0;
}
.news-read-more a {
font-size: 12px;
line-height: 16px;
}
.news-read-more {
margin-top: 10px;
}
.inner-date {
font-size: 14px;
line-height: 30px;
}
.inner-sec-1 h2 {
font-size: 24px;
line-height: 40px;
}
.popular-news-item {
padding: 20px;
}
.popular-news-item h5 {
font-size: 12px;
line-height: 30px;
}
.popular-news-item h2 {
font-size: 15px;
line-height: 26px;
}
.contact-main-disc-wrap h4 {
font-size: 22px;
margin: 5px 0 10px 0;
}
.cn-p-c-wrap h5 {
font-size: 14px;
line-height: 22px;
}
.cn-disx-txt, .cn-disx-txt a {
font-size: 14px;
line-height: 22px;
}
.contact-main-disc-wrap h4.spt {
margin-top: 20px;
}
.cn-p-c-wrap {
margin-bottom: 15px;
}
.get-d-txt-wrap {
font-size: 20px;
}
.get-d-btn-wrap a {
font-size: 16px;
line-height: 52px;
height: 52px;
padding: 0 5%;
}
.get-in-touch-wrap h2 {
font-size: 32px;
line-height: 42px;
}
.get-in-touch-wrap h4 {
font-size: 18px;
line-height: 35px;
}
.frm-f-wrap label {
font-size: 14px;
margin-bottom: 3px;
}
.cn-f-submit-inq-wrap input {
font-size: 19px;
}
.cn-f-submit-inq-wrap {
margin-bottom: 10px;
}
.gal-item-con-wrap h4 {
font-size: 20px;
line-height: 30px;
}
.gal-item-con-wrap h6 {
font-size: 14px;
}
.members-log-frm-wrap {
width: 80%;
padding: 5%;
}    
.logo {
margin-left: 5%;
width: 20%;
}
.menuwrapper {
width: 75%;
}
.banner-contents {
margin-left: 7%;
}
a.learnmore {
bottom: -21%;
}
.get-in-touch-wrap .wpcf7 .ajax-loader {
top: 14%!important;
}
.sub-main-con-wrap .filter a {
font-size: 12px;
line-height: 24px;
padding: 4px 9px;
height: auto;
}
.cd-gallery {
padding: 40px 0 0 0;
}
div.sendpress-signup-form input[type="text"] {
width: 125%;
}
#form-wrap .sendpress-submit {
margin-left: 44%;
font-size: 16px;
line-height: 45px;
padding: 0 16px;
margin-top: 9%;
}
.search-filter-wrap input:first-child {
width: 92%;
}
.search-filter-wrap input:last-child {
width: 8%;
}
.tp-loop-wrap a {
font-size: 14px !important;
padding-bottom: 5px !important;
margin-left: 38% !important;
}
.tp-caption {
font-size: 32px !important;
margin-top: 5px !important;
margin-left: 7% !important;
line-height: 1.3 !important;
margin-bottom: -16px !important;
}
}
@media screen and (max-width:767px){
.box-wrapper {
margin-top: 5%;
}
.main-con-img-wrap {
margin-top: 6%;
}
.sub-p-banner-wrap {
height: 375px;
}
.sub-title-wrap h1 {
font-size: 25px;
}
.sub-title-wrap {
bottom: 45%;
}
.sub-covid-box {
bottom: 15%;
}
.mzg-box-wrap {
width: 90%;
}
.mzg-q-disc {
padding-left: 4%;
font-size: 18px;
line-height: 29px;
}
.sub-main-con-in-wrap h3 {
font-size: 26px;
text-align: center;
margin-bottom: 20px;
margin-top: 5px;
}
.member-con-wrap {
padding-left: 15px;
}
.member-con-wrap h2 {
font-size: 13px;
line-height: 15px;
}
.member-con-wrap h3 {
font-size: 20px;
line-height: 32px;
margin: 0 0 10px 0;
text-align: left;
}
.member-con-wrap h4, .member-con-wrap h5 {
font-size: 12px;
line-height: 20px;
}
.member-con-wrap.direc-con-wrap h2 {
font-size: 16px;
line-height: 20px;
}
.member-con-wrap.direc-con-wrap h3, .member-con-wrap.direc-con-wrap h4{
font-size: 12px;
line-height: 20px;
}
.member-item-wrap.last {
margin-bottom: 0;
}
.join-nw-con-wrap h2 {
font-size: 20px;
line-height: 29px;
padding: 0;
}
.join-nw-btn-wrap a {
font-size: 16px;
line-height: 42px;
}
.join-disc-in-wrap h2 {
font-size: 20px;
line-height: 45px;
text-align: center;
margin-bottom: 10px;
margin-top: 20px;
}
.join-disc-in-wrap p {
font-size: 14px;
line-height: 27px;
text-align: center;
padding-right: 0;
}
.join-m-link {
margin-top: 15px;
margin-bottom: 25px;
text-align: center;
}
.row.join-c-wrap {
margin-bottom: 25px;
}
.container.sub-con-m-wrap {
padding: 30px 30px 0 30px;
}
.join-head-wrap h2 {
font-size: 30px;
}
.join-head-wrap p {
font-size: 15px;
line-height: 24px;
text-align: center;
margin-bottom: 25px;
}
.row.frm-w-con-wrap {
padding: 15px 0;
margin: 0;
}
.join-nw-form-m-wrap {
margin: 25px 0;
}
.tba-head-con-wrap {
padding: 5px 5px;
}
.tab-head-title h3 {
font-size: 11px;
line-height: 15px;
}
.tab-head-title h5 {
font-size: 10px;
line-height: 14px;
}
.tab-head-icon {
margin-right: 4px;
}
.tab-con-in-wrap h6 {
font-size: 15px;
line-height: 22px;
margin-top: 25px;
}
.download-frm-wrap a {
font-size: 11px;
}
.u-fi-wrap label {
font-size: 13px;
line-height: 20px;
}
.u-input {
height: 35px;
}
.submit-btn {
font-size: 15px;
}
.submit-frm-wrap {
margin-top: 15px;
}
.annual-report-con-wrap h3 {
font-size: 18px;
text-align: left;
margin-bottom: 0px;
margin-top: 0;
}
.pdf-txt {
font-size: 11px;
margin-left: 3px;
}
.down-btn a {
font-size: 12px;
padding: 6px 15px;
margin-left: 5px;
}
.row.annual-report-list-wrap .col-md-6:nth-child(2){
border-top: 1px solid #cfcfcf;
}
.row.annual-report-list-wrap .col-md-6:nth-child(2) .annual-report-item {
margin-top: 35px;
}
.publication-item-wrap h6 {
font-size: 16px;
line-height: 46px;
text-align: center;
}
.publication-item-wrap h2 {
font-size: 22px;
text-align: center;
}
.pub-read-more {
text-align: center;
margin: 0 auto;
display: block;
}
.pub-read-txt {
font-size: 16px;
}
.sub-title-wrap h1 {
width: 335px;
text-align: center;
}
.business-directory-item-wrap {
width: 49%;
}
.business-d-img-wrap {
min-height: 75px;
}
.business-directory-item-in-wrap h3 {
font-size: 15px;
line-height: 21px;
margin: 15px 0 0 0;
}
.business-disc-wrap h2 {
font-size: 23px;
line-height: 45px;
text-align: center;
margin-bottom: 18px;
}
.row.business-main-con-wrap {
margin-top: 10px;
}
.business-disc-wrap {
padding-right: 0;
}
.business-disc-wrap p {
text-align: center;
}
.business-details-wrap {
margin-top: 15px;
}
.business-box-wrap h3 {
font-size: 16px;
text-align: center;
margin: 15px 0 2px 0;
}
.address-txt {
text-align: center;
}
.phone-txt {
text-align: center;
}
.email-txt {
text-align: center;
}
.news-head-wrap h2 {
font-size: 23px;
line-height: 30px;
text-align: center;
margin-bottom: 20px;
margin-top: 0;
}
.news-item-con-in-wrap h6 {
font-size: 10px;
line-height: 13px;
}
.news-item-con-in-wrap h4 {
font-size: 13px;
line-height: 21px;
margin-bottom: 8%;
}
.news-disc {
font-size: 11px;
line-height: 18px;
padding-right: 0;
}
.news-read-more a {
font-size: 11px;
line-height: 23px;
}
.news-read-more {
margin-top: 5px;
}
.inner-date {
font-size: 12px;
text-align: center;
}
.inner-sec-1 h2 {
font-size: 24px;
line-height: 32px;
text-align: center;
}
.popular-news-wrap h2 {
text-align: center;
margin-top: 15px;
}
.inner-sec-1 p, .inner-sec-2 p, .news-inner-sec-4 h4, .news-inner-sec-4 p, .authour-wrap h5, .share-wrap, .popular-news-item h5, .popular-news-item h2{
text-align: center;
}
.popular-news-wrap {
padding-left: 0;
}
.popular-news-item .news-read-more {
text-align: center;
}
.contact-main-disc-wrap h4 {
font-size: 22px;
margin: 10px 0 10px 0;
text-align: center;
}
.cn-p-c-wrap h5 {
font-size: 16px;
line-height: 25px;
text-align: center;
}
.cn-disx-txt, .cn-disx-txt a {
font-size: 16px;
line-height: 26px;
text-align: center;
}
.contact-main-disc-wrap h4.spt {
margin-top: 25px;
text-align: center;
}
.get-d-txt-wrap {
font-size: 22px;
line-height: 48px;
text-align: center;
}
.get-d-btn-wrap {
margin-top: 15px;
}
.get-in-touch-wrap h2 {
font-size: 32px;
margin: 30px 0 0 0;
}
.get-in-touch-wrap h4 {
font-size: 17px;
line-height: 37px;
}
.contact-form-wrap {
margin-top: 20px;
padding: 0;
}
.frm-f-wrap label {
font-size: 14px;
margin-bottom: 2px;
}
.cn-f-submit-inq-wrap input {
padding: 0 16%;
font-size: 17px;
line-height: 41px;
}
.gal-item-con-wrap h4 {
font-size: 28px;
line-height: 38px;
}
.gal-item-con-wrap h6 {
font-size: 14px;
}
.members-log-frm-wrap {
width: 100%;
padding: 10%;
}
.members-log-frm-wrap h2 {
font-size: 20px;
margin: 10px 0 15px 0;
}
.lg-field-wrap label {
font-size: 13px;
margin-bottom: 0px;
}
.lgin-submit {
text-align: center;
}
.remember-wrap {
margin-top: 10px;
}
.lg-sub {
padding: 0 20%;
font-size: 17px;
}
#rem-me {
margin-top: 4px;
}
.remember-wrap label {
font-size: 14px;
line-height: 24px;
}
.banner-wrap h1 {
font-size: 20px;
line-height: 36px;
}
.get-in-touch-wrap .wpcf7 .ajax-loader {
top: 24%!important;
display: block!important;
position: absolute!important;
right: 2%!important;
}
.share-txt {
text-align: center;
}
.share-wrap {
margin-top: 10px;
}
.newsletterinfo {
padding: 35px 0 0;
}
div.sendpress-signup-form input[type="text"] {
width: 120%;
font-size: 15px;
line-height: 50px;
margin-left: 24%;
}
#form-wrap .sendpress-submit {
margin-left: 0;
font-size: 14px;
line-height: 40px;
padding: 0 15px;
margin-top: 0%;
}
.search-filter-wrap input:first-child {
width: 85%;
}
.search-filter-wrap input:last-child {
width: 15%;
}
.sub-p-banner-wrap {
margin-top: -13%;
}
.cd-tab-filter li {
display: inline-block;
}
.sub-main-con-wrap .filter a {
line-height: 22px;
padding: 10px 10px;
height: 40px;
width: 40px;
}
.cd-tab-filter-wrapper {
padding-bottom: 80px;
}
.cd-tab-filter ul{
box-shadow: none;
}
.menu > ul > li:hover{
background: transparent;
color: #fff !important;
}
.menu > ul li:hover ul {
background: transparent !important;
top: 15px;
}
.menu > ul > li:hover a {
color: #fff!important;
}
.sendpress-signup-form #error {
margin: 0 auto;
left: 0;
text-align: center;
}
.tp-loop-wrap a {
font-size: 10px !important;
padding-bottom: 5px !important;
margin-left: 11% !important;
}
.tp-caption {
font-size: 16px !important;
margin-top: 26px !important;
margin-left: 3% !important;
line-height: 1.3 !important;
margin-bottom: -16px !important;
}
.newsletter-wrapper .sendpress-signup-form #thanks {
margin: 0px 0px;
text-align: center;
margin-left: 0;
font-size: 14px;
margin-top: 20px;
}
.stickmenu .mobile_menu {
top: -95px;
}
.mobile_menu.open {
top: -90px;
}
#form-wrap {
display: flex;
flex-direction: column;
justify-content: center;
}
.newletter {
margin-left: 0;
}
div.sendpress-signup-form input[type="text"] {
width: 70%;
font-size: 15px;
line-height: 50px;
margin-left: 0;
padding: 0 8%;
}
.sendpress-signup-form #error {
margin: 0 auto;
left: 0;
text-align: center;
}
.signup-fields-bottom {
margin-bottom: 2px;
}
.newsletter-wrapper .sendpress-signup-form #error {
color: #E63636;
left: auto;
right: auto;
text-align: center;
margin: 0 auto;
bottom: -10%;
width: 100%;
}
.newsletter-wrapper .sendpress-signup-form #error {
font-size: 14px;
}
.sub-p-banner-in-wrap {
justify-content: center;
top: 56%;
flex-direction: column !important;
text-align: center;
align-items: center;
}
.contact-map-img iframe {
width: 100%;
}
}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}
}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}.ssbp-spinner:before{font-family:'ssbp';content:"\e614"}
.ssbp-spinner{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}
.ssbp-btn:before,.ssbp-toggle-switch:before{display:inline-block;font-family:'ssbp';speak:none;font-size:18px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none}
.ssbp-arrow-right:before{content:"\e612"}.ssbp-arrow-left:before{content:"\e613"}
.ssbp-arrow-down:before{content:"\e619"}.ssbp-arrow-up:before{content:"\e61a"}
.ssbp-chevron-down:before,.ssbp-toggle-switch:before{content:"\e618"}
.ssbp-chevron-up:before,.ssbp--state-hidden .ssbp-toggle-switch:before{content:"\e615"}
.ssbp-chevron-right:before,.ssbp--fixed-right .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-left .ssbp-toggle-switch:before{content:"\e616"}
.ssbp-chevron-left:before,.ssbp--fixed-left .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-right .ssbp-toggle-switch:before{content:"\e617"}
.ssbp-simplesharebuttons:before{content:"\e611"}
.ssbp-wrap *,.ssbp-wrap *:before,.ssbp-wrap *:after{box-sizing:border-box}.ssbp-input-url-div,.ssbp-total-shares,.ssba-hide-button.ssbp-each-share,.ssbp-toggle-switch,.ssbp-text{display:none}
.ssbp-wrap{color:#272727;display:block;font-size:0;padding:0;position:relative;width:fit-content}
.ssbp-wrap.ssbp--centred{display:block;text-align:center}.ssbp-wrap.ssbp--aligned-right{display:block;text-align:right}
.ssbp-wrap.ssbp--aligned-right .ssbp-container{display:inline}.ssbp-wrap .ssbp-container{width:fit-content}
.ssbp-wrap .ssbp-container,.ssbp-wrap .ssbp-toggle-switch{font-size:16px}.ssbp-wrap .ssbp-list{list-style:none;display:inline-block;vertical-align:middle;margin:0;padding:0}
.ssbp-wrap .ssbp-list li{margin-top:1rem;position:relative;display:inline-block;vertical-align:top}
.ssbp-wrap .ssbp-list li:first-of-type{margin-left:0}.ssbp-wrap .ssbp-btn{display:inline-block;text-align:center;text-decoration:none;font-family:sans-serif}
.ssbp-wrap.ssbp--stacked .ssbp-list li,.ssbp-wrap.ssbp--fixed-left .ssbp-list li,.ssbp-wrap.ssbp--fixed-right .ssbp-list li{display:block;margin-top:6px;margin-left:0 !important;margin-right:0 !important}
.ssbp-wrap.ssbp--stacked .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-left .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-right .ssbp-list li:first-of-type{margin-top:0}
.ssbp-wrap[class*="ssbp--fixed"]{position:fixed;z-index:99999}.ssbp-wrap[class*="ssbp--fixed"] .ssbp-container{-webkit-transition:.25s;transition:.25s}
.ssbp-wrap.ssbp--fixed-top,.ssbp-wrap.ssbp--fixed-bottom{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.ssbp-wrap.ssbp--fixed-left,.ssbp-wrap.ssbp--fixed-right{top:25%}.ssbp-wrap.ssbp--fixed-top{top:0}
.ssbp-wrap.ssbp--fixed-bottom{bottom:0}.ssbp-wrap.ssbp--fixed-left{left:0}.ssbp-wrap.ssbp--fixed-right{right:0}
.ssbp-wrap[data-ssbp-counts="true"] .ssbp-each-share{display:block;pointer-events:none}
.ssbp-wrap[data-ssbp-total-counts="true"] .ssbp-total-shares{display:inline-block;padding:0 .5em;text-align:center;font-size:14px;line-height:2}
.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--stacked .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares{display:block;padding:0}
.ssbp-toggle-switch{position:absolute;padding:0;border:0;background:transparent;text-align:center;cursor:pointer;-webkit-transition:.25s;transition:.25s;display:none}
.ssbp-toggle-switch:active,.ssbp-toggle-switch:hover,.ssbp-toggle-switch:focus{padding:0;border:0}
.ssbp--fixed-left .ssbp-toggle-switch,.ssbp--fixed-right .ssbp-toggle-switch{left:0;bottom:100%;width:100%}
.ssbp--fixed-top .ssbp-toggle-switch,.ssbp--fixed-bottom .ssbp-toggle-switch{left:100%;bottom:0;height:100%}
.ssbp--show-toggle.ssbp--fixed-top .ssbp-toggle-switch:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.ssbp--show-toggle.ssbp--fixed-bottom .ssbp-toggle-switch:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.ssbp--show-toggle.ssbp--fixed-right .ssbp-toggle-switch:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.ssbp--state-hidden .ssbp-each-share{opacity:0}.ssbp--state-hidden .ssbp-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.ssbp--state-hidden.ssbp--fixed-top .ssbp-container{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.ssbp--state-hidden.ssbp--fixed-bottom .ssbp-container{-webkit-transform:translateY(100%);transform:translateY(100%)}
.ssbp--state-hidden.ssbp--fixed-left .ssbp-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.ssbp--state-hidden.ssbp--fixed-right .ssbp-container{-webkit-transform:translateX(100%);transform:translateX(100%)}
@-webkit-keyframes ripple-out{100%{visibility:visible;top:-1em;right:-1em;bottom:-1em;left:-1em;opacity:0}
}@keyframes ripple-out{100%{visibility:visible;top:-1em;right:-1em;bottom:-1em;left:-1em;opacity:0}
}
#ssba-bar-2.left{position:fixed;top:25vh;z-index:10000}#ssba-bar-2.right{max-width:fit-content;position:fixed;right:0;top:25vh;z-index:10000}
#ssba-bar-2.left .ssbp-bar-list{max-width:84px;text-align:left;min-width:auto;margin:0;padding:0;list-style:none}
#ssba-bar-2.right .ssbp-bar-list{max-width:84px;text-align:right;min-width:auto;margin:0;padding:0;list-style:none}
#ssba-bar-2 .ssbp-bar-list li{margin:0;margin-left:0;margin-right:0;display:block;position:relative}
#ssba-bar-2 ul li a{max-width:84px;display:block}.ssba-plus-2{width:100%}.ssba-classic-2{width:100%}
.ssbp-each-share, #ssba-bar-2 li .ssbp-each-share{display:block}
.right li .ssbp-each-share{left:unset;right:100%;margin-right:-12px;margin-left:0}
.ssbp-text { font-size: 1rem; font-weight: 600; }
#ssba-bar-2 .ssbp-each-share { left: unset; right: -1.5rem; top: 1rem; }
.ssbp-btn.ssbp-surfingbird span:not(.color-icon) svg polygon,
.ssbp-btn.ssbp-douban span:not(.color-icon) svg {
fill: #fff;
}
.ssbp-btn .color-icon svg { display: none; }
.ssbp-btn svg,
.ssbp-btn img { height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; }
.ssbp-btn { position: relative; transition: all .3s; }
.ssbp--theme-1 .ssbp-btn,
.ssbp--theme-6 .ssbp-btn { border-radius: 50%; }
.ssbp--theme-1 .ssbp-btn:hover span:not(.color-icon) svg { display: none; }
.ssbp--theme-2 .ssbp-btn { transition: all .3s; }
.ssbp--theme-2 .ssbp-btn:hover,
.ssbp--theme-3 .ssbp-btn:hover,
.ssbp--theme-4 .ssbp-btn:hover,
.ssbp--theme-10 .ssbp-btn:hover,
.ssbp--theme-11 .ssbp-btn:hover { filter: saturate(.5) }
.ssbp--theme-3 .ssbp-btn .ssbp-text,
.ssbp--theme-7 .ssbp-btn .ssbp-text {display: block;position: absolute;bottom: -21px;font-size: 13px;text-align: center;left: 50%;transform: translateX(-50%);text-shadow: 0 0 1px #8a8a8a;color: white;}
.ssbp--theme-4 .ssbp-btn,
.ssbp--theme-11 .ssbp-btn { border-radius: .5rem;}
.ssbp--theme-5 .ssbp-btn { box-shadow: 0 10px 12px rgb(0 0 0 / 33%) }
.ssbp--theme-5 .ssbp-btn:before { box-shadow: 0 8px 0; filter:brightness(.8); position: absolute; content: ''; bottom: 1px; left: 0; width: 100%; height: 8px;}
.ssbp--theme-6 .ssbp-btn:not(:hover) span:not(.color-icon) svg,
.ssbp--theme-7 .ssbp-btn:not(:hover) span:not(.color-icon) svg,
.ssbp--theme-9 .ssbp-btn img:not(.color-icon) { display:none; }
.ssbp--theme-6 .ssbp-btn:not(:hover) .color-icon svg,
.ssbp--theme-7 .ssbp-btn:not(:hover) .color-icon svg,
.ssbp--theme-9 .ssbp-btn .color-icon svg,
.ssbp--theme-1 .ssbp-btn:hover .color-icon svg { display: block; height: 20px; width: 20px; }
.ssbp--theme-1 .ssbp-btn:hover,
.ssbp--theme-6 .ssbp-btn:not(:hover),
.ssbp--theme-7 .ssbp-btn:not(:hover),
.ssbp--theme-8 .ssbp-btn { background-color: transparent!important; border: 2px solid; }
.ssbp--theme-8 .ssbp-btn { border-color: black; }
.ssbp--theme-8 .ssbp-btn { filter: saturate( 0 ) brightness( 0 ); }
.ssbp--theme-8 .ssbp-btn:hover { filter: saturate(0); background-color: black!important; }
.ssbp--theme-9 .ssbp-btn { background-color: transparent!important; border-bottom: 3px solid; }
.ssbp--theme-9 .ssbp-btn:hover { filter: brightness(1.4); }
.ssbp--theme-10 .ssbp-btn svg { height: unset!important; }
.ssbp--theme-10 .ssbp-btn,
.ssbp--theme-11 .ssbp-btn { height: auto!important; width: auto!important; padding: .5rem 1rem; }
.ssbp--theme-10 .ssbp-btn svg { position: unset; transform: none; padding: 1.5rem 0; }
.ssbp--theme-11 .ssbp-btn svg { display: none; }
.ssbp--theme-11 .ssbp-btn .ssbp-text { color: white!important; display: block; }
.ssbp-each-share {
position: absolute;
bottom: -1.5rem;
color: black;
font-size: 1rem;
left: 50%;
transform: translateX(-50%)
}