/*



New Event



http://www.templatemo.com/tm-486-new-event



*/



body {

		background: #ffffff;

    font-family: 'Poppins', sans-serif !important;

    font-style: normal;

		font-weight: 400;

}





/*---------------------------------------

    Typorgraphy              

-----------------------------------------*/

h1,h2,h3,h4,h5,h6 {

  font-weight: 600;

}



h3,h5 {

  font-weight: 500;

}



h1 {

    font-size: 40px;

    letter-spacing: 2px;

}



h2 {

  font-size: 32px;

  text-transform: uppercase;

}



h3 {

  line-height: 36px;

}



h5 {

    letter-spacing: 1px;

    padding-top: 10px;

}



p {

    color: #707070;

    font-size: 16px;

    line-height: 24px;

}



a {

  text-decoration: none !important;

  outline: none;

}



b {

  color: #d10a57 !important;

}





/*---------------------------------------

    General               

-----------------------------------------*/

.section-title {

  margin-bottom: 32px;

}



#overview,

#register {

  padding-top: 10rem;

  padding-bottom: 10rem;

}



#detail, #video,

#speakers, 

#program,

#sponsors, 

#contact, footer {

    padding-top: 10rem;

    padding-bottom: 10rem;

}



#detail,

#speakers, #sponsors,

footer {

  text-align: center;

}



#overview h3,

#detail h3, #video h3,

#register h3,

#venue h3,

#contact h3 {

    padding-bottom: 12px;

}



#intro .btn,

#contact .btn {

    background: transparent;

    border: 2px solid #ffffff;

    border-radius: 0px;

    color: #ffffff;

    font-weight: 600;

    letter-spacing: 1px;

    font-size: 12px;

    padding: 14px 42px;

    /* margin-top: 42px; */
    margin-top: 5px;

    margin-right: 12px;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



#intro .btn-danger,

#contact .btn-danger {

    background: #f2545f;

    border-color: transparent;

}



#contact .btn {

  border-radius: 100px;

}



#intro .btn-danger:hover {

  background: transparent;

  border-color: #ffffff;

  color: #ffffff;

}



#contact .btn-danger:hover {

  background: #222;

}



#intro .btn-default:hover {

    background: #ffffff;

    color: #333333;

    border-color: transparent;

}



.parallax-section {

  background-attachment: fixed !important;

  background-size: cover !important;

}







/*---------------------------------------

    Preloader section              

-----------------------------------------*/

.preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

  background: none repeat scroll 0 0 #ffffff;

}



.sk-rotating-plane {

  width: 50px;

  height: 50px;

  background-color: #222;

  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;

          animation: sk-rotatePlane 1.2s infinite ease-in-out; }



@-webkit-keyframes sk-rotatePlane {

  0% {

    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {

    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {

    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }



@keyframes sk-rotatePlane {

  0% {

    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {

    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {

    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }







/*---------------------------------------

    Navigation Links section              

-----------------------------------------*/

.custom-navbar {

    margin-bottom: 0;

    /* background-color: #101010; */

    background-color: #e3f3fc !important;

}



.custom-navbar .navbar-brand {

    color: #ffffff;

    font-weight: 600;

    font-size: 3rem;

    line-height: 40px;

}



.custom-navbar .nav li a {

    color: #004d6e;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 0.6px;

    text-transform: uppercase;

    line-height: 40px;

    transition: all 0.4s ease-in-out;

}



.custom-navbar .nav li a:hover {

    background: transparent;

    color: #fff;

}



.custom-navbar .navbar-nav > li > a:hover,

.custom-navbar .navbar-nav > li > a:focus {

  background-color: transparent;

}



.custom-navbar .nav li.active > a {

    background-color: transparent;

    color: #fff;

    background: #d10a57;

}



.custom-navbar .nav li:hover,

.custom-navbar .nav li:focus {

    background: #d10a57;

}



.custom-navbar .navbar-toggle {

    border: none;

    padding-top: 10px;

}



.custom-navbar .navbar-toggle {

    background-color: #d10055;

}



.custom-navbar .navbar-toggle .icon-bar {

    background: #ffffff;

    border-color: transparent;

}



@media(min-width:768px) {

    .custom-navbar {

        /* padding: 20px 0; */

        border-bottom: 0;

        background: 0 0; 

    }

    .custom-navbar.top-nav-collapse {

        background: #101010;

        padding: 0;

    }



}



.logo-svg {

  width: 100%;

}



/*---------------------------------------

    Intro section              

-----------------------------------------*/

#intro {

    background: url('../images/intro-bg-2.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    color: #ffffff;

    display: -webkit-box;

    display: -webkit-flex;

     display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

     -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

    height: 100vh;

    max-height: 600px;

    text-align: center;

    border-bottom: 5px dashed #d10055;

}



#intro h3 {

  letter-spacing: 2px;

}



.intro-custom h1 {

  color: #d10055;

}



.intro-custom h3 {

  color: #007fb6;

  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 30px;
}



.intro-custom img {

  width: 100%;

}

.intro-text .nav-tabs li.active {
  scale: 1.0 !important;
}

.intro-text .nav-tabs li a {
  cursor: default !important;
}

.intro-text .nav-tabs li a {
  min-width: 270px;
  text-align: left;
}

.intro-text {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.intro-text h1 {
  font-size: 32px;
}

.row.intro-custom{

  display:flex;

  align-items:center;

  flex-wrap:wrap;

}

@media (max-width:768px){

  .row.intro-custom{

    /* flex-direction:column; */

    text-align:center;

  }



  .overview-custom-text {

    width: 100%;

  }



  .overview-custom {

    justify-content: center !important;

    width: 100%;

    margin-top: 30px;

  }

}



/*---------------------------------------

   Overview  section              

-----------------------------------------*/

#overview {

  border-bottom: 5px dashed #d10055;

}



#overview h3 {

  color: #d10055;

}

#overview img {

  position: relative;

  /* padding-bottom: 32px; */

}



/* область с вирусами слева от круга */

.virus-wrap{

  position:absolute;

  left:-110px;          /* подгони под свой макет */

  top:50%;

  transform:translateY(-50%);

  width:150px;

  height:280px;

  pointer-events:none;

  z-index:3;            /* поверх барьера, но под текстом */

}

.virus{

  position:absolute;

  width:60px;           /* размер иконок вирусов */

  will-change:transform;

  border: none !important;

}



/* индивидуальные позиции + лёгкая дрожь */

.v1{top:0;     left:60px;  animation:float1 4.8s ease-in-out infinite; width: 36px;}

.v2{top:120px; left:15px;  animation:float2 5.6s ease-in-out infinite; width: 21px;}

.v3{top:50px;  left:-10px; animation:float3 6.2s ease-in-out infinite; width: 50px;}

.v4{top:120px; left:40px; animation:float2 3.2s ease-in-out infinite;  width: 46px;}

.v5{top:180px; left:40px; animation:float1 4.9s ease-in-out infinite;  width: 15px;}

.v6{top:225px; left:30px; animation:float3 2.2s ease-in-out infinite;  width: 58px;}

.v7{top:-180px; left:105px; animation:float2 3.8s ease-in-out infinite;  width: 48px;}



/* ключевые кадры — чуть вверх/вниз и вправо/влево */

@keyframes float1{

  0%,100%{transform:translate(0,0);}

  50%    {transform:translate(8px,-14px);}

}

@keyframes float2{

  0%,100%{transform:translate(0,0);}

  50%    {transform:translate(-10px,10px);}

}

@keyframes float3{

  0%,100%{transform:translate(0,0);}

  50%    {transform:translate(6px,-8px);}

}



.circleOne {

  border: 5px dashed #e70e92;

  border-radius: 50%;

  padding: 15px;

  max-width: 400px;

  position:relative;

  z-index:1;

}



.circleOne img {

  border: 5px dashed #ffde00;

  border-radius: 50%;

}



.overview-custom {

  position: relative;

  display: flex;

  justify-content: flex-end;

}



.overview-custom-text h3 {

  margin-top: 0px !important;

  text-transform: uppercase;

  font-weight: bold;
  font-size: 32px;

}



.title-schema {

  margin-bottom: 0px !important;

  padding: 10px 10px 10px 0px !important;

}



.overview-custom-text b {

  color: #d10a57;

}



.row.overview {

  display:flex;

  align-items:center;

}



.timeline {

  display: flex;

  justify-content: space-between;

  /* max-width: 900px; */

  margin: 0 auto;

  padding: 20px 0;

}

.timeline .item {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.timeline .box {

  width: 44px;

  height: 44px;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 6px;

}

.timeline .item:first-child .box {

  border-top-left-radius:5px;

  border-bottom-left-radius:5px;

}

.timeline .item:last-child .box {

  border-top-right-radius:5px;

  border-bottom-right-radius:5px;

}

.timeline .box.filled {

  background-color: #d10a57;

}

.timeline .box.empty {

  background-color: #ffde00;

}

.timeline .box.filled i {

  color: #FFF;

  font-size: 24px;

}

.timeline .label {

  font-size: 14px;

  color: #222;

  white-space: nowrap;

  padding: 0px !important;

}



@media (max-width: 1024px) {

  .timeline .box {

    width: 36px;

    height: 36px;

  }

}



@media (max-width: 768px) {

  .timeline .box {

    width: 24px;

    height: 24px;

  }



  .timeline .label {

    font-size: 10px;

  }

}



@media (max-width: 480px) {

  .div-right-gde-kupit a {
    width: 100%;
  }

  .alert-2 {
    font-size: 24px;
  }

  .buttons-div-instruct {
    flex-direction: column;
  }

  .timeline .box {

    width: 12px;

    height: 12px;

  }

  .intro-text {
    align-items: center;
  }



  .timeline .box.filled i {

    font-size: 8px;

  }



  .timeline .label {

    font-size: 8px;

  }



  .dosage-inline {

    flex-direction: column;

  }



  .circleOne .img-responsive {

    max-width: 250px;

  }

}



/* небольшой отступ сверху */

.dosage-inline { 

  margin-top: 20px;

  margin-left: 0px !important;

  margin-right: 0px !important;

  display: flex;

  justify-content: space-between;

}



.schema-priema .row::before,

.schema-priema .row::after  {

  display: none !important;

}



  .dosage-inline .dosage-item {

    background: #f9f9f9;

    border: 1px solid #e0e0e0;

    /* border-radius: 8px; */

    padding: 18px 12px;

    text-align: center;

    box-shadow: 0 2px 6px rgba(0,0,0,0.06);

    transition: transform .2s, box-shadow .2s;
    border-radius: 10px;

  }

  .dosage-inline .dosage-item:hover {

    transform: translateY(-4px);

    box-shadow: 0 4px 12px rgba(0,0,0,0.1);

  }

  .dosage-inline .dosage-item h4 {

    font-size: 16px;

    color: #DC0273;

    margin-bottom: 12px;

    min-height: 35px;

  }

  .dosage-inline .dosage-item .icons img {

    width: 24px;

    margin: 0 4px;

    vertical-align: middle;

  }

  .dosage-inline .dosage-item p {

    margin: 8px 0 0;

    font-size: 14px;

    color: #555;

  }



@media (max-width:768px){

  .row.overview {

    flex-direction:column;

    /* text-align:center; */

  }



  .virus.v7 {

    /* display: none !important; */

  }



  .circleOne img {

    padding-top: 0px !important;

  }



  .tabs-custom {

    width: 100%;

  }



  #contact .row {

    display: flex;

    flex-direction: column;

  }



  .contact-text-custom {

    width: 100%;

  }



  .contact-form-custom {

    width: 100%;

  }



  .custom-navbar .container {

    align-items: center;

    display: flex;

    flex-direction: column;

  }

}



@media(max-width:480px) {

  .custom-navbar .container {

    display: block !important;

  }

  .virus.v7 {
    display: none !important;
  }

}



/*---------------------------------------

    Detail section              

-----------------------------------------*/

#detail {

  background: url('../images/detail-bg.jpg') 50% 0 repeat-y fixed;

    /* background: #222; */

    /* background:linear-gradient(135deg,

    #d4007f 0%,

    #ff0f8c 18%,

    #ff3f78 32%,

    #ff6f4f 55%,

    #ff9b2f 74%,

    #ffc728 88%,

    #ffd94a 100%); */

    color: #ffffff;

    padding: 10rem 15px !important;

}



#detail .fa {

  color: #f2545f;

  font-size: 48px;

}



#detail .container {

  /* width: 100% !important; */

}



.row.detail {

  display:flex;

  align-items:center;

  justify-content: center;

  flex-wrap: wrap;

}



.detail-div {

  width: 33%;

  display: flex;

  flex-direction: column;

  align-items: center;

  min-height: 320px;

  margin-top: 30px;

}



#detail .row::before {

  display: none !important;

}



.detail-div h3 {

  min-height: 85px;

}



.detail-div p {

  color: #fff;

}



.detail-title {

  margin-bottom: 36px !important;
  font-size: 32px;

}



.detail-div span {

  font-size: 50px;

  background: #d10a57;

  width: 70px;

  border-radius: 50%;

}



@media (max-width:1024px) {

  .detail-div {

    width: 32%;

    min-height: 320px;

  }



  .row.detail {

    justify-content: center;

    gap: 10px;

  }

}



@media (max-width:768px) {

  .detail-div {

    width: 45%;

  }



  .row.detail {

    justify-content: center;

    gap: 10px;

  }

}



@media (max-width:480px) {

  .detail-div {

      width: 80%;

  }

}



/*---------------------------------------

    Video section              

-----------------------------------------*/

#video iframe {

  border: none;

}







/*---------------------------------------

   Speakers section              

-----------------------------------------*/

#owl-speakers .owl-prev,
#owl-speakers .owl-next {
  position: absolute;
  top: 45%;
  -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

#owl-speakers {
  width: 100% !important;
  min-height: 235px;
}

.div-right-gde-kupit {
  width: 100% !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 235px;
  /* gap: 30px; */
}

.div-right-gde-kupit a {
  padding: 0px 15px !important;
  width: 50%;
}

.div-right-gde-kupit img {
  max-width: 100% !important;
  min-width: unset !important;
  min-height: 194px !important;
  background: #fff !important;
  border-radius: .4em !important;
  gap: 45px;
  padding: 15px;
  margin-top: 20px;
}



#owl-speakers .owl-prev {

  /* left: -45px; */
  left: 0px;

}



#owl-speakers .owl-next {

  /* right: -45px; */
  right: 0px;

}



.owl-theme .owl-controls .owl-buttons div {

  padding: 10px 15px;

  opacity: 1;

  background: #fff;

  border: none;

  color: #d10a57;

}



#speakers {

  background: #f9f9f9;

  border-top: 5px dashed #d10055;

  border-bottom: 5px dashed #d10055;

}



#speakers .container {

  border-radius: 3em;

  padding: 1.5em 4.5em 1.5em 4.5em;

  background: #d10a57;

}



#speakers .section-title h2 {

  color: #fff;
  font-size: 32px;

}



#speakers h3 {

    font-size: 18px;

    margin-bottom: 0px;

}



#speakers h6 {

  color: #666;

  margin-top: 4px;

}



#speakers img {
    width: 100%;
    max-width: 150px;
    max-height: 150px;
    height: auto;
    min-width: 150px;
    min-height: 150px;
    object-fit: contain;

}



#speakers .col-md-3 {

    display: block;

    width: 100%;

    padding-top: 30px;

    /* padding-bottom: 20px;

    margin-bottom: 22px; */

}



#speakers .speakers-wrapper {

    background: #ffffff;

    padding: 22px;

    border-radius: .4em;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;

}

@media (max-width:768px) {
  #speakers img {
    min-width: unset;
    min-height: unset;
  }

  .div-right-gde-kupit img {
    min-height: 140px !important;
    margin-top: -35px;
  }

  #owl-speakers .owl-prev,
  #owl-speakers .owl-next {
    top: 45%;
  }

  #speakers .speakers-wrapper {
    min-height: 194px;
  }
}

@media (max-width:480px) {

  #owl-speakers .owl-prev,
  #owl-speakers .owl-next {
    top: 45%;
  }

  .div-right-gde-kupit {
    width: 100% !important;
    gap: 65px !important;
    padding-top: 25px;
    flex-direction: column;
  }

  #owl-speakers {
    width: 100% !important;
  }

  #speakers .speakers-wrapper {
    min-height: 195px;
  }

}



/*---------------------------------------

   Program section              

-----------------------------------------*/

#program {

  border-bottom: 5px dashed #d10055;

}



#program .tab-content>.active {

  display: flex;

  align-items: center;

}



#program h4 {

    color: #808080;

    font-size: 12px;

}



#program h3 {

  margin-top: 16px;

  color: #d10055;

}



#program h2 {

  color: #d10055;
  font-size: 32px;

}



#program .program-divider {

    border: 1px solid #f9f9f9;

    margin-top: 32px;

    margin-bottom: 42px;

}



#program span {

    padding-right: 12px;

}



#program img {

  /* border-radius: 50%; */

}



.nav-tabs {

  margin-bottom: 20px;
  border-bottom: unset !important;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;

}

.nav-tabs::before {
  display: none !important;
}

.nav-tabs > li::before {
  display: none !important;
}

.nav-tabs a::before {
  content: "\f00c";
  margin-right: 5px;
  color: #ffde00;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  background: #d10055;
  transition: all 0.5s ease-out;
  border-radius: 10px;
}

.nav-tabs > li.active {
  scale: 1.1;
}

.nav-tabs > li > a {

  color: #fff;

  font-weight: 600;

  margin-right: 2px;

  line-height: 1.42857143;

  border: none;

  border-radius: 0px;

}

.nav-tabs > li > a:hover {

  background-color: transparent;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

  color: #fff;

  cursor: default;

  background-color: transparent;

  /* border: 1px solid transparent; */
  border: unset;

  border-bottom-color: #999;

}

.tab-content {

  padding-top: 20px;

}



@media (max-width:480px) {

  .nav-tabs {

    display: flex;

    flex-direction: column;

    align-items: center;

  }



  #program .tab-content>.active {

    display: flex;

    align-items: center;

    flex-direction: column;

  }

}



/*---------------------------------------

    Regsiter section              

-----------------------------------------*/

#register {

    background: url('../images/register-bg.jpg') 50% 0 repeat-y fixed;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    color: #ffffff;

}



#register .form-control {

  background: transparent;

  border: 2px solid #ffffff;

  border-radius: 0px;

  color: #ffffff;

  margin-bottom: 16px;

}



#register input {

  height: 45px;

}



#register input[type="submit"] {

  background: #f2545f;

  border-radius: 100px;

  border: none;

  color: #ffffff;

  letter-spacing: 2px;

  height: 50px;

  margin-top: 12px;

  transition: all 0.4s ease-in-out;

}



#register input[type="submit"]:hover {

  background: #ffffff;

  color: #222;

}







/*---------------------------------------

   Faq section              

-----------------------------------------*/

#faq {

  background: #f9f9f9;

  padding-top: 8rem;

  padding-bottom: 8rem;

  border-bottom: 5px dashed #d10055;

}



#faq h2 {

  color: #d10055;

}



#faq .panel-group {

  margin-top: 32px;

}



#faq .panel-group .panel {

  margin-bottom: 8px;

}



#faq .panel-default {

  border: none;

}



#faq .panel-default>.panel-heading {

  background: #f0f0f0;

  color: #505050;

}



#faq .panel-heading {

  border: none;

  padding-top: 8px;

  padding-bottom: 6px;

}



#faq .panel-default>.panel-heading+.panel-collapse>.panel-body {

  border-top: none;

  padding-top: 22px;

  padding-left: 32px;

  padding-bottom: 22px;

}



#faq .panel-heading .panel-title a[data-toggle="collapse"] {

  font-size: 16px;

  font-weight: 500;

  position: relative;

  display: block;

  width: 100%;

  height: 100%;

  padding: 10px 15px;

}



#faq .panel-heading .panel-title a[data-toggle="collapse"]::after {

  content: "-";

  display: block;

  position: absolute;

  line-height: 1;

  right: 1em;

  top: 50%;

  transform: translateY(-50%);

}



#faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed::after {

  content: "+";

}







/*---------------------------------------

   Venue section              

-----------------------------------------*/

#venue {

    background: url('../images/venue-bg.jpg') 50% 0 repeat-y fixed;

    background-size: cover;

    background-position: center center;

    padding-top: 7rem;

    padding-bottom: 7rem;

}



#venue p {

  padding-top: 12px;

  padding-bottom: 18px;

}







/*---------------------------------------

   Sponsors section              

-----------------------------------------*/

#sponsors img {

  margin-top: 18px;

}







/*---------------------------------------

   Contact section              

-----------------------------------------*/

#contact {
    /* background: url('../images/contact-bg.jpg') 50% 0 repeat-y fixed; */
    background-size: cover;
    background-position: center center;
    border-bottom: 5px dashed #d10055;
    /* padding-bottom: 20px; */
}



#contact .section-title {

  color: #d10055;

}



#contact .contact_des {

  /* padding-top: 3rem; */

  /* padding-right: 2rem; */

}

.button-instruct {
    margin-top: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    text-align: center;
}

.buttons-div-instruct {
  display: flex;
  align-items: center;
}

#contact .contact_detail {

  background: #ffffff;

  padding: 5rem 5rem 12rem 5rem;

}



#contact .form-control {

  background: #e3f3fc;

  border: none;

  border-bottom: 1px solid #f0f0f0;

  border-radius: 0px;

  box-shadow: none;

  margin-bottom: 16px;

  transition: all 0.4s ease-in-out;

}



#contact .form-control:focus {

  border-bottom-color: #999;

}



#contact input {

  height: 45px;

}



#contact input[type="submit"] {

  background: #d10055;

  border-radius: 100px;

  border: none;

  color: #fff;

  border: 1px dashed #d10055;

  letter-spacing: 2px;

  height: 50px;

  margin-top: 12px;

  transition: all 0.4s ease-in-out;

  font-weight: bold;

}



#contact input[type="submit"]:hover {

  background: #f2545f;

}



#contact #submit:hover {

  background: #fff !important;

  color: #d10055 !important;

}



.contact_des a {

  background: #fff !important;

  color: #d10055 !important;

  border: 1px dashed #d10055 !important;

}



.contact_des a:hover {

  background: #d10055 !important;

  color: #fff !important;

}



.contact_des h2 {

  color: #d10055 !important;

}

.alert-1,
.alert-2,
.alert-3 {
  color: #d10055;
  text-align: center;
}

.alert-3 {
  margin-top: 0px !important;
}

.alert-2 {
  margin-bottom: 0px !important;
}



/*---------------------------------------

   Footer section              

-----------------------------------------*/

footer {

  background-attachment: fixed;

}







/* Back top */

.go-top {

  background-color: #d10055;

  bottom: 2em;

  right: 2em;

  color: #ffffff;

  font-size: 32px;

  display: none;

  position: fixed;

  text-decoration: none;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  transition: all 0.4s ease-in-out;
  border-radius: 10px;

}



.go-top:hover {

    background: #f2545f;

    color: #ffffff;

}





/*---------------------------------------

   Social icon             

-----------------------------------------*/

.social-icon {

    position: relative;

    padding: 0;

    margin: 0;

}



.social-icon li {

    display: inline-block;

    list-style: none;

}



.social-icon li a {

    color: #666;

    border-radius: 100px;

    font-size: 16px;

    text-decoration: none;

    transition: all 0.4s ease-in-out;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    vertical-align: middle;

}



.social-icon li a:hover {

    background: #f2545f;

    color: #ffffff;

}







/*---------------------------------------

   Responsive styles            

-----------------------------------------*/

@media (max-width: 980px) {



  p {font-size: 13px;}



  .custom-navbar .navbar-brand {

    font-size: 2rem;

  }



  .custom-navbar .nav li a {

    font-size: 11px;

	line-height: 20px;

  }



  #intro { height: 65vh; }



  #video iframe {

    margin-top: 42px;

  }



  #contact .contact_detail {

  background: #ffffff;

  padding: 10rem 3rem 10rem 5rem;

}



}



@media (max-width: 768px) {



  .custom-navbar .navbar-brand {

    line-height: 20px;

  }



  #overview img,

  #detail .col-md-4,

  #register form {

    padding-top: 32px;

  }



  .nav-tabs > li > a {

    font-size: 13px;

  }



  #program img {

    padding-bottom: 32px;

  }



  #sponsors img {

    padding-top: 22px;

  }



  #contact .contact_detail {

    margin-top: 82px;

  }



}



@media (max-width: 760px) {



  #intro {

    height: 100vh;

  }



}

.mt-30 { margin-top: 30px; }

.checkble-p-custom {
  min-width: 300px;
  text-align: left;
  background: #d10055;
  border-radius: 10px;
  color: #fff;
  padding: 10px 15px;
  font-weight: 600;
}

.checkble-p-custom i::before {
  margin-right: 5px;
  color: #ffde00;
}

.tabs-custom-new {
  margin-bottom: 20px;
  border-bottom: unset !important;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  transition: all 0.5s ease-in;
}

.tabs-custom-new i::before {
  margin-right: 5px;
  color: #ffde00;
}

.tabs-custom-new p {
  text-align: left;
  background: #d10055;
  border-radius: 10px;
  color: #fff;
  padding: 10px 15px;
  font-weight: 600;
}

.tabs-custom-new a {
  color: #fff;
}

.cycloferon-block {
  font-size: 16px;
  color: #707070;
}

footer {
  padding: 1.3rem;
  background: #f9f9f9;
}

@media (max-width: 980px) {
    #intro {
        height: 100vh;
        padding-top: 100px;
    }
}

@media (max-width: 480px) {

  .cycloferon-block {
    font-size: 13px;
  }

  #intro {
    height: 100% !important;
    padding-top: 100px;
  }
}