/*
Theme Name: Sound & Signal
Theme URI: http://ave.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template:  ave
Description: Theme by Planeteria Media
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: ave
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/
@import url("https://use.typekit.net/ukm6gyd.css");
::-moz-selection {
  background: #00A2EB;
  color: #FFFFFF; }

::selection {
  background: #00A2EB;
  color: #FFFFFF; }

body {
  display: none; }
  @media screen and (max-width: 768px) {
    body {
      font-size: 15px !important; } }
  body .container {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    max-width: 1300px !important; }
  body .h1, body h1, body .h2, body h2, body .h3, body h3, body .h4, body h4, body .h5, body h5 {
    font-family: century-gothic, sans-serif;
    transition: all ease 0.3s; }
  @media screen and (max-width: 768px) {
    body h1, body .h1 {
      font-size: 40px; } }
  @media screen and (max-width: 500px) {
    body h1, body .h1 {
      font-size: 36px; } }
  @media screen and (max-width: 500px) {
    body h1, body .h1 {
      font-size: 32px; } }
  body h2, body .h2 {
    margin-bottom: 35px; }
    @media screen and (max-width: 768px) {
      body h2, body .h2 {
        font-size: 24px;
        margin-bottom: 25px; } }
  body h3, body .h3 {
    margin-bottom: 35px; }
    @media screen and (max-width: 968px) {
      body h3, body .h3 {
        font-size: 20px;
        margin-bottom: 25px; } }
  body h4, body .h4 {
    max-width: 600px; }
    @media screen and (max-width: 500px) {
      body h4, body .h4 {
        font-size: 18px; } }
  body h5, body .h5 {
    margin-bottom: 25px; }
  body p {
    margin-bottom: 35px; }
    @media screen and (max-width: 768px) {
      body p {
        margin-bottom: 25px; } }
    body p a:hover {
      color: #8e8e8e; }
  body #page ul {
    list-style: none;
    list-style-position: outside;
    margin: 0px 0px 40px 0px; }
    body #page ul li {
      padding-left: 40px;
      position: relative;
      margin-bottom: 10px; }
      body #page ul li:before {
        position: absolute;
        content: "";
        top: 13px;
        left: 0px;
        display: block;
        width: 16px;
        height: 3px;
        border: 1px solid #00A2EB; }
  body #page ol {
    margin: 0px 0px 40px 0px; }
    body #page ol li {
      padding-left: 15px;
      margin-bottom: 10px; }

body[data-mobile-nav-style="modern"]::before {
  background: #0a448e !important;
  background: linear-gradient(0deg, #0a448e 0%, #00a2eb 100%) !important; }

.button {
  display: inline-block;
  border-radius: 100px;
  padding: 16px 45px 17px;
  background: #00A2EB;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  transition: all ease 0.3s;
  border: 1px solid #00A2EB;
  letter-spacing: 0.5px; }
  @media screen and (max-width: 768px) {
    .button {
      font-size: 16px;
      padding: 14px 40px 15px !important; } }
  .button.outline {
    background: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF !important; }
  .button:hover {
    color: #FFFFFF !important;
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 162, 235, 0.4);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 162, 235, 0.4);
    box-shadow: 0px 5px 30px 0px rgba(0, 162, 235, 0.4);
    transform: translateY(-2px); }

/* LAYOUTA */
@media screen and (max-width: 1000px) {
  .tablet-break .wpb_column {
    display: block;
    width: 100%;
    float: none; } }

@media screen and (max-width: 1000px) {
  .text-right {
    text-align: left !important; } }

/* HEADER */
@media screen and (max-width: 1000px) {
  body .main-header .navbar-brand {
    max-width: 160px !important;
    padding: 10px 0; } }

@media screen and (max-width: 1000px) {
  body .main-header .navbar-header {
    background: #f4f4f4 !important; } }

.main-nav > li > a {
  padding-right: 0px;
  padding-left: 40px; }
  .main-nav > li > a:hover {
    color: #8E8E8E !important; }

.main-nav > li.secondary > a {
  color: #8E8E8E !important; }

.navbar-collapse {
  box-shadow: none !important; }
  .navbar-collapse .navbar-toggle {
    display: none !important; }

@media screen and (max-width: 1000px) {
  body .navbar-collapse .main-nav > li:not(.service) > a {
    padding: 7px 0px !important;
    font-weight: 400 !important;
    font-size: 14px; }
  body .navbar-collapse .main-nav > li.service > a {
    padding: 10px 0px !important;
    font-size: 17px; }
  body .navbar-collapse .main-nav > li.secondary > a {
    opacity: 0.75; }
  body .navbar-collapse .main-nav > li.bottom {
    padding-bottom: 25px; } }
.secondarybar .main-nav > li > a {
  border-left: 1px solid #FFFFFF;
  padding: 2px 60px !important; }
  @media screen and (max-width: 1100px) {
    .secondarybar .main-nav > li > a {
      font-size: 18px !important;
      padding: 2px 40px !important; } }
  .secondarybar .main-nav > li > a:hover {
    color: rgba(255, 255, 255, 0.75) !important; }

.secondarybar .main-nav > li:first-of-type > a {
  border-left: none !important; }

/* HERO */
.page-hero {
  height: 380px; }
  @media screen and (max-width: 500px) {
    .page-hero {
      height: 320px; } }
  .page-hero .container:before, .page-hero .container:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%; }
  .page-hero .container:before {
    background: rgba(53, 119, 175, 0.2); }
  .page-hero .container:after {
    background: rgba(0, 0, 0, 0.3); }
  .page-hero .container .page-title {
    position: absolute;
    bottom: 80px;
    width: 100%;
    left: 0px;
    right: 0px; }
    .page-hero .container .page-title .vc_column-inner {
      max-width: 1300px !important;
      padding-left: 25px;
      padding-right: 25px;
      display: block;
      margin: 0 auto; }
    @media screen and (max-width: 500px) {
      .page-hero .container .page-title {
        bottom: 50px; } }

/* FLEXSLIDER */
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: none;
  -webkit-backface-visibility: hidden;
  height: 580px;
  position: relative; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

.flexslider .slides li:before, .flexslider .slides li:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%; }
.flexslider .slides li:before {
  background: rgba(53, 119, 175, 0.2); }
.flexslider .slides li:after {
  background: rgba(0, 0, 0, 0.3); }
.flexslider .slides li .container {
  position: relative;
  z-index: 100;
  height: 100%; }
  .flexslider .slides li .container .content {
    max-width: 700px;
    position: absolute;
    bottom: 100px;
    left: 25px;
    right: 25px;
    z-index: 100; }
    @media screen and (max-width: 768px) {
      .flexslider .slides li .container .content {
        bottom: 140px; } }
    .flexslider .slides li .container .content h1, .flexslider .slides li .container .content p {
      color: #FFFFFF;
      max-width: 600px; }
    .flexslider .slides li .container .content p {
      font-size: 19px;
      margin-bottom: 55px; }
      @media screen and (max-width: 768px) {
        .flexslider .slides li .container .content p {
          font-size: 17px;
          margin-bottom: 45px; } }
      @media screen and (max-width: 500px) {
        .flexslider .slides li .container .content p {
          font-size: 16px; } }
.flexslider .control-nav-container {
  position: relative; }
  .flexslider .control-nav-container .flex-control-nav {
    position: absolute;
    bottom: 0px;
    z-index: 50;
    right: 25px;
    bottom: 100px; }
    @media screen and (max-width: 768px) {
      .flexslider .control-nav-container .flex-control-nav {
        bottom: 50px;
        right: 25px;
        left: 25px;
        text-align: center;
        height: 5px;
        display: block; } }
    .flexslider .control-nav-container .flex-control-nav li {
      float: left;
      margin-left: 10px; }
      @media screen and (max-width: 768px) {
        .flexslider .control-nav-container .flex-control-nav li {
          float: none;
          display: inline-block;
          margin: 0px 5px; } }
      .flexslider .control-nav-container .flex-control-nav li a {
        display: block;
        cursor: pointer;
        transition: all ease 0.3s;
        text-indent: 9999px;
        width: 30px;
        background: #FFFFFF;
        opacity: 0.5;
        height: 4px; }
        .flexslider .control-nav-container .flex-control-nav li a:hover {
          opacity: 1; }
        .flexslider .control-nav-container .flex-control-nav li a.flex-active {
          opacity: 1;
          width: 50px; }

/* SERVICES -- HOMEPAGE */
@media screen and (max-width: 1000px) {
  .services .wpb_column {
    display: block;
    width: 100%;
    float: none; }
    .services .wpb_column .service-box {
      max-width: 400px;
      margin: 0 auto 35px !important; }
    .services .wpb_column:last-of-type .service-box {
      margin-bottom: 0px !important; } }
.services .wpb_wrapper-inner {
  height: 100%; }
  .services .wpb_wrapper-inner .service-box {
    transition: color 0s ease, background 0.3s ease !important;
    height: 100%;
    margin: 0px; }
    @media screen and (max-width: 500px) {
      .services .wpb_wrapper-inner .service-box {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        padding-left: 35px !important;
        padding-right: 35px !important; } }
    .services .wpb_wrapper-inner .service-box .iconbox-icon-wrap {
      margin-bottom: 20px; }
    .services .wpb_wrapper-inner .service-box p, .services .wpb_wrapper-inner .service-box h3 {
      transition: color 0s ease !important; }
    .services .wpb_wrapper-inner .service-box h3 {
      margin-bottom: 20px; }
      @media screen and (max-width: 968px) {
        .services .wpb_wrapper-inner .service-box h3 {
          font-size: 20px; } }
    .services .wpb_wrapper-inner .service-box a {
      border: 1px solid #CCCCCC;
      transition: all ease 0.3s; }
    .services .wpb_wrapper-inner .service-box:hover {
      background: #252525 !important; }
      .services .wpb_wrapper-inner .service-box:hover:before {
        opacity: 0.5; }
      .services .wpb_wrapper-inner .service-box:hover:after {
        opacity: 1; }
      .services .wpb_wrapper-inner .service-box:hover a {
        border: 1px solid transparent; }
    .services .wpb_wrapper-inner .service-box:before {
      background-color: #FFFFFF; }
    .services .wpb_wrapper-inner .service-box:after {
      content: "";
      display: block;
      opacity: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      right: 0px;
      bottom: 0px;
      z-index: 1; }
    .services .wpb_wrapper-inner .service-box:after {
      background: rgba(53, 119, 175, 0.2); }

/* PARTNERS */
.partners .wpb_single_image img {
  max-width: 200px; }
.partners .wpb_single_image.vertical img {
  max-width: none !important;
  max-height: 45px;
  width: auto; }
.partners.wide .wpb_single_image img {
  max-width: 150px; }

.contact p {
  margin-bottom: 15px; }

.main-footer {
  padding: 0px !important;
  color: #8e8e8e !important; }
  .main-footer p {
    font-size: 13px;
    line-height: 2em;
    margin-bottom: 20px; }
    @media screen and (max-width: 500px) {
      .main-footer p {
        margin-bottom: 10px; } }
    .main-footer p strong {
      color: #242A2D !important; }
  .main-footer a {
    color: #00A2EB !important; }
    .main-footer a:hover {
      color: #8e8e8e !important; }
    .main-footer a.button:hover {
      color: #FFFFFF !important; }

.lqd-contact-form {
  margin: 0px; }
  .lqd-contact-form .row {
    margin-bottom: 15px;
    margin-left: 0px !important;
    margin-right: 0px !important; }
    .lqd-contact-form .row .column {
      box-sizing: border-box;
      width: 50%;
      float: left; }
      @media screen and (max-width: 768px) {
        .lqd-contact-form .row .column {
          float: none;
          width: auto; } }
      .lqd-contact-form .row .column:first-of-type {
        padding-right: 20px; }
      .lqd-contact-form .row .column:last-of-type {
        padding-left: 20px; }
  .lqd-contact-form label {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    color: #242a2d;
    font-size: 16px;
    margin: 0px 0px 15px; }
  .lqd-contact-form .ui-button .ui-icon {
    background: url("assets/images/arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%; }
  .lqd-contact-form input, .lqd-contact-form textarea, .lqd-contact-form .ui-selectmenu-button {
    padding: 15px 20px !important;
    border: 1px solid #CCCCCC;
    color: #8e8e8e; }
  .lqd-contact-form input:active, .lqd-contact-form textarea:active, .lqd-contact-form .ui-selectmenu-button:active, .lqd-contact-form input:focus, .lqd-contact-form textarea:focus, .lqd-contact-form .ui-selectmenu-button:focus {
    border: 1px solid #00a2eb; }
  .lqd-contact-form input[type=submit], .lqd-contact-form button {
    display: inline-block;
    border-radius: 100px;
    padding: 16px 45px 17px !important;
    background: #00A2EB;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    transition: all ease 0.3s;
    border: 1px solid #00A2EB;
    letter-spacing: 0.5px;
    outline: none;
    cursor: pointer;
    height: auto;
    margin-top: 15px; }
    @media screen and (max-width: 768px) {
      .lqd-contact-form input[type=submit], .lqd-contact-form button {
        font-size: 16px;
        padding: 14px 40px 15px !important; } }
    .lqd-contact-form input[type=submit]:hover, .lqd-contact-form button:hover {
      color: #FFFFFF !important;
      -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 162, 235, 0.4);
      -moz-box-shadow: 0px 5px 30px 0px rgba(0, 162, 235, 0.4);
      box-shadow: 0px 5px 30px 0px rgba(0, 162, 235, 0.4);
      transform: translateY(-2px); }
  /*.lqd-contact-form .wpcf7-response-output, .lqd-contact-form .ajax-loader {
    display: none !important; }*/
  .lqd-contact-form span.wpcf7-not-valid-tip {
    color: #00a2eb;
    font-size: 14px;
    display: block;
    margin-bottom: 20px; }

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