*
{
  margin: 0;
  padding: 0;
}

body
{
  /* font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'Open Sans', sans-serif; */
  font-family: 'Raleway', sans-serif;
  background: #FEF2F2;
}

/********** header-section  **********/

.header-section
{
  background-image: url(../images/headerbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 100px;
  padding: 10px;
  margin-bottom: 80px;
  //border-bottom: 1px solid #ff0000;
}

.header-section p
{
  width: 100%;
  border:  1px solid #ff0000;
  text-align: right;
  width: 30px;
  height: 1px;
  background: #000000;
  margin-bottom: 5px;
}

.header-section nav ul li
{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1.1em;
  font-weight: 800;
  text-transform: uppercase;
  transition: 0.8s;
  margin-top: -70px;
}

.header-section nav ul li a
{
  color: #000000;
  transition: 0.8s;
}

.header-section nav ul li a:hover
{
  color: #000000;
  transition: 0.8s;
}

.navbar-light .navbar-toggler
{
  color: #000000;
  border-color: rgba(0,0,0,0);
}



/********** header-section  **********/


/********** hero-area-section  **********/

.hero-area-section
{
  margin-top: 50px;
  margin-bottom: 10px;
  padding-bottom: 30px;
  /* //border-top: 1px solid #ff0000;
  //border-bottom: 1px solid #ff0000; */
}

/********** hero-area-section  **********/


/********** carousel-section  **********/

.carousel-section .carousel-indicators
{
  bottom: -55px;
}

.carousel-section .carousel-indicators li
{
  background-color: #B6666F;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}


/********** carousel-section  **********/


/********** event-section  **********/

.event-section
{
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}

.event-section h1
{
  font-family: 'Open Sans Condensed', sans-serif;
  color: #F53163;
  font-size: 4.3em;
  font-weight: 800;
  margin-bottom: 20px;
}

.event-section h3
{
  font-family: 'Open Sans Condensed', sans-serif;
  color: #A8535D;
  font-size: 3em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.event-section h5
{
  color: #4E3525;
  font-size: 1.5em;
  font-weight: 600;
}

.event-section button
{
  background: #86464d;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 600;
  border-radius: 100px;
  padding-left: 30px;
  padding-right: 30px;
  transition: 0.8s;
  margin-top: 10px;
}

.event-section button:hover
{
  text-decoration: none;
  color: #ffffff;
  background: #B6666F;
  transition: 0.8s;
}



/********** event-section  **********/



/********** content-header  **********/

.content-header
{
  background-image: url(../images/main-content-section-top-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  height: 130px; 
}

/********** content-header  **********/

/********** content-footer  **********/

.content-footer
{
  background-image: url(../images/main-content-section-bottom-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  height: 130px; 
}

/********** content-footer  **********/



/********** home-content-section  **********/

.home-content-section
{
  background: #E4CBCA;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 50px;
  padding-bottom: 30px;
}

.home-content-section h1
{
  color: #121212;
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: 600;
}

.home-content-section p
{
  color: #121212;
  font-weight: 600;
  font-size: 1.2em;
}

.home-content-section img
{
  margin-top: -200px;
}


.home-content-section button
{
  background: #B6666F;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 600;
  border-radius: 100px;
  padding-left: 30px;
  padding-right: 30px;
  transition: 0.8s;
  margin-top: 10px;
}

.home-content-section button:hover
{
  text-decoration: none;
  color: #ffffff;
  background: #000000;
  transition: 0.8s;
}

/********** home-content-section  **********/



/********** Registration Blurb start  **********/

.registration-blurb-section
{
  padding: 20px;
  text-align: center;
}

.registration-blurb-section h3
{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 36px;
  font-weight: bold;
  color: #232323;
  margin-bottom: 10px;
  text-decoration: underline;
}

.registration-blurb-section h5, h4
{
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
}



/********** Registration Blurb end  **********/


/********** main-content-section  **********/

.main-content-section
{
  margin-top: 50px;
  margin-bottom: 10px;
  padding: 30px;
}

.main-content-section h1
{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 3em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.main-content-section strong
{
  color: #b6666f;
}

.main-content-section #highlight-text
{
  color: #F53163;
  font-weight: 800;
}

.main-content-section .hurry-up-section button
{
  border-radius: 50px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
}

.main-content-section #hurry-text
{
  font-size: 2.5em;
  text-transform: uppercase;
  color: #F53163;
  text-align: center;
}

.main-content-section p
{
  font-size: 1.2rem;
}

.main-content-section .float-image-right
{
  float: right;
  margin: 5px;
}

.main-content-section .float-image-left
{
  float: left;
  margin: 5px;
}


.main-content-section .video-image-gallery-section h2
{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2.5em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.main-content-section .video-image-gallery-section h3
{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 3.5em;
  font-weight: 600;
  color: #5B1249;
  text-transform: uppercase;
  /* //text-align: center; */
}

.main-content-section .video-image-gallery-section h5
{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2em;
  font-weight: 600;
  color: #9c4c88;
  text-transform: uppercase;
  /* //text-align: center; */
  margin-bottom: 20px;
}

.main-content-section .video-image-gallery-section video
{
  max-width: 100%;
  height: auto;
}


.main-content-section .award-categories h2
{
  text-align: center;
  color: #5B1249;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}

.guidelines h5
{
  color: #4E3525;
  font-weight: 700;
  font-size: 1.25rem;
}

.guidelines ul, ol
{
  margin-left: 20px;
  font-size: 1.1rem;
}

.award-categories h4
{
  color: #4E3525;
  font-weight: 700;
  font-size: 1.15rem;
  text-align: center;
  margin-bottom: 20px;
}

.award-categories h5
{
  color: #4E3525;
  font-weight: 700;
  font-size: 1.35rem;
}
.award-categories p
{
  margin-bottom: 5px;
}

.award-categories strong
{
  color: #4E3525;
  font-weight: 600;
}

.award-categories ul, ol
{
  margin-left: 20px;
  font-size: 1.1rem;
}

/* .main-content-section .award-categories ol
{
  margin-left: 20px;
}
.main-content-section .award-categories ul
{
  margin-left: 20px;
}

.main-content-section .award-categories li
{
  font-size: 18px;
}

.main-content-section .award-categories li strong
{
  color: #232323;
  font-size: 20px;
  font-weight: 700;
} */

.main-content-section .paper-format-section #paper-format-number
{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 2em;
  text-align: center;
  background: #360a3a;
  color: #ffd4c8;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  padding-top: 0px;
  float: left;
  margin-right: 20px;
}

.main-content-section .faqs-section
{
  margin-top: 20px;
}

.main-content-section .faqs-section .card
{
  background: transparent;
  border: 0;
  margin-bottom: 20px;
}

.main-content-section .faqs-section .card-header
{
  background: rgba(0, 0, 0, 0);
  border: 0;
}

.main-content-section .faqs-section .card-header a
{
  font-size: 18px;
  color: #360a3a;
  text-decoration: none;
}

.main-content-section .faqs-section .card-body
{
  padding: 20px;
  border-bottom: none;
}

.accordion>.card>.card-header
{
  margin-bottom: 0;
}


/* Horizontal line */
.main-content-section .faqs-section .collapsible-link::before 
{
  content: '';
  width: 14px;
  height: 2px;
  background: #333;
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  display: block;
  transition: all 0.3s;
}

/* Vertical line */
.main-content-section .faqs-section .collapsible-link::after 
{
  content: '';
  width: 2px;
  height: 14px;
  background: #333;
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  display: block;
  transition: all 0.3s;
}

.main-content-section .faqs-section .collapsible-link[aria-expanded='true']::after 
{
  transform: rotate(90deg) translateX(-1px);
}

.main-content-section .faqs-section .collapsible-link[aria-expanded='true']::before 
{
  transform: rotate(180deg);
}

.main-content-section .registration-form-section
{
  margin-top: 30px;
}

.main-content-section .registration-form-section input
{
  background: none;
  border: none;
  border-bottom: 1px solid #dfdfdf;
}

.main-content-section .registration-form-section select
{
  background: none;
  border: none;
  border-bottom: 1px solid #dfdfdf;
  border-radius: 0;
}

.main-content-section .registration-form-section button
{
  border-radius: 100px;
  padding-left: 20px;
  padding-right: 20px;
}


/********** main-content-section  **********/



/********** footer-section  **********/

.footer-section
{
  padding: 20px;
  text-align: center;
  font-size: 0.8em;
  font-weight: 700;
}

/********** footer-section  **********/








/********************************* Back to top start ******************************/
/* ScrollToTop */
a.back-to-top {
  display: none;
  position: fixed;
  bottom: 45px;
  right: 15px;
  text-decoration: none;
  z-index: 9999;
}

a.back-to-top i {
  display: block;
  font-size: 22px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #000000;
  color: #FFF3F3;
  border-radius: 100px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

a.back-to-top:hover, a.back-to-top:focus {
  text-decoration: none;
}
/********************************* Back to top end ******************************/



/********* Teacherathon Timeline CSS *********/

.main-timeline {
    position: relative
}

.main-timeline:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #c6c6c6;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.main-timeline .timeline {
    margin-bottom: 40px;
    position: relative
}

.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline .icon:before,
.main-timeline .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .icon:before {
    background: #fff;
    border: 2px solid #232323;
    left: -3px
}

.main-timeline .icon:after {
    border: 2px solid #c6c6c6;
    left: 3px
}

.main-timeline .timeline:hover .icon:before {
    left: 3px
}

.main-timeline .timeline:hover .icon:after {
    left: -3px
}

.main-timeline .date-content {
    width: 50%;
    float: left;
    margin-top: 22px;
    position: relative
}

.main-timeline .date-content:before {
    content: "";
    width: 36.5%;
    height: 2px;
    background: #c6c6c6;
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0
}

.main-timeline .date-outer {
    width: 125px;
    height: 125px;
    font-size: 16px;
    text-align: center;
    margin: auto;
    z-index: 1
}

.main-timeline .date-outer:before,
.main-timeline .date-outer:after {
    content: "";
    width: 160px;
    height: 130px;
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .date-outer:before {
    background: #fff;
    border: 2px solid #232323;
    left: -6px
}

.main-timeline .date-outer:after {
    border: 2px solid #c6c6c6;
    left: 6px
}

.main-timeline .timeline:hover .date-outer:before {
    left: 6px
}

.main-timeline .timeline:hover .date-outer:after {
    left: -6px
}

.main-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 27%;
    left: 0
}

.main-timeline .month {
    font-size: 18px;
    font-weight: 700
}

.main-timeline .year {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #232323;
    line-height: 36px
}

.main-timeline .timeline-content {
    width: 50%;
    padding: 20px 0 20px 50px;
    float: right
}

.main-timeline .title 
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    margin: 0 0 15px 0
}

.main-timeline .description 
{
    margin-bottom: 0;
    color: #FEF2F2;
}

.main-timeline .timeline:nth-child(2n) .date-content {
    float: right
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}

@media only screen and (max-width: 991px) {
    .main-timeline .date-content {
        margin-top: 35px
    }
    .main-timeline .date-content:before {
        width: 22.5%
    }
    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }
    .main-timeline .title {
        font-size: 17px
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline:before {
        margin: 0;
        left: 7px
    }
    .main-timeline .timeline {
        margin-bottom: 20px
    }
    .main-timeline .timeline:last-child {
        margin-bottom: 0
    }
    .main-timeline .icon {
        margin: auto 0
    }
    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }
    .main-timeline .date-content:before {
        display: none
    }
    .main-timeline .date-outer {
        width: 110px;
        height: 110px
    }
    .main-timeline .date-outer:before,
    .main-timeline .date-outer:after {
        width: 110px;
        height: 110px
    }
    .main-timeline .date {
        top: 30%
    }
    .main-timeline .year {
        font-size: 24px
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }
    .main-timeline .title {
        margin-bottom: 10px
    }
}



/***** Media Queries CSS ******/


/*@media only screen and (min-width: 768px)
{
  
  .header-section
{
  margin-bottom: 20px;
}

.header-section .navbar-brand
{
  width: 50%;
}

.header-section .navbar-brand img
{
  width: 100%;
  //border: 1px solid #ff0000;
}

.header-section nav ul
{
  margin-top: 0;
  background: #5B1249;
  position: absolute;
  z-index: 9999;
  width: 95%;
  padding: 20px;
}

.header-section nav ul li
{
  margin-top: 0;
  border-bottom: 1px solid #6a1b57;
}

.header-section .navbar-light .navbar-nav .nav-link
{
  color: #E9C7E0;
}


.content-header
{
  background-image: url(../images/main-content-section-top-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  height: 85px; 
}

.home-content-section h1
{
  font-size: 2.2em;
}

.home-content-section img
{
  margin-top: 0;
}

.main-content-section
{
  padding: 10px;
}



}*/


@media only screen and (max-width: 600px)
{

.header-section
{
  margin-bottom: 0px;
}

.header-section .navbar-brand
{
  width: 50%;
}

.header-section .navbar-brand img
{
  width: 100%;
  /* //border: 1px solid #ff0000; */
}

.header-section nav ul
{
  margin-top: 0;
  background: #5B1249;
  position: absolute;
  z-index: 9999;
  width: 90%;
  padding: 20px;
}

.header-section nav ul li
{
  margin-top: 0;
  border-bottom: 1px solid #6a1b57;
}

.header-section .navbar-light .navbar-nav .nav-link
{
  color: #E9C7E0;
}

.content-header
{
  background-image: url(../images/main-content-section-top-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  height: 40px; 
}

.home-content-section h1
{
  font-size: 1.5em;
}

.home-content-section img
{
  margin-top: 0;
}


.main-content-section
{
  padding: 10px;
}














}