@charset "UTF-8";
body {
  height: 100%;
  font-size: 1em; }

html {
  height: 100%; }

footer {
  padding: 40px 0px 40px 10px; }

::selection {
  background: #97d700; }

::-moz-selection {
  background: #97d700; }

@font-face {
  font-family: "Brix Sans";
  src: url("font/brix/BrixSansMedium.eot");
  src: url("font/brix/BrixSansMedium.eot?#iefix") format("embedded-opentype"), url("font/brix/BrixSansMedium.woff") format("woff"), url("font/brix/BrixSansMedium.ttf") format("truetype"), url("font/brix/BrixSansMedium.svg#BrixSansMedium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Brix Sans";
  src: url("font/brix/BrixSansRegular-Italic.eot");
  src: url("font/brix/BrixSansRegular-Italic.eot?#iefix") format("embedded-opentype"), url("font/brix/BrixSansRegular-Italic.woff") format("woff"), url("font/brix/BrixSansRegular-Italic.ttf") format("truetype"), url("font/brix/BrixSansRegular-Italic.svg#BrixSansRegular-Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: "Brix Sans";
  src: url("font/brix/BrixSansBold.eot");
  src: url("font/brix/BrixSansBold.eot?#iefix") format("embedded-opentype"), url("font/brix/BrixSansBold.woff") format("woff"), url("font/brix/BrixSansBold.ttf") format("truetype"), url("font/brix/BrixSansBold.svg#BrixSansBold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Brix Sans";
  src: url("font/brix/BrixSansRegular.eot");
  src: url("font/brix/BrixSansRegular.eot?#iefix") format("embedded-opentype"), url("font/brix/BrixSansRegular.woff") format("woff"), url("font/brix/BrixSansRegular.ttf") format("truetype"), url("font/brix/BrixSansRegular.svg#BrixSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Brix Sans";
  src: url("font/brix/BrixSansLight.eot");
  src: url("font/brix/BrixSansLight.eot?#iefix") format("embedded-opentype"), url("font/brix/BrixSansLight.woff") format("woff"), url("font/brix/BrixSansLight.ttf") format("truetype"), url("font/brix/BrixSansLight.svg#BrixSansLight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Ciutadella Slab";
  src: url("font/ciutadella/CiutadellaSlab-Md.eot");
  src: url("font/ciutadella/CiutadellaSlab-Md.eot?#iefix") format("embedded-opentype"), url("font/ciutadella/CiutadellaSlab-Md.woff") format("woff"), url("font/ciutadella/CiutadellaSlab-Md.ttf") format("truetype"), url("font/ciutadella/CiutadellaSlab-Md.svg#CiutadellaSlab-Md") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Ciutadella Slab";
  src: url("font/ciutadella/CiutadellaSlab-Rg.eot");
  src: url("font/ciutadella/CiutadellaSlab-Rg.eot?#iefix") format("embedded-opentype"), url("font/ciutadella/CiutadellaSlab-Rg.woff") format("woff"), url("font/ciutadella/CiutadellaSlab-Rg.ttf") format("truetype"), url("font/ciutadella/CiutadellaSlab-Rg.svg#CiutadellaSlab-Rg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Ciutadella Slab";
  src: url("font/ciutadella/CiutadellaSlab-Bd.eot");
  src: url("font/ciutadella/CiutadellaSlab-Bd.eot?#iefix") format("embedded-opentype"), url("font/ciutadella/CiutadellaSlab-Bd.woff") format("woff"), url("font/ciutadella/CiutadellaSlab-Bd.ttf") format("truetype"), url("font/ciutadella/CiutadellaSlab-Bd.svg#CiutadellaSlab-Bd") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Ciutadella Slab";
  src: url("font/ciutadella/CiutadellaSlab-RgIt.eot");
  src: url("font/ciutadella/CiutadellaSlab-RgIt.eot?#iefix") format("embedded-opentype"), url("font/ciutadella/CiutadellaSlab-RgIt.woff") format("woff"), url("font/ciutadella/CiutadellaSlab-RgIt.ttf") format("truetype"), url("font/ciutadella/CiutadellaSlab-RgIt.svg#CiutadellaSlab-RgIt") format("svg");
  font-weight: norma;
  font-style: italic; }
body {
  background-color: #F2F2F2; }

.__full .__text {
  text-align: center;
  width: 35%;
  padding: 50px 4%;
  background-color: #FFF;
  height: 100%;
  position: fixed;
  box-shadow: 0px 9px 37px -22px rgba(0, 0, 0, 0.75); }
  .__full .__text h2 {
    color: #444;
    font-size: 20px;
    text-align: left; }
  .__full .__text .__uss {
    padding-top: 20px;
    padding-bottom: 90px;
    width: 85%; }
  .__full .__text .__thanks {
    font-family: "Ciutadella Slab", sans-serif;
    font-size: 22px;
    color: #444;
    padding-top: 50px; }
.__full .__space {
  text-align: center;
  width: 35%;
  background-color: #FFF;
  height: 100%; }
.__full .__campaing {
  width: 65%;
  float: right;
  height: 100%;
  background-color: #F2F2F2; }
  .__full .__campaing .__int {
    padding: 7% 9%;
    height: 100%;
    background-color: #F2F2F2; }
    .__full .__campaing .__int h3 {
      font-family: "Ciutadella Slab", sans-serif;
      color: #444444;
      font-size: 25px; }
    .__full .__campaing .__int p {
      font-family: "Ciutadella Slab", sans-serif;
      color: #444444;
      font-size: 16px;
      font-weight: 500; }
    .__full .__campaing .__int ul {
      padding: 0px 0px 0px 0px;
      font-size: 16px;
      font-family: "Ciutadella Slab", sans-serif;
      color: #444444;
      list-style: none; }
      .__full .__campaing .__int ul li {
        margin: 0px;
        padding: 10px 25px 0px 0px; }
        .__full .__campaing .__int ul li::before {
          content: "•";
          font-size: 25px;
          color: #97d700;
          position: absolute;
          left: 0px;
          margin-top: -8px; }
        .__full .__campaing .__int ul li span {
          font-style: italic; }
    .__full .__campaing .__int a {
      font-family: "Ciutadella Slab", sans-serif;
      color: #444444;
      text-decoration: none;
      font-weight: 500; }
      .__full .__campaing .__int a:hover {
        color: #97d700; }
  .__full .__campaing .__title {
    width: 35%;
    float: left;
    margin: 5% 5%; }
  .__full .__campaing img {
    width: 100%; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  line-height: 1.25;
  color: #999999;
  background-color: #e5e5e5;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(229, 229, 229, 0.15);
  border-radius: 0.25rem;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #999999;
    background-color: #e5e5e5;
    border-color: #97d700;
    outline: none; }
  .form-control::-webkit-input-placeholder {
    color: #636c72;
    opacity: 1; }
  .form-control::-moz-placeholder {
    color: #636c72;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #636c72;
    opacity: 1; }
  .form-control::placeholder {
    color: #636c72;
    opacity: 1; }

.text12 {
  font-size: 12px;
  color: #444; }

.btn-primary {
  color: #fff;
  margin-top: 10px;
  background-color: #97d700;
  border-color: #97d700;
  font-family: "Brix Sans", sans-serif;
  font-size: 19px; }
  .btn-primary:hover {
    background-color: #6ed600;
    border-color: #6ed600; }

.__interior {
  height: 500px;
  padding: 60px 50px;
  background-color: #F2F2F2; }
  .__interior .__campaing {
    width: 65%;
    float: right; }

.tras {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -99;
  background-color: rgba(0, 0, 0, 0.6); }

#video-background {
  position: relative;
  width: 100%;
  display: none; }

.__extra h5 {
  color: #97d700;
  font-size: 18px;
  font-family: "Ciutadella Slab", sans-serif; }

.media-body {
  font-size: 13px; }

.switch label input.toggle-switch {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #DEE1E6;
  width: 32px;
  height: 16px;
  border-radius: 20px;
  outline: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.09s ease-in-out;
  vertical-align: sub; }

.switch label input.toggle-switch:before {
  content: "";
  width: 16px;
  height: 16px;
  background: #ffffff;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: scale(0.7);
  transform: scale(0.7); }

.switch label input.toggle-switch:checked {
  background: #97d700; }

.switch label input.toggle-switch:checked::before {
  right: 0; }

.switch label .spn-check {
  color: #B3B3B3;
  font-weight: 100;
  cursor: pointer;
  font-size: 12px; }

.input-field {
  display: -webkit-box;
  display: flex;
  margin-bottom: 20px;
  border: solid 1px #B3B3B3;
  border-radius: 3px;
  padding: 7px 15px;
  font-family: "Brix Sans", sans-serif; }

.input-field:nth-child(2) {
  margin-bottom: 0; }

.input-field:hover {
  border-color: #97d700; }

.input-field:hover .spn-icono i {
  color: #97d700; }

.input-field:hover .form-control {
  color: #97d700; }

.input-field .spn-icono {
  padding: 6px 10px 0 5px; }

.input-field .spn-icono i {
  color: #B3B3B3;
  font-size: 18px; }

.input-field .form-control {
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  color: #B3B3B3;
  font-family: "Brix Sans", sans-serif; }

.a-password {
  color: #798CA7;
  text-decoration: underline;
  display: block;
  text-align: right; }

.a-password:hover {
  color: #01e792; }

@media (min-width: 300px) and (max-width: 767px) {
  #video-background {
    position: relative;
    width: 100%;
    display: block; }

  .__full {
    height: auto;
    position: relative; }
    .__full .__text {
      text-align: center;
      width: 100%;
      padding: 10px 30px;
      background-color: #FFF;
      height: 100%;
      position: relative;
      box-shadow: 0px 9px 37px -22px rgba(0, 0, 0, 0.75); }
    .__full .__campaing {
      width: 100%; }

  .__interior {
    height: 800px;
    padding: 40px 30px;
    background-color: #F2F2F2;
    position: relative; }
    .__interior .__campaing {
      width: 100%;
      float: right;
      position: relative; }

  #video-background {
    position: relative;
    width: 100%; } }

/*# sourceMappingURL=master.css.map */