/* FONTS variables */
/* BODY variables */
/* Footer variables */
.webtrader-hero {
  background: url(https://static-images.admiralmarkets.com/images/landing/mt4-webtrader/BG.svg) center center no-repeat #192b53 !important;
  -moz-background-size: cover !important;
    -o-background-size: cover !important;
       background-size: cover !important;
  padding-bottom: 0 !important;
  overflow: hidden; }
  .webtrader-hero h1 {
    color: #fff;
    font-size: 4rem;
    font-weight: 600;
    letter-spacing: -2px;
    opacity: 0;
    position: relative;
    -webkit-animation: text-fadeIn 1s ease;
    -moz-animation: text-fadeIn 1s ease;
    -o-animation: text-fadeIn 1s ease;
       animation: text-fadeIn 1s ease;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
       animation-delay: 1.2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
       animation-fill-mode: forwards; }
    @media only screen and (max-width: 767px) {
      .webtrader-hero h1 {
        font-size: 2rem;
        letter-spacing: 0; } }
  .webtrader-hero p {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: normal;
    opacity: 0;
    position: relative;
    -webkit-animation: text-fadeIn 1s ease;
    -moz-animation: text-fadeIn 1s ease;
    -o-animation: text-fadeIn 1s ease;
       animation: text-fadeIn 1s ease;
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
       animation-delay: 1.4s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
       animation-fill-mode: forwards; }
  .webtrader-hero .webtrader-browser {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: -500px;
    -webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
       animation: fadeIn 1s ease;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
       animation-delay: 0.8s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
       animation-fill-mode: forwards; }

@-webkit-keyframes fadeIn {
  0% {
    bottom: -500px;
    -webkit-transform: scale(1.2);
    opacity: 0; }
  100% {
    bottom: 0;
    -webkit-transform: scale(1);
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    bottom: -500px;
    -moz-transform: scale(1.2);
    opacity: 0; }
  100% {
    bottom: 0;
    -moz-transform: scale(1);
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    bottom: -500px;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  100% {
    bottom: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    bottom: -500px;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0; }
  100% {
    bottom: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes text-fadeIn {
  0% {
    opacity: 0;
    bottom: -30px; }
  50% {
    bottom: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes text-fadeIn {
  0% {
    opacity: 0;
    bottom: -30px; }
  50% {
    bottom: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes text-fadeIn {
  0% {
    opacity: 0;
    bottom: -30px; }
  50% {
    bottom: 0; }
  100% {
    opacity: 1; } }

@keyframes text-fadeIn {
  0% {
    opacity: 0;
    bottom: -30px; }
  50% {
    bottom: 0; }
  100% {
    opacity: 1; } }

.webtrader-card {
  text-align: center; }
  .webtrader-card h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #237DEA; }
  .webtrader-card svg {
    margin-left: auto;
    margin-right: auto; }

.webtrader-blue-bg {
  background: url(https://static-images.admiralmarkets.com/images/landing/mt4-webtrader/BG.svg) center center no-repeat #237dea;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover; }
  .webtrader-blue-bg .custom-btn-transparent-white {
    border: solid 2px #ffffff; }

.card-white {
  background-color: #ffffff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  padding: 3rem; }