/*font-family: 'Roboto Condensed', sans-serif; */
/*font-family: 'Oswald', sans-serif; */
@font-face {
  font-family: din-condensed-Black;
  src: url("../fonts/din-pro-cond/DINPro-Black.otf");
}
@font-face {
  font-family: din-condensed-regular;
  src: url("../fonts/din-pro-cond/DINPro.otf");
}
@font-face {
  font-family: din-condensed-bold;
  src: url("../fonts/din-pro-cond/DINPro-CondBold.otf");
}
@font-face {
  font-family: din-condensed;
  src: url("../fonts/din-pro-cond/DINPro-Cond.otf");
}
/* line 31, ../scss/cff.scss */
.inside-wrap {
  width: 50%;
  margin-left: 50px;
  margin-top: -50px;
  margin-bottom: 50px;
  padding: 1em;
}
/* line 40, ../scss/cff.scss */
.inside-wrap .text-holder {
  margin-top: -50px;
}
/* line 45, ../scss/cff.scss */
.inside-wrap h1 {
  color: black;
  font-family: din-condensed-bold;
  font-size: 2.5em;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: uppercase;
}
/* line 54, ../scss/cff.scss */
.inside-wrap p {
  color: black;
  font-family: din-condensed;
  font-size: 18px;
}

/* line 71, ../scss/cff.scss */
.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background: url("../conquest-img/mod-back.png") no-repeat center center;
  background-size: cover;
}
/* line 77, ../scss/cff.scss */
.modal-content h1 {
  color: white !important;
  text-shadow: 2px 2px black;
}
/* line 81, ../scss/cff.scss */
.modal-content p {
  font-family: din-condensed;
}

/* line 88, ../scss/cff.scss */
footer {
  background-color: gray;
}
/* line 91, ../scss/cff.scss */
footer p {
  color: white;
  font-family: din-condensed;
  font-size: 16px;
}
/* line 97, ../scss/cff.scss */
footer li {
  list-style-type: none;
  color: white;
  font-size: 16px;
  font-family: din-condensed;
}

/* line 105, ../scss/cff.scss */
.btn-reed {
  background-color: black;
  transition: background-color 0.5s ease;
  font-family: din-condensed;
  font-size: 24px;
  color: white;
  letter-spacing: 2px;
}

/* line 114, ../scss/cff.scss */
.btn-reed:hover {
  background-color: white !important;
  color: black !important;
}

/* line 120, ../scss/cff.scss */
.my-prog {
  font-family: din-condensed-bold;
  text-align: center;
  font-size: 38px;
  text-transform: uppercase;
}

/* line 127, ../scss/cff.scss */
.inside-bottom {
  padding-top: 50px;
  width: 80%;
  margin: 0 auto;
}
/* line 132, ../scss/cff.scss */
.inside-bottom h1 {
  color: black;
  font-family: din-condensed-bold;
  font-size: 4.0em;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: uppercase;
}
/* line 141, ../scss/cff.scss */
.inside-bottom div {
  margin-top: 100px;
}

/* line 149, ../scss/cff.scss */
.inside-wrap {
  width: 50%;
  margin-left: 50px;
  margin-top: 150px;
  padding: 1em;
}
/* line 157, ../scss/cff.scss */
.inside-wrap h1 {
  color: black;
  font-family: din-condensed-bold;
  font-size: 3.5em;
  margin-bottom: 5px;
  margin-top: 5px;
}
/* line 165, ../scss/cff.scss */
.inside-wrap .text-holder {
  margin-top: -100px;
}

/* line 172, ../scss/cff.scss */
.headerwrap {
  margin-top: 20px;
  width: 90%;
  margin: 10px auto;
}

/* line 180, ../scss/cff.scss */
.socialul {
  display: none;
}

/* line 185, ../scss/cff.scss */
.back-img {
  width: 100%;
  height: auto;
}

/* line 191, ../scss/cff.scss */
.header {
  display: block;
  width: 100%;
  min-height: 60px;
}

/* line 197, ../scss/cff.scss */
.logobox {
  display: block;
  float: left;
  height: 50px;
  width: 40%;
  cursor: pointer;
}
/* line 205, ../scss/cff.scss */
.logobox img {
  max-width: 100px;
  max-height: 100px;
  cursor: pointer;
}

/* line 214, ../scss/cff.scss */
#trigger-overlay img {
  max-width: 35px;
  max-height: 35px;
  float: right;
  margin-top: 5px;
}

/* line 225, ../scss/cff.scss */
.section.img-wrap {
  margin-top: -0px;
}

/* line 232, ../scss/cff.scss */
.col div {
  float: none;
  width: 100%;
  margin-top: 70px;
}
/* line 236, ../scss/cff.scss */
.col div img {
  width: 80%;
  margin-bottom: 30px;
}

/* line 244, ../scss/cff.scss */
.bottom-image {
  background-size: contain;
  background: url("../conquest-img/kidtry7.png") no-repeat center center;
  max-width: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  padding-right: 50px;
  margin-top: -20px;
  margin-top: -50px;
  height: 400px;
}

/* line 262, ../scss/cff.scss */
.img-wrap {
  background-size: contain;
  background: url("../conquest-img/kidtry6.png") no-repeat center center;
  max-width: 100%;
  height: auto;
  right: 0;
  bottom: 0;
  top: 0;
  padding-right: 50px;
  margin-top: -20px;
  margin-top: -50px;
}
/* line 274, ../scss/cff.scss */
.img-wrap img {
  width: 100%;
}

/* line 282, ../scss/cff.scss */
.img-color {
  background-color: #094A65;
}
/* line 284, ../scss/cff.scss */
.img-color p {
  color: white;
  line-height: 31px;
  font-family: din-condensed-regular;
  font-weight: 500;
  font-size: 22px;
}
/* line 291, ../scss/cff.scss */
.img-color h1 {
  font-family: din-condensed-bold;
  font-size: 38px;
  line-height: 36px;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  margin-top: 0px;
}

/* line 303, ../scss/cff.scss */
.span_2_of_2 {
  width: 100%;
}

/* line 306, ../scss/cff.scss */
.span_1_of_2 {
  width: 48%;
}

/* line 311, ../scss/cff.scss */
.prog h1 {
  font-family: din-condensed-bold;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  color: black;
  text-transform: uppercase;
  margin-bottom: -10px;
}
/* line 320, ../scss/cff.scss */
.prog p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: black;
}
/* line 327, ../scss/cff.scss */
.prog img {
  width: 100%;
}

/*  SECTIONS  */
/* line 333, ../scss/cff.scss */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
/* line 339, ../scss/cff.scss */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 4.0%;
}

/* line 344, ../scss/cff.scss */
.col:first-child {
  margin-left: 0;
}

/*  GROUPING  */
/* line 346, ../scss/cff.scss */
.group:before,
.group:after {
  content: "";
  display: table;
}

/* line 348, ../scss/cff.scss */
.group:after {
  clear: both;
}

/* line 349, ../scss/cff.scss */
.group {
  zoom: 1;
  /* For IE 6/7 */
}

/*  GRID OF THREE  */
/* line 351, ../scss/cff.scss */
.span_3_of_3 {
  width: 100%;
}

/* line 352, ../scss/cff.scss */
.span_2_of_3 {
  width: 65.33%;
}

/* line 353, ../scss/cff.scss */
.span_1_of_3 {
  width: 30.66%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
  /* line 356, ../scss/cff.scss */
  .col {
    margin: 1% 0 1% 0%;
  }

  /* line 357, ../scss/cff.scss */
  .span_3_of_3, .span_2_of_3, .span_1_of_3 {
    width: 100%;
  }

  /* line 358, ../scss/cff.scss */
  .span_2_of_2, .span_1_of_2 {
    width: 100%;
  }
}
/* line 360, ../scss/cff.scss */
.row2 {
  padding: 2em;
  margin-bottom: 25px;
}

/* line 364, ../scss/cff.scss */
.row3 {
  padding: 2em;
}

/* line 367, ../scss/cff.scss */
.row1 {
  padding: 2em;
}

/* line 373, ../scss/cff.scss */
#trigger-overlay {
  display: block;
}

/* line 378, ../scss/cff.scss */
.secondul {
  display: none;
}

@media (min-width: 650px) {
  /* line 384, ../scss/cff.scss */
  .my-prog {
    font-family: din-condensed-bold;
    text-align: center;
    font-size: 38px;
  }

  /* line 392, ../scss/cff.scss */
  .img-color {
    padding-top: 50px;
    margin-bottom: 25px;
    padding-bottom: 50px;
  }

  /* line 399, ../scss/cff.scss */
  .headerwrap {
    margin-top: 20px;
    width: 90%;
    margin: 10px auto;
  }

  /* line 410, ../scss/cff.scss */
  .section.img-wrap {
    margin-top: -0px;
  }

  /* line 417, ../scss/cff.scss */
  .img-wrap {
    background-size: cover;
    background: url("../conquest-img/kidtry6.png") no-repeat center center;
    height: auto;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    min-height: 500px;
    margin-top: -20px;
    text-align: center;
  }

  /* line 433, ../scss/cff.scss */
  .inside-wrap {
    width: 50%;
    margin-left: 50px;
    margin-top: 100px;
    padding: 1em;
  }
  /* line 441, ../scss/cff.scss */
  .inside-wrap h1 {
    color: black;
    font-family: din-condensed-bold;
    font-size: 5.5em;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase;
  }
  /* line 450, ../scss/cff.scss */
  .inside-wrap p {
    color: black;
    font-family: din-condensed;
    font-size: 24px;
  }
  /* line 455, ../scss/cff.scss */
  .inside-wrap .text-holder {
    margin-top: 0px;
  }

  /* line 461, ../scss/cff.scss */
  .inside-bottom {
    text-align: center;
  }
  /* line 466, ../scss/cff.scss */
  .inside-bottom div {
    margin-top: 0px;
    width: 50%;
  }
  /* line 471, ../scss/cff.scss */
  .inside-bottom h1 {
    color: black;
    font-family: din-condensed-bold;
    font-size: 5.5em;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase;
  }
  /* line 479, ../scss/cff.scss */
  .inside-bottom p {
    color: black;
    font-family: din-condensed;
    font-size: 24px;
  }
}
/*end of 680 */
@media (min-width: 800px) {
  /* line 494, ../scss/cff.scss */
  .modal-content form {
    width: 75%;
    margin: 0 auto;
  }

  /* line 500, ../scss/cff.scss */
  .namebox {
    clear: none !important;
    display: inline-block;
  }
  /* line 504, ../scss/cff.scss */
  .namebox div {
    clear: none !important;
  }

  /* line 509, ../scss/cff.scss */
  .mod-bottom {
    padding-bottom: 20px;
    width: 50%;
    margin: 0 auto;
  }
  /* line 514, ../scss/cff.scss */
  .mod-bottom input {
    width: 100%;
    background-color: black;
    color: white;
    text-transform: uppercase;
  }
  /* line 520, ../scss/cff.scss */
  .mod-bottom button {
    width: 100%;
    background-color: white;
    color: black;
    text-transform: uppercase;
  }

  /* line 530, ../scss/cff.scss */
  .mod-left {
    float: left;
    width: 45%;
  }

  /* line 535, ../scss/cff.scss */
  .mod-right {
    float: right;
    width: 45%;
  }

  /* line 540, ../scss/cff.scss */
  .nametext {
    width: 45%;
    float: left;
  }
  /* line 544, ../scss/cff.scss */
  .nametext p {
    margin-top: -5px;
    margin-left: 45px;
  }

  /* line 550, ../scss/cff.scss */
  .name {
    width: 45%;
    float: right;
  }
  /* line 555, ../scss/cff.scss */
  .name input {
    width: 100%;
  }

  /* line 562, ../scss/cff.scss */
  .donate {
    display: inline-block;
    margin-top: -30px;
  }
  /* line 567, ../scss/cff.scss */
  .donate .box1 {
    margin-top: 30px !important;
  }

  /* line 573, ../scss/cff.scss */
  .donate-left {
    width: 45%;
    float: left;
  }

  /* line 578, ../scss/cff.scss */
  .radio {
    width: 45%;
    float: right;
    clear: none !important;
  }

  /* line 591, ../scss/cff.scss */
  .secondul {
    display: block;
  }
  /* line 594, ../scss/cff.scss */
  .secondul li {
    float: left;
    list-style-type: none;
  }
  /* line 599, ../scss/cff.scss */
  .secondul a {
    color: black;
    margin-left: 10px;
    text-decoration: none;
    font-family: din-condensed;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  /* line 613, ../scss/cff.scss */
  #trigger-overlay {
    display: none;
  }

  /* line 619, ../scss/cff.scss */
  .socialul {
    display: block;
    width: 50%;
    float: right;
    margin-top: -57px;
    margin-right: 20px;
  }
  /* line 627, ../scss/cff.scss */
  .socialul li {
    float: right;
    list-style-type: none;
    width: 5%;
    margin-right: 10px;
  }
  /* line 635, ../scss/cff.scss */
  .socialul img {
    width: 100%;
    max-width: 100px;
  }

  /* line 648, ../scss/cff.scss */
  .row1 {
    width: 80%;
    margin: 0 auto;
  }

  /* line 652, ../scss/cff.scss */
  .row3 {
    width: 80%;
    margin: 0 auto;
  }

  /* line 657, ../scss/cff.scss */
  .row2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
  }

  /* line 663, ../scss/cff.scss */
  .col div {
    float: right;
    width: 100%;
    margin-top: 70px;
  }
  /* line 667, ../scss/cff.scss */
  .col div img {
    width: 80%;
    margin-bottom: 30px;
  }

  /* line 672, ../scss/cff.scss */
  .inside-wrap {
    width: 50%;
    margin-left: 50px;
    margin-top: 100px;
    padding: 1em;
  }
  /* line 680, ../scss/cff.scss */
  .inside-wrap h1 {
    color: black;
    font-family: din-condensed-bold;
    font-size: 5.5em;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase;
  }
  /* line 689, ../scss/cff.scss */
  .inside-wrap p {
    color: black;
    font-family: din-condensed;
    font-size: 24px;
  }
  /* line 694, ../scss/cff.scss */
  .inside-wrap .text-holder {
    margin-top: 0px;
  }
}
/*end of 880 */