/* =========================================
		Dimensions
   ========================================= */
/* =========================================
		Color Index
   ========================================= */
/**
 * Prefix colors with $c_ this
 * makes them easily findable
 * with auto complete
 *
 * Give colors their names in the
 * index. This makes it easier to
 * arrange them reasonably in the
 * index
 */
/* =========================================
		Colors Applied
   ========================================= */
/**
 * Prefix applied colors with $ca_
 * this makes them easily findable
 * with auto complete
 *
 * Define where colors where and how
 * colors are used. This makes it
 * easier to use them in the rest
 * of the sass code
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/** Variables and mixins for screen breaks **/
/* =========================================
		Dimensions
   ========================================= */
.cl-popup-box {
  top: 100px !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400; }
  .cl-popup-box .so-widget-sow-editor, .cl-popup-box .widget-title {
    text-transform: none !important;
    font-size: 16px !important; }
  .cl-popup-box .contactpage-row {
    background: #f4f9fb; }
  .cl-popup-box #contact-box {
    border: 1px solid #eaeaea;
    background: #fff;
    box-shadow: 0px 0px 20px #eee; }
  .cl-popup-box .container {
    padding: 50px 0 50px 0; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .container {
        padding: 0px 0 0px 0; } }
  .cl-popup-box h1 {
    padding: 0 0 30px 0; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box h1 {
        padding: 0 0 10px 0; } }
  .cl-popup-box .widget-title {
    padding: 15px 0 10px; }
  .cl-popup-box p {
    font-size: 14px;
    line-height: 24px; }
  .cl-popup-box a {
    font-size: 14px;
    line-height: 24px;
    color: #2aa0c8; }
  .cl-popup-box .contact-left {
    background: #fff;
    padding: 10px 40px 40px;
    border-right: 1px solid #eaeaea; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .contact-left {
        border-bottom: 1px solid #ddd;
        border-right: none;
        padding: 0 20px 30px;
        margin-bottom: 30px; } }
    .cl-popup-box .contact-left .box-headline {
      padding: 30px 0; }
      .cl-popup-box .contact-left .box-headline .so-widget-sow-headline {
        margin: 0; }
        .cl-popup-box .contact-left .box-headline .so-widget-sow-headline h2 {
          font-size: 20px; }
    .cl-popup-box .contact-left h3 {
      color: #444;
      font-size: 16px;
      padding: 15px 0 10px 0;
      text-transform: none !important; }
  .cl-popup-box .contact-right {
    background: #fff;
    padding: 10px 35px; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .contact-right {
        padding: 10px 20px; } }
    .cl-popup-box .contact-right .box-headline {
      padding: 30px 0; }
      .cl-popup-box .contact-right .box-headline .so-widget-sow-headline {
        margin: 0; }
        .cl-popup-box .contact-right .box-headline .so-widget-sow-headline h2 {
          font-size: 20px; }
    .cl-popup-box .contact-right h3 {
      font-size: 16px; }
    .cl-popup-box .contact-right .side-menu ul {
      margin: 10px 0 40px; }
      .cl-popup-box .contact-right .side-menu ul li {
        float: none;
        padding: 15px 0 15px 25px;
        border-bottom: 1px solid #eeeeee;
        background: url("/wp-content/themes/BootstrapParallax/assets/img/arrow-right.svg") no-repeat center left !important; }
    .cl-popup-box .contact-right .side-menu h3::before {
      float: left;
      font-family: "openproject-icon-font";
      content: "\e073";
      border: 1px solid #ddd;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      font-size: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 25px;
      margin-top: -15px; }
      @media only screen and (max-width: 1012px) {
        .cl-popup-box .contact-right .side-menu h3::before {
          width: 35px;
          height: 35px;
          font-size: 15px;
          margin-top: -8px;
          margin-bottom: 30px; } }
    .cl-popup-box .contact-right .email-us {
      margin: 0 0 50px 80px; }
      @media only screen and (max-width: 1012px) {
        .cl-popup-box .contact-right .email-us {
          margin: 0 0 50px 50px; } }
    .cl-popup-box .contact-right .find-us {
      margin: 0 0 0 80px; }
      @media only screen and (max-width: 1012px) {
        .cl-popup-box .contact-right .find-us {
          margin: 0 0 30px 50px; } }
  .cl-popup-box h2, .cl-popup-box h3 {
    font-weight: 600;
    text-align: left; }
  .cl-popup-box i {
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .cl-popup-box .email-us {
    margin: 0 0 0 80px; }
    .cl-popup-box .email-us p, .cl-popup-box .email-us a {
      font-size: 17px; }
      @media only screen and (max-width: 1012px) {
        .cl-popup-box .email-us p, .cl-popup-box .email-us a {
          font-size: 14px; } }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .email-us {
        margin: 0 0 0 50px; } }
  .cl-popup-box .call-us {
    margin: 0 0 0 80px; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .call-us {
        margin: 0 0 0 50px; } }
  .cl-popup-box .find-us {
    margin: 0 0 0 80px; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .find-us {
        margin: 0 0 0 50px; } }
  .cl-popup-box .send-us {
    margin: 20px 0 50px 80px; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .send-us {
        margin: 10px 0 0; } }
    .cl-popup-box .send-us .wpcf7-form input, .cl-popup-box .send-us select, .cl-popup-box .send-us textarea {
      width: 100%;
      margin: 10px 0;
      box-sizing: border-box;
      height: 40px; }
    .cl-popup-box .send-us .wpcf7-form select {
      color: #999; }
    .cl-popup-box .send-us .wpcf7-form textarea {
      height: 120px; }
    .cl-popup-box .send-us .wpcf7-form input[type=submit] {
      width: 30%;
      box-sizing: border-box; }
      @media only screen and (max-width: 1012px) {
        .cl-popup-box .send-us .wpcf7-form input[type=submit] {
          width: 100%; } }
    .cl-popup-box .send-us .wpcf7-response-output {
      margin: 0; }
    .cl-popup-box .send-us .wpcf7-mail-sent-ok {
      border: 1px solid #35c53f;
      background: #d8fdd1;
      border-radius: 2px;
      padding: 5px 10px; }
    .cl-popup-box .send-us form {
      width: 90%; }
      @media only screen and (max-width: 1012px) {
        .cl-popup-box .send-us form {
          width: 93%; } }
    .cl-popup-box .send-us .form-cols {
      width: 100%; }
      .cl-popup-box .send-us .form-cols .form-col-1 {
        width: 47%;
        float: left; }
        @media only screen and (max-width: 1012px) {
          .cl-popup-box .send-us .form-cols .form-col-1 {
            width: 100%; } }
      .cl-popup-box .send-us .form-cols .form-col-2 {
        width: 47%;
        float: right; }
        @media only screen and (max-width: 1012px) {
          .cl-popup-box .send-us .form-cols .form-col-2 {
            width: 100%;
            float: left; } }
      .cl-popup-box .send-us .form-cols p {
        margin: 0; }
  .cl-popup-box .email-us::before, .cl-popup-box .call-us::before, .cl-popup-box .find-us::before, .cl-popup-box .send-us::before {
    position: absolute;
    font-family: "openproject-icon-font";
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -80px; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .email-us::before, .cl-popup-box .call-us::before, .cl-popup-box .find-us::before, .cl-popup-box .send-us::before {
        width: 35px;
        height: 35px;
        font-size: 15px;
        margin-left: -50px;
        margin-top: 8px; } }
  .cl-popup-box .email-us::before {
    content: "\e063"; }
  .cl-popup-box .call-us::before {
    content: "\e07f"; }
  .cl-popup-box .find-us::before {
    content: "\e05f"; }
  .cl-popup-box .send-us::before {
    content: "\e064"; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .send-us::before {
        margin-left: 0;
        float: left;
        position: relative;
        margin-right: 15px; } }
  .cl-popup-box .phone-number {
    font-size: 17px;
    font-weight: 700;
    color: #2aa0c8; }
    @media only screen and (max-width: 1012px) {
      .cl-popup-box .phone-number {
        font-size: 14px; } }

.cl-popup-box-closer {
  display: block !important;
  height: 50px !important;
  line-height: 50px !important;
  width: 60px !important; }

.cl-popup-box-closer:before {
  font-size: 30px !important; }

.cl-popup .cl-btn {
  text-decoration: none;
  height: 75px;
  display: block;
  line-height: 75px;
  padding: 0;
  margin: 0; }

.cl-popup .subheadline {
  text-transform: none;
  display: inline-block;
  font-size: 14px; }

.cl-popup i {
  padding-right: 7px;
  vertical-align: -3px; }