@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: center;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

@font-face{font-family:OpenSans-Regular;src:url(fonts/OpenSans-Regular.ttf)}
@font-face{font-family:OpenSans-Bold;src:url(fonts/OpenSans-Bold.ttf)}
@font-face{font-family:OpenSans-Bold;src:url(fonts/OpenSans-ExtraBold.ttf)}
@font-face{font-family:'Apercu-Bold';src:url(fonts/Apercu-Bold.eot);src:url(fonts/Apercu-Bold.woff2) format("woff2"),url(fonts/Apercu-Bold.woff) format("woff"),url(fonts/Apercu-Bold.ttf) format("truetype"),url(fonts/Apercu-Bold.svgApercu-Bold) format("svg"),url(fonts/Apercu-Bold.eot?#iefix) format("embedded-opentype");font-weight:normal;font-style:normal}
@font-face{font-family:'Apercu-Medium';src:url(fonts/Apercu-Medium.eot);src:url(fonts/Apercu-Medium.woff2) format("woff2"),url(fonts/Apercu-Medium.woff) format("woff"),url(fonts/Apercu-Medium.ttf) format("truetype"),url(fonts/Apercu-Medium.svgApercu-Medium) format("svg"),url(fonts/Apercu-Medium.eot?#iefix) format("embedded-opentype");font-weight:normal;font-style:normal}
@font-face{font-family:'Apercu-Mono';src:url(fonts/Apercu-Mono.eot);src:url(fonts/Apercu-Mono.woff2) format("woff2"),url(fonts/Apercu-Mono.woff) format("woff"),url(fonts/Apercu-Mono.ttf) format("truetype"),url(fonts/Apercu-Mono.svgApercu-Mono) format("svg"),url(fonts/Apercu-Mono.eot?#iefix) format("embedded-opentype");font-weight:normal;font-style:normal}
@font-face{font-family:'Apercu-Regular';src:url(fonts/Apercu-Regular.eot);src:url(fonts/Apercu-Regular.woff2) format("woff2"),url(fonts/Apercu-Regular.woff) format("woff"),url(fonts/Apercu-Regular.ttf) format("truetype"),url(fonts/Apercu-Regular.svgApercu-Regular) format("svg"),url(fonts/Apercu-Regular.eot?#iefix) format("embedded-opentype");font-weight:normal;font-style:normal}
*{margin:0px;padding:0px;font-family:OpenSansRegular;box-sizing:border-box}
strong{font-family:Arial,Helvetica;font-weight:bolder;}
.loading{display:none;position:fixed;top:50%;left:50%;-webkit-animation:rotation 2s infinite linear;width:131px;height:131px}
@media (max-width: 767px){.loading{width:50px;height:50px}}@-webkit-keyframes rotation{from{-webkit-transform:translate(-50%, -50%) rotate(0deg)}to{-webkit-transform:translate(-50%, -50%) rotate(359deg)}}
.captcha{overflow:auto}
.container{height:90vh;margin:5vh auto;-webkit-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow:5px 5px 3px 0px rgba(0,0,0,0.15);box-shadow:5px 5px 3px 0px rgba(0,0,0,0.15)}@media (max-width: 767px){.container{height:70vh;margin:15vh auto}}
.captcha-container{background-color:#fff;width:100%;height:85%;padding:11.5px;border:1px solid #d0d0d0}
.captcha-container .header{background-color:#4990e2;padding-top:5%;padding-left:5%;margin-left:2px;margin-right:2px;margin-bottom:2px;overflow:hidden;height:calc(22% - 14px)}@media (max-width: 767px){.captcha-container .header{padding-top:5%}}.captcha-container .header


p{font-size:20px;line-height:19.2px;color:#fff;font-family: Arial, Helvetica, sans-serif;}

.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@media (max-width: 767px){.captcha-container .header p{font-size:12px;line-break:15px;margin-left:15px}}
.captcha-container .content{display:flex;align-items:center;flex-wrap:wrap;height:80%}

.captcha-image{height:calc(33% - 2px);margin:2px}
.captcha-image.active{border:6px solid #4990e2;
}
.captcha-image.active:before{
	content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  width: 10px; height: 10px;
  transform: translate(-50%,-50%);
  color: white;
  font-size: 10px;
  text-align: center;
  border: 3px solid #4990e2;
  background:#4990e2;
  border-radius: 50%;
  }
.captcha-image img{display: block;margin:auto;max-width:100%}
.footer{display:flex;align-items:center;justify-content:space-between;height:15%;padding:15px 20px;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.footer .refresh{display:inline-block}
.footer .refresh{font-family:'Apercu-Medium';
color: red;
font-size: 150%;
}
.footer .refresh img{display:block;margin:auto;overflow:hidden}
@media (max-width: 767px){.footer .refresh img{width:30px}}
.footer .custom_button{width:150px;padding:24px 0;border-radius:4px;background-color:#4990e2;font-family:'Apercu-Medium';font-size:150%;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:1px}
.footer .custom_button:hover{background-color:#3274d6}@media (max-width: 767px){.footer .custom_button{width:155px;padding:10px 0}}
.messages{overflow:auto}.message{display:none}.message.message-error{position:absolute;top:50%;left:10%;transform:translateY(-50%)}
.message.message-success{margin-left:10%;padding-top:5%;margin-bottom:50px}.message.message-success .message-text{display:none}.message.message-success ul{list-style:none;margin-top:50px}.message.message-success ul li{font-size:100px;line-height:130px}@media (max-width: 767px){.message.message-success ul li{font-size:25px;line-height:35px}}.message h2{font-family:'Apercu-Regular';font-size:100px;font-weight:normal;line-height:130px}@media (max-width: 767px){.message h2{font-size:25px;line-height:35px}}