/**
 * CONTENTS
 *
 * GENERIC
 * Box-sizing............Better default `box-sizing`.
 * Image Aligns..........WP specific img aligns.
 *
 * BASE
 * Typography............@fontfaces, base text and vertical rhythem setup.
 *
 * COMPONENTS
 * Wrappers..............Wrapping and constraining elements.
 * Grid System...........Bootstrap based grid.
 * Clearfix..............Properly clear floats.
 *
 * Objects
 * Icons.................Icon Elements.
 * Buttons...............Button elements.
 * Tables................Table Styles.
 * Forms.................Form Elements.
 * Breadcrumbs...........Breadcrumbs.
 * Pagination............Pagination.
 * Alerts................Alerts.
 *
 * UI
 * Page head.............The main page header.
 * Navigation............Navigation elements.
 * Masthead..............Page title/image/slideshow header block.
 * Page footer...........The main page footer.
 *
 * TRUMPS
 * Images................Round, Circle, Square Images.
 * Visiblity.............Make items visible.
 * Hiding................Make items invisible/hidden.
 * Screen Readers........Display for screen readers.
 * Print.................Display for printing.
 * Clears................Clearing floats.
 * Text alignment........Align text.
 * Font weights..........Adjust font weights.
 * Borders...............Add borders.
 * Add/remove margins....Remove margins.
 * Add/remove paddings...Remove padding.
 * Positioning...........float, center, and stick items.
 */


:root {
  --speedpro-primary: #DA291C;
}

/*------------------------------------*\
    Generic
\*------------------------------------*/

/**
 * Box-sizing
 */

* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  outline: none;
}

html,
body {
  overflow-x: hidden;
}

iframe {
    max-width: 100%;
}
/* For Infusionsoft newsletter form */
iframe#infFormIframe_0 {
    height: 500px;
}

/*:root {
  --star-size: 60px;
  --star-color: #fff;
  --star-background: #fc0;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times; // make sure ★ appears correctly
  line-height: 1;
  
  &::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
} */ 
/**
 * Images
 *
 * These selectors are hard cast because they are only used
 * by wordpress wyswyg when adding images to content
 */

/* TODO: Update image bottom margin to match paragraph margin */

img.alignright,
.wp-caption.alignright,
img.alignleft,
.wp-caption.alignleft {
    height: auto;
    max-width: 50%;
}

img.alignnone,
.wp-caption.alignnone,
img.aligncenter,
.wp-caption.aligncenter {
  height: auto;
  max-width: 100%;
}

img.alignnone,
.wp-caption.alignnone,
img.aligncenter,
.wp-caption.aligncenter { margin: 0 0 22px 0; }

img.alignright,
.wp-caption.alignright {
    float: right;
    margin: 0 0 22px 30px;
}

img.alignleft,
.wp-caption.alignleft {
    float: left;
    margin: 0 30px 22px 0;
}

img.aligncenter,
.wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.grayscale:before{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

}*/



/*------------------------------------*\
    Typography
\*------------------------------------*/

/* Optional: use https://www.gridlover.net/try to create vertical rhythm.
   Note: you'll most likely need to modify the code generated from gridlover to match the prototypes.*/

/*  font-family: 'Mulish', sans-serif;
    font-family: 'Poppins', sans-serif;*/

body {
   font-family: 'Muli', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.715em;
  color: #484848;
}
.font-medium {
  font-size: 22px;
}




h1, .h1, h2, .h2,
h3, .h3, h4, .h4,
h6, .h6, h5, .h5 {
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #000;
}

h1, .h1 {
  font-size: 65px;
  line-height: 1.131em;
  font-weight: 700;
}

h2, .h2 {
  font-size: 24px;
  line-height: 1.294em;
  font-weight: 700;
}

h3, .h3 {
  font-size: 28px;
  line-height: 1.357em;
}

h4, .h4 {
  font-size: 22px;
  line-height: 1.273em;
}

h5, .h5 {
  font-size: 16px;
  line-height: 1.4375em;
}

h6, .h6 {
  font-weight: 300;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 0.1em;
}

p, ul, ol {
  margin-top: 18px;
  margin-bottom: 18px;
}

ul li {
}

hr {
}

a {
}

  a:hover {}


@media(min-width: 768px){
    h2, .h2 {
        font-size: 40px;
    }
}

/**
 * UL / OL listing
 */
ul, ol { padding-left: 35px;}
li {
  list-style-type: none;
  margin-left: 4px;
  padding: 8px 0 0 13px;
  position: relative;
  line-height: 1.3em;
  margin-right: 4px;
}
li:before {
  position: absolute;
  left: 0;
}

/**
 * UL listing
 */

ul li:before {
  font-size: .5em;
  top: 16px;
}
ul.list-style-none {
  padding-top: 20px;
  margin-top: 0;
}

.list-style-none li:before,
.selectric-items li:before,
.comment--list li:before,
.slidebanner li:before,
.allmsgs li:before,
.widget_fx_child_menu li:before,
.widget li:before,
.popular-posts li:before{
  display: none;
  padding-left: 0 !important;
  padding-top: 0 !important;
}
.list-style-none li,
.allmsgs,
.allmsgs li,
.widget_fx_child_menu li,
.widget li,
.popular-posts li {
  padding-left: 0;
  padding-top: 0;
  margin: 0;
}

/**
 * OL listing
 */
body, ol {counter-reset: counter;}

ol > li {padding-left: 23px;}

ol > li:before {
  counter-increment: counter;
  content: counter(counter)".";
  line-height: 1.5em !important;
  color: #22262c;
  font-size:.95em;
}





/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/


/**
 * Wrappers
 */

.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

  .container {
    max-width: 1366px;
  }
  .container-fluid {
    /*max-width: 2000px;*/
  }

  @media (min-width: 1200px) {
    .container,
    .container-fluid {
      padding-left: 50px;
      padding-right: 50px;
    }
  }

/**
 * Grid System
 *
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 * Base setup 20px gutters
 *
 * Phones         - xxs - <  600px    ** Default **
 * Small Tablets  - xs - >=  600px
 * Tablets        - sm - >= 768px
 * Desktop        - md - >= 1025px
 * Large Desktop  - lg - >= 1200px
 * --------------------------------------------------------------------------
 * Learn more here: http://getbootstrap.com/css/#grid
 * -------------------------------------------------------------------------- */

.row {
  margin-left: -8px;
  margin-right: -8px;
}

  [class*="col-"] {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
  }

@media (min-width: 1025px) {
  .row {
    margin-left: -16px;
    margin-right: -16px;
  }

    [class*="col-"] {
      padding-left: 16px;
      padding-right: 16px;
    }
}

/* Extra Extra small devices (devices, less than 600px) */
[class*="col-xxs-"] { float:left; }

.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333%; }
.col-xxs-9  { width: 75%; }
.col-xxs-8  { width: 66.66666667%; }
.col-xxs-7  { width: 58.33333333%; }
.col-xxs-6  { width: 50%; }
.col-xxs-5  { width: 41.66666667%; }
.col-xxs-4  { width: 33.33333333%; }
.col-xxs-3  { width: 25%; }
.col-xxs-2  { width: 16.66666667%; }
.col-xxs-1  { width: 8.33333333%; }

.col-xxs-pull-12 { right: 100%; }
.col-xxs-pull-11 { right: 91.66666667%; }
.col-xxs-pull-10 { right: 83.33333333%; }
.col-xxs-pull-9  { right: 75%; }
.col-xxs-pull-8  { right: 66.66666667%; }
.col-xxs-pull-7  { right: 58.33333333%; }
.col-xxs-pull-6  { right: 50%; }
.col-xxs-pull-5  { right: 41.66666667%; }
.col-xxs-pull-4  { right: 33.33333333%; }
.col-xxs-pull-3  { right: 25%; }
.col-xxs-pull-2  { right: 16.66666667%; }
.col-xxs-pull-1  { right: 8.33333333%; }
.col-xxs-pull-0  { right: auto; }

.col-xxs-push-12 { left: 100%; }
.col-xxs-push-11 { left: 91.66666667%; }
.col-xxs-push-10 { left: 83.33333333%; }
.col-xxs-push-9  { left: 75%; }
.col-xxs-push-8  { left: 66.66666667%; }
.col-xxs-push-7  { left: 58.33333333%; }
.col-xxs-push-6  { left: 50%; }
.col-xxs-push-5  { left: 41.66666667%; }
.col-xxs-push-4  { left: 33.33333333%; }
.col-xxs-push-3  { left: 25%; }
.col-xxs-push-2  { left: 16.66666667%; }
.col-xxs-push-1  { left: 8.33333333%; }
.col-xxs-push-0  { left: auto; }

.col-xxs-offset-12 { margin-left: 100%; }
.col-xxs-offset-11 { margin-left: 91.66666667%; }
.col-xxs-offset-10 { margin-left: 83.33333333%; }
.col-xxs-offset-9  { margin-left: 75%; }
.col-xxs-offset-8  { margin-left: 66.66666667%; }
.col-xxs-offset-7  { margin-left: 58.33333333%; }
.col-xxs-offset-6  { margin-left: 50%; }
.col-xxs-offset-5  { margin-left: 41.66666667%; }
.col-xxs-offset-4  { margin-left: 33.33333333%; }
.col-xxs-offset-3  { margin-left: 25%; }
.col-xxs-offset-2  { margin-left: 16.66666667%; }
.col-xxs-offset-1  { margin-left: 8.33333333%; }
.col-xxs-offset-0  { margin-left: 0%; }

/* Extra small devices (phones, 600px and up) */
@media (min-width: 600px) {
    [class*="col-xs-"] {float:left;}

    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9  { width: 75%; }
    .col-xs-8  { width: 66.66666667%; }
    .col-xs-7  { width: 58.33333333%; }
    .col-xs-6  { width: 50%; }
    .col-xs-5  { width: 41.66666667%; }
    .col-xs-4  { width: 33.33333333%; }
    .col-xs-3  { width: 25%; }
    .col-xs-2  { width: 16.66666667%; }
    .col-xs-1  { width: 8.33333333%; }

    .col-xs-pull-12 { right: 100%; }
    .col-xs-pull-11 { right: 91.66666667%; }
    .col-xs-pull-10 { right: 83.33333333%; }
    .col-xs-pull-9  { right: 75%; }
    .col-xs-pull-8  { right: 66.66666667%; }
    .col-xs-pull-7  { right: 58.33333333%; }
    .col-xs-pull-6  { right: 50%; }
    .col-xs-pull-5  { right: 41.66666667%; }
    .col-xs-pull-4  { right: 33.33333333%; }
    .col-xs-pull-3  { right: 25%; }
    .col-xs-pull-2  { right: 16.66666667%; }
    .col-xs-pull-1  { right: 8.33333333%; }
    .col-xs-pull-0  { right: auto; }

    .col-xs-push-12 { left: 100%; }
    .col-xs-push-11 { left: 91.66666667%; }
    .col-xs-push-10 { left: 83.33333333%; }
    .col-xs-push-9  { left: 75%; }
    .col-xs-push-8  { left: 66.66666667%; }
    .col-xs-push-7  { left: 58.33333333%; }
    .col-xs-push-6  { left: 50%; }
    .col-xs-push-5  { left: 41.66666667%; }
    .col-xs-push-4  { left: 33.33333333%; }
    .col-xs-push-3  { left: 25%; }
    .col-xs-push-2  { left: 16.66666667%; }
    .col-xs-push-1  { left: 8.33333333%; }
    .col-xs-push-0  { left: auto; }

    .col-xs-offset-12 { margin-left: 100%; }
    .col-xs-offset-11 { margin-left: 91.66666667%; }
    .col-xs-offset-10 { margin-left: 83.33333333%; }
    .col-xs-offset-9  { margin-left: 75%; }
    .col-xs-offset-8  { margin-left: 66.66666667%; }
    .col-xs-offset-7  { margin-left: 58.33333333%; }
    .col-xs-offset-6  { margin-left: 50%; }
    .col-xs-offset-5  { margin-left: 41.66666667%; }
    .col-xs-offset-4  { margin-left: 33.33333333%; }
    .col-xs-offset-3  { margin-left: 25%; }
    .col-xs-offset-2  { margin-left: 16.66666667%; }
    .col-xs-offset-1  { margin-left: 8.33333333%; }
    .col-xs-offset-0  { margin-left: 0%; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    [class*="col-sm-"] {float:left;}

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9  { width: 75%; }
    .col-sm-8  { width: 66.66666667%; }
    .col-sm-7  { width: 58.33333333%; }
    .col-sm-6  { width: 50%; }
    .col-sm-5  { width: 41.66666667%; }
    .col-sm-4  { width: 33.33333333%; }
    .col-sm-3  { width: 25%; }
    .col-sm-2  { width: 16.66666667%; }
    .col-sm-1  { width: 8.33333333%; }

    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9  { right: 75%; }
    .col-sm-pull-8  { right: 66.66666667%; }
    .col-sm-pull-7  { right: 58.33333333%; }
    .col-sm-pull-6  { right: 50%; }
    .col-sm-pull-5  { right: 41.66666667%; }
    .col-sm-pull-4  { right: 33.33333333%; }
    .col-sm-pull-3  { right: 25%; }
    .col-sm-pull-2  { right: 16.66666667%; }
    .col-sm-pull-1  { right: 8.33333333%; }
    .col-sm-pull-0  { right: auto; }

    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9  { left: 75%; }
    .col-sm-push-8  { left: 66.66666667%; }
    .col-sm-push-7  { left: 58.33333333%; }
    .col-sm-push-6  { left: 50%; }
    .col-sm-push-5  { left: 41.66666667%; }
    .col-sm-push-4  { left: 33.33333333%; }
    .col-sm-push-3  { left: 25%; }
    .col-sm-push-2  { left: 16.66666667%; }
    .col-sm-push-1  { left: 8.33333333%; }
    .col-sm-push-0  { left: auto; }

    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9  { margin-left: 75%; }
    .col-sm-offset-8  { margin-left: 66.66666667%; }
    .col-sm-offset-7  { margin-left: 58.33333333%; }
    .col-sm-offset-6  { margin-left: 50%; }
    .col-sm-offset-5  { margin-left: 41.66666667%; }
    .col-sm-offset-4  { margin-left: 33.33333333%; }
    .col-sm-offset-3  { margin-left: 25%; }
    .col-sm-offset-2  { margin-left: 16.66666667%; }
    .col-sm-offset-1  { margin-left: 8.33333333%; }
    .col-sm-offset-0  { margin-left: 0%; }

}

/* Medium devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
  [class*="col-md-"] {float:left;}

  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9  { width: 75%; }
  .col-md-8  { width: 66.66666667%; }
  .col-md-7  { width: 58.33333333%; }
  .col-md-6  { width: 50%; }
  .col-md-5  { width: 41.66666667%; }
  .col-md-4  { width: 33.33333333%; }
  .col-md-3  { width: 25%; }
  .col-md-2  { width: 16.66666667%; }
  .col-md-1  { width: 8.33333333%; }

  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9  { right: 75%; }
  .col-md-pull-8  { right: 66.66666667%; }
  .col-md-pull-7  { right: 58.33333333%; }
  .col-md-pull-6  { right: 50%; }
  .col-md-pull-5  { right: 41.66666667%; }
  .col-md-pull-4  { right: 33.33333333%; }
  .col-md-pull-3  { right: 25%; }
  .col-md-pull-2  { right: 16.66666667%; }
  .col-md-pull-1  { right: 8.33333333%; }
  .col-md-pull-0  { right: auto; }

  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9  { left: 75%; }
  .col-md-push-8  { left: 66.66666667%; }
  .col-md-push-7  { left: 58.33333333%; }
  .col-md-push-6  { left: 50%; }
  .col-md-push-5  { left: 41.66666667%; }
  .col-md-push-4  { left: 33.33333333%; }
  .col-md-push-3  { left: 25%; }
  .col-md-push-2  { left: 16.66666667%; }
  .col-md-push-1  { left: 8.33333333%; }
  .col-md-push-0  { left: auto; }

  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9  { margin-left: 75%; }
  .col-md-offset-8  { margin-left: 66.66666667%; }
  .col-md-offset-7  { margin-left: 58.33333333%; }
  .col-md-offset-6  { margin-left: 50%; }
  .col-md-offset-5  { margin-left: 41.66666667%; }
  .col-md-offset-4  { margin-left: 33.33333333%; }
  .col-md-offset-3  { margin-left: 25%; }
  .col-md-offset-2  { margin-left: 16.66666667%; }
  .col-md-offset-1  { margin-left: 8.33333333%; }
  .col-md-offset-0  { margin-left: 0%; }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  [class*="col-lg-"] {float:left;}

  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9  { width: 75%; }
  .col-lg-8  { width: 66.66666667%; }
  .col-lg-7  { width: 58.33333333%; }
  .col-lg-6  { width: 50%; }
  .col-lg-5  { width: 41.66666667%; }
  .col-lg-4  { width: 33.33333333%; }
  .col-lg-3  { width: 25%; }
  .col-lg-2  { width: 16.66666667%; }
  .col-lg-1  { width: 8.33333333%; }

  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9  { right: 75%; }
  .col-lg-pull-8  { right: 66.66666667%; }
  .col-lg-pull-7  { right: 58.33333333%; }
  .col-lg-pull-6  { right: 50%; }
  .col-lg-pull-5  { right: 41.66666667%; }
  .col-lg-pull-4  { right: 33.33333333%; }
  .col-lg-pull-3  { right: 25%; }
  .col-lg-pull-2  { right: 16.66666667%; }
  .col-lg-pull-1  { right: 8.33333333%; }
  .col-lg-pull-0  { right: auto; }

  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9  { left: 75%; }
  .col-lg-push-8  { left: 66.66666667%; }
  .col-lg-push-7  { left: 58.33333333%; }
  .col-lg-push-6  { left: 50%; }
  .col-lg-push-5  { left: 41.66666667%; }
  .col-lg-push-4  { left: 33.33333333%; }
  .col-lg-push-3  { left: 25%; }
  .col-lg-push-2  { left: 16.66666667%; }
  .col-lg-push-1  { left: 8.33333333%; }
  .col-lg-push-0  { left: auto; }

  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9  { margin-left: 75%; }
  .col-lg-offset-8  { margin-left: 66.66666667%; }
  .col-lg-offset-7  { margin-left: 58.33333333%; }
  .col-lg-offset-6  { margin-left: 50%; }
  .col-lg-offset-5  { margin-left: 41.66666667%; }
  .col-lg-offset-4  { margin-left: 33.33333333%; }
  .col-lg-offset-3  { margin-left: 25%; }
  .col-lg-offset-2  { margin-left: 16.66666667%; }
  .col-lg-offset-1  { margin-left: 8.33333333%; }
  .col-lg-offset-0  { margin-left: 0%; }

}


/**
 * Clearfix
 * Apply clearing without adding additional markup
 */

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after { clear: both; }

/**
 * Vertical align middle
 */
.valign-middle,
.slidebanner .slick-dots li,
.tabs-nav a {
  display: table;
  height: 100%;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;
}

.valign-middle__item,
.tabs-nav span { flex-grow: 1;}

.valign-middle--not {
  display: block;
}

/*
 * Display
 */
[class*="flex-display"] {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.flex-display--primary {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex-display--secondary {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-display--tertiary {
  -webkit-justify-content: flex-start;
  justify-content:  flex-start;
}

.flex-display--quaternary {
  -webkit-justify-content: center;
  justify-content:  center;
}

.flex-display__item,
.flex-display--flexgrow li {flex-grow: 1;}

.flex-display--not > div,
.flex-display--not > li {
  float: left;
}
/*--------------------------------------------------------------*\
    OBJECTS
    Objects are independent generic stylibf classes or UI peices.
    All styles for objects should be self contained.

    e.g. an object shouldn't rely on trump helpers to apply padding etc.
\*--------------------------------------------------------------*/
button{
    background: transparent;
}
.js-float-label,
.js-float-label .label,
a,
.btn:before,
.btn:after,
[class*="btn-"]:before,
[class*="btn-"]:after,
button,
button:before,
button:after,
.button,
input,
select,
textarea,
.selectric,

.site-logo,
.site-logo img,

.tabs-container,

.header-sticky-nav,
.page-header-cont,
.js-popup-close span,
.menu-parent-indicator span,

.image-button,
.image-button-desc
 {
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
         -o-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}

textarea {
    -webkit-transition: height 0ms ease-in-out, border 250ms ease-in-out;
       -moz-transition: height 0ms ease-in-out, border 250ms ease-in-out;
        -ms-transition: height 0ms ease-in-out, border 250ms ease-in-out;
         -o-transition: height 0ms ease-in-out, border 250ms ease-in-out;
            transition: height 0ms ease-in-out, border 250ms ease-in-out;
  resize: none;
}

/**
 * Buttons
 */

.btn,
[class*="btn-"],
.search-submit {
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff !important;
  line-height: 1em !important;
  background-color: #DA291C;
  min-width: 160px;
  text-align: center;
  display: inline-block;
  padding: 18px 30px;
  margin-right: 15px;
  text-decoration: none;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 25px;
}
    .btn:hover,
    [class*="btn-"]:hover,
    .search-submit:hover {
      
    }

[class*="btn-"]:last-child{
    margin-top: 0;
}
/*Btn*/
.btn-primary {
  background-color: #DA291C !important;
}
.btn-primary:hover {
  background-color: #fff !important;
    color: #DA291C !important;
}

.btn-secondary {
  background-color: #DA291C !important;
}
.btn-secondary:hover {
  background-color: #000 !important;

}




.btn-accent {
  min-width: 182px;
  background-color: #fff !important;
  color: #000 !important;
}
    .btn-accent:hover {
      background-color: #DA291C !important;
      color: #fff !important;
    }


.btn-block {
    display: block;
    width: 100%;
}

/**
 * Icons
 */


@font-face {
  font-family: 'icomoon';
  font-display: auto;
  src:  url('../icomoon/fonts/icomoon.eot?6y6gsi');
  src:  url('../icomoon/fonts/icomoon.eot?6y6gsi#iefix') format('embedded-opentype'),
    url('../icomoon/fonts/icomoon.ttf?6y6gsi') format('truetype'),
    url('../icomoon/fonts/icomoon.woff?6y6gsi') format('woff'),
    url('../icomoon/fonts/icomoon.svg?6y6gsi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after,
.header-sitename:after,
.selectric-button:after,
.slick-arrow:before,
.sub-menu-toggle:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;


  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.selectric{
    max-width: 484px;
    margin:auto;
}

@media(min-width: 1200px){
    .selectric{ margin: 0;}
  .page-template-industry-page .firstrow p  { padding: 0 253px;}
}
@media (min-width: 991px) and (max-width: 1200px) {
    .page-template-industry-page .firstrow p {    padding: 0 127px;}
}
@media (min-width: 767px) and (max-width: 990px) {
    .page-template-industry-page .firstrow p {    padding: 0 127px;}
}


.icon-google_my_business:before {
  content: "\e917";
}

.icon-yelp:before {
  content: "\e916";
}
.icon-flickr:before {
  content: "\e912";
}
.icon-pinterest:before {
  content: "\e913";
}
.icon-tumblr:before {
  content: "\e914";
}
.icon-youtube:before {
  content: "\e915";
}
.icon-menu:before {
  content: "\e910";
}
.icon-facebook:before {
  content: "\e90b";
}
.icon-twitter:before {
  content: "\e90c";
}
.icon-gplus:before {
  content: "\e90d";
}
.icon-instagram:before {
  content: "\e90e";
}
.icon-linkedin:before {
  content: "\e90f";
}
.icon-upload:before {
  content: "\f093";
}
.icon-image:before {
  content: "\f03e";
}
.icon-mail:before{
  content: "\e945";
}
.icon-photo:before {
  content: "\f03e";
}
.icon-picture-o:before {
  content: "\f03e";
}
.icon-caret-down:before,
.selectric-button:after {
  content: "\f0d7";
}
.icon-map-marker:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e901";
}
.icon-map-pin:before {
  content: "\e902";
}
.icon-arrow-left:before,
.slick-prev:before {
  content: "\e903";
}
.icon-arrow-right:after,
.header-sitename:after,
.slick-next:before {
  content: "\e904";
}
.icon-c-arrow-down:before,
.sub-menu-toggle:before {
  content: "\e905";
}
.icon-google-icon .path1:before {
  content: "\e906";
  color: rgb(251, 187, 0);
}
.icon-google-icon .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(81, 142, 248);
}
.icon-google-icon .path3:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(40, 180, 70);
}
.icon-google-icon .path4:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(241, 67, 54);
}
.icon-search:before {
  content: "\e90a";
}
.icon-paw:before {
  content: "\e911";
}





/**
 * Tables
 */

table {
border-collapse:collapse;
}

td {
}

tr {
}

th {
}

thead {
}

tbody {
}

tfoot {
}









/**
 * Forms
 */

/* Removes default webkit form styling */
input:not([type="radio"]):not([type="checkbox"]),
button,
textarea {
    -webkit-appearance: none;
      -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;
}

/* default text input style */
.selectric,
textarea,
[type="text"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="url"],
[type="week"] {
  border: 1px solid #bdbdbd;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3em;
  width: 100%;
  padding: 13px 13px 14px;
  resize: none;
  background:#fff;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #bdbdbd;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.3em;
    width: 180px;
    padding: 13px 13px 14px;
    resize: none;
    background: #fff;
    border-radius: 0;
    height: 49px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 49px;
    width: 30px;
}

input[type="checkbox"]{
    border-radius: 0;
    border: 1px solid #bdbdbd;
    -webkit-appearance: none;
    padding: 5px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}
input[type=checkbox]:hover {
    background-color: #eee;
}

input[type=checkbox]:checked {
    background-color: #DA291C;
}


.checkbox{
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2em;
}






span.wpcf7-list-item.first.last{
    margin: 0;
}


.form-field{
    margin-bottom: 12px;
}



label{
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
}

    label span{
        color: #DA291C;
        padding-left: 6px;
    }


    .home .form-sign-up .textfield{
      font-size: 20px;
      height: 51px;
    }


/* Default Submit Button Style */
[type="submit"],
button,
[type="button"].wpcf7-submit {
  border: 0px;
    margin: 0px;
  /*background: none;*/
  z-index: 8;
}

    /* Removes inconsistent padding from Firefox buttons */
    button::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border: none;
        padding:0;
    }

div.wpcf7 .ajax-loader,
.wpcf7-display-none {
    display: none !important;
}

.studio-search-form input[type="text"] {
    min-width: 286px;
}

.studio-search__option {
    float: left;
}

.studio-search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.studio-search-form button {
    float: left;
    min-width: 20px;
    position: relative;
}
    .studio-search-form button:hover {
        background-color: #ab1d18;
    }

    .studio-search-form .ajax-loader {
        position: absolute;
        top: 8px;
        left: 36px;
        visibility: hidden;
    }

    .studio-search-form .search-error {
        clear: both;
        color: #DA291C;
    }

@media(min-width: 600px){

    .studio-search-form{
        display: inline-block;
    }

    .studio-search-form input[type="text"] {
        min-width: 462px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 1.3em;
    }

}
@media(min-width: 1025px){

    .studio-search__title .cta-bar h2{
        font-size: 30px;
    }

    .studio-search-form input[type="text"] {
        min-width: 382px;
    }

    .studio-search__title {
        text-align: right;
    }

    .studio-search__content {
        top: 8px;
    }

    .studio-search-form {
        position: relative;
        top: 22px;
        display: block;
    }

    .cta-bar-cont.find-sps{
        padding-top: 48px;
        padding-bottom: 48px;
    }
}


/*
 * Location Cards
 */

.location-card--content{
    background:#fff;
    padding: 15px;
    height: 100%;
}

.map-marker{
    background:#fff;
    padding: 12px;
}

.location-card-flex-wrapper h4 {
    font-size: 18px;
}

.location-card--content p,
.studio-listing__address{
    margin-bottom: 0;
    line-height: 1.3em;
    margin-top: 2px;
}

.location-card--content a,
.map-marker h5 a,
.studio-listing h5 a {
    text-decoration: none;

}

.location-card--content h4,
.map-marker h5 a,
.studio-listing h5 a{
    color: #00acec;
}

.location-card--content:hover h4,
.map-marker h5 a:hover,
.studio-listing h5 a:hover{
    color: #f42822;
}

.studio-listing [class*="btn-"],
.map-marker [class*="btn-"]{
    padding: 12px;
    margin-right: 8px;
    margin-top: 12px;
}

[class*="btn-"].width-auto{
    min-width: auto;
}

.studio-listing {
    padding: 24px;
    border-bottom: 1px solid #484848;
}

.studio-listing.active{
    background: #eef1f5;
}

/*.studio-listing:first-of-type{
    padding-top: 0;
}*/


.studio-list {
    height: 500px;
    position: relative;
    background: #fff;
}

.studio-list-items {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    left: 0;
    overflow: auto;
}

.studio-map-wrapper{
    position: relative;
}

.find-sps {
    width: 100%;
}

.location-card-flex-wrapper {
    width: 100%;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: center;
        align-content: center;
}

@media(min-width: 768px){

    .studio-map-wrapper.is-filtered .studios-map{
        width: 50%;
    }


    .studio-list{
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        overflow: hidden;
        width: 50%;
        height: 100%;
        border-left: 1px solid #484848;
        background: #fff;
    }
}

@media(min-width: 1025px){

    .studio-map-wrapper.is-filtered .studios-map {
        width: 60%;
    }


    .studio-list {
        width: 40%;
    }

    .studio-list-items {
        top: 0px;
    }

    .location-flex-search {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -ms-flex-line-pack: center;
            align-content: center;
            margin-top: -120px;
    }

    section.bgc-primary {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

    section.location-search {
        width: 35%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

}


/**
 * Validation
 */
/*.wpcf7-form-control-wrap {
}

.wpcf7-not-valid-tip {
}

.wpcf7-response-output {
}

select.wpcf7-not-valid,
textarea.wpcf7-not-valid,
input.wpcf7-not-valid {
}*/
.wpcf7-not-valid:focus,
.selectric-wpcf7-validates-as-required.selectric-hover .selectric {
  border-color: #d50000 !important;
  background: #fcf3f3 !important;
  color: #d50000 !important;
  box-shadow: 0 0 2px #d50000 !important;
}
  .wpcf7-form-control-wrap { position: relative;display: block;}
    .wpcf7-not-valid-tip,
    .wpcf7-form-control-wrap .error {
      width: 100%;
            font-size: 10px !important;
            line-height: 1em !important;
            color: #DA291C !important;
            /* padding: 6px; */
            /* margin-top: 6px; */
            /* margin-bottom: 6px; */
            text-transform: uppercase;
            letter-spacing: .06em;
            position: absolute;
            top: -10px;
            left: 0;
    }
    .wpcf7-form-control-wrap .error {
      top: 0;
    }

.wpcf7-response-output[role='alert'] {
  padding: 10px;
  background: #eee;
  margin-bottom: 10px;
  margin-top: 20px;
}

.screen-reader-response ul,
.screen-reader-response{
  display: none !important;
}


span.wpcf7-not-valid-tip {

}





/**
 * Breadcrumbs
 */

.breadcrumbs{
    padding-top:6px;
    padding-bottom:6px;
    font-size: 12px;
}

.breadcrumbs a,
.breadcrumbs span{
    text-decoration: none;
    padding-right: 6px;
    padding-left: 6px;
    color: #65696e;
}
.breadcrumbs .breadcrumb_last,
.breadcrumbs a:hover{
    color: #DA291C;
}

@media(min-width: 1025px){
    .breadcrumbs{
        font-size: 14px;
    }
}


/**
 * Pagination
 */

.pagination {
}

/**
 * Alerts
 */
 
.has-alert {
  padding-top: 54px;
}
.has-alert .page-header-scroll .header-sticky-nav {
  top: 54px;
}
.alert {
  position: fixed;
  width: 100%;
  padding: 15px;
  text-align: center;
  background: #f7d322;
  top: 0;
  z-index: 100;
  font-weight: 400;
  font-size: 16px;
}
.alert-inner {
  position: relative;
}
.alert p {
  margin: 0;
}
.alert a {
  color: #DA291C;
}
.alert .close {
  font-size: 20px;
  line-height: 16px;
  margin-left: 10px;
  position: absolute;
  top: 0;
  right: 0;
}


/* --------------------------------------------------*\
    UI
    UI peices are site specific non generic styles.
    eg: header, footer, sidebar, page specific styles
\* -----------------------------------------------------*/

/**
 * Page-head
 */

.page-header a {
  text-decoration: none;
}
  .site-logo {
    max-width: 200px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 9px;
    padding-bottom: 10px;
    position: relative;
    z-index: 9;
  }
@media (min-width: 600px){
  .site-logo {
    margin-left: -16px;
    margin-right: 0px;
  }
}


/*TOP HEADER BAR*/
.header-top-menu {
  /*overflow: hidden;*/
}
.header-sitename,
.nav-secondary {
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
}

    .corporate .header-sitename{
        font-weight: 300;
        font-size: 11px;
        display: inline-block;
        line-height: 1em;
    }

    .corporate .header-sitename .bold{
        font-weight: 600;
    }

.header-sitename:hover {
    color: #DA291C;
}

.header-phonenum {
  color: #fff;
  font-size: 14px;
  background-color: #DA291C;
  display: inline-block;
  line-height: 50px;
  letter-spacing: 0.06em;
  padding:0px 25px;
}


.corporate .page-header-scroll .header-sticky-nav{
    height: 50px;
}
.corporate .header-findstudio{
    background-color: #DA291C;
    display: inline-block;
    padding: 12px;
    font-size: 11px;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    height: 50px;
}

.corporate .header-findstudio form{
    border-bottom: 1px solid #fff;
}

.corporate .header-findstudio [type="text"]{
    border: none;

    font-weight: 600;
    padding: 0;
    background:transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    width: 85%;
}

.corporate .header-findstudio button{
    font-weight: bold;
    font-size: 14px
}

.corporate .header-findstudio [type="text"]::placeholder{
    color: #fff;
}



.header-sitename {
  letter-spacing: 0em;/*0.07*/
  font-weight: bold;
  padding-left: 9px;
}
.header-sitename:after {
  display: none;
}
@media (min-width: 600px){
  .header-sitename,
  .nav-secondary {
    font-size: 12px;
  }
  .header-phonenum {
    font-size: 16px;
  }
  .header-sitename {
    letter-spacing: 0.09em;
  }
  .header-sitename:after {
    color: #DA291C;
    font-size: .7em;
    margin-left: 6px;
    display: inline-block;
  }
}
@media (min-width: 768px){
  .header-phonenum {
    padding:0px 50px;
  }
  .header-sitename,
  .nav-secondary {
    font-size: 14px;
  }
}

/**/
.nav-secondary {
  margin: 0 0 0 auto;
  font-size: 11px;
}

.link-color--primary {
     color: #f6433e !important;
    font-size: 16px;
}
  .nav-secondary li {
    /*padding-left: 24px;*/
  }

  .nav-secondary li a:hover {
    color: #DA291C;
  }
  .nav-secondary-search {
    font-size: 14px;
    background: transparent;
  }
@media (min-width: 1200px){
  .header-sticky-nav .nav-secondary > li {
    padding-left: 24px;
  }
}

/**/
.header-sticky-nav {
  position: fixed;
  top: -60px;
  left: 0px;
  width: 100%;
  z-index: 999;
  opacity: 0;
  box-shadow: 1px 0 5px rgba(0,0,0,.3);
}
.page-header-scroll .header-sticky-nav {
  top: 0px;
  opacity: 1;
}

/**/
.header-logo-menu {
  position: relative;
}
.header-logo-menu button {
  font-size: 32px;
  color: #71757a;
  background: transparent;
}
.header-logo-menu .nav-primary-search {
  font-size: 26px;
}
.header-main-menu {
  display: none;
}
@media (min-width: 600px) {
}
@media (min-width: 1025px) {
  .header-main-menu,
  .header-main-menu .container-fluid,
  .header-main-menu .row,
  .header-main-menu .row > [class*="col-"] {
    height: 100%;
  }
  .header-main-menu {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 8;
  }

  .header-main-menu.desktop-menu {
    display: block !important;
  }

  .sticky-nav-menu {
        top: 50px;
  }

  .header-main-menu.sticky-nav-menu {
      display: none;
      min-height: 188px;
  }

  .sticky-nav-menu .nav-primary li:hover > .sub-menu {
    position: relative !important;
    top: inherit;
    left: 0;
    border-top: 0;
  }
}



/**
 * Navigation
 */

.nav-primary {
  margin: 0 0 0 auto;
  font-size: 16px;
  line-height: 1em;
}
.nav-primary,
.nav-primary a{
  color: #000;
}

.nav-primary a,
.nav-secondary a {
    padding: 15px 0;
    border-top: 1px solid #ccc;
    display: block;
    line-height: 16px;
    font-weight: 400;
}

.nav-secondary a {
    font-size: 16px;
    text-transform: none;
    color: #000;
}

.sub-menu-toggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px 5px 10px;
}

button.icon-menu {
    vertical-align: middle;
    background: transparent;
    vertical-align: middle;
}


button.icon-menu:before,
button.icon-search:before {
    color: #71757a;
}

.header-findstudio button.icon-search:before{
    color: #fff;
}

.tablet-button {
  display: inline-block;
}

.header-top-menu .link-color--primary {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .9px;
}

.tablet-button {
    display: inline-block;
}

.tablet-button .link-color--primary {
    color: #f6433e !important;
    font-size: 11px;
    letter-spacing: .9px;
    text-transform: uppercase;

}


@media (min-width: 768px) {
  .nav-primary .red--text a {
    color: #DA291C;
  }
}

@media (max-width: 1024px) {
  .nav-primary-cont {
    display: block;
  }
}

@media (min-width: 1025px) {
  .nav-primary-cont,
  .nav-primary-cont > ul > li {
    height: 100%;
  }

  .nav-primary {
    /*max-width: 750px;*/
    text-align: right;
  }

  .nav-primary li,
  .nav-secondary li {
    display: inline-block;
  }

  .nav-primary li a {
    padding: 43px 3px;
    display: inline-block;
    font-size: 13px;
  }

  .nav-primary li a:hover {
    color: #DA291C;
  }

  .nav-secondary {
    display: inline-block;
    text-align: right;
  }

  .nav-secondary a {
    padding: 10px 20px;
    display: inline-block;

  }

  .nav-search-icon {
    display: inline-block;
  }

  .nav-primary a, .nav-secondary a {
    border-top: 0;
  }

  .nav-secondary,
  .nav-secondary a {
      color: #65696e;
      text-transform: uppercase;
      font-size: 11px;
  }

  a.icon-menu {
      vertical-align: middle;
  }

  .nav-primary .sub-menu {
      opacity: 0;
      position: absolute;
      display: none;
  }

  .nav-primary li:hover > .sub-menu {
      opacity: 1;
      display: block;
      background: #fff;
      text-align: left;
      margin: 0;
      padding: 0;
      font-size: 14px;
      top: 66%;
      border-top: 1px solid #395879;
      left: 10px;
      /*min-width: 200px;*/
      padding: 7px 0;
      z-index: 9;
  }

  .nav-primary li .sub-menu{
    min-width: 120px;
    max-width: 200px;
  }

  #header-main-menu-sticky .nav-primary li .sub-menu {
    max-width: none;
}

  .nav-primary li:hover > .sub-menu li {
      display: block;
      text-align: left;
  }

  .nav-primary .sub-menu li a {
    padding: 5px 15px;
    line-height: 15px;
    font-size: 14px;
    color: #000;
    width: 100%;
  }

  .nav-primary .sub-menu li a:hover {
      color: #DA291C;
      text-decoration: none;
   }

   .sub-menu li:hover .sub-menu {
      opacity: 1;
      top: 0;
  }

/* Third Level */

.nav-primary .menu-item-has-children .sub-menu .sub-menu {
    position: absolute;
    top:0;
    left: 100%;
    display: none;
    width:100%;
    border-left: 1px solid #eee;
}

    .nav-primary .menu-item-has-children .sub-menu li:hover > .sub-menu {
        display: block;
    }

/* end */

  nav#header-main-menu.sticky-nav-menu {
      display: none;
  }

  .sticky-nav-menu .nav-primary {
      position: absolute;
      clear: both;
      text-align: left;
      width: 100%;
      background: #fff;
}

  .sticky-nav-menu .nav-primary li,
  .sticky-nav-menu .nav-primary li a {
      display: block;
  }

  .sticky-nav-menu .nav-primary li {
      border-top: 1px solid #ccc;
  }

  .sticky-nav-menu .nav-primary li a {
      padding: 10px 0;
      text-transform: none;
      font-size: 14px;
      padding: 10px 18px;
  }

  .sub-menu-toggle {
      display: none;
  }

  .sticky-nav-menu .sub-menu-toggle {
      display: block;
      padding: 9px 10px;
  }


}

@media(min-width: 1200px){
    .nav-primary li a {
    padding: 43px 10px;
    display: inline-block;
    font-size: 16px;
  }
}


/**
 * Fix Sticky Header Position
 * for when admin bar visible
 */
@media (min-width: 1025px){
  .admin-bar .page-header {
    top: 32px;
  }
}

@media (max-width: 1024px){
  .admin-bar .page-header-contin{
    margin-top:46px;
    height:auto;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  /* TODO: Add Retina-specific logo here */

}

/**
 * Sub-navigation
 */
.sub-menu {
  display: none;
}

.sub-menu.js-toggled {
    display: block;
    background: #eef1f5;
    margin: 0;
    padding: 0 13px;
}


/**
 * Masthead
 */
.masthead-inner{
    padding-top: 0;
    padding-bottom:0;
    margin: auto;
}

.masthead h1{
    color: #fff;
    font-size: 36px;
    text-align: center;
    margin: 0;

}


@media(min-width: 1025px){

    .masthead h1{
        font-size: 46px;
    }

}




/*Innerpage*/
.page-content {
    background-color:#eef1f5;
    padding-top: 48px;
    padding-bottom: 48px;
}

.page-content.add-padding,
.add-padding{
    padding-bottom: 200px !important;
}

.page-content .page-brandable {
    margin-right: 40px;
}

.page-brandable a{
  color:#DA291C;
  text-decoration:none;
}
.page-brandable a:hover{
  color:#DA291C;
}
.page-brandable blockquote.blockquote-testimonial{
    margin-top: 30px;
    margin-bottom: 30px;
    background-color:#fff;
    padding:30px;
    font-size: 18px;
    position: relative;
    color: #484848
}
.page-brandable blockquote.blockquote-testimonial p {
    margin: 0;
}
.page-brandable blockquote.blockquote-testimonial small {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 70%;
    margin-bottom: 5px;
    display: inline-block;
}
.page-brandable blockquote{
    background-color: #000;
    color: #fff;
    padding:12px 24px;
    font-size: 18px;
    margin-top: 24px;
    margin-bottom: 24px;
}

    .page-brandable blockquote p:firt-child{
        margin-bottom: 0;
    }

    .page-brandable blockquote.blockquote-testimonial:before{
        content: '';
        position: absolute;
        top: 30px;
        left: 50%;
        border-top: 1px solid #dadee3;
        width: 44px;
        transform: translate(-50%,-50%)
    }

.page-brandable ul li:before,
.home-our-company ul li:before,
.page-about ul li:before,
.half-and-half__text ul li:before {
    content: "●";
    position: absolute;
    left: -8px;
    font-size: 14px;
    top: 8px;
}

.page-brandable .slider-gallery ul li:before{
    display: none;
}

    .slider-gallery{
        margin-bottom: 48px;
        position: relative;
        max-width: 833px;
    }
    .slider-gallery .slick-dots{
        position: relative;
        bottom: 0;
        top: 24px;

    }

    /*.slider-gallerythumb-slide-item{
        padding: 20px 10px;
        margin: 0;
        padding: 0;
        float: none;
        margin: auto;
        text-align: center;
    }*/

    .slider-gallerythumb-slide-item.slick-current {
        background-color: #fff
    }





    .slider-gallerythumb-slide-item{
        padding: 4px
    }

    .slick-vertical .slick-slide{
        border: none;
    }

    .slider-gallery img{
        height: 447px;
        max-height: 447px;
    object-fit: contain;
        margin:auto;
    }
  
  .slider-gallery iframe {
    height: 439px;
  }

    .slider-gallerythumb-wrapper img{
        margin: auto;
        display: block;
        height: 86px;

    }

    .slider-gallerythumb-wrapper{
        display: none;
        /*position: absolute;
        max-width: 490px;
        left: 0;
        bottom: 0;*/
        padding: 10px;
        background: rgba(0, 0, 0, .2);
    }

.page-about{
    padding-top: 48px;
    padding-bottom: 48px;
}

.page-about [class*="btn-"]:last-child{
    margin-bottom: 0;
}


@media(min-width: 1025px){
    .page-about{
         padding-top: 120px;
    padding-bottom: 120px;
    }

    .page-content.add-padding,
    .add-padding{
        padding-bottom: 220px !important;
    }
    .slider-gallerythumb-wrapper{ display: block;}
}



/* Accordion Styles */

.accordion{
    background: #fff;

}

.accordion-toggle {
    padding: 10px 20px;
    position: relative;
    border-top: 4px solid #F9433E;
    cursor: pointer;
}

.accordion-toggle span {
    position: absolute;
    right: 10px;
}

   .accordion-title.active span{

    transform: rotate(180deg);

    }

.accordion-content{
    padding: 10px 20px;
    padding-top: 0;
}


/* Video Page Styles */

.video-content{
    background: #fff;
    margin-bottom: 48px;
}

.video-content .image-button-title{
    padding: 12px;
    margin-top: -6px;
    line-height: 1.5em;
    font-size: 16px;
}


/* News/Awards Styles */

.newsawards {
    border-bottom: 1px solid #71757a;
}

.newsawards:last-child{
    border-bottom: none;
}

@media(min-width: 600px){

    .newsawards {
        max-width: 768px;
        margin: auto;
    }
    .newsawards p{
        margin-top: 0;
    }

    .newsawards .newsaward_date h4{
        text-align: right;
        padding-right: 24px;
        padding-bottom: 24px;
        padding-top: 24px;
        padding-left: 24px;
    }

    .newsawards .newsawards_content{
        border-left: 4px solid red;
        padding-bottom: 24px;
        padding-top: 24px;
        padding-left: 24px;
        padding-right: 24px;
    }
}




/*Team Member Styles*/

.team-member--wrapper {
    border-bottom: 1px solid #dadee3;
    padding: 40px 0px;
}

.team-member--wrapper.corporate{
    border-bottom: none;
}

.team-member--wrapper:first-of-type{
    padding-top: 0px;
}

.team-member--wrapper.corporate:first-of-type{
    padding: 40px 0px;
}

.team-member-content {
    background: #fff;
    padding: 22px 25px;
    min-height: 286px;
}

.team-member--wrapper .img-responsive{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.full-team-member-content:nth-child(4n+1) {
    clear: left;
}

@media (min-width: 600px) {

    .full-team-member-content:nth-child(2n+1) {
        clear: left;
    }

}

@media (min-width: 768px) {

    .full-team-member-content:nth-child(2n+1) {
        clear: none;
    }

    .full-team-member-content:nth-child(3n+1) {
        clear: left;
    }

}

@media (min-width: 1025px) {

    .full-team-member-content:nth-child(3n+1) {
        clear: none;
    }

    .full-team-member-content:nth-child(4n+1) {
        clear: left;
    }

}

.employee-image {
    position: relative;
    max-height: 400px;
    width: 100%;
    overflow: hidden;
}

.white-popup-block {
    background: #fff;
    padding: 48px;
    max-width: 768px;
    margin-left: 40px;
    margin-right: 40px;
    margin: auto;
    position: relative;
}

.popup-modal-dismiss {
    position: absolute;
    top: 20px;
    right: 20px;
    text-decoration: none;
    color: red;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 22px;
}

/* Zip Code Popup */
#zip_popup {
    max-width: 768px;
    margin-left: 40px;
    margin-right: 40px;
    margin: auto;
    position: relative;
}
    #zip_popup .mfp-close {
        color: #fff;
    }
    #zip_popup h2 {
        color: #fff;
        text-align: center;
        margin-bottom: 24px;
    }
    #zip_popup_form {
        padding: 24px;
    }

@media(min-width: 768px){
    #zip_popup_form {
        padding: 48px;
    }
}
    #zip_popup--zip {
        float: left;
        width: 65%;
        color: #484848;
    }
    #zip_popup--submit {
        font-weight: normal;
        width: 35%;
        min-width: inherit;
        height: 49px;
        padding: 8px;
    }
        #zip_popup--submit .ajax-loader {
            margin: 0 auto;
            display: none;
        }



/* Portfolio */
.portfolio-filters label {
    width: 49%;
    display: inline-block;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.2em;
    cursor: pointer;
}

@media(min-width: 600px){
    .portfolio-filters label {
        width: 32%;
        font-size: 14px;
    }
}

@media(min-width: 1200px){
    .portfolio-filters label {
        width: 24%;
        font-size: 14px;
    }
}

/*Page-sidebar*/
.page-sidebar-form .wrapper{
    background-color: #fff;
    padding-top: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
}



.page-sidebar-form .wrapper p br{
    display: none;
}

.page-sidebar-form .headline,
.side-nav .headline a,
.other-services .headline,
.popular-posts h3{
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    background: #DA291C;
    padding:24px;
    font-weight: 400;
    display: block;
    text-decoration: none;
}



.sidebar-slider{
    background-color: #fff;
    padding:48px 24px;
    margin: auto;
    text-align: center;
    margin-top: 24px;
}

.sidebar-slider img{
    margin: auto;
}

.sidebar-slider .sidebar-slide{
    position: relative;
    margin-top: 12px;
}

.sidebar-slider .slick-arrow,
.slider-gallery-slide .slick-arrow{
    color: #DA291C;
    position: absolute;
    top: 50%;
    transform: translate(-0%,-50%);
    background: transparent;
    width: 14px;
    height: 14px;
}

.slider-gallery-slide .slick-arrow{
    color: #DA291C;
}

.slider-gallery-slide .slick-prev{
    left: 24px;
}

.slider-gallery-slide .slick-next{
    right:24px;
}

.sidebar-slider .slick-prev{
    left: -12px;
}

.sidebar-slider .slick-next{
    right:-12px;
}

.sidebar-testimonials{
    /*background: url(../img/sidebar-texture.jpg) no-repeat right bottom #fff;*/
    background: #fff;
    text-align: center;
    border: 1px solid #dadee3;
    padding: 48px 24px;
    margin-top: 24px;
    padding-bottom: 72px
}

.sidebar-testimonials .slick-arrow{
    display: none !important;
}

.sidebar-testimonials .testimonial-slide-dots{
    float: none;
}

.sidebar-testimonials .listen360-feedback-review{
    padding-top: 12px;
    padding-bottom: 12px;
}

.sidebar-testimonials .slick-dots {
    position: relative;
    bottom: 0;
}

.sidebar-testimonials .testimonial-slide-dots .slick-dots .slick-active button{
    background-color: #999999
}


.side-nav ul{
    background: #fff;
    border: 1px solid #dadee3;
}

.side-nav ul a{
    color: #000;
    font-weight: 600;
    padding: 12px 24px;
    display: block;
    text-decoration: none;
}
    .side-nav .headline:hover a{
        color: #fff;
        text-decoration: underline;
    }
    .side-nav ul li:hover a{
        color: #DA291C
    }
.side-nav ul li{
    border-bottom: 1px solid #dadee3;
}

.side-nav ul li:last-child{
    border-bottom: none;
}





/**
 * Blog Styles
 */
.blog-info {
    background: #fff;
    padding: 22px 25px;
    border-top: 4px solid #f42822;
}
.blog-listing-container,
.average-space{
    margin-top: 48px;
    margin-bottom: 72px;
}

.average-space{
    margin-top: 0;
}

.blog-listing .blog-image-lg h4 {
    position: absolute;
    left: 15px;
    top: 20px;
    width: auto;
    background-color: #DA291C;
    color: #fff;
    display: inline-block;
    padding: 3px 5px 5px 5px;
    line-height: 1em;
    font-weight: 400;
}

.blog-listing{
    margin-bottom: 48px;
}

.blog-info.search{
    margin-bottom: 24px;
}

.blog-listing-container .blog-listing img {
    max-height: 200px;
    overflow: hidden;
    width:100%;
}

.share-post span {
    font-size: 20px;
    margin-right: 7px;
}

@media(min-width: 768px){
    .blog-info{
        min-height: 330px;
    }

    .blog-info.search{
        min-height: 1px;
        margin-bottom: 48px;
    }
}

@media(min-width: 1025px){
    .blog-listing-container,
    .average-space{ margin-bottom: 120px;}

    .blog-info{
        min-height: 360px;
    }
}

@media(min-width: 1366px){
    .blog-listing-container,
    .average-space{ margin-bottom: 180px;}

    .blog-info{
        min-height: 330px;
    }
}



.searchform{
    display: none;
    position: absolute;
    z-index: 999;
    position: absolute;
    top:106px;
    background: #eef1f5;
    padding: 20px;
    right: 0px;
    min-width: 320px;
}

.searchform span.screen-reader-text {
    display: none;
}

.searchform input[type="search"]{
     box-sizing:border-box;
}

@media(min-width: 600px){
    .searchform{
        top: 50px;
    }
}




/**
 * Page-footer
 */

/* Map */



/*
 * Page Bottom sign-up-form
 */
.form-sign-up {
    padding-top: 27px;
}
.form-sign-up h6 {
    padding-bottom: 14px;
}
.form-sign-up .textfield,
.form-sign-up button {
    float: left;
    height: 48px;
}

.form-sign-up .textfield {
    width: 100%;
}

.form-sign-up button.btn {
    min-width: 150px;
    width: 100%;
    margin-top: 20px;
}

 /*
 *Page Bottom
 */

 .footer-hours dt{
    width: 49%;
    margin-right:1%;
    display: inline-block;
}
.footer-hours dd{
    width: 49%;
    display: inline-block;
}

.page-bottom-desc h2 {
    margin-bottom: 20px;
}
.page-bottom-desc li {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.2em;
}

.page-bottom-desc [class^="icon-"] {
    display: inline-block;
    position: absolute;
}

.page-bottom-desc .item {
    padding-left: 18px;
    clear: both;
    display: inline-block;
}

.page-bottom-desc a {
    color: #DA291C;
    text-decoration: none;
}

.page-bottom{
    padding-top: 48px;
    padding-bottom: 130px;
}

.footer-top {
  padding-top: 72px;
  padding-bottom: 48px;
}
.footer-top > .footer-top-cont:before,
.footer-top > .footer-top-cont:after {
  content: '';
  position: absolute;
}
/*.footer-top > .footer-top-cont:before {
  background: url(../img/bg-footer.png) no-repeat top left;
  background-size: contain;
    width: 200px;
    height: 156px;
    top: -168px;
    right: 0;
}*/
/*.footer-top > .footer-top-cont:after {
  border-bottom: 8px solid #DA291C;
  width: 10000%;
  top: -136px;
  left: 100%;
  margin-left: -40px;
}*/


.footer-top a{
  text-decoration: none;
  color: #65696e;
  line-height: 1.715em;
}
.footer-top a:hover{
  color: #DA291C;
}
.footer-logo{
  margin-bottom:31px;
  width: 210px;
  margin-left: 25px;
}
.footer-address {
  margin: -10px 0 20px 20px;
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.3em;
}
.footer-links-title:after,
.footer-products-title:after,
.footer-serviceareas-title:after {
  content: '';
  border-bottom: 1px solid#dadee3;
  width: 50px;
  position: absolute;
  margin-top: 15px;
  display: block;
}
.footer-links ul,
.footer-products ul,
.footer-serviceareas ul {
  margin-top: 30px;
}
.footer-serviceareas li {
    line-height: 1.715em;
}

.footer-top [class*="btn-"] {
  font-size: 16px;
  padding: 17px 0;
  text-align: center;
}

/*footer-bottom*/
.footer-bottom {
  background-color:#DA291C;
  color:#fff;
  font-size: 12px;
}
.footer-bottom .bnav { padding: 10px 0px;  }
.footer-bottom ul{
    margin-bottom: 0;
}
.footer-bottom li {
  display: inline-block;
  padding-right: 0;
  margin: 0 15px;
}
.footer-bottom a{
  text-decoration:none;
  color:#fff;
}
.footer-bottom-last {
  padding-right: 0px !important;
}


/*footer-social-links*/
.footer-social-links {
   font-size: 18px;
   padding-top: 14px;
   padding-bottom: 83px;
   text-align: center;
}

.corporate-site .footer-social-links {
    padding-bottom: 14px;

}
.footer-social-links li{
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
}

.footer-social-links a{
  text-decoration: none;
  color:#71757a;
}


@media(min-width: 600px){
    .footer-bottom ul{
        display: block;
        margin-left: 0;
    }
}

@media(min-width: 768px){
    .footer-top > .footer-top-cont:before {
       /* background: url(../img/bg-footer.png) no-repeat top left; */
        background: none;
        background-size: contain;
        width: 280px;
        height: 204px;
        top: -208px;
        right: 0;
    }

    .form-sign-up .textfield {
        width: 268px;
    }

    .form-sign-up button.btn {
        width: auto;
        margin-top: 0px;
    }

    .page-bottom {
        padding-bottom: 72px;
    }


    .footer-links ul,
    .footer-products ul,
    .footer-serviceareas ul {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer-social-links{
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
    }

    .footer-social-links li:first-child{
        padding-left: 0;
        margin-left: 0;
    }

    .footer-bottom {
        text-align: center;
            }

}

@media (min-width: 1025px) {

    .footer-hours dt{
        width: 100%;
        margin-right:0;
        display: inline-block;
    }
    .footer-hours dd{
        width: 100%;
        display: inline-block;
    }

    .page-bottom {
        padding-top: 120px;
        padding-bottom: 120px !important;
    }

    .footer-top > .footer-top-cont:before{
        right: 0px;
    }

    .footer-logo img,
    .footer-top [class*="btn-"] {
        max-width: 230px;

    }
    .footer-top .footer-studio-cta .btn {
      max-width: none;
   }
    .footer-bottom {
        text-align: left;
    }

}

@media(min-width: 1400px){
    .footer-hours dt{
        width: 49%;
        margin-right:1%;
        display: inline-block;
    }
    .footer-hours dd{
        width: 49%;
        display: inline-block;
    }
}

@media(min-width: 1366px){
    .footer-top > .footer-top-cont:before{
        width: 430px;
        height: 345px;
        top: -332px;
        right: 0px;
    }
    .footer-top {
        padding-top: 120px;
    }
}


.sticky {
    width: 33.33333333333%;
    background: blue;
    color: #fff;
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
    padding: 10px 0 4px;
    font-size: 11px;
    text-transform: uppercase;
}

.sticky-elements {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 300;
}

.sticky span {
    display: block;
    font-size: 30px;
}

.sticky.get-quote {
    background: #da291c;
}

.sticky.view-portfolio {
    background: #000;
}

.sticky.upload-file {
    background: #da291c;
}

#social-icon-holder,
#desktop-quote-holder  {
    display: none;
}

@media (min-width: 768px) {
    .sticky-elements {
        display: none;
    }

    #social-icon-holder {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 300;
        background: #DA291C;
        padding-right: 12px;
    }
  
  .dayton #social-icon-holder {
    right: auto;
    left: 320px;
  }

    #social-icon-holder a {
        color: #fff;
        padding: 5px 10px 1px;
        display: inline-block;
        font-size: 15px;
        vertical-align: middle;
    }

    #social-icon-holder a:hover {
        color: #fff;
    }

    #social-icon-holder .icon-gplus {
        font-size: 21px;
    }

    #social-icon-holder .close {
        position: absolute;
        right: 5px;
        top: -1px;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
    }

    #social-icon-holder .close:hover {
        cursor: pointer;
        color: #fff;
    }

    #desktop-quote-holder {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 300;
    }

 
    #desktop-quote-holder a {
  background: #000;
  margin-left: 73px;
  color: #fff;
  display: flex;
  padding: 20px 30px;
  font-size: 14px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
    #desktop-quote-holder span {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: none;
    margin:0 0 0 10px;
    line-height: normal;
    text-align: left;
  }

    #desktop-quote-holder a:hover {
        background: #000;
    }

    #desktop-quote-holder #close-hue {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    opacity: 1;
    text-shadow: none;
  }

    #desktop-quote-holder #close-hue:hover {
        cursor: pointer;
        color: #0076a0;
    }
}


@media (min-width: 1025px) {

    .sticky-elements {
        display: block;
        bottom: inherit;
        right: 0;
        width: auto;
        top: 35%;
    }

    .sticky.get-quote {
        display: none;
    }

    .sticky {
        width: 84px;
        display: block;
        float: none;
        padding: 10px 10px 4px;
        line-height: 14px;
    }

    .sticky span {
        padding-bottom: 5px;
    }

    .sticky.view-portfolio:hover,
    .sticky.upload-file:hover {
        opacity: .7;
    }

}



/**
 * Slidebannr
 */
.slide-cont {
    /*height: 733px;*/

    padding-top: 48px;
    padding-bottom: 48px;
}

.home .slick-slider {
    background-color: white;
}

.home .slick-slider .slide:not(:first-of-type) {
    display: none;
}

.front {
    position: absolute;
}

.header-down-arrow{
    display: none;
}

.header-down-arrow a {
    text-decoration: none;
    color: #fff;
}

@media(min-width: 600px){
    .slide-cont {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media(min-width: 1025px){
    .slide-cont {
        padding-top: 165px;
        padding-bottom: 165px;
    }

    .slide-cont.corporate{
        padding-top: 165px;
        padding-bottom: 165px;
    }

    .header-down-arrow{
        display: block;
        position: absolute;
        left: 50%;
        color: #fff;
        top: 845px;
        font-size: 50px;
        transform: translate(-50%,0%);
    }

    .header-down-arrow.corporate{
        top: 730px
    }
}

.slick-active .front {
    left: 50%;
    margin-left: -1000px;
    max-width: inherit;

    -webkit-transition:all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.slide-desc {
  background-color: rgba(255, 255, 255, .85);
  text-align: center;
  padding-top: 38px;
  padding-bottom: 33px;
  padding-left: 12px;
  padding-right: 12px;
}

.slide-desc--left {
    text-align: left;
}

.the-woodlands .slide-desc--left {
  text-align: center;
}

.slid-desc__logo {
    float: right;
    margin-left: 20px;
}

.the-woodlands .slid-desc__logo {
  display: none;
}

.slid-desc__logo img {
    display: block;
    max-width: 65px;
}

.slide-desc [class*="btn-"] {
  margin-top: 15px;
}

.slide-desc.corporate{
    max-width: 712px;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    text-align: left;
}

.slide-desc.corporate h1,
.slide-desc.corporate h2 {
    margin: 0;
    font-weight: 400;
    text-transform: capitalize;
}

.slide-desc.corporate .title-with-topbar:before{
    left: 50%;
    transform: translate(-50%,0);
}

@media (min-width: 600px) {

    .slid-desc__logo {
        float: left;
        margin-left: 30px;
        margin-right: 15px;
    }

    .slid-desc__logo img {
        max-width: 110px;
        height: auto;
    }

}


/*
 * Global Element
 */
.image-button {
  background-color: #fff;
  text-decoration: none;
  color: #000;
  margin-bottom: 20px;
}
  .image-button:hover,
  .image-button:hover .caption {
  background-color: #DA291C;
  color: #fff;
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  }

  .image-button.image-button-with-caption:hover{
    background: transparent;
  }
  .image-button.image-button-with-caption img{
    margin: auto;
  }


.image-button-with-caption .caption{
    border: 1px solid #dadee3;
}

.image-button-with-caption .caption{
    font-size: 14px;
    padding: 12px;
    /*display: block;*/
    display: none;
}

.image-button,
.image-button-cont,
.image-button-img,
.image-button-title,
.image-button-title span {
  display: block;
  font-size: 16px;
}
.image-button,
.image-button-cont {
  position: relative;
}
.image-button-desc {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  background-color: rgba(247,40,34,.6);
  opacity: 0;
}
.image-button-desc.image-button-desc-dark {
  background-color: rgba(247,40,34,.9);
}
  .image-button:hover .image-button-desc {
    opacity: 1;
  }
.image-button-desccont {
    display: inline-block;
    width: 100%;
  font-weight:700;
}

.image-button-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1em;
  text-transform: capitalize;
  padding: 22px 25px;
  }

.image-button-title span {
  position: relative;
}

.image-button-title span:after {
  font-size: 0.6em;
  color: #f83f39;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
  .image-button:hover .image-button-title span:after {
    color: #fff;
  }

.image-button-col {
  display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
}

.image-button-col .image-button {
  display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.image-button-col .image-button-cont {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}

.image-button-col .image-button-img {
  height: 100%;
    flex: 1;
    /*-o-object-fit: cover;
    object-fit: cover;*/
  -o-object-fit: contain;
    object-fit: contain;
    max-height: 320px;
  max-height: calc(((100vw - 100px - (32px * 4))/4)*0.75); /* derived from 4 cols, 100px padding, 16px margin on each col side, and 4/3 img ratio */
  margin: 0 auto;
}

.home .image-button-img {
  height: calc((100vw/3)*0.6);
  width: 100%;
  -o-object-fit: cover;
    object-fit: cover;
}

@media(min-width: 1025px){
    .image-button{
        margin-bottom: 40px;
    }/*
    .image-button-col:nth-child(4n+1) {
      clear: left;
    }*/
}

@media(max-width: 1024px) {
  .image-button-col .image-button-img {
    max-height: calc(((100vw - 50px - (16px * 3))/3)*0.75);
  }
  .image-button-col:nth-child(3n+1) {
      clear: left;
    }
  .home .image-button-img {
    height: calc((100vw/2)*0.6);
  }
}

@media(max-width: 767px) {
  .image-button-col .image-button-img {
    max-height: calc(((100vw - 50px - (16px * 2))/2)*0.75);
  }
  .image-button-col:nth-child(3n+1) {
      clear: none;
    }
  .image-button-col:nth-child(2n+1) {
      clear: left;
    }
}

@media(max-width: 599px) {
  .image-button-col .image-button-img {
    max-height: calc((100vw - 50px - 16px)*0.75);
  }
  .home .image-button-img {
    height: calc(100vw*0.6);
  }
}

/*
 * FRONTPAGE
 */
.home-about {
  padding-top: 48px;
  padding-bottom: 48px;
}
.home-about-desc,
.home-about-imgbtn {
  padding-top: 18px;
  padding-bottom: 18px;
}


.parallax-image-homepage{
    display: none;
}

@media(min-width: 768px){
    .parallax-image-homepage{
        display: block;
        height: 360px;
    }
}

@media(min-width: 1025px){
    .home-about .col-md-4:nth-child(3n+1){
        clear: both;
    }

    .parallax-image-homepage{
        height: 660px;
    }
}


/*Process Section -- Corporate*/
.process-section{
    padding-top: 48px;
    padding-bottom: 48px;
}

.process-section .title-with-topbar:before{
    left: 50%;
    transform: translate(-50%,0);
}

.slick-slider-process {
    margin-top: 24px;
}
.process-section .process-number{
    font-size: 60px;
    background: #f42822;
    color: #fff;
    line-height: 104px;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    margin-top: 12px;
    margin: auto;
}

    .process-section.history-slider .process-number{
        font-size: 38px;
    }

     .process-section .process-nav-item .process-number{
        width: 65px;
        height: 65px;
        font-size: 36px;
        line-height: 65px;
        background: #e2e2e2;
        color: #484848;
        font-weight: 300;
    }

        .process-section.history-slider .process-nav-item .process-number{
            font-size: 22px;
        }

    .process-section .process-nav-item.slick-current .process-number{
        background: #f42822;
        color: #fff;
    }
.process-content{
    border-left: 4px solid #e0e1e2;
    padding-left: 24px;
    /*padding-right: 24px;*/
    padding-top: 12px;
    padding-bottom: 12px;
}

    .process-content h2{
        font-size: 22px;
        margin: 0;
    }

    .process-content p{
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .process-border{
        padding-top: 12px;
    }

        .process-section.history-slider .process-border{
            padding-top: 0;
        }



@media(min-width: 1025px){

    .slick-slider-process {
        margin: auto;
        margin-top: 48px;
        margin-bottom: 48px;
        max-width: 1366px;

    }

    .process-section{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .process-section .process-number{
        font-size: 160px;
        background: red;
        color: #fff;
        line-height: 275px;
        width: 275px;
        height: 275px;
        border-radius: 50%;
        text-align: center;
        font-weight: 600;
        display: inline-block;
        margin-top: 12px;

    }

        .process-section.history-slider .process-number {
            font-size: 92px;
        }
    .process-border{
        border-right: 4px solid #e0e1e2;
    }

    .process-content{
        border-left: none;
        margin-top: 48px
    }

        .process-section.history-slider .process-content{
            margin-top: 70px;
        }

    .process-content h2{
        font-size: 34px;
        margin: 0;
    }

    .process-content p{
        font-size: 26px;
        line-height: 1.2em;
    }

    .slick-slider-process .slick-next{
        right: 6.3% !important;
    }

    .slick-slider-process .slick-prev{
        left: 6.3% !important;
    }



    .slick-slider-process-nav{
        max-width: 750px;
        margin: auto;
    }
}

/**/
.cta-bar {
  position: relative;
  overflow: hidden;

}

.cta-bar img{
  max-width: unset;
    height: 100%;
    transform: translate(-50%,0);
    margin-left: 50%;
}
.cta-bar h2 {
  color: #fff;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 800;
}

.cta-bar a{
    margin: 0;

}

.cta-bar-cont {
    padding-top: 48px;
    padding-bottom: 48px;
    text-align: center;

}

@media(min-width: 1025px){
    .cta-bar h2 {
        display: inline-block;
        margin: 0;
        line-height: 2em;
         font-weight: 800;
    }

    .cta-bar a {
        margin: 0;
        margin-left: 100px;
        margin-bottom: 0;
        display: inline-block;
        position: relative;
        top: -10px;
    }

    .cta-bar-cont{
        padding-top: 170px;
        padding-bottom: 170px;
    }
}

@media (min-width: 1366px) {
    .cta-bar img {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .cta-bar img {
        height: auto;
    }
}

/**/
.home-project {
  padding-top: 48px;
  padding-bottom: 48px;
}


.home-project-slide {
  margin-top: 48px;
    margin-bottom: 48px;
}

.home-project-slide img {
    max-height: 300px;
    margin: 0 auto;
}

.home-project-slide .slick-dots {
    position: relative;
    bottom: 0;
    top: 24px;
}

.home-project-title {
  /*padding-top: 22px;*/
}

/**/
.home-our-company {
  padding-top: 48px;
  padding-bottom: 48px;
}


@media(min-width: 1025px){
    .home-our-company-bg {
        min-height: 300px;/*452*/
        position: relative;
    }

    .home-our-company-bg:before {
        content: '';
        background: url(../img/bg-our-mission.png) no-repeat top right;
        position: absolute;
        top: -60px;
        left: 20%;
        height: 452px;
        width: 627px;
        display: inline-block;
    }

    .home-our-company {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}


/**/


/**/
.home-testimonial {
    font-size: 16px;
    line-height: 1.625em;
}
.home-testimonial p {
    margin-top: 30px;
    margin-bottom: 30px;
}
.home-testimonial cite {
    font-size: 14px;
    text-transform: uppercase;
    font-style: normal;
}

/**/
.home-our-client {
}

.home-our-client-item {
  /*height: 80px;*/
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}


.slick-slider-clients .slick-arrow,
.slick-slider-clients-corporate .slick-arrow,
.slick-slider-process .slick-arrow{
    /*color: #DA291C;*/
    position: absolute;
    top: 50%;
    transform: translate(-0%,-50%);
    background: transparent;
    width: 28px;
    height: 28px;
    background: transparent;

}

.slick-slider-clients .slick-arrow:before,
.slick-slider-clients-corporate .slick-arrow:before,
.slick-slider-process .slick-arrow:before{
    font-size: 28px;
}

.slick-slider-clients .slick-prev,
.slick-slider-clients-corporate .slick-prev{
    left: -12px;
}

.slick-slider-clients .slick-next,
.slick-slider-clients-corporate .slick-next{
    right: -12px;
}

.slick-slider-process .slick-prev{
    left: 24px;
}

.slick-slider-process .slick-next{
    right: 24px;
}

.slick-slider-clients img,
.slick-slider-clients-corporate img{
    margin: auto;

}



.testimonial-client > .container-fluid {
    padding-bottom: 48px;
    padding-top: 48px;

}

@media(min-width: 1025px){
    .home-about{
        padding-top: 120px;
        padding-bottom: 80px;
    }
    .home-project {
        padding-top: 120px;
        padding-bottom: 80px;
    }


    .slick-slider-clients img,
.slick-slider-clients-corporate img{
    max-height: 120px;
}
}

@media(min-width: 1300px){
  .slick-slider-clients img,
.slick-slider-clients-corporate img{
   
}
}

@media(min-width: 1500px){
  .slick-slider-clients img,
.slick-slider-clients-corporate img{
 
}
}
/*
 *Half Half Styles
 */

/* .page-template-page-about .half-and-half.rainbow:after {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-image: repeating-linear-gradient(to right,
        #DA291C 0px, #DA291C 200px,
        #ff932e 200px, #ff932e 400px,
        #68d41c 400px, #68d41c 600px,
        #0d1a62 600px, #0d1a62 800px,
        #00adee 800px, #00adee 1000px,
        #e6da00 1000px, #e6da00 1200px);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: relative;
    position: absolute;
    left: 0;
    bottom: 0;
}*/

 .half-and-half{
    position: relative;
 }

 .half-and-half__media {
    position: relative;
    display: block;
    min-height: 230px;
    overflow: hidden;
}



/* 
By Abdul to remove Playicon when there is no video link 
 .half-and-half__media.video .half-and-half__mediaholder:after {
    background: url(../img/video-btn.png);
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    background-size: contain;
    margin-left: -50px;
    margin-top: -50px;
} */
 .half-and-half__media.video.playicon .half-and-half__mediaholder:after {
    background: url(../img/video-btn.png);
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    background-size: contain;
    margin-left: -50px;
    margin-top: -50px;
}
.half-and-half__media.video.pb-dark .half-and-half__mediaholder:after {
    filter: brightness(0.3);
}

.half-and-half__media.video.map-hand  .half-and-half__mediaholder:after {
    background: url(../img/map-btn.png) !important;
}


.half-and-half__media.video:hover{
    opacity: .8;
}

 .half-and-half__text {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 25px;
    padding-right: 25px;
 }

 .half-and-half__mediaholder {
    height: 100%;
 }

 .half-and-half__mediaholder img {
    max-width: unset !important;
    position: relative !important;
    width: 100%;
}

 @media(min-width: 1025px){
    .half-and-half{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .half-and-half__media,
    .half-and-half__text {
        -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
        vertical-align: top;
    }

     .half-and-half__text {
        padding-top: 120px;
        padding-bottom: 120px;
        padding-left: 48px;
        padding-right: 25px;

     }
     .half-and-half__text-wrapper{
        margin-right: 8.33333333%;
     }

     .half-and-half__text--right .half-and-half__text-wrapper{
        margin-left: 8.33%;
        margin-right: 0;
        max-width: 550px;
     }

     .half-and-half__text.half-and-half__text--right {
        padding-right: 48px;
        padding-left: 25px;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;

     }

    .half-and-half__mediaholder img {
        width: auto;
        max-width: unset !important;
        position: absolute !important;
    }

 }



 /*
 * Corporate About Us Page
 */
.about-team-content{
    color: #fff;
    padding-top: 48px;
    padding-bottom: 48px;
}



 .aboutus-image{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 33.33%;
 }

.about-slider {
    padding-top: 24px;
    padding-bottom: 48px;
}

.service-item-content{
    min-height: 420px;
}

.service-item-content a{
    position: absolute;
    bottom: 24px;
}

.service-item-content h4{
    min-height: 2.4em;
}

.slick-slider-services .slick-dots {
    position: relative;
    bottom: -12px;
}
@media(min-width: 600px){
    .service-item-content{
        min-height: 420px;
    }
}

@media(min-width: 768px){
    .service-item-content{
        min-height: 330px;
    }

    .service-item-content h4{
        min-height: 1.2em;
    }
}

@media(min-width: 1025px){
    .about-slider {
        padding-top: 72px;
        padding-bottom: 160px;
    }

    .service-item-content{
        min-height: 360px;
    }

    .about-slider h2{
        margin-bottom: 48px !important;
    }

    .slick-slider-services .slick-dots{
        bottom: -48px;
    }

}

@media(min-width: 1200px){
    .service-item-content {
        min-height: 340px;
    }
}

@media(min-width: 1366px){
    .service-item-content {
        min-height: 320px;
    }
}

@media(min-width: 1600px){
    .service-item-content {
        min-height: 300px;
    }
}

@media(min-width: 1900px){
    .service-item-content {
        min-height: 270px;
    }
}




 @media(min-width: 1025px){

    .about-team-content{
        padding-top: 60px;
        padding-bottom: 60px;
    }
 }



/*
 * Page Content
 */

.section-padding {
  padding-top: 103px;
  padding-bottom: 98px;
}



 /*
 * Request Quote Page
 */

.request-quote-logo {
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-height: 150px;
    width: auto;
}

@media (min-width: 768px) {

    .request-quote-logo {
        position: absolute;
        left: 450px;
        bottom: 0;
        max-height: 110px;
    }

}




/*------------------------------------*\
    Trumps
\*------------------------------------*/


/*TESTIMONIAL SLIDE*/
.testimonial-slide-wrap {
  position: relative;
}
.testimonial-slide-nav .slick-dots {
  position: relative;
  bottom: 0;
  display: inline-block;
  width: auto;
}
.testimonial-slide-nav .slick-prev,
.testimonial-slide-nav .slick-next,
.testimonial-slide-dots {
  float: left;

}

.testimonial-slide-nav .slick-arrow:before {
  position: relative;
  top: 6px;
  color: #DA291C;
}
.testimonial-slide-dots {
  padding-left: 17px;
  padding-right: 17px;
}
.testimonial-slide-dots .slick-dots .slick-active button {
    background-color: #DA291C;
}

@-ms-viewport { width: device-width; }


/**
 * Images
 */

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded { border-radius: 6px !important; }
.img-circle  { border-radius: 50% !important; }
.img-square  { border-radius: 0   !important; }


/**
 * Visiblity
 */

.show { display: block !important; }

.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important; }

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 599px) {
    .visible-xxs      { display: block !important; }
    table.visible-xxs { display: table; }
    tr.visible-xxs    { display: table-row !important; }
    th.visible-xxs,
    td.visible-xxs    { display: table-cell !important; }

    .visible-xxs-block        { display: block !important; }
    .visible-xxs-inline       { display: inline !important; }
    .visible-xxs-inline-block { display: inline-block !important; }
}


@media (min-width: 600px) and (max-width: 767px) {
    .visible-xs      { display: block !important; }
    table.visible-xs { display: table; }
    tr.visible-xs    { display: table-row !important; }
    th.visible-xs,
    td.visible-xs    { display: table-cell !important; }

    .visible-xs-block        { display: block !important; }
    .visible-xs-inline       { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm      { display: block !important; }
    table.visible-sm { display: table; }
    tr.visible-sm    { display: table-row !important; }
    th.visible-sm,
    td.visible-sm    { display: table-cell !important; }

    .visible-sm-block        { display: block !important; }
    .visible-sm-inline       { display: inline !important; }
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md      { display: block !important; }
    table.visible-md { display: table; }
    tr.visible-md    { display: table-row !important; }
    th.visible-md,
    td.visible-md    { display: table-cell !important; }

    .visible-md-block        { display: block !important; }
    .visible-md-inline       { display: inline !important; }
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg      { display: block !important; }
    table.visible-lg { display: table; }
    tr.visible-lg    {  display: table-row !important; }
    th.visible-lg,
    td.visible-lg    { display: table-cell !important; }

    .visible-lg-block        { display: block !important; }
    .visible-lg-inline       { display: inline !important; }
    .visible-lg-inline-block { display: inline-block !important; }
}


/**
 * Hiding
 */

.hide,
.hidden-xxs-up { display: none !important; }
.hidden       { display: none !important; visibility: hidden !important; }
.invisible    { visibility: hidden !important; }
.text-hide    {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

@media (max-width: 599px) {
    .hidden-xxs { display: none !important; }
}

    @media (min-width: 600px) {
      .hidden-xs-up { display: none !important; }
    }

@media (min-width: 600px) and (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

    @media (max-width: 767px) {
      .hidden-xs-down { display: none !important; }
    }

    @media (min-width: 768px) {
      .hidden-sm-up { display: none !important; }
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm { display: none !important; }
}

    @media (max-width: 1024px) {
      .hidden-sm-down { display: none !important; }
    }

    @media (min-width: 1025px) {
      .hidden-md-up { display: none !important; }
    }

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

    @media (max-width: 1199px) {
      .hidden-md-down { display: none !important; }
    }

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}




/**
 * Screen Readers
 */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/**
 * Print
 */

.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block { display: none !important; }

@media print {
    .visible-print      { display: block !important; }
    table.visible-print { display: table; }
    tr.visible-print    { display: table-row !important; }
    th.visible-print,
    td.visible-print    { display: table-cell !important; }

    .visible-print-block        { display: block !important; }
    .visible-print-inline       { display: inline !important; }
    .visible-print-inline-block { display: inline-block !important; }

    .hidden-print { display: none !important; }
}



/**
 * Clears
 */
.clear-left    { clear: left !important; }
.clear-right   { clear: right !important; }
.clear-both    { clear: both !important; }
.clear-contain { overflow: hidden !important; }


/**
 * Text alignment
 */
.text-left     { text-align:left  !important; }
.text-center   { text-align:center!important; }
.text-right    { text-align:right !important; }


/**
 * Font weights
 */
.weight-light      { font-weight:300!important; }
.weight-normal     { font-weight:400!important; }
.weight-semibold   { font-weight:600!important; }
.weight-bold       { font-weight:700!important; }


/**
 * Borders
 */
.border-top    { border-top:       1px solid #eee }
.border-bottom { border-bottom:    1px solid #eee }
.border-left   { border-left:      1px solid #eee }
.border-right  { border-right:     1px solid #eee }
.border-all    { border:           1px solid #eee }


/**
 * Positioning
 */

.affix-top    { position: fixed!important; top:    0!important; }
.affix-bottom { position: fixed!important; bottom: 0!important; }
.affix-left   { position: fixed!important; left:   0!important; }
.affix-right  { position: fixed!important; right:  0!important; }

.pull-right { float: right!important; }
.pull-left  { float: left !important; }

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}


/* TODO: Update pushes, flushes, softs, and hards to match your vertical rhythm */

/**
 * Add/remove margins
 */

.push           { margin:       20px!important; }
.push-top      { margin-top:   20px!important; }
.push-right    { margin-right: 20px!important; }
.push-bottom   { margin-bottom:20px!important; }
.push-left     { margin-left:  20px!important; }
.push-ends     { margin-top:   20px!important; margin-bottom:20px!important; }
.push-sides    { margin-right: 20px!important; margin-left:  20px!important; }

.push-half          { margin:       10px!important; }
.push-half-top     { margin-top:   10px!important; }
.push-half-right   { margin-right: 10px!important; }
.push-half-bottom  { margin-bottom:10px!important; }
.push-half-left    { margin-left:  10px!important; }
.push-half-ends    { margin-top:   10px!important; margin-bottom:10px!important; }
.push-half-sides   { margin-right: 10px!important; margin-left:  10px!important; }

.flush          { margin:       0!important; }
.flush-top     { margin-top:   0!important; }
.flush-right   { margin-right: 0!important; }
.flush-bottom  { margin-bottom:0!important; }
.flush-left    { margin-left:  0!important; }
.flush-ends    { margin-top:   0!important; margin-bottom:0!important; }
.flush-sides   { margin-right: 0!important; margin-left:  0!important; }


/**
 * Add/remove paddings
 */
.soft           { padding:       20px!important; }
.soft-top      { padding-top:   20px!important; }
.soft-right    { padding-right: 20px!important; }
.soft-bottom   { padding-bottom:20px!important; }
.soft-left     { padding-left:  20px!important; }
.soft-ends     { padding-top:   20px!important; padding-bottom:20px!important; }
.soft-sides    { padding-right: 20px!important; padding-left:  20px!important; }

.soft-half           { padding:       10px!important; }
.soft-half-top      { padding-top:   10px!important; }
.soft-half-right    { padding-right: 10px!important; }
.soft-half-bottom   { padding-bottom:10px!important; }
.soft-half-left     { padding-left:  10px!important; }
.soft-half-ends     { padding-top:   10px!important; padding-bottom:10px!important; }
.soft-half-sides    { padding-right: 10px!important; padding-left:  10px!important; }

.hard           { padding:       0!important; }
.hard-top      { padding-top:   0!important; }
.hard-right    { padding-right: 0!important; }
.hard-bottom   { padding-bottom:0!important; }
.hard-left     { padding-left:  0!important; }
.hard-ends     { padding-top:   0!important; padding-bottom:0!important; }
.hard-sides    { padding-right: 0!important; padding-left:  0!important; }


@media (min-width:600px) {

  .flush-xs          { margin:       0; }
  .flush-xs-top     { margin-top:   0; }
  .flush-xs-right   { margin-right: 0; }
  .flush-xs-bottom  { margin-bottom:0; }
  .flush-xs-left    { margin-left:  0; }
  .flush-xs-ends    { margin-top:   0; margin-bottom:0; }
  .flush-xs-sides   { margin-right: 0; margin-left:  0; }

  .push-xs           { margin:       20px; }
  .push-xs-top      { margin-top:   20px; }
  .push-xs-right    { margin-right: 20px; }
  .push-xs-bottom   { margin-bottom:20px; }
  .push-xs-left     { margin-left:  20px; }
  .push-xs-ends     { margin-top:   20px; margin-bottom:20px; }
  .push-xs-sides    { margin-right: 20px; margin-left:  20px; }

  .push-half-xs          { margin:       10px; }
  .push-half-xs-top     { margin-top:   10px; }
  .push-half-xs-right   { margin-right: 10px; }
  .push-half-xs-bottom  { margin-bottom:10px; }
  .push-half-xs-left    { margin-left:  10px; }
  .push-half-xs-ends    { margin-top:   10px; margin-bottom:10px; }
  .push-half-xs-sides   { margin-right: 10px; margin-left:  10px; }

  .push-double-xs          { margin:       40px; }
  .push-double-xs-top     { margin-top:   40px; }
  .push-double-xs-right   { margin-right: 40px; }
  .push-double-xs-bottom  { margin-bottom:40px; }
  .push-double-xs-left    { margin-left:  40px; }
  .push-double-xs-ends    { margin-top:   40px; margin-bottom:40px; }
  .push-double-xs-sides   { margin-right: 40px; margin-left:  40px; }

  .push-triple-xs          { margin:       60px; }
  .push-triple-xs-top     { margin-top:   60px; }
  .push-triple-xs-right   { margin-right: 60px; }
  .push-triple-xs-bottom  { margin-bottom:60px; }
  .push-triple-xs-left    { margin-left:  60px; }
  .push-triple-xs-ends    { margin-top:   60px; margin-bottom:60px; }
  .push-triple-xs-sides   { margin-right: 60px; margin-left:  60px; }

  .soft-xs           { padding:       20px; }
  .soft-xs-top      { padding-top:   20px; }
  .soft-xs-right    { padding-right: 20px; }
  .soft-xs-bottom   { padding-bottom:20px; }
  .soft-xs-left     { padding-left:  20px; }
  .soft-xs-ends     { padding-top:   20px; padding-bottom:20px; }
  .soft-xs-sides    { padding-right: 20px; padding-left:  20px; }

  .soft-half-xs           { padding:       10px; }
  .soft-half-xs-top      { padding-top:   10px; }
  .soft-half-xs-right    { padding-right: 10px; }
  .soft-half-xs-bottom   { padding-bottom:10px; }
  .soft-half-xs-left     { padding-left:  10px; }
  .soft-half-xs-ends     { padding-top:   10px; padding-bottom:10px; }
  .soft-half-xs-sides    { padding-right: 10px; padding-left:  10px; }

  .soft-double-xs           { padding:       40px; }
  .soft-double-xs-top      { padding-top:   40px; }
  .soft-double-xs-right    { padding-right: 40px; }
  .soft-double-xs-bottom   { padding-bottom:40px; }
  .soft-double-xs-left     { padding-left:  40px; }
  .soft-double-xs-ends     { padding-top:   40px; padding-bottom:40px; }
  .soft-double-xs-sides    { padding-right: 40px; padding-left:  40px; }

  .soft-triple-xs           { padding:       60px; }
  .soft-triple-xs-top      { padding-top:   60px; }
  .soft-triple-xs-right    { padding-right: 60px; }
  .soft-triple-xs-bottom   { padding-bottom:60px; }
  .soft-triple-xs-left     { padding-left:  60px; }
  .soft-triple-xs-ends     { padding-top:   60px; padding-bottom:60px; }
  .soft-triple-xs-sides    { padding-right: 60px; padding-left:  60px; }

  .hard-xs           { padding:       0; }
  .hard-xs-top      { padding-top:   0; }
  .hard-xs-right    { padding-right: 0; }
  .hard-xs-bottom   { padding-bottom:0; }
  .hard-xs-left     { padding-left:  0; }
  .hard-xs-ends     { padding-top:   0; padding-bottom:0; }
  .hard-xs-sides    { padding-right: 0; padding-left:  0; }

}

@media (min-width:768px) {

  .flush-sm          { margin:       0; }
  .flush-sm-top     { margin-top:   0; }
  .flush-sm-right   { margin-right: 0; }
  .flush-sm-bottom  { margin-bottom:0; }
  .flush-sm-left    { margin-left:  0; }
  .flush-sm-ends    { margin-top:   0; margin-bottom:0; }
  .flush-sm-sides   { margin-right: 0; margin-left:  0; }

  .push-sm           { margin:       20px; }
  .push-sm-top      { margin-top:   20px; }
  .push-sm-right    { margin-right: 20px; }
  .push-sm-bottom   { margin-bottom:20px; }
  .push-sm-left     { margin-left:  20px; }
  .push-sm-ends     { margin-top:   20px; margin-bottom:20px; }
  .push-sm-sides    { margin-right: 20px; margin-left:  20px; }

  .push-half-sm          { margin:       10px; }
  .push-half-sm-top     { margin-top:   10px; }
  .push-half-sm-right   { margin-right: 10px; }
  .push-half-sm-bottom  { margin-bottom:10px; }
  .push-half-sm-left    { margin-left:  10px; }
  .push-half-sm-ends    { margin-top:   10px; margin-bottom:10px; }
  .push-half-sm-sides   { margin-right: 10px; margin-left:  10px; }

  .push-double-sm          { margin:       40px; }
  .push-double-sm-top     { margin-top:   40px; }
  .push-double-sm-right   { margin-right: 40px; }
  .push-double-sm-bottom  { margin-bottom:40px; }
  .push-double-sm-left    { margin-left:  40px; }
  .push-double-sm-ends    { margin-top:   40px; margin-bottom:40px; }
  .push-double-sm-sides   { margin-right: 40px; margin-left:  40px; }

  .push-triple-sm          { margin:       60px; }
  .push-triple-sm-top     { margin-top:   60px; }
  .push-triple-sm-right   { margin-right: 60px; }
  .push-triple-sm-bottom  { margin-bottom:60px; }
  .push-triple-sm-left    { margin-left:  60px; }
  .push-triple-sm-ends    { margin-top:   60px; margin-bottom:60px; }
  .push-triple-sm-sides   { margin-right: 60px; margin-left:  60px; }

  .soft-sm           { padding:       20px; }
  .soft-sm-top      { padding-top:   20px; }
  .soft-sm-right    { padding-right: 20px; }
  .soft-sm-bottom   { padding-bottom:20px; }
  .soft-sm-left     { padding-left:  20px; }
  .soft-sm-ends     { padding-top:   20px; padding-bottom:20px; }
  .soft-sm-sides    { padding-right: 20px; padding-left:  20px; }

  .soft-half-sm           { padding:       10px; }
  .soft-half-sm-top      { padding-top:   10px; }
  .soft-half-sm-right    { padding-right: 10px; }
  .soft-half-sm-bottom   { padding-bottom:10px; }
  .soft-half-sm-left     { padding-left:  10px; }
  .soft-half-sm-ends     { padding-top:   10px; padding-bottom:10px; }
  .soft-half-sm-sides    { padding-right: 10px; padding-left:  10px; }

  .soft-double-sm           { padding:       40px; }
  .soft-double-sm-top      { padding-top:   40px; }
  .soft-double-sm-right    { padding-right: 40px; }
  .soft-double-sm-bottom   { padding-bottom:40px; }
  .soft-double-sm-left     { padding-left:  40px; }
  .soft-double-sm-ends     { padding-top:   40px; padding-bottom:40px; }
  .soft-double-sm-sides    { padding-right: 40px; padding-left:  40px; }

  .soft-triple-sm           { padding:       60px; }
  .soft-triple-sm-top      { padding-top:   60px; }
  .soft-triple-sm-right    { padding-right: 60px; }
  .soft-triple-sm-bottom   { padding-bottom:60px; }
  .soft-triple-sm-left     { padding-left:  60px; }
  .soft-triple-sm-ends     { padding-top:   60px; padding-bottom:60px; }
  .soft-triple-sm-sides    { padding-right: 60px; padding-left:  60px; }

  .hard-sm           { padding:       0; }
  .hard-sm-top      { padding-top:   0; }
  .hard-sm-right    { padding-right: 0; }
  .hard-sm-bottom   { padding-bottom:0; }
  .hard-sm-left     { padding-left:  0; }
  .hard-sm-ends     { padding-top:   0; padding-bottom:0; }
  .hard-sm-sides    { padding-right: 0; padding-left:  0; }

}

@media (min-width:1025px) {

  .flush-md          { margin:       0; }
  .flush-md-top     { margin-top:   0; }
  .flush-md-right   { margin-right: 0; }
  .flush-md-bottom  { margin-bottom:0; }
  .flush-md-left    { margin-left:  0; }
  .flush-md-ends    { margin-top:   0; margin-bottom:0; }
  .flush-md-sides   { margin-right: 0; margin-left:  0; }

  .push-md           { margin:       20px; }
  .push-md-top      { margin-top:   20px; }
  .push-md-right    { margin-right: 20px; }
  .push-md-bottom   { margin-bottom:20px; }
  .push-md-left     { margin-left:  20px; }
  .push-md-ends     { margin-top:   20px; margin-bottom:20px; }
  .push-md-sides    { margin-right: 20px; margin-left:  20px; }

  .push-half-md          { margin:       10px; }
  .push-half-md-top     { margin-top:   10px; }
  .push-half-md-right   { margin-right: 10px; }
  .push-half-md-bottom  { margin-bottom:10px; }
  .push-half-md-left    { margin-left:  10px; }
  .push-half-md-ends    { margin-top:   10px; margin-bottom:10px; }
  .push-half-md-sides   { margin-right: 10px; margin-left:  10px; }

  .push-double-md          { margin:       40px; }
  .push-double-md-top     { margin-top:   40px; }
  .push-double-md-right   { margin-right: 40px; }
  .push-double-md-bottom  { margin-bottom:40px; }
  .push-double-md-left    { margin-left:  40px; }
  .push-double-md-ends    { margin-top:   40px; margin-bottom:40px; }
  .push-double-md-sides   { margin-right: 40px; margin-left:  40px; }

  .push-triple-md          { margin:       60px; }
  .push-triple-md-top     { margin-top:   60px; }
  .push-triple-md-right   { margin-right: 60px; }
  .push-triple-md-bottom  { margin-bottom:60px; }
  .push-triple-md-left    { margin-left:  60px; }
  .push-triple-md-ends    { margin-top:   60px; margin-bottom:60px; }
  .push-triple-md-sides   { margin-right: 60px; margin-left:  60px; }

  .soft-md           { padding:       20px; }
  .soft-md-top      { padding-top:   20px; }
  .soft-md-right    { padding-right: 20px; }
  .soft-md-bottom   { padding-bottom:20px; }
  .soft-md-left     { padding-left:  20px; }
  .soft-md-ends     { padding-top:   20px; padding-bottom:20px; }
  .soft-md-sides    { padding-right: 20px; padding-left:  20px; }

  .soft-half-md           { padding:       10px; }
  .soft-half-md-top      { padding-top:   10px; }
  .soft-half-md-right    { padding-right: 10px; }
  .soft-half-md-bottom   { padding-bottom:10px; }
  .soft-half-md-left     { padding-left:  10px; }
  .soft-half-md-ends     { padding-top:   10px; padding-bottom:10px; }
  .soft-half-md-sides    { padding-right: 10px; padding-left:  10px; }

  .soft-double-md           { padding:       40px; }
  .soft-double-md-top      { padding-top:   40px; }
  .soft-double-md-right    { padding-right: 40px; }
  .soft-double-md-bottom   { padding-bottom:40px; }
  .soft-double-md-left     { padding-left:  40px; }
  .soft-double-md-ends     { padding-top:   40px; padding-bottom:40px; }
  .soft-double-md-sides    { padding-right: 40px; padding-left:  40px; }

  .soft-triple-md           { padding:       60px; }
  .soft-triple-md-top      { padding-top:   60px; }
  .soft-triple-md-right    { padding-right: 60px; }
  .soft-triple-md-bottom   { padding-bottom:60px; }
  .soft-triple-md-left     { padding-left:  60px; }
  .soft-triple-md-ends     { padding-top:   60px; padding-bottom:60px; }
  .soft-triple-md-sides    { padding-right: 60px; padding-left:  60px; }

  .hard-md           { padding:       0; }
  .hard-md-top      { padding-top:   0; }
  .hard-md-right    { padding-right: 0; }
  .hard-md-bottom   { padding-bottom:0; }
  .hard-md-left     { padding-left:  0; }
  .hard-md-ends     { padding-top:   0; padding-bottom:0; }
  .hard-md-sides    { padding-right: 0; padding-left:  0; }

}

@media (min-width:1200px) {

  .flush-lg          { margin:       0; }
  .flush-lg-top     { margin-top:   0; }
  .flush-lg-right   { margin-right: 0; }
  .flush-lg-bottom  { margin-bottom:0; }
  .flush-lg-left    { margin-left:  0; }
  .flush-lg-ends    { margin-top:   0; margin-bottom:0; }
  .flush-lg-sides   { margin-right: 0; margin-left:  0; }

  .push-lg           { margin:       20px; }
  .push-lg-top      { margin-top:   20px; }
  .push-lg-right    { margin-right: 20px; }
  .push-lg-bottom   { margin-bottom:20px; }
  .push-lg-left     { margin-left:  20px; }
  .push-lg-ends     { margin-top:   20px; margin-bottom:20px; }
  .push-lg-sides    { margin-right: 20px; margin-left:  20px; }

  .push-half-lg          { margin:       10px; }
  .push-half-lg-top     { margin-top:   10px; }
  .push-half-lg-right   { margin-right: 10px; }
  .push-half-lg-bottom  { margin-bottom:10px; }
  .push-half-lg-left    { margin-left:  10px; }
  .push-half-lg-ends    { margin-top:   10px; margin-bottom:10px; }
  .push-half-lg-sides   { margin-right: 10px; margin-left:  10px; }

  .push-double-lg          { margin:       40px; }
  .push-double-lg-top     { margin-top:   40px; }
  .push-double-lg-right   { margin-right: 40px; }
  .push-double-lg-bottom  { margin-bottom:40px; }
  .push-double-lg-left    { margin-left:  40px; }
  .push-double-lg-ends    { margin-top:   40px; margin-bottom:40px; }
  .push-double-lg-sides   { margin-right: 40px; margin-left:  40px; }

  .push-triple-lg          { margin:       60px; }
  .push-triple-lg-top     { margin-top:   60px; }
  .push-triple-lg-right   { margin-right: 60px; }
  .push-triple-lg-bottom  { margin-bottom:60px; }
  .push-triple-lg-left    { margin-left:  60px; }
  .push-triple-lg-ends    { margin-top:   60px; margin-bottom:60px; }
  .push-triple-lg-sides   { margin-right: 60px; margin-left:  60px; }

  .soft-lg           { padding:       20px; }
  .soft-lg-top      { padding-top:   20px; }
  .soft-lg-right    { padding-right: 20px; }
  .soft-lg-bottom   { padding-bottom:20px; }
  .soft-lg-left     { padding-left:  20px; }
  .soft-lg-ends     { padding-top:   20px; padding-bottom:20px; }
  .soft-lg-sides    { padding-right: 20px; padding-left:  20px; }

  .soft-half-lg           { padding:       10px; }
  .soft-half-lg-top      { padding-top:   10px; }
  .soft-half-lg-right    { padding-right: 10px; }
  .soft-half-lg-bottom   { padding-bottom:10px; }
  .soft-half-lg-left     { padding-left:  10px; }
  .soft-half-lg-ends     { padding-top:   10px; padding-bottom:10px; }
  .soft-half-lg-sides    { padding-right: 10px; padding-left:  10px; }

  .soft-double-lg           { padding:       40px; }
  .soft-double-lg-top      { padding-top:   40px; }
  .soft-double-lg-right    { padding-right: 40px; }
  .soft-double-lg-bottom   { padding-bottom:40px; }
  .soft-double-lg-left     { padding-left:  40px; }
  .soft-double-lg-ends     { padding-top:   40px; padding-bottom:40px; }
  .soft-double-lg-sides    { padding-right: 40px; padding-left:  40px; }

  .soft-triple-lg           { padding:       60px; }
  .soft-triple-lg-top      { padding-top:   60px; }
  .soft-triple-lg-right    { padding-right: 60px; }
  .soft-triple-lg-bottom   { padding-bottom:60px; }
  .soft-triple-lg-left     { padding-left:  60px; }
  .soft-triple-lg-ends     { padding-top:   60px; padding-bottom:60px; }
  .soft-triple-lg-sides    { padding-right: 60px; padding-left:  60px; }

  .hard-lg           { padding:       0; }
  .hard-lg-top      { padding-top:   0; }
  .hard-lg-right    { padding-right: 0; }
  .hard-lg-bottom   { padding-bottom:0; }
  .hard-lg-left     { padding-left:  0; }
  .hard-lg-ends     { padding-top:   0; padding-bottom:0; }
  .hard-lg-sides    { padding-right: 0; padding-left:  0; }

}

/**
 * Image background
 */
.img-bg-cover {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.img-bg-fullheight {
  background-repeat: no-repeat;
  background-position:top center;
  background-size: auto 100%;
}


/**
 * Title
 */
.title-with-topbar,
.title-with-botbar {
  position: relative;
}
.title-with-topbar {
  padding-top: 22px;
}
.title-with-botbar {
  padding-bottom: 14px;
  margin-bottom: 22px;
}

.title-with-topbar:before,
.title-with-botbar:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  border-top: 1px solid #dadee3;
  width: 44px;
}
.title-with-botbar:before {
  top: auto;
  bottom: 0px;
}

.title-primary span,
.highlight {
  background-color: #da291c;
  color: #fff;
  display: inline-block;
  padding: 3px 5px 5px 5px;
  /*margin-left: -5px;*/
  line-height: 1em;
}

.highlight a {
  text-decoration: none;
  color: inherit;
}

.title-primary .red { display: inline-block; color: #da291c; }



/**
 * Background
 */
.bgc-primary {background-color: #fff;}
.bgc-secondary {}
.bgc-accent { background-color: #eef1f5; }
.bgca-primary { background-color: rgba( 114, 136, 159, .7); position: relative; z-index: 2} /*tranparent blue*/
.bgca-secondary { background-color: rgba(0, 0, 0, .5); position: relative; z-index: 2} /*tranparent black*/
.bgca-highlight { background-color: rgba(247, 40, 34, .5); position: relative; z-index: 2} /*tranparent black*/
.bgca-accent { background-color: rgba(255, 255, 255, .6); position: relative; z-index: 2}  /*tranparent white*/
/**
 * Text or Font Color
 */
.word-breaker {display: block;}
#wp-realtime-sitemap-menu h3 { display: none}



/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  background: transparent;
  }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
  cursor: pointer;
  cursor: pointer; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
}
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }





/*IE 10 fixes */

html[data-useragent*='MSIE 10.0'] input[type="checkbox"]{
    border-radius: 0;
    border:none !important;
    -webkit-appearance: checkbox!important;
    padding: 0px !important;
    position: relative;
    top: 1px;
    margin-right: 6px;
}
html[data-useragent*='MSIE 10.0'] input[type=checkbox]:hover {
    background-color: transparent !important;
}

html[data-useragent*='MSIE 10.0'] input[type=checkbox]:checked {
    background-color: transparent !important;
}



html[data-useragent*='MSIE 10.0'] .testimonial-slide-nav .slick-dots li{
    top: -8px;
    position: relative;
}

/*End IE 10 Fixes */

/*STICKY ICON MUST STAY */
.icon-google_my_business:before {
  content: "\e917";
}


@media(min-width: 1025px){
   .san-rafael .slide-desc{
        max-width: 70%;
        margin: auto;
    } 
}





/**
 *
 * New Product Page Styling
 *
 */


/* Product Gallery Section */
.product-gallery-and-text {
    padding-top: 36px;
    padding-bottom: 36px;
}

.product-gallery-and-text h1 {
  margin-top: 0;
}

@media(min-width: 1025px) {

    .product-gallery-and-text [class*="col-md-"] {
        padding-left: 22px;
        padding-right: 22px;
    }

    .product-gallery-and-text {
        padding-top: 86px;
        padding-bottom: 76px;
    }

    .slick-slider-product-gallery {
        min-height: 426px;
        overflow: hidden;
    }

     .slick-slider-product-gallery img {
        min-width: 624px;
        height: 426px;
        margin: auto;
    }

    .product-gallerythumbnails {
        position: absolute;
        bottom: 0;
        background: rgba(255, 255, 255, .75);
        left: 50%;
        transform: translate(-50%, 0);
        width: 102%;
    }

    .product-gallerythumbnails .slider-gallerythumb-wrapper {
        padding: 0;
        background: transparent;
    }

    .slick-slider-product-gallery .slick-next.slick-arrow,
    .slick-slider-product-gallery .slick-prev.slick-arrow {
        display: none !important;
    }

    .product-gallerythumbnails .slider-gallerythumb-slide-item.slick-current {
        background-color: transparent;
    }

    .product-gallerythumbnails .slider-gallerythumb-slide-item {
        padding: 25px 15px;
    }

    .product-gallerythumbnails .slider-gallerythumb-wrapper img {
        width: 100%;
        height: auto;
        min-height: 47px;
        border: 1px solid #555555;
    }

    .product-gallerythumbnails .slick-next,
    .product-gallerythumbnails .slick-prev {
        height: 100%;
        width: 30px;
        text-align: center;
        bottom: 0;
        position: absolute;
        outline: 0;
        border: none;
        color: #716d6c;
    }

    .product-gallerythumbnails .slick-next:hover,
    .product-gallerythumbnails .slick-prev:hover {
        color: #DA291C;

    }

    .product-gallerythumbnails .slick-arrow:before {
        font-size: 20px;
    }

    .product-gallerythumbnails .slick-prev {
        left: -10px;
    }

    .product-gallerythumbnails .slick-next {
        right: -10px;
    }

    .product-gallerythumbnails .slick-slider-product-gallerythumb .slick-next, 
    .product-gallerythumbnails .slick-slider-product-gallerythumb .slick-prev {
        top: 0;
        z-index: 10!important;
    }

    .slick-slider-product-gallerythumb .slick-list.draggable {
        margin-left: 35px;
        margin-right: 35px;
    }
}

@media(min-width: 1280px) {
    .product-gallerythumbnails .slider-gallerythumb-wrapper img {
        min-height: 67px;
    }
}

@media(min-width: 1366px) {
    .product-gallery-and-text {
        padding-bottom: 36px;
    }
}

/* Half and Half Sections */
/*.product-page_half.blue-bg {
    background-color: #00adee;
}*/

.product-page_half.gray-bg {
    background-color: #ffffff;
}

.product-page_half.blue-bg h2,
.product-page_half.blue-bg h3,
.product-page_half.blue-bg h4,
.product-page_half.blue-bg h5,
.product-page_half.blue-bg p,
.product-page_half.blue-bg li {
    color: #fff;
}

.product-page_half h2,
.product-page_half h3,
.product-page_half h4{
    color: #000;
}

.product-page_half p {
    color: #484848;
}

.product-gallery-and-text ul li,
.product-page_half ul li {
    list-style: disc;
}

.flex-item.flex-img img {
    width: 100%;
}

.product-studio-specific ,
.flex-text {
    padding-top: 36px;
    padding-bottom: 36px;
}

.product-page_projects {
  padding: 60px 0;
}

.product-page_projects__heading h2 {
  margin-bottom: 40px;
}

.product-page_projects .project-gallery img {
    height: calc( ( ( 1300px / 4 ) - 20px ) );
    object-fit: cover;
    width: 100%;
    padding: 10px;
}

@media (max-width: 1300px) {
  .product-page_projects .project-gallery img {
    height: calc( ( ( 100vw / 4 ) - 20px ) );
  }
}

@media (max-width: 1024px) {
  .product-page_projects .project-gallery img {
    height: calc( ( ( 100vw / 3 ) - 20px ) );
  }
}

@media (max-width: 767px) {

    .product-page_half.blue-bg .container {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .product-page_half.blue-bg .flex-text ,
    .product-page_half.bgc-accent .flex-text {
        margin-right: auto;
        margin-left: auto;
        padding-left: 25px;
        padding-right: 25px;
        position: relative;
    }
  .page-template-industry-page .firstrow p  {  padding: 0 27px;}
  
  .product-page_projects .project-gallery img {
    height: calc( ( ( 100vw / 2 ) - 20px ) );
  }
}

/*test Nicole */
@media (min-width: 768px) {
  .flex-item.flex-img img {
      width: 75%;/*100%*/
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center center;
         object-position: center center;
      display: block;
      position: absolute;
  }

.flex-item.flex-img.flex-img-contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

  .product-page_half .flex-item.flex-img img {
      width: 100%;
  }

  .flex-item.flex-img {
      overflow: hidden;
  }

  .product-page_half.blue-bg .flex-text {
        padding-top: 66px;
  }

  .flex-text {
      padding-left: 20px;
      padding-right: 40px;
      padding-top: 86px;
      padding-bottom: 66px;
  }

  .product-page_half .flex-text {
      padding-left: 50px;
      max-width: 758px;
  }

  .flex-row {
      display: flex;
      display: -ms-flexbox;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .product-studio-specific  {
      padding-top: 86px;
      padding-bottom: 66px;
  }
}

@media (max-width: 599px) {
  .product-page_projects .project-gallery img {
    height: 300px;
  }
}

@media (min-width: 1025px) {

    .product-page_half.half-and-half__text {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 48px;
        padding-right: 25px;
    }

    .product-page_half.half-and-half__text--right .half-and-half__text-wrapper {
        margin-left: 8.33%;
        margin-right: 0;
        max-width: 684px;
    }
}


/*Octane added on 21-10*/

.page-template-industry-page  .bgca-primary,.page-template-local-industry-page  .bgca-primary, .page-template-location-specific .bgca-primary{background-color:rgba( 55, 64, 75, .8) !important}
h2.fpobold  {    color: #38404b;    font-weight: 800;font-size:36px}
p.fpop{     }
.finishdiv {padding: 0 20px;font-size: 15px;line-height: 35px;}
.leavemargin{padding-bottom:5vw;}
.page-template-industry-page .page-header,.page-template-local-industry-page .page-header, .page-template-location-specific .page-header{margin:0;padding-bottom: 0; }
.page-template-industry-page header .container,
.page-template-industry-page header .container-fluid,
.page-template-local-industry-page header .container,
.page-template-local-industry-page header .container-fluid,
.page-template-location-specific header .container,
.page-template-location-specific header .container-fluid{padding-left: 50px;padding-right: 50px;}
.secondrow img{width:100%}

.secondrow p{  font-size: 15px; line-height: 35px;color: #38404b; }
.firstrow h2.fpobold {    padding-bottom: 35px;}
.thirdrow.text-container.text-center {padding-bottom: 40px;padding-top: 7vw;}
.firstrow p{font-size: 26px;   color: #38404b;    line-height: 35px;font-weight: 400; }
.thirdrow p{   font-size: 15px; }
.text-container p{font-size: 15px; line-height: 35px;color: #38404b;}
.pd-80{padding: 0 80px 0 80px;}
.pd-160 {padding: 0 160px;}
.fpop{     font-size: 26px;}
.multi-item-carousel {  overflow: hidden;}
.firstrow {    padding: 7vw 0 7vw 0;}
.multi-item-carousel img {  height: auto;  width: 100%; }
ol.carousel-indicators > li:before{content:'';}
.multi-item-carousel .carousel-control.left,.multi-item-carousel .carousel-control.right {   background: rgba(255, 255, 255, 0.3);    width: 25%;}
.multi-item-carousel .carousel-inner {  width: 150%;  left: -25%;}
.carousel-inner > .item.next, .carousel-inner > .item.active.right {    -webkit-transform: translate3d(33%, 0, 0);    transform: translate3d(33%, 0, 0);}
.carousel-inner > .item.prev,.carousel-inner > .item.active.left {  -webkit-transform: translate3d(-33%, 0, 0); transform: translate3d(-33%, 0, 0); }
.item__third { float: left;  position: relative;    width: 33.33333333%;}
.item.active .item__third:nth-child(1) {  opacity: 0.3;}
.display-flex{display:flex; align-items: center;flex-wrap: wrap;}
.item.active .item__third:nth-child(3) { opacity: 0.3;}
.page-brandable {    position: relative;}
.carousel-indicators img {    width: 100%;height: 100%;}
.page-template-industry-page .page-brandable a,
.page-template-local-industry-page .page-brandable a,
.page-template-location-specific .page-brandable a{color: #FF6347 !important;    opacity: 1;}
.carousel-after .carousel-indicators li{    border-radius: 0;    margin: 0 5px; background-color:transparent; border:none; text-indent: unset;  width: 120px;    height: 90px;padding-left:0}
.carousel-after .carousel-indicators .active{background-color:transparent;text-indent: unset;}
.page-template-industry-page .page-brandable, 
.page-template-local-industry-page  .page-brandable,
.page-template-location-specific .page-brandable{ position: relative; width: 100%;   float: left;}
.carousel-indicators{  margin-left: 0;padding-left:0;width: 100%;left: 0;bottom: 0;position: relative;}
 .carousel-after{width: 100%;    float: left;    clear: both;}
.page-template-industry-page  p,.page-template-local-industry-page p, .page-template-location-specific p{    margin-top: 18px;    margin-bottom: 18px;}
.page-template-industry-page  .page-content, .page-template-local-industry-page  .page-content, .page-template-location-specific .page-content{      background-color: #f5f8fa;  margin-left: -15px;    margin-right: -15px;    padding-top: 0;}  
.page-template-industry-page   .page-header , .page-template-local-industry-page  .page-header, .page-template-location-specific .page-header{padding-bottom: 0;margin: 0;border-bottom: 0;}
body.page-template-industry-page,body.page-template-local-industry-page, body.page-template-location-specific  {font-weight: 300;/*400*/ font-size: 14px;line-height: 1.715em;color: #484848;}
.secondrow{    background: #edf1f5;}
.page-template-industry-page  a:focus,.page-template-industry-page   a:hover 
.page-template-local-industry-page  a:focus,.page-template-local-industry-page   a:hover,
.page-template-location-specific a:focus, .page-template-location-specific a:hover
{    color: #DA291C;text-decoration:none;}
.page-template-industry-page  footer .container-fluid, .page-template-location-specific footer .container-fluid{padding-right: 50px;padding-left: 50px;}
.page-template-local-industry-page  footer .container-fluid {padding-right: 50px;padding-left: 50px;}
.page-template-industry-page h6,.page-template-industry-page  .h6 ,
.page-template-local-industry-page h6,.page-template-local-industry-page  .h6,
.page-template-location-specific h6, .page-template-location-specific .h6{
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.1em;
}
.contactme{background: #38404b;    color: #fff;padding: 40px 60px;}
.gettouch {
    background: #e54132;
    padding: 18px;
    text-align: center;
    text-transform: uppercase;
}
.gettouch a{color:#fff;text-decoration:none;}
.gettouch a:hover,.gettouch a:focus{color:#fff;text-decoration:none;}
.contactme .fpobold{color: #fff;     font-weight: 800;text-align: left;}
.contactme .fpobold strong{background-color: #e54132;padding:2px 5px;}
.firstrow.local .contactme p,.firstrow.local .gettouch{color: #fff;    font-weight: 800;font-size:20px;}
.firstrow.local{text-align:left;}
.masthead .masthead-inner h1{ text-transform: uppercase;font-size:60px;font-weight: 800;    color: #fff;}
.page-template-industry-page h1,.page-template-industry-page  .h1,
.page-template-local-industry-page h1,.page-template-local-industry-page  .h1,
.page-template-location-specific h1, .page-template-location-specific .h1{ text-transform: uppercase;       font-weight: 400;    color: #fff;font-size: 46px;    line-height: 1.131em;    font-weight: 700;}
.carousel-after .carousel-indicators { margin-left: 0; padding-left: 0; width: 100%;  left: 0;    bottom: 0;    position: relative;}
.firstrow.local h2.fpobold{text-align:left}
.firstrow.local p {       line-height: normal; font-size: 27px;      font-style: normal;}
.fancy{display:none;}
#Contacttoday .row label{color:#38404b; sans-serif;    font-weight: 800;}
#Contacttoday{width:575px !important;height:617px !important;padding: 30px;}
#Contacttoday .row .col { width: 47%; float: left; margin: 5px 7px;}
#Contacttoday .row .col-full input[type='text'],#Contacttoday .row .col-full input[type='tel'],#Contacttoday .row .col-full input[type='email'],#Contacttoday .row .col-full textarea{width: 97%;float: left; margin: 7px 7px 7px 0;}
#Contacttoday .fpobold{    margin-bottom: 25px;margin-left: -11px;font-size:36px;color:#38404b;   font-weight: 800;text-align:left}
#Contacttoday  .fpobold strong {background-color: #e54132;padding: 2px 5px;color:#fff;}
#Contacttoday .row .col-full {width: 100%;margin: 0; padding: 5px 7px;}
#Contacttoday .row .col input[type='text'] ,#Contacttoday .row .col input[type='tel'],#Contacttoday .row .col input[type='email'],#Contacttoday .row .col-full input[type='text'], #Contacttoday .row .col-full  textarea { border: 1px solid #ebebeb;}
div#fancybox-wrap {    width: 630px !important;}
#fancybox-content{    width: 630px !important;}
#fancybox-content{    border-width: 0 !important;}
#Contacttoday  textarea#message{height:106px !important}
#Contacttoday .submit.btn.white{    margin-top: 13px;    margin-bottom: 0;border-radius: 0;    padding: 19px 86px;}
#Contacttoday .submit.btn.white button.grey{font-size: 20px;}
#Contacttoday input[type="checkbox"]{ -moz-appearance: checkbox;-webkit-appearance: checkbox;appearance: checkbox;}
.w-100{width: 100%;}  
.hero-banner.bg-cover {
  min-height: 650px;
  background-position: center;
  background-repeat: no-repeat;;
  background-size: cover;
  position: relative;
  margin-bottom: 80px;
}
.hero-banner .site-logo {
  margin: 15px 0 0 20px;
  display: inline-block;
}
.hero-banner h1.title {

  font-style: italic;
  text-transform: capitalize;
  color: #fff;
  font-weight: 900;
  font-size: 110px;
}
.text-red{color: #da291c;}
.text-white{color: #fff;}
.hero-banner .studio-cta .btn-block {
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  padding: 25px 100px 25px 40px;
}
.hero-banner .studio-cta .btn-block > small {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
}
.hero-banner .studio-cta .btn-block > span {
  font-size: 25px;
  font-weight: normal;
  margin-top: 10px;
  display: inline-block;
  position: relative;
}
.hero-banner .studio-cta {
  position: absolute;
  right: 0;
  bottom: -35px;
  z-index: 999;
}
.hero-banner .studio-cta .btn-block > span::after {
  content: '';
  width: 170px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: relative;
  top: -5px;
  right: -10px;
}

.image_block .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.image_block.left figure {
  margin: 0;
  position: relative;
}
.image_block.right figure {
  margin: 0;
  position: relative;
}
.image_block figure > img {
  position: relative;
  z-index: 1;
  width: 100%;
}
/*.image_block.left figure::after {
  content: '';
  background: #27251f;
  width: 90%;
  height: 90%;
  right: -40px;
  position: absolute;
  z-index: 0;
  top: -40px;
}
.image_block.right figure::after {
  content: '';
  background: #27251f;
  width: 90%;
  height: 90%;
  left: -40px;
  position: absolute;
  z-index: 0;
  top: -40px;
}*/
.image_block .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-flex: 1;
    -ms-flex: 1 1 320px;
        flex: 1 1 320px;
}
.image_block div[class^="col-"] {
    -webkit-flex: 1;
    -ms-flex: 1;
  flex: 1;
}
@media ( max-width:767px) {
  .image_block .row {
    flex-direction: column;
  }
}
.page-landing .text-container h2 {
  font-size: 36px;

  font-weight: 900;
  margin-bottom: 30px;
}
.page-landing .text-container .body, .page-landing .text-container .body p {

  font-size: 26px;
  font-weight: normal;
  line-height: 45px;
}
.image_block.left .text-container {
  padding: 0 60px;
}
.image_block.right .text-container {
  padding: 0 60px;
}
.image_block.right .text-container .body li {
  list-style-type: none;
  margin-left: 0;
  padding:  0;
  position:relative;
}
.image_block.right .text-container .body li::before {
  content: '•';
  font-size: 25px;
  top: auto;
  left: -18px;
}
.testimonial-block {
  padding: 50px 0;
}
.testimonial-block .body{
  margin-top: 20px;
}
.testimonial-block strong {
  display: block;
  margin-top: 20px;
}
.page-landing {
  background: #fafafa;
}
.page-landing .image_slider {
   padding: 55px ;
  background: #27251f;
  position: relative;
  margin-bottom: 60px;
}

.page-landing .image_slider .studio-cta {
  position: absolute;
  right: 0;
  top: -35px;
  z-index: 999;
}
.page-landing .image_slider .studio-cta .btn-block {
  margin: 0;
  text-align: left;
  text-transform: capitalize;
  padding: 25px 100px 25px 40px;
}
.page-landing .image_slider .studio-cta .btn-block > span {
  font-size: 25px;
  font-weight: normal;
  margin-top: 10px;
  display: inline-block;
  position: relative;
}
.page-landing .image_slider .studio-cta .btn-block > span::after {
  content: '';
  width: 170px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: relative;
  top: -5px;
  right: -10px;
}
.page-landing .image_slider .hero-slider{
  margin-top: 30px;
}
.hero-slider .slick-slide .item{ text-align: center; }
.hero-slider .slick-slide img {
  display: inline-block;
}
.hero-slider .slick-dots {
  position: relative;
  bottom: -10px;
}
.hero-slider .slick-dots button {
  background-color: #fff;
  width: 15px;
  height: 15px;
}
.hero-slider .slick-dots .slick-active button {
  background-color: #da291c;
}
.masthead-cont {position:relative;width: 100%;}
.select-industry{position: absolute;    bottom: 0;}
.masthead-cont .selectric {background-color: #da291c;border: 0;color: #fff;font-size: 18px;width: 250px;padding: 10px;}
.masthead-cont .selectric-items{height:auto !important;background-color: #da291c;    border-color: #da291c;    color: #fff;}
.masthead-cont .selectric-items li{color:#fff;    padding: 5px 8px;    font-size: 15px;}
.masthead-cont .selectric-items li.highlighted{  background-color: #c00f02;;   color: #fff;}
.masthead-cont .selectric-items li:hover{  background-color: #c00f02;;     color: #fff;}
.masthead-cont .selectric-button{color: #fff;border-left: 1px solid #f15b57;}
.cta-bar a.btn-accent {
  font-size: 18px;
}
a.btn-accent:hover{
  text-decoration: none;
}
.contact-form label {
  color: #fff;
}
.contact-form .wpcf7-form-control {
  border: 0;
  padding: 10px;
  margin-bottom: 10px;
  color: #000;
}
.contact-form .wpcf7-checkbox input[type="checkbox"] {
  padding: 7px;
  margin-right: 6px;
}
.contact-form .submit.btn.white {
  margin-top: 13px;
  margin-bottom: 0;
  border-radius: 0;
  padding: 19px 86px;
}
.contact-form .submit.btn.white button.grey {
  font-size: 20px;
}
.contactme.contact-form {
  padding: 25px;
}
.contact-form .wpcf7-form-control.wpcf7-textarea {
  height: 120px !important;
}
.contact-form .wpcf7-list-item-label {
  color: #fff;
}
.page-id-6682 span.footer-studio-cta, .page-id-6682 .select-industry,
.page-id-6916  span.footer-studio-cta, .page-id-6916 .select-industry {
   display: none;
}
/* responsive */
@media only screen and (max-width: 1439px) { 
  .page-landing .text-container h2 {
  font-size: 28px;
}
}
@media only screen and (max-width: 1279px) {
.image_block.left .text-container {
  padding: 0 20px;
}
.image_block.right .text-container {
  padding: 0 30px;
}
.page-landing .image_slider {
  padding: 80px 0;
  margin-bottom: 0;
}
}
@media only screen and (max-width: 991px) {
.footer-bottom {
  min-height: 100px;
}
.firstrow.local { padding: 0 27px;}
.firstrow.local p {    font-size: 23px;}
.contactme{    padding: 40px 37px;    margin-bottom: 33px;}
.finishdiv {    padding: 0 27px;}
.page-template-industry-page p, .page-template-local-industry-page p{line-height:normal}
.masthead .masthead-inner h1{font-size: 5vw;} 
h2.fpobold {    font-size: 5vw;}
.carousel-after .carousel-indicators li{    width: 4em;    height: 4em;}
h2.fpobold{font-size: 28px;}
#fancybox-content{width:80% !important;}
div#fancybox-wrap {    width: 80% !important;}
#Contacttoday  textarea#message{height:75px !important}
#Contacttoday .row .col { width: 97%; float: left; margin: 5px 7px;}

.dg-wrapper a { width: 100% !important; }
.dg-wrapper{ width: 100% !important; }
.dg-container { width: 100% !important; }
.no-left-margin-banner {    margin-left: 0;}
.masthead-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}
.firstrow h2.fpobold {
  padding-bottom: 0;
}
.pd-160 {
  padding: 0 50px;
}
}
@media only screen and (max-width: 500px) {  
#fancybox-content{width:100% !important;}
div#fancybox-wrap {    width: 95% !important;}
#Contacttoday  textarea#message{height:75px !important}
#Contacttoday .row .col { width: 100%; float: left; margin: 5px 7px;}
#Contacttoday{padding:10px 15px;}
#fancybox-wrap{left:0 !important}
#Contacttoday .fpobold{    font-size: 25px;}
#Contacttoday .row .col input[type='text'], #Contacttoday .row .col input[type='tel'], #Contacttoday .row .col input[type='email'], #Contacttoday .row .col-full input[type='text'], #Contacttoday .row .col-full textarea{width:95%}
} 
@media only screen and (max-width: 1249px) {  
.secondrow p{padding:0}
.pd-80 { padding: 0 27px;}
} 

@media only screen and (max-width: 767px) {
.header-top-menu > .hard-left {
  padding: 0 !important;
}
.corporate .header-findstudio {
  width: 100%;
}
.slide-desc.corporate h1, .slide-desc.corporate h2 {
  padding: 0;
  font-size: 70px;
  line-height: 1.2em;
}
.slide-desc.corporate {
  padding: 15px 0;
}
.slide-cont {
  padding-top: 0;
  padding-bottom:0;
}
.slick-slide .front {
  position: relative;
}
.slick-active .front {
  left: 0;
  margin-left: 0;
  max-width: 100%;
}
.slide-desc [class*="btn-"] {
  margin-top: 0;
}
.hero-banner h1.title {
  font-size: 50px;
}
.hero-banner.bg-cover {
  min-height: 400px;
  background-position: right;
  margin-bottom: 0;
}
.hero-banner .studio-cta .btn-block {
  padding: 10px;
  text-align: center;
}
.image_block.left figure,.image_block.right figure {
  margin: 0;
}
.page-landing .text-container h2 {
  font-size: 30px;
}
.image_block.left .text-container, .image_block.right .text-container {
  padding: 20px;
}
.image_block {
  padding: 30px 0;
}
.page-landing .text-container .body {
  font-size: 22px;
}
.page-landing .image_slider {
  padding: 0;
  margin-bottom: 20px;
}
.page-landing .image_slider .studio-cta {
  position: relative;
  top: 0;
  margin-bottom: 20px;
}
.page-landing .image_slider .studio-cta .btn-block {
  margin: 0;
  padding: 15px;
  text-align: center;
}
.page-landing .image_slider .hero-slider {
  margin: 30px 0;
}
.hero-slider .slick-dots {
  position: relative;
  bottom: 0;
}
.hero-slider .slick-slide img {
  width: 100%;
}
.image_block.right figure::after, .image_block.left figure::after {
  content: none;
  background: none;
}
.pd-160 {
  padding: 0 30px;
}
}

/* architect landing page */

.page-landing.bgc-primary {
  background: #ffffff;
}

.btn-lg {
  font-size: 20px;
}

.hero-banner {
  position: relative;
}

.hero-banner .image_block {
  padding: 0;
}

.hero-banner .image_block .half-and-half__mediaholder {
    height: 0;
    padding-bottom: 75%;
}

.hero-banner .image_block .half-and-half__mediaholder img {
  position: relative !important;
}

.hero-banner .image_block h1 {
  font-size: 60px;
  font-style: normal;
  text-transform: uppercase;
  color: #38404b;
}

.image_block_light .title-primary {
  font-size: 40px;
}

.info-blocks {
  padding: 120px 0 60px;
}

.info_block {
  background: #ebebeb;
  max-width: 400px;
    margin: 20px auto;
}

.info_block img {
  width: 100%;
  height: auto;
}

.info_block_text {
  text-align: center;
  padding: 25px;
  font-size: 18px;
  line-height: 1.4;

}

.info_block_text h3 {

    font-weight: 900;
  color: #38404b;
}

.page-landing .studios-map {
  margin: 60px 0;
}

.studio-map-wrapper .title-primary {

  font-weight: 900;
  text-align: center;
  font-size: 60px;
}

@media (min-width: 1025px) {
  .hero-banner .image_block .site-logo {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .hero-banner .image_block .site-logo + div {
    padding-top: 40px
  }
}

@media (max-width: 1660px) {
  .hero-banner .image_block h1,
  .studio-map-wrapper .title-primary {
    font-size: 50px;
  }
}

@media (max-width: 1440px) and (min-width:1025px) {
  .hero-banner .image_block h1 {
    margin-top: 100px;
  }
}

@media (max-width: 1440px) {
  .hero-banner .image_block h1,
  .studio-map-wrapper .title-primary {
    font-size: 40px;
  }
  .page-landing .text-container .body,
  .page-landing .text-container .body p {
    font-size: 22px;
    line-height: 1.6;
  }
  .hero-banner .studio-cta .btn-block > span::after {
    width: 120px;
  }
}

@media (max-width: 1199px) {
  .hero-banner .image_block h1,
  .studio-map-wrapper .title-primary {
    font-size: 35px;
  }
  .page-landing .text-container .body,
  .page-landing .text-container .body p {
    font-size: 20px;
    line-height: 1.6;
  }
  .hero-banner .studio-cta .btn-block > span::after {
    width: 100px;
  }
  .info_block_text h3 {
    font-size: 19px;
  }
  .info_block_text {
    font-size: 16px;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .hero-banner .studio-cta .btn-block > span {
    font-size: 20px;
  }
  .hero-banner .studio-cta .btn-block > span::after {
    width: 20px;
  }
}
@media (max-width: 767px) {
  .hero-banner .studio-cta .btn-block > span {
    font-size: 18px;
  }
  .info-blocks {
    padding: 40px 0 0;
  }
}

@media (max-width: 767px) {
    body .olark-launch-button {
        bottom: 100px !important;
    }

    body .olark-attention-grabber.olark-init {
        bottom: 153px !important;
    }
}

body .gform_wrapper ul li.gfield {
  margin-right: 0;
}

#gform_3 {
  width: 800px;
  max-width: 100%;
}

#gform_submit_button_2,
#gform_submit_button_3 {
    cursor: pointer;

    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff !important;
    line-height: 1em !important;
    background-color: #395879;
    min-width: 201px;
    text-align: center;
    display: inline-block;
    padding: 18px 30px;
    margin-left: 20px;
}

#gform_submit_button_2:hover,
#gform_submit_button_2:focus,
#gform_submit_button_2:active,
#gform_submit_button_3:hover,
#gform_submit_button_3:focus,
#gform_submit_button_3:active {
  background-color: #0076a1 !important;
}

.modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;padding:0;max-width:500px;max-height:100vh;border-radius:4px;overflow-y:auto;box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.modal__close{background:0 0;border:0}.modal__header .modal__close:before{content:"\2715"}.modal__content{margin-top:0;margin-bottom:0;line-height:1.5;color:rgba(0,0,0,.8)}.modal__btn{font-size:.875rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;background-color:#e6e6e6;color:rgba(0,0,0,.8);border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{z-index: 11;animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}
.modal .inf_infusionsoft_inline_form {
  margin: 0 !important;
}


/* custome css */

.bg-black { background-color: #000; }
.nav-secondary, .nav-secondary a {
  color: #DA291C;
}
.nav-secondary li a:hover {
  color: #fff;
}
button.icon-search::before {
  color: #DA291C;
}
button.icon-menu::before {
  color: #000;
}
.home .slideshow .slick-active .front {
  left: 0;
  margin-left: 0;
  width: 100%;
}
.home .slideshow .half-and-half__mediaholder {
  /*min-height: 450px;*/
}
.home .slideshow .half-and-half__mediaholder .front {
  position: relative !important;
}
.title-with-topbar::before, .title-with-botbar::before {
  content: none;
  display: none;
}
.slide-cont.corporate, .slide-cont {
  padding-left: 0;
  padding-right: 0;
}
.testimonials h2 span{
  color: #DA291C;
}
.slide-desc {
  max-width: 712px;
  margin: auto;
  padding: 0;
  background: none;
  text-align: left;
}
.slide-desc h1 {
  font-weight: bold !important;
  text-transform: uppercase !important;
  color: #fff;
  font-size: 180px;
  padding: 0;
  line-height: 0.8em;
   display: inline-block;
}
.slide-desc p{
   color: #fff;
}
.footer-top .footer-studio-cta .btn {
  max-width: none;
  background: transparent;
  border: 2px solid #000;
  color: #000 !important;
  font-size: 12px;
  min-width: 300px;
  padding: 15px;
}
.footer-top .footer-studio-cta .btn:hover {
  background:#000;
  color: #fff !important;
}
.page-bottom.media-grid  {
    margin-top: 250px;
    padding-top: 0;
}
.media-grid .white-box {
    text-align: center;
    background: #fff;
    padding: 100px 50px 50px 50px;
    position: relative;
    margin-top: -150px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.media-grid .white-box.text-left {
    text-align: left;
}
.media-grid .white-box h2, .media-grid .white-box h5 {
    font-size: 26px;
    font-weight: 700;
}
.red {color: #DA291C;}
.media-grid .white-box p {
    font-size: 18px;
    margin: 10px 50px;
}
.media-grid .white-box.text-left p {
    margin: 10px 0;
}
.media-grid .white-box .icon {
    display: inline-block;
    margin-bottom: 30px;
}
.media-grid .white-box.text-left .icon {
  margin-bottom: 0;
}
.media-grid .white-box .btn-secondary {
    margin: 20px 0 0 0 !important;
    display: inline-block;
}
.location-map .studio-search h1, .location-map .studio-search h3{
  margin: 0 0 30px 0;
  font-size: 80px;
  line-height: 1.131em;
font-weight: 700;
}
.location-map .studio-search p {
  margin: 0;
}
.location-map .studio-search .form-sign-up {
  padding-top: 20px;
}
.location-map .form-sign-up .textfield {
  height: 50px;
  border-radius: 25px;
  text-align: center;
}
.btn-secondary.btn-small, .btn-primary.btn-small {
  min-width: auto;
  padding: 12px 20px;
}
.recent-project{
  padding: 80px 0;
}
.home .recent-project .slick-slider {
  background: none;
}
.home .recent-project .section-title {
  position: absolute;
  z-index: 9;
  top: 190px;
  left: 100px;
}
.home .recent-project .section-title h2 {
  color: #fff;
  margin: 0;
}
.home .recent-project .slick-slider-project .item.slick-slide{
  position: relative;
  padding-right: 15px;
}
.home .recent-project .slick-slider-project .item.slick-slide img{
  width: 100%;

}
.home .recent-project .slick-slider-project .item.slick-slide::after {
  background: rgba(0,0,0,0.4);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.home .recent-project .slick-slider-project{
  margin-bottom: 50px;
}
.home .recent-project .thumb h4, .home .recent-project .thumb h2 {
  color: #fff;
  text-transform: capitalize;
  font-weight: 300;
  margin: 0 15px;
  padding-top: 10px;
  cursor: pointer;
  border-top: 3px solid;
  font-size: 22px;
line-height: 1.273em;
}
.home .recent-project .thumb.slick-current h4, .home .recent-project .thumb.slick-current h2 {
  color: #DA291C;
}
.home .recent-project .thumb h4 strong, .home .recent-project .thumb h2 strong {
  font-weight: 600;
  float: right;
}
.testimonials {
  background: #fff;
  padding-top: 100px;
  overflow: hidden;
} 
.testimonials .container-fluid{
    padding: 0;
 }
 .testimonials .testimonials-bg {
   /* background-image: url('../img/black-art.webp');*/
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
 .testimonials .testimonials-bg .bg-img {
  position: absolute;
  top: 0;
  z-index: 0;
  left: 0;
  width: 100%;
}
 .testimonials .slider-testimonials {
    position: relative;
    z-index: 1;
}
.home .slick-slider {
  background-color: transparent;
}
.home .testimonials .slider-testimonials .slick-slider {
    background: none;
    margin-left: -90px;
}
.testimonials .testimony {
    padding: 20px 30px;
    background: #fff;
    margin: 20px;
    box-shadow: -5px 5px 15px rgba(0,0,0,0.2);
}
.testimonials .testimony .author {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #000;
}
.testimonials .testimony .avtar {
    margin-right: 10px;
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonials .testimony .user h4, .testimonials .testimony .user h2 {
    text-transform: capitalize;
    font-weight: 800;
    font-size: 22px;
line-height: 1.273em;
}
.testimonials .slick-arrow {
    position: absolute;
    bottom: -20px;
    left: -44%;
}
.testimonials .slick-next {
    margin-left: 35px;
}
.testimonials .slick-arrow::before {
    font-size: 25px;
}
.testimonials h2{
    position: relative;
    z-index: 0;
}
.testimonials h2::after {
  content: '“';
  position: absolute;
  color: #efefef;
  font-family: 'Oswald', sans-serif;
  font-size: 700px;
  font-weight: normal;
  z-index: -1;
  left: -40px;
  bottom: -20px;
}
.home-about {
    padding: 0;
}    
.home-about h2 {
  font-size: 120px;
  line-height: 1em;
  margin: 0.67em 0;
margin-bottom: 100px;
font-weight: 700;

}
.services-list .image-button-title {
    font-weight: 300;
    font-size: 26px;
    line-height: 1em;
    text-transform: capitalize;
    padding: 35px 44px;
    color: #fff;
    background: #000;
    font-family: 'Poppins', sans-serif;
    transition: all 0.2s ease-out;
}
.services-list .image-button-title .wrap {
  display: flex;
  align-items: center;
  border-top: 2px solid;
  padding-top: 10px;
  padding-bottom: 15px;
}
.services-list .image-button-title .wrap strong{
  margin-left: 18px;
}
.services-list .link{
    margin-left: auto;
    color: #DA291C;
    font-size: 14px !important;
    text-transform: lowercase;
    font-weight: 500;
}

.services-list{
    margin-top: 100px;
 }
.services-list .col-md-6 {
    top: -80px;
    padding-left: 30px;
}
.services-list .col-md-6:nth-child(odd)  {
    margin-top: -180px;
    padding-left: 16px;
    padding-right: 30px;
}
.services-list .image-button {
  margin-bottom: 60px;
  box-shadow: 0px 45px 80px -40px #000000;
}
.services-list .image-button:hover .image-button-title{
  color: #DA291C;
  transition: all 0.2s ease-out;
}
.location-map {
  background: #EDF1F5;
} 
.location-map .container-fluid{
  padding: 0;
}
.home-about .p1 {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: 300;
  margin: 0 0 30px 0;
}
.home-about .about-content{
  padding-left: 15px;
}
.more-services{
  text-align: center;
  margin-top: 40px;
}
.more-services .btn-secondary.btn-small {
  margin: 0 10px;
}
#header-main-menu .col-md-9{
  position: static;
}
.header-main-menu {
  position: relative;
  background: #fff;
}
.ubermenu-nav .ubermenu-item-level-0 > a{
  padding: 40px 20px;
  border-bottom: 4px solid transparent
}
.ubermenu-nav .ubermenu-item-level-0.ubermenu-current_page_item > a, 
.ubermenu-nav .ubermenu-item-level-0:hover > a{
  border-bottom: 4px solid #000;
}
.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item > .ubermenu-submenu.ubermenu-submenu-type-mega {
  padding: 0;
  border: 0;
}
.ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target {
  padding: 30px;
  border: 1px solid #e2e2e2;
  margin: -1px -1px 0 0;
  position: relative;
}
.ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target:after {
  content: '';
  background-color: transparent;
  width: 8px;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target:hover,
.ubermenu-nav .ubermenu-submenu-type-mega .ubermenu-current-menu-item a.ubermenu-target{
  background: #fff;
}
.ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target:hover:after,
.ubermenu-nav .ubermenu-submenu-type-mega .ubermenu-current-menu-item a.ubermenu-target:after {
  background-color: #000;
}
.ubermenu .ubermenu-submenu-type-mega > .ubermenu-column{
  border-right: 1px solid #e2e2e2;
}
.ubermenu-skin-minimal .ubermenu-submenu-type-mega .ubermenu-target > .ubermenu-target-title{
  font-size: 16px;
  font-weight: 700;
}
.ubermenu-skin-minimal .ubermenu-submenu-type-mega .ubermenu-target > .ubermenu-target-description {
  color: #000 !important;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
}
.ubermenu .ubermenu-submenu-type-mega > .ubermenu-column.ubermenu-column-1-4.ubermenu-has-submenu-stack {
  border-right: 0;
  padding: 0 40px;
}
.ubermenu .ubermenu-submenu-type-mega > .ubermenu-column.ubermenu-column-1-4 .ubermenu-custom-content-padded{
  padding: 15px 0;
}
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
  padding: 20px 0 !important;
  border-left: 0;
  border-right: 0;
}
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:after {
  content: none;
}
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target:hover {
  background-color: transparent;
  color: #da291c;
}
.ubermenu .ubermenu-submenu-type-stack .ubermenu-custom-content-padded a{
  color: #da291c;
  font-weight: 600;
}
.ubermenu .ubermenu-submenu-type-flyout .ubermenu-target{
  padding: 10px 20px;
}
.ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-type-flyout .ubermenu-target:hover, 
.ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-type-flyout .ubermenu-active > .ubermenu-target {
  color: #da291c;
}
.studio-location .half-and-half.rainbow{
  flex-direction: row-reverse;
}
.studio-location .half-and-half__text--right .half-and-half__text-wrapper {
  text-align: center;
}
.studio-location .title-with-topbar h2 {
  font-size: 36px;
}
.title-primary span {
  background-color: transparent;
  color: #da291c;
 }
.home-project-title {
  padding: 0;
  margin-bottom: 15px;
}
.home-project-title h2 {
  margin: 0;
  color: #fff;
}
.slide.img-bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.masthead.img-bg-cover {
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.masthead .masthead-inner h1 {
  font-size: 100px;
  text-align: left;
  line-height: 0.9em;

}
.blog .page-content, .single .page-content {
  padding-top: 0;
  margin-top: -120px;
  background-color: transparent;
}
.blog .blog-listing-container{
  margin-top: 0;
  margin-bottom: 40px;
}
.blog-listing-container .blog-listing img {
  max-height: none;
}
.blog .blog-post-image {
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding-top: 380px;
  position: relative;
}
.single .blog-post-image {
  margin-bottom: 30px;
  box-shadow: 0px 45px 80px -40px #000;
}
.single .blog-post-image img{
  width: 100%;
}
.single .page-content .page-brandable {
  margin-right: 0;
  margin-bottom: 0;
}
.blog-listing-container .blog-listing img {
  height: 100%;
  overflow: visible;
  width: auto;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
}
.blog-listing-container .blog-listing .blog-info {
  min-height: 350px;
  padding: 30px;
  background: #000;
  border-top: 0;
  color: #fff;
  font-size: 16px;
  box-shadow: 0px 45px 80px -40px #000;
}
.blog-listing-container .blog-listing .blog-info .blog-title {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
  padding-top: 15px;
  border-top: 2px solid;
}
.blog-listing-container .blog-listing .blog-info a:hover .blog-title {
  color: #DA291C;
}
.blog-listing-container .blog-listing .blog-info .blog-date {
  font-style: italic;
  text-transform: capitalize;
}

.blog-listing-container .blog-listing .blog-info .readmore {
  color: #DA291C;
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 700;
}
.page-content .wp-pagenavi {
  display: flex;
  position: relative;
  z-index: 9;
}
.page-content .wp-pagenavi a, .page-content .wp-pagenavi span {
  text-decoration: none;
  border: 0;
  margin: 0;
  color: #898989;
  font-size: 20px;
  padding: 10px;
}
.page-content .wp-pagenavi a:hover {
  color: #DA291C;
}
.page-content .wp-pagenavi .pages {
  margin-right: auto;
  padding-left: 0;
}
.page-content .wp-pagenavi span.current {
  font-weight: bold;
  color: #DA291C;
}
.single .categories {
  margin-top: 15px;
}
.single .page-brandable a {
  color: #DA291C;
}
.masthead .masthead-inner h1 span, .title-with-topbar span{
  color: #DA291C;
}
.page-template-page-locations {
  background: #eef1f5;
}
header#page-header {
    background: #fff;
}
.location-search .studio-search-form input[type="text"] {
    border: 0;
    border-radius: 35px;
    margin-bottom: 10px;
}
.location-search .studio-search-form {
    text-align: center;
    display: block;
}
.location-search .studio-search-form button {
    padding: 15px 25px;
    font-size: 15px;
    float: none;
}
.location-search .studio-search-form .current-link {
  display: block;
  color: #DA291C;
  text-decoration: none;
  font-size: 15px;
  margin-bottom: 10px;
  background: none;
  border: 0;
  width: 100%;
  padding: 0;
}
.studio-result-list .studio-list {
    width: 100%;
    position: relative;
    overflow: visible;
    height: auto;
    border: 0;
    background: none;
}
.studio-result-list .studio-list-items {
    position: relative;
}
.studio-result-list .studio-listing {
    padding: 0;
    border-bottom: 0;
    min-height: 230px;
}
.studio-result-list .studio-listing h4 {
    font-size: 18px;
    color: #DA291C;
    font-weight: 600;
}
.studio-result-list .studio-listing .studio-listing__section {
    margin-top: 10px;
}
.studio-result-list .studio-listing a.btn.btn-black {
    background: #000;
    margin: 0 10px 0 0;
    min-width: auto;
  padding: 8px 7px;
    font-size: 11px;
   /* padding: 8px 15px;
    font-size: 11px;*/
}
.studio-result-list .studio-listing a.btn.btn-black:hover {
    background: #DA291C;
}
/* .studio-result-list .studio-listing  h5.push-half-top.phone_link {
    display: none;
} */
.studio-result-list .studio-listing__address {
    margin-top: 10px;
    min-height: 120px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5em;
    color: #000;
}
.studio-result-list .show-toolbar {
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}
.studio-result-list .show-toolbar h4 {
    font-size: 18px;
    font-weight: 800;
}

.page-template-page-about .about-content .half-and-half {
    flex-direction: row-reverse;
}
.page-template-page-about .about-content .half-and-half__text.half-and-half__text--right {
    background: none;
}
.page-template-page-about .about-content .half-and-half__media {
    min-height: 700px;
    opacity: 1 !important;
    margin-top: -75%;
}
.page-template-page-about .about-content .half-and-half__mediaholder {
    height: 100%;
    position: static !important;
}
.page-template-page-about .about-content .half-and-half__text-wrapper {
    margin-top: 80px;
    font-size: 20px;
    line-height: 1.6em;
}
.page-template-page-about .about-content {
    margin-bottom: 50px;
}
.about-slider h2 {
    color: #fff;
    font-size: 80px;
}
.about-slider .service-item-content a {
    position: relative;
    bottom: auto;
}
.about-slider .service-item-content {
    min-height: 200px;
    margin-top: 30px;
    border-top: 3px solid #fff;
    padding-top: 15px;
    color: #fff;
    font-size: 18px;
}
.about-slider .service-item-content h4 {
    text-transform: none;
}
.about-slider .service-item-content h4 a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}
.about-slider .service-item-content h4 a:hover {
    color: #da291c;
}
.about-slider .slick-slider-services .slick-list {
    overflow: visible;
}
.about-slider .slick-slider-services .service-item.slick-slide{
  opacity: 0.1;
  transition: all 0.3s ease-out;
}
.about-slider .slick-slider-services .service-item.slick-slide.slick-active{
  opacity: 1;
  transition: all 0.3s ease-out;
}
.about-slider .slick-slider-services .service-item a.image-wrap {
    display: block;
    padding-top: 480px;
    position: relative;
    overflow: hidden;
}
.about-slider .slick-slider-services .service-item a.image-wrap img {
    position: absolute;
    top: 0;
    margin-left: 50%;
    left: -50%;
    max-width: unset;
}
.location-search .selectric-wrapper {
    display: none;
}

.about-team-section .container-fluid {
    padding: 0;
}
.about-team-section .about-team-content {
    padding: 60px;
    background: #fff;
    color: #000;
    margin: 80px 0 80px -120px;
    max-width: 480px;
    box-shadow: 0px 30px 70px -20px rgba(0, 0, 0, 0.6);
}
.about-team-section h2 {
    font-size: 80px;
    padding: 0;
}
.about-team-section .about-team-content .font-medium{
    padding: 15px 0;
    font-style: italic;
    line-height: 1.5em;
    border-top: 2px solid #000;
}
.page-template-page-about .aboutus-image {
    width: 450px;
}
.page-template-page-about .page-about, .page-template-page-about .page-about .container-fluid{
  padding: 0;
}
.page-template-page-about .page-about .container-fluid .col-md-6 {
  padding-right: 0;
}
.page-template-page-about .page-about figure {
  margin: 0;
}
.page-template-page-about .page-about figure img {
  float: left;
  width: 100%;
}
.bg-black .title-primary{
    color: #fff;
}
.process-section h2.title-primary{
    font-size: 80px;
}
.process-section.history-slider .process-content {
    margin-top: 0;
    padding: 0;
    color: #fff;
}
.process-section.history-slider .process-content .icon{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.process-section.history-slider .process-content .h1{
    font-size: 80px;
    vertical-align: middle;
}
.process-section.history-slider .process-title {
    font-size: 20px;
    font-weight: bold;
    max-width: 45%;
    margin-top: 30px;
}
.process-section.history-slider .process-content p.font-medium {
    font-size: 16px;
    line-height: 1.2em;
    max-width: 45%;
    margin-top: 15px;
}
.process-section.history-slider .process-content .divider {
    border-bottom: 30px solid;
    margin-top: 15px;
}
.process-section.history-slider .process-content.item-1,
.process-section.history-slider .process-content.item-4,
.process-section.history-slider .process-content.item-7,
.process-section.history-slider .process-content.item-1 *,
.process-section.history-slider .process-content.item-4 *,
.process-section.history-slider .process-content.item-7 *{
    color: #fff;
}
.process-section.history-slider .process-content.item-2,
.process-section.history-slider .process-content.item-5,
.process-section.history-slider .process-content.item-8,
.process-section.history-slider .process-content.item-2 *,
.process-section.history-slider .process-content.item-5 *,
.process-section.history-slider .process-content.item-8 *{
    color: #979797;
}
.process-section.history-slider .process-content.item-3,
.process-section.history-slider .process-content.item-6,
.process-section.history-slider .process-content.item-9, 
.process-section.history-slider .process-content.item-3 *,
.process-section.history-slider .process-content.item-6 *,
.process-section.history-slider .process-content.item-9 *{
    color: #DA291C;
}

.process-section.history-slider .process-content .h1 small {
    position: absolute;
    font-size: 28px;
}
.process-section.history-slider .slick-slider-process .slick-prev {
    display: none !important;
}
.process-section.history-slider .slick-slider-process .slick-list {
    overflow: visible;
}
.process-section.history-slider .slick-slider-process .process-item.slick-slide{
  opacity: 0.1;
  transition: all 0.3s ease-out;
}
.process-section.history-slider .slick-slider-process .process-item.slick-slide.slick-active{
  opacity: 1;
  transition: all 0.3s ease-out;
}
.process-section.history-slider .slick-slider-process .slick-next {
    right: 0 !important;
    top: 35px;
}
.process-section.history-slider .slick-slider-process {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-right: 50px;
    padding-left: 50px;
}

.page-template-page-smart-signage .hero-banner .half-and-half__media,
.page-template-architect-landing-page .hero-banner .half-and-half__media {
    position: relative;
    display: block;
    min-height: 700px;
    overflow: hidden;
    margin-top: -75%;
    opacity: 1 !important;
}
.page-template-page-smart-signage .hero-banner .image_block .half-and-half__mediaholder,
.page-template-architect-landing-page .hero-banner .image_block .half-and-half__mediaholder {
    height: 100%;
    padding-bottom: 0;
    position: static !important;
}
.page-template-page-smart-signage .hero-banner  .half-and-half__mediaholder img,
.page-template-architect-landing-page .hero-banner  .half-and-half__mediaholder img {
    width: 100%;
}
.page-template-page-smart-signage .hero-banner .text-container .body,
.page-template-architect-landing-page .hero-banner .text-container .body{
    font-size: 20px;
    line-height: 1.5em;
}
.page-template-page-smart-signage .hero-banner .image_block.right .text-container,
.page-template-architect-landing-page .hero-banner .image_block.right .text-container {
    padding: 0 60px 0 0;
}
.page-template-page-smart-signage .masthead h2,
.page-template-architect-landing-page .masthead h2{
  color: #fff;
  text-transform: none;
  margin: 15px 0;
}
.page-template-page-smart-signage .hero-banner,
.page-template-architect-landing-page .hero-banner {
    margin-bottom: 80px;
}
.page-template-page-smart-signage .info-blocks,
.page-template-architect-landing-page .info-blocks {
    padding: 120px 0;
    margin: 0;
    
}
.page-template-page-smart-signage .info_block,
.page-template-architect-landing-page .info_block{
  background: none;
}
.page-template-page-smart-signage .info_block .image-wrap,
.page-template-architect-landing-page .info_block .image-wrap {
    padding-top: 480px;
    overflow: hidden;
    position: relative;
}
.page-template-page-smart-signage .info_block .image-wrap img,
.page-template-architect-landing-page .info_block .image-wrap img {
    width: auto;
    height: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: -50%;
    margin-left: 50%;
}
.page-template-page-smart-signage .info_block .info_block_text,
.page-template-architect-landing-page .info_block .info_block_text {
    margin-top: 30px;
    border-top: 3px solid #fff;
    padding: 15px 0 0 0;
    color: #fff;
    font-size: 18px;
    text-align: left;
}
.page-template-page-smart-signage .info_block .info_block_text h4,
.page-template-architect-landing-page .info_block .info_block_text h4 {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
}
.page-template-architect-landing-page .image_slider{
  padding: 100px 0; 
}
.image_block  .text-container p {
    font-size: 18px;
    line-height: 1.5em;
    color: #38404b;
}
.product-page_half.bg-black * {
  color: #fff;
}

.masthead figure {
  max-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0;
}
.masthead figure img{
  max-width: 100%;
}

.page-sidebar .testimony {
  display: flex;
  flex-direction: column-reverse;
}
.page-sidebar .testimony .avtar {
  display: none;
}
.home-our-client-cont .slick-track {
  display: flex;
  align-items: center;
}
.align-items-center {
  display: flex;
  align-items: center;
}
.slider-gallery-wrapper .slick-arrow::before {
  font-size: 30px;
}
.studio-search__option {
  width: 100%;
}
.studio-search-form input[type="text"] {
  min-width: 100%;
}
h1 span, h2 span, .studio-location .half-and-half__text-wrapper a{
  color: #DA291C;
}
.studio-location .half-and-half__text-wrapper ul {
  text-align: left;
}
.header-main-menu .ubermenu .ubermenu-item-layout-image_left > .ubermenu-image {
  max-width: 90px;
}
.header-main-menu .ubermenu .ubermenu-item-layout-image_left > .ubermenu-target-text {
  padding-left: 100px;
}
.scroltop {
  position: fixed;
  bottom: 5px;
  height: 45px;
  width: 45px;
  background: #000;
  border: 0;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s linear;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  border-radius: 50%;
  line-height: 35px;
  left: 10px;
}
.page-template-page-contact .page-content .page-brandable {
  margin-right: 0;
}
.cta-zipcode {
  padding:20px 0;
}
.cta-zipcode .container {
  max-width: 900px;
}
.cta-zipcode form {
  display: flex;
}
.cta-zipcode .h2 {
  color: #DA291C;
  font-weight: 400;
}
.cta-zipcode .findstudio {
  border-radius: 25px 0 0 25px;
  padding: 10px 20px;
}
.cta-zipcode button.icon-search::before {
  color: #fff;
  margin-right: 5px;
}
.cta-zipcode button.icon-search {
  color: #fff;
  background: #000;
  padding: 10px 20px;
  border-radius: 0 25px 25px 0;
}
/* media */
@media (max-width: 1599px){
.slide-cont.corporate,
.slide-cont {
  padding: 125px 0;
}
.slide-desc.corporate, .slide-desc {
  margin-left: 20px;
}
.masthead .masthead-inner h1 {
  font-size: 80px;
  word-wrap: break-word;
}
}
@media (max-width: 1439px){
.slide-cont.corporate {
  padding-top: 50px;
  padding-bottom: 50px;
}
.slide-desc h1 {
  font-size: 120px;
}
.home-about h2 {
  font-size: 90px;
}
}
@media (max-width: 1359px){
.masthead .masthead-inner h1 {
  font-size: 70px;
}
}
@media (max-width: 1279px){
.ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target {
  padding: 15px;
}
.ubermenu-skin-minimal .ubermenu-submenu-type-mega .ubermenu-target > .ubermenu-target-title {
  font-size: 14px;
}
.ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left > .ubermenu-column.ubermenu-column-1-4 {
  padding: 0 30px;
}
.media-grid .white-box p {
  margin: 10px 30px;
}
.media-grid .white-box {
  padding: 100px 40px 50px 40px;
 }
}
@media (max-width: 1024px){
.ubermenu-bar-align-right {
  width: 100%;
}
.ubermenu-responsive-default.ubermenu {
  width: 100%;
}
.nav-secondary li a:hover {
  color: #000;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0 {
  float: left;
  width: 100%;
}
.ubermenu-nav .ubermenu-item-level-0 > a {
  padding: 10px 0;
  color: #DA291C;
}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
  font-size: 16px;
  color: #DA291C !important;
  border-top: 1px solid #ccc;
  border-bottom: 0;
}
.ubermenu-nav .ubermenu-item-level-0.ubermenu-current_page_item > a, .ubermenu-nav .ubermenu-item-level-0:hover > a {
  border-bottom: 0;
}
.mobile-secondary {
  float: left;
  width: 100%;
}
.slide-desc h1 {
  font-size: 80px;
}
.home .slideshow .half-and-half__mediaholder {
  min-height: auto;
}
.home-about h2 {
  font-size: 60px;
}
.blog-listing-container .blog-listing .blog-info .blog-title {
  font-size: 22px;
}

.masthead.img-bg-cover {
  min-height: 350px;
}
.page-template-page-about .about-content .half-and-half__media {
    min-height: auto;
    margin-top: 0;
}
.masthead .masthead-inner h1 {
  font-size: 70px;
}
.page-template-page-smart-signage .hero-banner .half-and-half__media {
  margin-top: -65%;
 }
.page-template-page-smart-signage .hero-banner {
  margin-bottom: 0;
}
.page-template-page-smart-signage .info-blocks {
  padding: 20px 0;
  margin: 0;
}
.image_block_light .title-primary {
  font-size: 30px;
}
.image_block .text-container p {
  font-size: 16px;
  line-height: 1.2em;
} 
#architects-map .valign-middle {
  display: block;
}
}
@media (max-width: 1024px){
.location-flex-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: -120px;
} 
.location-flex-search .location-search {
  width: 35%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.location-flex-search  .bgc-primary {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.home .recent-project .thumb h4, .home .recent-project .thumb h2 {
  font-size: 18px;
}
.testimonials .valign-middle, .location-map .valign-middle{
  display: block;
}
.services-list .col-md-6 {
  top: 0;
  padding: 0 15px;
}
.services-list .col-md-6:nth-child(odd) {
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.services-list {
  margin-top: 0;
  padding: 40px 0;
}
.services-list .more-services {
  margin-top: 20px;
}
.studio-search {
  padding: 30px 0;
}
.media-grid .white-box {
  margin-top: 0;
  margin-bottom: 40px;
}
.media-grid .col-md-6:first-child {
  margin-top: -150px;
}
.home .testimonials .slider-testimonials .slick-slider {
  margin-left: 0;
}
.studio-location .half-and-half.rainbow {
  flex-direction: column-reverse;
  display: flex;
}
.studio-location .half-and-half.rainbow .half-and-half__media {
  min-height: 400px;
}
.media-grid .col-md-8:first-child {
  margin-top: -150px;
}
}
@media (max-width: 991px){
.header-main-menu .ubermenu-skin-minimal.ubermenu-responsive-toggle {
  display: none;
}
.header-main-menu .ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse {
  max-height: none;
  visibility: visible;
}
.header-main-menu .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column, 
.header-main-menu .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
  min-width: 100%;
}
.header-main-menu .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
  border-top: 1px solid #ccc;
}
.header-main-menu  .ubermenu-main, 
.header-main-menu  .ubermenu-main .ubermenu-target, 
.header-main-menu .ubermenu-main .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target {
  font: normal 16px/24px Poppins, sans-serif;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item.ubermenu-active .ubermenu-submenu {
  display: block;
}
.header-main-menu .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
  display: none;
} 
.ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ubermenu-skin-minimal .ubermenu-submenu-type-mega .ubermenu-target > .ubermenu-target-title {
  font-size: 18px;
}
.ubermenu-skin-minimal .ubermenu-submenu-type-mega .ubermenu-target > .ubermenu-target-title {
  font-size: 18px;
  padding-left: 20px !important;
}
.ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target {
  padding: 25px;
}
.services-list .col-md-6 {
  top: 0;
  padding: 0 15px;
}
.services-list .col-md-6:nth-child(odd) {
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.services-list {
  margin-top: 0;
  padding: 40px 0;
}
.services-list .more-services {
  margin-top: 20px;
}
.slideshow .row.valign-middle__item {
  flex-direction: column-reverse;
  display: flex;
}
.slide-desc.corporate {
  text-align: center;
}
.home-about h2 {
  text-align: center;
}
.testimonials .valign-middle, .location-map .valign-middle {
  display: block;
}
.home .recent-project .section-title {
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}
.home .recent-project .slick-dots {
  bottom: -40px;
}
.studio-search {
  padding: 30px 0;
}


#desktop-quote-holder a {
  margin-left: 0;
 }
 .blog .blog-post-image {
  height: 250px;
  padding-top: 250px;
}
.blog-listing-container .blog-listing .blog-info {
  min-height: 380px;
  padding: 25px;
}
.page-template-page-about .about-content .half-and-half__text-wrapper {
    margin-top: 30px;
}
.page-template-page-about .page-about .valign-middle,
.page-template-page-about .about-team-section .valign-middle {
    display: block;
}
.page-template-page-about .page-about .text-container {
    padding: 30px;
}
.page-template-page-about .page-about figure img {
    float: none;
}
.about-team-section h2 {
    font-size: 60px;
    text-align: center;
    margin: 40px 0;
}
.about-team-section .about-team-content {
    padding: 40px;
    margin: 0;
    max-width: 50%;
}
.process-section h2.title-primary {
    font-size: 60px;
}
.process-content {
    border-left: 0;
}
.process-section.history-slider .process-title,
.process-section.history-slider .process-content p.font-medium {
    max-width: 70%;
}
.slick-dots {
    left: 0;
}
.process-section.history-slider .process-content .h1 small {
    font-size: 22px;
}
.process-section.history-slider .process-content .h1 {
    font-size: 50px;
}
.page-template-page-about .half-and-half__mediaholder {
    position: static !important;
}
.page-template-page-smart-signage .hero-banner .half-and-half__media {
  min-height: auto;
  margin-top: 0;
}
.page-template-page-smart-signage .hero-banner {
  margin-bottom: 40px;
}
.page-template-page-smart-signage .info_block .image-wrap {
  padding-top: 200px;
}
.slide-cont .align-items-center {
  flex-wrap: wrap;
}
.slide-cont, .slide-cont.corporate {
  padding: 20px;
}
.location-flex-search {
  display: block;
}
.location-flex-search .location-search {
  width: 100%;
}
.slide-desc.corporate, .slide-desc {
  text-align: center;
  margin: 20px 0;
}
h1, .h1 {
  font-size: 55px;
}
.home .testimonials .slider-testimonials .slick-slider {
  margin-left: 0;
}
.location-map .studio-search h1, .location-map .studio-search h3 {
  font-size: 55px;
}
}
@media (max-width: 767px){
  button.icon-menu::before{
  color: #000;
}
.home-about h2 {
  margin-bottom: 30px;
}
.services-list .image-button-title {
  font-size: 20px;
  padding: 15px;
 }
 .services-list .more-services {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  position: relative;
  z-index: 1;
}
 .more-services .btn-secondary.btn-small {
  margin: 10px auto;
  min-width: 150px;
}
.testimonials h2 {
  text-align: center;
  margin: 30px 20px;
}
.testimonials h2::after {
  left: 40px;
}

.testimony {
  margin: 0;
 min-width: 100%;
}
.testimonial-client > .container-fluid {
  padding-bottom: 0;
  padding-top: 0;
}
.footer-top {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}
.corporate .header-findstudio form {
  padding: 5px 0;
}
.corporate .header-findstudio button {
  float: right;
}
.corporate .header-findstudio {
  height: 60px;
}
.masthead .masthead-inner h1 {
  font-size: 40px;
}
.blog-listing-container .blog-listing .blog-info {
  min-height: auto;
}
.location-flex-search{
  margin-top: -80px;
}
.location-flex-search .find-sps {
  padding: 20px 0;
}
.studio-result-list .studio-listing__address {
    min-height: auto;
}
.studio-result-list .studio-listing {
    min-height: auto;
    margin-bottom: 30px;
}
.about-team-section .about-team-content {
    max-width: 100%;
}
.location-map .studio-search h1, .location-map .studio-search h3 {
    font-size: 40px;
}
.studio-search {
    padding: 20px 0;
}
.about-team-section h2, .about-slider h2 {
    font-size: 40px;
}
.page-template-page-smart-signage .info_block .image-wrap img {
  width: 100%;
  height: auto;
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}
.image_block.right .row {
  flex-direction: column-reverse;
}
.masthead .row.valign-middle {
  display: block;
}
.masthead figure{
  margin: 0 0 15px 0;
}
.scroltop {
  visibility: visible;
  opacity: 1;
}
.sticky-elements .get-quote .icon-paw::before {
  content: '';
  background-image:url('../img/get-quote-icon-white.png');
  height: 28px;
  display: inline-block;
  width: 28px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-template-page-contact .masthead.img-bg-cover {
  min-height: 120px;
}
.page-template-page-contact .masthead-inner {
  padding-top: 25px;
  padding-bottom: 25px;
}
.page-template-page-contact .page-content {
  padding-top: 10px;
}
.ubermenu-image{
  display: none;
}
.testimonials .testimonials-bg {
  padding: 40px 0;
 }
.testimonials .testimonials-bg .bg-img {
  width: auto;
}
.testimonials .testimony {
  margin: 0;
}
}
.btn_drctn{display:none;} .btn_gtqt{display:inline-block;}
.page-template-page-locations .btn_drctn{display:inline-block;}
.studio-result-list .studio-listing {
  margin-bottom: 20px;
}
.studio-result-list .studio-listing .push-half-top.phone_link a {
  background: #000;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 20px;
}
:root {
  --star-size: 30px;
  --star-color: #666;
  --star-background: #fc0;
}
.testimony .review .Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.testimony .review .Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nav-secondary, .nav-secondary a, .nav-secondary a.link-color--primary {
    color: #fff !important;
    font-weight: bold;
}
.services-list .link {
    color: #fff;
}
.nav-secondary button.icon-search::before {
    color: #fff;
}
.corporate .header-findstudio form {
  display: flex;
}
.corporate .header-findstudio form > label {
  margin-bottom: 0;
}
.studio-result-list .studio-list-items {
	display: flex;
	flex-wrap: wrap;
}
.studio-result-list .studio-listing h4 {
	font-size: 20px;
}
.studio-result-list .studio-listing .push-half-top.phone_link{
	line-height: normal;
}
.studio-result-list .studio-listing .push-half-top.phone_link a {
	background: none;
	color: #DA291C;
	padding: 0;
	display: inline-block;
	border-radius: 20px;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
}
.header-main-menu .desktop-search {
	float: right;
	margin: 40px 0 0 10px;
}
.header-main-menu .desktop-search .searchform {
	top: 100%;
}
.sticky-nav-menu .nav-primary a{
  color: #000 !important;
}
.sticky-nav-menu .nav-primary a:hover{
  color: #DA291C !important;
}
  @media (min-width: 1025px){
.header-main-menu.sticky-nav-menu {
  min-height: auto;
  top: 0;
}
.header-main-menu.sticky-nav-menu .ubermenu-responsive-default.ubermenu {
  position: absolute;
  background: #fff;
}
.header-main-menu.sticky-nav-menu .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target,
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-submenu .ubermenu-target {
  color: #000000 !important;
}
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-item.ubermenu-item-level-0 {
  width: 100%;
}
.header-main-menu.sticky-nav-menu .ubermenu-nav .ubermenu-item-level-0 > a {
  padding: 10px 20px;
  border-bottom: 1px solid #ccc !important;
}
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-item .ubermenu-submenu-drop {
  box-shadow: none;
  background: #fff;
}
.header-main-menu.sticky-nav-menu .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
  background-color: #fff;
}
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-item .ubermenu-submenu-drop{
  position: relative;
}

.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-nav .ubermenu-column {
  width: 100%;
}
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-nav .ubermenu-column {
  width: 100%;
}
.header-main-menu.sticky-nav-menu .ubermenu-nav .ubermenu-submenu-type-mega a.ubermenu-target {
  padding: 5px;
}
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-item-layout-image_left > .ubermenu-image {
  max-width: 50px;
}
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-item-layout-image_left > .ubermenu-target-text {
  padding-left: 60px;
}
.header-main-menu.sticky-nav-menu .ubermenu-skin-minimal .ubermenu-submenu-type-mega .ubermenu-target > .ubermenu-target-title {
  font-size: 14px;
  font-weight: 600;
}
.header-main-menu.sticky-nav-menu .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item > .ubermenu-submenu.ubermenu-submenu-type-mega,
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-item .ubermenu-submenu-drop {
  overflow-y: scroll;
  max-height: 255px;
}
.header-main-menu.sticky-nav-menu .ubermenu .ubermenu-submenu-type-mega > .ubermenu-column.ubermenu-column-1-4.ubermenu-has-submenu-stack {
  display: none;
}
}
@media (max-width: 991px){
.studio-result-list .studio-listing {
	margin: 0;
	padding: 25px 0;
	border-bottom: 1px solid #9f9f9f;
}
.nav-secondary, .nav-secondary a, .nav-secondary a.link-color--primary {
    color: #DA291C !important;
}

}
.studio-map span.call_text {
    color: #DA291C;
    font-size: 18px;
    font-weight: 700;
}
.home .testimonials .btn-primary.btn-small {
    position: relative;
    z-index: 9;
    border: 1px solid #DA291C;
    float: right;
    margin: 0;
    top: 60px;
}
@media (max-width: 768px){
.home .testimonials .btn-primary.btn-small {
    margin-left: -80px;
    float: left;
    top: 0;
    left: 50%;
}
}

.single h1.blog-title {
    font-size: 40px;
}
@media (max-width: 768px){
 .single h1.blog-title {
    font-size: 24px;
} 
}

.home .slideshow .half-and-half__mediaholder  picture.img-responsive.front > img {
	width: 100%;
	height: auto;
	position: relative !important;
}

[data-wpr-lazyrender] {
    content-visibility: visible!important;
}



.masthead figure img {
    max-width: 100%;
    object-fit: contain;
}

.cf7-submitting {
  opacity: 0.6;
  pointer-events: none;
}

.wpcf7 select {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  padding: 13px 13px 14px;
  font-size: 1rem;
  font-family: inherit;

  background-color: #fff;
  color: #333;
  border: 1px solid #bdbdbd;
  border-radius: 0;

  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 1em;
  cursor: pointer;
}