a {
    color: #1894BA;

}
a:hover{
    color: #DA2049;
    text-decoration: none;
}
p {
    font-size: 14px;
    line-height: 18px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
}
.sap-gold-text {
    color: #f0ab00 !important;
}
.red-text{
    color: #DA2049 !important;
}
.gold-text {
    color: #f2c327 !important;
}
.black-text {
    color: #000000 !important ;
}
.notices .toast-success{
    background-color: #DA2049 !important;
}
.darkred-text{
    color: #DA2049 !important;
}
/*-----------------style for top Navigation start-----------*/
.navbar-ssug {
    background: #fafafa;
    /*max-height: 80px;*/
    min-height: 60px;
    /*height: 75px;*/
    -moz-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25),
        0 0 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25),
        0 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25), 0 0 1px 0 rgba(0, 0, 0, 0.3);
    border: none;
    margin-bottom: 20px;
}
.navbar-ssug .nav-container{
    position: relative;
}
.navbar-ssug a {
    font-family: "Fira Sans", sans-serif;
    color: #999999;
}
.navbar-ssug .navbar-brand {
    font-family: "BentonSans-Book";
    color: #000000;
    font-size: 34px;
    line-height: 35px;
    height: 80px;
    letter-spacing: 5px;
    display: inline-flex;
    align-items: center;
    padding: 5px 15px 5px;
    min-width: 221px;
}
.navbar-brand img{
    max-width: 221px;
    height: 100%;
    padding-top: 25px;
}
.navbar-ssug .navbar-brand .logo-expansion {
    display: inline-block;
    font-family: "BentonSans-Medium";
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0px;
    padding-left:5px;
}
.navbar-ssug .navbar-brand .logo-expansion span{
    display: block;
}
.navbar-ssug .navbar-nav > li > a {
    padding-top: 60px;
    padding-bottom: 7px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-ssug .navbar-nav.navbar-center {
    position: absolute;
    left: 18%;
    bottom: 0px;
}
.navbar-ssug .navbar-nav.navbar-center li a {
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    -moz-transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
    -ms-transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
    -o-transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
    transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
}
.navbar-ssug .navbar-nav.navbar-center li a small{
    text-transform: lowercase;
    font-size: 13px;
    line-height: 14px;
}
.navbar-ssug .navbar-nav li a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 10%;
    right: 10%;
    height: 4px;
    width: 80%;
    background-color: #DA2049;
    transform-origin: right top;
    z-index: 1;
    transform: scale(0, 1);
    -moz-transition: color 0.1s, transform 0.2s ease-out;
    -ms-transition: color 0.1s, transform 0.2s ease-out;
    -o-transition: color 0.1s, transform 0.2s ease-out;
    transition: color 0.1s, transform 0.2s ease-out;
}
.navbar-ssug .navbar-nav li a:hover::after,
.navbar-ssug .navbar-nav li a:focus::after,
.navbar-ssug .navbar-nav li a.router-link-exact-active::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
.navbar-ssug .nav > li > a:hover,
.navbar-ssug .nav > li > a:focus,
.navbar-ssug .nav > li > a:active,
.navbar-ssug .nav li a.router-link-exact-active {
    background-color: transparent;
    color: #000000;
}
.navbar-ssug .navbar-right li a {
    position: relative;
    color: #666666;
  /*  -moz-transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
    -ms-transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
    -o-transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
    transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;*/
}
.navbar-ssug .navbar-right.ssug-nav-ddn li {
    position: relative;
}
.navbar-ssug .navbar-right.ssug-nav-ddn li a:after{
    display: none;
}
.navbar-ssug .navbar-right.ssug-nav-ddn li a.your-photo {
    padding: 23px 0px 10px;
    margin-bottom: 0px;
}
.navbar-ssug .navbar-right.ssug-nav-ddn .ssug-ddn-list li{
    background-color: #ffffff;
    color: #000000;
    padding: 0px;
}
.navbar-ssug .navbar-right.ssug-nav-ddn li.active{
    background-color: #DA2049;
    color: #ffffff;
}
.navbar-ssug .navbar-right.ssug-nav-ddn li.active a{
    color: #ffffff!important;
}
.navbar-ssug .navbar-right.ssug-nav-ddn .ssug-ddn-list li a{
    color: #666666;
    text-decoration: none;
    padding: 10px 10px;
    display: block;
}
/*.navbar-ssug .navbar-right.ssug-nav-ddn li ul.ssug-ddn-list li:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}*/
.navbar-ssug .navbar-right.ssug-nav-ddn li a span {
    padding-left: 15px;
}
.navbar-ssug .navbar-right.ssug-nav-ddn .ssug-ddn-list li:hover  {
    background-color: #DA2049;
    text-decoration: none;
}
.navbar-ssug .navbar-right.ssug-nav-ddn .ssug-ddn-list li:hover a{
    color: #ffffff;
}
.navbar-ssug .navbar-right.ssug-nav-ddn li a.your-photo img.profile-pic {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 1px;
    border: 1px solid #999999;
}
.navbar-ssug .navbar-right li a:before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 10%;
    width: 1px;
    height: 20%;
    border-right: 1px solid #666666;
    top: 71%;
}
.navbar-ssug .navbar-right li:last-child a{
    padding-right: 0px;
}
.navbar-ssug .navbar-right li:last-child a:after{
    width: 95%;
}
.navbar-ssug .navbar-right li:last-child a:before {
    display: none;
}
.navbar-ssug .navbar-right.ssug-nav-ddn li .ssug-ddn-list.active_list {
    width: 100%;
    min-width: 165px;
    right: 0%;
    top: 56px;
}
.navbar-ssug .navbar-right.ssug-nav-ddn .name{
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
}
.navbar-ssug .navbar-right.ssug-nav-ddn .name span{
    padding: 0px;
}
.alert-band{
   
    float: left;
    display: none;
   
    
    /*position: absolute;
    top: 76px;
    left: 25%;
    right: 25%;
    z-index: 1000;*/
    width: 100%;
    padding-top: 100px;
    padding-bottom: 30px;
    opacity: 0;
    -moz-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
.alert-band.active{
    opacity: 1;
    display: block;
}
.alert-container{
    max-width: 700px;
    margin:0px auto 0px;
    text-align: center;
    position: relative;
    background-color: #DA2049;
    border: 1px solid #DA2049;
    border-radius: 4px;
    float: none;
    padding: 0px 20px;
}
.alert-container p{
    color: #ffffff;
    margin: 0px;
    padding: 10px 0px;
}
.alert-container .alert-close{
    position: absolute;
    top: 15%;
    right: 10px;
    color: #ffffff;
    font-size: 28px;
    line-height: 28px;
    cursor: pointer;
}
.alert-container .alert-close:hover{
    color: #0076cb;
}
.beginning-margin.remove-margin{
    margin-top: 0px!important
}
.ssug-top-padding.remove-padding{
    padding-top: 0px!important
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .navbar-ssug.navbar-inverse .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .navbar-ssug.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-ssug.navbar-inverse .navbar-toggle {
        border-color: transparent;
    }
    .navbar-ssug .navbar-brand {   
        font-size: 22px;
        line-height: 24px;
    }
    .navbar-ssug .navbar-toggle {
        padding: 30px 10px 0px;
    }
    .navbar-ssug .navbar-nav.navbar-center {
        position: static;
    }
    .navbar-ssug.navbar-fixed-top .navbar-collapse {
        max-height: 100%;
    }
    .navbar-ssug .navbar-nav > li > a {
        padding-top: 10px;
    }
    .navbar-ssug .navbar-nav.navbar-center li a::after {
        bottom: 5px;
        left: 15px;
        right: unset;
        height: 2px;
        width: 13%;
    }
    .home-banner-block .home-banner {  
        margin-top: 70px;
    }
    .navbar-ssug .navbar-right{
        border-bottom: 1px solid #dddddd;
        margin-top: 0px;
        margin-bottom: 0px;
        background: #ffffff;
        padding: 15px 0px;
    }
    .navbar-ssug .navbar-right li{
        float: left;
    }
    .navbar-ssug .navbar-right li a:before {
        bottom: 25%;
        height: 50%;
        top: 25%;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn li a.your-photo {
        padding: 0px 15px 0px;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn li .ssug-ddn-list.active_list {
        left: 17px;
        right: 0px;
        top: 38px;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn li .ssug-ddn-list:before{
        right: 0px;
        left: 10px;
    }
    .alert-band{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .navbar-ssug .navbar-nav.navbar-center {
        position: absolute;
        left: 18%;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn li a.your-photo {   
        width: 140px;
        align-items: center;
        display: inline-flex;
        word-break: break-all;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn li a.your-photo   span.profile-dp{
        width:60px;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn li a span {
        padding-left: 0px;
    }
    .navbar-ssug .navbar-nav.navbar-center li a{
        padding-left: 3px;
        padding-right: 3px;
        font-size: 11px;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn .name span.fname{
        padding-right: 10px;
    }
    .navbar-ssug .navbar-right.ssug-nav-ddn .name span.lname{
        display: none;
    }
    .navbar-nav li a.router-link-exact-active::after,
    .navbar-ssug .navbar-nav li a.router-link-exact-active:hover::after,
    .navbar-ssug .navbar-nav li a.router-link-exact-active:focus::after {
        transform-origin: left top;
        transform: scale(1, 1);
    }
    .navbar-ssug .nav > li > a.router-link-exact-active,
    .navbar-ssug .navbar-nav li a.router-link-exact-active:hover::after,
    .navbar-ssug .navbar-nav li a.router-link-exact-active:focus::after{
        color: #000000;
    }
    .navbar-ssug .navbar-nav li a:hover::after,
    .navbar-ssug .navbar-nav li a:focus::after{
        transform-origin: right top;
        transform: scale(0, 1);
    }
    .navbar-ssug .nav > li > a:hover,
    .navbar-ssug .nav > li > a:focus,
    .navbar-ssug .nav > li > a:active{
        background-color: transparent;
        color: #666666;
    }
    .navbar-ssug .navbar-right {
        width: 22%;
    }
    .navbar-ssug .navbar-nav.navbar-right > li > a{
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar-ssug .navbar-brand{
        min-width: 110px;
    }
    .navbar-brand img{
        max-width: 110px;
    }
    .navbar-ssug .navbar-nav > li > a{
        font-size: 12px;
        line-height: 14px;
    }
    
}
@media only screen and (min-width: 830px) and (max-width: 992px){
    .navbar-ssug .navbar-nav.navbar-center {
        position: absolute;
        left: 18%;
    }
}
@media only screen and (min-width: 993px) and (max-width: 1199px){
    .navbar-ssug .navbar-nav.navbar-center {
        left: 18%;
    }
    .navbar-ssug .navbar-nav > li > a {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*-----------------style for top Navigation end-----------*/
.pad-l-r-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.pad-l-0 {
    padding-left: 0px;
}
.pad-r-0 {
    padding-right: 0px;
}
/*-----------------style for top banner and banner carousel start-----------*/
.featured-block .featured-carousel {
    color: #ffffff;
    -webkit-box-shadow: 12px 11px 13px -8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 11px 13px -8px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 11px 13px -8px rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 94%;
    bottom: -35px;
    left: 3%;
    right: 3%;
    /*overflow-y: hidden;*/
}
.featured-block .featured-carousel .content-box {
    display: table;
    padding: 0px 30px;
    cursor: pointer;
    height: 80px;
    background: rgb(218, 32, 73);
    background: #DA2049;
}
.featured-block .featured-carousel .content-box .header {
    background: rgb(218, 32, 73);
    background: #DA2049;
    display: table-cell;
    float: none;
    vertical-align: middle;
    text-align: center;
}
.featured-block .featured-carousel .content-box .content {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;     
}
.featured-block .featured-carousel .content-box .content:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 110%;
    left: 0px;
    background: #E5DDC8;
    top: -4px;
    bottom: 0px;
    transform: rotate(20deg);
}
.featured-block .featured-carousel .VueCarousel-slide{
    background: rgb(218, 32, 73);
    background: #DA2049;
    max-height: 80px;
    overflow: hidden;
}
.VueCarousel-dot[title]{
   display: none;
}
ul.event-details {
    list-style: none;
    margin: 0px;
    padding-left: 10px;
}
ul.event-details p {
    margin: 0px;
    font-size: 13px;
    line-height: 15px;
}
ul.event-details li:first-child{
    padding: 10px 30px;
}
ul.event-details li {
    padding: 10px 18px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
ul.event-details li:first-child {
    padding-left: 15px;
}
ul.event-details li:after {
    content: "";
    position: absolute;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    right: 0px;
    bottom: 25%;
    top: 25%;
    width: 1px;
    height: 50%;
    color: #ffffff !important;
}
ul.event-details li:last-child:after {
    display: none;
}
ul.event-details li h3 {
    margin: 0px;
}
.small-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
ul.event-details li h3.small-title {
    font-size: 14px;
    line-height: 18px;
}
ul.event-details li p {
    padding-top: 5px;
}
.sub-title {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #666666;
}
.featured-block .featured-carousel .content-box .header h2.sub-title {
    margin: 0px;
    line-height: 22px;
}
p.date {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}
p.date span {
    padding: 0px 6px;
}
p.date .day {
    font-size: 38px;
    line-height: 42px;
}
p.date .year {
    padding: 0px 0px;
}

.home-banner-block .home-banner {
    position: relative;
    color: #ffffff;
}
.home-banner-block .home-banner .banner-content {
    position: absolute;
    top: 0px;
    padding: 50px 50px 30px;
}
.title-heading {
    font-size: 28px;
    line-height: 34px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #666666;
}
.banner-content .title-heading {
    color: #ffffff;
}
.banner-content .sub-title {
    font-size: 18px;
    line-height: 19px;
    font-weight: 400;
}
.banner-content p {
    padding-top: 0px;
    width: 80%;
    font-weight: 400;
}
.banner-content p span{
    display: block;
}
.btn-ssug {
    background: #ffffff;
    color: #DA2049;
    border: none;
    font-size: 18px;
    line-height: 18px;
    font-family: "Fira Sans", sans-serif;
    padding: 10px 40px;
    font-weight: 500;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
     border-radius: 0px;
     border: 1px solid #DA2049;
}
.btn-ssug:hover,
.btn-ssug:active,
.btn-ssug:focus,
.btn-ssug:active:focus {
    color: #ffffff;
    background: #DA2049;
}
.btn-ssug.btn-submit {
    background: #132b4f;
    font-weight: 400;
    color: #ffffff;
    border-radius: 0px;
    border-color: transparent!important;
}
.btn-ssug.btn-submit:hover,
.btn-ssug.btn-submit:active,
.btn-ssug.btn-submit:focus {
    color: #ffffff;
    background: #DA2049;
}
.banner-content .btn-ssug {
    border-radius: 0px;
    margin-top: 15px;
    color: #DA2049;
    border: none;
}
.banner-content .btn-ssug:hover,
.banner-content .btn-ssug:active,
.banner-content .btn-ssug:focus{
    background-color: #DA2049;
    color: #ffffff;
}
.home-banner .featured-block {
    padding: 0px 50px;

}
.featured-carousel .VueCarousel-pagination[data-v-438fd353] {
    background-color: transparent;
    position: absolute;
    bottom: -40px;
    z-index: 2
}
.featured-carousel .VueCarousel-navigation-button[data-v-453ad8cd] {
    top: 50%;
}
.featured-carousel .VueCarousel-navigation-prev[data-v-453ad8cd] {
    left: 0px;
    transform: rotate(180deg) translateY(50%) translateX(-100%);
    /*background: red;*/
    width: 3%;
    float: left;
}
.featured-carousel .VueCarousel-navigation-prev {
    right: 12px;
}
.featured-carousel .VueCarousel-navigation-next[data-v-453ad8cd] {
    right: 50px;
}
.featured-carousel .VueCarousel-dot.VueCarousel-dot--active {
    background-color: #DA2049 !important;
}
.featured-carousel .VueCarousel-dot {
    background-color: rgb(181, 179, 179) !important;
    margin-top: 0px !important;
}
.featured-carousel .VueCarousel-dot-container {
    margin-top: 0px !important;
}
.featured-carousel  .VueCarousel-navigation-button[data-v-453ad8cd] {
    color: #ffffff;
}
.featured-carousel .VueCarousel-inner {
  transition: transform 0s ease !important;
}

.featured-carousel .VueCarousel-slide .content-box{
  opacity: 0 !important;
  flex-basis: 0;
  transition: opacity 0.8s ease-in-out !important;
}

.featured-carousel .VueCarousel-slide-active .content-box{
  opacity: 1 !important;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .home-banner-block .home-banner .banner-content {
        position: static;
        padding: 30px 15px 100px;
    }
    .home-banner-block .home-banner {
        background: url(../images/home-banner-mob.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        padding: 0px 0px 0px;
        background-position: left 63% bottom 6px;
        background-size: cover;
        margin-top: 0px;
    }
    .banner-content p {
        width: 60%;
    }
    .home-banner-block .home-banner img.banner-img{
        display: none;
    }
    .featured-block .featured-carousel {
        position: static;
        width: 100%;
    }
    .home-banner .featured-block{
        padding: 0px 0px;
    }
    .featured-block .featured-carousel .content-box .content::before {
        height: 184%;
        left: 117px;
        background: #DA2049;
        top: -49px;
        bottom: 0px;
        transform: rotate(20deg);
        opacity: 0.5;
    }
    .featured-block .featured-carousel .content-box .header {
        background: transparent;
        display: block;
        float: left;
        text-align: left;
    }
    .featured-block .featured-carousel .content-box .content{
        display: block;
        float: left;
    }
    ul.event-details li, ul.event-details li:first-child{
        display: block;
        padding: 10px 0px;
    }
    ul.event-details li::after {
        display: none;
    }
    ul.event-details{
        padding-left: 0px;
    }
    ul.event-details .mob-inline{
        padding-top: 0px;
        float: left;
        width: 50%;
    }
    .featured-block .featured-carousel .content-box {
        padding: 15px 15px;
    }
    .featured-carousel .VueCarousel-navigation-button[data-v-453ad8cd] {
        top: 75%;
        display: none;
    }
    .featured-carousel .VueCarousel-navigation-prev[data-v-453ad8cd] {
        left: -6px;
    }
    .featured-carousel .VueCarousel-navigation-next[data-v-453ad8cd] {
        right: 9%;
    }
    p.date .day {
        font-size: 22px;
        line-height: 22px;
        padding-left: 0px;
    }
    ul.event-details p {
        font-size: 13px !important;
        line-height: 13px !important;
    }
    ul.event-details li p {
        padding-top: 0px;
    }
    ul.event-details li:last-child p {
        padding-top: 5px;
        padding-left: 30px;
    }
    .featured-block .featured-carousel .VueCarousel-slide {
        /*padding: 20px 0px 15px;*/
        max-height: 100%;
    }
    .featured-block .featured-carousel{
        box-shadow: none;
    }
    .title-heading {
        font-size: 24px;
        line-height: 28px;
    }
    .btn-ssug {
        padding: 10px 30px;
    }
}
@media only screen and (min-width: 200px) and (max-width: 360px){
    .banner-content p {
        width: 65%;
    }

}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .home-banner-block .home-banner .banner-content {
        padding: 20px 25px 20px;
    }
    .banner-content p span{
        display: inline-block;
        padding-left: 5px;
    }
    .banner-content .btn-ssug{
        margin-top: 0px;
    }
    .featured-block .featured-carousel {
        width: 100%;
        top: 0%;
        left: 0%;
        right: 0%;
        min-height: 75px;
        overflow: visible;
        box-shadow: none;
    }
    p.date .day {
        font-size: 28px;
        line-height: 32px;
    }
    p.date {
        font-size: 14px !important;
    }
    .featured-block .featured-carousel .content-box .content {
        padding-left: 0px;
    }
    ul.event-details {
        padding-left: 0px;
    }
    ul.event-details li:first-child {
        padding: 10px 10px 0px 0px;
        
    }
    ul.event-details p {
        font-size: 12px;
    }
    

}
@media only screen and (min-width: 993px) and (max-width: 1199px){
    .home-banner-block .home-banner .banner-content {
        padding: 30px 30px 30px;
    }
}
/*-----------------style for top banner and banner carousel end-----------*/
/*-----------------style for  events start-----------*/
.event-container {
    padding: 0px 15px;
   
}


/*@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}*/
.calendar-event .calendar-event-content {
    border-radius: 4px;
    background: #f7f7f7;
    margin-bottom: 30px;
     /*animation: .6s zoom-in;*/
}
.event-head {
    background: #5F484A;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    min-height: 70px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}
.event-head p {
    font-size: 16px;
    line-height: 18px;
}
.calendar-event .calendar-event-content p {
    font-size: 13.5px;
    line-height: 16px;
    color: #5a5a5a;
    margin: 0px;
    font-weight: 400;
}
.calendar-event .calendar-event-content a {
    color: #1894BA;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    -moz-transition:  color 0.4s ease-out;
    -ms-transition:  color 0.4s ease-out;
    -o-transition:  color 0.4s ease-out;
    transition:  color 0.4s ease-out;
}
.calendar-event .calendar-event-content p strong {
    font-weight: 600;
}
.calendar-event .calendar-event-content .event-head p {
    color: #ffffff;
    line-height: 16px;
    font-weight: 600;
}
.event-head .date {
    display: inline-flex;
    width: 70%;
    vertical-align: bottom;
    min-height: 70px;
    padding: 20px 15px 15px;
    align-items: baseline;
}
.event-head .date .day {
    font-size: 34px;
    line-height: 34px;
    padding-right: 5px;
}
.calendar-event .calendar-event-content .event-head p.name{
   color: #5F484A; 
}
.event-head .name {
    width: 30%;
    /*text-align: right;*/
    min-height: 70px;
    padding: 30px 0px 15px;
    background: #E5DDC8;
    display: inline-flex;
    align-items: center;
    position: relative;
    border-top-right-radius: 4px;
    padding-left: 2px;
}
.event-head .name:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 134px solid #E5DDC8;
    border-left: 71px solid transparent;
    top: 0px;
    left: -70px;
}
.event-body {
    padding: 20px 15px;
}
.event-body .location {
    padding-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 40px;
    white-space: nowrap;
}
.event-body p.title{
    margin-bottom: 5px!important;
}
.event-body p.title.expandable_title{
    cursor: pointer;
    -moz-transition:  color 0.4s ease-out;
    -ms-transition:  color 0.4s ease-out;
    -o-transition:  color 0.4s ease-out;
    transition:  color 0.4s ease-out;
}
.event-body p.title.expandable_title:hover{
    color: #000000;
}
.event-body p.title:hover .ssug-career-tooltip{
    display: block;
}
.event-body p.title .ssug-career-tooltip{
    width: 95%;
    top: 60px;
    left: 10px;
}
.event-body p.title .ssug-career-tooltip::after{
    left: unset;
    right: 7px;
}
.event-body .location {
    padding-bottom: 15px;
}
.button-group .btn {
    margin-right: 10px;
}
.button-group .btn:last-child {
    margin-right: 0px;
}
.btn.btn-cta {
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    padding: 2px 15px;
}
.btn.btn-cta.btn-entry {
    display: block;
}
.beginning-margin {
    margin-top: 110px;
    /*-moz-transition:  margin-top 0.4s ease-out;
    -ms-transition:  margin-top 0.4s ease-out;
    -o-transition:  margin-top 0.4s ease-out;
    transition:  margin-top 0.4s ease-out;*/
}
.ssug-event-tabs{
    padding-top: 30px;
}
.ssug-event-tabs ul.event-tab-content{
    padding-left: 0px;
    margin: 0px;
}
.ssug-event-tabs ul.event-tab-content li{
    cursor: pointer;
    min-width: 150px;
    padding: 8px 30px 8px 10px;
    border: 1px solid #cccccc;
    margin-right: 30px;
    position: relative;
}
.ssug-event-tabs ul.event-tab-content li:hover{
    border: 1px solid #DA2049;
}
.ssug-event-tabs ul.event-tab-content li:last-child{
     margin-right: 0px;
}
.ssug-event-tabs ul.event-tab-content li span.icon{
    background: #cccccc;
    color: #ffffff;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: 0px;
    font-size: 26px;
    padding: 8px;
    -moz-transition:  background 0.4s ease-out;
    -ms-transition:  background 0.4s ease-out;
    -o-transition:  background 0.4s ease-out;
    transition:  background 0.4s ease-out;
}
.ssug-event-tabs ul.event-tab-content li:hover span.icon,
.ssug-event-tabs ul.event-tab-content li.active span.icon{
    background: #336699;
    /*right: -1px;*/
}
.ssug-event-tabs ul.event-tab-content li span.icon img {
   width: 17px;
}
.ssug-event-tabs ul.event-tab-content li span.text{
    color: #336699;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}
.calendar-event .calendar-event-content .event-cta-block a:hover{
    color: #DA2049;
}
.calendar-event .calendar-event-content .event-cta-block a.cta-knowmore{
    float: left;
}
.calendar-event .calendar-event-content .event-cta-block a.cta-watchvideo{
    float: right;
    display: inline-flex;
    align-items: center;
}
.calendar-event .calendar-event-content .event-cta-block a.cta-watchvideo span{
    padding-left: 5px;
}
.event-video{
    background: #f7f7f7;
    margin-top: 30px;
}
.event-video .event-video-block{
    padding: 20px 15px;
}
.event-video .event-video-block .video-des{
    padding: 10px 0px 20px;
    margin-bottom: 0px;
}
.event-video .event-video-block .video-des p{
    word-break: break-word;
}
.event-video .event-video-block .embed-responsive-16by9{
    padding-bottom: 40%;
}
.event-images{
    background: #f7f7f7;
    margin-top: 30px;
}
.event-images .event-images-block{
    padding: 20px 15px;
    padding-bottom: 30px;
    display: table;
}
.event-images .event-images-block .image-placeholder, 
.event-video .event-video-block .image-placeholder{
    padding: 0px;
    background-color:#666666;
    max-height: 320px;
    max-width: 770px;
    position: relative;

}
.event-images .event-images-block .image-placeholder .img-cta,
.event-video .event-video-block .image-placeholder .img-cta{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 15px 30px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    font-size: 20px;
    line-height: 23px;
    font-weight: 600;
    text-align: center;
}
.event-images .event-images-block .image-placeholder .img-cta:focus,
.event-video .event-video-block .image-placeholder .img-cta:focus{
    text-decoration: none;
}
.event-images .event-images-block .image-placeholder .img-cta span,
.event-video .event-video-block .image-placeholder .img-cta span{
    opacity: 0;
    padding-left: 0px;
     -moz-transition:padding 0.5s ease-in-out, opacity 0.3s ;
    -ms-transition:padding 0.5s ease-in-out, opacity 0.3s ;
    -o-transition: padding 0.5s ease-in-out, opacity 0.3s ;
    transition: padding 0.5s ease-in-out, opacity 0.3s ;
}
.event-images .event-images-block .image-placeholder .img-cta:hover span,
.event-video .event-video-block .image-placeholder .img-cta:hover span{
    opacity: 1;
    padding-left: 10px;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .ssug-event-tabs {
        padding-top: 10px;
    }
    .event-images .event-images-block .image-placeholder .img-cta span,
    .event-video .event-video-block .image-placeholder .img-cta span{
        opacity: 1;
        padding-left: 10px;
    }
    .event-images .event-images-block .image-placeholder .img-cta,
    .event-video .event-video-block .image-placeholder .img-cta{
        font-size: 13px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 360px){
    .ssug-event-tabs ul.event-tab-content li {
        min-width: 130px;
        margin-right: 5px;
    }
}
@media only screen and (min-width: 361px) and (max-width: 375px){
    .ssug-event-tabs ul.event-tab-content li {
        margin-right: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .event-images .event-images-block .image-placeholder .img-cta span,
    .event-video .event-video-block .image-placeholder .img-cta span{
        opacity: 1;
        padding-left: 10px;
    }
}
@media only screen and (min-width: 768px){
    .event-body .title {
        max-height: 34px;
        min-height: 34px;
        overflow: hidden;
    }
}
/*-----------------style for  events end-----------*/

/*-----------------style for filter and search box start-----------*/
.ssug-ddn-wrapper {
    position: relative;
}
.ssug-ddn-placeholder {
    border: 1px solid #cccccc;
    padding: 10px 10px;
    border-radius: 0px;
    font-size: 13px;
    line-height: 14px;
    color: #5a5a5a;
    width: 100%;
    background: #ffffff;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
}
.ssug-ddn-placeholder:hover{
    border-color: #DA2049!important;
}
ul.ssug-ddn-list {
    list-style: none;
    padding-left: 0px;
    background: #ffffff;
    border: 0px solid #efefef;
    border-radius: 4px;
    display: block;
    float: left;
    position: absolute;
    z-index: 121;
    top: -9999px;
    width: 90%;
}
ul.ssug-ddn-list.active_list {
    max-height: 100vh;
    border-width: 0px;
    opacity: 1;
    top: 28px;
    -webkit-transform: translateY(18px);
    -moz-transform: translateY(18px);
    -o-transform: translateY(18px);
    transform: translateY(18px);
    /* -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; */
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s;
    -o-transition: -o-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-box-shadow: -2px 3px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 3px 8px 0px rgba(0, 0, 0, 0.2);
     /*overflow-y: auto;*/
}
ul.ssug-ddn-list li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
ul.ssug-ddn-list li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
ul.ssug-ddn-list li {
    width: 100%;
    float: left;
    padding: 10px 10px;
    border-bottom: 1px solid #efefef;
    position: relative;
    font-size: 13px;
    color: #9b9491;
    cursor: pointer;
}
ul.ssug-ddn-list li:last-child {
    border-bottom: none;
}
ul.ssug-ddn-list li:hover {
    color: #ffffff;
    background: #DA2049;
}
ul.ssug-ddn-list li.active {
    color: #ffffff;
    background: #DA2049;
}
span.ddn-indicator {
    position: absolute;
    color: #5a5a5a;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 51%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
span.ddn-indicator::before {
    content: url(../images/icons/down-arrow.png);
}

ul.ssug-ddn-list::before {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #DA2049;
    position: absolute;
    top: -10px;
    right: 12px;
}
.ssug-event-filter {
    padding: 30px 0px;
}
.ssug-search-box {
    position: relative;
    padding: 0px 32px 0px 0px;
    border: 1px solid #cccccc;
    margin: 0px;
}
.ssug-search-box .icon-search {
    position: absolute;
    color: #999999;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 51%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.ssug-search-box .form-control {
    border: none;
    box-shadow: none;
}
.ssug-search-box:hover {
    border: 1px solid #DA2049;
}
.ssug-search-box .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999999;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}
.ssug-search-box .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}
.ssug-search-box .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #999999;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}
.ssug-search-box .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

/*-----------------style for filter and search box end-----------*/
.home-event-block {
    padding-top: 100px;
    padding-left: 0px;
    padding-right: 0px;
}

.ssug-section.home-event-block {
    padding-top: 100px;
}
.ssug-section .beginning-margin {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .ssug-section.home-event-block {
        padding-top: 60px;
    }
    .ssug-ddn-wrapper {
        padding-right: 0px;
    }
    .ssug-ddn-placeholder {
        padding: 7px 10px;
    }
    .ssug-search-box .form-control{
        height: 28px;
        padding: 4px 12px;
    }
    .ssug-search-box {
        padding: 0px 22px 0px 0px;
    }
    .ssug-event-filter {
        padding-bottom: 10px;
    }
    .home-banner-block.beginning-margin {
        margin-top: 70px;
    }
    .ssug-event-filter .search-filter-container{
        padding: 10px 15px 5px;
    }
    .ssug-event-filter .category-filter-container{
        padding-right: 5px;
    }
    .ssug-event-filter .filter-right{
        padding-right: 15px;
         padding-left: 5px;
    }
}
/*-----------------style for home hr with viewmore start-----------*/
.home-view-more-block {
    text-align: center;
    padding-top: 50px;
    margin-bottom: 50px;
    position: relative;
}
.home-view-more-block.last {
    padding-top: 10px;
}
.home-view-more-block a {
    color: #666666;
    font-weight: 400;
    text-transform: uppercase;
    background: #ffffff;
    padding: 10px 80px;
    font-size: 16px;
    line-height: 18px;
    z-index: 2;
    position: relative;
}
.home-view-more-block a:after{
    position: absolute;
    content: url(../images/icons/down-arrow-red.png);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 16px;
    color: #DA2049;
    width: 100%;
    height: 7px;
}
.home-view-more-block a:hover{
    color: #DA2049;
}
.home-view-more-block hr {
    display: none;
}
.home-view-more-block:after {
    content: "";
    position: absolute;
    top: 87%;
    width: 100%;
    left: 0px;
    right: 0px;
    z-index: 1;
    height: 1px;
    border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .home-view-more-block {
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .home-view-more-block a {
        padding: 10px 30px;
    }
}
/*-----------------style for home hr with viewmore end-----------*/

/*-----------------style for resources start-----------*/
.resource-box .resource-content {
    background: #f7f7f7;
    padding: 30px 100px 30px 30px;
    margin-bottom: 30px;
    position: relative;
}
.resource-box .resource-content .pin-note{
    color: #b3b3b3; 
    position: absolute;
    top: 8px;
    right: 8px;
}
.resource-box .resource-content .pin-note .fas{
    padding: 11px 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    transition: background-color 0.5s linear;
    font-size: 12px;
     color: #E1925E; 
}
.resource-box .resource-content .pin-note:hover .fas/*, .resource-box .resource-content .pin-note:active .fas,
.resource-box .resource-content .pin-note:focus .fas */{
    /*border:1px solid #000;*/
    padding: 11px 10px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #DA2049;
}
.resource-box .resource-content .pin-note .fas.active{
    color: #DA2049;
    background-color: #ffffff;
}
.resource-box .resource-content .pin-note:hover .ssug-career-tooltip {
    display: block;
}
.ssug-career-tooltip {
    display: none;
    position: absolute;
    left: -39px;
    right: 0px;
    top: 45px;
    z-index: 20;
    color: #ffffff;
    border-radius: 5px;
    border: 1px solid #DA2049;
    font-size: 12px;
    padding: 5px 5px;
    background: #DA2049;
    width: 110px;
    text-align: center;
}
.ssug-career-tooltip.show{
    display: block;
}
.ssug-career-tooltip::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #DA2049;
    position: absolute;
    top: -9px;
    left: 47px;
}
.account-resource-container .ssug-career-tooltip {
    left: -23px;
    width: 75px;
    text-align: center;
}
.account-resource-container .ssug-career-tooltip::after {
    left: 31px;
}
.blue-text {
    color: #189AB4!important;
}

.white-text {
    color: #ffffff !important;
}
.c-brown-text{
    color: #5F484A!important;
}
.gray-text{
    color: #666666 !important;
}
.gray-bg{
    background-color: #f7f7f7;
}
.light-blue-text{
    color: #8C2B72!important;
}
.resource-box p {
    color: #2b2a29;
}
.resource-ueser-options{
    margin-top: 15px;
}
ul.ssug-button-group.download-button {
    list-style: none;
    padding-left: 0px;
}
ul.ssug-button-group.download-button li {
    float: left;
    padding: 0px 20px 0px 0px;
}
ul.ssug-button-group.download-button li:first-child {
    padding-left: 0px;
}
ul.ssug-button-group.download-button li a {
    font-size: 14px;
    list-style: 18px;
    color: #666666;
    font-weight: 500;
}
ul.ssug-button-group.download-button li a.active {
    color: #008fd3;
}
ul.ssug-button-group.download-button li a {
    position: relative;
    padding-left: 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.ssug-button-group.download-button li a:hover {
    color: #008fd3;
}
ul.ssug-button-group.download-button li a:before {
    content: url(../images/icons/download.png);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-weight: 400;
}
ul.ssug-button-group.download-button li a.active:before,
ul.ssug-button-group.download-button li a:hover:before {
    content: url(../images/icons/download-active.png);
}
/*.resource-box p {
    width: 85%;
}*/
.home-resource-block {
    padding-left: 0px;
    padding-right: 0px;
}
.resource-list {
    padding-left: 0px;
    padding-right: 0px;
}
.min_window_height{
    min-height: 67vh;
}
#readmore{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.know-more-resource{
    margin-top: 15px;
}
.know-more-resource a{
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    cursor: pointer; 
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .resource-box .resource-content {
        padding: 36px 20px;
    }
    .resource-box p {
        width: 100%;
    }
    ul.ssug-button-group.download-button li {
        padding: 10px 20px 10px 0px;
    }
    ul.ssug-button-group.download-button li a {
        display: inline-flex;
    }
    .resource-box .resource-content .pin-note .fas{
        color: #b3b3b3!important;
    }
    .resource-box .resource-content .pin-note:hover .fas{
        color: #b3b3b3!important;
    }
    .resource-box .resource-content .pin-note:hover .fas.active{
        color: #DA2049 !important;
    }
    .resource-box .resource-content .pin-note .fas.active{
        color: #DA2049 !important;
    }
    .ssug-career-tooltip {
        left: -87px;
    }
    .ssug-career-tooltip::after {
        left: 95px;
    }
    .account-resource-container .ssug-career-tooltip {
        left: -38px;
    }
    .account-resource-container .ssug-career-tooltip::after {
        left: 49px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .resource-box .resource-content {
        padding: 30px 30px 20px 30px;
    }
    .resource-box p {
        width: 100%;
    }

    .resource-box .resource-content .pin-note .fas{
        color: #008fd3!important;
    }
    .resource-box .resource-content .pin-note:hover .fas{
        color: #008fd3!important;
    }
    .resource-box .resource-content .pin-note:hover .fas.active{
        color: #DA2049 !important;
    }
    .resource-box .resource-content .pin-note .fas.active{
        color: #DA2049 !important;
    }
    .ssug-page-content.faq .page-content, .ssug-page-content.enquiry .page-content{
        min-height: 46vh!important;
    }
    .ssug-career-tooltip {
        width: 100px;
    }
}
/*-----------------style for resources end-----------*/
/*-----------------style for footer start-----------*/
footer {
    background: #666666;
    border-top: 5px solid #cccccc;
    text-align: center;
    color: #ffffff;
    padding: 10px 10px;
}
.bottom-fix-footer{
    position: absolute;
    width: 100%;
    bottom: 0px;
}
footer p {
    font-size: 10px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.6);
    padding-top: 10px;
}
footer a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    line-height: 14px;
}
footer a:hover, footer a:focus, footer a:active{
    color: rgba(255, 255, 255, 1);
}
footer ul {
    padding-left: 0px;
    margin: 0px;
}
footer a:hover {
    text-decoration: none;
    color: #ffffff;
}
.footer-content ul.footer-menu li {
    padding: 2px 10px;
    position: relative;
    margin: 0px;
}
.footer-content ul.footer-menu li:after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 10%;
    top: 10%;
    height: 80%;
    width: 1px;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.footer-content ul.footer-menu li:last-child:after {
    display: none;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    footer .footer-content{
        padding: 0px;
    }
    footer a{
        font-size: 12px;
    }
}
/*-----------------style for footer end-----------*/

/*-----------------style for breadcrub nav start-----------*/
.ssug-breadcrub-sec {
    background: transparent;
    margin-bottom: 0px;
    padding: 6px 15px;
}
.ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb {
    padding: 0px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb .breadcrumb-item {
    font-size: 12px;
    line-height: 13px;
    font-weight: 500;
    color: #666666;
}
.ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb .breadcrumb-item.active {
    color: #DA2049;
}
.ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb .breadcrumb-item.active a {
    color: #DA2049;
}
.ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb .breadcrumb-item a {
    color: #666666;
    font-size: 12px;
    line-height: 13px;
    -moz-transition:  color 0.4s ease-out;
    -ms-transition:  color 0.4s ease-out;
    -o-transition:  color 0.4s ease-out;
    transition:  color 0.4s ease-out;
}
.ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb .breadcrumb-item a:hover {
    color: #DA2049;
    text-decoration: none;
}
.ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "\003E";
}
.resource-search-box {
    padding: 30px 15px;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .ssug-breadcrub-nav{
        padding: 0px;
    }
    .ssug-breadcrub-sec .ssug-breadcrub-nav .breadcrumb .breadcrumb-item {
        font-size: 10px;
        line-height: 13px;
    }
}
/*-----------------style for breadcrub nav end-----------*/

/*-----------------style for event featured slider start-----------*/
.sec-event-featured {
    background: #E5DDC8;
    border-top: 5px solid #cccccc;
}
.sec-event-featured .event-featured-slide {
    max-width: 600px;
    float: none;
    margin: 0 auto;
    color: #ffffff;
}
.sec-event-featured .event-featured-slide .hr-block hr{
    border-top: 1px solid #5F484A;
}
.sec-event-featured .event-featured-head {
    text-align: center;
    padding: 20px 15px;
    background: #F5F0E4;
    box-shadow: 1px 0px 5px -1px rgb(0 0 0 / 33%);
    -webkit-box-shadow: 1px 0px 5px -1px rgb(0 0 0 / 33%);
    -moz-box-shadow: 1px 0px 5px -1px rgb(0 0 0 / 33%);
}
.sec-event-featured .event-featured-head .sub-title {
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-size: 20px;
    line-height: 20px;
}
.sec-event-featured .event-featured-body {
    padding: 30px 15px;
}
.event-featured .event-date p.date .day {
    font-size: 68px;
    line-height: 68px;
    font-weight: 300;
}
.event-featured .event-date p.date {
    font-size: 24px !important;
    line-height: 24px !important;
    font-weight: 300;
}
.event-featured .event-date p.date .yy-block {
    padding-left: 20px;
}
.event-featured .event-date p.date .year {
    display: block;
    padding-top: 5px;
}
.event-featured .event-date p.date span {
    padding: 0px 0px;
}
.event-featured .event-title h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 16px;
}
.event-featured .event-title p {
    font-size: 14px;
    line-height: 18px;
}
.event-featured .event-title {
    padding-top: 10px;
}
.event-featured .location {
    color: #5F484A;
    font-size: 16px;
    line-height: 18px;
    float: left;
}
.event-featured .know-more {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
    float: right;
}
.event-featured .know-more a {
    color: #DA2049;
    text-decoration: none;
    position: relative;
    padding-left: 30px;
}
.event-featured .know-more a:before{
    content: url(../images/icons/brown-cta.png);
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.featured-event-carousel .VueCarousel-dot {
    background-color: rgba(255, 255, 255, 0.3) !important;
}
.featured-event-carousel .VueCarousel-dot--active.VueCarousel-dot {
    background-color: rgba(255, 255, 255, 1) !important;
}
@media only screen and (min-width: 200px) and (max-width: 600px){
    .sec-event-featured .event-featured-slide {
        float: left;
        padding: 0px 0px;
    }
    .event-featured .location {
        font-size: 14px;
    }
}
/*-----------------style for event featured slider end-----------*/
.gray-bg{
    background: #f7f7f7;
}
/*-----------------style for account page start-----------*/
.ssug-top-padding{
    padding-top: 100px;
    /*-moz-transition:   padding-top 0.4s ease-out;
    -ms-transition:   padding-top 0.4s ease-out;
    -o-transition:   padding-top 0.4s ease-out;
    transition:   padding-top 0.4s ease-out;*/
}
.ssug-account-page {
    /*background: #ffffff;*/
    padding-top: 100px;
    min-height: 100vh;
}
.sec-account-operation .account-content {
    margin-bottom: 40px;
}
.sec-account-operation .account-nav {
    background: #ffffff;
    padding: 20px 15px;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 2px 2px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 1px 2px 2px 0px rgba(204, 204, 204, 1);
    box-shadow: 1px 2px 2px 0px rgba(204, 204, 204, 1);
}
.sec-account-operation .account-nav ul {
    padding-left: 0px;
}
.sec-account-operation .account-nav ul li {
    display: block;
}
.sec-account-operation .account-nav ul li a {
    padding: 10px 10px;
    display: block;
    color: #6d6d6d;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    position: relative;
    -moz-transition: color 0.1s ease-in, background-color 0.2s ease-out;
    -ms-transition: color 0.1s ease-in, background-color 0.2s ease-out;
    -o-transition: color 0.1s ease-in, background-color 0.2s ease-out;
    transition: color 0.1s ease-in, background-color 0.2s ease-out;
}
.sec-account-operation .account-nav ul li a:hover,
.sec-account-operation .account-nav ul li a:active,
.sec-account-operation .account-nav ul li a:focus {
    color: #DA2049;
    text-decoration: none;
}

.sec-account-operation .account-nav ul li a.active {
    color: #DA2049;
}
.sec-account-operation .account-nav ul li a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 4px;
    left: 10px;
    height: 2px;
    width: 12%;
    background-color: #DA2049;
    transform-origin: right top;
    z-index: 1;
    transform: scale(0, 1);
    -moz-transition: color 0.1s, transform 0.2s ease-out;
    -ms-transition: color 0.1s, transform 0.2s ease-out;
    -o-transition: color 0.1s, transform 0.2s ease-out;
    transition: color 0.1s, transform 0.2s ease-out;
}
.sec-account-operation .account-nav ul li a:hover::after,
.sec-account-operation .account-nav ul li a:focus::after,
.sec-account-operation .account-nav ul li a.active::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
.sec-account-operation .account-op {
    padding: 0px 0px 50px 40px;
}
.sec-account-operation .account-op .content-holder {
    width: 90%;
    padding: 0px 0px;
}
.sec-account-operation .account-op .content-holder.item_account_op {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    -moz-transition: height 0.3s cubic-bezier(0.33, -0.07, 0.47, 0.93),
        opacity 0.8s ease-out;
    -ms-transition: height 0.3s cubic-bezier(0.33, -0.07, 0.47, 0.93),
        opacity 0.8s ease-out;
    -o-transition: height 0.3s cubic-bezier(0.33, -0.07, 0.47, 0.93),
        opacity 0.8s ease-out;
    transition: height 0.3s cubic-bezier(0.33, -0.07, 0.47, 0.93),
        opacity 0.8s ease-out;
}
.sec-account-operation .account-op .content-holder.item_account_op.active_item {
    height: 100%;
    opacity: 1;
    display: block;
}
.sec-account-operation .account-op .account-op-content {
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(204, 204, 204, 1);
    box-shadow: 2px 2px 2px 0px rgba(204, 204, 204, 1);
    padding: 30px 15px;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
img.profile-pic {
    height: 120px;
    width: 120px;
    border-radius: 100%;
    padding: 3px;
    border: 3px solid #DA2049;
}
.your-photo {
    display: block;
    margin-bottom: 30px;   
}
.frm-profile-content .your-photo{
    width: 120px;
    position: relative;
}
.your-photo img.image-edit{
    position: absolute;
    bottom: 10px;
    right: 2px;
    width: 28px;
    border-radius: 100%;
    border: 2px solid #DA2049;
    display: none;
}
.your-photo img.image-edit.active{
    display: none;
    display: block;
}
.ssug-form .form-control:focus {
    border-color: #dddddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ssug-form .form-control[readonly] {
    background-color: #eeeeee;
    border-color: #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ssug-form .form-control[readonly]:focus {
    background-color: #eeeeee;
    border-color: #eeeeee;
}
.ssug-form.frm-profile-content .btn-submit {
    margin-top: 20px;
}
.ssug-form.frm-profile-content select.form-control{
    box-shadow: none;
}
.ssug-form.frm-profile-content select.form-control[disabled="disabled"]{
    box-shadow: none;
    border: none;
}
.account-conference-container .event-head .name {
    display: block;
    text-align: right;
    padding: 15px 30px 6px;
}
.account-conference-container
    .calendar-event
    .calendar-event-content
    a.cta-knowmore {
    float: right;
    padding: 0px 15px;
}
.account-conference-container .event-head,
.account-conference-container .event-head .date,
.account-conference-container .event-head .name {
    min-height: 100%;
}
.account-conference-container .event-head .date {
    padding: 0px 15px 0px;
}
.account-filter-box {
    padding: 10px 0px 30px;
}
.account-filter-box .ssug-ddn-placeholder {
    border: 1px solid #999999;
    background: #ffffff;
    color: #999999;
}

.account-filter-box span.ddn-indicator::before {
    content: "\f078";
    color: #999999;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px !important;
    line-height: 18px;
    text-rendering: auto;
}
.account-resource-container .resource-box p {
    width: 100%;
}
.account-resource-container .resource-box .resource-content {
    padding: 40px 20px 30px 30px;
}
.item_hidden {
    display: none;
}
.account-op-content .active_item {
    display: block;
}
.account-op-content a.change-password{
    text-align: center;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 10px;
    text-decoration: none;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.account-op-content a.change-password:hover{
    background-color: #cccccc;
    color:#ffffff;
}
.account-op-content .change-password-content{
   /* height: 0px;
    overflow: hidden;*/
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.account-op-content .change-password-content.active{
    /*height: auto;*/
    /*overflow: hidden;*/
    opacity: 1;
}
.ssug-account-page .info-band{
    margin-top: 0px;
    padding: 0px;
}
.ssug-account-page  .info-band .band{
    max-width: 490px;
    margin: 0 auto;
    float: none;
}
.ssug-account-page .info-band.visible-xs{
    margin-top: 20px;
    padding: 0px;
}

@media only screen and (min-width: 200px) and (max-width: 767px){
    .sec-account-operation .account-op{
        padding: 0px 0px 50px 0px;
    }
    .sec-account-operation .account-op .account-op-content{
        background: transparent;
        box-shadow: none;
        padding: 30px 0px;
    }
    .sec-account-operation .account-op .content-holder {
        width: 100%;
    }
    .account-filter-box .ssug-ddn-wrapper{
        padding-left: 0px;
    }
    .sec-account-operation .account-op .account-conference-container{
        padding: 0px;
    }
    .sec-account-operation .account-op .account-conference-container 
    .calendar-event .calendar-event-content {
        background: #ffffff;
    }
    .sec-account-operation .account-nav{
        box-shadow: none;
        padding: 0px 0px;
    }
    .account-op-content .account-nav a{
        display: block;
        position: relative;
        color: #666666;
        padding: 6px 15px;
        font-weight: 600;
    }
    .account-op-content .account-nav a:after{
        content: "\f078";
        color: #999999;
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 20px !important;
        line-height: 18px;
        text-rendering: auto;
        position: absolute;
        width: 18px;
        height: 18px;
        top: 50%;
        right: 51%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
         -moz-transition: transform 0.3s ease-in-out;
        -ms-transition: transform 0.3s ease-in-out;
        -o-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }
    .account-op-content .account-nav a.active:after{
        transform: rotate(180deg) translate(40%, 40%);
    }
    .account-op-content .account-nav a:hover,
    .account-op-content .account-nav a:active,
    .account-op-content .account-nav a:focus {
        color: #DA2049;
        text-decoration: none;
        font-weight: 600;
    }
    .sec-account-operation .account-nav a.active {
        color: #DA2049;
        font-weight: 600;
    }
    .sec-account-operation .account-op .content-holder.item_account_op .profile-container{
        padding-bottom: 20px;
    }
    .sec-account-operation .account-op .content-holder.item_account_op .profile-container,
    .sec-account-operation .account-op .content-holder.item_account_op .profile-content{
        padding-left: 0px;
        padding-right: 0px;
    }
    .frm-profile-content .your-photo {
        margin: 0px auto 20px;
    }
    /*.frm-profile-content.ssug-form .form-control{
        margin-bottom: 10px;
    }*/
    /*.frm-profile-content.ssug-form .form-group{
        margin-bottom: 0px;
    }*/
    .frm-profile-content.ssug-form .form-control[readonly], .frm-profile-content.ssug-form select.form-control[disabled="disabled"]{
        background-color: #ffffff;
        border-color: #ffffff;
    }
    .frm-profile-content.ssug-form select.form-control{
        border: 1px solid #ccc;
    }
    .ssug-ddn-wrapper.interest-ddn.profile-pg .ssug-ddn-placeholder{
        border: 1px solid #ffffff!important;
        background: #ffffff!important;
    }
    .ssug-ddn-wrapper.interest-ddn.white .ssug-ddn-placeholder{
        border: 1px solid #cccccc!important;
    }
    .account-resource-container .resource-box .resource-content {
        padding: 40px 0px 20px 0px;
        margin-bottom: 0px;
    }
    .account-resource-container .resource-box{
        padding: 0px 0px;
        border-bottom: 1px solid #999999;
    }
    .item_account_op  .account-filter-box.resources {
        padding: 10px 0px 0px;
    }
    .account-conference-container .event-head .name {
        padding: 15px 10px 6px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .sec-account-operation .account-op .content-holder {
        width: 100%;
    }
    .account-conference-container .event-head .name {
        padding: 15px 10px 6px;
    }
    
}
/*-----------------style for account page end-----------*/

/*-----------------style for Event Description page start-----------*/
.event-des-banner {
    background-color: #5F484A;
    background-size: cover;
    background-position: top right;
    padding: 40px 0px;
    border-bottom: 5px solid #E1925E;
}
.event-des-banner .event-banner-content .title-heading {
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    width: 70%;
}
.event-des-banner .event-banner-content ul.event-conducted {
    padding-left: 0px;
    margin-top: 20px;
}
.event-des-banner .event-banner-content ul li {
    padding-left: 60px;
    position: relative;
    padding-right: 40px;
    margin-top: 20px;
}
.event-des-banner .event-banner-content ul li span {
    font-size: 13px;
    line-height: 16px;
    color: #ffffff;
    display: block;
    font-weight: 400;
}
.event-des-banner .event-banner-content ul li.date:before {
    content: url(../images/icons/calendar.png);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 40px;
}
.event-des-banner .event-banner-content ul li.time:before {
    content: url(../images/icons/clock.png);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 40px;
}
.event-des-banner .event-banner-content ul li.location {
    padding-left: 45px;
}
.event-des-banner .event-banner-content ul li.location:before {
    content: url(../images/icons/location.png);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 40px;
}
.stripped-title {
    position: relative;
    margin-bottom: 40px;
    font-weight: 600;
}
.stripped-title:after {
    position: absolute;
    content: "";
    border-bottom: 3px solid #5F484A;
    bottom: -8px;
    width: 60px;
    height: 2px;
    left: 0px;
}
.event-description {
    max-width: 800px;
    margin: 0px auto;
    float: none;
}
.stripped-title.left-st:after {
    left: 0px;
}
.stripped-title.center-st:after {
    left: 0%;
    right: 0%;
    margin: 0 auto;
}
.instruction-para {
    font-size: 23px;
    line-height: 28px;
    padding-top: 20px;
    font-weight: 400;
    color:  #666;
}
.event-dec-content {
    padding: 40px 15px;
}
.event-dec-content.event-download {
    background-color: #cccccc;
}
.event-dec-content.event-download .event-download-links {
    text-align: center;
    max-width: 800px;
    margin: 0px auto;
    float: none;
}
.event-dec-content.event-download
    .event-download-links
    .ssug-button-group.download-button {
    display: flex;
    justify-content: center;
}
.event-presenter-details {
    text-align: center;
}
.event-presenter-details .presenter-content {
    text-align: center;
    max-width: 800px;
    margin: 0px auto;
    float: none;
}
.event-presenter-details .presenter-content .cta{
    margin-top: 25px;
}
.event-presenter-details .presenter-content .cta .btn-ssug.btn-submit{
    margin-right: 10px;
}
.ico-circle.share-event {
    margin-top: 30px;
    padding-left: 0px;
}
.ico-circle.share-event li:first-child {
    font-size: 14px;
    padding-right: 10px;
    color: #666666;
    font-weight: 500;
}
.ico-circle .fab {
    color: #fff;
    background-color: #99cccc;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    width: 25px;
    height: 25px;
    padding-top: 6px;
    margin: 0 1px;
    transition: all 0.5s;
}
.ico-circle li {
    padding-left: 0px;
    padding-right: 0px;
}
.ico-circle .fab:hover {
    color: #ffffff;
    background-color: #0076cb;
}
/*.event-presenter-details .btn-submit {
    margin-top: 30px;
}*/
.light-green-text {
    color: #4fb81c;
}
.green-text {
    color: #f2c327;
}
.bold-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.reg-conf{
    padding-top: 30px;
    font-size: 22px;
}

@media only screen and (min-width: 200px) and (max-width: 767px){
    .event-des-banner .event-banner-content .title-heading {
        font-size: 28px;
        line-height: 32px;
        width: 100%;
    }
   .event-presenter-details .btn-submit {
        margin-top: 10px;
    }
    .event-des-banner {
        background-color: #132b4f;
        background-size: cover;
        background-position: top left;
        padding: 40px 0px;
        border-bottom: 3px solid #DA2049;
    }
    .instruction-para {
        font-size: 18px;
        line-height: 22px;
    }
}
@media only screen and (min-width: 200px) and (max-width: 360px){
    .event-des-banner .event-banner-content ul li {
        padding-left: 47px;
        position: relative;
        padding-right: 20px;
        margin-top: 40px;
        width: 50%;
        float: left;
    }
    .event-des-banner .event-banner-content ul.event-conducted {
        margin-top: 10px;
    }
}
@media only screen and (min-width: 361px) and (max-width: 600px){
    .event-des-banner .event-banner-content ul li {
        padding-left: 56px;
        position: relative;
        padding-right: 20px;
        margin-top: 40px;
        width: 50%;
        float: left;
    }
    .event-des-banner .event-banner-content ul.event-conducted {
        margin-top: 10px;
    }
    .event-des-banner .event-banner-content ul li.location::before {
        padding-left: 10px;
    }
    .event-des-banner .event-banner-content ul li.location {
        padding-left: 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .event-des-banner .event-banner-content .title-heading {
        width: 80%;
    }
}
@media only screen and (min-width:993px) and (max-width:1199px){
    .event-des-banner .event-banner-content{
        width: 100%;
    }
    .event-des-banner .event-banner-content .title-heading {
        width: 80%;
    }
}
/*-----------------style for Event Description page end-----------*/

/*-----------------style form and modals start-----------*/
.ssug-user-from .form-control{
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 37px;
}
.ssug-user-from-membership textarea.form-control{
    height: auto;
    resize: none;
}
.ssug-user-from  .form-group{
    margin-bottom: 25px;
}
.ssug-user-from  .form-group.last-child{
    margin-bottom: 0px;
}
.sweet-modal{
    /*border-top: 8px solid #E1925E;
    border-left: transparent; */
    position: relative;
}
.sweet-modal:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 90%;
    height: 10px;
    margin: 0 auto;
    background-color: #E1925E;
}
.ssug-user-modal .sweet-modal.is-alert .sweet-content{
    text-align: left;
    float: left;
    width: 100%;
}
.ssug-user-modal .sweet-modal.is-alert .sweet-content .btn-ssug{
    border: 1px solid #DA2049;
}
.ssug-user-modal  .title-heading{
    text-align: center;
    color: #DA2049;
    font-weight: 600;
}
.ssug-user-modal .sweet-modal-icon.sweet-modal-error .sweet-modal-line {
    top: 29px;
    height: 4px;
    width: 45px;
    background-color: #DA2049;
}
.ssug-user-modal .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-left {
    left: 8px;
}
.ssug-user-modal .sweet-modal .sweet-content .sweet-modal-icon {
    margin-bottom: 20px;
}
.ssug-user-modal .sweet-modal-icon.sweet-modal-error .sweet-modal-line.sweet-modal-right {
    left: 8px;
}
.ssug-user-modal .sweet-modal-icon.sweet-modal-error {
    border-color: #DA2049;
}

.ssug-user-modal .sweet-modal-icon {
    position: relative;
    width: 60px;
    height: 60px;
}
.ssug-user-modal .sweet-modal-icon.sweet-modal-warning .sweet-modal-body {
    width: 5px;
    height: 26px;
}
.forgotpassword{
    padding-left: 20px;
}

.sweet-modal-overlay {
  background: rgba(0, 0, 0, 0.5)!important;
}
.error-msg, .invalid-feedback{
    float: left;
    color: #DA2049!important;
    font-size: 12px!important;
    line-height: 16px!important;
    margin-bottom: 0px;
    font-weight: 300;
    margin-left: 0px;
}
.error-msg label, .invalid-feedback label{
    color: #DA2049!important;
    font-size: 12px!important;
    line-height: 16px!important;
    margin-bottom: 0px;
    font-weight: 300;
    margin-left: 0px;
}
a.forgotpassword{
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
}
.cdn-agree.inactive{
    min-height: 40px;
}
.cdn-agree.inactive .checkbox{
    display: none;
}
.cdn-agree .checkbox{
    position: relative;
    padding-left: 20px;
}
.cdn-agree .checkbox label{
    font-size: 14px;    
}
.cdn-agree .checkbox input[type="checkbox"]{
    top: 2px;
}
.checkbox .invalid-feedback label{
    padding-left: 0px;
    margin-bottom: 5px;
}
.ssug-user-modal .sweet-modal .sweet-box-actions .sweet-action-close:hover {
    background: transparent!important;
    color: #DA2049!important;

}
.ssug-user-from  .form-title{
    padding: 20px 15px;
    text-align: center;
}
.signup-modal .modal-body{
    padding: 0px 30px;
}
.frm-reg-event{
    padding: 20px 30px;
    display: block;
    float: left;
    width: 100%;
}

.checkbox label{
    font-size: 13px;
    line-height: 20px;
    color: #666666;
}
.reg-conf p{
    font-size: 16px;
    line-height:22px;
}
.reg-conf p a{
    font-size: 20px;
    line-height:22px;
    cursor: pointer;
}
.reg-conf p a:hover{
    text-decoration: underline;
}
.reg-conf p span {
    padding: 0px 10px;
    font-size: 20px;
}
.membership-modal .modal-description{
    margin-bottom: 15px;
}
@media only screen and (min-width: 200px) and (max-width: 767px){
    .sweet-modal.is-mobile-fullscreen.is-visible {
        width: 100%!important;
    }
    .ssug-user-modal .modal-body, .ssug-user-modal .login-modal-sec {
        padding-left: 0px;
        padding-right: 0px;
    }
    .ssug-user-modal .login-modal-sec .btn-ssug.btn-submit{
        margin-top: 20px;
    }
    .ssug-modal-vcenter .sweet-modal .sweet-content{
        padding-top: 50% !important;
    }

}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .ssug-user-modal .sweet-modal{
        width: 80%!important;
    }
}
/*-----------------style form and modals end-----------*/


/*-----------------style for SSUG FAQ, About Us, Enquiry start-----------*/
.ssug-page-banner{
    background:#cccccc;
    background-size: cover;
    background-position: center center; 
    height: 289px;
    border-bottom: 5px solid #cccccc;
    position: relative;
}
.ssug-page-banner:after{
    content: "";
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0.1) 55%);
    position: absolute;
    z-index: 1;
}
.ssug-page-container{
    max-width: 800px;
    float: none;
    margin: 0 auto;   
}
.ssug-page-banner .banner-content{
    display: table-cell;
    float: none;
    vertical-align: bottom;
    height: 289px;
    position: relative;
    z-index: 2;
}
.ssug-page-banner .banner-content .title-heading{
    font-weight: 300;
    font-size: 38px;
    line-height: 46px;
}
.ssug-page-content .page-content{
    padding: 40px  15px;
}

/*-----------------style for FAQ start-----------*/

.ssug-page-banner.faq{
    background:url(../images/faq-banner.jpg) no-repeat rgba(240, 171, 0, 0.3);
    background-size: cover;
    background-position: center center; 
}
.ssug-page-content.faq .page-content{
    padding: 40px 0px 30px 0px;
    min-height: 38vh;
}
.window-min-height{
    min-height: 100vh;
}
.ssug-page-content.faq .ssug-panel-default.panel{
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #cccccc;
    border-radius: 0px;
    padding-left: 45px;
}
.ssug-page-content.faq .ssug-panel-default.panel.active{
     border: 1px solid #ccc;
     border-radius: 5px;
}
.ssug-panel-default .ssug-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit;
}
.ssug-panel-default .panel-body{
    padding: 15px 0px;
}
.ssug-panel-default>.ssug-panel-heading {
    color: #333;
    border-color: #000000 !important;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
   
}
.ssug-panel-default>.ssug-panel-heading .ssug-panel-title {
    display: block;
    padding: 15px 15px 15px 0px;
    color: #DA2049;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    font-size: 20px;
    cursor:pointer;
}
.ssug-panel-default>.ssug-panel-heading .ssug-panel-title.collapsed{
    font-weight: 400;
    color: #DA2049;
}

.ssug-panel-default>.ssug-panel-heading .ssug-panel-title[aria-expanded=true]:after {
    content: url(../images/icons/minus.png);
    font: normal normal normal 14px/1 FontAwesome;
    color: #0076cb;
    position: absolute;
    top: 50%;
    left: -4%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    padding: 15px 0px 15px 0px;
}
.ssug-panel-default>.ssug-panel-heading .ssug-panel-title[aria-expanded=false]:after {
    content: url(../images/icons/plus.png);
    font: normal normal normal 14px/1 FontAwesome;
    color: #0076cb;
    position: absolute;
    top: 50%;
    left: -4%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    padding: 15px 0px 15px 0px;
}

/*-----------------style for FAQ end-----------*/

/*-----------------style for About Us start-----------*/

.ssug-page-banner.aboutus{
    background:url(../images/aboutus-banner.jpg) no-repeat rgba(0, 0, 0, 0.3);
    background-size: cover;
    background-position: center center; 
}
.aboutus-content ul{
    padding-left: 15px;
}
.aboutus-content ul li {
    list-style: disc;
    display: list-item;
    color: rgba(255, 255, 255, 1);

}
.aboutus-content ul li span{
    color: #6d6d6d;
}
.aboutus-overview{
    padding: 20px 0px 30px;
}
.aboutus-overview p{
    color: #6d6d6d;
}
.aboutus-content .content-item{
    padding-bottom: 20px;
}
.aboutus-content .content-item .sub-title{
    margin-bottom: 10px;
}
.aboutus-items{
    padding-top: 30px;
    padding-bottom: 30px;
}
.aboutus-item {
    margin-bottom: 0;
    padding-bottom: 0px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
}

.aboutus-item + .aboutus-item {
    margin-top: 10px;
}

.aboutus-item .title h3{
    margin: 0px;
}
.aboutus-item .title a {
    display: block;
    position: relative;
    padding: 15px 35px 15px 20px;
    z-index: 0;
    font-size: 14px;
    line-height: 15px;
    color: #666;
    text-decoration: none;
}

.aboutus-item .title a.collapsed {
    color: inherit;
}

.aboutus-item .title a:before {
    content: "\f106";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    line-height: 26px;
}

.aboutus-item .title a.collapsed:before {
    content: "\f107";
}

.aboutus-item .content--inner {
    padding: 0 20px 5px;
}

.aboutus-item.item-style {
    position: relative;
    background-color: #ffffff;
    border-width: 0;
    overflow: hidden;
    z-index: 0;
}
.aboutus-item.item-style{
    visibility: visible;
    -webkit-transform: translateY(0) scale(1);
    opacity: 1;
    transform: translateY(0) scale(1);
    opacity: 1;
    -webkit-transition: color 0.25s ease 0s, background-color 0.25s ease-in-out 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transition: color 0.25s ease 0s, background-color 0.25s ease-in-out 0s, transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}
.aboutus-item.item-style.opened {
    color: #fff;
    background-color: #DA2049;
}

.aboutus-item.item-style.opened .title a {
    color: #ffffff;
}
.aboutus-content .aboutus-item.item-style .content-item .sub-title{
     color: #ffffff;
}
.aboutus-content .aboutus-item.item-style.opened ul li{
    padding-bottom: 5px;
}
.aboutus-content .aboutus-item.item-style.opened ul li span{
    color: #ffffff;
}
.aboutus-item.item-style .title a.collapsed {
    color: inherit;
}
.aboutus-item.item-style .content--inner {
    padding-top: 10px;
    padding-bottom: 13px;
}
.info-band{
    margin-top: 30px;
}
.info-band .band{
    color: #ffffff;
    background-color: #DA2049;
    padding: 10px 15px;
}
.info-band .band p{
    color: #ffffff;
    margin-bottom: 0px;
}
.info-band .band a{
    color: #ffffff;
}
.info-band .band a:hover{
    color: #E5DDC8;
}
/*-----------------style for About Us end-----------*/

/*-----------------style for Enquiry start-----------*/
.ssug-page-banner.enquiry{
    background:url(../images/enquiry-banner.jpg) no-repeat rgba(240, 171, 0, 0.3);
    background-size: cover;
    background-position: center center; 
}
/*-----------------style for Enquiry end-----------*/
.ssug-page-content.enquiry .page-content{
    padding: 40px 15px 80px;
    min-height: 38vh;
}

.ssug-form.enquiry-form .enquiry-item{
    padding: 0px 0px 0px;
}
.ssug-form.enquiry-form .enquiry-item .form-control{
    border-color: #eeeeee;
    box-shadow: none;
}
.ssug-form.enquiry-form .enquiry-item  .form-control:focus {
    border-color: #dddddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    
    .ssug-panel-default > .ssug-panel-heading .ssug-panel-title {
        font-size: 16px;
        line-height: 22px;
    }
    .ssug-page-banner.faq{
        background:url(../images/faq-banner-mob.jpg) no-repeat rgba(240, 171, 0, 0.3);
        background-size: cover;
        background-position: center center; 
    }
    .ssug-page-banner.enquiry{
        background:url(../images/enquiry-banner-mob.jpg) no-repeat rgba(240, 171, 0, 0.3);
        background-size: cover;
        background-position: center center; 
    }
    .ssug-page-banner.aboutus{
        background:url(../images/aboutus-banner-mob.jpg) no-repeat rgba(240, 171, 0, 0.3);
        background-size: cover;
        background-position: left 10% center; 
    }
    
}
@media only screen and (min-width: 320px) and (max-width: 520px){
    .ssug-page-content.faq .page-content {
        padding: 20px 0px 30px 0px;

    }
    .ssug-page-container {
        padding: 0px 0px;
    }
    .ssug-panel-default > .ssug-panel-heading .ssug-panel-title[aria-expanded="false"]::after,
    .ssug-panel-default > .ssug-panel-heading .ssug-panel-title[aria-expanded="true"]::after { 
        padding: 15px 20px 15px 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .ssug-page-container {
        max-width: 700px;
    }
    .ssug-panel-default > .ssug-panel-heading .ssug-panel-title {
        font-size: 18px;
        line-height: 24px;
    }
}
.notices .toast-error{
    background-color: #DA2049!important;
}
/*-----------------style for SSUG FAQ, About Us, Enquiry end-----------*/
/*-----------------style for SSUG FAQ, About Us, Enquiry end-----------*/

/*-----------------style for imagecropper stat-----------*/
.profile-content .vicp-step1,
.profile-content .vicp-step2 {
    padding-top: 40px;
    position: relative;
    text-align: center;
}
.profile-content .vue-image-crop-upload .vicp-wrap{
    border-top: 5px solid #DA2049;
}
.profile-content .vicp-step1:before {
    position: absolute;
    content: "Upload your picture";
    width: 100%;
    left: 0;
    top: -12px;
    font-size: 28px;
    line-height: 34px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #6d6d6d;
    text-align: center;
}

.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate, 
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-operate{
    position: absolute;
    right: 22%!important;
    left: 22%!important;
    bottom: -40px!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-operate{
    bottom: 80px!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-operate a{
    padding: 0px 40px;
}
.profile-content .vicp-step2:before {
    position: absolute;
    content: "Crop your picture";
    width: 100%;
    left: 0;
    top: -12px;
    font-size: 28px;
    line-height: 34px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #6d6d6d;
}
.vue-image-crop-upload .vicp-wrap .vicp-operate a {
    background:#336699;
    font-weight: 400;
    width: 130px!important;
    color: #ffffff!important;
    border: none;
    font-size: 18px;
    line-height: 18px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    border-radius: 4px!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover, 
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-operate a:active, 
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-operate a:focus {
    color: #ffffff;
    background:#DA2049!important;
}

.profile-content .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {
    background: rgba(1, 142, 223, .5)
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover{
    background: rgba(1, 142, 223, 0.5);
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-operate {
    position: absolute;
    right: 2%;
    bottom: -30%;
    width: 100%
}
/*.vicp-close{
    display: none;
}*/
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-close {
    position: absolute;
    right: 7px;
    top: 5px;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {
    box-shadow: none!important;
    background-color: #b4aeae!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap {
    height: 380px !important;
    padding: 50px 50px 30px !important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate{
    width: 100%;
    display: inline-flex;
    right: 0px;
    bottom: -48px;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate a{
    width: 50%;
    margin: 0px;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate a.vicp-operate-btn{
    margin-left: 20px;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {
    float: none!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle{
    width: 90%;
    margin-left: 30px;
    height: 184px;
    background: #eeeeee;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {
    height: 100%;
}
.profile-content.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25), 0 0 1px 0 rgba(0,0,0,0.3);
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type="range"]::-moz-range-thumb {
    background-color: #F17918!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type="range"]::-moz-range-track {
    background-color:rgba(241, 121, 24, 0.3);
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type="range"]::-moz-range-thumb {
    background-color: #F17918!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type="range"]:actve::-moz-range-thumb{
    background-color: #F17918!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {
    bottom: 15px;  
    padding-right: 7px;
    color: #000000;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {
    transform: none!important;
}
.profile-content .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover::before, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover::after {
    background-color: rgba(1, 142, 223, 1)!important;
}

@media only screen and (min-width:320px) and (max-width: 767px){
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {
        overflow-y: scroll!important;
        max-height: 434px!important;
    }
    .profile-content .vue-image-crop-upload .vicp-wrap {
        width: 100%!important;
        height: 100%!important;
    }
    
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {
        max-width: 240px;
        margin: 0 auto;
        float: none;
    }
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate{
        bottom: -100px!important;
    }
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-operate{
        bottom: 100px!important;
    }
    .profile-content .vue-image-crop-upload .vicp-wrap {
        padding: 50px 20px 30px !important;
    }
    

}
@media only screen and (max-height:380px){
    .profile-content .vicp-step1, .profile-content .vicp-step2, .profile-content .vicp-step3{
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 50px;
    }
}
@media only screen and (min-width:320px) and (max-width: 480px){
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {
        width: 100%;
        display: block;
        float: none!important;
    }
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {
        width: 100%;
        display: block;
        float: none!important;
    }
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {
        max-width: 250px;
        margin: 0 auto;
    }
    
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-operate {

        bottom: unset !important;
        top: 271px;
        width: 100%;
        padding: 0px 9%;
        left: 0px !important;
        right: 0px !important;

    }
    .profile-content .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate{
        width: 100%;
        padding: 0px 9%;
        left: 0px !important;
        right: 0px !important;

    }
}
/*-----------------style for imagecropper end-----------*/
/*-----------------style for terms and conditions start-----------*/
.terms-condition p{
    padding-bottom: 10px;
}
.terms-condition ul li{
    display: list-item;
    list-style: disc;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 5px;
}
.terms-condition .sub-title{
    margin-bottom: 10px;
}
.terms-condition .title-heading{
    font-weight: 600;
}
/*-----------------style for terms and conditions end-----------*/
/*-----------------style for special interest drop down start-----------*/
.ssug-ddn-wrapper.interest-ddn .ssug-ddn-placeholder{
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    min-height: 37px;
    border-radius: 4px;
    color: #555;
    font-weight: 400;
}
.ssug-ddn-wrapper.interest-ddn.profile-pg .ssug-ddn-placeholder{
    background: #eeeeee;
}
.ssug-ddn-wrapper.interest-ddn.profile-pg.white .ssug-ddn-placeholder{
    border: 1px solid #cccccc;
    background: #ffffff;
  
}
.ssug-ddn-wrapper.interest-ddn .ssug-ddn-placeholder span.ddn-indicator::before {
    content: "\25BE";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #000;
    font-size: 17px;
}
.ssug-ddn-wrapper.interest-ddn .ssug-ddn-placeholder span.ddn-indicator {
    right: 48.5%;
}
.ssug-ddn-wrapper.interest-ddn ul.ssug-ddn-list {
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
}
.ssug-ddn-wrapper.interest-ddn ul.ssug-ddn-list li{
    cursor: default;
}
.ssug-ddn-wrapper.interest-ddn ul.ssug-ddn-list li label{
    font-weight: 400;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0px;
}
.ssug-ddn-wrapper.interest-ddn ul.ssug-ddn-list li label input{
     margin-top: 0px;
}
.ssug-ddn-wrapper.interest-ddn ul.ssug-ddn-list li label span{
    padding-left: 5px;
}
@media only screen and (min-width:200px) and (max-width: 768px){
    .ssug-ddn-wrapper.interest-ddn .ssug-ddn-placeholder span.ddn-indicator {
        right: 49%;
    }
}
/*.ssug-ddn-wrapper.interest-ddn .ssug-ddn-placeholder span.name span{
    position: relative;
    padding-right: 10px;
}
.ssug-ddn-wrapper.interest-ddn .ssug-ddn-placeholder span.name span:after{
    content: ",";
    right: -5px;
    bottom: 0px;
    position: absolute;
    padding-right: 10px;
}
.ssug-ddn-wrapper.interest-ddn .ssug-ddn-placeholder span:last-child span:after{
    display: none;
}*/
/*-----------------style for special interest drop down end-----------*/
/*.aboutus-items .title .h2 {
    margin-top: 2px;
    max-width: 380px;
}*/

/*-----------------style for special interest drop down end-----------*/
/*-----------------style for country code drop down start-----------*/
.ssug-form-mobile{
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.ssug-form-mobile .ssug-country-code{
    padding-right: 10px;
}
.ssug-form-mobile .ssug-mob-no{
    width: 100%;
}
.vue-country-select li.dropdown-item{
    width: 100%;
    font-weight: 200;
}
.vue-country-select li.dropdown-item strong{
   font-weight: 300; 
}
.signup-modal .vue-country-select{
    border-color: #f5f5f5!important;
}
.ssug-form.enquiry-form .enquiry-item .vue-country-select{
    border-color: #eeeeee;
}

.vue-country-select .dropdown:hover {
    background-color: transparent!important;
}
.vue-country-select{
    background-color: #ffffff!important;
    height: 34px;
}
.signup-modal .vue-country-select{
    height: 37px;
}
.vue-country-select.readonly{
    background-color: #eee!important;
    border: none !important;
    position: relative;
}
.vue-country-select.readonly:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.frm-profile-content .vue-country-select .dropdown-list{
    width: 300px!important;
}
.signup-modal .vue-country-select .dropdown {
    background-color: #f5f5f5!important;
}
.vue-country-select:focus-within {
    box-shadow: none!important;
    border-color: #dddddd!important;
}
.vue-country-select .country-code {
    padding-left: 5px;
    padding-right: 5px;
}
.vue-country-select .dropdown.open {
    background-color: transparent!important;
}
.signup-modal .vue-country-select .dropdown.open {
    background-color: #f5f5f5 !important;
}
@media only screen and (min-width: 0px) and (max-width: 320px){
    .ssug-form-mobile .ssug-country-code {
        width: 33%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 480px){
    .ssug-form-mobile .ssug-country-code {
        width: 30%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    .vue-country-select.readonly{
        background-color: #ffffff!important;
    }
    .vue-country-select .dropdown-list {
        width: 319px!important;
    }
}
/*-----------------style for country code drop down end-----------*/
/*-----------------style for SIG start-----------*/
.ssug-page-banner.sigs{
    background:url(../images/sig-banner.jpg) no-repeat rgba(0, 0, 0, 0.3);
    background-size: cover;
    background-position: center center; 
}
.sig-page-content{
    padding: 40px 0px;
}
.ssug-table-row{
    display: flex;
    float: none;
}
.ssug-table-row .ssug-table-items{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin: 15px 15px;
    padding: 20px 20px;
}
.sig-page-content .ssug-table-row ul{
    padding-left: 17px;
}
.sig-page-content .ssug-table-row ul li{
    display: list-item;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    list-style-type: disc;
}
.sig-page-content .ssug-table-row .clearfix-item{
    visibility: hidden;
}
.sig-page-content .sig-icon{
    max-width: 70px;
    margin-bottom: 20px;
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    .ssug-table-row{
        display: block;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .ssug-table-row .ssug-table-items{
        margin: 15px 0px;
    }
    .sig-page-content .ssug-table-row .clearfix-item{
        display: none;
    }
    .ssug-page-banner.sigs{
        background:url(../images/sig-banner-mob.jpg) no-repeat rgba(0, 0, 0, 0.3);
        background-size: cover;
        background-position: center center; 
    }
    .ssug-page-banner.sigs .banner-content .title-heading {
        font-size: 24px;
        line-height: 28px;
    }
}
/*-----------------style for SIG end-----------*/
/*-----------------style for unsubscribe start-----------*/
.ssug-page-banner.unsubscribe{
    background: #132b4f;
    background-size: cover;
    background-position: center center;
    height: 130px;
    border-bottom: 5px solid #DA2049;
}
.ssug-page-banner.unsubscribe .banner-content {
    vertical-align: middle;
    height: 130px;
}
.ssug-page-banner.unsubscribe .banner-content .title-heading{
    margin-bottom: 0px;
}
.ssug-page-content .unsubscribe-content{
    padding-top: 40px;
    padding-bottom: 100px;
}
.ssug-page-content .unsubscribe-content .ssug-form{
    padding-top: 30px;
}
.ssug-page-content .unsubscribe-content .form-control{
    border-radius: 0px;
}
.ssug-page-content .unsubscribe-content .sub-title{
    margin-top: 30px;
}
.ssug-page-content .unsubscribe-content .ssug-form .btn-ssug {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    border-radius: 0px;
    padding: 7px 25px;
}
.btn-ssug.ssug-btn-close{
    background-color: transparent;
    border: 1px solid #DA2049;
    color: #DA2049;
    font-size: 16px;
}
.btn-ssug.ssug-btn-close:hover{
    color: #ffffff;
    background: #DA2049;
    border-color: #DA2049;
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    .ssug-page-banner.unsubscribe .banner-content .title-heading {
        font-size: 28px;
        line-height: 34px;
    }
}
/*-----------------style for unsubscribe end-----------*/
/*-----------------style for 404 start-----------*/
.page_404 .content-middile-box{
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 89.3vh;
}
.page_404 .content-wrapper{
    display: table;
    float: none;
    width: 100%;
}
.page_404 .band-404{
    text-align:center;
    background: #666666;
    color: #ffffff;
    padding: 30px 15px;
}
.page_404 .band-404 .title-heading{
    color: #ffffff;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
}
.page_404 .band-404  .btn-ssug.btn-submit{
    background: #ffffff;
    padding: 8px 15px;
    margin-top: 10px;
    color: #DA2049;
    border: 1px solid #DA2049;
}
.page_404 .band-404  .btn-ssug.btn-submit:hover{
    background: #DA2049;
    color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .page_404 .content-middile-box{
        height: 93.5vh;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    /*.page_404 .band-404 {
        padding: 80px 15px;
    }*/
}
/*-----------------style for 404 end-----------*/
/*-----------------style password show start-----------*/
.password_field{
    position: relative;
    width: 100%;
    position: relative;
}
.password_field .show_password{
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}
.show_password:after{
    content: "\f070";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 13px;
}
.show_password.hide_pass:after{
    content: "\f06e";
}
/*-----------------style password show end-----------*/

/*-----------------style for SSUG Our members page starts-----------*/
.ssug-page-banner.ourmembers {
    background: url(../images/our-members-banner.jpg) no-repeat rgba(0, 0, 0, 0.3);
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: cover;
    background-position: center center;
}
.members_box{
    display: flex;
    align-items: stretch;
    /*border-radius: 5px;*/
}
.members-image{
    padding: 15px 14px;
    /*justify-content: center;*/
    align-items: center;
    display: flex;
    flex-direction: row;
    border:1px solid #e6e6e6;
    border-right:0px solid #ccc;
    border-radius: 5px 0px 0px 5px;
    width: 30%;
}
.members-name-details{
    background-color: #f7f7f7;
    width: 60%;
    float: left;
    padding: 15px 20px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    /*border:1px solid #f7f7f7;*/
    border-left: 5px solid #cb0707;
}
.members-name-details p{
    margin-bottom: 0px;
    color: #666666;
}
.connect-Linkedin p a{
    color: #666666;
}
.connect-Linkedin p a:hover{
    color: #DA2049;
}
.members-name-details p.members-name{
    color: #cb0707;
    margin-bottom: 7px;
    font-size: 15px;
}
.connect-Linkedin{
    background-color: #e6e6e6;
    /*border-left: 5px solid #cb0707;*/
    width: 40%;
    float: left;
    padding: 15px 20px;
    /*justify-content: center;*/
    align-items: center;
    display: flex;
    flex-direction: row;
    /*border-radius: 0px 5px 5px 0px;*/
}
.connect-Linkedin span.icon{
    float: right;
    padding-right: 10px;
}
.connect-Linkedin p{
    margin-bottom: 0px;
    width: 100%;
}
.members-image-icon{
    border-right: 1px solid #e6e6e6;
    padding-right: 15px;
}
.members-cat{
    padding-left: 15px;
}
.members-cat p{
    margin-bottom: 0px;
    color: #050463;
    font-size: 15px;
}
.members-cat p b{
    font-weight: 500!important;
}
.members-details{
    display: flex;
    overflow: hidden;
    border-radius: 0px 5px 5px 0px;
    align-items: stretch;
    width: 70%;
    
}
.members-details.multiple{
    flex-direction: column;
}
.members-details.multiple .members-name-details:after{
    content: "";
    width: 80%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: 0px;
    left: 20px;
}
.member-details_box{
    display: flex;
}
.members-details.multiple .connect-Linkedin:after{
    content: "";
    width: 80%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: 0px;
    left: 20px;
}
.members-details.multiple .member-details_box:last-child .members-name-details:after{
    display: none;
}
.members-details.multiple .member-details_box:last-child .connect-Linkedin:after{
    display: none;
}
@media only screen and (min-width: 993px) and (max-width: 1200px){
    .members-name-details p.members-name, .members-cat p {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .members-name-details p.members-name, .members-cat p {
        font-size: 14px;
    }
    .members-image{
        padding: 15px 10px;
    }
    .connect-Linkedin span{
        padding-right: 0px!important;
    }
    .members-name-details{
        width: 58%;
    }
    .connect-Linkedin{
        width: 42%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    .ssug-page-banner.ourmembers {
        background: url(../images/our-members-mobile-banner.jpg) no-repeat rgba(0, 0, 0, 0.3);
        background-size: cover;
        background-position: center center;
    }
    .connect-Linkedin span.span-text{
        display: none;
    }
    .connect-Linkedin{
        width: auto;
        padding: 0px;
    }
    .members-name-details{
        width: 85%;
        padding: 10px 10px;
    }
    .connect-Linkedin span.icon {
        float: right;
        padding-right: 10px;
        padding-left: 10px;
    }
    .members-name-details p.members-name, .members-cat p {
        font-size: 12px;
    }
    .members-name-details p{
        font-size: 11px;
    }
    .members-image{
        padding: 10px 10px;
        flex-direction: column;
        justify-content: center;
        width: 35%;
    }
    .members-details{
        width: 65%;
    }
    .members-image-icon {
        border-right: 0px solid #e6e6e6;
        padding-right: 0px;
    }
    .members-cat {
        padding-left: 0px;
        text-align: center;
    }
    .members-image-icon img{
        width: 38px;
    }
    .members-cat p{
        line-height: 15px;
        padding-top: 5px;
    }
    .members-details.multiple .connect-Linkedin:after{
        left: 7px;
        width: 60%;
    }
    .members-details.multiple .members-name-details:after{
        left: 10px;
        width: 90%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 350px){
.members-image{
    padding: 10px 0px!important;
}
}
/*-----------------style for SSUG Our members page end-----------*/