@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.progressbar-text {
  font-size: 64px;
}
.check_in_container {
  text-align: center;
  margin-top: 120px;
}
.pt-page {
  overflow-y: auto !important;
}
.header_wrapper {
  display: block;
  background: none;
  height: 150px;
}
.header_wrapper header {
  display: none;
}
.header_wrapper .container #header_navigation .navbar .container-fluid .navbar-header #codingdojo_logo {
  background: url("https://d11p8zzranqxa6.cloudfront.net/images/global/coding_dojo_logo_white.png") no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 719px) {
  .header_wrapper {
    height: 71px !important;
  }
  .header_wrapper .container #header_navigation {
    background: #FFFFFF !important;
  }
  .header_wrapper .container #header_navigation .main_breadcrumbs #codingdojo_logo {
    height: 50px;
  }
}
@media screen and (max-width: 640px) {
  .header_wrapper .container #header_navigation {
    height: auto !important;
  }
}
@media screen and (max-width: 480px) {
  .header_wrapper .container #header_navigation {
    margin-top: 0px;
  }
  .header_wrapper .container #header_navigation .main_breadcrumbs #codingdojo_logo {
    width: 140px;
  }
}
body {
  overflow-x: hidden;
}
#pt-main {
  height: initial;
}
#pt-main .pt-page {
  height: initial;
}
#pt-main .container h2 {
  text-transform: none;
  font-family: ProximaNova-Regular, tahoma, verdana, arial, sans-serif;
  font-size: 32px !important;
  line-height: 42px;
}
#pt-main .container #check_in_form {
  width: 400px;
  margin: 49px auto;
}
#pt-main .container #check_in_form * {
  font-family: ProximaNova-Light, tahoma, verdana, arial, sans-serif;
  letter-spacing: 1px;
}
#pt-main .container #check_in_form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff outset;
  border-radius: 0px;
  border: 1px solid red;
}
#pt-main .container #check_in_form input {
  font-size: 16px;
  letter-spacing: .5px;
}
#pt-main .container #check_in_form .check_in_select_picker {
  margin-top: 10px;
}
#pt-main .container #check_in_form .check_in_select_picker {
  width: 100% !important;
}
#pt-main .container #check_in_form .check_in_select_picker * {
  color: #555;
  font-family: ProximaNova-Light, tahoma, verdana, arial, sans-serif;
  font-size: 16px;
  letter-spacing: .3px;
}
#pt-main .container #check_in_form .check_in_select_picker .dropdown-toggle {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 2px solid #CCCCCC;
  padding: 8px 12px;
}
#pt-main .container #check_in_form .check_in_select_picker .dropdown-toggle .filter-option {
  border-right: 2px solid #CCCCCC;
  width: 95% !important;
}
#pt-main .container #check_in_form .cta_blue_button {
  margin-top: 30px;
  border: none;
  display: block;
  width: 100%;
  background-size: 100% 100%;
  font-family: ProximaNova-Bold, tahoma, verdana, arial, sans-serif;
}
#pt-main .container .check_in_progress_container {
  position: relative;
}
#pt-main .container .check_in_progress_container .content_header .thank_you_info {
  opacity: 0;
  display: none;
}
#pt-main .container .check_in_progress_container .content_header .submitting_info span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
#pt-main .container .check_in_progress_container .content_header .submitting_info span:nth-child(2) {
  animation-delay: .2s;
}
#pt-main .container .check_in_progress_container .content_header .submitting_info span:nth-child(3) {
  animation-delay: .4s;
}
#pt-main .container .check_in_progress_container .check_in_submitted_image {
  margin: 57px auto;
  opacity: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
#pt-main .container .check_in_progress_container .check_in_submitted_image img {
  height: 270px;
  width: 270px;
}
#pt-main .container .check_in_progress_container #progress_animation {
  margin: 49px auto 35px auto;
  text-align: center;
  width: 270px;
  height: 270px;
}
#pt-main .container .check_in_progress_container #progress_animation * {
  transition: stroke 1s;
  -webkit-transition: stroke 1s;
  -moz-transition: stroke 1s;
}
#pt-main .container .check_in_progress_container .cta_blue_button {
  border: none;
  width: 400px;
  background-size: 100% 100%;
  opacity: 0;
  display: none;
}
@media screen and (max-width: 640px) {
  #pt-main .container h2 {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 480px) {
  #pt-main .container {
    margin-top: 0px;
  }
  #pt-main .container .content_header {
    margin: 0px 40px;
  }
  #pt-main .container .cta_blue_button {
    padding-left: 0px;
    padding-right: 0px;
    width: 100% !important;
  }
  #pt-main .container #check_in_form {
    width: 100%;
    margin: 40px 0px;
    padding: 0px 40px;
  }
  #pt-main .container .check_in_progress_container {
    margin: 40px 0px;
    padding: 0px 40px;
    width: 100%;
  }
  #pt-main .container .check_in_progress_container .content_header {
    margin: 0px !important;
  }
  #pt-main .container .check_in_progress_container .check_in_submitted_image {
    left: 0;
    margin: 44px auto;
  }
  #pt-main .container .check_in_progress_container .check_in_submitted_image img {
    width: 270px;
    height: 270px;
  }
  #pt-main .container .check_in_progress_container #progress_animation {
    margin: 40px auto;
  }
}
@media screen and (max-width: 351px) {
  #pt-main .container .check_in_progress_container #progress_animation {
    width: 100%;
  }
  #pt-main .container .check_in_progress_container .check_in_submitted_image img {
    width: 76% !important;
    height: auto;
  }
}
@media screen and (max-width: 719px) {
  #pt-main {
    margin-top: 60px;
  }
}
@media screen and (max-width: 479px) {
  #pt-main {
    margin-top: 30px;
  }
}
@media screen and (max-width: 640px) {
  body {
    margin-top: 0px !important;
  }
}