@font-face {
    font-family: 'Century Gothic Regular';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.woff2') format('woff2'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial Black';
    src: url('../fonts/Arial-Black.eot');
    src: url('../fonts/Arial-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Arial-Black.woff2') format('woff2'), url('../fonts/Arial-Black.woff') format('woff'), url('../fonts/Arial-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic bold';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic-Bold.woff2') format('woff2'), url('../fonts/CenturyGothic-Bold.woff') format('woff'), url('../fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

p {
    line-height: normal
}

* {
    box-sizing: border-box
}

b,
strong {
    font-family: 'Century Gothic bold';
}

ul,
li,
p,
h4,
h6,
h5,
h2,
h3,
h1,
ol {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    color: inherit
}

li {
    list-style: none
}

img {
    max-width: 100%
}

a {
    transition: all .3s;
    color: inherit!important
}

input {
    font-family: 'Nunito Regular';
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Century Gothic Regular';
    font-weight: normal;
    color: #333333;
    background: #fbfbfb;
    line-height: normal;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    max-width: 1370px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

h1 {
    font-size: 50.12px;
    line-height: normal;
    color: #5c164e;
    
}

h2 {
    font-size: 28px;
    line-height: 1;
    font-family: 'Century Gothic Regular';
    color: #19191B;
    background: url('../images/h2-bg.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom: 18px
}

h3 {
    font-size: 26px;
    line-height: normal;
    color: #5c164e;
    font-weight: 600;
    font-family: 'Century Gothic Regular';
}

h4 {
    font-size: 25px;
    line-height: normal;
    color: #5c164e;
    font-weight: 600;
    font-family: 'Century Gothic bold';
}

h5 {
    font-size: 24px;
    line-height: 1;
    color: #5c164e;
    font-weight: 600;
    font-family: 'Century Gothic Regular';
}

h6 {
    font-size: 16px;
    line-height: 1;
    color: #5c164e;
    font-weight: 600;
    font-family: 'Century Gothic Regular';
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    color: #19191B;
    z-index: 99;
    /*box-shadow: 0px 2px 5px rgb(0, 0, 0, .04);*/
    background: rgba(232, 232, 232, .9);
    padding: 5px 0;
    height: 100px;
    transition: all .3s
}

.header-right {
    flex: 0 0 calc(100% - 390px);
    max-width: calc(100% - 390px);
    color: #333333
}

.top-header {
    margin-bottom: 25px;
    font-size: 18px;
    padding-left: 48px;
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition: all .3s
}

.header.sticky .top-header {
    height: 0;
    overflow: hidden; margin: 0
    
}
.menu ul li:hover > a,
.menu ul li.current-menu-item > a {
    color: #5c164e !important;
    border-bottom: 2px solid #5c164e;
}
.menu ul li:hover > a {
    font-family: 'Century Gothic Regular';
}

.menu ul li {
    font-size: 22px;
    padding: 0 17px;
    position: relative
}
.menu ul li a {
    border-bottom: 2px solid transparent;
}
.menu ul li:first-child {
    padding-left: 0
}

.menu ul li .sub-menu {
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    background: rgba(92, 22, 78, .8);
    padding: 10px 15px 10px 25px;
    width: 235px;
    display: none;
    border-bottom: 4px solid #c0c5a1
}


.sub-menu {
    position: relative
}

.search-box:before,
.sub-menu:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    background: transparent;
    height: 16px
}

.menu ul li .sub-menu li {
    padding: 0;
    font-size: 22px;
    color: #fff !important;
    padding: 5px 0;
    transition: all .5s
}

.menu ul li .sub-menu li.current-menu-item a ,
.menu ul li .sub-menu li:hover a {
    color: #daefb8 !important;
    font-weight: 400;
    font-family: 'Century Gothic Regular';
}

.menu ul li .sub-menu li:hover {
    padding-left: 12px
}

.search-wrap {
    padding: 0 10px 0 5px;
}

.search-wrap > a {
    width: 38px;
    height: 38px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
}

.search-wrap > a.open,
.search-wrap > a:hover {
    -moz-box-shadow: 2px 4px 13px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 4px 13px -4px rgb(0 0 0 / 75%);
    background: #f0f0f0;
}

.social ul li:first-child {
    padding-left: 0
}

.social ul li:last-child {
    padding-right: 0
}

.social ul li {
    padding: 0 8px;
        position: relative
}
.social ul li a img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.dontae-btn {
    font-size: 20px;
    height: 34px;
    background: #5c164e;
    border-radius: 5px;
    padding: 0 15px;
    line-height: 34px;
    color: #fff
}

.dontae-btn img {
    margin-right: 7px
}

.call-sec {
    padding-top: 6px;
}

.call-sec a {}

.call-sec a img {
    margin-top: -6px;
    margin-right: 5px
}

.banner {
    position: relative
}

.banner img {
    width: 100%;
}

.banner-slide {
    position: relative
}

.banner-text {
    position: absolute;
    left: 0;
    width: 100%;
    top: 60%;
    transform: translateY(-50%);
    z-index: 11
}

.banner-slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
	
}

.banner-slide h3 {
    color: #fff;
    padding-bottom: 10px;
    font-size: 50px;
    font-family: 'Century Gothic bold';
}

.banner-text-in {
    max-width: 750px;
    margin-left: 30px
}

.line {
    border-top: 1px solid rgba(92, 22, 78, 1);
    width: 440px;
    height: 2px;
    border-bottom: 1px solid #fff;
    margin-bottom: 7px;
}

.banner-paragraph {
    padding: 10px 30px;
    background: rgba(92, 22, 78, .7);
    color: #fff;
    font-size: 24px;
}

.learn-btn {
    display: inline-block;
    border-radius: 20px;
    padding: 0 15px;
    background: #daefb8;
    height: 32px;
    line-height: 32px;
    border: 0;
    padding-right: 40px;
    position: relative;
    width: 156px;
    display: block;
    margin: 0 0 0 auto;
    font-size: 20px;
}

.learn-btn span {
    width: 32px;
    height: 32px;
    background: #5c164e;
    height: 32px;
    width: 32px;
    display: inline-block;
    font-size: 0;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    text-align: center;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-paragraph {
    margin-bottom: 6px
}

.learn-btn img {
    width: 21px !important;
    height: 21px !important;
}

.header:before {
    content: '';
    position: absolute;
    background: url('../images/banner-shadow-1.png');
    height: 114px;
    width: 100%;
    background-position: center bottom;
    top: 100px;
}

.footer {
    position: relative;
    padding: 180px 0 0;
    background: url('../images/footer-bg.png');
    background-position: center top;
    background-size: cover;
    color: #fff;
    background-attachment: fixed
}

.footer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.footer h3 {
    color: #fff;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative
}

.footer h3:before {
    width: 10px;
    height: 30px;
    background: #daefb8;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -15px;
}

.f_in .social {
    padding-left: 30px;
    padding-top: 20px
}

.f_in .social ul li {
    padding: 0 15px
}

.footer-menu p {
    color: #fff;
    font-size: 18px;
    line-height: normal;
    padding-bottom: 10px;
}

.newsletter-form form {
    max-width: 330px;
}

.newsletter-form form input {
    height: 44px;
    border: 0;
    outline: none
}

.newsletter-form form input[type="email"] {
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    width: calc(100% - 50px);
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
    padding: 0 15px;
    color: #8e8e8e;
    font-family: 'Century Gothic Regular';
    background: #e3e3e3
}

.newsletter-form form input[type="submit"] {
    flex: 0 0 50px;
    background: #5c164e;
    font-size: 0;
    background-image: url('../images/btn-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 50px;
    width: 50px;
    transition: all .3s; cursor: pointer
}
.newsletter-form form input[type="submit"]:hover {
    background: #daefb8;
    background-image: url('../images/btn-icon2.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-menu ul {
    padding-left: 45px;
}

.contact-menu ul li {
    padding: 10px 0;
    position: relative
}

.contact-menu ul li span {
    font-family: 'Century Gothic bold';
    position: absolute;
    left: 0;
    color: #daefb8;
}

.contact-menu ul li p {
    font-size: 21px;
    line-height: 1.4;
    padding-left: 36px;
    padding-bottom: 0
}
.contact-menu ul li p a {
    color: inherit!important; text-decoration: none !important; 
    
}
.contact-menu ul li p:hover {
    color: #daefb8!important; 
    
}
.main-footer {
    padding-bottom: 25px;
}

.bottom-footer {
    position: relative;
    font-size: 12px;
    padding: 18px 0;
    border-top: 1px solid #fff
}

.slick-initialized .slick-slide {
    font-size: 0
}

.slick-dotted.slick-slider {
    margin: 0
}

.slick-next:before,
.slick-prev:before {
    display: none !important
}

.banner-Slider .slick-next {
    background: url('../images/right-arrow-arrow.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 75px;
    right: 4%;
    z-index: 3;
    transition: all .3s
}

.slick-next:focus,
.slick-next:hover {
    background: url('../images/right-arrow.png');
    background-repeat: no-repeat;
}

.banner-Slider .slick-prev {
    background: url('../images/left-arrow-arrow.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 75px;
    left: 4%;
    z-index: 3;
    transition: all .3s
}

.slick-prev:focus,
.slick-prev:hover {
    background: url('../images/left-arrow.png');
    background-repeat: no-repeat;
}

.banner-Slider .slick-dots {
    bottom: 52px;
}

.banner-Slider .slick-dots li button {
    display: none
}

.banner-Slider .slick-dots li {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff
}

.banner-Slider .slick-dots li.slick-active {
    background: #6b335f
}

.main-content {}

.sliderBox {
    padding: 0 10px;
    transition: all .3s; position: relative; height : 100%
}

.sliderBoxIn {
    background: #fff;
    padding: 20px 15px 15px;
    height : 100%
}
.box-slider-wrap .slick-slide > div {
    height : 100%
}
.sliderBox:after {
    content: '';
    position: absolute; 
    height: 21px; width: 100%; bottom: -20px; z-index: 1; left: 0;
    display: none
}
.sliderBox:hover:after {
    display: block
}
.box-slider-wrap {
    background: #fbfbfb;
    padding-bottom: 90px
}

.box-slider {
    padding: 0 0 30px;
    margin-top: -40px !important;
}

.BoxHead {
    padding-bottom: 40px;
    border-bottom: 1px solid #464646;
    position: relative;
    z-index: 3; padding-right: 7px; min-height: 100px;
}

.BoxHead span {
    text-align: right;
    flex: 0 0 105px;
    max-width: 105px;
    width: 105px;
}

.BoxHead span img {
    margin: 0 0 0 auto
}

.BoxHead h5 {
    flex: 0 0 calc(100% - 105px);
    max-width: : calc(100% - 105px);
    width: calc(100% - 105px);
    padding-left: 25px;
    font-size: 24px;
    font-family: 'Century Gothic Regular';
    font-weight: 400;
    color: #333333;
    transition: all .3s
}


.boxtxt {
    padding-top: 40px;
    position: relative;
    z-index: 1;
    z-index: 3
}

.boxtxt p {
    padding-bottom: 25px;
    text-align: justify;
    font-size: 16px;
    transition: all .3s
}

.more-info {
    background: transparent
}
/*
.box-slider .slick-list {
    padding: 0 55px 0 0 !important;
}*/

.box-slider-wrap .slick-slider .slick-list,
.box-slider-wrap .slick-slider .slick-track {
    padding-top: 20px;
}

.sliderBox:hover {
    margin-top: -20px
}

.sliderBoxIn:hover {
    background: url('../images/slide-box.png');
    background-size: cover;
    position: relative
}

.sliderBoxIn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(92, 22, 78, .75);
    opacity: 0;
    z-index: 2
}

.sliderBoxIn:hover:before {
    opacity: 1
}

.sliderBoxIn:hover h5 {
    color: #fff
}

.sliderBoxIn:hover p {
    color: #fff
}

.sliderBoxIn:hover .BoxHead {
    border-color: #fff
}

.sliderBoxIn:hover .more-info {
    color: #fff !important
}

.sliderBoxIn:hover .more-info span {
    background: transparent
}

.sliderBoxIn:hover .BoxHead img {
    display: none!important
}

.sliderBoxIn:hover .BoxHead .hover-img {
    display: block!important
}

.hover-img {
    display: none !important
}

.box-slider .slick-next,
.box-slider .slick-prev {
    top: auto;
    bottom: -30px;
    width: 40px;
    height: 30px;
background-color: transparent;
}

.box-slider .slick-prev {
    left: 47%;
    transition: all .3s;
}

.box-slider .slick-next {
    left: 53%;
     transition: all .3s;
}
.box-slider .slick-next:before ,
.box-slider .slick-prev:before{
    display: block !important;
    content: ''; position: absolute; 
    background-image: url('../images/banner-arrow.png');
    width: 41px; height: 29px;right: 0; top: 0;
        opacity: 1;
    
    
}


.box-slider .slick-next:before {
    background-image: url('../images/banner-arrow2.png');
}
.box-slider .slick-next:after ,
.box-slider .slick-prev:after{
    display: block !important;
    content: '';
    background-image: url('../images/btn-hover.png');
    width: 44px; height: 27px; top: auto; 
    position: absolute;
    z-index:-1; left: 2px; bottom: -2px; opacity: 0; transition : opacity .3s
}
.box-slider .slick-prev:after {
    background-image: url('../images/btn-hover-left.png');
    left: -7px; right: auto
}
.box-slider .slick-prev:hover:after ,
.box-slider .slick-next:hover:after {
    opacity: 1
}
/*.box-slider .slick-next:hover{
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.50); 
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.30);
}
.box-slider .slick-prev:hover {
    -webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.50); 
box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.30);
}*/

.in_h3 h3 {
    font-size: 50px;
    position: relative;
}

.about h3 {
    padding-left: 25px
}

h1:before {
    width: 12px;
    height: 42px;
    background: #5c164e;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -21px;
}

h1 {
    color: #19191B;
    position: relative;
    padding-left: 30px
}

h1 strong {
    color: #5c164e;
}

.about {
    background: #fbfbfb;
    height: 500px;
    z-index: 2;
    background-image: url('../images/about-left.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: fixed;
}

.about-box {
    width: 550px;
    padding: 50px 35px 40px;
    background: #daefb8;
    margin: 45px 0 0 70px;
    z-index: 1;
    position: relative;
}

.about-box p {
    margin-bottom: 25px
}

.about-left {
    padding-top: 130px;
    margin-bottom: -30px;
    flex: 0 0 43%;
    max-width: 43%;
}

.header.sticky {
    background: #fff;
    padding: 6px 0;
    box-shadow: 0px 1px 29px -16px rgba(0, 0, 0, 0.4);
    height: 78px;
    position: fixed
}

.header.sticky:before {
    display: none
}
.logo img{transition: all .3s}

.header.sticky .logo img {
    max-height: 66px
}



.header .container {
    padding-left: 45px
}

.search-wrap {
    position: relative;
}

.search-box {
    position: absolute;
    width: 250px;
    height: 38px;
    border-radius: 4px;
    right: 0;
    top: calc(100% + 15px);
    -webkit-box-shadow: 3px 6px 5px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 6px 5px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 6px 5px -4px rgba(0, 0, 0, 0.75);
    display: none;
    overflow: hidden;
}

.search-box input[type="text"] {
    background: #ececec;
    font-size: 22.22px;
    font-family: 'Century Gothic Regular';
    color: #828282;
    padding: 0 15px;
    outline: inherit;
    border: 0;
    width: 100%;
    height: 100%;
}

.search-box input[type="submit"] {
    width: 0px;
    height: 0px;
    border: 0;
    font-size: 0;
    overflow: hidden;
    padding: 0
}

.about {
    position: relative
}

.about-right {
    margin-left: 43%;
    flex: 0 0 57%;
    max-width: 57%;
    height: 100%;
}

.about-right img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.about-right-wrap {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.donations-matters {
    background: #0e0e0e;
    padding: 80px 0 35px;
    color: #fff
}

.donations-matters p {
    color: #fff
}

.donations-matters h3 {
    color: #fff
}

.donate-now {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background: #5c164e;
    border-radius: 4px;
}

.donate-now:hover {
    background: #fff;
    color: #5c164e !important;
}

.donations-matters h3 {
    padding-bottom: 40px
}

.donation-link {
    padding-left: 70px
}

.donation-left {
    flex: 0 0 140px;
    max-width: 140px;
    width: 140px;
}

.donation-right {
    flex: 0 0 calc(100% - 140px);
    max-width: calc(100% - 140px);
    width: calc(100% - 140px);
}

.donation-right p {
    line-height: normal;
    font-size: 24px;
    letter-spacing: 1px;
    text-align: justify;
    padding-bottom: 50px
}

.donations-matters {
    background-image: url('../images/dontaions.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

.discover-chicago {
    background-image: url('../images/discover.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: relative;
    height: 236px;
    background-attachment: fixed
}

.discover-chicago:hover a img {
    display: none
}

.discover-chicago:hover a img.hover-img {
    display: block !important
}

.discover-chicago:hover p {
    text-shadow: 4px 2px 5px rgb(0 0 0 / 50%);
}

.discover-chicago:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(254, 16, 72, .7)
}

.discover-chicago .container {
    position: relative
}

.discover-chicago .container:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('../images/discover-pipe.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    width: 354px;
    height: 100%;
    left: -70px
}

.discover-chicago p {
    font-size: 52px;
    font-family: 'Century Gothic bold';
    color: #fff;
    letter-spacing: 2px;
    margin-right: 60px
}

.discoverTxt {
    position: relative;
    z-index: 1;
    padding-left: 220px;
}

.events {
    padding: 55px 0 0px;
    position: relative
}

.events-box {
    padding: 25px;
}

.events .container {
    padding-bottom: 65px
}

.events h3 {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.events-box-in {
    background: #fff;
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.75);
    height: 100%;
}

.evnts-txt {
    padding: 7px 25px 15px
}

.evnts-txt .events-tag {
    padding-bottom: 15px;
    font-size: 14px;
    display: block;
    position: relative
}

.evnts-txt .events-tag:before {
    content: '';
    position: absolute;
    left: 0;
    height: 16px;
    width: 4px;
    background: #5c164e;
    left: 0;
    top: 1px;
    left: -10px
}

.evnts-txt h6 {
    padding-bottom: 20px;
    font-size: 18px;
    font-family: 'Century Gothic bold';
    line-height: normal
}

.evnts-txt p {
    padding-bottom: 20px;
}

.events-box .learn-btn {
    font-size: 19px;
    margin-top: 25px
}
.events-box .events-box-in:hover .learn-btn {
    background: #daefb8
}

.events-box .learn-btn span {
    padding: 0
}

.evnts-txt p {
    font-size: 16px
}

.evnts-img {
    height: 270px;
    position: relative
}

.evnts-img:before {
    content: '';
    position: absolute;
    left: 0
}

.evnts-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.date-box {
    left: 25px;
    top: -15px;
    background: #5c164e;
    display: inline-block;
    position: absolute;
    height: 110px;
    text-align: center;
    font-size: 29px;
    color: #fff;
    text-align: center;
    min-width: 90px
}

.date-box p {
    line-height: 1
}

.date-box strong {
    font-size: 42px;
    display: block;
}

.events .slick-dots li {
    width: 50px;
    height: 3px;
    background: #bcc9a6
}

.events .slick-dots {
    bottom: -25px;
    font-size: 0;
    line-height: 3px;
}

.events .slick-dots li.slick-active {
    background: #5c164e
}

.events .slick-dots li button {
    display: none
}

.events-slider {
    margin: 25px -10px 0 !important;
}

.events .line {
    width: 240px;
    border: 0;
    height: 3px;
    background: #5c164e;
    position: relative
}

.events .line:after,
.events .line:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    right: 0;
    background: #a66a9a;
    height: 100%
}

.events .line:before {
    right: 50px;
    width: 35px;
    background: #fff
}

.event-btn {
    background: #5c164e;
    right: 10px;
    bottom: 0;
    height: 48px;
    border-radius: 0;
    color: #fff !important;
    line-height: 48px;
    width: 240px;
    padding: 0 15px;
    letter-spacing: 1px
}
.event-btn:hover {
    background: #daefb8; color: #5c164e !important;
}
.event-btn:hover img {
    display: none
}
.event-btn:hover img.hover-img {
    display: inline-block !important
}
.event-btn img {
    margin-right: 10px; max-width: 21px;
}

.innerbaner {
    position: relative
}

.innerbaner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url('../images/banner-bottom.png');
    height: 75px;
    background-position: center top;
}

.gsdc-events {
    height: auto;
    background-image: none;
    padding-top: 50px
}

.gsdc-events h1 {
    margin-bottom: 30px
}

.gsdc-events p {
    font-size: 18px;
    line-height: normal
}

.member-wrap .member-box {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    min-height: 300px
}

.member-wrap .member-box .board-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(92, 22, 78, .7);
    color: #fff;
    padding: 2px 20px 10px;
    transition: all .5s;
    height: 102px;
        border-left: 4px solid #daefb8;
}

.member-wrap .member-box .board-name h4 {
    color: #fff;
    line-height: 1.2;
    padding-bottom: 2px;
}

.member-wrap .member-box .board-name p {
    color: #fff;
    font-family: 'Century Gothic bold';
    font-size: 15px;
        font-family: 'Century Gothic Regular';
    /*display:none*/
}
.member-wrap .member-box:hover   .board-name p {
    display:block
}
.board-member {
    padding-bottom: 120px
}

.board-member .container {
    max-width: 1410px
}

.member-wrap .member-box:hover .board-name {
    height: 100% !important;
    padding-bottom: 45px
}
.board-page .member-wrap .member-box:hover .board-name p{
    display: none
}
.member-wrap .member-box:hover .board-name p.board_designation{
    display: block
}
.board_designation {
    display : none   
}
.member-wrap .member-box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.member-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.member-wrap .member-box:hover .board-name h4,
.member-wrap .member-box:hover .board-name p {
    color: #daefb8
}

.sticky-donate {
    width: 36px;
    height: 36px;
    background: #5c164e;
    border-radius: 5px;
    background-image: url('../images/donate.png');
    background-repeat: no-repeat;
    background-position: center center; opacity: 0; position: relative
}

.sticky-donate:hover {
    background: #daefb8;
    background-image: url('../images/red-heart2.svg') !important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: 18px 18px;
        
}

.sticky-donate a {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 100%
}

.header.sticky .sticky-donate {
    
    opacity: 1; margin-left: 5px
}

.header.sticky .search-box {
    box-shadow: none;
    background: rgba(0, 0, 0, .9);
    top: calc(100% + 17px);
}

.header.sticky .search-box form input[type="text"] {
    color: #daefb8;
    background: rgba(0, 0, 0, .9);
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-placeholder {
    color: inherit;
}

:-ms-input-placeholder {
    color: inherit;
}

:-moz-placeholder {
    color: inherit;
}

.header.sticky .menu ul li .sub-menu {
    top: calc(100% + 22px);
}

.sub-menu:before {
    height: 26px;
    top: -26px;
}

.dontae-btn:hover {
    background: #daefb8;
    color: #333333
}

.dontae-btn img.hover-img,
.dontae-btn:hover img {
    display: none;
    height: 18px;
    width: 18px;
}

.dontae-btn:hover img.hover-img {
    display: inline-block !important
}

.social ul li a {
    font-size: 0;
    display: block
}

.social ul li a .hover-img {
    opacity: 0;
    display: inline-block !important;
}
.social ul li a:hover .hover-img {
    display: inline-block !important;
    opacity: 1;
}
.social ul li a img {transition: all .3s}
.social ul li a:hover img {
    /*display: none;*/
    opacity: 0;
}

.social ul li.yt a {
    width: 31px;
    height: 22px;
}

.social ul li.in a {
    width: 23px;
    height: 23px;
}

.social ul li.tw a {
    width: 25px;
    height: 20px;
}

.social ul li.fb a {
    width: 11px;
    height: 24px;
}

.social ul li.insta a {
    width: 25px;
    height: 25px;
}

.banner-text .container {
    padding: 0 94px
}
.banner-text .btn:hover {
    background: #ffffff;
}
.video-section {
    position: relative
}

.video-section .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 82px;
    height: 82px
}

.about-box:hover .more-info {
    background: #fff
}


.member-popUp {    
    position: fixed;
    z-index: 101;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    display: none
}
.member-popUp-in {
    background: #e7e7e7;
    max-width: 85%; 
    width: 1200px; top: 50%; left: 50%; 
    transform: translate(-50% , -50%); position: absolute; 
}

.popup-left {
    background: #fff;
    flex: 0 0 41%;
    max-width: 41%;
    width: 41%; 
    font-size: 0
}

.popup-right {
    flex: 0 0 59%;
    max-width: 59%;
    width: 59%; 
    padding: 30px 30px 30px 70px;
    background: url('../images/arrow-popup.png');
    background-position: bottom right 15px; background-repeat: no-repeat
}

.overlay {
    position: absolute; left: 0; top: 0 ; width: 100%; height: 100%; background: rgba(0,0,0,.8)
}
.close-popup {
    position: absolute;
    right: 6px; top: 6px; max-width: 66px; display: block;z-index: 1; cursor: pointer
}
.popup-right p {
    font-size: 18px; line-height: normal; padding-bottom: 20px; text-align: justify
}
.popUp-head {
    padding-bottom: 60px
}
.popUp-head h1 {
    padding-left: 0
}
.popUp-head h1:before {
    left: -30px
}

.popup-left img {
    width: 100%; height: 100%; object-fit: cover; object-position: top center
}

.member-contact {
    padding-left: 100px; padding-top: 25px
}
.member-contact li{
    margin-bottom: 15px; font-size: 24px; color: #464646
}
.member-contact li a:hover {
    color: #5c164e !important;
}
.member-contact li:last-child {margin-bottom: 0}
.member-contact li a span {
    max-width: 65px; width: 65px; display: inline-block
}
.member-contact li a{
    
}
.member-contact li a img{
    height: auto !important; width: auto !important
}




.header.sticky {
    height: 75px;
    display: block; opacity: 1;z-index : 9999
}

.photo-left {
    flex: 0 0  calc(100% - 320px);
    max-width: calc(100% - 320px);
    width: calc(100% - 320px);
    padding-right: 20px
}
.photo-right {
    max-width: 320px;
    width: 320px;
    padding-top: 50px
}
.short-code {padding-top: 60px}
.short-code h1{
    margin-bottom: 25px; padding-left: 0
}
.short-code h1:before {
    left: -30px
}
.short-code p {
    padding-bottom: 25px;
    font-size: 18px;
}
.eventDetails p a,
.short-code p a {
    color: #5c164e !important; text-decoration: underline !important
}
.highlights {
    display: inline-block; background: #daefb8; padding: 0 3px
}
.short-code h2 {margin-bottom: 20px}
.short-code h3 {margin-bottom: 20px}
.short-code ul li {
    padding-bottom: 10px;
    position: relative; padding-left: 25px
}
.short-code ul li ul li {padding-top: 10px; padding-bottom: 0}

.short-code ul {margin-left: 10px; margin-bottom: 25px}
.short-code ul li:before {
    content: '';
    position: absolute; width: 15px; height: 15px; border-radius: 50%; background: #5c164e; left: 0; top: 3px
}
.short-code ul li ul li:before{
    width: 10px; height: 10px; border-radius: 0; transform: rotate(45deg); top: 15px
}



.responsive-tabs {
	margin-top: 20px; border-bottom: 0
}

.responsive-tabs-container .tab-content {
	padding: 10px 20px;
	
}

.responsive-tabs-container[class*="accordion-"] .tab-pane {
	margin-bottom: 15px;
}

.responsive-tabs-container[class*="accordion-"] .accordion-link {
	display: none;
	margin-bottom: 10px;
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-radius: 3px;
	color: #333;
}

.responsive-tabs-container[class*="accordion-"] .accordion-link.active {
	border-bottom: medium none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	color: #ff6600;
}

.nav-tabs li:before{
    display: none
}


.nav-tabs li.active{
    color: rgba(25, 25, 27, 1);

}
.responsive-tabs-container .tab-content {
    padding: 30px 55px
}

.tabsSection {
    background: #fff; margin-bottom: 100px
}
.tabsSection .nav-tabs li img {
    margin-right: 15px
}
.tabsSection .nav-tabs li {
    font-size: 28px;
    max-width: 25%; flex: 0 0 25%; text-align: left; list-style: none !important; font-size: 20px;
    height: 85px; padding: 0 10px; line-height: 85px; background: #5c164e; color: #fff;  
}
.tabsSection .nav-tabs li a {
    display: block
}

.tabsSection .nav-tabs li.active img {
    display: none
}
.tabsSection .nav-tabs li.active img.hover-img {
    display: inline-block !important
}
.tabsSection .nav-tabs li.active {
    background: #fff; color: #353535
}

.tab-left {
    flex: 0 0 305px;
    max-width: 305px;
    width: 305px;
}
.tab-right {
    flex: 0 0  calc(100% - 305px);
    max-width: calc(100% - 305px);
    width: calc(100% - 305px);
    padding-left: 80px; padding-top: 8px
}
.moreBtnTab{
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%; 
    margin-top: 45px
}
.moreBtnTab .learn-btn:hover {
    background: #5c164e;
    color: #fff !important
}

.section {
    background: #f0f0f0; padding: 20px 25px; height: 100%
}

.tab-content {margin-bottom: 100px}
.section-row {
    margin-bottom: 150px
}
.header.sticky .logo {margin-left: 18px}
.footer a {
    color: inherit !important
}
.contact-us {position: relative}
.contact-form {padding: 60px 0 190px;
   
    
}
.contact-us iframe {
    width: 100%; height: 100%; position: absolute; left: 0; top: 0; 
}
.contact-form  .container {
    padding: 0 65px
}
.contact-us h1 {
    margin-bottom: 35px
}
.contact-us p {
    margin-bottom: 40px; font-size: 18px;
}

.contact-us  form {
    padding: 0 20px
}
 form .form-group {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;margin-bottom: 20px
}

 form .form-group.name-text {
    flex: 0 0 59%;
    max-width: 59%;
    width: 59%;
}
 form .form-group.email-text {
    flex: 0 0 39%;
    max-width: 39%;
    width: 39%;
}
 form .form-group.subject-text {
    flex: 0 0 68%;
    max-width: 68%;
    width: 68%;
}
 form .form-group.number-text {
    flex: 0 0 31%;
    max-width: 31%;
    width: 31%;
}

.contBox {
    padding: 30px 20px 55px; border-radius: 30px;
    background: rgba(255,255,255,.85);
    -moz-box-shadow: 0px 0px 40px -17px rgba(0,0,0,0.12);
box-shadow: 0px 0px 40px -17px rgba(0,0,0,0.12); height: 100%
}
.form-control {
    height: 44px; border-radius: 20px; background: #d4d4d4; padding: 0 20px;font-family: 'Century Gothic Regular';
    color: #333333; font-size: 18px;
    outline: none; box-shadow: none
}
.form-control:focus {
    box-shadow: none;
    border-color: #5c164e;
}
textarea.form-control {
    height: 175px; padding: 15px 20px
}
.visit-box h2 {
    margin-bottom: 30px
}
.visit-in {padding: 0 20px}
.visit-in p {margin-bottom: 10px}
.visit-box {
    margin-bottom: 45px
}
.contBox .visit-box:last-child {
    margin-bottom: 0
}
.social ul li a {position: relative}
.visit-box .social ul li.yt a {
    width: 36px;
    height: 24px;
}

.visit-box .social ul li.in a {
    width: 33px;
    height: 33px;
}

.visit-box .social ul li.tw a {
    width: 37px;
    height: 29px;
}

.visit-box .social ul li.fb a {
    width: 16px;
    height: 35px;
}

.visit-box .social ul li.insta a {
    width: 36px;
    height: 36px;
}

/*.header .social ul li a:hover img {
    opacity: 1;z-index: 1
}
.header .social ul li a:hover .hover-img {
    z-index: 2
}*/
.visit-in.social {padding: 0; margin: 0 -5px}
.visit-in p {line-height: 1.35}
.visit-in p a {
    color: inherit
}
.contact-right{
    padding-left: 35px; padding-right: 35px}
.visit-in.contact-menu ul {padding-left: 0}
.contact-menu.visit-in ul li{padding: 0 0 10px}
.contact-menu.visit-in ul li p {margin: 0}
.contact-menu.visit-in ul li p span {
    color: inherit;font-family: 'Century Gothic Regular';
}
form .submit-btn {
    flex: 0 0 110px;
    max-width: 110px; position: relative;
    width: 110px; margin: 0 0 0 auto; height: 36px;
    
    
}
form .submit-btn:before{
    content: ''; position: absolute; right: 0; top: 0; 
    width: 36px; height: 36px;  background: #5c164e; border-radius: 50%;
    z-index: 1; transition: all .3s
    
}
.submit-btn:hover:before {
    background: #daefb8
}
.submit-btn:hover .btn {
    background: #a8d363
}
form .submit-btn:after{
    content: ''; position: absolute; right: 5px; top: 50%; 
    width: 21px; height: 21px;  
    z-index: 1;
    background: url('../images/btn-learn-icon.png');
    background-position: right center;
    transform: translateY( -50%);
    transition: all .3s
    
}
form .submit-btn:hover:after {
    background: url('../images/purple-arrow.png');
    background-position: right center;
    background-repeat: no-repeat
}
.submit-btn .btn {
    font-family: 'Century Gothic Regular'; color: #333333; height: 100%;
    width: 100%; padding: 0 12px; text-align: left; font-size: 23px; background: #eeeeee;
    transition: all .3s
    
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.eventTag {padding: 1px 0; font-size: 18px;}
.eventTag ul  {
    justify-content: space-between  ; width: 100%
}
.eventTag ul li { margin-right: 40px}
.eventTag ul li:last-child { margin-right: 0}
.eventTag ul li img {vertical-align: middle; display: inline-block; margin-right: 3px; font-size: 0;     max-width: 22px;
    max-height: 24px;
    object-fit: contain;}
.eventTag .btn {width: auto; padding: 0 10px; color: #212121 !important}
.event-left {padding-top: 50px}
.evant-in  {padding: 40px 0 0}
.evant-in h1 {margin-left: -30px}
.upcoming-event .upcominglist {margin-bottom: 20px; padding-left: 20px; position: relative}
.upcoming-event .upcominglist:before{ position: absolute;
    height: 100%; top: 0; content: ''; left: 0; width: 10px; background: #5c164e
}
.upcoming-event .upcominglist:last-child {margin-bottom: 0;}
.upcominglist h6 {
    padding-bottom: 3px;
    font-size: 18px; font-family: 'Century Gothic bold'; color: #333333
}
.upcominglist p {
    font-size: 16px; padding-left: 17px
}
.event-right h2 {margin-bottom: 30px; font-size: 32px;}

.event-search {
    height: 60px; position: relative; overflow: hidden;  margin-bottom: 22px
}
.event-search input {
    height: 100%; border-radius: 0; border: 0; outline: none; background: #ececec; width: 100%; padding: 0 35px 0 15px;
     font-family: 'Century Gothic Regular';
    background-image: url('../images/searhc-icon.png'); background-repeat: no-repeat;
     background-position: center right 15px; color: #464646; font-size: 24px;
}
.event-search input[type="submit"] {
    height: 0; width: 0; padding: 0; overflow: hidden
}
.evant-in .container {padding: 0 40px}

.event-left {
    flex: 0 0 calc(100% - 320px);
    max-width: calc(100% - 320px);
    width: calc(100% - 320px);
    padding-right: 30px;
}
.event-right {
    flex: 0 0 320px;
    max-width: 320px;
    width: 320px;
}
.evant-in h2 {margin-bottom: 25px}
.event-main {
    margin-bottom: 25px
}
.eventDetails {
    margin-bottom: 80px
}
.event-iframe {
    height: 510px; width: 100%;
}
.event-iframe iframe {
    width: 100%; height: 100%; object-fit: cover
}
.eventDetails p {padding-bottom: 25px}


.sliderBoxIn:hover img.service_img {
    opacity: 1
}
.sliderBoxIn {
    position: relative
}
img.service_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    object-fit:cover
}

.short-code .su-column-inner {
	background: #f0f0f0;
    padding: 20px 25px;
    height: 100%;
}
.short-code .su-column  {padding: 20px 0}
.short-code .su-row {margin: 0 -20px}
.short-code .su-row .su-column-size-1-2 {
	width: 50% !important; margin: 0 !important; padding: 20px 20px
}
.short-code .su-row {
    margin-bottom: 0;
}
.short-code .su-row .su-column-size-1-3 {
    width: 33.33%!important;padding: 20px 20px
}
.short-code .su-row .su-column-size-2-3 {
    width: 66.33%!important;; margin: 0 !important;padding: 20px 20px
}

.tab-right.full {
    padding-left: 0;     flex: 0 0 100%;
    max-width: 100%;
    width: 100%;   
}

.langs-sec ul{
	background: #e7e7e7;border-radius: 5px; overflow: hidden;
	-webkit-box-shadow: inset 1px 7px 18px -15px rgb(0 0 0 / 75%);
	-ms-box-shadow: inset 1px 7px 18px -15px rgb(0 0 0 / 75%);
	-moz-box-shadow: inset 1px 7px 18px -15px rgb(0 0 0 / 75%);
	box-shadow: inset 1px 7px 18px -15px rgb(0 0 0 / 75%);
}
.langs-sec ul li {
	height: 35px; width: 44px; border-radius: 5px; font-size: 18px; color: #333333 ; line-height: 35px; text-align: center; padding: 0; transition: background .3s; background: transparent
}
.langs-sec ul li a {
	    padding: 6px 10px; display: block ;    line-height: normal;
}
.langs-sec ul li.wpml-ls-current-language {
	background:#5c164e; color: #fff
}

.tribe-events  .events-box ,
.search  .events-box {
    padding: 25px;
}
.tribe-events  .events-box .evnts-txt ,
.search  .events-box .evnts-txt {
    padding: 7px 25px 15px;
} 
.tribe-events  .events-box .evnts-txt .btn ,
.search  .events-box .evnts-txt .btn {
	    text-align: left;
    padding: 0 15px;
	margin: 15px 0 0 auto;
}
 .tribe-events  .events-box .evnts-txt p ,
 .tribe-events  .events-box .evnts-txt h6 ,
 .search  .events-box .evnts-txt p ,
 .search  .events-box .evnts-txt h6 {
	padding-bottom: 20px
}



input.form-control.wpcf7-not-valid ,
textarea.form-control.wpcf7-not-valid {
    border: 1px solid red;
}

.wpcf7-not-valid-tip {padding: 4px 0 0 20px;
    font-size: 12px !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border: 0 !important;
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
    font-size: 14px;
    color: red;
}

.contact-us .captcha iframe {
	position: static
}
.banner-slide video {
	width: 100%; height: 100%; object-fit: cover
}

.banner-slide{
	max-height: 810px; overflow: hidden
}
.transition-top .banner-text {
	 top: 42%
}
.transition-top .banner-text  .banner-text-in {
	 padding-left: 15px
}
.transition-right .banner-text {
	top: 61%; left: auto; right: 0
}
.transition-right .banner-text .banner-text-in {
	margin: 0 0 0 auto
}



/*-----*/


.service-page h1 {
    margin-left: -30px;
}

.service-page p {
    padding-bottom: 25px;
}
.servicesWrap {padding: 0 30px; margin-bottom: 50px;}
.services-row { margin: 0 -30px; margin-top: 10px;
 padding-bottom: 50px;
 
}
.servicesmain {
    background: url('../images/service-bg.png');
 background-attachment: fixed; background-repeat:  no-repeat; background-size: cover;
}

.servicesWrap .evnts-img {font-size: 0;}
.servicesWrap .events-box {padding: 0; height: 100%;}
.servicesWrap .events-box-in {box-shadow: none; height: 100%;}
.servicesWrap .events-box h2 {
font-size: 24px; line-height: 1.4; margin-bottom: 30px;}
.servicesWrap .evnts-txt {
padding: 35px 20px 10px;}


.servicesWrap .events-box .events-box-in {
position: relative;}
.servicesWrap .events-box {
z-index: 1 ; position: relative;}
.servicesWrap .events-box .events-box-in:before {
position: absolute;
content: '';z-index: -1;
opacity: 0; transition: opacity .3s;
    background: url('../images/service-hover.png');
    right: -15px; bottom: -2px; width: 103%; height: 98%; background-size: cover;
    background-repeat: no-repeat; background-position: bottom right;
}
.servicesWrap .events-box .events-box-in:hover:before{
opacity: 1;}
.tab-right h5 {padding-bottom: 15px;}

.logo img {
	max-width: 280px
}

.popup-none .member-popUp {
	display: none !important;
}
.header .menu ul li .sub-menu li .sub-menu  {
	    top: 60%;
    left: calc(100% + 15px); 
}


.form-group  + p {
	font-size: 14px; margin-bottom: 10px
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head {
	    color: #fff;
    padding-bottom: 5px;
    font-family: 'Century Gothic bold';
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
	    background-color: rgb(218, 239, 184) !important;
    font-family: 'Century Gothic bold';
    font-size: 12px;
	color: rgb(92, 22, 78) !important;
}

.wp-block-columns .wp-block-column{
	background: #f0f0f0;
    padding: 20px 25px;
	box-sizing: border-box; margin-bottom: 20px
}

.short-code ul.advgb-tabs-panel li:before {
	display: none
}
 ul.advgb-tabs-panel li {
	max-width: 25%;
    flex: 0 0 25%;
    width: 25%;
    text-align: left;
    list-style: none !important;
    font-size: 20px;
    height: 85px;
    padding: 0 20px;
    line-height: 85px;
    background: #5c164e;
    color: #fff;
    box-sizing: border-box;
    margin: 0 !important;
    border-radius: 0 !important;
	     background-color: #5c164e !important; border: 0 !important
}
.short-code .advgb-tabs-81760f2c-1a5a-4029-9ff9-88e690e8f7ba ul.advgb-tabs-panel li.advgb-tab.advgb-tab-active ,
ul.advgb-tabs-panel li.advgb-tab-active {
	  background-color: #ffffff !important;
	color: #353535 !important;
}
ul.advgb-tabs-panel li a {
	display: block; padding: 0!important;
}
.wp-block-advgb-adv-tabs .advgb-tab-body-wrapper{
	    border: 0!important;
    border-radius: 0!important;
    background: #fff;
    padding: 30px 55px;
    margin-bottom: 60px;
}
.advgb-tab-body h5 {padding-bottom: 15px}










.banner-slide.slide {
	height: 820px;
}


.slide {
	position: relative;
	transition: 1s;
}

.slide .slide__img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.slide .slide__img {
    position: absolute;
    /* top: 50%; */
    left: 0;
    /* transform: translateY(-50%); */
    top: 0;
    object-fit: cover;
}


.slide .slide__img img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1 !important;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	transition: all 1s ease;
}



.slide .slide__content.slide__content__left {
	left: 15%;
	transform: translate(-15%, -50%);
}

.slide .slide__content.slide__content__right {
	right: 15%;
	left: auto;
	transform: translate(5%, -50%);
}

.slide .slide__content--headings .animated {
	transition: all 0.5s ease;
}


.slider [data-animation-in] {
	opacity: 0;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	transition: opacity 0.5s ease 0.3s;
	transition: 1s;
}



/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
	from {
		transform: scale3d(1, 1, 1);
		transition: 1s;
	}

	to {
		transform: scale3d(1.1, 1.1, 1.1);
		transition: 1s;
	}
}

@keyframes zoomInImage {
	from {
		transform: scale3d(1, 1, 1);
		transition: 1s;
	}

	to {
		transform: scale3d(1.1, 1.1, 1.1);
		transition: 1s;
	}
}

.zoomInImage {
	-webkit-animation-name: zoomInImage;
	animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
	from {
		transform: scale3d(1.1, 1.1, 1.1);
		transition: 1s;
	}

	to {
		transform: scale3d(1, 1, 1);
		transition: 1s;
	}
}

@keyframes zoomOutImage {
	from {
		transform: scale3d(1.1, 1.1, 1.1);
		transition: 1s;
	}

	to {
		transform: scale3d(1, 1, 1);
		transition: 1s;
	}
}

.zoomOutImage {
	-webkit-animation-name: zoomOutImage;
	animation-name: zoomOutImage;
	transition: 1s;
}


@-webkit-keyframes stroke {
	52% {
		transform: rotate(-180deg);
		stroke-dashoffset: 0;
	}

	52.1% {
		transform: rotate(-360deg);
		stroke-dashoffset: 0;
	}

	100% {
		transform: rotate(-180deg);
		stroke-dashoffset: 126;
	}
}

@keyframes stroke {
	52% {
		transform: rotate(-180deg);
		stroke-dashoffset: 0;
	}

	52.1% {
		transform: rotate(-360deg);
		stroke-dashoffset: 0;
	}

	100% {
		transform: rotate(-180deg);
		stroke-dashoffset: 126;
	}
}

@-webkit-keyframes arrow {

	0%,
	100% {
		transform: translateX(0);
		opacity: 1;
	}

	23% {
		transform: translateX(17px);
		opacity: 1;
	}

	24%,
	80% {
		transform: translateX(-22px);
		opacity: 0;
	}

	81% {
		opacity: 1;
		transform: translateX(-22px);
	}
}

@keyframes arrow {

	0%,
	100% {
		transform: translateX(0);
		opacity: 1;
	}

	23% {
		transform: translateX(17px);
		opacity: 1;
	}

	24%,
	80% {
		transform: translateX(-22px);
		opacity: 0;
	}

	81% {
		opacity: 1;
		transform: translateX(-22px);
	}
}

@-webkit-keyframes arrowUp {

	0%,
	100% {
		transform: rotate(-40deg) scaleX(1);
	}

	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

@keyframes arrowUp {

	0%,
	100% {
		transform: rotate(-40deg) scaleX(1);
	}

	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

@-webkit-keyframes arrowDown {

	0%,
	100% {
		transform: rotate(40deg) scaleX(1);
	}

	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

@keyframes arrowDown {

	0%,
	100% {
		transform: rotate(40deg) scaleX(1);
	}

	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}


.slide__img img {
    opacity : 0  ; 
}
 .slick-current.slick-active .slide__img img {
    opacity : 1
}


.box-slider-wrap .slick-track
{
    display: flex !important;
}

.box-slider-wrap .slick-slide
{
    height: inherit !important;
}

.blocks-gallery-grid {
    margin-left: 0!important       
}
.blocks-gallery-grid li {padding-left: 0!important   }
.blocks-gallery-grid li:before{
    
    display:none !important   
}


.events-slider .slick-track
{
    display: flex !important;
}

.events-slider .slick-slide
{
    height: inherit !important;
}
.events-slider.slick-initialized .slick-slide ,
.events-slider.slick-initialized .slick-slide > div ,
.events-slider .events-box {
    height: 100%;
}

.banner-slide iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 9;   
}

.register-btn.btn  {
    padding-right: 40px;
}

 .btn.learn-btn.su-button-style-default {
    padding: 0;
    border: 0;
    background: transparent;
    width: auto;
    border: 0 !important;
    background-color: transparent !important;
    margin:0;width: 152px;
    display:block
    
 }
 .eventDetails .su-button-center {
     /*text-align: left !important;*/
     margin-bottom: 40px
 }
.btn.learn-btn.su-button-style-default span {
    display: block !important;
    width: auto;
    height: 50px;
    line-height: 50px !important;
    background: transparent;
    font-family: 'Century Gothic Regular';
    letter-spacing: .5px;
    border: 0 !important;
        background: #5c164e;
    border-radius: 5px !important;
    padding: 0 50px 0 25px !important;
    font-size: 20px !important;;
    position: relative;
}
 
 .btn.learn-btn.su-button-style-default span img {
    float: right;
    position: absolute;
       right: 10px;
    top: 50%;
    transform: translateY(-50%);
        margin: 0 !important;
 }
 
.arrow-down {
	position: absolute;
	right: 15px;
	height: 40px;
	width: 40px;
	top: 1px;
	display: flex;
	justify-content: center;
	align-items: center
}

.arrow-down:before {
	content: "\f107";
	font-family: 'FontAwesome';
	position: absolute;
	font-size: 27px;
	color: #5c164e;
}

.popup-none .member-link {
    display: none   
}


.main-content .wpostahs-slider-design-2 .wpostahs-slider-nav {
    max-width: 90%;   
}
.main-content .wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-track {
    margin: 0   
}
.main-content .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
    width : 100%;
}

.main-content  .wpostahs-slider-design-2 .wpostahs-centent {
    max-width: 780px   ; padding:0 15px;
}

.main-content h2.wpostahs-centent-title  {
    background: transparent; font-size : 16px;
    font-family: 'Century Gothic bold';
    display: none !important
}

.main-content .wpostahs-centent h2{
    font-size: 36px;
    background-position: center bottom;   
    margin-bottom: 0
}
.main-content .wpostahs-centent h2 strong {
    color:#5c164e
}
.main-content .wpostahs-slider-nav-content div img {
    max-width: 400px;
}

.wpostahs-slider-nav-title .wpostahs-title {
    font-size: 14px;
}


.wpostahs-slider-nav-title .wpostahs-title {
        color: #333333;
    font-weight: 400;
    font-family: 'Century Gothic Regular';
}

.wpostahs-slider-nav-title.slick-current  .wpostahs-title {
       font-family: 'Century Gothic bold';
}
/*
.main-content .wpostahs-slider-design-2 .wpostahs-slider-nav.wpostahs-slick-slider .slick-track {
    transform: none !important   
}
*/
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {
     background: #fff !important;
    border-color: #acacac !important;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
     background: #5c164e !important;
    border-color: #5c164e !important;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button:focus-visible ,
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button {
    background: #5c164e !important;
    border-color: #5c164e !important;
    outline :none !important
}
.wpostahs-slider-design-2 .wpostahs-slider-nav {
    margin-bottom: 25px !important   
}
.wpostahs-centent h6 {
    font-size: 16px;
     font-family: 'Century Gothic bold';
     padding-top: 7px; padding-bottom: 12px; padding-right : 50px !important;
    color:#333333; padding-bottom: 30px !important
}
.wpostahs-slider-wrp .wpostahs-slick-slider .slick-dots {
    display: none!important;   
}
.main-content .wpostahs-slider-design-2 {
    margin-top: 100px   
}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title:nth-child(even) .wpostahs-title {
    margin-top: -42px;
}
.main-content .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
    top: 40%   
}

.wpostahs-slider-wrp {
    padding-bottom: 65px;   
}

.main-content .wpostahs-centent p {
    text-align: left !important;   
}

.main-content .wpostahs-slider-wrp  .wpostahs-slider-nav-content {
    display :flex;
    flex-wrap: wrap;   
}
.wpostahs-slider-nav-content .wpostahs-centent-title {
    flex:0 0 100%;
    max-width:100%;
    width:100%;
    order:3;
    padding-right: 51px !important;
}
.wpostahs-slider-nav-content .wpostahs-centent {
    flex:0 0 100%;
    max-width:100%;
    width:100%;
    order:2;
    padding-top: 20px!important;
}
.wpostahs-slider-nav-content .wpostahs-centent + div {
    flex:0 0 100%;
    max-width:100%;
    width:100%;
    order : 1
} 

.main-content .wpostahs-slider-design-2 .wpostahs-slick-slider .slick-arrow {
        background: url(https://gsdc.swatwarelabs.com/wp-content/uploads/2021/09/timelinearrow-left.png) center center no-repeat !important;
    
    outline: none !important;
        background-size: 45px 45px !important;
    width: 82px!important;
    height: 54px !important;
    border: 0 !important;
    background-repeat: no-repeat !important;
    font-size: 0;
    line-height: 1;
    top: 42% !important;
    left: -30px !important;
    margin-top: 0 !important;
    transform: translateY(-50%);
}
.main-content .wpostahs-slider-design-2 .wpostahs-slick-slider .slick-arrow.slick-next {
    background: url(https://gsdc.swatwarelabs.com/wp-content/uploads/2021/09/timelinearrow-right.png) center center no-repeat !important;
    right: -30px !important;
    left: auto !important;
     background-size: 45px 45px !important;
}