/*
* @file
* styles
*
* Includes all necessary files for the funded theme
*/
/*
* @file
* Colors definition
*
* Include color definitions for the theme
*/
/*
* Color palette
*/
/*Font family*/
/*Breakpoints*/
/*Include base styles*/
/*
* @file
* Typography mixins
*
* Includes usefull mixins to manage typography in the site
*/
/*
* @file
* Mixins for vendor CSS styling
*
* Includes usefull mixins to manage vendors specific css properties
*/
/*
* @file
* Media breakpoints for mobile
*/
/*Include base styles*/
/*
* @file
* Media breakpoints settings
*/
/*
$narrow-devices: 768px;
$medium-devices: 1200px;*/
/*
* @file
* Button styles
*
* Include button styles for the theme
*/
.btn {
  font-weight: 200;
  background-image: none;
  border: none; }

.btn-success {
  background: #31c753;
  background-image: none;
  border: none; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    background: #279e42; }

.btn-primary {
  background: #3fcbd0;
  background-image: none;
  border: none; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #2bacb1; }

.btn-secondary {
  background: #f3506a;
  background-image: none;
  border: none;
  color: white; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background: #f02041;
    color: white; }

.btn-bordered, .btn-bordered--primary {
  background: transparent;
  border: 2px solid #7e7e7e;
  color: #7e7e7e; }
  .btn-bordered:hover, .btn-bordered--primary:hover, .btn-bordered:focus, .btn-bordered--primary:focus, .btn-bordered:active, .btn-bordered--primary:active {
    color: #7e7e7e; }

.btn-bordered--primary {
  border-color: #3fcbd0;
  color: #3fcbd0; }
  .btn-bordered--primary:hover, .btn-bordered--primary:focus, .btn-bordered--primary:active {
    color: #3fcbd0; }

.btn-bordered-small {
  border: 2px solid #7e7e7e;
  color: #7e7e7e;
  font-weight: 400;
  background: transparent;
  padding: 2px 10px;
  font-size: 7px;
  font-size: 0.7rem; }

.btn-lg {
  font-size: 10px;
  font-size: 1rem; }

/*
* @file
* Media elements styles
*
* Styles for img, video and other media tags
*/
img {
  max-width: 100%;
  height: auto; }

@media (max-width: 768px) {
  video,
  iframe {
    max-width: 100%; } }

/*
* @file
* Typography of the website
*
* Include basic typography for the theme
*/
html {
  font-size: 100%;
  /* Sets up the Base 10 stuff */ }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif;
  font-size: 90%;
  /* Sets up the Base 10 stuff */
  color: #333; }

a {
  color: #f3506a; }

h1, .h1 {
  font-size: 25px;
  font-size: 2.5rem; }

h2, .h2 {
  font-weight: 200;
  font-size: 20px;
  font-size: 2rem; }

h3, .h3, .front .region-content .panel-flexible .pane-title {
  font-weight: 200;
  font-size: 14px;
  font-size: 1.4rem; }

h4, .h4 {
  font-weight: 200; }

p {
  font-size: 9.5px;
  font-size: 0.95rem;
  line-height: 14.25px;
  line-height: 1.425rem;
  color: #7e7e7e; }

/*
* @file
* Tabs styling
*
* Includes Basic style for the tabs
*/
.nav-tabs {
  display: none;
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .nav-tabs {
      display: block; } }
  .nav-tabs > li {
    float: none;
    margin-bottom: -2px;
    margin-right: -1px; }
    @media (min-width: 768px) {
      .nav-tabs > li {
        float: left; } }
    .nav-tabs > li > a, .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
      color: #333;
      border: 1px solid #EFEFEF;
      margin: 0px;
      border-radius: 0px; }
      @media (min-width: 768px) {
        .nav-tabs > li > a, .nav-tabs > li > a:hover,
        .nav-tabs > li > a:focus {
          padding: 15px 40px; } }
    .nav-tabs > li.active > a {
      border-color: #EFEFEF; }
    .nav-tabs > li > a:hover {
      color: #f3506a; }
    @media (min-width: 768px) {
      .nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus {
        border-top: 2px solid #3fcbd0;
        border-bottom: 1px solid white; } }

.tabs-wrapper {
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .tabs-wrapper {
      margin-bottom: 0px; } }

.tabs_mobile--toggle {
  display: block;
  border: 1px solid #EFEFEF;
  color: #333;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 10px 15px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .tabs_mobile--toggle:hover, .tabs_mobile--toggle:focus, .tabs_mobile--toggle:active {
    color: #333;
    text-decoration: none; }
  .tabs_mobile--toggle i {
    position: absolute;
    right: 20px;
    font-size: 10px;
    font-size: 1rem;
    top: 10px; }
  .tabs_mobile--toggle.closed i:before {
    content: "\f057"; }
  @media (min-width: 768px) {
    .tabs_mobile--toggle {
      display: none; } }

.tag--label, .tag--button, .field-name-field-project-categories .field-item {
  color: #a8a8a8;
  font-size: 8px;
  font-size: 0.8rem;
  font-weight: normal; }
  .tag--label:before, .tag--button:before, .field-name-field-project-categories .field-item:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    content: "\f02c"; }

.tag--button {
  background: #EFEFEF;
  border: 2px solid #a8a8a8;
  padding: 5px 15px;
  border-radius: 2px; }

/*Include layout css*/
/*
* @file
* Page layout
*
* Includes style for the layout of the page
*/
html,
body {
  height: 100%; }

.page-header {
  border: none;
  margin-bottom: 40px;
  font-weight: 200; }

.main-container {
  padding-top: 100px; }
  @media (min-width: 768px) {
    .main-container {
      padding-top: 140px; } }

@media (min-width: 1200px) {
  .container, .front .funded-row--how-it-works .panels-flexible-row-inside, .front .pane-benefits .pane-content, .crowfunding-project .tabs--primary,
  .crowfunding-project .view-site-highlights,
  .crowfunding-project .alert, .project-row--actions .inside {
    max-width: 1040px; } }
@media (min-width: 768px) {
  .region-sidebar-second {
    margin-top: 60px; } }

@media (min-width: 1200px) {
  .post-container {
    margin-right: 16%;
    margin-left: 16%; } }

/*
* @file
* Header
*
* Include basic style for header
*/
.top-border-gradient {
  height: 4px;
  background: #3fcbd0;
  background: -webkit-linear-gradient(left, #3fcbd0 0%, #f3506a 20%, #d55dae 40%, #d55dae 60%, #55A0D5 80%, #813DA1 100%);
  background: linear-gradient(to right, #3fcbd0 0%, #f3506a 20%, #d55dae 40%, #d55dae 60%, #55A0D5 80%, #813DA1 100%); }

.top-border-gradient--small {
  height: 4px;
  background: #3fcbd0;
  background: -webkit-linear-gradient(left, #3fcbd0 0%, #f3506a 50%, #d55dae 100%);
  background: linear-gradient(to right, #3fcbd0 0%, #f3506a 50%, #d55dae 100%);
  width: 150px;
  margin: auto; }

.top-border, .top-border--small {
  list-style: none;
  width: 100%;
  font-size: 0;
  margin: 0px;
  padding-left: 0px; }
  .top-border li, .top-border--small li {
    display: inline-block;
    width: 20%;
    height: 4px; }
  .top-border li:nth-child(1), .top-border--small li:nth-child(1) {
    background: #3fcbd0; }
  .top-border li:nth-child(2), .top-border--small li:nth-child(2) {
    background: #f3506a; }
  .top-border li:nth-child(3), .top-border--small li:nth-child(3) {
    background: #d55dae; }
  .top-border li:nth-child(4), .top-border--small li:nth-child(4) {
    background: #55A0D5; }
  .top-border li:nth-child(5), .top-border--small li:nth-child(5) {
    background: #813DA1; }

.top-border--small {
  list-style: none;
  width: 150px;
  font-size: 0;
  margin: auto;
  padding-left: 0px; }
  .top-border--small li {
    width: 33%; }

.navbar-default {
  min-height: 80px;
  padding: 20px;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #EFEFEF;
  background: white;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: absolute;
  background: white;
  top: 0;
  z-index: 100; }
  .navbar-default .navbar-btn {
    margin-top: 5px;
    margin-bottom: 5px; }
  .navbar-default .container, .navbar-default .front .funded-row--how-it-works .panels-flexible-row-inside, .front .funded-row--how-it-works .navbar-default .panels-flexible-row-inside, .navbar-default .front .pane-benefits .pane-content, .front .pane-benefits .navbar-default .pane-content, .navbar-default .crowfunding-project .tabs--primary, .crowfunding-project .navbar-default .tabs--primary,
  .navbar-default .crowfunding-project .view-site-highlights,
  .crowfunding-project .navbar-default .view-site-highlights,
  .navbar-default .crowfunding-project .alert,
  .crowfunding-project .navbar-default .alert, .navbar-default .project-row--actions .inside, .project-row--actions .navbar-default .inside {
    max-width: 100%;
    height: 70px; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active {
    background-color: transparent; }

@media (min-width: 768px) {
  .header-user-nav {
    width: 50%;
    display: inline-block; } }
@media (min-width: 1200px) {
  .header-user-nav {
    width: 40%;
    display: inline-block; } }

.navbar.container, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside, .front .pane-benefits .navbar.pane-content, .crowfunding-project .navbar.tabs--primary,
.crowfunding-project .navbar.view-site-highlights,
.crowfunding-project .navbar.alert, .project-row--actions .navbar.inside {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 70px; }
  .navbar.container .navbar-header, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .navbar-header, .front .pane-benefits .navbar.pane-content .navbar-header, .crowfunding-project .navbar.tabs--primary .navbar-header,
  .crowfunding-project .navbar.view-site-highlights .navbar-header,
  .crowfunding-project .navbar.alert .navbar-header, .project-row--actions .navbar.inside .navbar-header {
    padding: 10px;
    margin-right: 0px;
    margin-left: 0px; }
    @media (min-width: 768px) {
      .navbar.container .navbar-header, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .navbar-header, .front .pane-benefits .navbar.pane-content .navbar-header, .crowfunding-project .navbar.tabs--primary .navbar-header,
      .crowfunding-project .navbar.view-site-highlights .navbar-header,
      .crowfunding-project .navbar.alert .navbar-header, .project-row--actions .navbar.inside .navbar-header {
        width: 50%;
        display: inline-block; } }
    @media (min-width: 1200px) {
      .navbar.container .navbar-header, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .navbar-header, .front .pane-benefits .navbar.pane-content .navbar-header, .crowfunding-project .navbar.tabs--primary .navbar-header,
      .crowfunding-project .navbar.view-site-highlights .navbar-header,
      .crowfunding-project .navbar.alert .navbar-header, .project-row--actions .navbar.inside .navbar-header {
        width: 60%;
        display: inline-block; } }
  .navbar.container .navbar-collapse, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .navbar-collapse, .front .pane-benefits .navbar.pane-content .navbar-collapse, .crowfunding-project .navbar.tabs--primary .navbar-collapse,
  .crowfunding-project .navbar.view-site-highlights .navbar-collapse,
  .crowfunding-project .navbar.alert .navbar-collapse, .project-row--actions .navbar.inside .navbar-collapse {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px; }
    @media (min-width: 768px) {
      .navbar.container .navbar-collapse, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .navbar-collapse, .front .pane-benefits .navbar.pane-content .navbar-collapse, .crowfunding-project .navbar.tabs--primary .navbar-collapse,
      .crowfunding-project .navbar.view-site-highlights .navbar-collapse,
      .crowfunding-project .navbar.alert .navbar-collapse, .project-row--actions .navbar.inside .navbar-collapse {
        padding-left: 10px; } }
  .navbar.container .user-image, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .user-image, .front .pane-benefits .navbar.pane-content .user-image, .crowfunding-project .navbar.tabs--primary .user-image,
  .crowfunding-project .navbar.view-site-highlights .user-image,
  .crowfunding-project .navbar.alert .user-image, .project-row--actions .navbar.inside .user-image {
    display: none;
    width: 70px;
    height: 70px;
    line-height: 65px;
    cursor: pointer;
    text-align: center;
    position: relative; }
    @media (min-width: 768px) {
      .navbar.container .user-image, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .user-image, .front .pane-benefits .navbar.pane-content .user-image, .crowfunding-project .navbar.tabs--primary .user-image,
      .crowfunding-project .navbar.view-site-highlights .user-image,
      .crowfunding-project .navbar.alert .user-image, .project-row--actions .navbar.inside .user-image {
        display: block; } }
    .navbar.container .user-image:hover, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .user-image:hover, .front .pane-benefits .navbar.pane-content .user-image:hover, .crowfunding-project .navbar.tabs--primary .user-image:hover,
    .crowfunding-project .navbar.view-site-highlights .user-image:hover,
    .crowfunding-project .navbar.alert .user-image:hover, .project-row--actions .navbar.inside .user-image:hover, .navbar.container .user-image.js-user-menu--clicked, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .user-image.js-user-menu--clicked, .front .pane-benefits .navbar.pane-content .user-image.js-user-menu--clicked, .crowfunding-project .navbar.tabs--primary .user-image.js-user-menu--clicked,
    .crowfunding-project .navbar.view-site-highlights .user-image.js-user-menu--clicked,
    .crowfunding-project .navbar.alert .user-image.js-user-menu--clicked, .project-row--actions .navbar.inside .user-image.js-user-menu--clicked {
      background: #EFEFEF; }
    .navbar.container .user-image img, .front .funded-row--how-it-works .navbar.panels-flexible-row-inside .user-image img, .front .pane-benefits .navbar.pane-content .user-image img, .crowfunding-project .navbar.tabs--primary .user-image img,
    .crowfunding-project .navbar.view-site-highlights .user-image img,
    .crowfunding-project .navbar.alert .user-image img, .project-row--actions .navbar.inside .user-image img {
      border-radius: 100%;
      max-width: 30px; }

.navbar-default.fixed {
  position: fixed;
  background: white;
  top: 0;
  z-index: 100; }

.navbar-default.scroll-down {
  -webkit-animation: slide-down 1s ease;
  -moz-animation: slide-down 1s ease;
  animation: slide-down 1s ease; }

.navbar-default.scroll-up {
  -webkit-animation: scroll-up 1s ease;
  -moz-animation: scroll-up 1s ease;
  animation: scroll-up 1s ease; }

.logged-in.toolbar .navbar-default {
  top: 64px; }

@-moz-keyframes slide-down {
  0% {
    -moz-transform: translate(0, -100%); }
  100% {
    -moz-transform: translate(0, 0); } }
@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translate(0, -100%); }
  100% {
    -webkit-transform: translate(0, 0); } }
@keyframes slide-down {
  0% {
    transform: translate(0, -100%); }
  100% {
    transform: translate(0, 0); } }
@-moz-keyframes slide-up {
  0% {
    -moz-transform: translate(0, 0); }
  100% {
    -moz-transform: translate(0, -100%); } }
@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -100%); } }
@keyframes slide-up {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, -100%); } }
/*
* @file
* Hero region
*
* Include basic style for the page hero region
*/
.region-hero section.block {
  padding-top: 0; }

.region-hero {
  padding-top: 70px; }

#hero {
  background: #FFFFFF;
  position: relative;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: block; }

.full_width {
  border: none !important;
  height: 100%;
  position: relative;
  z-index: 1; }

.front #hero,
.front .full_width,
.front .region-hero,
.front .region-hero section,
.front .region-hero .view .view-content {
  border: none !important;
  height: 100%;
  position: relative;
  z-index: 1; }

.front .region-hero .view {
  height: 100%; }

#hero,
.full_width,
.region-hero,
.region-hero section,
.region-hero .view .view-content {
  border: none !important;
  height: 100%;
  position: relative;
  z-index: 1; }

.region-hero .view {
  height: 100%; }

.page-user-login .page-header,
.not-logged-in.page-user .page-header {
  text-align: center; }
@media (min-width: 768px) {
  .page-user-login .nav-tabs,
  .not-logged-in.page-user .nav-tabs {
    max-width: 600px;
    margin-bottom: 0px;
    border: none;
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 768px) {
  .page-user-login .region-content,
  .not-logged-in.page-user .region-content {
    max-width: 600px;
    padding: 40px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px; } }

/*
* @file
* Branding
*
* Include basic style for branding section in the header
*/
.navbar-brand {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem; }

/*
.front a.navbar-brand {
  color: white;

  @include active{
    color:white;
  }
}*/
@media (min-width: 768px) {
  .navbar .logo,
  .navbar-brand {
    max-width: 30%; } }

/*
* @file
* Footer
*
* Include basic style for footer
*/
.footer {
  width: 100%;
  background: #262626;
  color: white;
  padding-top: 60px;
  padding-bottom: 60px; }
  .footer a {
    color: white; }
    .footer a.active {
      color: #f3506a; }
  .footer .block-panels-mini {
    border-bottom: 1px solid #7e7e7e;
    margin-bottom: 40px;
    padding-bottom: 40px; }
    .footer .block-panels-mini .panels-flexible-region .nav > li > a {
      font-weight: 200;
      padding-left: 0;
      padding-top: 5px;
      padding-bottom: 5px; }
      .footer .block-panels-mini .panels-flexible-region .nav > li > a:hover {
        background: transparent; }
    .footer .block-panels-mini .panels-flexible-region:first-child {
      color: #7e7e7e;
      padding-top: 20px; }
      .footer .block-panels-mini .panels-flexible-region:first-child img {
        height: 30px;
        margin-bottom: 10px; }
    .footer .block-panels-mini .pane-title {
      font-size: 8px;
      font-size: 0.8rem;
      text-transform: uppercase;
      color: #7e7e7e; }

/*
* @file
* Frontpage panel
*
* Include basic style for the site's homepage with panels
*/
.front .main-container {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding: 0; }
  .front .main-container .row {
    margin: 0; }
    .front .main-container .row section.col-sm-12 {
      padding: 0; }
.front .top-border--small,
.front .top-border-gradient--small {
  margin-bottom: 40px; }
.front .region-content .panel-flexible .pane-title {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 0px; }
.front .region-content .panel-flexible .funded-row--signup {
  text-align: center;
  background: #EFEFEF;
  border-top: 1px solid #EFEFEF;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 0; }
  @media (min-width: 1200px) {
    .front .region-content .panel-flexible .funded-row--signup .pane-content {
      max-width: 700px;
      margin: auto; } }
  .front .region-content .panel-flexible .funded-row--signup p {
    color: #7e7e7e;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16.5px;
    line-height: 1.65rem; }
  .front .region-content .panel-flexible .funded-row--signup h3 {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem; }
  .front .region-content .panel-flexible .funded-row--signup .btn {
    margin-top: 20px; }
.front .footer {
  margin-top: 0; }
  .front .footer .top-border--small,
  .front .footer .top-border-gradient--small {
    display: none; }
.front .funded-row--how-it-works {
  background: #EFEFEF;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (min-width: 1200px) {
    .front .funded-row--how-it-works .panels-flexible-row-inside {
      margin: auto; } }
  .front .funded-row--how-it-works #mini-panel-how_it_works .row {
    margin-bottom: 0px; }
  .front .funded-row--how-it-works #mini-panel-how_it_works .panel-panel.right {
    margin-top: 40px; }
    @media (min-width: 768px) {
      .front .funded-row--how-it-works #mini-panel-how_it_works .panel-panel.right {
        margin-top: 0px; } }
    .front .funded-row--how-it-works #mini-panel-how_it_works .panel-panel.right i.icon-squared {
      float: left;
      margin-right: 10px; }
    .front .funded-row--how-it-works #mini-panel-how_it_works .panel-panel.right p {
      color: #7e7e7e; }
      @media (min-width: 768px) {
        .front .funded-row--how-it-works #mini-panel-how_it_works .panel-panel.right p {
          max-width: 70%; } }
    .front .funded-row--how-it-works #mini-panel-how_it_works .panel-panel.right .panel-pane {
      margin-bottom: 20px; }
  .front .funded-row--how-it-works i.icon-squared {
    background: #3fcbd0;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: white;
    text-align: center; }
  .front .funded-row--how-it-works i.icon-squared-primary {
    background: #3fcbd0; }
  .front .funded-row--how-it-works i.icon-squared-secondary {
    background: #f3506a; }
  .front .funded-row--how-it-works i.icon-squared-third {
    background: #d55dae; }
.front .funded-row--projects {
  padding-top: 80px;
  padding-bottom: 80px; }
.front .pane-featured-projects .view-featured-projects {
  position: relative; }
  .front .pane-featured-projects .view-featured-projects .view-header {
    text-align: center;
    margin-bottom: 40px; }
  .front .pane-featured-projects .view-featured-projects .view-content:after {
    content: "";
    display: table;
    clear: both; }
  .front .pane-featured-projects .view-featured-projects .view-footer {
    text-align: center;
    margin-top: 80px; }
    .front .pane-featured-projects .view-featured-projects .view-footer:after {
      content: "";
      display: table;
      clear: both; }
.front .call-to-action {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  .front .call-to-action h2 {
    margin-bottom: 20px; }
  @media (min-width: 768px) {
    .front .call-to-action {
      max-width: 60%;
      margin-left: auto;
      margin-right: auto; } }
  .front .call-to-action p {
    color: #7e7e7e; }
.front .pane-benefits {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (min-width: 1200px) {
    .front .pane-benefits .pane-content {
      margin: auto; } }
  .front .pane-benefits .panel-pane {
    margin-bottom: 20px; }
    .front .pane-benefits .panel-pane h5 i {
      color: #f3506a;
      margin-right: 5px; }
    .front .pane-benefits .panel-pane p {
      color: #7e7e7e;
      font-size: 8px;
      font-size: 0.8rem; }
.front .view-clients .views-row {
  opacity: 0.3;
  filter: alpha(opacity=30); }
.front .homepage-clients-carousel-processed .owl-controls {
  display: none !important; }
.front .homepage-clients-carousel-processed .owl-wrapper-outer {
  padding: 20px;
  background: #EFEFEF;
  border-bottom: 1px solid #EFEFEF; }
  .front .homepage-clients-carousel-processed .owl-wrapper-outer .owl-item {
    text-align: center; }
.front .homepage-projects-carousel-processed {
  position: relative; }
  .front .homepage-projects-carousel-processed .owl-item {
    padding: 10px; }
  .front .homepage-projects-carousel-processed .owl-buttons {
    display: none; }
    @media (min-width: 768px) {
      .front .homepage-projects-carousel-processed .owl-buttons {
        display: block; } }
    .front .homepage-projects-carousel-processed .owl-buttons > div {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 30%;
      font-size: 100px;
      background: transparent;
      color: #a8a8a8; }
    .front .homepage-projects-carousel-processed .owl-buttons > .owl-prev {
      left: -80px; }
      .front .homepage-projects-carousel-processed .owl-buttons > .owl-prev:before {
        content: "\f104"; }
    .front .homepage-projects-carousel-processed .owl-buttons > .owl-next {
      right: -80px; }
      .front .homepage-projects-carousel-processed .owl-buttons > .owl-next:before {
        content: "\f105"; }
.front .owl-carousel .owl-wrapper-outer {
  overflow: hidden !important; }

.panel-flexible .panel-flexible-inside .panels-flexible-region {
  width: 100%;
  float: none; }

/*
* @file
* Search block theming
*/
.region-search {
  display: none; }
  @media (min-width: 768px) {
    .region-search {
      display: block;
      float: left;
      width: 70%; } }

.form-search input {
  border: none;
  border-left: 1px solid #EFEFEF;
  border-radius: 0px;
  box-shadow: none;
  height: 40px; }
  .form-search input:hover, .form-search input:focus, .form-search input:active {
    outline: none;
    box-shadow: none; }
.form-search .ui-autocomplete.ui-menu {
  padding: 0px;
  border-radius: 0px;
  border: none;
  padding-top: 10px; }
  .form-search .ui-autocomplete.ui-menu .ui-state-focus,
  .form-search .ui-autocomplete.ui-menu .ui-widget-content .ui-state-focus {
    border: none; }
  .form-search .ui-autocomplete.ui-menu .ui-menu-item {
    padding: 10px;
    padding-top: 0; }
  .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-field_video,
  .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-field_image {
    border-radius: 2px;
    float: left;
    margin-right: 10px;
    display: inline-block; }
    .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-field_video img,
    .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-field_image img {
      height: 40px;
      width: auto;
      border-radius: 2px; }
  .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-title {
    float: none;
    display: inline-block; }
    .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-title a {
      color: #7e7e7e;
      text-decoration: none;
      font-size: 8px;
      font-size: 0.8rem;
      font-weight: 200; }
      .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-title a:hover, .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-title a:focus, .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-title a:active {
        color: #7e7e7e;
        text-decoration: none; }
  .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-field_project_categories {
    float: none;
    color: #7e7e7e;
    font-weight: 200;
    margin-top: 5px; }
    .form-search .ui-autocomplete.ui-menu .ui-autocomplete-field-field_project_categories:before {
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: 5px;
      content: "\f02c"; }
  .form-search .ui-autocomplete.ui-menu .ui-menu-item-first {
    padding: 10px;
    background: #EFEFEF;
    color: #7e7e7e;
    border: none;
    margin-bottom: 0px; }
    .form-search .ui-autocomplete.ui-menu .ui-menu-item-first .ui-corner-all {
      color: #7e7e7e; }
      .form-search .ui-autocomplete.ui-menu .ui-menu-item-first .ui-corner-all.ui-state-focus {
        background: #EFEFEF; }

/*
* @file
* Sidebar
*
* Include sidebar styling
*/
.region-sidebar-second .block-title {
  text-transform: uppercase;
  font-style: italic;
  font-size: 8px;
  font-size: 0.8rem;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #f3506a; }
.region-sidebar-second .block:nth-child(n+1) {
  margin-top: 20px; }

/*Include layout css*/
/*
* @file
* Main menu
*
* Include basic style for the site main menu
*/
/*.front {
  .navbar.container {
    .navbar-nav li,
    .navbar-nav > .active > {

      & a,
      & a:hover,
      & a:focus,
      & a:active {
        color: white;
      }
    }
  }
}*/
.navbar-nav a.fa {
  -webkit-font-smoothing: auto;
  -ms-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  -o-font-smoothing: auto;
  font-smoothing: auto;
  font-family: "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif; }
  .navbar-nav a.fa:before {
    margin-right: 5px;
    font-family: fontawesome;
    -webkit-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased; }

@media (min-width: 768px) {
  .navbar-default .navbar-collapse {
    float: right; } }

.nav li a:hover, .nav li a:focus, .nav li a:active {
  background-color: transparent; }

/*
* @file
* User menu navigation
*/
.navbar-nav.secondary {
  display: none; }

.user--menu {
  display: none;
  position: absolute;
  width: 300px;
  right: 0px;
  top: 74px;
  padding: 30px;
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  z-index: 10;
  background: white; }
  .user--menu .menu {
    float: none; }
    .user--menu .menu li {
      display: block;
      float: none; }
      .user--menu .menu li a {
        padding-top: 10px;
        padding-bottom: 10px; }

.fundevisual-user-picture-processed .user--menu .navbar-nav.secondary {
  display: block; }

/*
* @file
* Navigation on mobile devices
*/
.navbar-default .navbar-toggle {
  border: none; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: white;
    outline: none; }
  .navbar-default .navbar-toggle .icon-bar {
    height: 4px; }
  .navbar-default .navbar-toggle .icon-bar:nth-child(2) {
    background: #3fcbd0; }
  .navbar-default .navbar-toggle .icon-bar:nth-child(3) {
    background: #f3506a; }
  .navbar-default .navbar-toggle .icon-bar:nth-child(4) {
    background: #d55dae; }

/*
* @file
* Crowdfunding Project
*
* Include basic style for Crowdfunding Project
*/
.crowfunding-project #hero {
  height: 500px; }

.crowfunding-project #hero,
.crowfunding-project .full_width,
.crowfunding-project .region-hero,
.crowfunding-project .region-hero section,
.crowfunding-project .region-hero .view .view-content {
  border: none !important;
  height: 500px;
  min-height: 0px;
  position: relative;
  z-index: 1; }

.crowfunding-project .region-hero .view {
  height: 500px; }

.crowfunding-project .page-header {
  text-align: center;
  margin-bottom: 0; }
.crowfunding-project .main-container {
  padding-top: 100px; }
  @media (min-width: 768px) {
    .crowfunding-project .main-container {
      width: 100%;
      max-width: 100%;
      padding-top: 140px; } }
  @media (min-width: 768px) {
    .crowfunding-project .main-container .row section.col-sm-12 {
      padding: 0; } }
.crowfunding-project.project--has-banner .main-container {
  padding-top: 100px; }
  @media (min-width: 768px) {
    .crowfunding-project.project--has-banner .main-container {
      width: 100%;
      padding-top: 0px; } }
.crowfunding-project.project--has-banner .page-header,
.crowfunding-project.project--has-banner .page_project_author {
  display: none; }
/*@media (min-width: 768px) {
  .crowfunding-project .tabs--primary {
    display: none; } }*/
.crowfunding-project .tabs--primary,
.crowfunding-project .view-site-highlights,
.crowfunding-project .alert {
  margin-left: auto;
  margin-right: auto; }
.crowfunding-project .panels-flexible-row {
  margin: auto; }
.crowfunding-project .page_project_author {
  text-align: center; }
.crowfunding-project .region-content {
  margin-top: 80px; }

.view-project-owner {
  margin-top: 20px;
  margin-bottom: 20px; }
  .view-project-owner .views-field-picture {
    display: inline-block;
    margin-right: 10px; }
    .view-project-owner .views-field-picture img {
      border-radius: 100%;
      max-width: 60px; }
  .view-project-owner .views-field-name {
    display: inline-block; }

.crowfunding-project .tabs--primary .active > a {
  cursor: pointer !important; }
.crowfunding-project .pane-node-field-funding-end {
  margin-bottom: 20px;
  margin-top: 20px; }
  .crowfunding-project .pane-node-field-funding-end .pane-title {
    color: #7e7e7e; }
  .crowfunding-project .pane-node-field-funding-end .pane-content {
    color: #a8a8a8; }
.crowfunding-project .pane-node-sharethis {
  margin-bottom: 20px;
  margin-top: 40px; }
.crowfunding-project .pane-node-field-funding-amount .field-item {
  font-size: 30px;
  font-size: 3rem; }
.crowfunding-project .pane-node-field-funding-goal {
  margin-bottom: 20px; }
  .crowfunding-project .pane-node-field-funding-goal .pane-title,
  .crowfunding-project .pane-node-field-funding-goal .pane-content {
    display: inline-block; }
  .crowfunding-project .pane-node-field-funding-goal .pane-content {
    font-weight: bold; }
.crowfunding-project .pane-node-body {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 40px; }
  .crowfunding-project .pane-node-body .field-name-body h2, .crowfunding-project .pane-node-body .field-name-body .h2 {
    margin-top: 40px;
    margin-bottom: 30px; }
  .crowfunding-project .pane-node-body .field-name-body h3, .crowfunding-project .pane-node-body .field-name-body .h3, .crowfunding-project .pane-node-body .field-name-body .front .region-content .panel-flexible .pane-title, .front .region-content .panel-flexible .crowfunding-project .pane-node-body .field-name-body .pane-title {
    margin-top: 30px;
    margin-bottom: 10px; }
  .crowfunding-project .pane-node-body .field-name-body h4, .crowfunding-project .pane-node-body .field-name-body .h4 {
    margin-top: 20px;
    margin-bottom: 20px; }

.view-backers {
  margin-bottom: 20px; }
  .view-backers .views-field-uid {
    font-size: 15px;
    font-size: 1.5rem; }

.pane-node-field-number-backers {
  margin-bottom: 20px;
  font-size: 15px;
  font-size: 1.5rem; }

.field-name-field-funding-status .progress-info {
  margin-bottom: 5px; }
.field-name-field-funding-status .progress {
  height: 5px; }

.field-name-field-project-categories {
  margin-bottom: 10px; }
  .field-name-field-project-categories .field-item {
    display: inline-block;
    margin-right: 5px; }

.pane-project-rewards {
  margin-top: 40px; }
  .pane-project-rewards .pane-title {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 40px;
    margin-bottom: 40px; }

.view-project-rewards .views-row {
  background: #EFEFEF;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px; }
.view-project-rewards .views-field-edit-product {
  margin-top: 20px; }
.view-project-rewards .views-field-title {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 10px; }
.view-project-rewards .views-field-commerce-price {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 10px; }
  .view-project-rewards .views-field-commerce-price .views-label-commerce-price {
    display: inline-block; }
  .view-project-rewards .views-field-commerce-price .field-content {
    display: inline-block; }

.project-row--actions {
  display: inline-block;
  border-bottom: 1px solid #EFEFEF;
  border-top: 1px solid #EFEFEF; }
  .project-row--actions .inside {
    margin: auto;
    position: relative; }
  .project-row--actions .panel-separator {
    display: none; }
  .project-row--actions .nav-tabs {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    float: left; }
    @media (min-width: 768px) {
      .project-row--actions .nav-tabs {
        display: inline-block; } }
    .project-row--actions .nav-tabs li {
      border: none;
      margin-bottom: 0px; }
      .project-row--actions .nav-tabs li > a {
        border: none;
        padding: 30px 30px;
        border-bottom: 4px solid white; }
        .project-row--actions .nav-tabs li > a:hover, .project-row--actions .nav-tabs li > a:focus, .project-row--actions .nav-tabs li > a:active {
          border: none;
          background: transparent;
          border-bottom: 4px solid #f3506a; }
  .project-row--actions .links.list-inline {
    float: right;
    display: inline-block;
    margin-top: 25px; }
  .project-row--actions .back_project {
    margin-right: 10px; }
  .project-row--actions .back_reminder--link {
    color: #7e7e7e; }
    .project-row--actions .back_reminder--link i:before {
      margin-right: 10px; }
    .project-row--actions .back_reminder--link:hover {
      color: #7e7e7e;
      text-decoration: none; }

/*@media (min-width: 768px) kappaluppa - fixing footer problem {
  .project-row--actions.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: white;
    z-index: 2; } }*/

.logged-in.toolbar .project-row--actions.fixed {
  top: 64px; }

/*
* @file
* Crowdfunding Project card (teaser)
*
* Displays Crowdfunding Project teasers as a project card
*/
.project-card {
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  overflow: hidden;
  background: white;
  text-align: left; }
  .project-card .project-card__header img {
    width: 100%; }
  .project-card .project-card__content {
    position: relative;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    .project-card .project-card__content:before {
      content: "";
      background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 20%);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .project-card .project-card__content .project-card__body {
      color: #7e7e7e;
      font-size: 8px;
      font-size: 0.8rem; }
  .project-card .project-card__title {
    font-weight: 300; }
  .project-card .project-card__footer {
    padding: 20px;
    font-size: 8px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #7e7e7e; }
    .project-card .project-card__footer .status-label {
      color: #a8a8a8; }
    .project-card .project-card__footer .status-info--columns {
      display: inline-block;
      width: 100%; }
    .project-card .project-card__footer .column-status {
      width: 33.33%;
      float: left; }
  .project-card .project-card__links {
    margin-top: 20px;
    clear: both;
    width: 100%; }

@media (min-width: 768px) {
  .project-card.project-card--long .project-card__header {
    float: left;
    width: 45%; } }
@media (min-width: 768px) {
  .project-card.project-card--long .project-card__container {
    float: left;
    width: 55%; } }
@media (min-width: 768px) {
  .project-card.project-card--long .project-card__content:before {
    background: transparent; } }
@media (min-width: 768px) {
  .project-card.project-card--long .project-card__links {
    width: 50%; } }

/*
* @file
* Crowdfunding project views
*/
.view-my-projects .project-card,
.view-projects .project-card {
  margin-bottom: 30px; }
.view-my-projects .view-filters,
.view-projects .view-filters {
  margin-bottom: 20px;
  margin-left: 15px; }

.panel--discover-projects .page-header {
  display: none; }
.panel--discover-projects .discover--heading {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 80px; }
.panel--discover-projects .view-project-of-the-day {
  margin-bottom: 40px; }
  .panel--discover-projects .view-project-of-the-day .views-row {
    position: relative; }
  .panel--discover-projects .view-project-of-the-day .project-of-the-day {
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 0.8rem;
    padding: 2px 10px;
    background-color: #3fcbd0;
    /* border-radius: 0px 4px 0px 0px; */
    color: white;
    z-index: 1; }
.panel--discover-projects .main-container .pane-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21.0px;
  line-height: 2.1rem;
  margin-bottom: 40px; }
.panel--discover-projects .discover--proj-of-the-day .discover--proj-of-the-day--region {
  width: 100%; }

/*
* @file
* Blog item
*
* Include basic style for Blog items
*/
.page-blog,
.page-taxonomy {
  background: #F5F5F5; }
  .page-blog .flexslider,
  .page-taxonomy .flexslider {
    margin: 0px;
    border: none; }
  .page-blog .node-blog,
  .page-taxonomy .node-blog {
    padding-bottom: 20px; }
    .page-blog .node-blog h2,
    .page-taxonomy .node-blog h2 {
      font-size: 10px;
      font-size: 1rem;
      text-transform: none;
      padding-left: 20px; }
      .page-blog .node-blog h2 > a:hover, .page-blog .node-blog h2 > a:focus, .page-blog .node-blog h2 > a:active,
      .page-taxonomy .node-blog h2 > a:hover,
      .page-taxonomy .node-blog h2 > a:focus,
      .page-taxonomy .node-blog h2 > a:active {
        text-decoration: none; }
    .page-blog .node-blog .node-readmore,
    .page-taxonomy .node-blog .node-readmore {
      padding-left: 20px; }
    .page-blog .node-blog .post_blog_info,
    .page-taxonomy .node-blog .post_blog_info {
      border-top: 1px solid #EFEFEF;
      margin-top: 15px;
      padding-top: 15px; }

.node-type-blog {
  background: #F5F5F5; }

.node-blog {
  background: white;
  padding: 0px;
  margin-bottom: 40px;
  position: relative; }
  .node-blog h2 {
    text-transform: uppercase; }
  .node-blog .field-name-field-tags .field-label {
    display: none; }
  .node-blog .field-name-field-tags .field-items {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding-top: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    display: inline-block; }
  .node-blog .field-name-field-tags .field-items .field-item:last-child {
    border-right: none; }
  .node-blog .blog_usernames_blog {
    display: none; }
  .node-blog .blog_post_type {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #333;
    padding: 10px;
    width: 50px;
    height: 50px;
    text-align: center; }
  .node-blog .blog_post_date {
    position: absolute;
    left: 0px;
    top: 51px;
    background: #333;
    padding: 10px;
    width: 50px;
    /* height: 50px; */
    text-align: center;
    color: white;
    font-weight: bold; }
  .node-blog .post_blog_info {
    padding-right: 20px;
    padding-left: 20px; }
  .node-blog .post_blog_info .submitted {
    margin-bottom: 0; }
  .node-blog .content {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0; }
  .node-blog .blog_post_type .fa,
  .node-blog .blog_post_date .fa {
    color: white; }
  .node-blog .flexslider {
    margin: 0px;
    border: none; }
  .node-blog .post_blog_info {
    border-bottom: 1px solid #EFEFEF;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 8px;
    font-size: 0.8rem; }
  .node-blog .blog_head {
    overflow: hidden; }
  .node-blog .blog_content .comment-add {
    display: none; }
  .node-blog .blog_content {
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
    margin-top: 0px; }
    .node-blog .blog_content .field,
    .node-blog .blog_content .project_images {
      margin-bottom: 2px; }
    .node-blog .blog_content .field-name-body {
      margin-bottom: 20px; }

.tagcloud a {
  display: block;
  float: left;
  background: #333;
  border-radius: 0px;
  padding: 3px 8px;
  color: white;
  margin: 0 6px 6px 0;
  text-decoration: none;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 12px;
  text-transform: uppercase; }

.categories div.views-row {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
  color: #333;
  text-transform: none;
  font-size: 14px;
  text-transform: uppercase; }

@-moz-document url-prefix() {
  .node-blog .flexslider {
    border: 0 !important;
    margin-top: -1.4em !important; } }
.node-blog h2.comment-form {
  font-size: 30px;
  margin-bottom: 20px; }

.node-type-blog .node-blog #comments {
  padding: 20px;
  padding-top: 0; }

.node-type-blog .node-blog iframe {
  width: 100%; }

.blog_category {
  float: left;
  width: auto;
  margin-right: 10px; }

.blog_category i {
  color: #333;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  float: left; }

.blog_category .field-name-field-post-type {
  float: left; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #333;
  border-color: #333; }

.node-blog video {
  max-width: 100%;
  height: auto !important;
  overflow: hidden; }

.mejs-mediaelement, .mejs-container {
  max-width: 100%;
  overflow: hidden; }

.node-blog iframe {
  width: 100%; }

/*
* @file
* Commments component - sitewide
*/
.comment-wrapper > .title {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 20px;
  margin-bottom: 20px; }
.comment-wrapper .indented {
  margin-left: 40px; }
.comment-wrapper .title.comment-form {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 40px;
  margin-bottom: 40px; }

.comment {
  margin-top: 20px;
  padding-top: 20px; }
  .comment .new {
    color: #aa3d2a;
    font-weight: bold;
    margin-left: 10px; }
  .comment .user-picture {
    float: left;
    margin-right: 20px; }
    .comment .user-picture img {
      border-radius: 100%;
      max-width: 50px; }
  .comment .content {
    margin-left: 80px; }
  .comment .submitted {
    display: none; }
  .comment h3 {
    display: none; }
  .comment .links {
    margin-top: 5px;
    margin-left: 80px;
    font-size: 8px;
    font-size: 0.8rem; }
  .comment .field-name-comment-body {
    color: #7e7e7e; }

.comment-form > div {
  margin-top: 20px; }

/*
* @file
* Flexslider styling
*
* This file contains all styling for the flexsliders, the homepage flexslider
* and other flexsliders within the site
*/
.region-hero .flexslider {
  border: none !important;
  height: 100%;
  position: relative; }
  .region-hero .flexslider .flex-direction-nav a {
    border-radius: 3px; }
  .region-hero .flexslider .slides {
    height: 100%;
    position: relative;
    width: 100%; }
    .region-hero .flexslider .slides .overlay {
      background: rgba(0, 0, 0, 0.3);
      position: absolute;
      lef: 0;
      right: 0;
      width: 100%;
      height: 100%; }
    .region-hero .flexslider .slides .pattern {
      background: url(../images/texture.png);
      background-size: cover;
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      opacity: 0.33; }
    .region-hero .flexslider .slides img {
      width: 100%;
      height: auto; }
    .region-hero .flexslider .slides .content_wrap {
      display: table;
      text-align: center;
      width: 100%;
      height: 100%;
      position: relative; }
    .region-hero .flexslider .slides .content_hero {
      position: relative;
      display: table-cell;
      vertical-align: middle;
      padding: 20px;
      color: white; }
    .region-hero .flexslider .slides .field-content {
      z-index: 3;
      max-width: 80%;
      margin: auto;
      margin-bottom: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      display: block;
      font-size: 20px;
      font-size: 2rem;
      font-weight: 200; }
      @media (min-width: 768px) {
        .region-hero .flexslider .slides .field-content {
          font-size: 30px;
          font-size: 3rem; } }
    .region-hero .flexslider .slides h2.field-content {
      font-size: 20px;
      font-size: 2rem; }
      @media (min-width: 768px) {
        .region-hero .flexslider .slides h2.field-content {
          font-size: 20px;
          font-size: 2rem; } }
    .region-hero .flexslider .slides p {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
      padding-top: 10px;
      max-width: 70%;
      margin: auto;
      margin-bottom: 20px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 19.5px;
      line-height: 1.95rem;
      font-weight: 100;
      color: white; }
    .region-hero .flexslider .slides span {
      text-align: center;
      left: 0; }
    .region-hero .flexslider .slides .views-field-field-link > a {
      margin: auto; }
    .region-hero .flexslider .slides li {
      background-position: center center !important;
      -webkit-background-position: center center !important;
      -ms-background-position: center center !important;
      -moz-background-position: center center !important;
      -moz-osx-background-position: center center !important;
      -o-background-position: center center !important;
      background-position: center center !important;
      height: 100%;
      position: relative;
      background-size: cover; }

.flexslider .flex-control-nav {
  display: none; }

.flexslider .flex-direction-nav a {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  position: absolute;
  bottom: 20px;
  z-index: 11;
  margin-top: -30px;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: #ffffff;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px; }

.flexslider .flex-direction-nav .flex-prev {
  left: 20px;
  font-size: 0; }
.flexslider .flex-direction-nav .flex-buttons-nav, .flexslider .flex-direction-nav .flex-prev:before, .flexslider .flex-direction-nav .flex-next:before {
  font-family: 'FontAwesome';
  font-size: 30px;
  line-height: 50px;
  display: inline-block;
  color: white; }
.flexslider .flex-direction-nav .flex-prev:before {
  content: '\f104'; }
.flexslider .flex-direction-nav .flex-next {
  right: 20px;
  font-size: 0; }
.flexslider .flex-direction-nav .flex-next:before {
  content: '\f105'; }
.flexslider .flex-direction-nav a {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 11;
  margin-top: -30px;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: #ffffff;
  text-align: center;
  background: transparent;
  border-radius: 3px; }

.front .flexslider .flex-direction-nav .flex-prev {
  left: 20px;
  font-size: 0; }

/*
* @file
* Highlight cards styles
*/
.view-site-highlights {
  margin-top: 40px; }

.site-highlight {
  position: relative;
  overflow: hidden;
  height: 230px;
  border-radius: 4px;
  display: inline-block; }
  @media (min-width: 768px) {
    .site-highlight {
      height: 330px; } }
  .site-highlight .mobile-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%; }
  .site-highlight .mobile-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding-right: 40px;
    padding-left: 40px;
    text-align: center; }
  .site-highlight .white {
    color: #fff; }
    .site-highlight .white p {
      color: #fff; }
  .site-highlight .site-highlight__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .site-highlight .site-highlight__image {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .site-highlight .site-highlight__image:before {
      content: "";
      background: rgba(47, 76, 74, 0.6);
      position: absolute;
      lef: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .site-highlight .hover-zoomout {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .site-highlight .bg-primary {
    background-color: #3fcbd0; }
  .site-highlight:hover .site-highlight__image {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  .site-highlight:hover .site-highlight__content {
    display: none; }
  .site-highlight:hover .hover-zoomout {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

/*
* @file
* Progress bards
*
* Progress bars styling
*/
.progress-info {
  color: #7e7e7e; }

.progress-bar-success {
  background-color: #31c753; }

/*
* @file
* Blockquote elements styling
*/
blockquote {
  margin: 40px 10px;
  font-style: italic;
  border-left: none; }
  blockquote p {
    color: #262626;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21.0px;
    line-height: 2.1rem;
    display: inline; }
  blockquote:before, blockquote:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #a8a8a8;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21.0px;
    line-height: 2.1rem; }
  blockquote:before {
    content: "\f10d";
    margin-right: 10px; }
  blockquote:after {
    content: "\f10e";
    margin-left: 20px; }

/*
* @file
* accordion styles
*
* Include styles for bootstrap accordion
*/
.panel-group .panel-heading {
  padding-top: 0px;
  padding-bottom: 0px;
  background: #3fcbd0;
  color: white; }
.panel-group .panel-body {
  color: #7e7e7e; }

/*
* @file
* Homepage clients carousel
*
* Provides theming for the homepage clients carousel
*/
.owl-theme .owl-controls .owl-page span {
  width: 20px;
  height: 8px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

.clients-section {
  z-index: 2;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center; }
  .clients-section #owl-clients {
    margin-top: 40px;
    margin-bottom: 40px; }
  .clients-section .owl-controls {
    margin-top: 40px; }

/*
* @file
* checkout payment
*
* Checkout payment form
*/
.form-item-commerce-payment-payment-details-credit-card-number {
  margin-top: 20px; }

.commerce-credit-card-expiration .form-item-commerce-payment-payment-details-credit-card-exp-month label {
  width: 100%;
  clear: both;
  float: none; }
.commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-month {
  float: left;
  display: inline-block;
  width: auto; }
.commerce-credit-card-expiration .commerce-month-year-divider {
  float: left;
  width: auto;
  display: inline-block;
  margin-top: 7px;
  margin-left: 10px;
  margin-right: 10px; }
.commerce-credit-card-expiration #edit-commerce-payment-payment-details-credit-card-exp-year {
  float: left;
  width: auto;
  display: inline-block; }

.form-item-commerce-payment-payment-method {
  padding-bottom: 10px; }
  .form-item-commerce-payment-payment-method label {
    display: inline-block; }
  .form-item-commerce-payment-payment-method .commerce-paypal-icon {
    top: 0px; }
  @media (min-width: 768px) {
    .form-item-commerce-payment-payment-method .commerce-paypal-icons {
      float: right; } }

/*
* @file
* Landing pages
*
* Include landing pages styling
*/
.landing-page #hero {
  height: 500px; }

.landing-page #hero,
.landing-page .full_width,
.landing-page .region-hero,
.landing-page .region-hero section,
.landing-page .region-hero .view .view-content {
  border: none !important;
  height: 500px;
  min-height: 0px;
  position: relative;
  z-index: 1; }

.landing-page .region-hero .view {
  height: 500px; }

.landing-page .header_full ~ .main-container {
  padding-top: 40px; }
@media (min-width: 768px) {
  .landing-page .flexslider .slides .field-content {
    max-width: 50%;
    text-align: left;
    margin-left: 10%; } }
@media (min-width: 768px) {
  .landing-page .flexslider .slides p {
    max-width: 50%;
    text-align: left;
    margin-left: 10%; } }

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