.form-text{
  color: #fff;
font-size: 1.7em !important;
text-transform: uppercase;
text-align: center;
margin: 0 0 0.5em;
padding: 0;
}
#reused_form input{
  width: 300px !important;
margin-bottom: 10px !important;
background: white !important;
border: none !important;
outline: none !important;
padding: 15px !important;
font-size: 1em !important;
color: #4c4c4c !important;
border: 2px solid white !important;
border-radius: 4px !important;
height: 100%!important;
}
.form-group{
  display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom:0 !important
}
#reused_form button{
  width: 300px !important;
 margin-bottom: 10px !important;
 padding: 15px !important;
 font-size: 0.9em !important;
 color: white !important;
 background: #7db9d2!important;
 border-radius: 4px !important;
 height: auto;

}

#reused_form button:hover{
  background: #578192!important
}
.form-group{
 display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   margin-bottom:0 !important
}
#success_message p, #error_message p{
  text-align: center;
}
#success_message h2, #error_message h4, #error_message h2 , #error_message li{
  text-align: center !important;
  color: white !important;

}
section.content h2 {
   margin: 40px!important;
}
section.content h2 {

    padding: 0;

}
.shine-btn{
  border: none!important;
}
#error_message li{
 list-style-type: none!important;

}
#error_message ul{
  display: none !important;
}
#intro .carousel-caption-center h1{
  letter-spacing: 0.7px;
}
#intro .carousel-caption-center h2{
  letter-spacing: 0.3px;
}
#success_message a, #error_message a{

color: white !important;
text-decoration: none;
text-transform: uppercase;
font-size: 24px;
text-align: center;
padding: 10px;
cursor: pointer;
}
#success_message a:hover, #error_message a:hover{

color: #7db9d2 !important;

}
.page-header{
  border-bottom:none!important;


}
.load-btn{
  display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: 80px;
}
.load-btn img{
  width: 40px;
  height: auto;
  display: none;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.send-message{
  display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}
.send-message img{
  width: 90px;
}
#success_message{
  width: 300px!important;
}
.wrong-message img{
  width: 40px;
  padding-top: 20px;
}
#success_message h2{
  font-size: 18px !important;
}
#error_message h2{
  font-size: 16px!important;

}
#error_message{
  width: 300px !important;
}


.shine, .chrome {
	font-size: 3em;
	margin: 0 auto;
	margin-bottom: 1em;
}

.shine {
	background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
	-webkit-background-size: 150px;
	color: rgba(255, 255, 255, 0.3) !important;
	-webkit-background-clip: text;
	-webkit-animation-name: shine;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.3);
}

@-webkit-keyframes shine {
	0%, 10% {
		background-position: -1000px;
	}
	20% {
		background-position: top left;
	}
	90% {
		background-position: top right;
	}
	100% {
		background-position: 1000px;
	}
}













@import url(https://fonts.googleapis.com/css?family=Anton);

body
{
    background: #000;
}
.unbreakable-container
{
    position: relative;
    bottom: 10px;

}

.unbreakable
{
    font-family: 'Anton', sans-serif;
    line-height: 1;

    letter-spacing: -.07em;

    color: #fff;
}

.ks
{
    font-family: 'Anton', sans-serif;
    font-size: 45px;
    line-height: 1;

    margin-top: -11px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s cubic-bezier(.190, 1.000, .220, 1.000) 1.9s;
    -webkit-transform: translateX(-1000%);
        -ms-transform: translateX(-1000%);
            transform: translateX(-1000%);
    letter-spacing: -1px;
    text-transform: uppercase;

    color: #fc0;
}

.animate .ks
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.ks1
{
    font-family: 'Anton', sans-serif;
    font-size: 25px;
    line-height: 1;

    margin-top: -11px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s cubic-bezier(.190, 1.000, .220, 1.000) 1.9s;
    -webkit-transform: translateX(-1000%);
        -ms-transform: translateX(-1000%);
            transform: translateX(-1000%);
    letter-spacing: -1px;
    text-transform: uppercase;

    color: black;
}

.animate .ks1
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.unbreakable-container span
{
    font-family: 'Anton', Helvetica, sans-serif;
    font-size: 40px;

    text-transform: uppercase;

    opacity: 0;
    color: #fff;

    filter: alpha(opacity=0);
}

.able
{
    -webkit-transition: all .3s cubic-bezier(.190, 1.000, .220, 1.000) 1.6s;
            transition: all .3s cubic-bezier(.190, 1.000, .220, 1.000) 1.6s;
    letter-spacing: -.07em;
}

.break
{
    -webkit-transition: all .3s ease-in-out 1.3s;
            transition: all .3s ease-in-out 1.3s;
    letter-spacing: -.07em;
}

.un
{
    -webkit-transition: all .3s ease-in-out 1s;
            transition: all .3s ease-in-out 1s;
    letter-spacing: -.07em;
}

.animate .un
{
    font-size: 40px;

    -webkit-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5);
            transform: scale(1.5,1.5);

    opacity: 1;

    filter: alpha(opacity=100);
}

.animate .break
{
    font-size: 40px;

    -webkit-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5);
            transform: scale(1.5,1.5);

    opacity: 1;

    filter: alpha(opacity=100);
}

.animate .able
{
    font-size: 40px;

    -webkit-transform: scale(1.5,1.5);
        -ms-transform: scale(1.5,1.5);
            transform: scale(1.5,1.5);

    opacity: 1;

    filter: alpha(opacity=100);
}


section.cta {
   background: white;
}
.ks1 h2{
  font-size: 34px !important;
  padding-top: 40px!important;
}


@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

.cardcontainer i {
    animation: zoominoutsinglefeatured 1s infinite ;
}

.cbp-af-header .nav a:hover {
    color: #7db9d2 !important;
    background: none;
}

.active{
  padding-bottom: 0 !important;
}

.cbp-af-header .navbar .navbar-nav .current > a {
    color: #7db9d2 !important;

}
.cbp-af-header-shrink .navbar .navbar-nav .current > a {
    color: #7db9d2 !important;
}
.cbp-af-header .nav a {

    margin: 0 10px 0 10px ;

}

.nav>li>a {

    padding: 10px 15px !important;
}


.come-in {
  transform: translateY(150px);
  animation: come-in 1.5s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 1.3s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}


@keyframes glowing {
  0% { box-shadow: 0 0 -15px #c4a300; }
  40% { box-shadow: 0 0 25px #c4a300; }
  60% { box-shadow: 0 0 25px #c4a300; }
  100% { box-shadow: 0 0 -15px #c4a300; }
}

.button-glow {
  animation: glowing 4000ms infinite;
}








.pulse {


  background: #7db9d2 ;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}
.cardcontainer:hover i{
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.active-links.no-active{
  border-bottom: none!important;
}
.cbp-af-header .btn-start{
  line-height: 33px !important;
  background-color: transparent!important;
    color: #7db9d2 !important;
    padding-top: 9px !important;
   padding-bottom: 6px!important;
    margin-top: 24px !important;
}
.cbp-af-header.cbp-af-header-shrink .btn-start{
  margin-top: 8px !important;


}
.cbp-af-header .nav a.btn-start {
    color: #7db9d2 !important;
}


.cbp-af-header .nav a {
    margin: 5px 10px 0 10px ;
}



.shine-btn{
  /*  styling */
  text-decoration: none;
  letter-spacing: 2px;
  color: #fafafa;
  border: 3px solid #fafafa;
  padding: 25px;
  /*  centering */
  position: absolute !important;
    bottom: -10px;
    right: 24.35%;
  text-align: center;

  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.shine-btn:hover {
  background: rgba(8, 97, 76, 0.6);
}

.shine-btn i {
  /*   positioning */
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  /*   gradient   */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff", GradientType=1 );
  /* IE6-9 */
  /*  forming the shine element
    play around with the width, skew and gradient to get different effects
  */
  width: 15%;
  height: 100%;
  transform: skew(-10deg, 0deg);
  -webkit-transform: skew(-10deg, 0deg);
  -moz-transform: skew(-10deg, 0deg);
  -ms-transform: skew(-10deg, 0deg);
  -o-transform: skew(-10deg, 0deg);
  /*  animating it  */
  animation: move 2s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  -webkit-animation: move 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  -moz-transform: skew(-10deg, 0deg);
  -moz-animation: move 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 1s;
  -ms-transform: skew(-10deg, 0deg);
  -ms-animation: move 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 1s;
  -o-transform: skew(-10deg, 0deg);
  -o-animation: move 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-delay: 1s;
}

/*  */
@keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
  100% {
    left: 82%;
  }
}
@-webkit-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
  100% {
    left: 82%;
  }
}
@-moz-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
  100% {
    left: 88%;
  }
}
@-ms-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
  100% {
    left: 82%;
  }
}
@-o-keyframes move {
  0% {
    left: 0;
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
  100% {
    left: 82%;
  }
}



.move-image{
        -webkit-animation: action 1s infinite  alternate;
        animation: action 1s infinite  alternate;
    }
    @-webkit-keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }
    @keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }


#intro h2{

    font-size: 1.8em !important;
    font-weight: 300 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}


@media (max-width: 1200px) {
     .navbar-brand{
       font-size: 20px !important;
     }
     .nav li a{
           margin: 0 0 0 5px ;
     }
     .cbp-af-header.cbp-af-header-shrink h1 a{
    font-size: 16px !important;
  }
  #intro .carousel-caption-center h1{

      font-size: 36px!important;
  }
  .animate .able, .animate .break, .animate .un{
    font-size: 25px!important;
  }
}
@media (max-width:1199px){
  .shine-btn {

    right: 19.2%;
  }
}
@media (max-width: 992px) {
  .nav>li>a {
    padding: 14px 10px !important;
 }
  .cbp-af-header .nav a {
    margin: 0 3px;
  }
  .navbar-wrapper .navigation-con{
    width: 100%!important;
  }
  .navbar-wrapper .navigation-content{
      width: 100%!important;
      padding: 0 !important;
      margin: 0 !important;
  }
  .cbp-af-header h1 a {
    margin: 1.2em 0;
}

}
@media(max-width:991px){
  .shine-btn {
    right: 10.2%;
    }
}
@media (max-width: 916px) {
  .cbp-af-header .btn-start{

      margin-top: 21px !important;
  }
  .nav>li>a {
    padding: 10px 4px !important;
    }
    .navbar-brand {
    font-size: 15px !important;
    }
    .cbp-af-header h1 a {
    margin: 1.3em 0;
    }
    .cbp-af-header.cbp-af-header-shrink h1 a {
    margin: -0.1em 0;
    }
}
@media (max-width: 767px) {
  #intro h2{

      font-size: 1.4em !important;
      font-weight: 300 !important;
      color: rgba(255, 255, 255, 0.9) !important;
  }

  .shine-btn {
    right: -49.8%;
    bottom: 136px;
    }
  .navbar-wrapper .shine{
    animation: none;
    color: white!important;
  }
  .cbp-af-header-shrink .menu-show{
    padding-bottom: 10px;
    background-color: rgba(44, 46, 53, 1);
  }

   .cbp-af-header .nav a.btn-start{
     animation: none;
    margin-top: 0 !important;
   }

  .ks1 h2 {
    font-size: 25px !important;

   }
   #features h2{
     font-size: 25px !important;
     padding-top: 40px;
   }
  #intro .carousel-caption-center h1{
      font-size: 27px!important;
  }
  #intro .carousel-caption-center{
    max-width: 95%!important;
  }
  .animate .able, .animate .break, .animate .un{
    font-size: 16px!important;
  }
  .cbp-af-header {
    position: fixed;

    }
    #about p{
      text-align: center !important;
    }

  #intro .carousel-caption-center h2{
    font-size: 1.2em;
  }
  #intro .carousel-caption-center h1{
    font-size: 1.7em;


  }
  .navbar-toggle {
    margin-top: 28px;

  }
    .navbar-collapse {
    background-color: rgba(44, 46, 53, 1);
    }
  .navbar-toggle {
    margin-right: 0 !important;
  }
  .navbar-brand{
    letter-spacing: 2px!important;
    font-size: 12px!important;
    margin-right: 0 !important;
    padding-top: 28px !important;
    padding-left: 15px !important;
    padding-right: 0!important;
    color: white;
      letter-spacing: 2px !important;
    font-size: 12px!important;
   margin-top: 7px !important;
  }


  .cbp-af-header.cbp-af-header-shrink h1 a {
    color: white;
     font-size: 12px!important;
      margin-top: 0px!important;
    }
    .cbp-af-header .nav a, .cbp-af-header.cbp-af-header-shrink .nav a {
       color: white;
       line-height: 2em;
     }
    .cbp-af-header.cbp-af-header-shrink {
      background: black;
    }
  .navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 1px;
   }
  #signup .login-part {
      height: 520px;
  }
  .right-message{
    margin-top: 80px !important;
  }
}
body{
  overflow-x: hidden !important;
}
.box-message{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}