/*-----------------------/
/ custom styles here  	 /
/-----------------------*/
#fcity{display: none;}
.header-main-banner{position: inherit;}
/*.horizontalMenu>.horizontalMenu-list.home-navi{margin: 17px auto 0 auto;}*/
.cust-form input[type=text], .cust-form input[type=email], .cust-form input[type=number], .cust-form input[type=file], .cust-form .select2-container--default .select2-selection--single, .cust-form textarea, .cust-form input[type=password]{border: 1px solid #b7b7b7 !important; color: #000000;}
.cust-form input:focus, .cust-form textarea:focus{border: 1px solid #3454c2 !important;}
.bannerimg{padding: 6.5rem 0 1rem 0;}
.blogos img{width: 60px; height: 60px;}
.bubanner.pattern-1{background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url(../images/banners/business-banner.jpg) center; background-size: cover;}
.brround{border: 4px solid #fff;}
/* datatables pagination*/
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: .5em 1em !important; margin-left: 2px !important;}
.next:hover{transform: translate(0, 0);}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #3555c2; color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #3555c2; color: #fff !important;}
.buser-tab.usertab-list{display: block;}
.src_icon.fa-search{position: absolute; z-index: 5; right: 10px; top: 12px; color: #3454c2;}
.search_ul_wrap{display: block; width: 100%;}
.search_ul_wrap ul{display: block; width: 100%; position: absolute; top: 38px; z-index: 1; background: #fff;}
.search_ul_wrap ul li{padding: 6px 13px; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;}
.search_ul_wrap ul li a{display: block;}
.field-icon{float: right; margin-right: 10px; margin-top: -27px; position: relative; z-index: 2;}
.day_lbl{width: 81px; display: inline-block;}
.tab-content.bpage_tab .tab-pane .card-body a{display: inline;}
.avatar-xxxl{width: 14rem; height: 14rem;}
.mem_div{border-bottom: 1px solid #e8ebf3}
a.ctas:hover{color: initial;}
.hme_cont p{font-size: 17px;}
.banner-slider .slider-img{position: inherit;}
.filter-product-checkboxs{height: 306px; overflow-y: auto;}
.blink_me {animation: blinker 2s linear infinite;}
.job_card a:hover{color: initial;}
@keyframes blinker {
  50% {opacity: 0;}
}
.md_name{min-height: 42px;}
.md_card{padding: 1.5rem 1rem;}
.bd_name{min-height: 42px;}
.bd_card{padding: 1.5rem 1rem;}
.ev_name{min-height: 42px;}
.ev_desc{min-height: 45px;}
.ev_img{}
.item-card .item-card-desc .item-card-text span.badge.badge-mag{top: 51%;}


.team-section .team-img img{width: 150px; height: 150px;}
.event_list .brround{border: 2px solid #a6a3ba;}
@media (min-width: 992px){
  .banner-slider div.item{height: 603px;}
  .banne_hom{top: 96px;}
}


/*Timeline styles*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* INTRO SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.intro {
  background: #f45b69;
  padding: 100px 0;
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
  /*background: #456990;*/
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #456990;
  color: #3e5dc5;
}

.timeline ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 64px;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
  z-index: 1;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #cbd7ff;
  border-radius: 10px;
  box-shadow: 1px 1px 10px #cdbfbf;
}

.timeline ul li div::before {
  content: "";
  position: absolute;
  top: 21px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #f45b69 transparent transparent;
}

.timeline ul li:nth-child(even) div {
  left: -439px;
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #f45b69;
}

.timeline ul li span{display: block; color: #000;}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background 0.5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #f45b69;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #f45b69 transparent transparent;
  }
}


/* EXTRA/CLIP PATH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-clippy ul li::after {
  width: 40px;
  height: 40px;
  border-radius: 0;
}

.timeline-rhombus ul li::after {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.timeline-rhombus ul li div::before {
  bottom: 12px;
}

.timeline-star ul li::after {
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
}

.timeline-heptagon ul li::after {
  clip-path: polygon(
    50% 0%,
    90% 20%,
    100% 60%,
    75% 100%,
    25% 100%,
    0% 60%,
    10% 20%
  );
}

.timeline-infinite ul li::after {
  animation: scaleAnimation 2s infinite;
}

@keyframes scaleAnimation {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.25);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}


/*Timeline styles ends*/