a {
  color: #FFA200; 
   outline: 0;
  }
  a:hover {
    color: rgba(248, 32, 75, 0.8); }

.page-header-alpha .navbar-mainmenu .nav-item a:hover {
  color: #FFA200; }

.btn-white {
  color: #ffffff;
  border: 1px solid transparent;
  background-color: #FFA200; }
  .btn-white:hover {
    background-color: rgba(248, 32, 75, 0.8);
    color: #ffffff; }

.btn-outline-primary {
  color: #FFA200;
  border-color: currentColor; }

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: rgba(248, 32, 75, 0.5);
  border-color: currentColor; }

.btn-transp-arrow.btn-primary.active, .btn-transp-arrow.btn-primary:active,
.btn-transp-arrow.btn-primary:hover {
  background-color: rgba(77, 77, 77, 0.05);
  color: #8b8b8b;
  -webkit-box-shadow: none;
          box-shadow: none; }

/* subscription form */
.form-container-transparent.form-container-white .form-desc h4 {
  color: #ffffff; }

.form-container-transparent.form-container-white .form-input label {
  color: #ffffff; }

.form-control-outline,
.form-control-line {
  border-color: #ffffff; }
  .form-control-outline:focus,
  .form-control-line:focus {
    border-color: #adadad; }

.page-cover:after {
  content: "";
  //background: -webkit-gradient(linear, right top, left top, from(#D1335B), to(#00152e));
  //background: linear-gradient(to left, #D1335B, #00152e);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.7; }


.masthead-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 1600px;
  height: 1600px;
  background-color: rgba(0, 119, 0, 0.8);
  animation-name: rotate_clockwise;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-delay: 0s; 
}
.masthead-bg2 {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 120%;
  height: 100%;
  padding: 20px 20px 25px 20px;
  background-color: rgba(0, 119, 0, 0.8);
  animation-name: translate_right;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-delay: 0s; 
}

.circular {
border-radius: 50%;
background-color: #fff;
padding: 20px;
width: 500px;
height: 500px;
} 
.autozoom{
  -webkit-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
  -moz-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
  box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);

  animation-name: zoom-10-100;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-delay: 0s; 
}

@keyframes rotate_clockwise{
  from{
    transform: skewX(0deg) translateX(0px) translateY(0px) rotateZ(0deg);
    }
  to{
    transform: skewX(5deg) translateX(90%) translateY(-400px) rotateZ(45deg);
    }
}

@keyframes zoom-10-100{
  from{
    transform: scale(.6,.6);
    }
  to{
    transform: scale(1,1);
    }
}

@keyframes translate_right{
  from{
    transform: translateX(-150px);
    }
  to{
    transform: translateX(-10px);
    }

}



.hide-on-mobile{display: none}

@media (min-width: 768px) {

.hide-on-mobile{display: block}
  .masthead {
    height: 100%;
    width: 40.5rem;
    padding-bottom: 0;
  }
  .masthead-bg {
    border-radius: 50px;
    margin: -50px 0px 0px -90px;
    -webkit-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
    box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
  }
  .masthead-bg2 {
    border-radius: 10px;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
    box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.38);
  }
  .masthead .masthead-content {
    padding-left: 3rem;
    padding-right: 10rem;
  }
  .masthead .masthead-content h1 {
    font-size: 3.5rem;
  }
  .masthead .masthead-content p {
    font-size: 1.3rem;
  }
}
h1{font-size: 50px !important;}