body {font-family: 'Open Sans', sans-serif; background-color: #fcfcfc;
  text-align: left;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif; font-weight: 600;}
p, a {font-size: 1.1rem; line-height: 1.3rem;}
p {margin-bottom: 24px;}
i {font-family: 'Font Awesome Free 5';}

/*colors*/
.white {color: #d8d8d8;}

.tooltip > .tooltip-inner {background-color: #ff8222;}

/*TODO:*/
/*FIXME:*/

.btn_style {border-radius: 0.1rem; text-transform: uppercase; font-size: 0.8rem;
  font-weight: 800; border-width: 2px;}
.btn_border_white {color: #fff; border-color: #fff;}
.btn_border_white:focus, .btn_border_white:hover {background-color: #fff;
  border-color: #fff; color: #013753 !important;}
.btn_border_white_y {color: #fff; border-color: #fff;}
.btn_border_white_y:focus, .btn_border_white_y:hover {background-color: #f0d74c;
  border-color: #f0d74c; color: #013753 !important;}
.btn_orange {background-color: #f0d74c; border-color: #f0d74c; color: #fff;}
.btn_orange:focus, .btn_orange:hover {background-color: transparent; border-color: #f0d74c;
  color: #f0d74c;}
.parallax {background-attachment: fixed; background-position: center;
  background-repeat: no-repeat; background-size: cover;}

/*----------------------------------------   header   --------------------------------------*/
.top {height: 100vh; background-color: #332d74; position: relative;
  color: #d8d8d8 !important;}
.top h1, .top h2, .top h3, .top h4, .top h5, .top h6 {color: #d8d8d8;}
.carousel {height: 100%; overflow: hidden; color: ;}
.carousel img {overflow: hidden;}
.top .carousel img {opacity: 0.3;}
.top .cont {margin: 0 auto; width: 25px; margin-top: -75px; z-index: 10; position: relative;}
.top .cont a i {color: white;}
.top .cont a {opacity: 0.4;}
.top .cont a:hover {animation: pulse 0.5s infinite; animation-timing-function: linear;
  opacity: 0.6;}
.top2 {height: 100vh; background-color: deepskyblue;}
.top2 .carousel {height: 100%;}
.top2 .cont {margin: 0 auto; width: 25px; margin-top: -75px; z-index: 10; position: relative;}
.top2 .cont a i {color: white;}
.top2 .cont a {opacity: 0.4;}
.top2 .cont a:hover {animation: pulse 0.5s infinite; animation-timing-function: linear; opacity: 0.6;}

.cont a:hover {

}

@keyframes pulse {
  0% {width: 100%;}
  50% {width: 120%;}
  100% {width: 100%;}
}
/*-----------------------------------------  carousel 1  ----------------------------------*/
.carousel-inner {position: relative;}
.carousel-control-next, .carousel-control-prev {width: 5%;}
.carousel-caption {top: 15%; bottom: 15%; right: 47%; left: 10%; text-align: left;
  animation-delay: 0.8s; animation-duration: 0.7s;}
.carousel-caption img {opacity: 1;}
.carousel-caption h1 {font-size: 4rem; font-weight: 600; margin-bottom: 15px; font-size: 5rem;
  color: rebeccapurple; position: relative;}
.carousel-caption h1::before {content: ""; position: absolute; background-color: #f0d74c;
  height: 90px; width: 292px; top: 0; left: -18px; z-index: -1;}
.carousel-caption h2 {margin-bottom: 30px;}
.carousel-caption h4 {font-weight: 400; margin-bottom: 15px;}
.carousel-caption p {font-size: 1rem; opacity: 0.8; margin-bottom: 40px;}
.carousel-caption .lead {font-size: 1.85rem; line-height: 1.2; opacity: 1; position: relative;}
.carousel-caption .lead::after {content: ""; left: 0; bottom: -35px; background-color: #fff;
  height: 2px; width: 70px; position: absolute;}
.carousel-item {position: relative;}
.carousel_overlay {position: absolute; top: 15%; right: 15%; width: 25%;}
.carousel_overlay img.conf_logo {width: 100%; opacity: 0.8;}
/*-----------------------------------------  carousel 2  ----------------------------------*/
.top2 .carousel_overlay {top: 12%; left: 46%; text-align: justify; width: 40%;
  animation-delay: 0.8s; animation-duration: 0.7s;}
.top2 .carousel_overlay img {width: 100%;}
.top2 .carousel_overlay h3 {padding-bottom: 15px; color: black;}
.top2 .carousel_overlay p {color: #353535;}
.top2 .carousel_overlay_background {position: absolute; right: 0; bottom: -22px; opacity: 0.2;}
.top2 .carousel_overlay_background h1 {color: white; font-size: 6rem;}
/*--------------------  Navbar  -------------------------*/
.navbar {transition: all 0.5s ease-in-out; color: #cfcfcf;}
.navbar .nav-item a {color: #cad6df;}
.navbar .nav-item a:hover, .navbar .nav-item a:focus {color: #fafafa;}
.navbar_dark {background-color: #0000002a !important;}
.navbar_dark:hover {background-color: #000000a1 !important;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.91);}
.navbar-brand {font-size: 1rem; opacity: 0.8; margin: 0; padding: 0;}
/*-----------------------------------------   main   ---------------------------------------*/
main {padding-top: 50px; color: #5d5d5d;}
main section {padding-top: 80px; padding-bottom: 50px;}
main section h2 {position: relative; display: inline-block; font-weight: 300;
  margin-bottom: 60px;}
main section h2::before {content: " "; position: absolute; bottom: -20px; left: 25%; width: 50%;
  height: 2px; background-color: #5d5d5d;}
main .adip_logo {border: none; text-decoration: none;}
main .adip_logo img {border: none; /*opacity: 0.6;*/ transition: all ease-in-out 0.2s;}
main .adip_logo:hover img {filter: grayscale(0.2); opacity: 0.8;}

main .sponsors a img {display: block; margin: 0 auto; /*filter: grayscale(0.8); opacity: 0.6; */
  transition: all ease-in-out 0.2s;}
main .sponsors a:hover img {filter: grayscale(0.3); opacity: 0.8;}

.card {width:300px; margin: 0 auto; min-height:400px; background:#fff;
  box-shadow:0 20px 50px rgba(0,0,0,.1); border-radius:10px; transition:0.5s;}
.card:hover {box-shadow:0 30px 70px rgba(0,0,0,.2);}
.card:hover .box .img {border: #e100ff2a 6px solid;}
.card .box {position:absolute; top:50%; left:0; transform:translateY(-50%); text-align:center;
  padding:20px; box-sizing:border-box; width:100%;}
.card .box .img {width:120px; height:120px; margin:0 auto; border-radius:50%; overflow:hidden;
  border: 3px solid #e4e4e4a8; transition: all ease-in-out 0.3s;}
.card .box .img img {width:100%; height:100%;}
.card .box h2 {font-size:20px; color:#262626; margin:20px auto;}
.card .box h2 span {font-size:14px; background:rebeccapurple; color:#fff; font-weight: 600;
  display:inline-block; padding:4px 10px; border-radius:15px; margin-top: 10px;;}
.card .box p {color:#525252; margin-top: 8px;}
.card .box span {display:inline-flex;}
.card .box ul {margin:0; padding:0;}
.card .box ul li {list-style:none; float:left;}
.card .box ul li a {display:block; color:#aaa; margin:0 10px; font-size:20px;
  transition:0.5s; text-align:center;}
.card .box ul li:hover a {color:#e91e63; transform:rotateY(360deg);}

main .info i {color: #ccc; font-size: 60px;}
main .info  .info_group {position: relative;}
main .info .text {position: absolute; top: 2px; left: 86px; font-size: 22px; width: 200px;}

.important_links {margin-top: 50px; margin-bottom: 10px;}
.important_links .link_item {text-align: center;}
.important_links .link_item .icons i {font-size: 60px; margin-bottom: 16px; color: #66339978;
  transition: all ease-in-out 0.3s;}
.important_links .link_item:hover .icons i {color: rebeccapurple;}
.important_links .link_item a {color: #262626;}
.important_links .link_item h5 {font-weight: 400;}

.modal-dialog {background: rgb(255,255,255);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 63%, rgba(240,240,240,1) 84%, rgba(227,227,227,1) 100%);}
.modal-body ul.modal_list {margin-left: 20px; margin-right: 20px;}
.modal-body ul.modal_list li {list-style: none; float: left; text-align: left;
  margin-bottom: 10px;}
.modal-body ul.modal_list_styled {margin-left: 20px; margin-right: 20px;}
.modal-body ul.modal_list_styled li {list-style: circle; float: left; text-align: left;
  margin-bottom: 10px;}
.modal-body p {text-align: justify;}
.modal-body img {width: 100%; display: block; margin-bottom: 20px;}
.modal-footer {background-image: url('images/modal_footer.png');
  background-repeat: no-repeat; background-position: bottom right; padding-top: 55px;}

.past_events {background-image: url(../images/past.jpg); color: #d8d8d8;
  padding-top: 10%; padding-bottom: 5%;}
.past_events h2 {margin-bottom: 20px;}
.past_events p {margin-top: 20px;}
.past_events .thumbnail {width: 260px;}

.register {background-color: crimson; padding-top: 20px; padding-bottom: 20px;
  text-align: center;}
/*-----------------------------------------  footer  ---------------------------------------*/
footer {background-color: #192938; color: #cdcdcd; font-size: 15px; padding-top: 100px;}
p, a {font-size: 1rem; line-height: 1.2rem;}
footer h4 {font-weight: 400; text-transform: uppercase; color: #cdcdcd; position: relative;
  margin-bottom: 40px;}
footer h4 span {font-size: 80%; font-weight: 600;}
footer h4::after {content: ""; left: 0; bottom: -15px; background-color: #bbb; height: 2px;
  width: 90px; position: absolute;}
footer ul.address li {list-style: none; margin: 0 10px 10px 20px;}
footer ul.address li a {color: #cdcdcd;}
footer ul.address li a:hover {color: #fff;}
footer h5 {color: #cdcdcd; margin-top: 60px;}
footer ul.links {margin: 10px;}
footer ul.links li {list-style: none;}
footer ul.links li a {color: #cdcdcd;}
footer section.copyright {border-top: rgba(187, 187, 187, 0.63) 1px solid; padding: 30px;
  margin-top: 40px;}
footer section.copyright p {margin: 0;}
footer section.footer_social_links {background-color: black; padding: 30px;}
footer section.footer_social_links ul {margin-top: 15px;}
footer section.footer_social_links ul li {display: inline; margin: 15px 20px;}
footer section.footer_social_links ul li i {color: #ccc; font-size: 1.5rem;}
footer section.footer_social_links ul li i:hover {color: #fafafa;}


#to_top {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 100;
  /*border: #ff8e37 2px solid;*/ outline: 0 !important; background-color: #7f51ff6e;
  color: #fff; cursor: pointer; padding: 10px 15px; border-radius: 10px; font-size: 1.2rem;
  opacity: 0.8; transition: all ease-in-out 0.2s;}
#to_top:hover {opacity: 1;}
/* small devices */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (max-width: 575.98px) {
  .carousel-caption h1 {font-size: 15px !important; }
  .carousel-caption h2 {font-size: 10px !important; }
  .carousel-caption h3 {font-size: 10px !important; }
  .carousel-caption h4 {font-size: 10px !important; }
  .carousel-caption p {font-size:0.5rem !important;}
  .carousel-caption h1::before {

    height: 22px !important;
    width: 70px !important;

  }
  .top2 .carousel_overlay p {font-size: 10px !important;}
  .top2 .carousel_overlay h3 {font-size: 10px !important;}
  .top2 .carousel_overlay_background h1 {font-size: 2.5rem !important;}
  .top2 .carousel_overlay_background{bottom: -7px;}
  .top2 .cont a {
    opacity: 0;
  }

}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {
  .navbar {background-color: #470449a6;}
  .navbar-dark .navbar-brand {font-weight: 800; font-size: 1.5rem;}
}
@media (max-width: 1199.98px) {
  .top {height: unset;}
  .top2 {height: 100% !important;}
  .top .carousel-caption {height: 70%; overflow: scroll;}
  .top2 .carousel_overlay {height: 70%; width: 50% !important; overflow: scroll;}
}
@media (max-width: 1080px) {}
@media (max-width: 960px) {}
@media (max-width: 840px) {}
@media (max-width: 600px) {}
@media (max-width: 400px) {}
@media (max-width: 575.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) {}