.main-slider  .social-networks-icon a { padding-bottom: 0px; padding-top: 0px; }
.fba-tag { border-radius: 50px; padding: 3px 25px; display: inline-block; line-height: 33px; margin: 0px 5px;
    color: #ccdc3b !important; background-color: #ed151f !important; }
.fba-tag:hover{ color: #ed151f !important; background-color: #ccdc3b !important; }

.hide{ display: none; }
/*#accordion .card-header a { color: #fff; }*/
.help-block{color: red; font-size: 12px; }

.a-button{
    background-color: #ccdc3b;
    color: #ed151f;
    margin: 0px;
    padding: 5px 10px;
    font-size: 80%;
    line-height: 30px;
    box-shadow: 3px 3px grey;
    border-radius: 50px;
}

.login { padding-top: 40px !important;}
.login h2 { margin-bottom: 0px; }
.formlogin{padding-top: 20px !important;}
.login-logo{padding-bottom: 25px;}
.forgot-pw{font-size: 12px;}
.login-cookie{font-size: 12px;}
.login-cookie .form-check-input { margin-top: 0.1rem; }

.whoweare, .membersection, .resources, .eventspage, .gallery, .classifiedss, .mentorshipprogram, .timelineevent {padding: 10px !important;}
.single-about-text { padding: 10px 0; }
.masonry .brick { margin-bottom: 10px; }

.weTeam img { max-width: 120px; }
.gallery{min-height: 420px;}
.eventtext a img { border-radius: 5px; }
.cur-event{ border-radius: 50px; display: inline-grid; background: #fff }

.eventslist .upcomingbutton {
    border-radius: 100px;
    padding: 12px 50px;
    font-size: 20px;
    font-weight: 600;
    top: -27px;
    bottom: auto;
}

.upcomingbutton:focus, .upcomingbutton:hover{
    outline: none;
    cursor: alias;
}


@media only screen and (min-width: 1024px) {
    .masonry-full { column-count: 8; }
}


.eventslist .eventimg img {
    border-radius: 50px 50px 0px 0px;
    max-width: 100%;
    padding: 0px;
    width: auto;
    height: auto;
    margin: 0 auto;
    max-height: 180px;
}

.footer-logo img { width: 115px; }

.mar-15{ margin-top: 28px; }
.new-padd{padding-right: 5px; }
.new-padd-l{padding-left: 5px; }
.box-4imgview { margin-bottom: 10px; }
.star-member{cursor: pointer; }
.label-error{font-size: 12px; color: red; }

.button{ padding: 0; border: none; display: inline-flex; height: 41px; align-items: center; background: #3377c0; color: #ffffff; cursor: pointer; position: relative; /*padding-left: 18px; padding-right: 38px;*/ border-radius: 5px; padding: 0 20px; }
.text-justify { text-align: justify!important; }
.page-wrap{ padding: 20px 0; }
.team{margin-top:50px; }
.team h4{font-size:3em; color:#3b60c9; font-weight:700; margin-bottom:35px; }
.team p{font-size:1.4em; text-align:justify; }
.team img{border-radius:5px; border:1px solid#ccc; width:170px; }
.team-data{ padding-top: 30px; margin-bottom: 50px; padding-bottom: 30px; text-align: justify; }
.team-boder{ border-bottom: 1px solid #c6c6c6;}
.team-title{font-size: 2em !important; color: #3b60c9; font-weight: 600; }
.team-desc{font-weight: 600; margin-bottom: 0; }
.team-depart{font-size: 1.2em; }
.team-email{color: #1f6eae; }
.section-title { font-size: 18px; margin-bottom: 0px; color: #464545; padding-bottom: 15px; }
.section-title h3 { font-size: 24px; text-transform: capitalize; font-weight: 600; color: #231f20; }
.section-title span { position: absolute; width: 70px; height: 3px; background-color: #d6d6d6; }
.section-title { margin-bottom: 15px; }
.buttonmember a:hover { background: #eb554d; }
.photo-wrapper img{ border-radius: 10px; }

.speaker-wrapper{text-align: center; }
.speaker-wrapper .name{margin-top: -15px; }
.about-speaker{text-align: justify; }

.events ul { list-style: none; padding: 0; }
.events li { padding-left: 1.3em; margin-bottom: 10px; }
.events li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }
.call-heading{font-style: italic;}
.topheading { padding-bottom: 5px; }
.form-control{border-radius: .5rem;}
.fromclass{border-radius: 10px;}
.new-wrap img { border-radius: 15px; }
.no-padding{text-align: center;}

.ajx-div{ text-align: center; margin-bottom: 10px; }
.ajx-success{ color: green; }
.ajx-error{ color: red; }
.a-book{ color: #7d7d7d;}
.a-book :hover{ color: #ed4534; }

.error { border: 2px solid #f00; }
/*.valid { border: 2px solid #0ff; }*/

@media (min-width: 320px) and (max-width: 767px) {
    .fromclass{ margin-top: 30px;}
    .photo-wrapper img{width: 100%;}
}

.mentorsh-a { margin-bottom: 10px !important; }
.b-title {color: #7c7c7c; font-size: 13px;}
.bookimg img { width: 150px; margin: 0px auto; height: 180px; }
.fullimg .img-fluid { width: 100%; height: auto; }
.tellme{font-style: italic;}
.mentor1 label{margin: auto; }
.goto .checkbox{margin-right: 10px; }
.goto input[type=checkbox] { width: 15px; height: 15px; }

/* time line css*/
.timelineevent{width:100%; float:left; background:#fff; padding:60px 0;}
.timelineevent h1{width:100%; float:left; text-align:center; text-transform:none;font-size: 15px;}
.timelineevent h1 span{ width: 100%; position:relative; text-transform: uppercase; font-size: 25px; padding:10px 20px 10px 20px; margin-bottom: 26px;}
.timelineevent h1 span:before{content: ""; position: absolute; height: 3px; width: 100%;left: 0px; right: 0px; background: #ff0004;bottom: 0px;}
.timelineevent #content { margin-top: 30px; text-align: center; }
.timelineevent .timeline { border-left: 4px solid #ccdc3b; border-bottom-right-radius: 4px; border-top-right-radius: 4px; background: rgba(255, 255, 255, 0.03); color: #000; font-family: "Source Sans Pro", sans-serif; margin: 0px 0px 0px 200px; letter-spacing: 0.5px; position: relative; line-height: 1.4em; font-size: 1.03em; padding: 50px; list-style: none; text-align: left; font-weight: 100; max-width: 81%; }
.timelineevent .timeline h3 { letter-spacing: 1.5px; font-weight: 500; font-size: 22px; margin: 0 0 10px 0 !important;}
.timelineevent .timeline .event { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); padding-bottom: 25px; margin-bottom: 50px; position: relative; }
.timelineevent .timeline .event:last-of-type { padding-bottom: 0; margin-bottom: 0; border: none; }
.timelineevent .timeline .event:before, .timelineevent .timeline .event:after { position: absolute; display: block; top: 0; }
.timelineevent .timeline .event:before { left: -217.5px; color: #000; content: attr(data-date); text-align: right; font-weight: 500; font-size: 0.9em; min-width: 120px; }
.timelineevent .timeline .event:after { box-shadow: 0 0 0 4px #ccdc3b; left: -57.85px; background: #ff0004; border-radius: 50%; height: 11px; width: 11px; content: ""; top: 5px; }
.timelineevent .timeline .event p { color: #000; font-weight: 400; font-size: 14px; }

/*mentorship*/
.buttonmember a { display: block; padding: 0px 0px; background: #3b60c9; text-align: center; border-radius: 0px; margin-top: 0%; color: #fff; text-decoration: none; }
.textcopy {}
.textcopy .imgtest { width: 100px; border-radius: 51px; height: 100px; margin: 0 auto;overflow: hidden; }
.textcopy p{width: 100%; float: left; font-size: 13px; height: 115px;overflow: hidden;}
.textcopy h4{margin-top: 25px !important; float: left; font-weight: 600; font-size: 20px;    width: 70%; overflow: hidden; }
.textcopy h6{    width: 70%; overflow: hidden; float: left; font-weight: 400; font-size: 16px; margin-top: 3px !important; }

.tetxdes h2 span:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    left: auto;
    right: auto;
    background: #ff0004;
    bottom: 0px;
}


.whoweare-inner h2 span { position: relative; font-size: 25px; margin-bottom: 8px; }
.team-btn{margin: 10px 5px 10px 0;}
.star-team{text-align: right; }


.padd-btm{margin-bottom: 10px; margin-left: -7px; margin-right: -7px;}
.lib-row-padd{margin-bottom: 10px; margin-left: -13px; margin-right: -13px;}
.loader {width:50px;position:absolute;top:50%;left:40%;padding:2px; z-index: 9999;}


 


/* ---------------- */
.clip1 {
  clip-path: url(#clip);
}

.star-link {
  position: absolute;
  left: 125px;
  background-color: blue;
  min-height: 100px;
  height: 100px;
  width: 100px;
  min-width: 100px;
}

.clip1:hover {
  opacity: 0.5;
}

