h1,h2,h3,h4,h5,h6,.panel-title {
font-style: normal;
font-weight: 700;
color: #464655;
font-family: 'Roboto', sans-serif;
}
#carousel-banner .carousel-inner .item > img {
display: none;
}
video {
width: 100% !important;
height: auto !important;
}
.regions-section {
margin-top: 80px;
}
.regions-section .box {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 186px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 30px;
margin-bottom: 30px;
box-shadow: inset 0px 120px 300px rgba(0, 0, 0, 0.222028);
}
.regions-section .box h4 {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
color: #FFFFFF;
margin-top: 0;
margin-bottom: 10px;
}
.regions-section .box a {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF!important;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0;
padding: 13px 24px;
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%);
}
.modal-region .modal-dialog {
width: 1170px;
}
.modal-region .modal-content {
float: left;
}
.modal-region .modal-header {
padding: 22px 30px!important;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 257px;
}
.modal-region .modal-header h4 {
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
color: #FFFFFF;
margin: 0;
width: 420px;
position: relative;
}
.modal-region .modal-header h4:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #FFFFFF;
}
.modal-region .modal-header button.close {
font-family: Poppins;
font-style: normal;
font-weight: 500!important;
font-size: 12px!important;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF!important;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0;
padding: 13px 24px;
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%);
margin-top: 10px;
margin-right: 0;
}
.modal-region .modal-body {
padding: 0!important;
float: left;
}
.modal-region .modal-body .major-section {
float:left;
width: 100%;
background-color: #007B85;
padding: 0 30px;
}
.modal-region .modal-body .significant-section {
float:left;
width: 100%;
background-color: #F7F7F7;
padding: 0 30px;
}
.modal-region .modal-body .associate-section {
float:left;
width: 100%;
background-color: #FFFFFF;
padding: 0 30px;
}
.modal-region .modal-body .header {
display: flex;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid #DDDDDD;
}
.modal-region .modal-body .major-section .header {
border-bottom: 1px solid #FFFFFF;
}
.modal-region .modal-body h6 {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
margin: 0;
color: #222222;
}
.modal-region .modal-body .question-icon {
background-image: url(../images/question-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
width: 30px;
height: 30px;
margin-left: 20px;
}
.modal-region .modal-body a.btn-become-member {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF!important;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0;
padding: 13px 24px;
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%);
}
.modal-region .modal-body .major-section h6 {
color: #FFFFFF;
}
.modal-region .modal-body .header .left-column {
display: flex;
margin-right: auto;
position: relative;
}
.modal-region .popover {
top: 0!important;
max-width: 330px;
width: 330px;
background: #FFFFFF;
box-shadow: 2px 2px 20px rgba(97, 125, 136, 0.303753);
border-radius: 5px;
border: 0;
}
.modal-region .popover b {
display: block;
width:100%;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
color: #373737;
margin-top: 20px;
}
.modal-region .popover b:first-child {
margin-top: 0;
}
.modal-region .popover .question-small-icon {
background-image: url(../images/question-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
width: 18px;
height: 18px;
position: absolute;
top: 7px;
right: 7px;
}
.modal-region .popover .popover-content-html {
padding: 30px;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 18px;
color: #7A7A7A;
}
.modal-region .modal-body .header .right-column {
display: flex;
margin-left: auto;
}
.modal-region .modal-body .description {
padding: 10px 0 0 0;
}
.modal-region .modal-body .description .subtitle {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
}
.modal-region .modal-body .description p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 30px;
}
.modal-region .modal-body .major-section .description .subtitle {
color: #FFFFFF;
}
.modal-region .modal-body .major-section .description p {
color: #FFFFFF;
}
#banner .header.col-md-5 {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
margin-top: 0;
}
#banner .header.col-md-5 #header-social {
display: inline-flex;
padding-left: 20px;
}
#banner .header.col-md-5 > a {
display: inline-flex;
}
#banner .header.col-md-5 > a img {
width: 105px;
height: 32px;
margin-top: 0;
}
body.join-now .jumbotron.generic-banner {
margin-bottom: 100px;
}
.join-now .membership-type-summary {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-bottom: 4px solid #077E88;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 30px 30px 25px 35px;
border-bottom: 4px solid #077E88!important;
border-radius: 0!important;
border-top: 0!important;
border-left: 0!important;
border-right: 0!important;
margin-bottom: 35px;
float: left;
width: 100%;
display: flex;
align-items: center;
}
.join-now .membership-type-summary .col-md-8 {
width: auto;
display: flex;
margin-right: auto;
flex-direction: column;
padding: 0;
}
.join-now .membership-type-summary .col-md-3 {
display: none;
}
.join-now .membership-type-summary .col-md-1 {
width: auto;
display: flex;
margin-left: auto;
flex-direction: column;
padding: 0;
}
.join-now .membership-type-summary .col-md-8 h3 {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #373737;
margin-top: 0;
margin-bottom: 20px;
}
.join-now .membership-type-summary .col-md-8 {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin: 0;
padding-right: 20px;
}
.join-now .membership-type-summary p span {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-bottom: 12px;
}
.join-now .membership-type-summary a.btn-success {
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
    color: #FFF!important;
    padding: 13px 24px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    outline: none!important;
    border-radius: 0!important;
    margin: 0;
    border: 0!important;
    box-shadow: none!important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1!important;
}
#pg-9026 .panel.panel-warning {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-bottom: 4px solid #0171B8;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-bottom: 4px solid #0171B8!important;
border-radius: 0!important;
border-top: 0!important;
border-left: 0!important;
border-right: 0!important;
margin-top: 100px;
margin-bottom: 30px;
float: left;
width: 100%;
}
#pg-9026 .panel-heading {
display: none;
}
#pg-9026 .panel-body {
padding: 0;
}
#pg-9026 .panel-body hr {
margin: 0;
border: 0;
display: block;
float: left;
width: 100%;
}
#pg-9026 .panel-body h3 i {
display: none;
}
#pg-9026 .panel-body h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #0171B8;
margin-bottom: 20px;
}
#pg-9026 .panel-body strong {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
display: block;
}
#pg-9026 .panel-body label {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: #222222;
margin-bottom: 10px;
}
#pg-9026 .panel-body input {
border: 1px solid #373737;
height: 50px;
border-radius: 0;
}
#pg-9026 .panel-body .form-group {
width: 50%;
float: left;
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
#pg-9026 .panel-body #login-form-inline {
margin-left: -20px;
margin-right: -20px;
}
#pg-9026 .panel-body a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #6A4793;
margin-left: 20px;
display: inline-block;
float: left;
margin-bottom: 20px;
}
#pg-9026 .panel-body button {
background: #6A4793;
padding: 13px 40px;
border: 0;
border-radius: 0;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF;
margin-left: 20px;
display: inline-block;
float: left;
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.iframe-container {
position: relative;
overflow: hidden;
padding-top: 56.25%;
margin: 20px 0;
}
.annual-socap-symposium #contentwrapper > .container {
width: 100%;
padding: 0;
}
.annual-socap-symposium .countdown {
background-image: url(../images/members-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
padding: 40px 15px;
}
.annual-socap-symposium .countdown ul {
list-style: none;
padding: 0;
margin: 0;
}
.annual-socap-symposium .countdown ul li {
display: inline-block;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: #6A4793;
margin: 0 65px;
text-transform: uppercase;
}
.annual-socap-symposium .countdown ul li span {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 60px;
line-height: 70px;
color: #6A4793;
margin-top: 11px;
display: block;
}
.annual-socap-symposium .countdown h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
text-align: center;
color: #373737;
text-align: center;
}
.annual-socap-symposium .main-content-page {
padding: 120px 0 100px 0;
background-color: #FFFFFF;
}
.annual-socap-symposium .celebrating h2 {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 0;
margin-bottom: 100px;
width: 468px;
}
.annual-socap-symposium .celebrating h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #0171B8;
}
.annual-socap-symposium .celebrating p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 28px;
color: #7A7A7A;
margin-bottom: 25px;
}
.annual-socap-symposium .expect h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 0;
margin-bottom: 50px;
}
.annual-socap-symposium .expect h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 25px;
margin-bottom: 10px;
}
.annual-socap-symposium .expect p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #888888;
margin-bottom: 20px;
}
.news-page-main {
margin-bottom: 50px;
}
.news-page-main > div > a {
    background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
    color: #FFF!important;
    padding: 13px 24px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    outline: none!important;
    border-radius: 0!important;
    border: 0!important;
    box-shadow: none!important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
margin-top: 100px;
margin-bottom: 50px;
display: inline-block;
}
.news-page-main .news-page-body {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-bottom: 4px solid #077E88;
}
.news-page-main h5 {
display: none;
}
.news-page-main .news-page-body h2 {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #222222;
padding: 0 0 20px 0;
margin-bottom: 20px;
margin-top: 0;
border-bottom: 1px solid #DDDDDD;
}
.news-page-main .news-page-body p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 25px;
}
.news-page .full-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.news-page .full-content > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
margin: 0;
padding-left: 15px;
padding-right: 15px;
}
.news-page .news-intro-image {
display: none;
}
.news-page .news-main {
border-bottom: 4px solid #077E88;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
background-color: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
width: 100%;
}
.news-page .news-main .panel-heading {
border: 0;
background-color: transparent;
border-radius: 0;
padding: 30px 30px 0 30px;
}
.news-page .news-main .panel-heading h3 {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #373737;
margin-top: 0;
margin-bottom: 12px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-page .news-main .panel-body > .row {
display: none;
}
.news-page .news-main .panel-body {
padding: 0 30px 30px 30px;
}
.news-page .news-main .panel-body p {
display: none;
}
.news-page .news-main .panel-body .news-date {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
color: #077E88;
margin-bottom: 11px;
display: block;
}
.news-page .news-main .panel-body .news-intro {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
display: block;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-page .news-main .panel-body .news-page-open {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #077E88;
text-align: right;
text-transform: uppercase;
margin-right: 18px;
display: inline-block;
border: 0!important;
background: transparent!important;
padding: 0;
padding-right: 23px!important;
}
.news-page .news-main .panel-body .news-page-open .fa-external-link {
display: none;
}
.news-page .news-main .panel-body .news-page-open:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
background-image: url(../images/arrow-right-colored-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
width: 13px;
height: 9px;
}
.news-page .news-main .panel-body .news-more-open {
display: none;
}
.professional-development .list-program-themes h2,
.professional-development .we-offer h2,
.professional-development .skill-level h2 {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 0;
margin-bottom: 70px;
width: 470px;
}
.professional-development .list-program-themes h2:after,
.professional-development .we-offer h2:after,
.professional-development .skill-level h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #0171B8;
}
.professional-development .skill-level i {
font-size: 32px;
color: #0171B8;
}
.professional-development .skill-level h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #373737;
margin-top: 13px;
margin-bottom: 7px;
}
.professional-development .skill-level p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
}
.professional-development .we-offer {
margin-top: 40px;
}
.professional-development .we-offer h2
.our-board .members-list .box {
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.0885599);
background: #FFFFFF;
padding: 38px 30px;
border-bottom: 4px solid #0171B8;
margin-bottom: 30px;
display: flex;
align-items: flex-start;
height: 200px;
}
.professional-development .we-offer h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 25px;
margin-bottom: 10px;
}
.professional-development .we-offer p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #888888;
margin-bottom: 20px;
}
.professional-development .we-offer a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #6A4793;
display: inline-block;
}
.professional-development .list-program-themes h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #373737;
margin-top: 0;
margin-bottom: 24px;
}
.professional-development .list-program-themes .nav-pills {
border: 2px solid #6A4793;
margin-bottom: 50px;
}
.professional-development .list-program-themes .nav-pills>li {
width: 33.3333333%;
margin: 0;
}
.professional-development .list-program-themes .nav-pills>li>a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
text-align: center;
text-transform: uppercase;
color: #6A4793;
padding: 17px 25px;
border-right: 2px solid #6A4793;
border-radius: 0;
}
.professional-development .list-program-themes .nav-pills>li:last-child>a {
border-right: 0;
}
.professional-development .list-program-themes .nav>li>a:hover,
.professional-development .list-program-themes .nav>li>a:focus {
background-color: transparent;
}
.professional-development .list-program-themes .nav>li.active>a {
background-color: #6A4793;
color: #FFFFFF;
}
.professional-development .list-program-themes .nav>li.active.inactive>a {
color: #6A4793;
background-color: transparent;
}
.professional-development .list-program-themes .tab-content>.active.active-tab-all {
display: none;
opacity: 0;
}
.professional-development .list-program-themes .tab-content>.active.inactive-in {
display: none;
opacity: 0;
}
.professional-development .list-program-themes .tab-content>.active-tab-all.inactive-in {
display: block;
opacity: 1;
}
.our-board .members-list .box {
background: #FFFFFF;
box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.0885599);
border-bottom: 4px solid #077E88;
padding: 38px 30px;
height: 200px;
display: flex;
margin-bottom: 35px;
}
.our-board .members-list .box .avatar {
display: inline-flex;
width: 125px;
}
.our-board .members-list .box .avatar .image {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 125px;
height: 125px;
border-radius: 100%;
}
.our-board .members-list .box .description {
display: inline-flex;
width: calc(100% - 125px);
flex-direction: column;
margin-left: 30px;
}
.our-board .members-list .box .description h4 {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #222222;
margin: 0;
}
.our-board .members-list .box .description h6 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #077E88;
margin: 0;
}
.our-board .members-list .box .description p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #888888;
margin: 0;
}
.our-board .members-list .box .description .btn-actions-user {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #6A4793; 
display: inline-block;
margin-right: 30px;
margin-top: 10px;
text-transform: uppercase;
}
body.join-now .membership-categories {
margin-top: 75px;
margin-bottom: 50px;
float: left;
}
body.join-now .membership-categories h2 {
position: relative;
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 0;
margin-bottom: 20px;
}
body.join-now .membership-categories h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #077E88;
}
body.join-now .membership-categories p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 28px;
color: #7A7A7A;
margin-bottom: 25px;
}
.faqs-page h2 {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 80px;
margin-bottom: 70px;
float: left;
width: 100%;
}
.panel-group {
width: 100%;
float:left;
}
.faqs-page h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #0171B8;
}
body.member-benefits #contentarea .right-content,
body.member-benefits #contentarea .main-content {
width: 100%;
}
body.member-benefits .promo-panels i {
font-size: 32px;
color: #0171B8;
}
body.member-benefits .promo-panels h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-bottom: 10px;
margin-top: 10px;
}
body.member-benefits .promo-panels p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #888888;
margin-bottom: 0;
}
body.member-benefits .promo-panels .box {
margin-bottom: 25px;
}
body.member-benefits .membership-categories {
margin-top: 75px;
margin-bottom: 50px;
}
body.member-benefits .membership-categories h2 {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 0;
margin-bottom: 20px;
}
body.member-benefits .membership-categories h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #0171B8;
}
body.member-benefits .membership-categories p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 28px;
color: #7A7A7A;
margin-bottom: 0;
}
.collapse-panel .panel-default {
border: 1px solid #E8E8E8!important;
box-shadow: none;
border-radius: 0;
}
.collapse-panel .panel-default .panel-heading {
border: 0;
padding: 0;
border-radius: 0;
background-color: #F5F5F5;
}
.collapse-panel .panel-default .panel-heading h4 a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #373737!important;
text-decoration: none!important;
padding: 21px 65px 21px 30px;
width: 100%;
position: relative;
display: block;
background-color: transparent;
}
.faqs-page .collapse-panel .panel-default .panel-heading h4 a {
padding-left: 65px;
}
.collapse-panel .panel-default .panel-heading h4 a i.fa-question-circle {
font-size: 21px;
color: #0171B8;
position: absolute;
top: 2px;
bottom: 0;
left: 30px;
display: flex;
align-items: center;
}
.collapse-panel .panel-default .panel-heading h4 a.collapsed {
background-color: #FFFFFF;
}
.collapse-panel .panel-default .panel-heading .collapse-icon {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
width: 22px;
height: 22px;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
margin: auto;
}
.collapse-panel .panel-default .panel-heading h4 a.collapsed .collapse-icon {
background-image: url('../images/icons/collapse-plus.png');
}
.collapse-panel .panel-default .panel-heading h4 a .collapse-icon {
background-image: url('../images/icons/collapse-minus.png');
}
.collapse-panel.panel-group .panel+.panel {
margin-top: -1px;
}
.collapse-panel .panel-body {
padding: 25px 30px;
border: 0!important;
}
.collapse-panel .panel-body h6 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
color: #373737;
margin-top: 0;
margin-bottom: 11px;
}
.collapse-panel .panel-body h6 a {
color: #0171B8;
}
.collapse-panel .panel-body p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 25px;
}
.collapse-panel .panel-body p.text-options {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #373737;
}
.collapse-panel .panel-body p.text-options .color-blue {
color: #0171B8;
}
.collapse-panel .btn-become-member {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF;
background: #6A4793;
padding: 13px 21px;
display: inline-block;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 11px;
}
.eventreg-profile.well,
#eventreg-step1-btns {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-bottom: 4px solid #0171B8;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-bottom: 4px solid #0171B8!important;
border-radius: 0!important;
border-top: 0!important;
border-left: 0!important;
border-right: 0!important;
margin-top: 100px;
margin-bottom: 30px;
float:left;
width: 100%;
}
.eventreg-profile h3,
#eventreg-step1-btns h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 0;
margin-bottom: 25px;
}
.eventreg-profile > p,
#eventreg-step1-btns > p {
padding: 0;
float: left;
display: inline-block;
}
.eventreg-profile fieldset.border {
padding: 0;
background: transparent;
margin: 0;
border: 0;
}
.eventreg-profile #form-profile-check label {
display: none;
}
.eventreg-profile input {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #7A7A7A;
height: 50px;
margin-bottom: 30px;
border: 1px solid #7A7A7A;
padding: 16px 20px;
border-radius :0;
width: 370px;
}
.eventreg-profile fieldset.border legend {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: #222222;
margin-bottom: 10px;
}
.eventreg-profile .col-sm-offset-2 {
margin:0;
}
.eventreg-profile button.btn.btn-success,
#eventreg-step1-btns a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF;
background: #6A4793!important;
padding: 13px 24px;
border: 0;
border-radius: 0;
text-transform: uppercase;
margin-bottom: 25px;
margin-right: 20px;
}
.eventreg-profile a i,
#eventreg-step1-btns a i {
display: none!important;
}
#calendar-event-details {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 4px solid #077E88;
border-radius: 0;
margin-top: 100px;
margin-bottom: 30px;
}
#calendar-event-details #eventdescription,
#calendar-event-details .col-md-8,
#calendar-event-details .col-md-4 {
width: 100%;
}
#calendar-event-details hr {
display: none;
}
#calendar-event-details h2 {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 27px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #DDDDDD;
}
#calendar-event-details #descriptionmore span,
#calendar-event-details p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px!important;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
}
#calendar-event-details dl {
margin-top: 25px;
}
#calendar-event-details dl dt {
float: left;
width: auto;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 5px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #077E88;
}
#calendar-event-details dl dd {
margin-left: 0;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
}
#calendar-event-details #registernow {
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
    color: #FFF!important;
    padding: 13px 24px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    outline: none!important;
    border-radius: 0!important;
    border: 0!important;
    box-shadow: none!important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
margin-top: 30px;
}
body.calendar-events #list-events {
margin-left: -15px;
margin-right: -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body.calendar-events #list-events .panel {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 25px 28px;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 4px solid #077E88;
border-radius: 0;
margin-bottom: 30px;
float: left;
margin: 15px;
position: relative;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: calc(50% - 30px);
}
body.calendar-events #list-events .panel-primary>.panel-heading {
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
background-color: transparent!important;
padding: 27px 0 20px 0;
margin-bottom: 20px;
border-bottom: 1px solid #DDDDDD;
display: block;
}
body.calendar-events #list-events .panel-heading h3.panel-title {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #222222;
margin: 0;
display: block;
width: 100%;
}
body.calendar-events #list-events .panel-heading span {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-align: right;
color: #077E88;
display: block;
float: left;
text-align: left;
width: 100%;
padding-left: 0;
}
body.calendar-events #list-events .panel-body {
padding: 0;
margin-bottom: 25px;
}
body.calendar-events #list-events .panel-body p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
} 
body.calendar-events #list-events .col-md-5 dt {
float: left;
width: auto;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 5px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #077E88;
}
body.calendar-events #list-events .col-md-5 dd {
margin-left: 0;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
}
body.calendar-events #list-events .panel-body .col-md-2 {
display: none;
}
body.calendar-events #list-events .panel-body .col-md-4,
body.calendar-events #list-events .panel-body .col-md-5 {
width: 100%;
}
body.calendar-events #list-events .panel-body .col-md-4 dl dt {
display: none;
}
body.calendar-events #list-events .panel-body .col-md-4 dl dd {
padding-top: 0;
margin-left: 0;
margin-right: 20px;
display: inline-block;
}
body.calendar-events #list-events .panel-body .col-md-4 dl dd a {
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
color: #FFF!important;
padding: 13px 24px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
text-transform: uppercase;
outline: none!important;
border-radius: 0!important;
margin: 0;
border: 0!important;
box-shadow: none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
body.calendar-events #calendar-filters {
margin-top: 70px;
margin-bottom: 10px;
}
body.calendar-events #calendar-filters .btn {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
color: #CC0E56;
background-color: transparent!important;
padding: 0px 15px;
border-radius: 0;
text-transform: uppercase;
border: 0;
}
body.calendar-events #calendar-filters .btn.btn-info {
color: #D2D2D2;
padding-left: 0;
}
body.calendar-events .select2-container {
width: 100%;
}
body.calendar-events .select2-ui-filter .select2-choices {
border: 1px solid #CC0E56;
padding: 13px 20px;
min-height: 50px;
border-radius: 0;
}
body.calendar-events .select2-container-multi .select2-choices .select2-search-field input {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #CC0E56!important;
padding: 0;
text-transform: uppercase;
}
.regular-networking-events h2 {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 0;
margin-bottom: 80px;
width: 470px;
}
.regular-networking-events h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #0171B8;
}
.regular-networking-events .row {
margin-left: -30px;
margin-right: -30px;
}
.regular-networking-events .row > div {
padding-left: 30px;
padding-right: 30px;
margin-bottom: 25px;
}
.regular-networking-events i {
font-size: 32px;
color: #0171B8;
}
.regular-networking-events h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #373737;
margin-top: 13px;
margin-bottom: 7px;
}
.regular-networking-events p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
}
.regular-networking-events a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #6A4793;
display: inline-block;
}
.custom-page-header {
background-image: url('../images/atec-calendar-events-bg.jpg');
background-size: 90% 100%;
background-repeat: no-repeat;
background-position: center right;
position: relative;
padding: 0;
margin: 100px 0;
float: left;
width: 100%;
}
.custom-page-header img {
position: relative;
z-index: 100;
}
.custom-page-header .container {
padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
}
.custom-page-header .text {
padding-right: 110px;
padding-left: 15px;
}
.custom-page-header h2 {
position: relative;
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 0;
margin-bottom: 50px;
}
.custom-page-header h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #077E88;
}
.custom-page-header p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 28px;
color: #7A7A7A;
margin-bottom: 20px;
}
.custom-page-header a.btn-learn-more {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF;
background: #6A4793;
padding: 13px 41px;
display: inline-block;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
/*page-template 1*/
.page-template-1 .header-top-promo-panel {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 0;
margin-bottom: 35px;
}
.page-template-1 #contentwrapper > .container {
margin-bottom: 0;
}
.page-template-1 .main-content {
width: 66.66666667%;
padding-left: 30px;
padding-right: 30px;
background-color: #FFFFFF;
padding-top: 50px;
}
.page-template-1 .right-content {
width: 33.33333333%;
padding-left: 30px;
padding-right: 30px;
background-color: #F5F5F5;
padding-top: 50px;
padding-bottom: 40px;
}
.page-template-1 #contentarea > .row {
margin-left: -30px;
margin-right: -30px;
display: flex;
flex-wrap: wrap;
}
.page-template-1 #contentwrapper {
background: linear-gradient(to right, #FFFFFF 66.66666667%, #F5F5F5 0%);
}
.page-template-1 h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 40px;
margin-bottom: 10px;
}
.page-template-1 p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
}
.page-template-1 .black-text {
color: #373737;
}
.page-template-1 .blue-text {
color: #0171B8;
}
.page-template-1 a.btn-call-to-action {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF;
text-decoration: none;
padding: 13px 20px;
display: inline-block;
background: #6A4793;
border: 0;
margin-top: 10px;
}
/*end of page-template 1*/
/*page-template 2*/
.page-template-2 .jumbotron.generic-banner .container {
display: flex;
align-items: flex-end;
}
.page-template-2 .jumbotron.generic-banner h1 {
display: flex;
margin-right: auto;
width: 680px;
}
.page-template-2 .jumbotron.generic-banner .actions-btn {
display: flex;
margin-left: auto;
}
.page-template-2 .actions-btn > a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #6A4793;
background: #FFFFFF;
padding: 13px 15px;
text-transform: uppercase;
margin-left: 20px;
display: inline-block;
}
.page-template-2 .header-top-promo-panel {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 0;
margin-bottom: 35px;
}
.page-template-2 #contentwrapper > .container {
margin-bottom: 0;
}
.page-template-2 .main-content {
width: 66.66666667%;
padding-left: 30px;
padding-right: 30px;
background-color: #FFFFFF;
padding-top: 50px;
}
.page-template-2 .right-content {
width: 33.33333333%;
padding-left: 30px;
padding-right: 30px;
background-color: #F5F5F5;
padding-top: 50px;
padding-bottom: 40px;
}
.page-template-2 #contentarea > .row {
margin-left: -30px;
margin-right: -30px;
display: flex;
flex-wrap: wrap;
}
.page-template-2 #contentwrapper {
background: linear-gradient(to right, #FFFFFF 66.66666667%, #F5F5F5 0%);
}
.page-template-2 h2 {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 40px;
margin-bottom: 10px;
}
.page-template-2 h6 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #373737;
margin-bottom: 25px;
}
.page-template-2 p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 25px;
}
.page-template-2 .black-text {
color: #373737;
}
.page-template-2 .blue-text {
color: #077E88;
}
.page-template-2 a.btn-call-to-action {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF;
text-decoration: none;
padding: 13px 20px;
display: inline-block;
background: #6A4793;
border: 0;
margin-top: 10px;
}
.page-template-2 form .rendered-form {
margin-left: -15px;
margin-right: -15px;
}
.page-template-2 form .rendered-form .form-group {
margin-left: 0;
margin-right: 0;
width: 50%;
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.page-template-2 form .rendered-form .form-group.formbuilder-textarea {
width: 100%;
}
.page-template-2 form .rendered-form .form-group.formbuilder-button {
width: 100%;
margin-top: 30px;
}
.page-template-2 form .rendered-form .g-recaptcha {
width: 100%;
float: left;
padding: 0 15px;
}
.page-template-2 form .rendered-form .form-group label {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: #7A7A7A;
margin-bottom: 10px;
}
.page-template-2 form .rendered-form .form-group .formbuilder-required {
    color: inherit!important;
}
.page-template-2 form .rendered-form .form-group input.form-control {
border: 1px solid #373737;
border-radius: 0;
height: 50px;
padding: 10px 10px;
}
.page-template-2 form .rendered-form .form-group textarea.form-control {
border: 1px solid #373737;
border-radius: 0;
height: auto;
padding: 10px 10px;
}
.page-template-2 form .rendered-form .form-group.formbuilder-button button {
    background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
    color: #FFF!important;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    outline: none!important;
    border-radius: 0!important;
    margin: 0;
    border: 0!important;
    box-shadow: none!important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
width: 100%;
padding: 17px 15px;
}
/*end of page-template 2*/
.RHS-promo-panel-1 {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 40px 30px;
border-bottom: 4px solid #CC0E56;
margin-bottom: 25px;
}
.RHS-promo-panel-1 i {
color: #CC0E56;
font-size: 32px;
}
.RHS-promo-panel-1 h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #373737;
margin-top: 17px;
margin-bottom: 10px;
}
.RHS-promo-panel-1 p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
}
.RHS-promo-panel-1 p.color-black {
    color: #373737;
}
.RHS-promo-panel-1 p a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
color: #CC0E56;
}
.RHS-promo-panel-1 p .color-blue {
color: #0171B8;
}
.RHS-promo-panel-1 p .color-black {
color: #373737;
}
.RHS-promo-panel-1 a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #CC0E56;
text-decoration: none;
}
.RHS-promo-panel-2 {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 10px 10px 40px 10px;
border-bottom: 4px solid #CC0E56;
margin-bottom: 25px;
}
.RHS-promo-panel-2 .content {
padding: 40px 20px 0 20px;
}
.RHS-promo-panel-2 h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #373737;
margin-top: 0;
margin-bottom: 10px;
}
.RHS-promo-panel-2 p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
margin-bottom: 20px;
}
.RHS-promo-panel-2 a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #CC0E56!important;
text-decoration: none;
}
.RHS-promo-panel-3 {
background: #694792;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 10px 10px 40px 10px;
border-bottom: 4px solid #FFFFFF;
margin-bottom: 25px;
}
.RHS-promo-panel-3 .content {
padding: 40px 20px 0 20px;
}
.RHS-promo-panel-3 h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #FFFFFF;
margin-top: 0;
margin-bottom: 10px;
}
.RHS-promo-panel-3 p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #FFFFFF;
margin-bottom: 20px;
}
.RHS-promo-panel-3 a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #FFFFFF;
text-decoration: none;
}
.RHS-promo-panel-3 a i {
background-image: url(../images/arrow-right-white-icon.png);
}
.navbar-nav>li>.dropdown-menu {
left: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
margin-top: 1px;
}
.dropdown-submenu > .dropdown-menu {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
}
.navbar-nav>li>.dropdown-menu li a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
color: #222222;
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
padding: 12px 18px;
}
.navbar-nav>li>.dropdown-menu li.active a {
background-color: #F5F5F5;
}
.navbar-nav>li>.dropdown-menu li:hover a {
color: #FFFFFF;
background-color: #C80850;
}
.welcome-to {
padding-top: 100px;
}
.welcome-to h2 {
position: relative;
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 54px;
color: #373737;
margin: 0;
}
.welcome-to h2:after {
content: '';
position:absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #077E88;
}
.welcome-to p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 26px;
color: #7A7A7A;
margin: 0;
}
.arrow-right-icon {
background-image: url(../images/arrow-right-colored-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
width: 13px;
height: 9px;
margin-left: 10px;
}
.join-socap-icon {
width: 32px;
height: 32px;
background-image: url(../images/icons/join-socap-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
}
.national-certification-icon {
width: 32px;
height: 32px;
background-image: url(../images/icons/national-certification-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
}
.networking-events-icon {
width: 32px;
height: 32px;
background-image: url(../images/icons/networking-events-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
}
.promotional-messages-icon {
width: 32px;
height: 32px;
background-image: url(../images/icons/promotional-messages-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
}
.latest-events-icon {
width: 32px;
height: 32px;
background-image: url(../images/icons/latest-events-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
}
.latest-news-icon {
width: 32px;
height: 32px;
background-image: url(../images/icons/latest-news-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
}
body#pg-7837 #contentwrapper > .container-fluid {
padding: 0;
}
#home-teasers #home-teasers-news-tiles .teaser-tile-heading-component {
width: 100%;
margin-bottom: 50px;
}
#banner #header {
display: flex;
align-items: center;
}
.contact-phone-header {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #FFFFFF!important;
text-decoration: none!important;
display:inline-block;
margin-right: 20px;
}
.contact-phone-header i {
color: #FFFFFF;
font-size: 14px;
margin-right: 10px;
}
.iframe-container {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.iframe-container iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.who-we-are {
background-color: rgba(204,204,204,0.2);
position:relative;
padding: 0;
}
.who-we-are .container {
padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
}
.who-we-are .text {
padding-left: 60px;
}
.who-we-are h1 {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 34px;
letter-spacing: 0.5px;
color: #333333;
margin-top: 0;
margin-bottom: 8px;
}
.who-we-are p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.25px;
color: #595959;
margin-bottom: 20px;
}
.who-we-are a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.583333px;
text-transform: uppercase;
color: #6A4793;
display:inline-block;
}
.who-we-are a:hover {
color: #6A4793;
text-decoration:underline;
}
#header-search .navbar-nav.navbar-right {
margin-left: 15px;
margin-right: 15px;
}
.join-now-box {
margin-left: -30px;
margin-right: -30px;
margin-top: 60px;
margin-bottom: 40px;
}
.join-now-box .box-blue {
position:relative;
background: #0090C5;
border: 1px solid #E0DEDD;
box-sizing: border-box;
border-radius: 8px;
height: 228px;
padding:23px 22px 8px 28px;
}
.join-now-box .box-orange {
position:relative;
background: #EB8B41;
border: 1px solid #E0DEDD;
box-sizing: border-box;
border-radius: 8px;
height: 228px;
padding:23px 22px 13px 28px;
}
.join-now-box h2 {
margin-top:0;
margin-bottom:0;
line-height: 34px;
font-size: 24px;
letter-spacing: 0.6px;
color: #FFFFFF;
}
.join-now-box a {
position:absolute;
bottom: 13px;
right: 22px;
line-height: 16px;
font-size: 14px;
text-align: right;
letter-spacing: 0.583333px;
color: #FFFFFF;
text-decoration:none;
}
.join-now-box a:hover {
text-decoration:underline;
}
.btn-contact-us {
background-color: #3095B6!important;
color: #fff!important;
font-size: 16px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
line-height: 20px;
outline: none!important;
border-radius: 10px!important;
margin: 0;
margin-left: 15px!important;
border: 0!important;
text-decoration:none!important;
box-shadow: none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn-contact-us:hover {
opacity: 0.7;
}
#home-teasers #home-teasers-news-tiles .btn-info:hover {
background-color:transparent!important;
color:#CC0E56!important;
opacity: 1!important;
text-decoration:underline;
}
#home-teasers #home-teasers-news-tiles .teaser-tile {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border-bottom: 4px solid #077E88;
padding: 40px 30px;
height: 100%;
float: left;
}
#home-teasers #home-teasers-news-tiles .teaser-tile:after {
display:none;
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.3);
z-index:2;
}
#home-teasers #home-teasers-news-tiles .teaser-tile > a {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #CC0E56;
text-transform: uppercase;
position: static;
text-align: right;
margin-bottom: 0px;
border: 0!important;
background: transparent!important;
padding: 0!important;
margin-top: 10px;
padding-right: 23px!important;
right: 0;
left: 0;
display: block;
float: left;
transform: translateX(0);
}
#home-teasers #home-teasers-news-tiles .teaser-tile > a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
background-image: url(../images/arrow-right-colored-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
width: 13px;
height: 9px;
}
#home-teasers #home-teasers-news-tiles .teaser-tile > h3 {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #222222;
position: relative;
z-index: 10;
float: left;
margin: 0;
text-align: left;
}
#home-teasers #home-teasers-news-tiles .teaser-tile > p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
display: block;
float: left;
text-align: left;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
height: 74px;
-webkit-box-orient: vertical;
}
#home-teasers #home-teasers-news-tiles .teaser-tile > small {
display: block;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
color: #077E88;
text-align: left;
float: left;
margin-top: 12px;
margin-bottom: 2px;
padding-left: 0;
}
#home-teasers #home-teasers-news-tiles .teaser-tile > small i {
margin-right: 10px;
display:inline-block;
}
#home-teasers-news-tiles .teaser-inner > .row {
// margin: 0;
}
#home-teasers-news-tiles .teaser-inner > .row > div {
// padding: 0;
}
#home-teasers-news-tiles .teaser-inner > .row > div:nth-child(2) .teaser-tile.teaser-tile-news {
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
border-left: 0!important;
}
#home-teasers-news-tiles .teaser-inner > .row > div:nth-child(3) .teaser-tile.teaser-tile-news {
border-radius: 0!important;
}
#home-teasers-news-tiles .teaser-inner > .row > div:last-child .teaser-tile.teaser-tile-news {
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
border-right: 0!important;
}
.modal {
text-align: center;
padding: 0!important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
body,html {
overflow-x:hidden;
}
#home-teasers-events-cards {
margin-bottom: 80px;
}
#carousel-banner .carousel-indicators {
left:0!important;
right:0!important;
text-align: center;
bottom: 0!important;
}
#footer-legals .col-md-6 > a {
display:inline-block;
float:left;
}
#home-teasers #events-teaser-carousel .item img {
border-radius: 8px;
width: 100%;
height: auto;
}
#home-teasers #events-teaser-carousel .item .thumbnail {
border: 1px solid #EDECEC;
border-radius: 8px;
}
#home-teasers #events-teaser-carousel .item {
padding: 15px;
outline: none!important;
}
#home-teasers #events-teaser-carousel .item h3 {
font-family: 'Roboto', sans-serif;
line-height: 34px;
font-size: 24px;
letter-spacing: 0.7px;
color: #464655;
font-weight: 700;
}
#home-teasers #events-teaser-carousel .item p.event-date {
font-family: 'Roboto', sans-serif!important;
font-style: normal!important;
font-weight: bold!important;
line-height: 16px!important;
font-size: 14px!important;
letter-spacing: 0.583333px;
color: #464655!important;
margin-top: 30px!important;
margin-bottom: 20px!important;
}
#home-teasers #events-teaser-carousel .item p {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
line-height: 26px;
font-size: 16px!important;
letter-spacing: 0.3125px;
color: #464655!important;
/*height: 76px;*/
}
#home-teasers #events-teaser-carousel .item a {
font-family: 'Roboto', sans-serif;
line-height: 16px;
font-size: 14px;
text-align: right;
letter-spacing: 0.583333px;
color: #7EA31C!important;
font-weight: 700!important;
display: block;
}
#home-teasers #home-teasers-events-cards .col-xs-6 {
width: 100%!important;
padding:0!important;
}
#home-teasers #home-teasers-events-cards .col-xs-6 h2 {
font-family: 'Roboto', sans-serif;
line-height: 48px;
font-size: 40px;
letter-spacing: 1.66667px;
color: #464655;
font-weight: 700;
margin-top: 0;
margin-bottom: 15px;
display: block;
margin-left: 0;
}
.multi-slider .slick-track .slick-slide .thumbnail {
min-height: auto!important;
}
#home-teasers-news {
width:100%!important;
padding: 0;
}
#home-teasers-news .panel-heading {
display:none!important;
}
#home-teasers-news .panel-body.teasers > .row {
width: 33.33333333%;
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-left:0;
margin-right:0;
margin-bottom: 30px;
}
#home-teasers-news .panel-body.teasers .teaser-description {
padding: 30px;
background: #0090C5;
border: 1px solid #E0DEDD;
box-sizing: border-box;
border-radius: 8px;
}
#home-teasers-news .panel-body.teasers .teaser-description h4 {
line-height: 34px;
font-size: 24px;
letter-spacing: 0.6px;
font-weight: 300!important;
color: #FFFFFF;
}
#home-teasers-news .panel-body.teasers .teaser-description p {
font-family: 'Roboto';
font-style: normal;
font-weight: 300!important;
line-height: 26px;
font-size: 16px!important;
letter-spacing: 0.3125px;
color: #FFFFFF!important;
float: left;
display: block;
height: 76px;
}
#home-teasers-news .panel-body.teasers .teaser-description > span {
float: right;
display: block;
}
#home-teasers-news .panel-body.teasers .teaser-description a {
line-height: 16px;
font-size: 14px;
text-align: right;
letter-spacing: 0.583333px;
font-weight: 300!important;
color: #FFFFFF!important;
display: block;
}
#home-teasers-news .panel-body.teasers .teaser-description small {
line-height: 16px;
font-size: 14px;
letter-spacing: 0.583333px;
font-weight: 300!important;
color: #FFFFFF;
}
#home-teasers-news .panel-primary {
box-shadow:none!important;
border:0!important;
}
#home-teasers-news .panel-body.teasers {
margin-left: -15px;
margin-right: -15px;
padding: 0!important;
border:0;
}
#home-teasers-news .panel-body.teasers > hr {
display:none!important;
}
#home-teasers #home-teasers-events-cards .col-xs-6 a.btn.btn-success {
font-family: 'Roboto', sans-serif;
line-height: 16px;
font-size: 14px;
letter-spacing: 0.583333px;
color: #7EA31C!important;
font-weight: 700;
display: inline-block;
margin-bottom: 0;
margin-right: 0;
padding: 0;
border: 0;
background-color: transparent;
float: left!important;
padding-left: 0!important;
}
#home-teasers .slick-dots li.slick-active button:before {
background-color: #7EA31C!important;
border: 0!important;
width: 8px!important;
height: 8px!important;
}
#home-teasers .slick-dots li button:before {
background-color: #E0DEDD!important;
opacity: 0.5!important;
width: 8px!important;
height: 8px!important;
}
#home-teasers .slick-dots li button {
width: 8px!important;
height: 8px!important;
}
.slick-dots li {
width: 8px!important;
height: 8px!important;
}
.members-logo-section {
background-color: #F7F7F7;
width: 100%;
height: 100%;
padding: 100px 15px!important;
float: left;
}
.members-logo-section.diamond,
.members-logo-section.gold,
.members-logo-section.silver,
.members-logo-section.bronze {
background-image: none;
border-bottom: 1px solid #D2D2D2;
}
.members-logo-section.bronze {
border-bottom: 0!important;
margin-bottom: -20px;
}
.members-logo-section .header {
display: flex;
align-items: center;
margin-bottom: 70px;
}
.members-logo-section .header .left-column {
display: flex;
margin-right: auto;
}
.members-logo-section .header .right-column {
display: flex;
margin-left: auto;
}
.members-logo-section h2 {
position: relative;
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 54px;
color: #373737;
margin: 0;
}
.members-logo-section h2:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #077E88;
}
.members-logo-section p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 26px;
color: #7A7A7A;
margin-bottom: 40px;
}
.members-logo-section a.btn-view-all {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF!important;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0;
background: #6A4793;
padding: 13px 16px;
}
.members-logo-section .container .row:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.members-logo-section .container .col {
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 16.666666%;
position: relative;
width: 16.666666%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.video-section {
padding: 100px 0;
margin: 0 -30px;
}
.video-section .col-md-5 {
padding-right: 80px;
}
.video-section h1 {
font-family: 'Roboto', sans-serif;
line-height: 48px;
font-size: 40px;
letter-spacing: 1.66667px;
font-weight: 700;
color: #464655;
margin-bottom: 20px;
margin-top: 0;
}
.btn-welcome-website {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
line-height: 16px;
font-size: 14px;
letter-spacing: 0.583333px;
color: #7EA31C!important;
}
.video-section p {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
line-height: 26px;
font-size: 16px;
letter-spacing: 0.25px;
color: #595959;
margin-bottom: 25px;
}
.video-section span.watch-our {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
line-height: 26px;
font-size: 16px;
letter-spacing: 0.25px;
color: #0090C5;
}
footer #footer-main {
background-image: url(../images/footer-main-bg.jpg);
background-size: auto;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
}
footer #footer-main .col-md-10 {
width:100%!important;
}
footer #footer-main .footer-info-section {
padding-top: 65px;
}
footer #footer-main .footer-info-section h4 {
display:inline-block;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
color: #373737;
margin-bottom:44px;
position:relative;
}
footer #footer-main .footer-info-section.contact-info p:hover {
text-decoration:underline;
}
footer #footer-main .footer-info-section.social-media-footer a {
margin-bottom: 15px;
font-weight: 400;
}
footer #footer-main .footer-info-section.social-media-footer a i {
color:#7EA31C;
margin-right: 10px;
font-size: 20px;
}
footer #footer-main .footer-info-section .btn-contact-us-footer {
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.25px;
color: #FFFFFF;
background: #00ADEF;
border-radius: 8px;
border: 0;
box-shadow: none;
outline: none;
padding: 10px 31px;
text-decoration: none;
margin-top: 6px;
display: inline-block;
}
footer #footer-main .footer-info-section a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 35px;
color: #7A7A7A;
display: inline-block;
}
footer #footer-main .footer-info-section p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 25px;
color: #7A7A7A!important;
display: block;
}
footer #footer-main .footer-info-section p i {
font-style:normal;
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
line-height: 20px;
font-size: 14px;
color: #EB8B41;
}
footer #footer-social {
position: relative!important;
right: auto!important;
bottom: auto!important;
text-align: left;
padding: 0;
height: auto;
}
footer #footer-main .social-media-footer #footer-social a {
display: inline-block;
color: #C80850!important;
margin-right: 12px;
}
#promo-bar .components-header {
text-align:left;
}
#promo-bar .components-header i {
color: #0171B8;
font-size: 32px;
}
#promo-bar .components-header h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #222222;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
}
#promo-bar .components-header p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 26px;
color: #888888;
text-align: left;
}
#promo-bar .components-header a {
font-family: Roboto!important;
font-style: normal!important;
font-weight: bold!important;
font-size: 13px!important;
line-height: 15px!important;
letter-spacing: 0.5px!important;
color: #6A4793!important;
text-align: left;
padding-top: 0!important;
text-transform: uppercase;
}
.navbar.navbar-inverse .navbar-collapse > a > img {
width: 200px;
margin: 0;
}
.navbar.navbar-inverse > .container {
padding:0;
}
.navbar.navbar-inverse .navbar-collapse {
padding:0;
}
#carousel-banner > .container {
position:relative;
}
#carousel-banner .carousel-indicators {
position: absolute;
bottom: 40px;
left: 10%;
z-index: 15;
width: auto;
margin-left: 0;
padding-left: 0;
list-style: none;
text-align: left;
}
#carousel-banner .carousel-indicators li {
display: inline-block;
width: 8px;
height: 8px;
margin: 2px 6px;
text-indent: -999px;
border:0;
border-radius: 10px;
cursor: pointer;
opacity:0.5;
background-color: #FFF;
}
#carousel-banner .carousel-indicators li.active {
margin: 2px;
width: 8px;
height: 8px;
opacity: 1;
background-color: #FFF;
border: 0;
}
#banner #header-social {
padding:0;
text-align:left;
height: auto!important;
display:inline-block;
}
#banner > .container {
padding:0;
}
#topbar {
display:none!important;
}
#carousel-banner-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#carousel-banner-wrapper > div {
padding:0;
}
#carousel-banner .carousel-control .glyphicon-chevron-left {
background-image:url('../images/website_images/arrow-left-icon.png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position: center center;
width: 48px;
height: 48px;
display:block;
font-family: none!important;
font-size: 0!important;
}
#carousel-banner .carousel-control .glyphicon-chevron-right {
background-image:url('../images/website_images/arrow-right-icon.png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position: center center;
width: 48px;
height: 48px;
display:block;
font-family: none!important;
font-size: 0!important;
}
#carousel-banner .carousel-control {
background: none!important;
width: 7%;
opacity: 1;
}
#carousel-banner .carousel-control .glyphicon-chevron-right {
left: 50%;
right: auto;
}
#home-teasers #home-teasers-events h3.panel-title {
font-size: 24px;
color: #FFF;
padding-top: 17px;
padding-bottom: 17px;
}
#home-teasers #home-teasers-events .panel-primary>.panel-heading {
display:none;
border-color: transparent;
background-color: #958771;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom: 0!important;
}
#home-teasers #home-teasers-news h3.panel-title {
font-size: 24px;
color: #FFF;
padding-top: 17px;
padding-bottom: 17px;
}
#home-teasers #home-teasers-news a.btn-success {
background-color:#958771;
color:#FFF;
border: 0!important;
border-top-right-radius: 0px!important;
font-size: 16px;
text-align:right;
padding: 18px 25px;
width: 180px;
opacity: 1!important;
}
#home-teasers #home-teasers-news .panel-primary>.panel-heading {
border-color: transparent;
background-color: #958771;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom: 0!important;
}
#footer-social .fa,
#header-social .fa {
font-family: Font Awesome\ 5 Brands!important;
}
.carousel-caption {
left: 0;
right:auto;
padding:0!important;
text-shadow:none!important;
}
td, th {
padding:5px;
}
.modal-header {
background-color:#fff!important;
padding:40px 30px!important;
box-shadow:none!important;
border-radius:0!important;
border:0!important;
}
.modal-header h3 {
position: relative;
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 30px;
color: #373737;
margin: 0;
text-shadow:none!important;
}
.modal-header .close {
color: #000!important;
text-shadow: none!important;
margin-top: -35px;
margin-right: -15px;
font-size: 40px!important;
font-weight: 700!important;
font-family: 'Roboto', sans-serif;
}
.modal-body {
background-color: #fff!important;
padding: 0 30px 20px 30px!important;
box-shadow: none!important;
border-radius: 0!important;
border: 0!important;
text-align: left;
}
.modal-body a {
text-decoration: none!important;
color: #007B85!important;
font-size: 14px;
font-weight: 400;
text-align: left;
float: left;
display: block;
width: 100%;
margin-bottom: 30px;
}
.modal-body input {
border:1px solid #CCCCCC!important;
background-color:#fff;
height:45px;
border-radius:0px;
outline:none!important;
box-shadow:none!important;
}
.modal-body label {
font-size: 16px;
color: #000;
font-weight: 400;
margin-bottom:10px;
float:left;
}
.modal-body .form-group {
margin-bottom:20px;
}
.modal-body hr {
display:none;
}
.modal-body button.btn-success {
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
color: #FFF!important;
padding: 13px 24px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
text-transform: uppercase;
outline: none!important;
border-radius: 0!important;
margin: 0;
border: 0!important;
box-shadow: none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#home-teasers #events-teaser-carousel .item a:hover {
opacity:1!important;
text-decoration: underline!important;
}
#home-teasers #home-teasers-events-cards .col-xs-6 a.btn.btn-success:hover {
opacity:1!important;
text-decoration: underline!important;
}
#home-teasers-news .panel-body.teasers .teaser-description a,
.top-header-main-content a:hover {
opacity:1!important;
text-decoration: underline!important;
}
#home-teasers .teasers hr {
display:none!important;
margin-top: 10px;
margin-bottom: 15px;
border-top: 1px solid #95989A;
opacity: 0.25;
}
#home-teasers .teasers > .row > .avatar {
width: 100%;
padding: 0;
}
#home-teasers .teasers > .row > .description {
width: 100%;
padding: 0 20px;
}
#home-teasers .teasers > .row > .avatar img {
margin: 0;
border-radius: 0;
width: 100%;
}
#home-teasers p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
color: #7A7A7A;
height: 76px;
}
#home-teasers .btn-info .fa {
display:none;
}
.fa-search {
color: #fff!important;
}
body {
font-family: 'Roboto', sans-serif;
padding-top: 0px;
background-color: #FFF!important;
}
.bg-primary {
border: 1px solid #6A4793!important;
background-color: #6A4793;
padding: 30px 20px;
border-radius: 10px!important;
}
.bg-primary p {
margin-bottom: 0;
font-size: 20px;
color: #FFFFFF;
font-weight: 600;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 20px;
font-weight: 700;
font-family: 'Roboto', sans-serif;
border-left: 5px solid #6A4793;
color: #464655;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color: transparent!important;
}
.btn.btn-default {
border-color:#6A4793;
background-color:#6A4793;
color:#FFFFFF;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
border-radius: 8px;
box-shadow:none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn.btn-primary {
border-color: #A09463;
background-color: #A09463;
color: #fff;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
border-radius: 8px;
box-shadow:none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn.btn-success {
border-color: #00c62f;
background-color: #00c62f;
color: #fff;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
border-radius: 8px;
box-shadow:none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn.btn-warning {
border-color:#F58219;
background-color:#F58219;
color:#fff;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
border-radius: 8px;
box-shadow:none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn.btn-danger {
border-color:#F21212;
background-color:#F21212;
color:#fff;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
border-radius: 8px;
text-decoration:none;
box-shadow:none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn.btn-info {
border-color:#ccc!important;
background-color:#ccc!important;
color:#000;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
border-radius: 8px;
text-decoration:none;
box-shadow:none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn.btn-link {
border-color:#ccc!important;
background-color:#ccc!important;
color:#000;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 7px 25px;
border-radius: 8px;
text-decoration:none;
box-shadow:none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn.btn-danger:hover,
.btn.btn-warning:hover,
.btn.btn-success:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover,
.btn.btn-info:hover,
.btn.btn-link:hover {
opacity:0.7;
}
#contentarea > div > div {
position:relative;
}
.carousel-inner > .item:after {
display:none;
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.15);
}
.carousel-text {
position: absolute;
top: 25%;
left: 0;
right: 0;
margin: auto;
padding: 0;
z-index:100;
}
.carousel-text h1 {
font-size:64px;
font-weight:400;
color:#fff;
font-family: 'Roboto', sans-serif!important;
}
.carousel-text p {
font-size:26px;
font-weight:400;
color:#fff;
font-family: 'Roboto', sans-serif!important;
}
.slick-next {
background-image:url('../images/website_images/arrow-right-black-icon.png')!important;
background-size: 100% 100%!important;
background-repeat:no-repeat!important;
background-position: center center!important;
width: 48px;
height: 48px;
display:block;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slick-prev {
background-image:url('../images/website_images/arrow-left-black-icon.png')!important;
background-size: 100% 100%!important;
background-repeat:no-repeat!important;
background-position: center center!important;
width: 48px;
height: 48px;
display:block;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.slick-next {
right: -100px;
}
.slick-prev {
left: -100px;
}
.slick-next:hover {
background-image:url('../images/website_images/arrow-right-black-icon.png')!important;
}
.slick-prev:hover {
background-image:url('../images/website_images/arrow-left-black-icon.png')!important;
}
.slick-prev:before, .slick-next:before {
display:none;
}
#home-teasers .teaser-heading h2 {
color:#005477;
font-size: 36px;
font-weight: 700;
margin-left: -15px;
}
#home-teasers .teaser-heading .btn-success {
margin-right: -15px;
border-color: #00b0b0;
background-color: #00b0b0;
}
#home-teasers .teaser-heading .btn-success:hover {
background-color:#00488d;
border-color:#00488d;
opacity:1!important;
}
#home-teasers .slick-list {
margin:0 -15px;
}
#home-teasers .multi-slider .item {
padding: 10px;
}
#home-teasers .multi-slider .item .thumbnail {
padding:0;
border:1px solid #c7cbcb;
border-radius:0;
}
#home-teasers .multi-slider .item h3 {
font-size: 18px;
font-weight: 700;
color: #000000;
margin-bottom: 20px;
}
#home-teasers .multi-slider .item p.event-description {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
height: 74px;
-webkit-box-orient: vertical;
}
#home-teasers .multi-slider .item p {
font-size: 16px!important;
font-weight: 300!important;
color: #000000!important;
}
#home-teasers .thumbnail .caption {
padding: 0 30px 30px 30px;
}
#home-teasers .slick-dots li button {
width: 16px;
height: 16px;
}
#home-teasers .slick-dots li button:before {
background-color: #00b0b0;
border-radius: 100%;
width: 16px;
height: 16px;
font-family:none;
font-size: 0;
opacity:1!important;
}
#home-teasers .slick-dots li.slick-active button:before {
background-color: #FFF;
border:2px solid #dcdbdb;
opacity:1;
border-radius: 100%;
width: 16px;
height: 16px;
font-family:none;
font-size: 0;
}
#home-teasers .slick-dots {
bottom: -45px;
}
#home-teasers > .container {
padding:0;
}
#carousel-banner .carousel-promo {
position: relative;
z-index: 10;
}
#carousel-banner .carousel-inner .col-md-8 {
padding-right:0;
}
#carousel-banner .carousel-inner .col-md-4 {
padding-left:0;
}
#carousel-banner .carousel-inner {
box-shadow:none!important;
}
#carousel-promos-right {
padding:0;
}
div.row:has(#carousel-promos-right) {
background-color:#FF0000;
}
#carousel-promo-right-1 {
background-image:url('../images/bg-carousel-promo1.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
height:261px;
width:100%;
margin:0;
position:relative;
padding: 20px 15px 30px 15px;
}
#carousel-promo-right-1 > div,
#carousel-promo-right-2 > div {
position:static;
}
#carousel-promo-right-2 {
background-image:url('../images/bg-carousel-promo2.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
height:261px;
width:100%;
margin:0;
position:relative;
padding: 20px 15px 30px 15px;
}
#carousel-promo-right-1 img {
width:141px;
}
#carousel-promo-right-1 a {
padding: 9px 20px;
position: absolute;
left: 30px;
bottom: 30px;
border-color: #00b0b0;
background-color: #00b0b0;
}
#carousel-promo-right-1 a:hover {
background-color:#FFF;
border-color:#FFF;
color:#00b0b0;
opacity:1!important;
}
#carousel-promo-right-1 h2 {
font-size:16px;
font-weight:700;
margin-bottom:5px;
margin-top:10px;
color:#FFF;
}
#carousel-promo-right-1 p {
font-size: 12px;
font-weight: 300;
color:#FFF;
margin-bottom:10px;
}
#carousel-promo-right-2 img {
width:179px;
}
#carousel-promo-right-2 a {
background-color:#ff7000;
border-color:#ff7000;
padding: 9px 20px;
position: absolute;
left: 30px;
bottom: 30px;
}
#carousel-promo-right-2 a:hover {
background-color:#FFF;
border-color:#FFF;
color:#ff7000;
opacity:1!important;
}
.carousel-promo > .col-md-12 {
position:static;
}
#carousel-promo-right-2 ul {
padding-left:15px;
margin-top: 25px;
}
#carousel-promo-right-2 ul li {
font-size: 16px;
font-weight: 700;
color: #333333;
}
/*
* HEADER
*/
.header img {
width: 139px;
margin-top:20px;
}
footer a > img {
width:139px;
margin-bottom:0;
margin-top:0;
margin-right: 20px;
}
#banner {
padding-top: 30px;
padding-bottom: 40px;
}
#header-search {
margin-top: 25px;
height: 44px;
}
#header-byline {
margin-bottom: 5px;
margin-top: 10px;
}
#header-byline h2 {
color: #000;
margin-top: 5px;
font-size: 16px;
font-family: 'Roboto', sans-serif!important;
font-weight:400;
}
.jumbotron.generic-banner {
padding-bottom: 10px;
padding-top: 1px;
}
#banner {
background-color:#007B85;
border-bottom: 1px solid transparent;
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
}
#banner > .container > .row > .col-md-7 {
height: 33px;
}
.top-header-main-content {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 45px;
}
.top-header-main-content .left-column {
display: flex;
margin-right: auto;
}
.top-header-main-content .right-column {
display: flex;
margin-left: auto;
}
.top-header-main-content h1 {
position:relative;
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 54px;
color: #373737;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.top-header-main-content h1:after {
content: '';
position: absolute;
bottom: -20px;
left: 0;
width: 70px;
height: 3px;
background: #077E88;
}
.top-header-main-content h1 > div {
margin-right: 25px;
display:inline-block;
}
.top-header-main-content a {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF!important;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0;
padding: 13px 24px;
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%);
}
#promo-bar-wrapper {
position:relative;
top: 0;
background-color: #FFFFFF;
}
#header-social button.btn.btn-primary {
margin-left: 10px;
}
#header-social button.btn.btn-primary:hover {
background-color:#00b0b0;
border-color:#00b0b0;
opacity:1!important;
}
#topbar.navbar-inverse.navbar {
min-height: 50px !important;
background-color:#FFF!important;
display: flex;
align-content: center;
align-items: center;
border-bottom: 1px solid #ccc;
}
#topbar .navbar-nav > li > a.contact-header {
font-size:15px!important;
border-bottom:0;
color:#000!important;
font-family: 'Roboto', sans-serif;
font-weight:400;
}
#banner .header.col-md-5 {
margin-top: 5px;
}
#header-social a:hover {
color:#FFFFFF!important;
}
#header-social a {
color: #FFFFFF!important;
opacity: 1;
position: relative;
top: 0;
font-size: 16px;
margin-right: 10px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#header-search {
border:0;
height:33px;
width: 100%;
display: flex;
margin-top: 0;
justify-content: flex-end;
}
#header-search .input-group {
width: 250px;
}
#header-search .input-group-btn button {
background-color: #FFF;
padding: 6px 10px;
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left: 0;
opacity: 1!important;
z-index: 2;
height: 33px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#header-search .input-group-btn button i.fa-search {
color: #CC0E56!important;
}
#header-search .input-group .form-control {
background-color: #FFF;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #7A7A7A!important;
border: 0;
border-right: 0!important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
height: 33px;
box-shadow: none!important;
}
::-webkit-input-placeholder {
color: #7A7A7A!important;
}
::-moz-placeholder {
color: #7A7A7A!important;
}
:-ms-input-placeholder {
color: #7A7A7A!important;
}
:-moz-placeholder {
color: #7A7A7A!important;
}
.navbar.navbar-inverse {
background-color:#FFF;
border:0;
min-height: 86px;
display: flex;
align-content: center;
align-items: center;
border-bottom: 1px solid #e9e9e9;
flex-direction: column;
width: 100%;
}
.navbar-nav .btn-member-login:hover {
background-color: #958771!important;
color: #FFF!important;
opacity:1!important;
}
.navbar-nav .navbar-btn {
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
color: #FFF!important;
padding: 13px 24px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
text-transform: uppercase;
outline: none!important;
border-radius: 0!important;
margin: 0;
border: 0!important;
box-shadow: none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.navbar-nav .navbar-btn:hover {
background-color: #6A4793!important;
color: #FFFFFF!important;
text-decoration: underline;
opacity:1!important;
}
.navbar.navbar-inverse .navbar-collapse.collapse {
display:flex!important;
align-items:center;
}
.navbar.navbar-inverse .navbar-collapse.collapse .nav.navbar-nav {
margin-right: auto;
margin-left: 0;
float:none;
}
.navbar.navbar-inverse .navbar-collapse.collapse .nav.navbar-nav.navbar-right {
margin-right: 0;
margin-left: auto;
}
.navbar-nav.navbar-right:last-child {
margin-right: 0!important;
margin-left:15px!important;
}
.navbar-inverse ul.navbar-nav:first-of-type>li:first-child {
display: none;
}
.navbar-inverse ul.navbar-nav:first-of-type>li:last-child {
padding-right: 30px;
}
.navbar-inverse .navbar-nav>li>a {
color: #373737!important;
text-transform: none;
font-size: 13px;
line-height: 15px;
font-weight: 700;
padding: 36px 0px;
margin-left: 25px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
border-radius: 0px;
margin-bottom: -1px;
border-bottom: 4px solid transparent;
font-family: Roboto;
text-transform: uppercase;
}
.navbar-inverse .navbar-nav>li:last-child> .dropdown-menu > .dropdown-submenu > a:after {
display: block;
float: left;
margin-top: 3px;
margin-right: 0;
margin-left: -10px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.navbar-inverse .navbar-nav>li:last-child> .dropdown-menu > .dropdown-submenu > .dropdown-menu {
left: auto;
right: 100%;
}
.navbar-inverse .navbar-nav>li> .dropdown-menu {
left: 25px;
}
.navbar-inverse .navbar-nav>li:nth-child(2)> .dropdown-menu {
left: 0;
}
.navbar-inverse .navbar-nav>li:nth-child(2)>a {
margin-left: 0;
}
.navbar-inverse .navbar-nav>li>a b.caret {
display: none;
}
.navbar-inverse .navbar-nav>li.open>a,
.navbar-inverse .navbar-nav>li>a:hover {
color: #333333!important;
border-bottom: 4px solid #C80850;
}
footer p {
color:#000!important;
}
footer #footer-poweredby {
color:#000!important;
}
footer #footer-poweredby a {
color:#000!important;
}
.navbar-inverse .navbar-nav>li.active>a:hover {
opacity:1;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
color: #333333!important;
background-color: transparent;
border-bottom: 4px solid #C80850;
}
.navbar-nav {
margin-left:-50px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
background-color: #ddd;
}
#home-teasers .panel-heading .btn-success {
background-color:#898989;
color:#fff;
font-size:18px;
font-weight:400;
border:0;
border-radius:0;
font-family: 'Roboto', sans-serif;
padding: 20px 35px;
width: 220px;
text-decoration:none;
}
#home-teasers .panel-primary .btn-success:hover {
text-decoration: underline;
}
#home-teasers .panel-primary {
border-color:transparent;
background-color:#FFF;
box-shadow: none;
border:0!important;
border-radius: 0px;
}
#home-teasers .panel-primary>.panel-heading {
border-color:#898989;
background-color:#FFFFFF;
padding: 0;
border-top-left-radius:0;
border-top-right-radius:0;
}
#home-teasers .panel-title {
font-size:22px;
color:#898989;
font-weight:400;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
padding-left:25px;
padding-top:23px;
padding-bottom:20px;
}
.btn-info {
color: #0294D0;
background-color: transparent;
bordeR: 0;
font-size: 14px;
padding: 10px 0;
}
#promo-bar-wrapper > .container {
padding: 0;
}
#promo-bar {
margin-left: 0;
margin-right: 0;
margin-top: 0!important;
box-shadow: none;
background-color: transparent;
border-radius: 8px!important;
border: 0!important;
padding-top: 50px;
padding-bottom: 60px;
}
#promo-bar .promopanel {
border: 0;
padding: 30px 15px 0 15px;
}
#promo-bar .promopanel .promo-panel {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: 10px;
border-bottom: 4px solid #007B85;
}
#promo-bar .promopanel .promo-panel .content {
padding: 20px;
}
#promo-bar .promopanel .promo-panel h2 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
color: #222222;
}
#promo-bar .promopanel .promo-panel a {
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%)!important;
color: #FFF!important;
padding: 13px 35px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-align: center;
letter-spacing: 0.5px;
text-transform: uppercase;
outline: none!important;
border-radius: 0!important;
margin: 0;
border: 0!important;
box-shadow: none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
width: auto;
height: auto;
}
#promopanel-1 > a {
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}
#promopanel-4 > a {
border-top-right-radius:0px;
border-bottom-right-radius:0px;
}
#promo-bar .promopanel a:hover {
background-color: transparent;
color: #FFFFFF;
text-decoration: underline;
}
#promo-bar .promopanel a:hover h4 {
color:#FFFFFF;
}
#promo-bar .promopanel a h4 i {
font-size: 50px;
margin-right:20px;
}
#promo-bar .promopanel a h4 {
display:flex;
align-items:center;
justify-content:center;
font-size: 24px;
font-weight: 700;
text-decoration:none!important;
color:#0397D6;
font-family: 'Roboto', sans-serif;
margin-top: 0;
margin-bottom: 0;
text-transform:uppercase;
}
#footer-poweredby {
color:#0397D6!important;
}
#footer-poweredby a {
color:#0397D6!important;
}
#footer-top {
position: relative;
background-image: url('../images/footer-bg.jpg');
background-color: #0071B8;
width: 100%;
height: 460px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-top: 0;
}
#footer-top .container {
padding: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
}
#footer-top h1 {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 54px;
color: #EEEEEE;
margin-top: 0;
margin-bottom: 12px;
max-width: 635px;
}
#footer-top .text {
background: transparent;
text-align: left;
padding: 0 15px;
}
#footer-top i {
font-size: 34px;
color: #FFFFFF;
}
#footer-top h6 {
font-family: 'Roboto', sans-serif;
line-height: 16px;
font-size: 14px;
letter-spacing: 0.58px;
text-transform: uppercase;
color: #E8F0FC;
font-weight: 700;
margin:0;
}
#footer-top p {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 25px;
color: #EEEEEE;
position: relative;
z-index: 100;
margin-bottom: 0;
}
#footer-top a {
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%);
border-radius: 0px;
border: 0;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
text-align: center;
letter-spacing: 0.5px;
color: #FFFFFF;
padding: 17px 47px;
margin-top: 24px;
margin-right: 15px;
position: relative;
display: inline-block;
z-index: 100;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#footer-top .btn-register:hover {
background: #FFFFFF!important;
color: #CC0E56;
opacity:1!important;
}
#footer-main #footer-navigation > .col-md-2 > a {
color:#958771!important;
text-decoration:none!important;
font-size:16px;
font-weight: 700;
font-family: 'Roboto', sans-serif;
}
.button1-icon {
background-image:url('../images/button1-icon.png');
background-repeat:no-repeat;
background-size:100% 100%;
width:26px;
height:23px;
display:inline-block;
}
.button2-icon {
background-image:url('../images/button2-icon.png');
background-repeat:no-repeat;
background-size:100% 100%;
width:26px;
height:23px;
display:inline-block;
}
.button3-icon {
background-image:url('../images/button3-icon.png');
background-repeat:no-repeat;
background-size:100% 100%;
width:26px;
height:23px;
display:inline-block;
}
.button4-icon {
background-image:url('../images/button4-icon.png');
background-repeat:no-repeat;
background-size:100% 100%;
width:26px;
height:23px;
display:inline-block;
}
footer {
margin-top:0!important;
background-color: #FFFFFF!important;
padding-top: 75px;
}
footer #footer-main > .container {
position:relative;
}
#footer-main .footer-info-section.footer-logo a img {
margin-top: 10px;
float: left!important;
margin-bottom: 20px;
}
#footer-main .footer-info-section.footer-logo {
width: 48%;
margin-right: 5%;
}
#footer-main .footer-info-section {
width: 20%;
}
footer #footer-social {
position: absolute;
bottom: 80px;
right: 0;
}
footer #footer-social .pull-right {
display:none;
}
footer #footer-main .hr-light {
border:0!important;
}
footer #footer-legals {
background-color:#FFFFFF;
}
footer #footer-legals > .container {
display: flex;
align-items: center;
padding: 20px 0;
}
footer #footer-legals a,
footer #footer-legals p,
footer #footer-legals #footer-poweredby {
font-family: Roboto!important;
font-style: normal!important;
font-weight: normal!important;
font-size: 15px!important;
line-height: 18px!important;
color: #888888!important;
margin-bottom:0!important;
}
footer #footer-legals a:hover,
footer #footer-legals #footer-poweredby:hover {
color: initial!important;
text-decoration: underline;
}
#footer-social a:hover {
color:#7EA31C!important;
}
#footer-social a {
color: #00b0b0!important;
opacity: 1;
font-size: 42px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#carousel-banner .carousel-inner .carousel-caption h1 {
font-family: Poppins!important;
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 57px;
color: #FFFFFF;
width: 500px;
}
#carousel-banner .carousel-inner .carousel-caption a.btn-find-out-more {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
text-align: center;
letter-spacing: 0.5px;
padding: 17px 29px;
margin-top: 35px;
display: inline-block;
text-transform: uppercase;
text-decoration: none!important;
text-align: center;
color: #FFFFFF;
background: linear-gradient(8.13deg, #C80850 16.67%, #FD5292 100%);
border-radius: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#carousel-banner .carousel-inner .carousel-caption a.btn-find-out-more:hover {
color: #CC0E56;
background: #FFFFFF;
}
#carousel-banner .carousel-inner .carousel-caption p {
font-size: 24px;
font-weight: 300;
line-height: 28px;
width: 330px;
}
#carousel-banner .carousel-inner .carousel-caption .btn-carousel-top {
border-color: #00b0b0;
background-color: #00b0b0;
color: #fff;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto', sans-serif;
padding: 12px 35px;
border-radius: 0px;
box-shadow: none!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
display:inline-block;
margin-top:15px;
text-decoration:none!important;
}
#carousel-banner .carousel-inner .carousel-caption .btn-carousel-top:hover {
background-color:#FFF;
border-color:#FFF;
color:#00b0b0;
text-decoration:none!important;
}
#contentwrapper > .container {
margin-bottom:20px;
margin-top:0!important;
}
#home-teasers h4 {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #222222;
margin-top: 40px;
margin-bottom: 3px;
}
#home-teasers dl {
margin: 10px 0 10px 0;
}
#home-teasers .teasers .description > span {
display: flex;
justify-content: flex-start;
margin-top: 20px;
}
#home-teasers-events {
margin: 40px auto;
}
#home-teasers-news-tiles {
margin-bottom: 60px;
}
#home-teasers .teasers .description > span a {
position: relative;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.5px;
color: #CC0E56;
text-align: right;
text-transform: uppercase;
margin-right: 18px;
display: inline-block;
border: 0!important;
background: transparent!important;
padding: 0;
padding-right: 23px!important;
}
#home-teasers .teasers .description > span a:hover {
opacity: 1!important;
text-decoration: underline;
}
#home-teasers .teasers .description > span a:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
background-image: url(../images/arrow-right-colored-icon.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
display: inline-block;
width: 13px;
height: 9px;
}
#home-teasers small {
color: #958771;
font-size: 14px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
margin-bottom:25px;
margin-top:5px;
float: left;
width: 100%;
line-height: 13px!important;
}
#home-teasers dt {
display:none;
}
#home-teasers dd {
margin-left:0!important;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 14px;
color: #077E88;
margin-top: 5px;
}
.panel-body.teasers {
border: 0;
padding: 0!important;
margin-left: -15px;
margin-right: -15px;
}
.panel-body.teasers > .row {
margin-top: 30px;
width: calc(33.33333333% - 30px);
float: left;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-left: 15px;
margin-right: 15px;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
border-bottom: 4px solid #077E88;
padding-bottom: 40px;
}
.panel-body.teasers > .row:after {
content:'';
position:absolute;
top: 0;
right: 0;
width: 2px;
height: 314px;
display: none;
background: #F6F4F3;
}
.panel-body.teasers > .row:last-child:after {
display:none;
}
.jumbotron.generic-banner {
float: left;
width: 100%;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
color: #99371F;
background-color: #fff;
border-color: none;
box-shadow:none;
}
.jumbotron.generic-banner h1 {
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 56px;
color: #FFFFFF;
margin: 0;
}
.jumbotron.generic-banner {
padding: 35px 0;
margin-bottom: 0;
background: linear-gradient(180deg, #007B85 0%, #01ACBA 100%);
}
p {
color:#000;
font-family: 'Roboto', sans-serif;
font-weight:400;
}
a {
color:#00ADEF;
}
a:hover {
color:#00ADEF;
}
footer p.pull-right a {
color:#00ADEF!important;
}
.well {
border: 1px solid #6A4793!important;
border-radius: 10px!important;
background-color:#FFF;
}
.well h1 {
background-color:#7EA31C;
color:#1E22AA;
text-transform:uppercase;
font-weight:700;
width:100%;
padding:12px 25px;
font-size:20px;
margin-top:0;
margin-bottom:0;
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.well h2 {
color:#1D105F;
font-weight:700;
font-size:20px;
margin-top:25px;
padding:0 25px;
}
.well p {
color:#000000;
font-size:16px;
padding:0 25px;
margin:0;
}
.news-more-open.btn {
font-weight: 500;
padding: 3px 10px;
font-size: 11px;
}
#calendar-filters .btn {
padding: 7px 12px;
color: #fff;
}
.panel-primary {
border-color: #00488d;
}
.panel-primary>.panel-heading {
background-color: #00488d;
border-color: #00488d;
}
h3.panel-title {
color: #fff;
font-weight: bold;
}
@media (max-width: 1400px){
.custom-page-header {
background-size: 100% 100%;
}
.slick-next {
right: -65px;
width: 40px;
height: 40px;
}
.slick-prev {
left: -65px;
width: 40px;
height: 40px;
}
}
@media (max-width:1200px){
.modal-region .modal-dialog {
width: 780px;
}
.annual-socap-symposium .countdown h2 {
font-size: 34px;
line-height: 40px;
}
.annual-socap-symposium .countdown ul li span {
font-size: 52px;
line-height: 62px;
}
.annual-socap-symposium .celebrating h2 {
font-size: 30px;
line-height: 40px;
width: 340px;
}
.annual-socap-symposium .expect h3 {
font-size: 22px;
line-height: 26px;
margin-top: 20px;
}
.annual-socap-symposium .expect p {
margin-bottom: 40px;
}
.annual-socap-symposium .main-content-page {
padding: 80px 0 60px 0;
}
.professional-development .list-program-themes h2,
.professional-development .we-offer h2,
.professional-development .skill-level h2 {
font-size: 30px;
line-height: 40px;
}
.professional-development .skill-level h3 {
font-size: 22px;
line-height: 26px;
margin-bottom: 5px;
}
.professional-development .we-offer h3 {
font-size: 22px;
line-height: 26px;
}
.professional-development .we-offer > .row > div {
margin-bottom: 25px;
}
.professional-development .list-program-themes h3 {
font-size: 22px;
line-height: 26px;
margin-bottom: 20px;
}
.our-board .members-list .box {
height: 240px;
}
body.join-now .membership-categories h2 {
font-size: 30px;
line-height: 40px;
}
.page-template-2 .jumbotron.generic-banner h1 {
width: 420px;
}
.custom-page-header {
margin: 60px 0;
}
.custom-page-header h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 40px;
}
body.member-benefits .membership-categories h2 {
font-size: 30px;
line-height: 40px;
}
.faqs-page h2 {
font-size: 30px;
line-height: 40px;
margin-top: 60px;
margin-bottom: 60px;
}
.regular-networking-events h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 60px;
}
.custom-page-header .text {
padding-right: 40px;
}
.jumbotron.generic-banner h1 {
font-size: 36px;
line-height: 40px;
}
.carousel-text {
top: 15%;
}
#carousel-banner .carousel-inner .carousel-caption h1 {
font-size: 38px;
line-height: 48px;
}
#carousel-banner .carousel-inner .carousel-caption a.btn-find-out-more {
margin-top: 25px;
}
#promo-bar .promopanel {
border: 0;
padding: 25px 30px 0 30px;
}
.video-section h1 {
line-height: 44px;
font-size: 34px;
}
.video-section {
padding: 60px 0;
}
.top-header-main-content h1,
#home-teasers #home-teasers-events-cards .col-xs-6 h2 {
line-height: 40px;
font-size: 34px;
margin-bottom: 20px;
}
#home-teasers #events-teaser-carousel .item h3 {
line-height: 30px;
font-size: 22px;
}
#home-teasers-news .panel-body.teasers .teaser-description h4 {
line-height: 30px;
font-size: 22px;
}
#footer-top h1 {
line-height: 50px;
font-size: 36px;
}
#promo-bar .components-header h2 {
line-height: 30px;
font-size: 22px;
}
#carousel-banner-wrapper {
width: 100%;
}
#carousel-promo-right-1 {
height:217px;
padding: 15px 5px 20px 5px;
}
#carousel-promo-right-2 {
height:216px;
padding: 15px 5px 20px 5px;
}
#carousel-promo-right-1 img {
width: 90px;
}
#carousel-promo-right-2 img {
width: 140px;
}
#carousel-promo-right-1 a,
#carousel-promo-right-2 a {
position: absolute;
left: 20px;
bottom: 20px;
font-size: 14px;
}
#carousel-promo-right-2 ul li {
font-size: 15px;
}
#carousel-promo-right-1 h2 {
font-size: 15px;
}
}
// MEDIA QUERIES START HERE
@media (max-width:1200px){
.jumbotron.generic-banner h1 {
color: #FFFFFF;
font-size: 28px;
font-weight: 300;
}
.carousel-text {
top:13%;
}
.navbar-inverse .navbar-nav>li>a {
font-size:16px;
padding: 23px 15px;
}
}
@media (max-width:991px){
.join-now-box h2 {
font-size: 20px;
line-height: 28px;
}
.join-now-box .box-blue,
.join-now-box .box-orange {
padding: 20px;
height: 190px;
}
.join-now-box a {
position: absolute;
bottom: 12px;
right: 20px;
}
#home-teasers-news .panel-body.teasers > .row {
width: 50%;
}
#home-teasers-news .panel-body.teasers .teaser-description {
float:left;
}
#carousel-banner .carousel-control {
display:none!important;
}
#carousel-banner-wrapper {
width: 100%;
}
#carousel-banner .carousel-inner {
width: 100%;
}
#header-search .input-group {
width: 100%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)!important;
}
.jumbotron.generic-banner h1 {
color: #FFFFFF;
font-size: 24px;
font-weight: 300;
}
#promo-bar .promopanel a h4 i {
font-size: 38px;
margin-right: 15px;
}
#home-teasers #home-teasers-events h3.panel-title {
font-size: 22px;
color: #FFF;
padding-top: 18px;
padding-bottom: 18px;
}
#home-teasers #home-teasers-news h3.panel-title {
font-size: 22px;
padding-top: 18px;
padding-bottom: 18px;
}
#home-teasers #home-teasers-news a.btn-success,
#home-teasers #home-teasers-events a.btn-success {
padding: 19px 35px;
width: 160px;
}
#home-teasers {
display:block!important;
}
.carousel-text h3 {
font-size: 17px;
}
.carousel-text h1 {
font-size: 40px;
}
body {
float:left;
width:100%;
}
.navbar-inverse .navbar-nav>li>a {
font-size: 14px;
padding: 18px 15px;
}
.navbar-toggle {
float:right;
padding:9px 0;
margin-right:15px;
border: 0!important;
}
.navbar.navbar-inverse {
background-color:#007B85;
padding: 0 15px;
text-align: left;
float: left;
width: 100%;
display:block;
z-index: 1000;
position: relative;
min-height: inherit;
border-bottom: 1px solid #007B85;
}
.navbar.navbar-inverse .navbar-collapse {
border-color: #007B85;
}
.navbar-collapse {
max-height:inherit;
}
.panel-body.teasers {
padding: 20px!important;
}
.header img {
width: 139px;
}
#header-search .input-group-btn button {
padding: 9px 20px;
height: 40px;
}
#header-search .input-group .form-control {
height: 40px;
}
#nav {
float:left;
width:100%;
}
#header-search {
border: 0;
height: 40px;
width: 100%;
margin-top: 10px;
}
#banner .col-md-5 {
display: inline-block;
float: left;
width: 50%;
}
#banner .col-md-7 {
display: inline-block;
float: left;
width: 50%;
}
#banner {
background-color:#FFFFFF;
padding-top: 10px;
padding-bottom: 20px;
float: left;
width: 100%;
position: relative;
z-index: 1000;
}
#header-byline h2 {
font-size:14px;
}
#topbar .navbar-nav > li > a {
font-size: 14px!important;
}
#footer-top h1 {
font-size: 32px;
}
#footer-top {
padding: 0 10%;
height: 245px;
}
.btn-register {
padding: 10px 20px;
font-size:13px;
}
footer a > img {
width: 139px;
margin-top: 25px;
}
footer .col-md-2 {
float:left;
}
#footer-social {
text-align: left;
}
#footer-legals {
margin-left: -15px;
margin-right: -15px;
}
#footer-legals .pull-right {
float:left!important;
}
#promo-bar {
margin-top: 30px!important;
border: 1px solid transparent!important;
}
#promo-bar .promopanel {
width:25%;
display: inline-block;
float: left;
}
#contentwrapper > .container {
margin-top: 10px!important;
}
#promo-bar .promopanel a {
padding: 25px 0;
}
#promo-bar .promopanel a h4 {
font-size:14px;
}
#home-teasers .panel-primary .btn-success {
font-size:14px;
padding:14px 30px;
}
#home-teasers .panel-title {
font-size:16px;
padding-left: 20px;
padding-top: 16px;
padding-bottom: 16px;
}
.btn-welcome-website {
margin-bottom: 30px;
display:block;
}
#footer-top .text {
width: 100%;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color:transparent!important;
}
#footer-top .btn-register {
font-size: 13px;
padding: 12px 35px;
}
}
@media (max-width:767px){
.professional-development .list-program-themes h2,
.professional-development .we-offer h2,
.professional-development .skill-level h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 30px;
width: 100%;
}
.professional-development .list-program-themes h2:after,
.professional-development .we-offer h2:after,
.professional-development .skill-level h2:after {
bottom: -10px;
}
.professional-development .skill-level h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 5px;
}
.professional-development .skill-level > .row > div {
margin-bottom: 25px;
}
.professional-development .we-offer {
margin: 40px 0;
}
.professional-development .we-offer h3 {
font-size: 20px;
line-height: 24px;
margin-top: 20px;
margin-bottom: 5px;
}
.professional-development .we-offer p {
margin-bottom: 10px;
}
.professional-development .list-program-themes h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 15px;
}
.professional-development .list-program-themes .nav-pills>li {
width: 100%;
}
.professional-development .list-program-themes .nav-pills>li>a {
border-right: 0;
border-bottom: 2px solid #6A4793;
}
.professional-development .list-program-themes .nav-pills>li:last-child>a {
border-bottom: 0;
}
body.join-now .membership-categories {
margin-top: 30px;
margin-bottom: 50px; 
}
.our-board .members-list .box .avatar {
width: 95px;
}
.our-board .members-list .box {
padding: 25px 15px;
height: 100%;
margin-bottom: 25px;
}
.our-board .members-list .box .avatar .image {
width: 95px;
height: 95px;
}
.our-board .members-list .box .description {
width: calc(100% - 95px);
margin-left: 20px;
}
.our-board .members-list .box .description h4 {
font-size: 18px;
line-height: 21px;
}
.our-board .members-list .box .description p,
.our-board .members-list .box .description h6 {
font-size: 14px;
line-height: 23px;
}
body.member-benefits .membership-categories h2:after {
bottom: -10px;
}
body.join-now .membership-categories h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 30px;
}
body.join-now .membership-categories h2:after {
bottom: -10px;
}
body.member-benefits .promo-panels h3 {
font-size: 22px;
line-height: 24px;
}
body.member-benefits .membership-categories {
margin-top: 30px;
margin-bottom: 50px;
}
body.member-benefits .promo-panels .box {
margin-bottom: 35px;
}
body.member-benefits .membership-categories h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 30px;
}
.faqs-page h2 {
font-size: 26px;
line-height: 36px;
margin-top: 40px;
margin-bottom: 50px;
}
.collapse-panel .panel-default .panel-heading h4 a {
padding: 20px 50px 20px 15px;
}
.collapse-panel .panel-default .panel-heading .collapse-icon {
right: 15px;
}
.collapse-panel .panel-body {
padding: 25px 15px;
}
.eventreg-profile h3, #eventreg-step1-btns h3 {
font-size: 22px;
line-height: 26px;
}
.eventreg-profile input {
font-size: 14px;
height: 40px;
width: 100%;
margin-bottom: 20px;
}
.eventreg-profile.well, #eventreg-step1-btns {
padding: 20px 15px;
margin-top: 40px;
margin-bottom: 30px;
}
.eventreg-profile button.btn.btn-success, #eventreg-step1-btns a {
margin-bottom: 0;
}
#calendar-event-details {
padding: 20px 15px;
margin-top: 40px;
margin-bottom: 30px;
float: left;
}
#calendar-event-details h2 {
font-size: 22px;
line-height: 26px;
margin-top: 25px;
}
.jumbotron.generic-banner {
padding: 20px 0;
}
.regular-networking-events {
float: left;
width: 100%;
}
.custom-page-header {
margin: 0 0 40px 0;
padding: 40px 0 0 0;
}
.custom-page-header .container {
position: relative;
display: block;
padding: 0 15px;
}
.custom-page-header h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 40px;
margin-top: 20px;
}
.custom-page-header .text {
padding-right: 15px;
}
.regular-networking-events h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 60px;
width: 100%;
}
.regular-networking-events .box {
margin-bottom: 25px;
}
.regular-networking-events h3 {
font-size: 22px;
}
body.calendar-events .select2-container {
width: 100%;
}
body.calendar-events #list-events .panel {
padding: 20px 15px;
margin-bottom: 25px;
}
body.calendar-events #list-events .panel-primary>.panel-heading {
padding: 20px 0 20px 0;
display: block;
}
body.calendar-events #list-events .panel-heading h3.panel-title {
font-size: 22px;
line-height: 26px;
}
body.calendar-events #list-events .panel-heading span {
font-size: 18px;
line-height: 22px;
margin-top: 10px;
width: 100%;
padding-left: 0;
}
body.calendar-events #list-events .panel-body {
margin-bottom: 0px;
}
body.calendar-events .select2-container-multi .select2-choices .select2-search-field input {
font-size: 14px;
}
.navbar-inverse .navbar-collapse .navbar-nav.navbar-right .btn-group {
display: block;
width: 100%;
float: left;
}
.btn-contact-us {
display: inline-block;
float: left;
margin-left: 0!important;
margin-top: 15px;
padding: 6px 30px;
line-height: 25px;
font-size: 14px;
}
.join-now-box .box-blue,
.join-now-box .box-orange {
padding: 20px;
margin-bottom: 15px;
height: 180px;
}
.join-now-box {
margin-left: -15px;
margin-right: -15px;
margin-top: 40px;
margin-bottom: 10px;
}
.teaser-tile {
margin-bottom: 10px;
}
#footer-legals .col-md-6 > a {
display: block;
width: 100%;
float: left;
margin-bottom: 20px!important;
}
#home-teasers-news .panel-body.teasers > .row {
width: 100%;
margin-bottom: 20px;
}
.video-section .col-md-5 {
padding-right: 15px;
}
#home-teasers-news .panel-body.teasers .teaser-description {
padding: 20px;
}
.video-section {
padding: 20px 15px;
}
.video-section h1 {
line-height: 36px;
font-size: 28px;
margin-top: 40px;
}
.video-section span.watch-our {
margin-bottom: 20px;
display: block;
}
body#pg-7837 #contentwrapper > .container-fluid {
padding: 0 15px;
margin-top: 0!important;
}
.who-we-are .text {
padding: 20px 30px;
}
.top-header-main-content h1 i {
margin-right: 10px;
}
#home-teasers #home-teasers-news-tiles .teaser-tile {
border: 0!important;
padding: 20px 25px;
}
#home-teasers #home-teasers-news-tiles .teaser-tile > h3 {
margin-top: 10px;
}
.who-we-are .container {
display:block;
position:relative;
}
.top-header-main-content h1, #home-teasers #home-teasers-events-cards .col-xs-6 h2 {
line-height: 24px;
font-size: 24px;
margin-bottom: 15px;
}
#home-teasers-news {
padding: 0 15px;
}
#footer-top p {
width: 100%;
}
#footer-top .btn-register {
font-size: 13px;
padding: 12px 35px;
margin-top: 15px;
}
footer #footer-main .footer-info-section {
padding-top: 0px;
}
#footer-main .footer-info-section {
width: 100%;
}
#footer-main .footer-info-section.footer-logo {
width: 100%;
}
.jumbotron.generic-banner h1 {
color: #FFFFFF;
font-size: 22px;
line-height: 28px;
font-weight: 700;
}
.carousel-text h1 {
font-size: 22px;
margin-top: 10px;
}
.carousel-text h3 {
font-size: 14px;
margin-top: 15px;
}
#home-teasers h4 {
font-size: 18px;
line-height: 28px;
margin-top: 30px;
}
#home-teasers .teasers > .row > .description {
padding: 0 15px;
}
#home-teasers small {
font-size: 12px;
margin-bottom: 15px;
margin-top: 0px;
}
#home-teasers .panel-title {
font-size: 14px;
padding-left: 15px;
padding-top: 12px;
padding-bottom: 11px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 28px;
width: calc(100% - 105px);
}
#home-teasers .panel-primary .btn-success {
font-size: 12px;
padding: 10px 10px;
width: auto;
}
#home-teasers p {
font-size: 14px!important;
}
#home-teasers .home-teaser-action-btn, 
#home-teasers .btn-info {
font-size: 14px;
margin-top: 0;
}
#home-teasers #home-teasers-events a.btn-success.home-teaser-action-btn {
margin-top:0;
padding: 0;
}
#home-teasers .thumbnail .caption {
padding: 0 20px 10px 20px;
}
footer .col-md-2 {
float: left;
width: 100%;
padding: 10px 15px;
}
.panel-body.teasers {
padding: 15px!important;
}
footer a > img.pull-right {
float: left!important;
}
#promo-bar .promopanel {
padding: 20px 15px 0 15px;
width: 100%;
border: 1px solid transparent!important;
border-radius: 10px!important;
margin-bottom: 15px;
}
#carousel-banner .carousel-inner .carousel-caption h1 {
font-size: 20px;
line-height: 30px;
}
.navbar-inverse .navbar-nav>li>a {
padding: 10px 15px;
font-size: 14px;
color: #FFFFFF!important;
display: inline-block;
padding-left: 0!important;
}
.navbar-inverse .navbar-nav>li:nth-child(2)>a {
margin-left: 30px;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #FFFFFF!important;
}
#carousel-promo-right-1,
#carousel-promo-right-2 {
height: auto;
padding: 20px 0 20px 0;
}
#carousel-promo-right-1 a, #carousel-promo-right-2 a {
position: relative;
left: 0;
bottom: 0;
font-size: 14px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
color: #FFFFFF!important;
background-color: transparent;
border-bottom: 0;
}
#footer-top {
padding: 0;
}
#footer-top {
height: 320px;
}
#footer-top > div.container-fluid {
padding: 0;
}
#footer-top > div.container-fluid > div.row > div:first-child {
display:none;
}
#footer-top .container {
padding-left: 15px;
padding-right: 15px;
}
footer #footer-main .footer-info-section h4 {
margin-bottom: 20px;
margin-top: 40px;
}
footer #footer-main {
background-size: cover;
padding:0;
margin-left: 0px;
margin-right: 0px;
}
#footer-main .footer-info-section.footer-logo a img {
margin-top: 40px;
}
#home-teasers > .container {
padding: 0 15px;
}
#banner > .container {
padding: 0 15px;
}
#footer-top h1 {
font-size: 24px;
line-height: 30px;
}
.navbar.navbar-inverse .navbar-collapse.collapse {
display:none!important;
}
#carousel-banner .carousel-caption {
top: 0;
bottom: 0!important;
left: 15px;
text-align: left;
position: relative;
}
#carousel-banner .carousel-inner .carousel-caption h1 {
font-size: 22px;
margin-top: 10px;
width: calc(100% - 30px);
}
#carousel-banner .carousel-inner .carousel-caption p {
font-size: 15px;
line-height: 20px;
width: 100%;
}
#carousel-banner .carousel-inner .carousel-caption .btn-carousel-top {
margin-top: 5px;
font-size: 14px;
padding: 10px 20px;
}
#home-teasers .teaser-heading h2 {
font-size: 26px;
}
#home-teasers .teaser-heading .btn-success {
font-size: 14px;
padding:10px 20px;
}
.carousel-text p {
font-size: 18px;
}
#footer-social a {
font-size: 30px;
}
#header-social a {
color:#FFFFFF!important;
top: 0px;
font-size: 18px;
}
footer {
padding-top: 20px;
}
footer a > img {
width: 139px;
margin-top: 0;
margin-bottom: 0px;
}
.who-we-are {
margin-left: -15px;
margin-right: -15px;
}
footer #footer-social {
position: relative;
bottom: 0;
right: 0;
}
#banner .col-md-7 {
float: left;
width: 100%;
}
#banner .col-md-5 {
float: left;
width: 100%;
}
nav {
display:none!important;
}
#header-search {
margin-top: 20px;
display: block;
}
footer #footer-legals > .container {
display:block;
}
footer #footer-legals a, footer #footer-legals p {
font-size: 14px!important;
}
#header-byline {
display:none;
}
.header img {
width: 139px;
margin-top: 20px;
margin-bottom: 20px;
}
#carousel-banner .carousel-text {
position: relative;
top: auto;
left: auto;
right: auto;
padding:10px 0;
}
#home-teasers #home-teasers-events-cards .col-xs-6 a.btn.btn-success {
margin-bottom: 0;
}
#carousel-banner .carousel-inner {
background: #007B85;
}
.welcome-to {
padding-top: 30px;
}
.welcome-to h2 {
font-size: 26px;
line-height: 34px;
margin-bottom: 40px;
}
.top-header-main-content {
display: flex;
}
#carousel-banner .carousel-inner .carousel-caption a.btn-find-out-more {
margin-top: 15px;
font-size: 12px;
margin-bottom: 0;
background-color: #FFFFFF;
color: #FFFFFF;
padding: 12px 20px;
}
#carousel-banner .carousel-indicators {
display:none!important;
right:0;
text-align:center;
bottom: 190px!important;
}
#header-social {
height: 30px;
display: inline-block;
text-align: left;
top: 11px;
margin-left: 12px;
position: relative;
}
#promo-bar .promopanel a {
background-color:transparent;
padding: 20px 0 0 0;
height: auto;
}
.members-logo-section h2 {
font-size: 26px;
line-height: 34px;
margin-bottom: 40px;
}
.members-logo-section {
padding: 50px 30px!important;
}
.members-logo-section .container .row:last-child {
}
.members-logo-section .container .col {
width: 50%;
max-width: 50%;
text-align: center;
margin-bottom: 20px;
}
#home-teasers-events {
margin: 20px auto;
}
footer #footer-main .footer-info-section p:last-child {
margin-bottom: 0;
}
#promo-bar-wrapper {
top:0;
}
#promo-bar .promopanel a i {
margin-right: 15px;
}
#promo-bar .promopanel a h4 {
font-size: 14px;
margin-top: 0;
}
#home-teasers #home-teasers-events h3.panel-title {
font-size: 18px;
color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
height: 38px;
width: calc(100% - 111px);
}
#home-teasers #home-teasers-news h3.panel-title {
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
height: 38px;
width: calc(100% - 111px);
}
#home-teasers .slick-dots li.slick-active button:before,
#home-teasers .slick-dots li button:before {
width: 12px;
height: 12px;
}
#promo-bar .promopanel a h4 i {
font-size: 28px;
margin-right: 15px;
}
.contact-phone-header {
display:none;
}
#home-teasers #home-teasers-news a.btn-success, #home-teasers #home-teasers-events a.btn-success {
padding: 10px 15px;
font-size: 12px;
width: auto;
}
.panel-body.teasers > .row {
width: calc(100% - 30px);
padding-bottom: 20px;
}
.panel-body.teasers > .row:after {
display:none;
}
#promo-bar {
margin-top: 0px!important;
padding: 20px 0;
border:0!important;
background: transparent;
border-radius:0!important;
box-shadow:none!important;
}
.page-template-2 .jumbotron.generic-banner {
position: relative;
z-index: 1;
padding: 25px 0;
}
.page-template-2 #contentwrapper {
background: #FFFFFF!important;
float: left;
}
.page-template-2 #contentarea > .row {
margin-left: -15px;
margin-right: -15px;
}
.page-template-2 .main-content {
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
.page-template-2 .right-content {
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
.page-template-2 .jumbotron.generic-banner .container {
display: block;
}
.page-template-2 .jumbotron.generic-banner h1 {
width: 100%;
}
.page-template-2 .jumbotron.generic-banner .actions-btn {
margin-top: 20px;
}
.page-template-2 .actions-btn > a {
margin-left: 0;
margin-right: 20px;
}
.page-template-2 form .rendered-form .form-group { 
width: 100%;
}
.page-template-1 .jumbotron.generic-banner {
position: relative;
z-index: 1;
padding: 25px 0;
}
.page-template-1 #contentwrapper {
background: #FFFFFF!important;
float: left;
}
.page-template-1 #contentarea > .row {
margin-left: -15px;
margin-right: -15px;
}
.page-template-1 .main-content {
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
.page-template-1 .right-content {
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}
.RHS-promo-panel-1 {
padding: 25px 20px;
}
.RHS-promo-panel-2 ,
.RHS-promo-panel-3 {
padding: 10px 10px 25px 10px;
}
.RHS-promo-panel-2 .content,
.RHS-promo-panel-3 .content {
padding: 25px 10px 0 10px;
}
.news-page .full-content > div {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.news-page .news-main .panel-heading h3 {
font-size: 22px;
line-height: 26px;
}
.news-page .news-main .panel-heading {
padding: 20px 15px 0 15px;
}
.news-page .news-main .panel-body {
padding: 0 15px 20px 15px;
}
.news-page-main .news-page-body h2 {
font-size: 22px;
line-height: 26px;
padding: 0 0 15px 0;
margin-bottom: 15px;
}
.news-page-main .news-page-body {
padding: 20px 15px;
}
.annual-socap-symposium .countdown h2 {
font-size: 26px;
line-height: 30px;
}
.annual-socap-symposium .countdown ul li span {
font-size: 42px;
line-height: 52px;
}
.annual-socap-symposium .countdown ul {
margin: 0 -15px;
}
.annual-socap-symposium .countdown ul li {
font-size: 14px;
line-height: 16px;
margin: 0 10px;
}
.annual-socap-symposium .celebrating h2 {
font-size: 26px;
line-height: 36px;
width: 100%;
margin-bottom: 40px;
}
.annual-socap-symposium .expect h3 {
font-size: 20px;
line-height: 24px;
margin-top: 15px;
}
.annual-socap-symposium .expect h2 {
font-size: 22px;
line-height: 24px;
margin-top: 10px;
margin-bottom: 30px;
}
.annual-socap-symposium .expect p {
margin-bottom: 25px;
}
.annual-socap-symposium .main-content-page {
padding: 40px 15px 20px 15px;
}
.professional-development .we-offer {
margin-top: 20px;
}
#pg-9026 .panel-body .form-group {
width: 100%;
}
#banner > .container > .row > .col-md-7 {
height: auto;
}
body.join-now .jumbotron.generic-banner {
margin-bottom: 60px;
}
.join-now .membership-type-summary {
display: block;
margin-left: 0;
margin-right: 0;
padding: 30px 30px 25px 30px;
}
.join-now .membership-type-summary .col-md-8 h3 {
margin-bottom: 10px;
}
.join-now .membership-type-summary .col-md-8 {
margin-bottom: 15px;
}
.join-now .membership-type-summary .col-md-1 {
display: inline-block;
}
.modal-region .modal-dialog {
width: calc(100% - 20px);
}
.modal-region .modal-header {
height: 200px;
padding: 20px 20px!important;
}
.modal-region .modal-header h4 {
width: calc(100% - 100px);
font-size: 28px;
line-height: 38px;
}
.modal-region .modal-body .significant-section,
.modal-region .modal-body .associate-section,
.modal-region .modal-body .major-section {
padding: 0 20px;
}
.modal-region .modal-body .header {
display: block;
}
.modal-region .modal-body .header .right-column {
display: inline-block;
margin-top: 15px;
}
.modal-region .modal-body .description p {
margin-bottom: 20px;
}
.modal-region .modal-header button.close {
position: absolute;
top: -10px;
right: 0;
}
#contentwrapper > .container-fluid {
float: left;
}
.modal-region .popover {
left: auto!important;
margin: 0;
right: -10px;
max-width: 280px;
width: 280px;
}
.modal-region .popover .popover-content-html {
padding: 20px;
}
.modal-region .modal-body h6 {
width: calc(100% - 50px);
}
.navbar-inverse .navbar-nav>li:last-child> .dropdown-menu > .dropdown-submenu > .dropdown-menu {
left: 100%;
right: auto;
}
.navbar-inverse .navbar-nav>li:last-child> .dropdown-menu > .dropdown-submenu > a:after {
display: block;
float: right;
margin-top: 5px;
margin-right: -10px;
margin-left: auto;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.navbar-nav {
margin-left: -15px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #333333;
padding-left: 60px!important;
line-height: 26px;
}
.navbar-inverse .navbar-nav>li>a:hover {
background-color: transparent;
}
}
#nav6358 {
display: none;
}