@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(//fonts.googleapis.com/css?family=Merriweather:400,300italic,300,400italic,700,700italic);
/* modules */
/* this mixin makes possible to add transition to a specific vendor, example: */
/* -webkit-transition: -webkit-transform 0.5s linear; */
#signup {
  height: 100%;
  background-attachment: fixed !important;
  background: #5E7A9B;
  background: -webkit-linear-gradient(top, #355069 0, #5e7a9b 100%);
  background: -moz-linear-gradient(top, #355069 0, #5e7a9b 100%);
  background: -o-linear-gradient(top, #355069 0, #5e7a9b 100%);
  background: linear-gradient(top, #355069 0, #5e7a9b 100%);
  -webkit-font-smoothing: antialiased; }
  #signup .header .logo {
    margin-top: 20px;
    text-align: center; }
    #signup .header .logo a {
      color: #fff;
      font-size: 22px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
      -webkit-transition: color 0.25s linear;
      -moz-transition: color 0.25s linear;
      -ms-transition: color 0.25s linear;
      -o-transition: color 0.25s linear;
      transition: color 0.25s linear; }
      #signup .header .logo a:hover {
        text-decoration: none;
        color: #bbb; }
  #signup .wrapper {
    margin: 0 auto;
    width: 51%;
    margin-top: 25px;
    background: #fff;
    padding: 15px 50px 25px 50px;
    border-radius: 5px;
    border-top: 6px solid #6ED5E4; }
    @media (max-width: 991px) {
      #signup .wrapper {
        width: 67%; } }
    @media (max-width: 767px) {
      #signup .wrapper {
        width: 100%; } }
    #signup .wrapper .formy {
      margin-top: 22px; }
      #signup .wrapper .formy .form-group label {
        color: #46515F; }
      #signup .wrapper .formy .checkbox label {
        color: #666;
        font-size: 13px; }
      #signup .wrapper .formy .checkbox input {
        position: relative;
        top: -1px; }
      #signup .wrapper .formy .submit {
        text-align: center; }
        #signup .wrapper .formy .submit .button-clear {
          margin-top: 35px;
          display: inline-block; }
      #signup .wrapper .formy .info {
        float: right;
        width: 67%; }
        #signup .wrapper .formy .info .good-company strong {
          font-size: 15px;
          font-weight: 500; }
        #signup .wrapper .formy .info .good-company p {
          color: #858585;
          margin-top: 9px; }
        #signup .wrapper .formy .info .testimonial {
          margin-top: 40px; }
          #signup .wrapper .formy .info .testimonial .quote {
            font-style: italic;
            font-size: 13px;
            color: #555;
            line-height: 20px;
            -webkit-font-smoothing: auto; }
          #signup .wrapper .formy .info .testimonial .author {
            margin-top: 20px; }
            #signup .wrapper .formy .info .testimonial .author .pic {
              width: 55px;
              height: 55px;
              border-radius: 50px;
              float: left;
              position: relative;
              top: -6px;
              margin-right: 18px; }
            #signup .wrapper .formy .info .testimonial .author .name {
              color: #3C92C5;
              line-height: 23px;
              font-weight: 500; }
            #signup .wrapper .formy .info .testimonial .author .company {
              font-size: 14px;
              color: #909090;
              line-height: 23px;
              font-weight: 400; }
  #signup .already-account {
    text-align: center;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 70px;
    font-size: 13px;
    font-weight: 500; }
    #signup .already-account a {
      color: #fff;
      text-decoration: underline; }
    #signup .already-account .popover-content {
      color: #000;
      font-size: 17px;
      font-weight: 400; }

    #signup-rotate .header .logo a {
      color: #fff;
      font-size: 22px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
      -webkit-transition: color 0.25s linear;
      -moz-transition: color 0.25s linear;
      -ms-transition: color 0.25s linear;
      -o-transition: color 0.25s linear;
      transition: color 0.25s linear; }
      #signup-rotate .header .logo a:hover {
        text-decoration: none;
        color: #bbb; }
  #signup-rotate .header h4 {
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    font-family: Myriad Pro, Lato, Helvetica Neue, Arial;
    margin-top: 45px;
    margin-bottom: 5px; }
  #signup-rotate .header p {
    color: #fff;
    text-align: center; }
  #signup-rotate .rotate-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    margin: 0 auto; }
  #signup-rotate .wrappers {
    min-height: 445px;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    #signup-rotate .wrappers.flipped {
      -moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    #signup-rotate .wrappers.flipped-ended .front {
      z-index: 1; }
    #signup-rotate .wrappers.flipped-ended .back {
      z-index: 3; }
  #signup-rotate .wrapper {
    margin: 0 auto;
    width: 51%;
    margin-top: 25px;
    background: #fff;
    padding: 15px 50px 25px 50px;
    border-radius: 5px;
    border-top: 6px solid #429742;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    /* These are commented out because they break the rotation on IE */
    /*-ms-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    @media (max-width: 991px) {
      #signup-rotate .wrapper {
        width: 67%; } }
    @media (max-width: 767px) {
      #signup-rotate .wrapper {
        width: 100%; } }
    #signup-rotate .wrapper.front {
      z-index: 3; }
    #signup-rotate .wrapper.back {
      z-index: 1;
      -moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
      #signup-rotate .wrapper.back h3 {
        margin-top: -5px;
        margin-bottom: 25px;
        text-align: center;
        font-weight: 400; }
        #signup-rotate .wrapper.front h3 {
        margin-top: -5px;
        margin-bottom: 25px;
        text-align: center;
        font-weight: 400; }
    #signup-rotate .wrapper .formy {
      margin-top: 22px; }
      #signup-rotate .wrapper .formy .form-group label {
        color: #46515F; }
      #signup-rotate .wrapper .formy .checkbox label {
        color: #666;
        font-size: 13px; }
      #signup-rotate .wrapper .formy .checkbox input {
        position: relative;
        top: -1px; }
      #signup-rotate .wrapper .formy .submit {
        text-align: center; }
        #signup-rotate .wrapper .formy .submit .button-clear {
          margin-top: 35px;
          display: inline-block; }
  #signup-rotate .change-view {
    text-align: center;
    color: #000;
    margin-top: 160px;
    margin-bottom: 70px;
    font-size: 14px;
    font-weight: 500;
    display: none; }
    #signup-rotate .change-view.active {
      display: block; }
    #signup-rotate .change-view a {
      color: #000;
      text-decoration: underline; }
    #signup-rotate .change-view .popover-content {
      color: #000;
      font-size: 17px;
      font-weight: 400; }




/* Fluidbox styling starts here */
a[data-fluidbox] {
  background-color: #eee;
  border: none;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  margin-bottom: 1.5rem; }
  a[data-fluidbox].fluidbox-opened {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out; }
  a[data-fluidbox] img {
    display: block;
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0);
    max-width: 100%;
    transition: all .25s ease-in-out; }

a[class^='float'] {
  margin: 1rem;
  margin-top: 0;
  width: 33.33333%; }
  a[class^='float'].float-left {
    float: left;
    margin-left: 0; }
  a[class^='float'].float-right {
    float: right;
    margin-right: 0; }